/* =========================
Large Tablet
========================= */

@media (max-width:1200px) {

    .nav-menu ul {

        gap: 35px;

    }

    .apply-btn {

        padding: 14px 22px;

    }

}


/* =========================
Tablet
========================= */

@media (max-width:991px) {

    .nav-wrapper {

        height: 80px;

    }

    .nav-menu {

        display: none;

    }

    .signin-btn {

        display: none;

    }

    .menu-toggle {

        display: block;

    }

    .mobile-menu.active {

        display: block;

    }

    .logo img {

        width: 50px;
        height: 50px;

    }

    .logo-content h3 {

        font-size: 17px;

    }

    .logo-content p {

        font-size: 10px;
        letter-spacing: 3px;

    }

    .mobile-menu {

        background: #fff;

        padding: 25px;

    }

    .mobile-menu ul li {

        margin-bottom: 20px;

    }

    .mobile-menu a {

        font-size: 16px;
        font-weight: 500;

    }

}


/* =========================
Mobile
========================= */

@media(max-width:768px) {

    .container {

        padding: 0 20px;

    }

    .nav-wrapper {

        height: 75px;

    }

    .logo {

        gap: 10px;

    }

    .logo img {

        width: 42px;
        height: 42px;

    }

    .logo-content h3 {

        font-size: 15px;

    }

    .logo-content p {

        font-size: 9px;
        letter-spacing: 2px;

    }

    .apply-btn {

        padding: 12px 18px;

        font-size: 14px;

        border-radius: 14px;

    }

    .menu-toggle span {

        width: 22px;

    }

}


/* =========================
Small Mobile
========================= */

@media(max-width:480px) {

    .container {

        padding: 0 15px;

    }

    .logo-content p {

        display: none;

    }

    .apply-btn {

        padding: 10px 14px;

        font-size: 13px;

    }

    .mobile-menu {

        padding: 18px;

    }

}

/*=====================
HERO RESPONSIVE
======================*/

@media(max-width:1200px) {

    .hero-title {

        font-size: 70px;

    }

    .hero-title .font-serif-italic {

        font-size: 65px;

    }

    .hero-image-wrapper img {

        height: 700px;

    }

}


@media(max-width:991px) {

    .hero-grid {

        grid-template-columns: 1fr;

    }

    .hero-content {

        order: 2;

    }

    .hero-image-wrapper {

        order: 1;

        max-width: 600px;

        margin: auto;

    }

    .hero-stats {

        justify-content: space-between;

    }

}


@media(max-width:768px) {

    .hero-title {

        font-size: 52px;
        letter-spacing: -2px;

    }

    .hero-title .font-serif-italic {

        font-size: 48px;

    }

    .hero-text {

        font-size: 18px;

    }

    .loan-fields {

        grid-template-columns: 1fr;

    }

    .hero-stats {

        flex-direction: column;
        gap: 30px;

    }

    .top-card {

        left: 0;
        top: 20px;

        width: 170px;

    }

    .rate-card {

        width: 180px;
        right: 0;

    }

    .top-card h3,
    .rate-card h3 {

        font-size: 35px;

    }

    .hero-image-wrapper img {

        height: 500px;

    }

}


@media(max-width:480px) {

    .hero-section {

        padding: 40px 0 70px;

    }

    .hero-title {

        font-size: 42px;

    }

    .hero-title .font-serif-italic {

        font-size: 40px;

    }

    .loan-card {

        padding: 20px;

    }

    .eligibility-btn {

        font-size: 22px;

        height: 56px;

    }

    .bottom-card {

        width: 95%;
        left: 10px;

    }

}

/*=====================
LENDERS RESPONSIVE
======================*/

@media(max-width:991px) {

    .lenders-track {

        gap: 45px;

    }

    .lenders-track span {

        font-size: 32px;

    }

}


@media(max-width:768px) {

    .lenders-title {

        font-size: 11px;

        letter-spacing: 2px;

        margin-bottom: 20px;

    }

    .lenders-track {

        gap: 30px;

    }

    .lenders-track span {

        font-size: 24px;

    }

}

/*=====================
COMPARISON RESPONSIVE
======================*/

@media(max-width:1200px) {

    .section-heading h2 {

        font-size: 65px;

    }

    .section-heading .font-serif-italic {

        font-size: 62px;

    }

}


@media(max-width:768px) {

    .difference-section {

        padding: 80px 0;

    }

    .section-heading {

        margin-bottom: 40px;

    }

    .section-heading h2 {

        font-size: 44px;

        letter-spacing: -1px;

    }

    .section-heading .font-serif-italic {

        font-size: 40px;

    }

    .section-heading p {

        font-size: 17px;

    }

    .comparison-table td {

        font-size: 18px;
        padding: 22px;

    }

    .comparison-table td:first-child {

        font-size: 19px;

    }

    .comparison-table th {

        padding: 18px;
        font-size: 12px;

    }

}

/*=====================
FINANCE RESPONSIVE
======================*/

@media(max-width:1200px) {

    .finance-card h3 {

        font-size: 30px;

    }

}


@media(max-width:991px) {

    .finance-grid {

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

    }

}


@media(max-width:768px) {

    .finance-section {

        padding: 80px 0;

    }

    .finance-grid {

        grid-template-columns: 1fr;

    }

    .finance-card {

        padding: 25px;

    }

    .card-image {

        margin: -25px -25px 25px;

        height: 180px;

    }

    .finance-card h3 {

        font-size: 26px;

    }

    .finance-card p {

        font-size: 15px;

    }

}

/*=====================
STUDY ABROAD RESPONSIVE
======================*/

@media(max-width:1200px) {

    .country-grid {

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

    }

}


@media(max-width:991px) {

    .abroad-header {

        grid-template-columns: 1fr;

        gap: 25px;

    }

    .country-grid {

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

    }

}


@media(max-width:768px) {

    .abroad-section {

        padding: 80px 0;

    }

    .country-grid {

        grid-template-columns: 1fr;

    }

    .country-card {

        padding: 25px;

    }

    .country-flag {

        font-size: 42px;

    }

    .country-card h3 {

        font-size: 22px;

    }

    .abroad-content p {

        font-size: 17px;

    }

}

/*=====================
ARCHITECTURE RESPONSIVE
======================*/

@media(max-width:1200px) {

    .architecture-grid {

        grid-template-columns: 420px 1fr;

    }

    .architecture-card h3 {

        font-size: 28px;

    }

}


@media(max-width:991px) {

    .architecture-header {

        grid-template-columns: 1fr;

        gap: 25px;

    }

    .architecture-grid {

        grid-template-columns: 1fr;

    }

    .architecture-image {

        height: 500px;

        max-width: 650px;

        margin: auto;

    }

}


@media(max-width:768px) {

    .architecture-section {

        padding: 80px 0;

    }

    .architecture-cards {

        grid-template-columns: 1fr;

    }

    .architecture-card {

        padding: 25px;

    }

    .architecture-card h3 {

        font-size: 24px;

    }

    .architecture-card li {

        font-size: 16px;

    }

    .cost-card {

        right: 15px;

        width: 180px;

        padding: 18px;

    }

    .cost-card h3 {

        font-size: 45px;

    }

    .architecture-text p {

        font-size: 17px;

    }

}

@media(max-width:991px) {

    .emi-wrapper {

        grid-template-columns: 1fr;

    }

}

@media(max-width:768px) {

    #emiAmount {

        font-size: 45px;

    }

    .result-grid {

        grid-template-columns: 1fr;

    }

    .year-top {

        flex-direction: column;
        gap: 15px;

    }

}

@media(max-width:991px) {

    .stats-grid {

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

    }

    .featured-row {

        flex-direction: column;
        align-items: flex-start;

    }

}


@media(max-width:768px) {

    .stats-section {

        padding: 70px 0;

    }

    .stats-grid {

        grid-template-columns: 1fr;

        gap: 25px;

    }

    .stat-item h2 {

        font-size: 42px;

    }

    .stat-item h4 {

        font-size: 18px;

    }

    .featured-logos {

        gap: 20px;

    }

    .featured-logos a {

        font-size: 22px;

    }

}

/*======================
EXECUTION RESPONSIVE
======================*/

@media(max-width:1200px) {

    .execution-grid {

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

    }

}


@media(max-width:991px) {

    .execution-header {

        grid-template-columns: 1fr;

        gap: 30px;

    }


    .execution-grid {

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

    }

}


@media(max-width:768px) {

    .execution-section {

        padding: 80px 0;

    }

    .execution-grid {

        grid-template-columns: 1fr;

        gap: 35px;

    }

    .execution-card h3 {

        font-size: 24px;

    }

    .execution-content p {

        font-size: 17px;

    }

    .step-number {

        width: 50px;
        height: 50px;

        font-size: 16px;

    }

}

/*======================
TESTIMONIAL RESPONSIVE
======================*/

@media(max-width:991px) {

    .testimonial-grid {

        grid-template-columns: 1fr;

    }

}


@media(max-width:768px) {

    .testimonial-section {

        padding: 80px 0;

    }

    .testimonial-content {

        font-size: 17px;

        line-height: 1.7;

    }

    .testimonial-footer {

        flex-direction: column;
        align-items: flex-start;

    }

    .funded {

        text-align: left;

    }

}

/*======================
CTA RESPONSIVE
======================*/

@media(max-width:991px) {

    .cta-content {

        padding: 60px;

        max-width: 100%;

    }

    .cta-content h2 {

        font-size: 54px;

    }

}


@media(max-width:768px) {

    .cta-wrapper {

        height: auto;

        min-height: 550px;

    }

    .cta-content {

        padding: 40px 30px;

    }

    .cta-content h2 {

        font-size: 42px;

    }

    .cta-content p {

        font-size: 17px;

    }

    .cta-buttons {

        flex-direction: column;

    }

    .btn-primary,
    .btn-outline {

        width: 100%;

        justify-content: center;

        padding: 18px;

    }

}

/*======================
FAQ RESPONSIVE
======================*/

@media(max-width:768px) {

    .faq-section {

        padding: 80px 0;

    }

    .faq-question {

        font-size: 18px;

        padding: 20px;

    }

    .faq-answer p {

        font-size: 15px;

    }

}