/* responsive starts here */
/* only header css here */

/* Large Screens */
@media (min-width:1200px) {

}

/* Small Laptop */
@media (min-width:992px) and (max-width:1199px) {

    .main-menu__nav{
        gap:20px;
    }

    .main-menu__list{
        gap:22px;
    }

    .main-menu__list a{
        font-size:14px;
    }

    .header-action{
        gap:10px;
    }

    .header-action .loan-btn{
        padding:5px 14px;
        font-size:14px;
    }

}

/* Tablet */
@media (min-width:768px) and (max-width:991px) {
    .topbar p{
        font-size:10px;
    }


    .main-menu{
        position:relative;
    }

    .main-menu__logo img{
        width:80px;
    }

    .main-menu__toggler{
        display:block;
        font-size:28px;
        cursor:pointer;
        z-index:1001;
    }

    .main-menu__nav{
        position:absolute;
        top:80px;
        left:0;
        width:100%;
        background:#fff;
        display:none;
        padding:20px;
        box-shadow:0 15px 35px rgba(0,0,0,.1);
        border-top:1px solid #eee;
    }

    .main-menu__nav.active{
        display:block;
    }

    .main-menu__list{
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        width:100%;
    }

    .main-menu__list li{
        width:100%;
        border-bottom:1px solid #eee;
    }

    .main-menu__list a{
        padding:14px 0;
        width:100%;
        justify-content:space-between;
    }

    .header-action{
        margin-top:20px;
        flex-direction:column;
        align-items:flex-start;
    }

    .menu-item-has-children .sub-menu{
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        width:100%;
        min-width:100%;
        box-shadow:none;
        margin:0;
        background:#f8f8f8;
    }

    .menu-item-has-children.active .sub-menu{
        display:block;
    }

    .menu-item-has-children:hover .sub-menu{
        transform:none;
    }

    .menu-item-has-children.active > a i{
        transform:rotate(180deg);
    }

}

/* Mobile */
@media (min-width:320px) and (max-width:767px) {
    .topbar p{
        font-size:10px;
    }


    .main-menu{
        position:relative;
    }

    .main-menu__logo img{
        width:70px;
    }

    .main-menu__toggler{
        display:block;
        font-size:26px;
        cursor:pointer;
        z-index:1001;
    }

    .main-menu__nav{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        display:none;
        padding:20px;
        box-shadow:0 15px 35px rgba(0,0,0,.1);
        border-top:1px solid #eee;
    }

    .main-menu__nav.active{
        display:block;
    }

    .main-menu__list{
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        width:100%;
    }

    .main-menu__list li{
        width:100%;
        border-bottom:1px solid #eee;
    }

    .main-menu__list a{
        padding:14px 0;
        width:100%;
        justify-content:space-between;
    }

    .header-action{
        margin-top:20px;
        flex-direction:column;
        align-items:flex-start;
        width:100%;
    }

    .header-action .call-btn{
        width:100%;
    }

    .header-action .loan-btn{
        width:100%;
        text-align:center;
    }

    .menu-item-has-children .sub-menu{
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        width:100%;
        min-width:100%;
        box-shadow:none;
        margin:0;
        background:#f8f8f8;
    }

    .menu-item-has-children.active .sub-menu{
        display:block;
    }

    .menu-item-has-children:hover .sub-menu{
        transform:none;
    }

    .menu-item-has-children.active > a i{
        transform:rotate(180deg);
    }

}

/* index page */

/* Large Screens */
@media (min-width:1200px) {
    
    .privacy-section .section-title h2{
        font-size: 34px;
    }

    .privacy-box{
        padding: 40px;
    }
    
    .kfl-terms-wrapper{
        padding:40px;
    }

    .kfl-terms-heading h2{
        font-size:38px;
    }

    .kfl-terms-content p,
    .kfl-terms-sublist li{
        font-size:16px;
    }

}

/* Small Laptop */
@media (min-width:992px) and (max-width:1199px) {
    .finx-prem-item::after{
        left:-44px;
    }

    .finx-banner-content{
        max-width:550px;
    }

    .finx-banner-content h1{
        font-size:36px;
    }

    .finx-about-content{
        padding-right:20px;
    }

    .finx-about-image img{
        height:420px;
    }

    .finx-service-content{
        padding:15px;
    }

    .finx-service-content h3{
        font-size:18px;
    }

    .servexa-actions{
        gap:10px;
    }

    .servexa-apply-btn,
    .servexa-more-btn{
        padding:10px 20px;
        font-size:14px;
    }
    
    /* footer */
     .footer-grid{
        gap:10px;
    }

    .main-footer img{
        width:160px;
        height:auto;
    }
    
    
    .finabout-hero,
    .finabout-row{
        gap:30px;
    }

    .aurix-contact-card,
    .aurix-form-area{
        padding:35px;
    }

    .loan-banner-grid{
        gap:40px;
    }

    .mortexa-grid-wrap{
        gap:20px;
    }

    .docvault-wrapper{
        grid-template-columns:280px 1fr;
    }

    .purposex-grid{
        gap:20px;
    }

    .fundora-cta-wrap{
        grid-template-columns:1fr 420px;
        gap:25px;
    }

    .unsecure-loan-types-grid{
        gap:20px;
    }
    
    /* faq-section and back to top */
     .faqnova-question{
        padding:20px;
    }

    .faqnova-question h3{
        font-size:17px;
    }
    
    .privacy-section .section-title h2{
        font-size: 30px;
    }

    .privacy-box{
        padding: 30px;
    }

    .privacy-box h3{
        font-size: 17px;
    }
    
    
    .kfl-terms-heading{
        margin-bottom:35px;
    }

    .kfl-terms-heading h2{
        font-size:32px;
    }

    .kfl-terms-wrapper{
        padding:30px;
    }

    .kfl-terms-intro{
        padding:18px;
    }

    .kfl-terms-item{
        gap:18px;
    }

    .kfl-terms-number{
        width:50px;
        height:50px;
        min-width:50px;
    }

    .kfl-terms-number span{
        font-size:17px;
    }

    .kfl-terms-content p,
    .kfl-terms-sublist li{
        font-size:15px;
    }

}

/* Tablet */
@media (min-width:768px) and (max-width:991px) {
    .finx-prem-item::after{
        left:-52px;
    }
    .reverse-tb{
        flex-direction:column-reverse !important;
    }

    .finx-slide-item{
        height:400px;
    }

    .finx-banner-content{
        left:5%;
        max-width:90%;
    }

    .finx-banner-content h1{
        font-size:28px;
    }

    .finx-banner-content p{
        font-size:16px;
    }

    .finx-about-content{
        padding-right:0;
        margin-top:30px;
    }

    .finx-about-image img{
        height:400px;
    }

    .section-title{
        margin-bottom:35px;
    }

    .section-title h2{
        font-size:28px;
    }
    .finx-services-slider .owl-dots, .finx-testimonial-slider .owl-dots{
        margin-top:0px;
    }

    .finx-service-card{
        grid-template-columns:1fr;
        gap:0;
    }

    .finx-service-image{
        height:280px;
    }

    .finx-advantage-wrap{
        grid-template-columns:repeat(2,1fr);
    }

    .finx-prem-item{
        padding:20px;
    }

    .servexa-actions{
        flex-wrap:wrap;
    }
    
    
    /*footer*/
    .main-footer{
        padding:40px 15px;
    }

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .footer-col{
        min-width:auto;
    }

    .main-footer img{
        width:160px;
        height:auto;
    }

    .footer-bottom{
        padding:12px;
    }
    
    /*contact page and service inside page */
    
    .page-header h2{
        font-size:30px;
    }
    .finabout-img{
        width:100%;
    }
    .finabout-hero,
    .finabout-row,
    .finabout-row.reverse{
        flex-direction:column;
        gap:25px;
        margin-bottom:40px;
        padding-bottom:40px;
    }

    .finabout-img img{
        height:auto;
    }

    .aurix-contact-grid{
        grid-template-columns:1fr;
    }

    .aurix-contact-card,
    .aurix-form-area{
        padding:30px;
    }

    .aurix-form-head h3{
        font-size:28px;
    }

    .loan-banner-grid{
        flex-direction:column-reverse;
        gap:30px;
    }
    
    .loan-banner-media{
        width:100%;
    }

    .loan-banner-title{
        font-size:30px;
    }

    .loan-banner-points{
        grid-template-columns:1fr 1fr;
    }

    .mortexa-grid-wrap{
        grid-template-columns:repeat(2,1fr);
    }

    .docvault-wrapper{
        grid-template-columns:1fr;
    }

    .docvault-intro{
        position:relative;
    }

    .docvault-grid{
        height:auto;
        grid-template-columns:repeat(2,1fr);
    }

    .purposex-grid{
        grid-template-columns:repeat(2,1fr);
        margin-top:30px;
    }
    
    .fundora-cta-wrap{
        grid-template-columns:1fr;
        padding:35px;
    }
    .fundora-cta-content h2{
        font-size:28px;
    }

    .fundora-cta-cards{
        grid-template-columns:repeat(2,1fr);
    }
    

    .unsecure-loan-types-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .unsecure-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }
    
    /* faq-section and back to top*/
    
    
    .faqnova-section{
        padding:35px 0;
    }

    .faqnova-question{
        padding:18px 20px;
        gap:15px;
    }

    .faqnova-question h3{
        font-size:17px;
        line-height:1.5;
    }

    .faqnova-question i{
        width:36px;
        height:36px;
        font-size:14px;
    }

    .faqnova-answer{
        padding:0 20px 18px;
    }

    .back-top{
        width:45px;
        height:45px;
        right:20px;
        bottom:20px;
        font-size:16px;
    }

    .whatsapp-float{
        width:50px;
        height:50px;
        right:20px;
        bottom:80px;
        font-size:24px;
    }
    
    
    .privacy-section{
        padding: 50px 0;
    }

    .privacy-section .section-title h2{
        font-size: 26px;
    }

    .privacy-section .section-title p{
        font-size: 14px;
        padding: 0 20px;
    }

    .privacy-box{
        padding: 25px;
    }


    .privacy-box h3{
        font-size: 16px;
    }

    .privacy-box p{
        font-size: 14px;
    }
    
    
    .kfl-terms-section{
        padding:25px 0;
    }

    .kfl-terms-heading{
        margin-bottom:30px;
    }

    .kfl-terms-heading h2{
        font-size:28px;
    }

    .kfl-terms-wrapper{
        padding:25px;
    }

    .kfl-terms-intro{
        padding:18px;
        margin-bottom:25px;
    }

    .kfl-terms-item{
        gap:15px;
        margin-bottom:25px;
    }

    .kfl-terms-number{
        width:48px;
        height:48px;
        min-width:48px;
    }

    .kfl-terms-number span{
        font-size:16px;
    }

    .kfl-terms-intro p,
    .kfl-terms-content p,
    .kfl-terms-sublist li{
        font-size:15px;
        line-height:1.7;
    }



}

/* Mobile */
@media (min-width:320px) and (max-width:767px) {
    .finx-prem-item::after{
        left:-48px;
    }

     .reverse-tb{
        flex-direction:column-reverse !important;
    }
    .finx-slide-item{
        height:320px;
    }

    .finx-banner-content{
        left:20px;
        right:20px;
        max-width:100%;
    }

    .finx-banner-content span{
        font-size:13px;
        margin-bottom:10px;
    }

    .finx-banner-content h1{
        font-size:24px;
        line-height:1.4;
    }

    .finx-banner-content p{
        font-size:14px;
        margin-bottom:20px;
    }

    .finx-banner-btn{
        padding:12px 22px;
        font-size:14px;
    }

    .finx-banner-slider .owl-prev,
    .finx-banner-slider .owl-next{
        width:38px;
        height:38px;
    }

    .finx-about-section,
    .finx-services,
    .finx-advantage-section,
    .finx-testimonial-section{
        padding:30px 0;
    }

    .finx-about-content{
        padding-right:0;
        margin-top:25px;
    }

    .finx-about-image img{
        height:300px;
    }
    .finx-about-tagline{
        font-size:12px;
        margin-bottom:8px;
    }

    .finx-about-title{
        font-size:18px;
    }

    .finx-about-text{
        font-size:14px;
        line-height:1.8;
    }

    .section-title{
        margin-bottom:25px;
    }

    .section-title span{
        font-size:13px;
    }

    .section-title h2{
        font-size:18px;
        line-height:1.4;
        margin-bottom:10px;
    }
    .finx-services-slider .owl-dots, .finx-testimonial-slider .owl-dots{
        margin-top:10px;
    }

    .finx-service-card{
        grid-template-columns:1fr;
        gap:0;
        margin:10px;
    }

    .finx-service-image{
        height:220px;
    }

    .finx-service-content{
        padding:18px;
    }

    .finx-service-content h3{
        font-size:18px;
    }
    .finx-service-content p{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .servexa-points{
        grid-template-columns:1fr;
        gap:10px;
        margin:20px 0;
    }

    .servexa-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .servexa-apply-btn,
    .servexa-more-btn{
        width:100%;
        text-align:center;
    }

    .finx-advantage-wrap{
        grid-template-columns:1fr;
    }

    .finx-prem-item{
        padding:20px;
    }

    .finx-prem-item h3{
        font-size:20px;
    }

    .finx-prem-item p{
        font-size:14px;
    }

    .finx-prem-icon{
        width:80px;
        height:80px;
    }

    .finx-prem-icon i{
        font-size:34px;
    }

    .finx-advantage-wrap::before,
    .finx-advantage-wrap::after{
        display:none;
    }

    .finx-testimonial-card{
        padding:18px;
        margin:5px;
    }

    .finx-client-head{
        align-items:flex-start;
    }

    .finx-review-text{
        font-size:13px;
    }
    
    /*footer page */
    
    .main-footer{
        padding:30px 15px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .footer-col{
        min-width:100%;
    }

    .footer-col h3{
        font-size:18px;
        margin-bottom:12px;
    }

    .footer-col p{
        font-size:14px;
    }

    .footer-col ul li{
        margin-bottom:8px;
    }

    .main-footer img{
        width:140px;
        height:auto;
    }

    .footer-social{
        gap:8px;
    }

    .footer-social a{
        width:34px;
        height:34px;
    }

    .footer-bottom{
        padding:12px 10px;
        font-size:12px;
        line-height:1.6;
    }
    
    /*all page inside services and contact page */
    
    .page-header{
        padding:30px 0;
    }

    .page-header h2{
        font-size:24px;
    }

    .finabout{
        padding:30px 0;
    }

    .finabout-hero,
    .finabout-row,
    .finabout-row.reverse{
        flex-direction:column;
        gap:20px;
        margin-bottom:30px;
        padding-bottom:30px;
    }

    .finabout-hero::after,
    .finabout-row::after{
        width:120px;
    }

    .finabout-text h1,
    .finabout-text h2{
        font-size:24px;
    }

    .finabout-text p{
        font-size:14px;
        line-height:1.8;
    }

    .finabout-img img{
        height:auto;
    }

    .finabout-img::after{
        width:70px;
        height:70px;
        right:-10px;
        bottom:-10px;
    }

    .aurix-contact-wrap{
        padding:30px 0;
    }

    .aurix-contact-grid{
        grid-template-columns:1fr;
        border-radius:15px;
    }

    .aurix-contact-card,
    .aurix-form-area{
        padding:20px;
    }

    .aurix-contact-card h2{
        font-size:22px;
    }

    .aurix-form-head h3{
        font-size:24px;
        margin-bottom:20px;
    }

    .aurix-form-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .aurix-socials{
        margin-top:25px;
    }

    .loan-banner-area{
        padding:30px 0;
    }

    .loan-banner-grid{
        flex-direction:column-reverse;
        gap:25px;
    }

    .loan-banner-title{
        font-size:24px;
    }

    .loan-banner-desc{
        font-size:14px;
    }

    .loan-banner-points{
        grid-template-columns:1fr;
        gap:10px;
        margin:20px 0;
    }

    .loan-banner-btns{
        flex-direction:column;
    }

    .loan-main-btn,
    .loan-outline-btn{
        text-align:center;
    }

    .mortexa-eligibility-zone,
    .purposex-section,
    .unsecure-loan-types-section{
        padding:30px 0;
    }

    .mortexa-grid-wrap{
        grid-template-columns:1fr;
        gap:20px;
    }

    .mortexa-card-box{
        padding:18px;
    }

    .docvault-section{
        padding:30px 0;
    }

    .docvault-wrapper{
        grid-template-columns:1fr;
        border-radius:20px;
    }

    .docvault-intro{
        position:relative;
        padding:25px 20px;
    }

    .docvault-grid{
        padding:20px;
        grid-template-columns:1fr;
        height:auto;
    }

    .docvault-item{
        padding:15px;
    }

    .purposex-grid{
        grid-template-columns:1fr;
        gap:20px;
        margin-top:25px;
    }

    .purposex-item{
        padding:20px;
    }

    .purposex-item h3{
        font-size:20px;
    }

    .fundora-cta-wrap{
        grid-template-columns:1fr;
        gap:25px;
        padding:25px;
        border-radius:20px;
    }

    .fundora-cta-content h2{
        font-size:18px;
    }

    .fundora-cta-action{
        flex-direction:column;
    }

    .fundora-cta-btn,
    .fundora-cta-call{
        justify-content:center;
    }

    .fundora-cta-cards{
        grid-template-columns:1fr;
    }

    .unsecure-loan-types-grid{
        grid-template-columns:1fr;
        gap:20px;
        margin-top:25px;
    }

    .unsecure-loan-card{
        padding:25px 20px;
    }

    .unsecure-loan-card h3{
        font-size:20px;
    }

    .unsecure-stats-strip{
        padding:40px 0;
    }

    .unsecure-stats-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .unsecure-stat-box{
        padding:25px 20px;
    }

    .unsecure-stat-icon{
        width:65px;
        height:65px;
        font-size:24px;
    }

    .unsecure-stat-box h3{
        font-size:20px;
    }
    
    /* faq section and back to top btn*/
    
    .faqnova-section{
        padding:30px 0;
    }

    .faqnova-item{
        border-radius:12px;
        margin-bottom:12px;
    }

    .faqnova-question{
        padding:15px;
        gap:12px;
        align-items:flex-start;
    }

    .faqnova-question h3{
        font-size:15px;
        line-height:1.5;
    }

    .faqnova-question i{
        width:34px;
        height:34px;
        min-width:34px;
        font-size:13px;
    }

    .faqnova-answer{
        padding:0 15px 15px;
        font-size:14px;
        line-height:1.7;
    }

    .back-top{
        width:42px;
        height:42px;
        right:15px;
        bottom:15px;
        font-size:15px;
    }

    .whatsapp-float{
        width:48px;
        height:48px;
        right:15px;
        bottom:70px;
        font-size:22px;
    }
    
    
    .privacy-section{
        padding: 40px 0;
    }

    .privacy-section .section-title h2{
        font-size: 22px;
        line-height: 1.3;
    }

    .privacy-section .section-title p{
        font-size: 13px;
        padding: 0 10px;
    }

    .privacy-box{
        padding: 18px;
        border-radius: 10px;
    }

    .privacy-box p{
        font-size: 13px;
        line-height: 1.6;
    }

    .privacy-box h3{
        font-size: 15px;
        margin-top: 16px;
    }
    
    
    .kfl-terms-section{
        padding:20px 0;
    }

    .kfl-terms-heading{
        margin-bottom:25px;
    }

    .kfl-terms-heading span{
        font-size:12px;
    }

    .kfl-terms-heading h2{
        font-size:24px;
        line-height:1.3;
    }

    .kfl-terms-wrapper{
        padding:18px;
        border-radius:12px;
    }

    .kfl-terms-intro{
        padding:15px;
        margin-bottom:20px;
    }

    .kfl-terms-intro p{
        font-size:14px;
        line-height:1.7;
    }

    .kfl-terms-item{
        gap:12px;
        margin-bottom:20px;
    }

    .kfl-terms-number{
        width:35px;
        height:35px;
        min-width:35px;
    }

    .kfl-terms-number span{
        font-size:14px;
    }

    .kfl-terms-content p{
        font-size:14px;
        line-height:1.7;
    }

    .kfl-terms-sublist{
        margin-top:10px;
        padding-left:18px;
    }

    .kfl-terms-sublist li{
        font-size:13px;
        line-height:1.6;
        margin-bottom:8px;
    }

}