/**
 * ==============================================================================
 * PADMA RADYA AKTUARIA - DEDICATED STANDARD DESKTOP RESPONSIVE STYLESHEET
 * ==============================================================================
 * Target Breakpoint: >1279px and <1536px (1280px - 1535.98px)
 * 
 * Karakteristik:
 * - Dikhususkan untuk layar Standard Desktop, Widescreen Laptop (1366x768, 1440x900, 1536x864, dsb).
 * - Diisolasi penuh dalam @media screen and (min-width: 1280px) and (max-width: 1535.98px).
 * - Tidak mengganggu tampilan Mobile (<=767px), Tablet (768px-1023px), Laptop (1024px-1279px), maupun Layar Ultra-Wide (>=1536px).
 * - Berlaku untuk semua halaman pada project web_padma.
 * ==============================================================================
 */

@media screen and (min-width: 1280px) and (max-width: 1535.98px) {

    /* ==========================================================================
       1. GLOBAL RESET & BASE CONTAINER ADJUSTMENTS
       ========================================================================== */
    html {
        font-size: 16px;
        overflow-x: hidden !important;
    }

    body {
        overflow-x: hidden !important;
        background-color: #FFFFFF !important;
    }

    /* Section padding scale for 1280px - 1535px */
    .section,
    .section2,
    .section3,
    .section4,
    .section5,
    .sectionartikel {
        padding: 5rem 7% !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .section_services1,
    .section_services2,
    .section_services3,
    .section_eb1,
    .section_eb2,
    .section_eb3,
    .section_ins1,
    .section_ins2,
    .section_ins3,
    .section_artikel1 {
        padding: 4rem 7% !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .content-wrapper {
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* ==========================================================================
       2. TYPOGRAPHY SCALING (STANDARD DESKTOP)
       ========================================================================== */
    h1, .h1 {
        font-size: 54px !important;
        line-height: 1.2 !important;
    }

    h2, .h2 {
        font-size: 36px !important;
        line-height: 1.25 !important;
    }

    h3, .h3 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    .m-fs-32 {
        font-size: 54px !important;
        line-height: 1.2 !important;
    }

    .m-fs-24 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }

    .m-fs-18 {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    /* ==========================================================================
       3. HEADER & NAVIGATION BAR
       ========================================================================== */
    .header-wrapper {
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .navbar {
        background-color: #243980 !important;
        opacity: 1 !important;
        padding: 12px 48px !important;
        height: 75px !important;
    }

    .navbar.scrolled {
        background-color: #243980 !important;
        opacity: 1 !important;
        height: 50px !important;
        padding: 6px 40px !important;
    }

    .navbar .logo img {
        max-height: 42px !important;
        width: auto !important;
    }

    .navbar.scrolled .logo img {
        max-height: 34px !important;
    }

    /* Sembunyikan elemen mobile sepenuhnya */
    .mobile-menu-overlay {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }

    .mobile-toggle {
        display: none !important;
    }

    /* Layout navigasi desktop horizontal */
    .navbar ul {
        display: flex !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 28px !important;
    }

    .navbar ul li {
        display: inline-block !important;
    }

    .navbar ul li a {
        font-size: 14.5px !important;
        white-space: nowrap !important;
        padding: 6px 10px !important;
        display: inline-block !important;
    }

    .header-action-toggle-btn {
        display: none !important;
    }

    .header-classic-actions {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .navbar .search {
        display: flex !important;
        align-items: center;
        gap: 12px;
    }

    /* Dropdown panels: tertutup saat tidak aktif */
    .dropdown-panel {
        box-sizing: border-box;
    }

    .dropdown-panel:not(.active) {
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        display: none !important;
    }

    .dropdown-panel.active {
        display: block !important;
        visibility: visible !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .dropdown-panel-grid {
        gap: 40px !important;
    }

    /* ==========================================================================
       4. HOMEPAGE SECTIONS
       ========================================================================== */
    /* Hero Featured Banner */
    .section.bg1 {
        min-height: 88vh !important;
        padding: 6.5rem 7% 5rem 7% !important;
    }

    .section.bg1 .content-wrapper p[style*="font-size: 64px"],
    .section.bg1 .m-fs-32 {
        font-size: 54px !important;
        line-height: 1.2 !important;
        margin-bottom: 22px !important;
    }

    .section.bg1 .content-wrapper p[style*="max-width: 800px"] {
        font-size: 16.5px !important;
        max-width: 820px !important;
        line-height: 1.7 !important;
    }

    /* Latest Perspectives Grid (3 Kolom Seimbang) */
    .section3 .m-grid-1,
    .section3 div[style*="grid-template-columns"] {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 28px !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
    }

    .perspective-card {
        height: 100% !important;
    }

    .perspective-card-img {
        height: 220px !important;
        object-fit: cover !important;
    }

    .perspective-card-content {
        padding: 22px !important;
    }

    .desktop-only-header {
        min-height: 140px !important;
        margin-bottom: 15px !important;
    }

    /* ==========================================================================
       Promo Showcase Sections (PensionLab & Padma Course) Below Latest Perspective
       ========================================================================== */
    /* Remove outer section padding and eliminate black background exposure */
    section:has(.content-wrapper.nonoverlay.flex-row),
    .m-section-p:has(.content-wrapper.nonoverlay.flex-row) {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: transparent !important;
    }

    /* Container wrapper for PensionLab & Course promo sections */
    .content-wrapper.nonoverlay.flex-row {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 440px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Left & Right columns in Promo Showcase (50% - 50% split) */
    .content-wrapper.nonoverlay.flex-row > div:first-child,
    .content-wrapper.nonoverlay.flex-row > div:last-child {
        flex: 1 1 50% !important;
        max-width: 50% !important;
        min-height: 440px !important;
        box-sizing: border-box !important;
    }

    /* Image side in Promo Showcase (Full-bleed #f0f0f0) */
    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #f0f0f0"] {
        position: relative !important;
        overflow: hidden !important;
        background-color: #f0f0f0 !important;
        min-height: 440px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #f0f0f0"] img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        max-width: none !important;
    }

    /* Text side in Promo Showcase (Full-bleed #EAEDF0) */
    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #EAEDF0"] {
        background-color: #EAEDF0 !important;
        padding: 60px 8% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #EAEDF0"] img[src*="head.png"],
    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #EAEDF0"] img.m-h-auto {
        max-width: 320px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
    }

    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #EAEDF0"] p {
        font-size: 17px !important;
        line-height: 1.7 !important;
        max-width: 90% !important;
        margin-top: 16px !important;
        margin-bottom: 0 !important;
        color: #1a1a1a !important;
    }

    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #EAEDF0"] .button_hijau {
        margin-top: 32px !important;
    }

    /* Client Logos Marquee */
    .client-marquee-track {
        gap: 4rem !important;
    }

    .client-marquee-item {
        min-width: 140px !important;
        height: 70px !important;
    }

    .client-marquee-item img {
        max-height: 54px !important;
    }

    /* ==========================================================================
       Recruitment / Careers Section (Directly Below Globacs) on Desktop
       ========================================================================== */
    .section3.bg5 {
        min-height: auto !important;
        padding: 6rem 7% !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .section3.bg5 .content-wrapper {
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .section3.bg5 .m-stack {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 50px !important;
        width: 100% !important;
    }

    /* Left Content Column */
    .section3.bg5 .m-stack > div.m-w-full,
    .section3.bg5 .m-stack > div:first-child {
        flex: 1 1 55% !important;
        max-width: 55% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    /* Title */
    .section3.bg5 .m-stack > div.m-w-full p:first-child,
    .section3.bg5 .m-stack > div.m-w-full .m-fs-24,
    .section3.bg5 .recruitment-title {
        font-size: 38px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        max-width: 100% !important;
        color: #ffffff !important;
        margin: 0 0 20px 0 !important;
    }

    /* Description */
    .section3.bg5 .m-stack > div.m-w-full p:nth-child(2),
    .section3.bg5 .m-stack > div.m-w-full .m-fs-16,
    .section3.bg5 .recruitment-desc {
        font-size: 17px !important;
        line-height: 1.7 !important;
        max-width: 100% !important;
        color: rgba(255, 255, 255, 0.95) !important;
        margin-top: 0 !important;
        margin-bottom: 32px !important;
    }

    /* CTA Button Container */
    .section3.bg5 .button_hijau,
    .section3.bg5 .button_hijau.m-btn-center {
        margin-top: 0 !important;
        margin-right: 0 !important;
        width: auto !important;
        display: flex !important;
    }

    /* Right Media / Image Wrapper */
    .section3.bg5 .m-stack > button.btn-img,
    .section3.bg5 .m-stack > button.m-hide,
    .section3.bg5 .recruitment-media {
        display: flex !important;
        flex: 1 1 45% !important;
        max-width: 45% !important;
        position: relative !important;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3) !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    /* Main Featured Image */
    .section3.bg5 .m-stack > button.btn-img img:first-child,
    .section3.bg5 .m-stack > button.m-hide img:first-child,
    .section3.bg5 .recruitment-img-main {
        width: 100% !important;
        height: auto !important;
        max-height: 360px !important;
        max-width: 100% !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 18px !important;
    }

    /* Center Badge Icon */
    .section3.bg5 .m-stack > button.btn-img .img-btn,
    .section3.bg5 .m-stack > button.m-hide .img-btn,
    .section3.bg5 .recruitment-img-badge {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 72px !important;
        height: 72px !important;
        max-width: none !important;
        pointer-events: none !important;
        z-index: 5 !important;
        filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.4)) !important;
    }

    /* ==========================================================================
       Contact Us Section on Homepage (Directly Below Recruitment) on Desktop
       ========================================================================== */
    #contact-us,
    #contact-us.m-section-p,
    section#contact-us,
    section.hidden.md\:block#contact-us {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    #contact-us .content-wrapper,
    #contact-us .content-wrapper.flex-row {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Left Column: Contact Info & Hours (Full-bleed Navy Blue #243980) */
    #contact-us .content-wrapper > div:first-child {
        flex: 1 1 50% !important;
        max-width: 50% !important;
        padding: 70px 8% !important;
        box-sizing: border-box !important;
        background-color: #243980 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    #contact-us .content-wrapper > div:first-child > p:first-child,
    #contact-us p[style*="margin-left: 20%"] {
        margin-left: 0 !important;
        margin-bottom: 28px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        text-align: left !important;
        color: #ffffff !important;
    }

    #contact-us .content-wrapper > div:first-child .m-stack {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #contact-us .content-wrapper > div:first-child .m-fs-24 {
        font-size: 34px !important;
        font-weight: 700 !important;
        max-width: 100% !important;
        line-height: 1.3 !important;
        color: #57FEC2 !important;
        margin: 0 0 24px 0 !important;
    }

    #contact-us .content-wrapper > div:first-child p[style*="margin-top: 50px"] {
        margin-top: 30px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
        color: #ffffff !important;
    }

    #contact-us .m-stack.flex-row {
        display: flex !important;
        flex-direction: row !important;
        gap: 50px !important;
        margin-top: 28px !important;
    }

    #contact-us .m-stack.flex-row p {
        margin: 0 !important;
        font-size: 15.5px !important;
        line-height: 1.65 !important;
        color: #ffffff !important;
    }

    #contact-us .flex-row[style*="gap: 30px"] {
        display: flex !important;
        flex-direction: row !important;
        gap: 24px !important;
        margin-top: 16px !important;
        align-items: center !important;
    }

    #contact-us .flex-row[style*="gap: 30px"] img {
        width: 34px !important;
        height: 34px !important;
        object-fit: contain !important;
        transition: transform 0.2s ease !important;
    }

    #contact-us .flex-row[style*="gap: 30px"] img:hover {
        transform: scale(1.1) !important;
    }

    /* Right Column: Contact Form (Full-bleed Light Gray #f0f0f0) */
    #contact-us .content-wrapper > div:last-child {
        flex: 1 1 50% !important;
        max-width: 50% !important;
        padding: 70px 8% !important;
        box-sizing: border-box !important;
        background-color: #f0f0f0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    #contact-us .content-wrapper > div:last-child > p:first-child,
    #contact-us .content-wrapper > div:last-child .m-text-center {
        margin: 0 0 28px 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        font-size: 34px !important;
        font-weight: 700 !important;
        color: #2A4491 !important;
        text-align: left !important;
    }

    #contact-us form,
    #contact-us form.m-stack {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #contact-us form input,
    #contact-us form textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 16px !important;
        padding: 14px 20px !important;
        font-size: 15.5px !important;
        border-radius: 10px !important;
        border: 1px solid #2A4491 !important;
        background-color: #2A4491 !important;
        color: #ffffff !important;
    }

    #contact-us form textarea {
        min-height: 120px !important;
        resize: vertical !important;
    }

    #contact-us form div[style*="margin-top: 5%"] {
        margin-top: 24px !important;
        width: 100% !important;
    }

    #contact-us form #submitContactBtn,
    #contact-us form button[type="submit"] {
        width: 100% !important;
        padding: 15px 28px !important;
        font-size: 16.5px !important;
        font-weight: 700 !important;
        border-radius: 10px !important;
        background-color: #2CD6AD !important;
        color: #000000 !important;
        border: none !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }

    #contact-us form #submitContactBtn:hover,
    #contact-us form button[type="submit"]:hover {
        background-color: #24b895 !important;
    }

    #contact-us form p[style*="font-size: 12px"] {
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: #555555 !important;
    }

    /* ==========================================================================
       5. PERSPECTIVES / ARTIKEL PAGES
       ========================================================================== */
    /* Featured Article Banner on Artikel Index */
    .artikel-featured-box {
        max-width: 1240px !important;
        padding: 32px 42px !important;
        gap: 40px !important;
    }

    .artikel-featured-box > div:first-child p[style*="font-size: 36px"] {
        font-size: 34px !important;
    }

    .artikel-featured-box img {
        max-height: 300px !important;
    }

    /* Article Listing Grid (3 Kolom) */
    .article-grid,
    .container-artikel .grid,
    .sectionartikel .grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 28px !important;
    }

    /* Article Detail Page */
    .article-detail-wrapper,
    .article-detail-container {
        max-width: 980px !important;
        margin: 0 auto !important;
    }

    .article-detail-header h1 {
        font-size: 42px !important;
        line-height: 1.25 !important;
    }

    .article-detail-featured-img {
        max-height: 460px !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .related-articles-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;
    }

    /* ==========================================================================
       6. SERVICES & SOLUTIONS (EB, INS, ME)
       ========================================================================== */
    /* 6.1 Service Detail Subpages (EB, INS, ME) */
    /* Hero Banner (section_eb1) */
    .section_eb1 {
        min-height: auto !important;
        padding: 6rem 7% 2.5rem 7% !important;
        background-color: #FFFFFF !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .section_eb1 .content-wrapper {
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: relative !important;
    }

    .section_eb1 p:first-child {
        font-size: 15px !important;
        margin-bottom: 8px !important;
        max-width: 60% !important;
    }

    .section_eb1 .m-fs-32 {
        font-size: 44px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        color: #222274 !important;
        margin-top: 6px !important;
        margin-bottom: 16px !important;
        max-width: 60% !important;
    }

    .section_eb1 p:last-child,
    .section_eb1 p[style*="max-width: 700px"],
    .section_eb1 p[style*="font-size: 16px"] {
        font-size: 17px !important;
        max-width: 56% !important;
        line-height: 1.65 !important;
        color: #333333 !important;
    }

    /* Section EB2 / Service Subpage Content (Menu, Decorative Image & Service List) */
    .section_eb2 {
        min-height: auto !important;
        padding: 2.5rem 7% 5rem 7% !important;
        background-color: #ECF4FF !important;
        width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    /* Top Row Container (Menu Tabs + Decorative Image) */
    .section_eb2 > .content-wrapper:first-child {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto 32px auto !important;
        padding: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* Quick Nav Buttons Stack in EB */
    .section_eb2 > .content-wrapper:first-child .m-stack {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
        width: auto !important;
        max-width: 64% !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .section_eb2 .btn-eb {
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 11px 28px !important;
        font-size: 14.5px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        border: 1.5px solid #222274 !important;
        background-color: #ffffff !important;
        color: #222274 !important;
        cursor: pointer !important;
        transition: all 0.25s ease !important;
        box-shadow: 0 2px 8px rgba(34, 34, 116, 0.06) !important;
    }

    .section_eb2 .btn-eb:hover {
        background-color: #222274 !important;
        color: #ffffff !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(34, 34, 116, 0.15) !important;
    }

    /* Decorative Floating Image (ebimg, insimg, meimg) */
    .section_eb2 img[src*="ebimg"],
    .section_eb2 img[src*="insimg"],
    .section_eb2 img[src*="meimg"] {
        display: block !important;
        max-width: 340px !important;
        width: 32% !important;
        height: auto !important;
        object-fit: contain !important;
        margin-top: -260px !important;
        margin-right: 1% !important;
        position: relative !important;
        z-index: 5 !important;
        flex-shrink: 0 !important;
    }

    /* Header "Layanan Tunjangan Karyawan Kelas Utama" (#section-services) */
    .section_eb2 #section-services {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background-color: #ffffff !important;
        border-radius: 16px 16px 0 0 !important;
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 30px 40px 16px 40px !important;
        box-sizing: border-box !important;
    }

    .section_eb2 #section-services img[src*="kotakhijau"] {
        width: 22px !important;
        height: 22px !important;
        margin: 0 16px 0 0 !important;
        flex-shrink: 0 !important;
        display: block !important;
    }

    .section_eb2 #section-services p.m-fs-18,
    .section_eb2 #section-services p {
        font-size: 26px !important;
        font-weight: 700 !important;
        font-family: 'JetBrains Mono', monospace !important;
        color: #27397F !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* Dropdown Container Card Wrapper */
    .section_eb2 > .content-wrapper:nth-child(3) {
        display: flex !important;
        flex-direction: column !important;
        background-color: #ffffff !important;
        border-radius: 0 0 16px 16px !important;
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 40px 40px 40px !important;
        box-sizing: border-box !important;
    }

    .section_eb2 .eb-dropdown-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        font-family: 'Inter', sans-serif !important;
    }

    .section_eb2 .info-dropdown {
        border-bottom: 1px solid #E2E8F0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .section_eb2 .dropdown-toggle {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 22px 0 !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .section_eb2 .dropdown-toggle span {
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #5468B6 !important;
    }

    .section_eb2 .dropdown-content p {
        font-size: 16px !important;
        line-height: 1.65 !important;
        color: #4B5563 !important;
    }

    /* Content block headers in EB subpages */
    .section_eb3 > .content-wrapper:first-child,
    .section_eb5 > .content-wrapper:first-child {
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding-left: 0 !important;
    }

    /* 6.2 Generic Service Grids & Layouts */
    .services-grid,
    .eb-features-grid,
    .ins-services-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 28px !important;
    }

    .service-split-row {
        gap: 45px !important;
    }

    .lead-form-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* ==========================================================================
       7. PENSIONLAB® & SIMULATION
       ========================================================================== */
    .pensionlab-container {
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 3rem 2% !important;
    }

    .sim-card {
        padding: 32px !important;
    }

    .sim-result-summary {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 22px !important;
    }

    .chart-container-wrapper {
        min-height: 400px !important;
    }

    /* ==========================================================================
       8. WORKSHOP, PAST EVENTS & PADMATALKS
       ========================================================================== */
    /* 8.1 Workshop Page (workshop.blade.php) */
    .section_tw1 {
        min-height: auto !important;
        padding: 5.5rem 7% 1.5rem 7% !important;
        background-color: #FFFFFF !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .section_tw1 .content-wrapper {
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .section_tw1 p:first-child {
        font-size: 15px !important;
        margin-bottom: 8px !important;
        color: #00A4FF !important;
    }

    .section_tw1 .m-fs-32,
    .section_tw1 div[style*="JetBrains Mono"] {
        font-size: 46px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        color: #222274 !important;
        margin-top: 6px !important;
        margin-bottom: 18px !important;
    }

    .section_tw1 p[style*="max-width: 90%"],
    .section_tw1 p:last-child,
    .section_tw1 p:nth-of-type(3) {
        font-size: 18px !important;
        max-width: 100% !important;
        width: 100% !important;
        line-height: 1.7 !important;
        color: #333333 !important;
    }

    /* Tab Buttons Nav (section_tw2) - Clean White background, 3-Column Equal Grid */
    .section_tw2,
    section.section_tw2:not(:has(#faq-container)) {
        min-height: auto !important;
        padding: 1rem 7% 3rem 7% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        background-color: #FFFFFF !important;
        color: #222274 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 10 !important;
    }

    .section_tw2 .workshop-tabs-wrapper {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Tab Button Base (Standard Desktop: 1280px-1535px) */
    .section_tw2 button.btn-with-icon,
    .section_tw2 .btn-with-icon,
    .section_tw2 .btn-eb {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 56px !important;
        padding: 14px 22px !important;
        font-size: 15.5px !important;
        font-weight: 600 !important;
        font-family: 'Inter', sans-serif !important;
        border-radius: 10px !important;
        border: 1.5px solid #222274 !important;
        background-color: #ffffff !important;
        color: #222274 !important;
        cursor: pointer !important;
        transition: all 0.25s ease !important;
        box-shadow: 0 2px 8px rgba(34, 34, 116, 0.06) !important;
        outline: none !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Active Tab Button */
    .section_tw2 button.btn-with-icon.active,
    .section_tw2 .btn-with-icon.active {
        background-color: #222274 !important;
        color: #ffffff !important;
        border: 1.5px solid #222274 !important;
        box-shadow: 0 4px 14px rgba(34, 34, 116, 0.22) !important;
    }

    .section_tw2 button.btn-with-icon.active img,
    .section_tw2 .btn-with-icon.active img,
    .section_tw2 .btn-with-icon.active .tab-icon {
        filter: brightness(0) invert(1) !important;
    }

    /* Hover Tab Button */
    .section_tw2 button.btn-with-icon:hover,
    .section_tw2 .btn-with-icon:hover,
    .section_tw2 .btn-eb:hover {
        background-color: #222274 !important;
        color: #ffffff !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(34, 34, 116, 0.18) !important;
    }

    .section_tw2 button.btn-with-icon:hover img,
    .section_tw2 .btn-with-icon:hover img,
    .section_tw2 .btn-with-icon:hover .tab-icon {
        filter: brightness(0) invert(1) !important;
    }

    .section_tw2 .btn-with-icon .icon-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
        pointer-events: none !important;
    }

    .section_tw2 .btn-with-icon img,
    .section_tw2 .btn-with-icon .tab-icon {
        width: 22px !important;
        height: 22px !important;
        object-fit: contain !important;
        flex-shrink: 0 !important;
        transition: filter 0.25s ease !important;
    }

    /* Workshop Card Container & Rows (section_tw3) */
    .section_tw3 {
        min-height: auto !important;
        padding: 4rem 7% 6rem 7% !important;
        background-color: #FFFFFF !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .section_tw3 .content-wrapper {
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .workshop-items-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 60px !important;
        width: 100% !important;
    }

    .workshop-card-row {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 50px !important;
        background: #ffffff !important;
        padding: 40px 48px !important;
        border-radius: 18px !important;
        box-shadow: 0 6px 25px rgba(34, 34, 116, 0.08) !important;
        border: 1px solid #E2E8F0 !important;
        box-sizing: border-box !important;
    }

    .workshop-card-img-wrapper {
        flex: 1 1 45% !important;
        max-width: 45% !important;
        width: 100% !important;
    }

    .workshop-card-img {
        max-height: 440px !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 14px !important;
    }

    .workshop-card-content {
        flex: 1 1 55% !important;
        max-width: 55% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
    }

    .workshop-card-title {
        font-size: 38px !important;
        line-height: 1.25 !important;
        color: #222274 !important;
        margin: 0 !important;
    }

    .workshop-card-desc {
        font-size: 17px !important;
        line-height: 1.65 !important;
        color: #4b5563 !important;
        margin: 0 !important;
    }

    .workshop-card-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 12px !important;
        background: #f9fafb !important;
        padding: 22px 26px !important;
        border-radius: 12px !important;
        border-left: 4px solid #f39c12 !important;
    }

    .workshop-card-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        margin-top: 20px !important;
    }

    /* Workshop Section Common Questions (FAQ at bottom of workshop) */
    .section_tw2:has(#faq-container) {
        background-color: #FFFFFF !important;
        padding: 4.5rem 7% 5.5rem 7% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .section_tw2:has(#faq-container) > p,
    .section_tw2 p[style*="margin-left: 15%"] {
        margin: 0 auto 24px auto !important;
        max-width: 1240px !important;
        width: 100% !important;
        font-size: 38px !important;
        font-family: 'JetBrains Mono', monospace !important;
        font-weight: 700 !important;
        color: #222274 !important;
        text-align: left !important;
    }

    .section_tw2:has(#faq-container) > .content-wrapper,
    .section_tw2 .content-wrapper[style*="max-width: 80%"],
    .section_tw2 .content-wrapper:has(#faq-container) {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        background-color: #ffffff !important;
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 36px 44px !important;
        border-radius: 14px !important;
        box-shadow: 0 4px 20px rgba(34, 34, 116, 0.06) !important;
        box-sizing: border-box !important;
    }

    .section_tw2 #faq-container,
    #faq-container {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .section_tw2 .info-dropdown {
        border-bottom: 1px solid #E2E8F0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .section_tw2 .dropdown-toggle {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 20px 0 !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .section_tw2 .dropdown-toggle span {
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #5468B6 !important;
    }

    .section_tw2 .dropdown-content p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #4B5563 !important;
    }

    .workshop-grid,
    .past-events-grid,
    .padmatalks-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 28px !important;
    }

    .workshop-card,
    .event-card {
        height: 100% !important;
    }

    .event-card img {
        height: 230px !important;
    }

    /* ==========================================================================
       7. PENSIONLAB® & SIMULATION
       ========================================================================== */
    /* 7.1 PensionLab Hero Header & Overview (Desktop) */
    .section_about1.pensionlab-hero-section,
    .section_about1:has(.pensionlab-title-pension),
    .section_about1:has(.pensionlab-title-row) {
        min-height: auto !important;
        padding: 5rem 7% 2rem 7% !important;
        background-color: #FFFFFF !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .section_about1.pensionlab-hero-section .content-wrapper,
    .section_about1:has(.pensionlab-title-pension) .content-wrapper,
    .section_about1:has(.pensionlab-title-row) .content-wrapper {
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .pensionlab-breadcrumb,
    .section_about1.pensionlab-hero-section .pensionlab-breadcrumb {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
        font-size: 15.5px !important;
        text-align: left !important;
        color: #00A4FF !important;
    }

    .pensionlab-title-row,
    .section_about1.pensionlab-hero-section .pensionlab-title-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 12px 0 20px 0 !important;
    }

    .pensionlab-hero-logo,
    .pensionlab-title-row img {
        max-width: 340px !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    .pensionlab-desc,
    .section_about1.pensionlab-hero-section .pensionlab-desc,
    .section_about1.pensionlab-hero-section p[style*="max-width"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        font-size: 18px !important;
        line-height: 1.7 !important;
        max-width: 100% !important;
        width: 100% !important;
        color: #333333 !important;
        text-align: justify !important;
    }

    .section_pensilab2 {
        padding: 1.5rem 7% 4.5rem 7% !important;
    }

    .section_pensilab2 .content-wrapper,
    .section_pensilab2 .content-wrapper[style*="max-width: 80%"] {
        max-width: 1280px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .pensionlab-container {
        padding: 3rem 4% !important;
        max-width: 1280px !important;
        margin: 0 auto !important;
    }

    .sim-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }

    .section_about1 p:first-child {
        font-size: 15.5px !important;
    }

    .section_about1 .m-fs-32 {
        font-size: 50px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        color: #222274 !important;
        margin-top: 10px !important;
        margin-bottom: 18px !important;
    }

    .section_about1 p[style*="max-width: 90%"] {
        font-size: 19px !important;
        max-width: 960px !important;
        line-height: 1.7 !important;
        color: #333333 !important;
    }

    /* 9.2 Core Vision, Mission & Values (3-Column Layout) */
    .section_about2 {
        min-height: auto !important;
        padding: 3.5rem 7% 5rem 7% !important;
        background-color: #FFFFFF !important;
    }

    .section_about2 .content-wrapper,
    .section_about2 .about-grid {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        width: 100% !important;
        gap: 40px !important;
    }

    .section_about2 .about-col {
        flex: 1 1 31% !important;
        max-width: 31% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .section_about2 .about-col p[style*="font-size: 24px"] {
        font-size: 26px !important;
        font-weight: 700 !important;
        color: #222274 !important;
        margin-bottom: 16px !important;
    }

    .section_about2 .about-col p[style*="font-size: 20px"] {
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-top: 12px !important;
        margin-bottom: 6px !important;
    }

    .section_about2 .about-col p:not([style*="font-weight: bold"]):not([style*="font-size: 24px"]):not([style*="font-size: 20px"]) {
        font-size: 15.5px !important;
        line-height: 1.65 !important;
        color: #444444 !important;
    }

    .section_about2 .about-img-col {
        flex: 1 1 34% !important;
        max-width: 34% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .section_about2 .about-img-col img {
        width: 100% !important;
        max-height: 440px !important;
        object-fit: contain !important;
        border-radius: 16px !important;
    }

    /* 9.3 Our Journey Timeline Section (Perjalanan Kami) */
    .section_about3 {
        min-height: auto !important;
        padding: 5.5rem 7% 6.5rem 7% !important;
        background-color: #F9F9F9 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .timeline-header {
        max-width: 1240px !important;
        margin: 0 auto 3rem auto !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-end !important;
        gap: 28px !important;
    }

    .timeline-header > div:first-child {
        flex: 1 1 auto !important;
        max-width: 75% !important;
    }

    .timeline-label {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #00A4FF !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 8px !important;
    }

    .timeline-title {
        font-size: 40px !important;
        font-weight: 700 !important;
        color: #222274 !important;
        line-height: 1.25 !important;
        margin: 0 0 12px 0 !important;
    }

    .timeline-subtitle {
        font-size: 17px !important;
        color: #666666 !important;
        max-width: 750px !important;
        line-height: 1.65 !important;
        margin: 0 !important;
    }

    .timeline-header > div:last-child {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        flex-shrink: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .timeline-header button#timelinePrev,
    .timeline-header button#timelineNext {
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
    }

    .timeline-outer {
        max-width: 1240px !important;
        width: 100% !important;
        margin: 0 auto !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 1.5rem 0 2rem 0 !important;
        cursor: grab !important;
    }

    .timeline-track-wrapper {
        padding: 1% 1% !important;
        min-width: max-content !important;
    }

    .timeline-track {
        display: flex !important;
        align-items: stretch !important;
        gap: 26px !important;
    }

    .timeline-item {
        width: 265px !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .timeline-card {
        width: 265px !important;
        min-height: 370px !important;
        height: 100% !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 6px 25px rgba(34, 34, 116, 0.09) !important;
        border: 1.5px solid #e0e7ff !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    .timeline-card-img {
        width: 100% !important;
        height: 180px !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .timeline-card-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .timeline-card-body {
        padding: 18px 20px !important;
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
    }

    .timeline-card-year {
        font-size: 32px !important;
        font-weight: 800 !important;
        color: #27397F !important;
        line-height: 1.1 !important;
        margin-bottom: 8px !important;
        display: inline-block !important;
    }

    .timeline-card-title {
        font-size: 15.5px !important;
        font-weight: 700 !important;
        color: #222274 !important;
        line-height: 1.35 !important;
        margin-bottom: 6px !important;
        position: static !important;
        background: transparent !important;
        padding: 0 !important;
    }

    .timeline-card-desc {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
        color: #555555 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    .vision-mission-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 32px !important;
    }

    .team-grid,
    .tim-container .grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 28px !important;
    }

    /* ==========================================================================
       10. CONTACT US & FAQ
       ========================================================================== */
    .contact-page-wrapper {
        max-width: 1240px !important;
        margin: 0 auto !important;
    }

    .faq-accordion-item {
        padding: 22px 28px !important;
    }

    /* ==========================================================================
       11. FOOTER (STANDARD DESKTOP ADAPTATION)
       ========================================================================== */
    .footer-section {
        padding: 80px 60px 40px 60px !important;
    }

    .footer-container {
        max-width: 1240px !important;
        display: grid !important;
        grid-template-columns: 1.1fr 2fr 1.4fr !important;
        gap: 50px !important;
        align-items: start !important;
    }

    .footer-logo {
        width: 145px !important;
        margin-bottom: 28px !important;
    }

    .footer-company-name {
        font-size: 24px !important;
        margin-bottom: 18px !important;
    }

    .footer-links-grid {
        gap: 24px 45px !important;
    }

    /* ==========================================================================
       12. MODALS & NOTIFICATIONS
       ========================================================================== */
    .contact-modal-container {
        max-width: 720px !important;
        width: 80% !important;
    }

    /* Social Media Icons (16px) */
    .business-social-row img,
    .contact-info-grid img[src*="assets/ig.png"],
    .contact-info-grid img[src*="assets/yt.png"],
    .contact-info-grid img[src*="assets/linkedin.png"],
    a[href*="instagram"] img,
    a[href*="youtube"] img,
    a[href*="linkedin"] img,
    .social-icon,
    .social-media-icon {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        object-fit: contain !important;
    }

    .social-links i,
    .social-icons i,
    a[href*="instagram"] i,
    a[href*="youtube"] i,
    a[href*="linkedin"] i {
        font-size: 16px !important;
    }

    /* ==========================================================================
       13. CONTACT & SUBSCRIBE BOTTOM BANNER (.contact-section-improved)
       ========================================================================== */
    .contact-section-improved,
    .section_artikel3 .contact-section-improved,
    .section_tw4 .contact-section-improved,
    #section-contact .contact-section-improved {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 40px 7% !important;
        background-color: #09FFB8 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 30px !important;
        box-sizing: border-box !important;
    }

    .section_artikel3,
    .section_tw4,
    .section_eb6,
    #section-contact.section_tw4,
    #section-contact.section_eb6 {
        width: 100% !important;
        max-width: 100% !important;
        background-color: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    .section_artikel3 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .contact-section-improved .contact-content {
        flex: 1 1 auto !important;
        max-width: 70% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        text-align: left !important;
    }

    .contact-section-improved .contact-text {
        font-size: 24px !important;
        line-height: 1.4 !important;
        color: #222274 !important;
        margin: 0 !important;
        font-family: 'Inter', sans-serif !important;
        text-align: left !important;
    }

    .contact-section-improved .contact-text strong {
        font-weight: 700 !important;
    }

    .contact-section-improved .contact-buttons {
        flex: 0 0 auto !important;
        display: flex !important;
        gap: 15px !important;
        align-items: center !important;
    }

    .contact-section-improved .btn-contact-improved {
        padding: 14px 36px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        width: auto !important;
    }

    /* ==========================================================================
       WHY PADMA (ME PAGE) VALUE CARDS ALIGNMENT
       ========================================================================== */
    .value-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: 100% !important;
        min-height: 400px !important;
        padding: 28px 22px 32px 22px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    .value-card .w-36 {
        width: 120px !important;
        height: 120px !important;
        margin: 0 auto 16px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    .value-card .w-36 img {
        max-height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .value-card .card-title,
    .value-card h3 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        min-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin-bottom: 12px !important;
        width: 100% !important;
        flex-shrink: 0 !important;
    }

    .value-card .card-desc,
    .value-card p.card-desc {
        font-size: 14px !important;
        line-height: 1.55 !important;
        min-height: 68px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 6px !important;
        width: 100% !important;
        flex-grow: 1 !important;
    }

    .value-card .card-chevron {
        margin-top: auto !important;
        padding-top: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        flex-shrink: 0 !important;
    }
}