/* Media Queries for Responsiveness */
          
          /* For medium and larger screens (tablets and above) */
          /* @media (min-width: 768px) { */
            /*  
          .sec1, .sec2, .sec3 {
            margin-bottom: 20px;
          }

          .sec1 img, .sec2 img, .sec3 img {
            max-width: 100%;
          }

          .cntact1 img {
            width: 100%;
            max-width: 400px;
          }
        
          
        }*/


        /* For small screens (mobile devices) */
        @media (max-width: 767px) {
          
          
          .logo-img {
            margin-left: 33px;
            height: 40px;
            width: 180px;

          }
          .nav-item {
                 
            text-align: center;
          }
          
          .futu-txt {
            font-size: 22px;
            text-align: center;
          }

          .rc-msg{
            font-size: 35px;
            font-weight: 600;
            color: #ff0055;
          }

      

          .msg-txt{
            
            text-align: center;
            padding: 0px 30px 0px 0px;
            
          } 


          /* row changes into column */
          .image{
            height: 431px;
            width: 357px;
            margin: auto;
            
          }
        

         .rc-img {
           height: auto;
           width: 100%;
           margin-left: 0px;
           margin-bottom: 5px;
          
         }
          .container1 .col-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

    

          .transform-txt {
            font-size: 15px;
            font-family: sans-serif;
          }

          .contact-btn {
            margin: 25px 0px 53px 0px;
            background-color: #ffffff;
            font-family: "Poppins", Sans-serif;
            font-weight: 600;
            padding: 7px 17px 6px 19px;
            border-radius: 20px;
            text-decoration: underline;
            color: #4adfcc;
          }
          .percent{

            font-size: 70px;
            font-weight: bold;
            text-align: center;
            margin-right: auto;
            padding: unset;
            
          }

          .txt{
            text-align: center;
          }

          .lines{
            text-align: center;
          }

          .lin1{
            font-family: "Poppins", Sans-serif;
            font-size: 15px;
            font-weight: 200;
          }

          .lin2{
            font-family: "Poppins", Sans-serif;
            font-size: 34px;
            font-weight: 600;
          }

          .brand{
              font-size: 49px;
              
              color: #ff0055;
          }
         
          .lin4{
            font-family: "Poppins", Sans-serif;
            font-size: 34px;
            line-height: normal;
            font-weight: 600;
          }
          .brand1{
            font-size: 49px;
          }
          .lin5{
            font-family: "Poppins", Sans-serif;
            font-size: 15px;
            font-weight: 200;
          }
          .lin6{
            
            font-size: 34px;
            line-height: normal;
           
          }
          .brand2{
            font-size: 49px;
          }
          .clur{
            text-align: center;
          }
          .cnct{
            font-size: 33px;
            font-weight: 700;
            text-align: center;
        }
          .chck{
            font-size: 12px;
          }
       
          
          .sec2,.mob2{
            text-align: center;
            float: left;
            margin-left: 0.0rem !important;
            }

          .txtchng{
            font-size: 24px;
          }
          
          .mobi{
            float: left;
            padding: 0px 0px 0px 0px;
            margin: auto;
            line-height: normal;
            

          }
        
        .mobi2{

          text-align: center;
          margin: auto;
          
        }
       .percent span{ font-size: 56px; font-weight: bold; color: #4adfcc; /* Green color */ }



        .mobi3{
          margin: auto;
          padding: 33px 0px 0px 0px;
          text-align: center;

        } 

        .cntact1 img {
          width: 100%;
          max-width: 400px;
          padding: 0px 0px 26px 18px;
        }

          
        
          .sec1{
            margin-right: 0.0rem !important; 
            margin-left: 0.0rem !important; 
            text-align: center;
          }

          .sec2{
              margin-right: 0.0rem !important;
                margin-left: 0.0rem !important;
                text-align: center;
            }

            .sec1, .sec2, .sec3 {
              margin-bottom: 20px;
          
              margin-left: 0.0rem !important; 
              text-align: center;
            }
          
          
          .imgs{
            height: 315px; 
            width: 100%;
            text-align: center;
           
          }

          

          .footer-links li {
            font-size: 17px;
            padding-right: 5.5rem;
            text-align: center;
            padding: 0px 32px 0px 0px;
        }
      
        .forms{
       
          padding: 0px 30px 0px 30px;
        }
   
      }