/**
 * ==============================================================================
 * PADMA RADYA AKTUARIA - DEDICATED LARGE / ULTRA-WIDE DESKTOP RESPONSIVE STYLESHEET
 * ==============================================================================
 * Target Breakpoint: >1535px (min-width: 1536px)
 * 
 * Karakteristik:
 * - Dikhususkan untuk layar Large Desktop, Ultra-Wide, Full HD 1080p unscaled, 2K (1440p), & 4K Displays.
 * - Diisolasi penuh dalam @media screen and (min-width: 1536px).
 * - Tidak mengganggu tampilan Mobile (<=767px), Tablet (768px-1023px), Laptop (1024px-1279px), maupun Standard Desktop (1280px-1535px).
 * - Berlaku untuk semua halaman pada project web_padma.
 * ==============================================================================
 */

@media screen and (min-width: 1536px) {

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

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

    /* Section padding scale for large monitors */
    .section,
    .section2,
    .section3,
    .section4,
    .section5,
    .sectionartikel {
        padding: 6rem 8% !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: 4.5rem 8% !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Max-width container keeping content beautifully centered on wide displays */
    .content-wrapper {
        width: 100% !important;
        max-width: 1440px !important;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* ==========================================================================
       7. PENSIONLAB® & SIMULATION
       ========================================================================== */
    /* 7.1 PensionLab Hero Header & Overview (Large Screen) */
    .section_about1.pensionlab-hero-section,
    .section_about1:has(.pensionlab-title-pension),
    .section_about1:has(.pensionlab-title-row) {
        min-height: auto !important;
        padding: 6rem 8% 2.5rem 8% !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: 1440px !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: 16px !important;
        font-size: 16.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: 14px 0 22px 0 !important;
    }

    .pensionlab-hero-logo,
    .pensionlab-title-row img {
        max-width: 380px !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: 20px !important;
        line-height: 1.75 !important;
        max-width: 100% !important;
        width: 100% !important;
        color: #333333 !important;
        text-align: justify !important;
    }

    .section_pensilab2 {
        padding: 2rem 8% 5.5rem 8% !important;
    }

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

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

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

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

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

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

    .m-fs-18 {
        font-size: 22px !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: 14px 60px !important;
        height: 80px !important;
    }

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

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

    .navbar.scrolled .logo img {
        max-height: 38px !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: 36px !important;
    }

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

    .navbar ul li a {
        font-size: 15.5px !important;
        white-space: nowrap !important;
        padding: 8px 12px !important;
        display: inline-block !important;
    }

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

    /* 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: 50px !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
    }

    /* ==========================================================================
       4. HOMEPAGE SECTIONS
       ========================================================================== */
    /* 4.1 Hero Featured Banner */
    .section.bg1 {
        min-height: 90vh !important;
        padding: 7.5rem 8% 6rem 8% !important;
    }

    .section.bg1 .content-wrapper {
        max-width: 1440px !important;
        margin: 0 auto !important;
    }

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

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

    .section.bg1 .m-stack.flex-row {
        display: flex !important;
        gap: 20px !important;
        margin-top: 30px !important;
    }

    /* 4.2 Latest Perspectives Grid (3-Columns Balanced) */
    .section3.bg2 {
        min-height: auto !important;
        padding: 6rem 8% !important;
        background-color: #ECF4FF !important;
    }

    .section3.bg2 .content-wrapper {
        max-width: 1440px !important;
        margin: 0 auto !important;
    }

    .section3.bg2 p[style*="font-size: 32px"],
    .section3.bg2 .m-fs-24 {
        font-size: 36px !important;
        font-weight: 700 !important;
        color: #222274 !important;
        margin-bottom: 48px !important;
    }

    .section3 .m-grid-1,
    .section3 div[style*="grid-template-columns"] {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 32px !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
    }

    .perspective-card {
        height: 100% !important;
        border-radius: 14px 14px 0 0 !important;
        overflow: hidden !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
    }

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

    .perspective-card-content {
        padding: 24px !important;
        flex-grow: 1 !important;
    }

    .desktop-only-header {
        height: auto !important;
        min-height: 145px !important;
        margin-bottom: 16px !important;
    }

    .desktop-only-header p {
        font-size: 22px !important;
        line-height: 1.35 !important;
    }

    .perspective-excerpt {
        font-size: 15.5px !important;
        line-height: 1.6 !important;
    }

    .section3.bg2 .button_hijau {
        margin-top: 48px !important;
    }

    /* 4.3 Promo Showcase Sections (PensionLab & Padma Course) - Full Bleed Seamless */
    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;
    }

    .content-wrapper.nonoverlay.flex-row {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 480px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .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: 480px !important;
        box-sizing: border-box !important;
    }

    /* Image Column */
    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #f0f0f0"] {
        position: relative !important;
        overflow: hidden !important;
        background-color: #f0f0f0 !important;
        min-height: 480px !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 Column */
    .content-wrapper.nonoverlay.flex-row > div[style*="background-color: #EAEDF0"] {
        background-color: #EAEDF0 !important;
        padding: 70px 10% !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: 360px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 24px 0 !important;
    }

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

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

    /* 4.4 About Padma Stats Counters (4 Columns Balanced) */
    .section2.bg2 {
        min-height: auto !important;
        padding: 6rem 8% !important;
        background-color: #ECF4FF !important;
    }

    .section2 .content-wrapper2.m-stack {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 32px !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .section2 .counter.m-fs-32 {
        font-size: 64px !important;
        line-height: 1.1 !important;
        margin-bottom: 10px !important;
        font-weight: 700 !important;
        color: #222274 !important;
    }

    .section2 .content-wrapper2 p[style*="font-size: 18px"],
    .section2 .content-wrapper2 .m-fs-16 {
        font-size: 18px !important;
        line-height: 1.45 !important;
        color: #333333 !important;
    }

    /* 4.5 Client Logos Marquee */
    .client-marquee {
        padding: 2rem 0 !important;
    }

    .client-marquee-track {
        gap: 5rem !important;
    }

    .client-marquee-item {
        min-width: 160px !important;
        height: 80px !important;
    }

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

    /* 4.6 Globacs Global Partnership Banner */
    section[data-scroll-section]:has(img[src*="globacs"]) .content-wrapper.m-stack {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 40px !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    /* 4.7 Recruitment / Careers Section (Directly Below Globacs) */
    .section3.bg5 {
        min-height: auto !important;
        padding: 6.5rem 8% !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .section3.bg5 .content-wrapper {
        width: 100% !important;
        max-width: 1440px !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: 60px !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: 42px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        max-width: 100% !important;
        color: #ffffff !important;
        margin: 0 0 22px 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: 18px !important;
        line-height: 1.7 !important;
        max-width: 100% !important;
        color: rgba(255, 255, 255, 0.95) !important;
        margin-top: 0 !important;
        margin-bottom: 36px !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: 20px !important;
        overflow: hidden !important;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32) !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: 380px !important;
        max-width: 100% !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 20px !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: 76px !important;
        height: 76px !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;
    }

    /* 4.8 Contact Us Section (Directly Below Recruitment) */
    #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: 80px 10% !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: 30px !important;
        font-size: 17px !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: 38px !important;
        font-weight: 700 !important;
        max-width: 100% !important;
        line-height: 1.3 !important;
        color: #57FEC2 !important;
        margin: 0 0 26px 0 !important;
    }

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

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

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

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

    #contact-us .flex-row[style*="gap: 30px"] img {
        width: 36px !important;
        height: 36px !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: 80px 10% !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 30px 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        font-size: 38px !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: 18px !important;
        padding: 15px 22px !important;
        font-size: 16px !important;
        border-radius: 12px !important;
        border: 1px solid #2A4491 !important;
        background-color: #2A4491 !important;
        color: #ffffff !important;
    }

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

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

    #contact-us form #submitContactBtn,
    #contact-us form button[type="submit"] {
        width: 100% !important;
        padding: 16px 32px !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        border-radius: 12px !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: 13.5px !important;
        line-height: 1.5 !important;
        color: #555555 !important;
    }

    /* ==========================================================================
       5. PERSPECTIVES / ARTIKEL PAGES
       ========================================================================== */
    /* Featured Article Banner on Artikel Index */
    .artikel-featured-box {
        max-width: 1440px !important;
        padding: 36px 48px !important;
        gap: 48px !important;
        border-radius: 16px !important;
    }

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

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

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

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

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

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

    .related-articles-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 28px !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: 6.5rem 8% 3rem 8% !important;
        background-color: #FFFFFF !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

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

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

    .section_eb1 .m-fs-32 {
        font-size: 48px !important;
        line-height: 1.18 !important;
        font-weight: 700 !important;
        color: #222274 !important;
        margin-top: 6px !important;
        margin-bottom: 18px !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: 18px !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: 3rem 8% 6rem 8% !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: 1440px !important;
        margin: 0 auto 36px 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: 16px !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: 12px 32px !important;
        font-size: 15px !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: 390px !important;
        width: 32% !important;
        height: auto !important;
        object-fit: contain !important;
        margin-top: -320px !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: 18px 18px 0 0 !important;
        width: 100% !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
        padding: 34px 48px 18px 48px !important;
        box-sizing: border-box !important;
    }

    .section_eb2 #section-services img[src*="kotakhijau"] {
        width: 24px !important;
        height: 24px !important;
        margin: 0 18px 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: 28px !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 18px 18px !important;
        width: 100% !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
        padding: 0 48px 48px 48px !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: 24px 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: 21px !important;
        font-weight: 600 !important;
        color: #5468B6 !important;
    }

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

    /* Content block headers in EB subpages */
    .section_eb3 > .content-wrapper:first-child,
    .section_eb5 > .content-wrapper:first-child {
        max-width: 1440px !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: 32px !important;
        max-width: 1440px !important;
    }

    .service-split-row {
        gap: 60px !important;
        max-width: 1440px !important;
    }

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

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

    .sim-card {
        padding: 36px !important;
        border-radius: 16px !important;
    }

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

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

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

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

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

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

    .section_tw1 p[style*="max-width: 90%"],
    .section_tw1 p:last-child,
    .section_tw1 p:nth-of-type(3) {
        font-size: 20px !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: 1.5rem 8% 3.5rem 8% !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: 28px !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Tab Button Base (Large Desktop: >=1536px) */
    .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: 60px !important;
        padding: 16px 24px !important;
        font-size: 16.5px !important;
        font-weight: 600 !important;
        font-family: 'Inter', sans-serif !important;
        border-radius: 12px !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: 24px !important;
        height: 24px !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: 4.5rem 8% 6.5rem 8% !important;
        background-color: #FFFFFF !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

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

    .workshop-items-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 70px !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: 60px !important;
        background: #ffffff !important;
        padding: 45px 54px !important;
        border-radius: 20px !important;
        box-shadow: 0 8px 30px 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: 480px !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 16px !important;
    }

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

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

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

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

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

    /* Workshop Section Common Questions (FAQ at bottom of workshop) */
    .section_tw2:has(#faq-container) {
        background-color: #FFFFFF !important;
        padding: 5rem 8% 6rem 8% !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 28px auto !important;
        max-width: 1440px !important;
        width: 100% !important;
        font-size: 42px !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: 1440px !important;
        margin: 0 auto !important;
        padding: 42px 50px !important;
        border-radius: 16px !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: 1440px !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: 24px 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: 22px !important;
        font-weight: 600 !important;
        color: #5468B6 !important;
    }

    .section_tw2 .dropdown-content p {
        font-size: 17px !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: 32px !important;
        max-width: 1440px !important;
    }

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

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

    /* ==========================================================================
       9. ABOUT US & TIM (ABOUT PADMA PAGE)
       ========================================================================== */
    /* 9.1 Hero Banner */
    .section_about1 {
        min-height: auto !important;
        padding: 7rem 8% 4rem 8% !important;
        background-color: #FFFFFF !important;
    }

    .section_about1 .content-wrapper {
        max-width: 1440px !important;
        margin: 0 auto !important;
    }

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

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

    .section_about1 p[style*="max-width: 90%"] {
        font-size: 21px !important;
        max-width: 1100px !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: 4rem 8% 6rem 8% !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: 1440px !important;
        margin: 0 auto !important;
        width: 100% !important;
        gap: 50px !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: 28px !important;
        font-weight: 700 !important;
        color: #222274 !important;
        margin-bottom: 18px !important;
    }

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

    .section_about2 .about-col p:not([style*="font-weight: bold"]):not([style*="font-size: 24px"]):not([style*="font-size: 20px"]) {
        font-size: 17px !important;
        line-height: 1.7 !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: 500px !important;
        object-fit: contain !important;
        border-radius: 18px !important;
    }

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

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

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

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

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

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

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

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

    .timeline-outer {
        max-width: 1440px !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: 30px !important;
    }

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

    .timeline-card {
        width: 280px !important;
        min-height: 390px !important;
        height: 100% !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 30px 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: 190px !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: 20px 22px !important;
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
    }

    .timeline-card-year {
        font-size: 34px !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: 16px !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: 14.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: 36px !important;
        max-width: 1440px !important;
    }

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

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

    .faq-accordion-item {
        padding: 24px 32px !important;
    }

    /* ==========================================================================
       11. FOOTER (LARGE DESKTOP ADAPTATION)
       ========================================================================== */
    .footer-section {
        padding: 90px 80px 45px 80px !important;
    }

    .footer-container {
        max-width: 1440px !important;
        display: grid !important;
        grid-template-columns: 1.1fr 2.2fr 1.5fr !important;
        gap: 60px !important;
        align-items: start !important;
    }

    .footer-logo {
        width: 155px !important;
        margin-bottom: 30px !important;
    }

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

    .footer-links-grid {
        gap: 28px 50px !important;
    }

    /* ==========================================================================
       12. MODALS & NOTIFICATIONS
       ========================================================================== */
    .contact-modal-container {
        max-width: 780px !important;
        width: 75% !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: 44px 8% !important;
        background-color: #09FFB8 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 32px !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: 12px !important;
        text-align: left !important;
    }

    .contact-section-improved .contact-text {
        font-size: 26px !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: 16px !important;
        align-items: center !important;
    }

    .contact-section-improved .btn-contact-improved {
        padding: 16px 40px !important;
        font-size: 17px !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;
    }
}