<style>
    /* ======== Judul Promo ======== */
    .promo-heading {
        font-family: 'Poppins', sans-serif;
        letter-spacing: 1px;
        margin-bottom: 1rem;
    }

    .promo-heading-link {
        color: #f6941e;
        text-decoration: none;
        position: relative;
        display: inline-block;
        transition: color 0.4s ease;
    }

    .promo-heading-link::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 50%;
        width: 0;
        height: 3px;
        background-color: #4b6e34;
        transition: all 0.4s ease;
        transform: translateX(-50%);
        border-radius: 2px;
    }

    .promo-heading-link:hover {
        color: #4b6e34;
    }

    .promo-heading-link:hover::after {
        width: 100%;
    }

    .promo-subtext {
        color: #4b6e34;
        font-family: 'ABeeZee', sans-serif;
        font-size: 1rem;
        line-height: 1.6;
        max-width: 650px;
        margin: 0 auto;
    }

    /* ======== Kartu Promo ======== */
    .promo-card {
        border-radius: 16px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.08);
        transition: all 0.4s ease;
        display: block;
        color: inherit;
        height: 100%;
    }

    .promo-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(246,148,30,0.25);
    }

    .promo-image {
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

    .promo-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .promo-card:hover .promo-image img {
        transform: scale(1.08);
    }

    .promo-body {
        padding: 1.5rem;
    }

    .promo-title {
        color: #f6941e;
        font-weight: bold;
        font-family: 'ABeeZee', sans-serif;
        margin-bottom: 0.75rem;
        transition: color 0.3s ease;
    }

    .promo-card:hover .promo-title {
        color: #4b6e34;
    }

    .promo-text {
        color: #4b6e34;
        font-family: 'ABeeZee', sans-serif;
        font-size: 0.95rem;
    }
	
	    /* Judul & Deskripsi */
    .doctor-heading {
        font-family: 'Poppins', sans-serif;
        margin-bottom: 1rem;
        letter-spacing: 1px;
    }

    .doctor-heading-link {
        color: #f6941e;
        text-decoration: none;
        position: relative;
        transition: color 0.4s ease;
    }

    .doctor-heading-link::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 50%;
        width: 0;
        height: 3px;
        background-color: #4b6e34;
        transition: all 0.4s ease;
        transform: translateX(-50%);
        border-radius: 2px;
    }

    .doctor-heading-link:hover {
        color: #4b6e34;
    }

    .doctor-heading-link:hover::after {
        width: 100%;
    }

    .doctor-subtext {
        color: #4b6e34;
        font-family: 'ABeeZee', sans-serif;
        font-size: 1rem;
        line-height: 1.6;
        max-width: 650px;
        margin: 0 auto;
    }

    /* Kartu Dokter */
    .doctor-card {
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .doctor-card:hover {
        transform: translateY(-8px);
    }

    .doctor-img {
        width: 200px;
        height: 200px;
        object-fit: cover;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .doctor-card:hover .doctor-img {
        transform: scale(1.07);
        box-shadow: 0 6px 20px rgba(75, 110, 52, 0.25);
    }

    .doctor-name {
        font-weight: bold;
        font-size: 20px;
        color: #f6941e;
        margin-bottom: 0.25rem;
        transition: color 0.4s ease;
    }

    .doctor-card:hover .doctor-name {
        color: #4b6e34;
    }

    .doctor-role {
        color: #6c757d;
        font-family: 'ABeeZee', sans-serif;
        font-size: 15px;
        margin-bottom: 0;
    }
	
	    /* Warna & animasi heading */
    .produk-heading a {
        color: #f6941e;
        font-weight: 700;
        text-decoration: none;
        transition: color 0.3s ease, transform 0.3s ease;
        display: inline-block;
    }

    .produk-heading a:hover {
        color: #4b6e34;
        transform: scale(1.08);
    }

    /* Paragraf deskripsi */
    .produk-subtext {
        color: #4b6e34;
        font-family: 'ABeeZee', sans-serif;
        line-height: 1.6;
        font-size: 1.05rem;
        max-width: 600px;
        margin: 0 auto;
    }

    /* Tambahan animasi fade in */
    .fade-in {
        opacity: 0;
        transform: translateY(20px);
        animation: fadeInUp 0.8s ease forwards;
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>