* {
    /* border: 2px solid red; */
    font-family: sans-serif;
}


  .social {
        display:grid;
        width: 60%;
        padding: 0.2rem;
   }


    .container1 {
    left: 26%;
    top: 4.5%;
    }

    
.s1-container{
  top: 1.5%;
     
      
}
.toleft-row1 span{
  color: blueviolet;
    font-size: 91px;
    font-weight: bolder;
  
}
#container1 {
    height:30vw; 
    width: 99vw;
    position:relative; 
  
    overflow:hidden;
   }
  
  .toleft-row1{
    position:absolute; 
    top:0px; 
    left:0px; 
    overflow:hidden; 
    white-space: nowrap;
    animation: bannermove 50s linear infinite;
  }
  
  .toleft-row1 span {  
    height: 29vw;
    margin: 0 0.1em;
  }
  
  @keyframes bannermove {
    0% {
        transform: translate(0%, 0);
    }
    100% {
        transform: translate(-50%, 0);
    }
}

.s1a-container{
    top: 34%;
       
        
  }
  #container1a {
    height:30vw; 
    width: 99vw;
    position:relative; 
  
    overflow:hidden;
   }
  
  .toleft-row1a{
    position:absolute; 
    top:0px; 
    left:0px; 
    overflow:hidden; 
    white-space: nowrap;
    animation: bannermove 20s linear infinite;
  }
  
  .toleft-row1a span {  
    height: 29vw;
    margin: 0 0.3em;
  }
  
  @keyframes bannermove {
    0% {
        transform: translate(0%, 0);
    }
    100% {
        transform: translate(-50%, 0);
    }
  }
  
  .toleft-row1a span{
    font-size:91px;
    font-weight: bolder;
  }

  .s1b-container{
    top: 62%;
       
        
  }
  #container1b {
    height:30vw; 
    width: 99vw;
    position:relative; 
  
    overflow:hidden;
   }
  
  .toleft-row1b{
    position:absolute; 
    top:0px; 
    left:0px; 
    overflow:hidden; 
    white-space: nowrap;
    animation: bannermove 20s linear infinite;
  }
  
  .toleft-row1b span {  
    height: 29vw;
    margin: 0 0.3em;
  }
  
  @keyframes bannermove {
    0% {
        transform: translate(0%, 0);
    }
    100% {
        transform: translate(-50%, 0);
    }
  }
  
  .toleft-row1a span{
    font-size:91px;
    font-weight: bolder;
  }
  .toleft-row1b span{
    font-size:91px;
    font-weight: bolder;
  }

  

  .form1 {
    margin-top: -627px;
    padding: 3% 0 0 0;
  }
  
  #Form1-m {
    padding: 15% 11% 0 11%;
  }
  
  .mar-3 {
    margin: 3%;
  }
  
  .form-control {
    background-color: rgba(255, 255, 255, 0) !important;
    border-radius: 28px !important;
    color: #f5f0f0f7!important;
    border: 0.4px solid white !important;
    
  
  }
  
  textarea.form-control {
    font-size: 12px !important;
    padding: 1rem 1.25rem !important;
    border: 0.4px solid white !important;
  
  }
  
  .form-control-lg {
    font-size: 12px !important;
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)) !important;
    padding: 0.5rem 1.5rem !important;
  }
  
  .mb-1-5 {
    margin-bottom: 1rem;
  }
  
  .mar-5 {
    margin: 5%;
  }
  
  .btn-wid-d {
    width: 80%;
      margin-top: -3%;
  }
  
  .btn1-d img {
    width: 20%;
    max-width: 599px;
  }
  
  .btn1-m img {
    width: 65%;
    max-width: 599px;
  }

  ::placeholder {
    color: #f5f0f0f7 !important;
    opacity: 1; /* Firefox */
  }

.resize {
    resize: none;
}

.sticky {
    position: sticky;
    bottom: 0;
}

/* .wrap-s3 {
    left: 0%;
    top: 44%;
}

.scroll-container3 {
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    width: 100vw;
    height: 65vw;
}

.scroll-item3 {
    width: 210vw;
    margin-right: 10px;
    display: inline-block;
    padding-left: 2%;
}

.scroll-item3 img {
    width: 100%;

} */

.btm-btn-line{
    width: 9%;
    top: 7px;
    right: 35%;  
  }
  
  .btm-btn-line img{
      width:100%;
  }
  
  .btm-btn-telegram{
    width: 9%;
    top: 7px;
    right: 23%;    
  }
  
  .btm-btn-telegram img{
      width:100%;
  }
  
  .btm-btn-whatapps{
    width: 9%;
    top: 7px;
    right: 11%;    
  }
  
  .btm-btn-whatapps img{
      width:100%;
  }

@media (min-width: 320px) {
    

    textarea.form-control {
        font-size: 15px !important;
        padding: 1rem 1.25rem !important;
        border: 0.4px solid white !important;
        
      }
      
      .form-control-lg {
        font-size: 15px !important;
        min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)) !important;
        padding: 0.5rem 1.5rem !important;
      }

    .form-control {
        border-radius: 16px !important;
    }
    .mb-1-5 {
        margin-bottom: 0.4rem !important;
    }
    .btn-wid-d {
        margin-top: -6% !important;
        width: 87%;
    }

}
@media (min-width: 375px) {
    .form1 {
        margin-top: -720px;
        padding: 3% 0 0 0;;
        
      }
      textarea.form-control {
        font-size: 16px !important;
        padding: 1rem 1.25rem !important;
        border: 0.4px solid white !important;
        
      }
      
      .form-control-lg {
        font-size: 16px !important;
        min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)) !important;
        padding: 0.5rem 1.5rem !important;
      }

    .btn-wid-d {
        margin-top: 0% !important;
    }

  

    .mb-1-5 {
        margin-bottom: 0.5rem !important;
    }

}
@media (min-width: 425px) {
    .form1 {
        margin-top: -824px;
        padding: 3% 0 0 0;
      }
      textarea.form-control {
          font-size: 18px !important;
          padding: 1.375rem 1.75rem !important;
          border: 0.4px solid white !important;
      }
      
      .form-control-lg {
          font-size: 18px !important;
          min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)) !important;
          padding: 0.5rem 2rem !important;
      }
    
    .mb-1-5 {
        margin-bottom: 0.7rem !important;
    }
    .form-control {
        border-radius: 20px !important;
    }

    .s1b-container {
      top: 63%;
  }

}

/* Large devices (tablet, 768px and up) */
@media (min-width: 768px) {

    .social {
        display:grid;
        width: 100%;
        padding: 0.4rem;
   }


    .container1 {
        left: 25%;
        top: 5.5%;
    }

    .s1-container{
       top:1.5%;
    }

    .toleft-row1 span{
        font-size: 206px;
    }

      .toleft-row1a span{
        font-size: 206px;
    }
    .toleft-row1b span{
      font-size: 206px;
  }


    .form-control {
      border-radius: 32px !important;
  }
  
  textarea.form-control {
      font-size: 1.1rem !important;
      padding: 1.375rem 1.75rem !important;
  }
  
  .form-control-lg {
      font-size: 1.1rem !important;
      min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 19)) !important;
      padding: 0.5rem 2rem !important;
  }
  .mb-1-5 {
      margin-bottom: 1.5rem !important;
  }
  .btn-wid-d {
      width: 57% !important;
      margin-top:0% !important;
      margin-left: 140px;
  }

  .form1{
    margin-top: -1500px;
    padding: 3% 0 0 0;
  }

    .btm-btn-line{
        width: 9%;
        top: 16px;
        right: 35%;  
      }
      .btm-btn-telegram{
        width: 9%;
        top: 16px;
        right: 23%;    
      }
      
      .btm-btn-whatapps{
        width: 9%;
        top: 16px!important;
        right: 12%;    
      }
    
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .bar-top{
        z-index: 1;
        margin-top: 4%;
        
    }
    .bar-top img{
        width:20%;
        margin-left: 40%;
    }

    
    .s1-container{
      top:2.5%;
   }

   .s1a-container{
    top:1.5%;
 }

 .s1b-container{
  top:5.5%;
}
    #bg {
        height: 100vh;
    }

    .form1 {
      margin-top: -75% !important;
      padding: 3% 3% 0 3% !important;
  }

  .btn-wid-d {
      width: 25% !important;
  }

  .form-control {
      border-radius: 16px !important;
  }

  textarea.form-control {
    font-size: 0.8rem  !important;
      padding: 0.375rem 0.75rem !important;
  }
  
  .form-control-lg {
    font-size: 0.8rem !important;
    min-height: calc(-0.5em + 1rem + calc(var(--bs-border-width) * 27)) !important;
    padding: 0.5rem 2rem !important;
  }
  .mb-1-5 {
      margin-bottom: 0.7rem !important;
  }
  #Form1-d {
      padding: 14% 14% 0 14% !important;
  }

    .container1 {
      text-align: center;
      left: 11.5%!important;
      top: 8%!important;
      width: 76%;
    
     } 
    .social {
          display:inline-block;
          width: 25%!important;
          padding: 0.4rem!important;
     }

     .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
      margin-left: 60%;
  }
  .btn-wid-d {
    width: 50% !important;
    margin-top: 125% !important;
    margin-left: 159%;
  }

     .btm-btn-line{
        width: 5%;
        top: 20px;
        right: 38%;  
      }
      .btm-btn-telegram{
        width: 5%;
        top: 20px;
        right: 32%;    
      }
      
      .btm-btn-whatapps{
        width: 5%;
        top: 20px!important;
        right: 26%;    
      }

}



@media (min-width: 1440px) {

    .container1 {
      text-align: center;
      left: 20.5%!important;
      top: 8%!important;
      width: 60%;
     } 
    .social {
          display:inline-block;
          width: 32% !important;
          padding: 0.4rem;
     }

     .toleft-row1 span {
        font-size: 230px;
    }

    .s1-container {
        top: 3%;
    }

    .s1a-container {
        top: 9.5%;
    }

    .s1b-container {
      top: 9.5%;
  }
    .btn-wid-d {
      width: 50% !important;
      margin-top: 106% !important;
      margin-left: 151%;
    }

    textarea.form-control {
      font-size: 0.8rem !important;
        padding: 1.375rem 1.75rem !important;
    }
    
    .form-control-lg {
      font-size: 0.8rem !important;
      min-height: calc(-0.5em + 1rem + calc(var(--bs-border-width) * 27)) !important;
      padding: 0.5rem 2rem !important;
    }

    .mb-1-5 {
        margin-bottom: 0.9rem !important;
    }

    #Form1-d {
        padding: 15% 15% 0 15% !important;
    }
  
      .col-md-6 {
          flex: 0 0 auto;
          width: 50%;
          margin-left: 60%;
      }


    .btm-btn-line{
        width: 5%;
        top: 24px;
        right: 38%;  
      }
      .btm-btn-telegram{
        width: 5%;
        top: 24px;
        right: 32%;    
      }
      
      .btm-btn-whatapps{
        width: 5%;
        top: 24px!important;
        right: 26%;    
      }

}