/*==================================
    RESPONSIVE TYPOGRAPHY
====================================*/

@media(max-width:991px){

    h1{
        font-size:48px;
    }

    h2{
        font-size:38px;
    }

    h3{
        font-size:30px;
    }

}

@media(max-width:767px){

    h1{
        font-size:38px;
    }

    h2{
        font-size:32px;
    }

    h3{
        font-size:26px;
    }

    h4{
        font-size:22px;
    }

    section{
        padding:80px 0;
    }

}

@media(max-width:575px){

    h1{
        font-size:32px;
    }

    h2{
        font-size:28px;
    }

    h3{
        font-size:24px;
    }

    body{
        font-size:15px;
    }

}

@media(max-width:991px){

    .section-title{

        font-size:38px;

    }

}

@media(max-width:767px){

    .section-title{

        font-size:32px;

    }

}

@media(max-width:575px){

    .section-title{

        font-size:28px;

    }

}

@media(max-width:991px){

    .hero{

        text-align:center;

        padding-top:160px;

    }

    .hero-title{

        font-size:46px;

    }

    .hero-features{

        grid-template-columns:1fr;

    }

    .hero-image{

        margin-top:70px;

    }

    .floating-card{

        display:none;

    }

}

@media(max-width:576px){

    .hero-title{

        font-size:34px;

    }

    .hero-text{

        font-size:16px;

    }

}

@media(max-width:991px){

    .about-image{

        margin-bottom:60px;

    }

    .experience-card{

        right:20px;

    }

}

@media(max-width:576px){

    .experience-card{

        position:relative;

        right:auto;

        bottom:auto;

        margin-top:20px;

    }

}

@media(max-width:991px){

    .service-card{

        padding:30px 25px;

    }

}

@media(max-width:767px){

    .service-card{

        text-align:center;

    }

    .service-icon{

        margin:0 auto 25px;

    }

}

@media(max-width:991px){

    .why-image{

        margin-bottom:70px;

    }

}

@media(max-width:767px){

    .why-grid{

        grid-template-columns:1fr;

    }

    .why-card{

        left:20px;

    }

}

@media(max-width:991px){

    .process-wrapper{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:576px){

    .process-wrapper{

        grid-template-columns:1fr;

    }

}

@media(max-width:767px){

    .industry-card{

        padding:35px 25px;

    }

}

@media(max-width:992px){

    .hero-slider{

        margin-top:75px;

    }

}

@media(max-width:768px){

    .heroSwiper .swiper-button-next,
    .heroSwiper .swiper-button-prev{

        display:none;

    }

}

@media(max-width:991px){

    .faq-section .btn-main{

        margin-bottom:40px;

    }

}

@media(max-width:991px){

    .cta-wrapper{

        padding:50px 30px;

    }

    .cta-title{

        font-size:36px;

    }

    .cta-image{

        margin-top:50px;

    }

}

@media (max-width:768px){

    .floating-whatsapp,
    .scroll-top{

        width:52px;

        height:52px;

        font-size:22px;

        right:15px;

    }

    .floating-whatsapp{

        bottom:15px;

    }

    .scroll-top{

        bottom:80px;

    }

}

@media(max-width:991px){

    .page-breadcrumb{

        padding:140px 0 90px;

    }

    .page-breadcrumb h1{

        font-size:40px;

    }

}

@media(max-width:576px){

    .page-breadcrumb{

        padding:120px 0 70px;

    }

    .page-breadcrumb h1{

        font-size:30px;

    }

    .page-breadcrumb .breadcrumb-item{

        font-size:15px;

    }

}

@media(max-width:991px){

    .experience-badge{

        right:20px;

        bottom:20px;

    }

    .story-features{

        grid-template-columns:1fr;

    }

}

@media(max-width:991px){

    .purpose-card{

        padding:35px;

    }

}

@media (max-width:991px){

    .main-navbar .dropdown-menu{

        display:none;

        opacity:1;

        visibility:visible;

        transform:none;

        box-shadow:none;

        border-radius:10px;

        padding-left:15px;

    }

    .main-navbar .dropdown-menu.show{

        display:block;

    }

}