.elementor-70885 .elementor-element.elementor-element-b205cc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6cfca98 */<style>
    /* --- BASE STYLE REUSE --- */
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
    #szeto-training-page { font-family: 'Poppins', sans-serif !important; color: #444; background: #fff; width: 100%; box-sizing: border-box; }
    #szeto-training-page * { box-sizing: border-box; }
    #szeto-training-page h1, h2, h3, h4 { color: #0a0a0a; margin: 0 0 1rem; font-weight: 700; line-height: 1.3; }
    #szeto-training-page p { margin-bottom: 1.5rem; color: #555; line-height: 1.6; }
    #szeto-training-page .sz-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    #szeto-training-page .text-center { text-align: center; }
    #szeto-training-page .section-pad { padding: 80px 0; }
    #szeto-training-page .bg-light { background-color: #f8fbff; }

    /* HERO */
    #szeto-training-page .hero-training { padding: 80px 0 100px; background: linear-gradient(180deg, #ffffff 0%, #e6f4fa 100%); text-align: center; }
    #szeto-training-page .hero-title { font-size: 3rem; color: #0096d1 !important; margin-bottom: 20px; }
    #szeto-training-page .hero-subtitle { font-size: 1.15rem; max-width: 800px; margin: 0 auto 30px; }
    #szeto-training-page .sz-badge-pill { background: #e6f4fa; color: #0096d1; padding: 8px 20px; border-radius: 50px; font-weight: 600; border: 1px solid rgba(0,150,209,0.2); }

    /* --- FORM BOX CONTAINER --- */
    #szeto-training-page .sz-form-box {
        background: #fff;
        max-width: 800px;
        margin: 0 auto;
        padding: 40px;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0,0,0,0.08); /* Bayangan halus premium */
        border: 1px solid #eee;
        position: relative;
        z-index: 10;
    }

    /* =========================================
       CUSTOM ELEMENTOR FORM STYLE (SZETO THEME)
       ========================================= */
    
    /* Input Fields (Text, Email, Select) */
    #szeto-training-page .elementor-field-textual {
        border-radius: 50px !important; /* Bulat */
        padding: 12px 20px !important;
        border: 1px solid #ddd !important;
        background-color: #f9f9f9 !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 0.95rem !important;
        transition: 0.3s;
    }
    
    /* Input Focus State */
    #szeto-training-page .elementor-field-textual:focus {
        border-color: #0096d1 !important;
        background-color: #fff !important;
        box-shadow: 0 0 0 3px rgba(0, 150, 209, 0.1) !important;
    }

    /* Labels */
    #szeto-training-page .elementor-field-label {
        font-weight: 600 !important;
        color: #444 !important;
        margin-bottom: 8px !important;
    }

    /* Buttons (Next, Previous, Submit) */
    #szeto-training-page .elementor-button {
        border-radius: 50px !important;
        background-color: #0096d1 !important; /* Biru Szeto */
        color: #fff !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600 !important;
        padding: 12px 30px !important;
        transition: 0.3s !important;
    }
    
    #szeto-training-page .elementor-button:hover {
        background-color: #007bb5 !important;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 150, 209, 0.3);
    }

    /* Progress Steps Indicator (Bulat-bulat di atas form) */
    #szeto-training-page .e-form__indicators__indicator__number {
        border-color: #0096d1 !important;
        color: #0096d1 !important;
        font-weight: bold !important;
    }
    
    #szeto-training-page .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number {
        background-color: #0096d1 !important;
        color: #fff !important;
    }
    
    #szeto-training-page .e-form__indicators__indicator__label {
        font-family: 'Poppins', sans-serif !important;
        font-size: 0.85rem !important;
    }

    /* ========================================= */

    /* SERVICES GRID */
    #szeto-training-page .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
    #szeto-training-page .service-card { background: #fff; padding: 30px; border-radius: 16px; border: 1px solid #eee; text-align: center; }
    #szeto-training-page .service-icon { font-size: 2.5rem; margin-bottom: 20px; }

    /* COMPARISON CARDS */
    #szeto-training-page .pricing-grid-aol { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; }
    #szeto-training-page .aol-price-card { background: #fff; border-radius: 20px; border: 1px solid #eee; overflow: hidden; height: 100%; transition: 0.3s; }
    #szeto-training-page .aol-price-card:hover { transform: translateY(-5px); border-color: #0096d1; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
    #szeto-training-page .card-body { padding: 30px; }
    #szeto-training-page .best-choice { border: 2px solid #0096d1; box-shadow: 0 10px 30px rgba(0,150,209,0.1); }
    #szeto-training-page .best-header { background: #0096d1; color: #fff; text-align: center; padding: 10px; font-weight: 700; text-transform: uppercase; font-size: 0.9rem; }
    
    #szeto-training-page .aol-features { list-style: none; padding: 0; margin: 0; }
    #szeto-training-page .aol-features li { margin-bottom: 15px; font-size: 0.95rem; color: #555; display: flex; align-items: center; gap: 10px; }
    #szeto-training-page .aol-features li::before { content: '✔'; color: #0096d1; font-weight: bold; }

    /* REVIEWS & FOOTER */
    #szeto-training-page .reviews-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px; margin-top: 40px; }
    #szeto-training-page .review-card { background: #fff; padding: 25px; border-radius: 15px; border: 1px solid #f0f0f0; }
    #szeto-training-page .review-stars { color: #f39c12; margin: 5px 0 10px; }
    #szeto-training-page .cta-footer { background: #0096d1; color: #fff; text-align: center; padding: 60px 0; }
    #szeto-training-page .cta-footer h2 { color: #fff !important; }
    #szeto-training-page .cta-footer p { color: rgba(255,255,255,0.9) !important; }
    #szeto-training-page .btn-white { background: #fff; color: #0096d1; display: inline-block; padding: 14px 35px; border-radius: 50px; font-weight: 600; margin-top: 20px; }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        #szeto-training-page .hero-title { font-size: 2.2rem !important; }
        #szeto-training-page .sz-form-box { padding: 25px; }
    }
</style>/* End custom CSS */