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


::placeholder {
    color: white !important;
}
.btn1-d {
    top: 73%;
}

.btn1-m {
    top: 62%;
}

.btn1 {
    top: 86.7%;
    width: 24%;
    left: 39%;
}

.s2-container {
    top: 55%;
    left: 1%;
}
  
  
  
  #container2 {
      height:17vw; 
      width: 99vw;
      position:relative; 
  
      overflow:hidden;
     }
  
    .photobanner2{
      position:absolute; 
      top:0px; 
      left:0px; 
      overflow:hidden; 
      white-space: nowrap;
      animation: bannermove 20s linear infinite;
    }
    
    .photobanner2 img {  
      height: 17vw;
      margin: 0 0.7em;
    }
    
  @keyframes bannermove {
      0% {
          transform: translate(0%, 0);
      }
      100% {
          transform: translate(-50%, 0);
      }
  }
  




.form1 {
    top: 13.5%;
    padding: 3% 0 0 0;
}

#Form1-m {
    padding: 15% 11% 0 11%;
}

.mar-3 {
    margin: 3%;
}

.form-control {
    background-color: transparent!important;
    border-radius: 58px !important;
    border: none !important;
    color: #fff !important;

}

textarea.form-control {
    font-size: 14px !important;
    padding: 1.375rem 1.75rem !important;
    border-radius: 26px;

    border: 0.4px solid white !important;
}

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

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

.mar-5 {
    margin: 5%;
}

.btn-wid-d {
    width: 65%;
    margin-top: 6%;
}

.btn1-d img {
    width: 20%;
    max-width: 599px;
}

.btn1-m img {
    width: 65%;
    max-width: 599px;
}

.resize {
    resize: none;
}

.sticky {
    position: sticky;
    bottom: 0;
}
.btm-btn-telegram1 {
    top: 0%;
    left: 27%;
}

.btm-btn-telegram1 img{
    width:11.5%
}



.btm-btn-line1{
    top: 0%;
    left: 37%;

}
.btm-btn-line1 img{
    width: 13.5%;
} 


.btm-btn-whatapps1{
    top: 0%;
    left: 47%;

}
.btm-btn-whatapps1 img{
    width: 17%;
} 



.navbar-custom {
    background-color: transparent ;
    transition: background-color 0.3s ease-in-out; /* Add a smooth transition effect */
}

#navbarNav{
    background-color: #3f3f3f;
}

/* Customize the background color of the navbar when scrolled */
.navbar-scrolled {
    background-color: #3f3f3f; /* Change this color to your desired background color */
}

a{
    font-size: x-large;
}


.logo {
    width: 40%;
    margin-left: 33%;
    padding: 0%;
}


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

.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%;

} */






@media (min-width: 320px) {
    textarea.form-control {
        font-size: 10px !important;
        padding: 1rem 1.25rem !important;
    }
    
    .form-control-lg {
        font-size: 10px !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: 9% !important;
    }

    .navbar-toggler{
        border: 0.4px solid white!important;
        margin-top: -19%;
    }


    

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

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

    .form1 {
        top: 11.5% !important;
    }

    .mb-1-5 {
        margin-bottom: 0.5rem !important;
    }
    .btm-btn-telegram1 {
        top: 3%;
        left: 27%;
    }
    
    .btm-btn-telegram1 img{
        width:11.5%
    }
    
    
    
    .btm-btn-line1{
        top: 3%;
        left: 37%;
    
    }
    .btm-btn-line1 img{
        width: 13.5%;
    } 
    
    
    .btm-btn-whatapps1{
        top: 3%;
        left: 47%;
    
    }
    .btm-btn-whatapps1 img{
        width: 17%;
    } 


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

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

    .form1 {
        top: 10.5% !important;
    }
    .mb-1-5 {
        margin-bottom: 0.7rem !important;
    }
    .form-control {
        border-radius: 20px !important;
    }
    /* .navbar-collapse{
        background-color: #3f3f3f;
    } */

    .btm-btn-telegram1 {
        top: 7%;
        left: 27%;
    }
    
    .btm-btn-telegram1 img{
        width:11.5%
    }
    
    
    
    .btm-btn-line1{
        top: 7%;
        left: 37%;
    
    }
    .btm-btn-line1 img{
        width: 13.5%;
    } 
    
    
    .btm-btn-whatapps1{
        top: 7%;
        left: 47%;
    
    }
    .btm-btn-whatapps1 img{
        width: 17%;
    } 

}

/* Large devices (tablet, 768px and up) */
@media (min-width: 768px) {
    .form-control {
        border-radius: 58px !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;
        border-radius: 26px !important;
    }
    .mb-1-5 {
        margin-bottom: 1.5rem !important;
    }
    .btn-wid-d {
        width: 57% !important;
        margin-top: 9% !important;
    }

    .navbar-collapse{
        background-color: #3f3f3f;
    }
    .btm-btn-telegram1{
        top:10%;
       right:36%;
    }
    
    .btm-btn-telegram1 img{
        width:24%
    }
    
    
    .btm-btn-line1{
        top: 10%;
       right: 18%;
    
    }
    .btm-btn-line1 img {
        width: 20%;
    }
    
    .btm-btn-whatapps1{
        top: 10%;
        right: 2%;
    
    }
    .btm-btn-whatapps1 img{
            width: 18%;
    } 

    .logo {
        width: 40%;
        margin-left: 52%;
        padding: 0%;
    }
    .navbar-toggler {
        border: 0.4px solid white!important;
        margin-top: 0%;
        margin-right: 7%;
        width: 12%;
        height: 58px;
    }
    
    
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #bg {
        height: 100vh;
    }

    #navbarNav{
        background-color: transparent;
    }

    .form1 {
        width: 100%;
        top: 4% !important;
        padding: 3% 3% 0 3% !important;
        
    }

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

    .form-control {
        border-radius: 58pxx !important;
    }

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

    .btn-subs{
        left: 41.5% !important;
        top: 94% !important;
        width: 69% !important;
    }

    .btm-btn-telegram1 {
        top: 14%;
        left: 38%;
    }
    
    .btm-btn-telegram1 img {
        width: 20%;
    }

    .btm-btn-line1{
        top: 14%;
        left: 44%;
    
    }
    .btm-btn-line1 img{
        width:14%
    }

    .btm-btn-whatapps1{
        top: 14%;
        left: 50%;
    
    }
    .btm-btn-whatapps1 img{
        width:11%
    } 

    .navbar-nav{
        padding-left: 77%   !important;
        margin-left: 1%;
    
    }
    
    .nav-item-home{
        position: absolute;
        left: 45%;
        width: 11%;
    }
    
    .nav-item-client{
        position: absolute;
        left: 53%;
    }
    
    .nav-item-advantage{
        position: absolute;
        left: 63%;
    }
    
    .nav-item-partner{
        position: absolute;
        left: 75%;
    }

}

@media (min-width:1024px) {

    .btn-subs {
        left: 39% !important;
        top: 95% !important;
        width: 57% !important;
    }
    textarea.form-control {
    font-size: 1.1rem !important;
    padding: 1.375rem 1.75rem !important;
    border-radius: 26px !important;
    }

    .logo {
        width: 40%;
        margin-left: 24%;
        padding: 0%;
    }
    .nav-item-home {
        position: absolute;
        left: 42%;
        width: 11%;
    }
    .nav-item-client {
        position: absolute;
        left: 50%;
    }

    .nav-item-advantage {
        position: absolute;
        left: 61%;
    }

    .nav-item-partner {
        position: absolute;
        left: 76%;
    }
}

@media (min-width: 1440px) {


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

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

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

    #Form1-d {
        padding: 13.5% 15% 0 15% !important;
    }

    .btn-subs{
        left: 41% !important;
        width: 51% !important;
        top: 97%;
    }
    .btm-btn-telegram1{
        top: 12% !important;
        left: 38.5% !important;
    }
    
    .btm-btn-telegram1 img{
        width:21% !important;
    }

    .btm-btn-line1{
        top: 12% !important;
        left: 45% !important;
    }
    
    
    .btm-btn-line1 img{
        width:15% !important;
    }

    
    .btm-btn-whatapps1 {
        top: 12% !important;
        left: 51.5% !important;
    }
    .btm-btn-whatapps1 img{
        width:12% !important;
    }

    .nav-item-partner {
    position: absolute;
    left: 74%;
    }
}

@media (min-width: 1920px) {

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

    .btn-subs{
        left: 41.5% !important;
        top: 110% !important;
        margin-top: -5% !important;
    }

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

    #Form1-d {
        padding: 15% 15% 0 15% !important;
    }

    





    
    .navbar-nav{
        padding-left: 69%   !important;
        margin-left: 7%;
    
    }
    .nav-item-partner {
        position: absolute;
        left: 72%;
    }

    .btm-btn-telegram1{
        top: 14% !important;
        left: 38.5% !important;
    }
    
    .btm-btn-telegram1 img{
        width:21% !important;
    }

    .btm-btn-line1{
        top: 12% !important;
        left: 45% !important;
    }
    
    
    .btm-btn-line1 img{
        width:15% !important;
    }

    
    .btm-btn-whatapps1 {
        top: 12% !important;
        left: 51.5% !important;
    }
    .btm-btn-whatapps1 img{
        width:12% !important;
    }

    

    

}