/* =========================================
   WHY CHOOSE - TABLET
========================================= */

@media (max-width: 1100px) {

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

    .why-header h2 {
        font-size: 50px;
    }

}


/* =========================================
   WHY CHOOSE - MOBILE
========================================= */

@media (max-width: 650px) {

    .why-choose {
        padding: 80px 20px;
    }

    .why-header {
        margin-bottom: 45px;
    }

    .why-header h2 {
        font-size: 40px;
    }

    .why-header p {
        font-size: 14px;
    }

    .why-grid {
        grid-template-columns: 1fr;
    }

    .why-card {
        min-height: auto;

        padding: 35px 28px;
    }

    .why-card h3 {
        font-size: 26px;
    }

}
/* ======================================================
   WHY ADVIKA - MOBILE
====================================================== */

@media (max-width: 992px) {

    .why-grid {

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

    }

}


@media (max-width: 600px) {

    .why-advika {

        padding: 80px 20px;

    }


    .section-heading {

        margin-bottom: 45px;

    }


    .section-heading h2 {

        font-size: 42px;

    }


    .section-heading p {

        font-size: 14px;

    }


    .why-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }


    .why-card {

        min-height: auto;

        padding: 35px 25px;

    }


    .why-card h3 {

        font-size: 24px;

    }

}
/* =====================================================
   PROJECTS - TABLET
===================================================== */

@media (max-width: 992px) {

    .project-content {

        padding: 45px;

    }

    .project-item {

        min-height: 550px;

    }

    .project-image {

        min-height: 550px;

    }

    .project-content h3 {

        font-size: 48px;

    }

}


/* =====================================================
   PROJECTS - MOBILE
===================================================== */

@media (max-width: 768px) {

    .projects-section {

        padding: 80px 0;

    }


    .projects-header {

        align-items: flex-start;

        flex-direction: column;

        gap: 25px;

        padding-bottom: 40px;

    }


    .projects-header h2 {

        font-size: 52px;

    }


    .project-item {

        display: flex;

        flex-direction: column;

        min-height: auto;

    }


    .project-image {

        order: 1 !important;

        min-height: 350px;

        height: 350px;

    }


    .project-content {

        order: 2 !important;

        padding: 45px 25px;

    }


    .project-content h3 {

        font-size: 44px;

    }


    .project-tagline {

        font-size: 21px;

    }


    .project-content p {

        font-size: 15px;

        line-height: 1.8;

    }


    .project-features {

        gap: 8px;

    }


    .project-features span {

        padding: 10px 13px;

        font-size: 9px;

    }


    .project-buttons {

        flex-direction: column;

    }


    .project-btn {

        width: 100%;

    }

}
/* =====================================================
   PROJECT SLIDER - MOBILE
===================================================== */

@media (max-width: 768px) {

    .projects-section {

        padding: 80px 0;

    }


    .projects-header {

        align-items: flex-start;

        flex-direction: column;

        gap: 25px;

        padding-bottom: 40px;

    }


    .projects-header h2 {

        font-size: 52px;

    }


    .project-slide {

        display: none;

        grid-template-columns: 1fr;

        min-height: auto;

    }


    .project-slide.active {

        display: grid;

    }


    .project-slide .project-image {

        min-height: 350px;

        height: 350px;

    }


    .project-slide .project-content {

        padding: 45px 25px;

    }


    .project-slide .project-content h3 {

        font-size: 44px;

    }


    .project-tagline {

        font-size: 21px;

    }


    .project-slide .project-content p {

        font-size: 15px;

        line-height: 1.8;

    }


    .project-features span {

        padding: 10px 13px;

        font-size: 9px;

    }


    .project-buttons {

        flex-direction: column;

    }


    .project-btn {

        width: 100%;

    }


    .projects-navigation {

        padding-top: 30px;

    }

}