.elementor-kit-2692{--e-global-color-primary:#192841;--e-global-color-secondary:#54595F;--e-global-color-text:#343434;--e-global-color-accent:#192841;--e-global-color-19d41a7:#F1F5FF;--e-global-color-168a18c:#FFFFFF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-2692 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2692 a{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Wrapper Utama */
        .sp-wrapper { 
            box-sizing: border-box; 
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
            width: 100%; 
            max-width: 700px; 
            margin: 0 auto; 
            background: #fff; 
            border-radius: 16px; 
            overflow: hidden; 
            box-shadow: 0 20px 50px rgba(0,0,0,0.1); 
            border-top: 6px solid #E31E24; 
        }
        .sp-wrapper * { box-sizing: border-box; }
        
        /* 2. Header */
        .sp-header { 
            padding: 45px 40px 25px 40px; 
            text-align: center; 
            border-bottom: 1px solid #f0f0f0; 
            background: #ffffff;
        }
        .sp-logo { 
            max-width: 200px; 
            height: auto; 
            margin-bottom: 20px; 
            display: inline-block; 
            transition: transform 0.3s ease;
        }
        .sp-logo:hover { transform: scale(1.02); }

        .sp-title { 
            margin: 0; 
            font-size: 28px; 
            color: #111827; 
            font-weight: 800; 
            letter-spacing: -0.5px;
            line-height: 1.2; 
        }
        .sp-desc { 
            margin: 10px 0 0 0; 
            font-size: 15px; 
            color: #6b7280; 
            line-height: 1.5;
        }

        /* 3. Body Form */
        .sp-body { padding: 40px; }
        
        /* Layout Fix untuk CF7 Auto-P issue */
        .sp-row { display: flex; gap: 24px; margin-bottom: 24px; }
        .sp-row p { margin: 0; width: 100%; } 
        
        .sp-col { flex: 1; min-width: 0; }
        .sp-full { width: 100%; margin-bottom: 24px; }
        
        /* 4. Label */
        .sp-body label { 
            display: block; 
            font-size: 12px; 
            font-weight: 700; 
            color: #374151; 
            margin-bottom: 8px; 
            text-transform: uppercase; 
            letter-spacing: 0.8px; 
        }
        
        /* 5. Inputs */
        .sp-body input[type="text"],
        .sp-body input[type="email"],
        .sp-body input[type="tel"],
        .sp-body textarea {
            width: 100%; 
            padding: 14px 18px; 
            border: 2px solid #f3f4f6; 
            background-color: #f9fafb;
            border-radius: 8px; 
            font-size: 15px; 
            color: #1f2937; 
            transition: all 0.25s ease;
            font-family: inherit;
        }
        .sp-body textarea { min-height: 140px; resize: vertical; }
        
        .sp-body input:focus, .sp-body textarea:focus { 
            background-color: #ffffff; 
            border-color: #E31E24; 
            outline: none; 
            box-shadow: 0 0 0 4px rgba(227, 30, 36, 0.1); 
        }

        /* 6. Submit Button */
        .sp-submit-wrap { margin-top: 15px; }
        .sp-btn {
            width: 100% !important; 
            background-color: #E31E24; 
            color: #ffffff; 
            font-weight: 700; 
            font-size: 16px;
            padding: 18px; 
            border: none; 
            border-radius: 8px; 
            cursor: pointer; 
            transition: all 0.3s ease;
            letter-spacing: 0.5px;
            -webkit-appearance: none;
            box-shadow: 0 4px 6px rgba(227, 30, 36, 0.2);
        }
        .sp-btn:hover { 
            background-color: #c4181d; 
            transform: translateY(-2px); 
            box-shadow: 0 8px 15px rgba(227, 30, 36, 0.3);
        }

        /* 7. Responsive */
        @media (max-width: 600px) {
            .sp-header { padding: 35px 25px; }
            .sp-body { padding: 30px 25px; }
            .sp-row { flex-direction: column; gap: 0; margin-bottom: 0; }
            .sp-col { margin-bottom: 24px; }
            .sp-title { font-size: 24px; }
        }/* End custom CSS */