@media screen and (max-width:414px) {
    .heading {
        margin-top: 15%;
    }

    .heading h1 {
        font-size: 30px;
    }

    .mobilecall {
        left: 80%;
    }

   
.logo .navbar-brand{
    margin-left:10px;
}

.logo .navbar-brand img {
    width: 8vh;
}

.nav-btn{
    margin-right:0;
}

.nav-btn button{
    padding: 5px 10px 9px 10px;
}

.nav-btn button a {
    font-size: 14px;
}

.nav-btn button a img {
    width: 2.4vh;
}

    #front-section {
        height: 120vh;
        padding:5px 20px;
    }

    #front-section {
        background-position: 60% -10%;
    }

    #front-section .text-overlay {
        flex-wrap: wrap;
        top: 40px;
    }

    #front-section .text-overlay .box1 {
        width: 100%;
        padding-left: 5px;
    }
    
    #front-section .text-overlay .description {
        display: flex;
        justify-content: start;
        column-gap: 20px;
        padding: 0;
    }
    
    #front-section  .text-overlay .description span {
        font-size: 50px;
    }
    
    #front-section .text-overlay .description .box h2 {
        font-size: 16px;
    }

    #front-section .text-overlay .description .box p{
        font-size: 12px;
    }


    #front-section .text-overlay .box2 {
        width: 100%;
        padding-left: 0px;
    }

    #front-section .text-overlay .box1 h1 {
        font-size: 22px;
    }

    #front-section .text-overlay .box1 p {
        font-size: 13px;
        margin-top:10px;
    }

    #front-section .text-overlay .box2 .form {
        width: 100%;
        margin-top: 10px;
    }

    #cta .content {
        flex-wrap: wrap;
    }

    #cta .content .box1 {
        width: 100%;
        padding:10px;
    }

    #cta .content .box2 {
        width: 100%;
    }

    #cta .content .box1 h2 {
        font-size: 25px;
    }

    #cta .content .box1 p {
        font-size: 16px;
    }
    
    #services .heading h1{
        font-size:20px;
    }

    #services .content {
        flex-wrap: wrap;
        row-gap: 30px;
        margin-top: 20px;
    }
    
     #advantages .heading h1{
        font-size:20px;
    }

    #advantages .content {
        margin-top: 20px;
    }

    #aboutus .heading h1{
        font-size:20px;
    }

    #aboutus .content {
        margin-top: 0px;
        flex-wrap: wrap;
    }

    #aboutus .content .box1 {
        width: 100%;
        padding: 10px;
    }
    
    #aboutus .content .box1 p{
         font-size:16px;
     }

    #aboutus .content .box2 {
        width: 100%;
        padding: 10px;
    }

    #aboutus .content .box2 img {
        width: 90%;
    }

    #aboutus .points {
        flex-wrap: wrap;
        row-gap: 0px;
        margin-top: 20px;
    }

    #aboutus .points ul {
        padding: 0px;
        margin: 0;
    }
    
    #partners .heading h1{
        font-size:20px;
    }

    #partners .image-slider {
        margin-top: 10px;
    }
    
    #partners .image-slider img{
        width:10vh;
    }

    .testimonial__inner {
        width: 50%;
        /* Full width for mobile */
    }

    .testimonial-slide {
        min-width: 70%;
        /* Display one slide at a time */
        padding: 15px;
    }

    .testimonial_box {
        padding: 20px;
    }

    .testimonial_box-img img {
        width: 50px;
        height: 50px;
    }

    .testimonial_box-name h4 {
        font-size: 18px;
    }

    .testimonial_box-job p {
        font-size: 12px;
    }
}

@media screen and (max-width:500px) and (min-width:414px) {
    .heading {
        margin-top: 15%;
    }

    .heading h1 {
        font-size: 30px;
    }

    .mobilecall {
        left: 80%;
    }

   
.logo .navbar-brand{
    margin-left:10px;
}

.logo .navbar-brand img {
    width: 8vh;
}

.nav-btn{
    margin-right:0;
}

.nav-btn button{
    padding: 5px 10px 9px 10px;
}

.nav-btn button a {
    font-size: 14px;
}

.nav-btn button a img {
    width: 2.4vh;
}

    #front-section {
        height: 120vh;
        padding:5px 20px;
    }

    #front-section {
        background-position: 60% -10%;
    }

    #front-section .text-overlay {
        flex-wrap: wrap;
        top: 40px;
    }

    #front-section .text-overlay .box1 {
        width: 100%;
        padding-left: 5px;
    }
    
    #front-section .text-overlay .description {
        display: flex;
        justify-content: start;
        column-gap: 20px;
        padding: 0;
    }
    
    #front-section  .text-overlay .description span {
        font-size: 50px;
    }
    
    #front-section .text-overlay .description .box h2 {
        font-size: 16px;
    }

    #front-section .text-overlay .description .box p{
        font-size: 12px;
    }


    #front-section .text-overlay .box2 {
        width: 100%;
        padding-left: 0px;
    }

    #front-section .text-overlay .box1 h1 {
        font-size: 22px;
    }

    #front-section .text-overlay .box1 p {
        font-size: 13px;
        margin-top:10px;
    }

    #front-section .text-overlay .box2 .form {
        width: 100%;
        margin-top: 10px;
    }
    #cta .content {
        flex-wrap: wrap;
    }

    #cta .content .box1 {
        width: 100%;
        padding:10px;
    }

    #cta .content .box2 {
        width: 100%;
    }

    #cta .content .box1 h2 {
        font-size: 25px;
    }

    #cta .content .box1 p {
        font-size: 16px;
    }
    
    #services .heading h1{
        font-size:20px;
    }

    #services .content {
        flex-wrap: wrap;
        row-gap: 30px;
        margin-top: 20px;
    }
    
     #advantages .heading h1{
        font-size:20px;
    }

    #advantages .content {
        margin-top: 20px;
    }

    #aboutus .heading h1{
        font-size:20px;
    }

    #aboutus .content {
        margin-top: 0px;
        flex-wrap: wrap;
    }

    #aboutus .content .box1 {
        width: 100%;
        padding: 10px;
    }
    
    #aboutus .content .box1 p{
         font-size:16px;
     }

    #aboutus .content .box2 {
        width: 100%;
        padding: 10px;
    }

    #aboutus .content .box2 img {
        width: 90%;
    }

    #aboutus .points {
        flex-wrap: wrap;
        row-gap: 0px;
        margin-top: 20px;
    }

    #aboutus .points ul {
        padding: 0px;
        margin: 0;
    }
    
    #partners .heading h1{
        font-size:20px;
    }

    #partners .image-slider {
        margin-top: 10px;
    }
    
    #partners .image-slider img{
        width:10vh;
    }

    .testimonial__inner {
        width: 50%;
        /* Full width for mobile */
    }

    .testimonial-slide {
        min-width: 70%;
        /* Display one slide at a time */
        padding: 15px;
    }

    .testimonial_box {
        padding: 20px;
    }

    .testimonial_box-img img {
        width: 50px;
        height: 50px;
    }

    .testimonial_box-name h4 {
        font-size: 18px;
    }

    .testimonial_box-job p {
        font-size: 12px;
    }
}


@media screen and (max-width:768px) and (min-width:500px) {
   .heading {
        margin-top: 15%;
    }

    .heading h1 {
        font-size: 30px;
    }

    .mobilecall {
        left: 80%;
    }

   
.logo .navbar-brand{
    margin-left:10px;
}

.logo .navbar-brand img {
    width: 8vh;
}

.nav-btn{
    margin-right:10px;
}

.nav-btn button{
    padding: 5px 10px;
}

.nav-btn button a {
    font-size: 13px;
}


.nav-btn button a img {
    width: 2.4vh;
}

    #front-section {
        height: 100vh;
    }

    #front-section {
        background-position: 60% -10%;
    }

    #front-section .text-overlay {
        flex-wrap: wrap;
        top: 40px;
    }

    #front-section .text-overlay .box1 {
        width: 100%;
        padding-left: 5px;
    }
    
    #front-section .text-overlay .description {
        display: flex;
        justify-content: start;
        column-gap: 10px;
        padding: 0;
    }
    
    #front-section  .text-overlay .description span {
        font-size: 50px;
    }
    
    #front-section .text-overlay .description .box h2 {
        font-size: 16px;
    }

    #front-section .text-overlay .description .box p{
        font-size: 12px;
    }


    #front-section .text-overlay .box2 {
        width: 100%;
        padding-left: 0px;
        /* margin-top: 150px; */
    }

    #front-section .text-overlay .box1 h1 {
        font-size: 30px;
    }

    #front-section .text-overlay .box1 p {
        font-size: 13px;
        margin-top:10px;
    }

    #front-section .text-overlay .box2 .form {
        width: 80%;
        margin-top: 30px;
    }

    #cta .content {
        flex-wrap: wrap;
    }

    #cta .content .box1 {
        width: 100%;
        padding:10px;
    }

    #cta .content .box2 {
        width: 100%;
    }

    #cta .content .box1 h2 {
        font-size: 25px;
    }

    #cta .content .box1 p {
        font-size: 16px;
    }
    
    #services .heading h1{
        font-size:20px;
    }

    #services .content {
        flex-wrap: wrap;
        row-gap: 30px;
        margin-top: 20px;
    }
    
     #advantages .heading h1{
        font-size:20px;
    }

    #advantages .content {
        margin-top: 20px;
    }

    #aboutus .heading h1{
        font-size:20px;
    }

    #aboutus .content {
        margin-top: 0px;
        flex-wrap: wrap;
    }

    #aboutus .content .box1 {
        width: 100%;
        padding: 10px;
    }
    
    #aboutus .content .box1 p{
         font-size:16px;
     }

    #aboutus .content .box2 {
        width: 100%;
        padding: 10px;
    }

    #aboutus .content .box2 img {
        width: 90%;
    }

    #aboutus .points {
        flex-wrap: wrap;
        row-gap: 0px;
        margin-top: 20px;
    }

    #aboutus .points ul {
        padding: 0px;
        margin: 0;
    }
    
    #partners .heading h1{
        font-size:20px;
    }

    #partners .image-slider {
        margin-top: 10px;
    }
    
    #partners .image-slider img{
        width:10vh;
    }

    .testimonial__inner {
        width: 50%;
        /* Full width for mobile */
    }

    .testimonial-slide {
        min-width: 70%;
        /* Display one slide at a time */
        padding: 15px;
    }

    .testimonial_box {
        padding: 20px;
    }

    .testimonial_box-img img {
        width: 50px;
        height: 50px;
    }

    .testimonial_box-name h4 {
        font-size: 18px;
    }

    .testimonial_box-job p {
        font-size: 12px;
    }

}



@media screen and (max-width:924px) and (min-width:768px) {
   .heading {
        margin-top: 15%;
    }

    .heading h1 {
        font-size: 30px;
    }

    .mobilecall {
        left: 80%;
    }

   
.logo .navbar-brand{
    margin-left:10px;
}

.logo .navbar-brand img {
    width: 8vh;
}

.nav-btn{
    margin-right:10px;
}

.nav-btn button{
    padding: 5px 10px;
}

.nav-btn button a {
    font-size: 13px;
}


.nav-btn button a img {
    width: 2.4vh;
}

    #front-section {
        height: 100vh;
    }

    #front-section {
        background-position: 60% -10%;
    }

    #front-section .text-overlay {
        top: 40px;
    }

    #front-section .text-overlay .box1 {
        width: 100%;
        padding-left: 5px;
    }
    
    #front-section .text-overlay .description {
        display: flex;
        justify-content: start;
        column-gap: 20px;
        padding: 0;
    }
    
    #front-section  .text-overlay .description span {
        font-size: 50px;
    }
    
    #front-section .text-overlay .description .box h2 {
        font-size: 25px;
    }

    #front-section .text-overlay .description .box p{
        font-size: 16.8px;
    }


    #front-section .text-overlay .box2 {
        width: 100%;
        padding-left: 0px;
        /* margin-top: 150px; */
    }

    #front-section .text-overlay .box1 h1 {
        font-size: 38px;
    }

    #front-section .text-overlay .box1 p {
        font-size: 14px;
        margin-top:10px;
    }

    #front-section .text-overlay .box2 .form {
        width: 70%;
        margin-top: 30px;
    }

    #cta .content {
        flex-wrap: wrap;
    }

    #cta .content .box1 {
        width: 100%;
        padding:10px;
    }

    #cta .content .box2 {
        width: 100%;
    }

    #cta .content .box1 h2 {
        font-size: 25px;
    }

    #cta .content .box1 p {
        font-size: 16px;
    }
    
    #services .heading h1{
        font-size:25px;
    }

    #services .content {
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 40px;
    }
    
     #services .content .box{
         width:45%;
     }
    
     #advantages .heading h1{
        font-size:25px;
    }

    #advantages .content {
        margin-top: 40px;
    }

    #advantages .content .box{
         width:45%;
     }
     
    #aboutus .heading h1{
        font-size:20px;
    }

    #aboutus .content {
        margin-top: 0px;
        flex-wrap: wrap;
    }

    #aboutus .content .box1 {
        width: 100%;
        padding: 10px;
    }
    
    #aboutus .content .box1 p{
         font-size:16px;
     }

    #aboutus .content .box2 {
        width: 100%;
        padding: 10px;
    }

    #aboutus .content .box2 img {
        width: 90%;
    }

    #aboutus .points {
        flex-wrap: wrap;
        row-gap: 0px;
        margin-top: 20px;
    }

    #aboutus .points ul {
        padding: 0px;
        margin: 0;
    }
    
    #partners .heading h1{
        font-size:25px;
    }

    #partners .image-slider {
        margin-top: 10px;
    }
    
    #partners .image-slider img{
        width:10vh;
    }

    .testimonial__inner {
        width: 50%;
        /* Full width for mobile */
    }

    .testimonial-slide {
        min-width: 70%;
        /* Display one slide at a time */
        padding: 15px;
    }

    .testimonial_box {
        padding: 20px;
    }

    .testimonial_box-img img {
        width: 50px;
        height: 50px;
    }

    .testimonial_box-name h4 {
        font-size: 18px;
    }

    .testimonial_box-job p {
        font-size: 12px;
    }
}









@media screen and (max-width:1024px) and (min-width:924px) {
    .heading {
        margin-top: 15%;
    }

    .heading h1 {
        font-size: 45px;
    }

    .mobilecall {
        left: 85%;
    }
    
    
    #front-section .text-overlay{
        top:50px;
    }

    #front-section .text-overlay .box1 {
        padding-left: 10px;
        width: 60%;
    }

    #front-section .text-overlay .box2 {
        width: 40%;
    }

    #front-section .text-overlay .box2 .form {
        width: 100%;
        margin-left: 0px;
        margin-top: 50px;
    }

    #cta .content .box1 {
        width: 60%;
    }

    #cta .content .box2 {
        width: 40%;
    }

    #cta .content .box2 img {
        width: 100%;
    }

    #cta .content .box1 h2 {
        font-size: 35px;
    }

    #cta .content .box1 p {
        font-size: 22px;
        margin-top: 20px;
    }

    #cta-btn {
        padding: 10px 10px;
        margin-top: 20px;
        width: 220px;
    }

    #services .content {
        /* flex-wrap: wrap; */
        column-gap: 10px;
        margin-top: 20px;
    }

    #advantages .content {
        margin-top: 20px;
    }

    #aboutus .content {
        margin-top: 0px;
        /* flex-wrap: wrap; */
    }

    #aboutus .content .box1 {
        width: 50%;
        padding: 10px;
    }

    #aboutus .content .box2 {
        width: 50%;
        padding: 10px;
    }

    #aboutus .content .box2 img {
        width: 90%;
    }

    #aboutus .points {
        column-gap: 30px;
        margin-top: 50px;
    }

    #aboutus .points ul {
        padding: 0px;
        margin: 0;
    }

    #partners .image-slider {
        margin-top: 50px;
    }

    .testimonial__inner {
        width: 100%;
    }

    .testimonial-slide {
        min-width: 33.3%;
        padding: 15px;
    }

    .testimonial_box {
        padding: 20px;
    }

    .testimonial_box-img img {
        width: 50px;
        height: 50px;
    }

    .testimonial_box-name h4 {
        font-size: 18px;
    }

    .testimonial_box-job p {
        font-size: 12px;
    }
}





@media screen and (max-width:1280px) and (min-width:1024px) {
    .heading {
        margin-top: 15%;
    }

    .heading h1 {
        font-size: 45px;
    }

    .navbar {
        justify-content: center;
    }

    .navbar-brand {
        margin-left: 10px;
    }

    #front-section .text-overlay {
        top: 60px;
    }

    #front-section .text-overlay .box1 {
        padding-left: 10px;
        padding-top: 20px;
        width: 60%;
    }

    #front-section .text-overlay .box2 {
        width: 40%;
        padding-left: 0px;
    }

    #front-section .text-overlay .box2 .form {
        width: 90%;
        margin-left: 0px;
        margin-top: 30px;
    }

    #cta-btn {
        padding: 10px 20px;
        margin-top: 20px;
        width: 220px;
    }

    #aboutus .content .box2 img {
        width: 90%;
    }

    #services {
        margin-top: -10%;
    }

    #advantages {
        margin-top: -10%;
    }

    #aboutus {
        margin-top: -10%;
    }

    #partners {
        margin-top: -15%;
    }

    #index-testimonial {
        margin-top: -10%;
    }

    #footer {
        margin-top: 5%;
    }
}







@media screen and (max-width:1420px) and (min-width:1280px) {
    .heading {
        margin-top: 15%;
    }

    .heading h1 {
        font-size: 45px;
    }

    .navbar {
        justify-content: center;
    }

    .navbar-brand {
        margin-left: 10px;
    }

    #front-section .text-overlay {
        top: 40px;
    }


    #front-section .text-overlay .box1 {
        padding-left: 10px;
        padding-top: 20px;
        width: 60%;
    }

    #front-section .text-overlay .box2 {
        width: 40%;
        padding-left: 0px;
    }

    #front-section .text-overlay .box2 .form {
        width: 90%;
        margin-left: 0px;
        margin-top: 30px;
    }


    #cta-btn {
        padding: 10px 20px;
        margin-top: 20px;
        width: 220px;
    }

    #aboutus .content .box2 img {
        width: 90%;
    }

    #services {
        margin-top: -10%;
    }

    #advantages {
        margin-top: -10%;
    }

    #aboutus {
        margin-top: -10%;
    }

    #partners {
        margin-top: -15%;
    }

    #index-testimonial {
        margin-top: -10%;
    }

    #footer {
        margin-top: 5%;
    }
}