/* =========================================================
   NURSEPHERE STUDENT
   CASE STUDIES
   ========================================================= */


/* =========================================================
   CASE STUDIES SECTION
   ========================================================= */

.case-studies-section {

    width: 100%;

}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.case-studies-section .section-heading {

    margin-bottom: 24px;

}

.case-studies-section .section-heading h2 {

    margin: 0 0 8px;

    font-size: 22px;

    font-weight: 600;

    color: #1f2937;

}

.case-studies-section .section-heading p {

    margin: 0;

    font-size: 14px;

    line-height: 1.6;

    color: #6b7280;

}


/* =========================================================
   COMING SOON CARD
   ========================================================= */

.case-study-coming-soon {

    display: flex;

    align-items: center;

    gap: 28px;

    width: 100%;

    padding: 34px;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 14px;

    box-sizing: border-box;

}


/* =========================================================
   ICON
   ========================================================= */

.coming-soon-icon {

    flex: 0 0 76px;

    width: 76px;

    height: 76px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: rgba(13, 110, 253, 0.08);

}

.coming-soon-icon i {

    font-size: 32px;

    color: #0d6efd;

}


/* =========================================================
   CONTENT
   ========================================================= */

.coming-soon-content {

    flex: 1;

}

.coming-soon-content h3 {

    margin: 10px 0 10px;

    font-size: 20px;

    font-weight: 600;

    color: #1f2937;

}

.coming-soon-content p {

    max-width: 760px;

    margin: 0 0 8px;

    font-size: 14px;

    line-height: 1.7;

    color: #6b7280;

}

.coming-soon-content p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   BADGE
   ========================================================= */

.coming-soon-badge {

    display: inline-flex;

    align-items: center;

    padding: 5px 11px;

    border-radius: 20px;

    background: rgba(13, 110, 253, 0.08);

    color: #0d6efd;

    font-size: 12px;

    font-weight: 600;

}


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

@media (max-width: 768px) {

    .case-study-coming-soon {

        flex-direction: column;

        align-items: flex-start;

        padding: 26px;

    }


    .coming-soon-icon {

        flex: 0 0 64px;

        width: 64px;

        height: 64px;

    }


    .coming-soon-icon i {

        font-size: 27px;

    }


    .coming-soon-content h3 {

        font-size: 18px;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .case-study-coming-soon {

        padding: 22px;

    }


    .case-studies-section .section-heading h2 {

        font-size: 20px;

    }


    .coming-soon-content p {

        font-size: 13px;

    }

}