<style>
/* =========================
   HORIZONTAL CTA
========================= */

.horizontal-cta-section {
    position: relative;

    padding: 120px 0;

    overflow: hidden;
}

.cta-flower {
    position: absolute;

    pointer-events: none;

    opacity: 0.95;
}

.cta-flower-1 {
    top: -5%;
    left: 0;
    width: 160px;
}

.cta-flower-2 {
    bottom: -10%;
    right: 8%;
    width: 480px;
    /* transform: rotate(-50deg); */

    filter: brightness(0) invert(1);
    opacity: .2;
}


/* =========================
   BLUR ELEMENTS
========================= */

.cta-blur {
    position: absolute;

    border-radius: 50%;

    filter: blur(100px);

    pointer-events: none;
}

.blur-left {
    top: 0;
    left: -120px;

    width: 320px;
    height: 320px;

    background:
        rgba(216, 154, 69, 0.14);
}

.blur-right {
    bottom: -120px;
    right: -120px;

    width: 380px;
    height: 380px;

    background:
        rgba(139, 74, 74, 0.12);
}


/* =========================
   WRAPPER
========================= */

.horizontal-cta-wrapper {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;

    padding: 60px 70px;

    border-radius: 40px;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            rgba(139, 74, 74, 0.96),
            rgba(111, 56, 56, 0.96));

    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.08);
}


/* TOP GLOW */

.horizontal-cta-wrapper::before {
    content: "";

    position: absolute;

    top: -100px;
    left: -100px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        rgba(216, 154, 69, 0.16);

    filter: blur(80px);
}


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

.horizontal-cta-content {
    position: relative;

    z-index: 2;

    max-width: 760px;
}

.cta-mini-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 0 18px;

    border-radius: 100px;

    background:
        rgba(255, 255, 255, 0.12);

    border:
        1px solid rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(10px);

    color: #F3D19C;

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

    margin-bottom: 24px;
}

.horizontal-cta-heading {
    font-family: 'Cormorant Garamond', serif;

    font-size: 68px;
    line-height: 0.95;

    color: white;

    margin-bottom: 24px;
}

.horizontal-cta-description {
    font-size: 17px;
    line-height: 1.9;

    color:
        rgba(255, 255, 255, 0.82);

    margin-bottom: 34px;
}


/* =========================
   FEATURES
========================= */

.horizontal-cta-features {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;
}

.horizontal-feature {
    min-height: 46px;

    padding: 0 18px;

    border-radius: 100px;

    background:
        rgba(255, 255, 255, 0.1);

    border:
        1px solid rgba(255, 255, 255, 0.06);

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: white;

    font-size: 14px;
    font-weight: 600;
}


/* =========================
   RIGHT SIDE
========================= */

.horizontal-cta-action {
    position: relative;

    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 30px;

    flex-shrink: 0;
}


/* =========================
   SPIRITUAL CIRCLE
========================= */

.cta-spiritual-circle {
    width: 150px;
    height: 150px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.08);

    border:
        1px solid rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(10px);

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

    position: relative;
}

.cta-spiritual-circle::before {
    content: "";

    position: absolute;

    inset: 12px;

    border-radius: 50%;

    border:
        1px solid rgba(255, 255, 255, 0.08);
}

.circle-inner {
    width: 90px;
    height: 90px;

    border-radius: 50%;

    background:
        linear-gradient(135deg,
            #D89A45,
            #C9893D);

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

    color: white;

    font-size: 42px;

    box-shadow:
        0 20px 40px rgba(201, 137, 61, 0.3);
}


/* =========================
   BUTTONS
========================= */

.horizontal-cta-buttons {
    display: flex;
    flex-direction: column;

    gap: 14px;

    width: 220px;
}

.horizontal-btn {
    height: 56px;

    border-radius: 18px;

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

    text-decoration: none;

    font-size: 15px;
    font-weight: 600;

    transition: 0.35s ease;
}


/* PRIMARY */

.primary-btn {
    background:
        linear-gradient(135deg,
            #D89A45,
            #C9893D);

    color: white;

    box-shadow:
        0 16px 36px rgba(201, 137, 61, 0.24);
}

.primary-btn:hover {
    transform: translateY(-3px);
}


/* SECONDARY */

.secondary-btn {
    background:
        rgba(255, 255, 255, 0.12);

    border:
        1px solid rgba(255, 255, 255, 0.08);

    color: white;
}


/* =========================
   DECOR
========================= */

.lotus-decor {
    position: absolute;

    color:
        rgba(255, 255, 255, 0.08);

    font-size: 140px;

    pointer-events: none;
}

.lotus-left {
    bottom: -40px;
    left: -10px;
}

.lotus-right {
    top: -20px;
    right: 20%;
}


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

@media (max-width: 1100px) {

    .horizontal-cta-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .horizontal-cta-action {
        width: 100%;

        flex-direction: row;
        justify-content: space-between;
    }

    .horizontal-cta-buttons {
        width: auto;

        flex-direction: row;
    }

}

@media (max-width: 768px) {

    .horizontal-cta-section {
        padding: 80px 0;
    }

    .horizontal-cta-wrapper {
        padding: 32px 24px;

        border-radius: 28px;
    }

    .horizontal-cta-heading {
        font-size: 44px;
    }

    .horizontal-cta-description {
        font-size: 15px;
    }

    .horizontal-cta-action {
        flex-direction: column;
        align-items: stretch;

        width: 100%;
    }

    .cta-spiritual-circle {
        width: 120px;
        height: 120px;

        margin: auto;
    }

    .circle-inner {
        width: 74px;
        height: 74px;

        font-size: 34px;
    }

    .horizontal-cta-buttons {
        width: 100%;

        flex-direction: column;
    }

    .horizontal-btn {
        width: 100%;
    }

    .lotus-decor {
        font-size: 90px;
    }

}
</style>

<section class="horizontal-cta-section">


    <!-- BG ELEMENTS -->

    <div class="cta-blur blur-left"></div>
    <div class="cta-blur blur-right"></div>

    <div class="container">

        <div class="horizontal-cta-wrapper">
            <img src="images/20.png" alt="" class="cta-flower cta-flower-1">
            <img src="images/21.png" alt="" class="cta-flower cta-flower-2">

            <!-- LEFT CONTENT -->

            <div class="horizontal-cta-content">

                <div class="cta-mini-tag">
                    Admissions Open 2026–27
                </div>

                <h2 class="horizontal-cta-heading">
                    Master the Science of Ancient Healing
                </h2>

                <p class="horizontal-cta-description">
                    Apply for the BAMS program at SKS Ayurvedic Medical
                    College & Hospital and experience Ayurvedic education
                    with clinical exposure, wellness learning, and
                    traditional healing knowledge.
                </p>

                <!-- FEATURES -->

                <div class="horizontal-cta-features">

                    <div class="horizontal-feature">
                        ❋ Clinical Training
                    </div>

                    <div class="horizontal-feature">
                        ❋ Herbal Learning
                    </div>

                    <div class="horizontal-feature">
                        ❋ Hostel Facility
                    </div>

                </div>

            </div>

            <!-- RIGHT SIDE -->

            <div class="horizontal-cta-action">

                <!-- SPIRITUAL ELEMENT -->

                <div class="cta-spiritual-circle">

                    <div class="circle-inner">
                        ॐ
                    </div>

                </div>

                <!-- BUTTONS -->

                <div class="horizontal-cta-buttons">

                    <a href="#enquiry-form" class="horizontal-btn primary-btn">
                        Apply Now
                    </a>

                    <a href="tel:+919999999999" class="horizontal-btn secondary-btn">
                        Get Counselling
                    </a>

                </div>

            </div>

            <!-- LOTUS DECOR -->

            <div class="lotus-decor lotus-left">
                ✾
            </div>

            <div class="lotus-decor lotus-right">
                ✾
            </div>

        </div>

    </div>

</section>