/* =========================================================
   01. ONLINE GROUP CENTER
========================================================= */

.online-group-center {
    background: linear-gradient(
        180deg,
        #fdc8ba 0%,
        #feefeb 20%,
        #ffffff 40%,
        #feefeb 60%,
        #fff7f4 80%,
        #fdc8ba 100%
    ) !important;

    border-bottom: 1px solid #DFA69A !important;
    box-shadow: none !important;
}


/* =========================================================
   02. HIGHLIGHTS
========================================================= */

.sangha-highlight {
    position: relative;
    border-left: 2px solid #D4AF37;
    padding-left: 10px;
    margin: 0;
}


.why-highlight {
    background: rgba(255, 255, 255, 0.45);
    padding: 22px 28px;
    margin: 25px 0;

    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 1.6;
    color: #76010F;

    text-align: center;
    border-radius: 12px;
}


.highlight-text {
    background: rgba(255, 255, 255, 0.45);

    padding: 22px 25px !important;
    margin: 25px 0;

    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(118, 1, 15, 0.10);

    box-sizing: border-box;
}


/* =========================================================
   03. GOLD DIVIDER
========================================================= */

.gold-divider-flower {
    text-align: center;
    color: #D4AF37;
    font-size: 18px;

    margin: 25px auto;

    position: relative;
}

.gold-divider-flower::before,
.gold-divider-flower::after {
    content: "";

    display: inline-block;

    width: 70px;
    height: 1px;

    background: #D4AF37;

    vertical-align: middle;

    margin: 0 12px;
}


/* =========================================================
   04. PRACTICE SECTION
========================================================= */

.practice-section {
    position: relative;
    overflow: hidden;

    background: #EEF4FC;
}

.practice-section::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    left: -250px;
    bottom: -180px;

    border: 1px solid rgba(160, 180, 210, 0.45);
    border-radius: 50%;

    transform: rotate(-25deg);
}

.practice-section::after {
    content: "";

    position: absolute;

    width: 420px;
    height: 280px;

    right: -170px;
    top: -40px;

    border: 1px solid rgba(160, 180, 210, 0.45);
    border-radius: 50%;

    transform: rotate(-30deg);
}


/* =========================================================
   05. ONLINE CLASSES IMAGE
========================================================= */

.online-classes img {
    width: 100%;
    height: auto;

    display: block;

    object-fit: cover;
    object-position: center center;

    border: 1px solid #0201012B;
    border-radius: 16px !important;

    box-shadow:
        0 6px 18px rgba(90, 29, 0, 0.10),
        0 2px 6px rgba(90, 29, 0, 0.06);
}


/* =========================================================
   06. LARGE MIDDLE IMAGE
========================================================= */

.large-middle-image img {
    width: 100%;
    max-width: 550px;
    height: auto;

    display: block;
    margin: 0 auto;

    border: 3px solid rgba(255, 156, 140, 0.45);
    border-radius: 28px;

    box-shadow: 0 12px 35px rgba(156, 0, 0, 0.15);
}


/* =========================================================
   07. ONLINE CLASS TITLE
========================================================= */

.online-class-title {
    font-family: "Cormorant Garamond", serif !important;

    font-size: 40px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
}

.online-class-title p {
    margin: 0 0 16px;
}

.online-class-title p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   08. COURSE HERO
========================================================= */

.ct-course-hero {
    position: relative;
    overflow: hidden;

    background: linear-gradient(
        180deg,
        #EDE2C8 0%,
        #F1E7D2 20%,
        #F5ECD9 40%,
        #F8F0DE 60%,
        #FAF3E2 80%,
        #FFFFFF 100%
    );
}


/* Hero Title */

.ct-hero-title {
    font-family: "Cormorant Garamond", serif !important;

    font-size: 60px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
}


/* Hero Hyphen */

.hero-hyphen {
    display: inline-block;

    width: 18px;
    height: 2px;

    background: #111111;

    margin: 0 7px;

    vertical-align: middle;

    position: relative;
    top: -3px;
}


/* Hero Description */

.ct-course-description p {
    margin: 0 0 16px;
}

.ct-course-description p:last-child {
    margin-bottom: 0;
}


/* Hero Image */

.ct-hero-image {
    overflow: hidden;
}

.ct-hero-image img {
    display: block;

    object-fit: cover !important;
    object-position: center center;
}


/* Hero Badge */

.hero-badge {
    width: auto !important;
    max-width: max-content !important;

    padding: 0 12px !important;

    background: rgba(255, 255, 255, 0.96) !important;

    border-radius: 30px !important;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   09. IMAGE DIVIDER
========================================================= */

.ct-image-divider {
    margin: 0 auto;
}

.ct-image-divider img {
    width: 400px;
    height: auto;

    display: block;
}


/* =========================================================
   10. COURSE FOR YOU
========================================================= */

.course-for-you .e-con {
    --gap: 0px !important;
    --row-gap: 0px !important;
    --column-gap: 0px !important;
}

.course-for-you > .e-con-inner {
    width: 100%;
    max-width: 100%;
}

.course-for-you .ct-top-divider,
.course-for-you .ct-bottom-divider {
    height: 30px;
}


/* Center Part */

.center-part {
    background: linear-gradient(
        180deg,
        #EDE2C8 0%,
        #F4EBD8 12%,
        #FAF6EC 25%,
        #FFFDF8 40%,
        #FFFFFF 50%,
        #FFFDF8 60%,
        #FAF6EC 75%,
        #F4EBD8 88%,
        #EDE2C8 100%
    );

    border-bottom: 1px solid #9C0000;
}


/* =========================================================
   11. WHY CHOOSE CONSCIOUS TEMPLE
========================================================= */

.ct-why-intro {
    background: #FFFFFF;

    border: 1px solid rgba(138, 18, 18, 0.08);
    border-radius: 20px;

    padding: 35px 45px;

    text-align: center;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}


/* Icon Circle */

.ct-why-intro .elementor-icon {
    width: 100px !important;
    height: 100px !important;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    background: #FBF4E0;

    border-radius: 50%;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}


/* Icon */

.ct-why-intro .elementor-icon i {
    font-size: 40px !important;
}


/* SVG Icon */

.ct-why-intro .elementor-icon svg {
    width: 80px !important;
    height: 80px !important;
}


/* Heading */

.ct-why-intro h3.elementor-icon-box-title span {
    font-family: "Cormorant Garamond", serif !important;

    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    color: #8A1212 !important;
}


/* Description */

.ct-why-intro p.elementor-icon-box-description {
    font-family: "Lato", sans-serif !important;

    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    margin: 0 auto !important;
}


/* =========================================================
   12. COURSE BENEFITS / CARDS
========================================================= */

.ct-benefits-row {
    width: 100%;
}

.ct-benefit-icon {
    width: 78px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    background: #76010F;

    border-radius: 25px;
}

.ct-benefit-icon .elementor-icon {
    color: #FFFFFF;
}

.ct-benefit-card {
    box-sizing: border-box;

    overflow: hidden;

    border-radius: 20px !important;
}


/* =========================================================
   13. PROMISE LIST
========================================================= */

.promise-list .elementor-icon-list-item {
    display: flex !important;

    align-items: flex-start !important;

    margin-bottom: 16px !important;
}

.promise-list .elementor-icon-list-icon {
    width: 20px !important;
    min-width: 20px !important;

    display: flex !important;

    align-items: flex-start !important;
    justify-content: center !important;

    margin-left: 20px;
    margin-right: 5px !important;

    padding-top: 5px !important;
}

.promise-list .elementor-icon-list-icon i {
    font-size: 16px !important;
}

.promise-list .elementor-icon-list-text {
    padding: 0 !important;
    margin: 0 !important;

    font-size: 18px !important;
    line-height: 1.6 !important;

    color: #292929 !important;
}


/* =========================================================
   14. WHAT WILL YOU LEARN
========================================================= */

.course-learn-list {
    max-width: 900px;

    margin: 30px auto 0;
}

.course-learn-list .elementor-icon-list-items {
    display: grid !important;

    grid-template-columns: 1fr;

    gap: 10px;
}

.course-learn-list .elementor-icon-list-item {
    margin-bottom: 0 !important;

    padding: 14px 20px;

    background: #FFFFFF;

    border-radius: 12px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
}

.course-learn-list .elementor-icon-list-icon {
    color: #287A32 !important;

    margin-right: 5px !important;
}

.course-learn-list .elementor-icon-list-icon i {
    font-size: 18px !important;
}

.course-learn-list .elementor-icon-list-text {
    color: #292929 !important;

    font-size: 17px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   15. COURSE LEARNING LIST
========================================================= */

.course-learning-list {
    max-width: 900px;

    margin: 30px auto 0;
}

.course-learning-list .elementor-icon-list-items {
    display: grid !important;

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

    gap: 10px 20px;
}

.course-learning-list .elementor-icon-list-item {
    margin-bottom: 0 !important;

    padding: 14px 20px;

    background: #FFFFFF;

    border-radius: 12px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
}

.course-learning-list .elementor-icon-list-icon {
    color: #287A32 !important;

    margin-right: 5px !important;
}

.course-learning-list .elementor-icon-list-icon i {
    font-size: 18px !important;
}

.course-learning-list .elementor-icon-list-text {
    color: #292929 !important;

    font-size: 17px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   16. COURSE BENEFIT SECTION
========================================================= */

.course-benefits {
    padding: 60px 30px;
}

.course-benefits > .e-con-inner {
    max-width: 1000px;

    margin: 0 auto;
}


/* Benefit Box */

.benefit-item {
    box-sizing: border-box;

    padding: 10px 12px !important;

    background: #FFFFFF !important;

    border: 1px solid #D8CEC5 !important;
    border-radius: 18px !important;
}


/* Benefit List */

.benefit-list ul {
    list-style: none !important;

    margin: 0 !important;
    padding: 4px 18px !important;
}

.benefit-list li {
    display: flex !important;

    align-items: center !important;

    position: relative;

    margin: 0 !important;
    padding: 12px 0 13px !important;

    font-family: "Lato", sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: #292929 !important;

    border-bottom: 1px solid rgba(122, 30, 30, 0.12);
}


/* Check Icon */

.benefit-list li::before {
    content: "✓";

    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-right: 12px;

    background: #8A1717;

    color: #FFFFFF;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;

    line-height: 1;
}


/* Last Benefit */

.benefit-list li:last-child {
    padding-bottom: 6px !important;

    border-bottom: none;
}


/* =========================================================
   17. COURSE PHOTO GALLERY
========================================================= */

.course-photo-gallery {
    padding: 20px 30px;

    background: #FBF4E0;

    border: 1px solid #9C0000;
    border-radius: 16px;
}


/* =========================================================
   18. COURSE DETAILS TABLE
========================================================= */

.course-details-table {
    width: 100%;

    border: 1px solid #9C0000;
    border-radius: 16px;

    border-collapse: separate;
    border-spacing: 0;

    table-layout: fixed;

    overflow: hidden;
}


/* Table Cells */

.course-details-table th,
.course-details-table td {
    padding: 16px 12px;

    text-align: center;
    vertical-align: middle;

    border-right: 1px solid #D8B8A8;
    border-bottom: 1px solid #D8B8A8;
}


/* Remove Right Border */

.course-details-table th:last-child,
.course-details-table td:last-child {
    border-right: none;
}


/* Remove Bottom Border */

.course-details-table tr:last-child th,
.course-details-table tr:last-child td {
    border-bottom: none;
}


/* Heading */

.course-details-table .course-details-heading {
    background: #C9B88A;
}

.course-details-table th {
    color: #9C0000;

    font-family: "Cormorant Garamond", serif;

    font-size: 22px !important;
    font-weight: 700 !important;

    text-align: center;
    vertical-align: middle;

    white-space: nowrap;
}


/* Heading Icons */

.course-details-table th i {
    width: 28px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-right: 8px;

    color: #9C0000;

    font-size: 20px;

    vertical-align: middle;
}

.course-details-table th span {
    vertical-align: middle;
}


/* Information */

.course-details-table .course-details-info {
    background: #FFFDF8;
}

.course-details-table td {
    color: #292929;

    font-family: "Lato", sans-serif;

    font-size: 18px !important;
    line-height: 1.5;

    text-align: center;
}


/* Hover */

.course-details-table .course-details-info td {
    transition: background 0.3s ease;
}

.course-details-table .course-details-info:hover td {
    background: #F8F0E3;
}


/* =========================================================
   19. INVESTMENT FEATURE LIST
========================================================= */

.investment-feature-list .elementor-icon-list-item {
    display: flex;

    align-items: flex-start;
}

.investment-feature-list .elementor-icon-list-icon {
    flex: 0 0 20px;

    margin-top: 4px;
}

.investment-feature-list .elementor-icon-list-text {
    flex: 1;

    line-height: 1.6;
}




/* =========================================================
   21. TABLET
   5 ITEMS IN ONE ROW
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    /* Hero */

    .ct-hero-title {
        font-size: 54px !important;
    }

    .ct-hero-image img {
        height: 380px !important;
    }


    /* Image Divider */

    .ct-image-divider {
        width: 50%;
    }


    /* Course For You */

    .course-for-you {
        padding: 35px 25px !important;
    }

    .course-for-you > .e-con-inner {
        width: 100%;
        max-width: 100%;
    }

    .course-for-you .ct-top-divider,
    .course-for-you .ct-bottom-divider {
        height: 30px;
    }


   

    /* Learn List */

    .course-learn-list {
        max-width: 100%;
    }

    .course-learn-list .elementor-icon-list-item {
        padding: 13px 16px;
    }


    /* Learning List */

    .course-learning-list {
        max-width: 100%;
    }

    .course-learning-list .elementor-icon-list-items {
        grid-template-columns: repeat(2, 1fr);

        gap: 10px 15px;
    }

    .course-learning-list .elementor-icon-list-item {
        padding: 13px 16px;
    }


    /* Course Details */

    .course-details-table th,
    .course-details-table td {
        padding: 14px 8px;
    }

    .course-details-table th {
        font-size: 16px !important;
    }

    .course-details-table td {
        font-size: 14px !important;
    }
}


/* =========================================================
   22. MOBILE
   3 ITEMS + 2 ITEMS
========================================================= */

@media (max-width: 767px) {

    /* Hero */

    .ct-hero-title {
        font-size: 40px !important;
    }

    .hero-hyphen {
        width: 14px;
        height: 2px;

        margin: 0 5px;

        top: -2px;
    }

    .ct-hero-image img {
        object-fit: cover !important;
    }


    /* Hero Badge */

    .hero-badge {
        padding: 0 8px !important;
    }

    .hero-badge .elementor-icon {
        font-size: 15px !important;
        margin-right: 6px !important;
    }

    .hero-badge .elementor-icon-list-text,
    .hero-badge .elementor-heading-title {
        font-size: 13px !important;
    }


    /* Image Divider */

    .ct-image-divider {
        width: 50%;
    }


    /* Course For You */

    .course-for-you {
        padding: 30px 15px !important;
    }

    .course-for-you > .e-con-inner {
        width: 100%;
        max-width: 100%;
    }

    .course-for-you .ct-top-divider,
    .course-for-you .ct-bottom-divider {
        height: 25px;
    }


    /* Why Intro */

    .ct-why-intro {
        padding: 28px 20px;

        border-radius: 16px;
    }

    .ct-why-intro .elementor-icon {
        width: 54px !important;
        height: 54px !important;
    }

    .ct-why-intro .elementor-icon-box-title {
        font-size: 24px;
    }

    .ct-why-intro .elementor-icon-box-description {
        font-size: 15px;

        line-height: 1.6;
    }


    /* Promise List */

    .promise-list .elementor-icon-list-icon {
        width: 20px !important;
        min-width: 20px !important;

        margin-right: 8px !important;
    }

    .promise-list .elementor-icon-list-text {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .promise-list .elementor-icon-list-item {
        margin-bottom: 13px !important;
    }


    /* What You Will Learn */

    .course-learn-list {
        width: 100%;
        margin-top: 25px;
    }

    .course-learn-list .elementor-icon-list-items {
        gap: 8px;
    }

    .course-learn-list .elementor-icon-list-item {
        padding: 12px 15px;
    }

    .course-learn-list .elementor-icon-list-text {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .course-learn-list .elementor-icon-list-icon {
        margin-right: 5px !important;
    }

    .course-learn-list .elementor-icon-list-icon i {
        font-size: 16px !important;
    }


    /* Course Learning List */

    .course-learning-list {
        width: 100%;
        margin-top: 25px;
    }

    .course-learning-list .elementor-icon-list-items {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .course-learning-list .elementor-icon-list-item {
        padding: 12px 15px;
    }

    .course-learning-list .elementor-icon-list-text {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .course-learning-list .elementor-icon-list-icon {
        margin-right: 5px !important;
    }


    /* Benefits */

    .benefit-list ul {
        padding: 4px 12px !important;
    }

    .benefit-list li {
        padding: 11px 0 12px !important;

        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .benefit-list li::before {
        flex: 0 0 18px;

        width: 18px;
        height: 18px;

        margin-right: 10px;

        font-size: 10px;
    }


    /* =====================================================
       COURSE DETAILS TABLE — MOBILE
    ===================================================== */

    .course-details-table {
        display: table !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        table-layout: auto !important;

        border-collapse: separate !important;
        border-spacing: 0 !important;

        border: 1px solid #9C0000 !important;
        border-radius: 16px !important;

        overflow: hidden !important;
    }

    .course-details-table tbody {
        display: table-row-group !important;
    }

    .course-details-table tr {
        display: table-row !important;
    }


    /* LEFT COLUMN */

    .course-details-table th {
        display: table-cell !important;

        width: 32% !important;
        min-width: 90px !important;

        padding: 12px 8px !important;

        background: #C9B88A !important;
        color: #9C0000 !important;

        font-family: "Cormorant Garamond", serif !important;

        font-size: 17px !important;
        font-weight: 700 !important;

        line-height: 1.25 !important;

        text-align: center !important;
        vertical-align: middle !important;

        border-right: 1px solid #D8B8A8 !important;
        border-bottom: 1px solid #D8B8A8 !important;

        white-space: normal !important;

        word-break: normal !important;

        overflow-wrap: normal !important;
    }


    /* RIGHT COLUMN */

    .course-details-table td {
        display: table-cell !important;

        width: 68% !important;

        padding: 12px 10px !important;

        background: #FFFDF8 !important;
        color: #292929 !important;

        font-family: "Lato", sans-serif !important;

        font-size: 15px !important;

        line-height: 1.5 !important;

        text-align: left !important;
        vertical-align: middle !important;

        border-right: none !important;
        border-bottom: 1px solid #D8B8A8 !important;

        white-space: normal !important;

        word-break: normal !important;

        overflow-wrap: anywhere !important;
    }


    /* Table Heading Icons */

    .course-details-table th i {
        width: 22px !important;

        margin-right: 4px !important;

        font-size: 16px !important;
    }


    /* Text Inside Spans */

    .course-details-table td span {
        display: inline !important;

        font-size: 13px !important;

        line-height: 1.5 !important;

        color: #6B625A !important;
    }

    .course-details-table td strong {
        font-weight: 600 !important;
    }


    /* Last Table Row */

    .course-details-table tr:last-child th,
    .course-details-table tr:last-child td {
        border-bottom: none !important;
    }


    /* Remove Hover */

    .course-details-table tr:hover td {
        background: #FFFDF8 !important;
    }
}