.elementor-2882 .elementor-element.elementor-element-810e6b0{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2882 .elementor-element.elementor-element-e923b61{padding:10px 20px 10px 020px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-2882 .elementor-element.elementor-element-e923b61.elementor-element{--align-self:flex-start;}.elementor-2882 .elementor-element.elementor-element-e923b61 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-2882 .elementor-element.elementor-element-4f5b7de .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:4.5vw;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2882 .elementor-element.elementor-element-d62fa11{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-2882 .elementor-element.elementor-element-e32a51f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2882 .elementor-element.elementor-element-6ef8058 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2882 .elementor-element.elementor-element-fcf681e{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;}.elementor-2882 .elementor-element.elementor-element-0119bf5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}.elementor-2882 .elementor-element.elementor-element-4193e98{--display:flex;}@media(min-width:768px){.elementor-2882 .elementor-element.elementor-element-0119bf5{--width:1140px;}.elementor-2882 .elementor-element.elementor-element-4193e98{--width:57%;}}@media(max-width:1024px){.elementor-2882 .elementor-element.elementor-element-4f5b7de .elementor-heading-title{font-size:7vw;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2882 .elementor-element.elementor-element-d62fa11{--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;}.elementor-2882 .elementor-element.elementor-element-fcf681e{text-align:center;}}@media(max-width:767px){.elementor-2882 .elementor-element.elementor-element-e923b61 .elementor-heading-title{font-size:13px;}.elementor-2882 .elementor-element.elementor-element-4f5b7de .elementor-heading-title{font-size:10vw;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2882 .elementor-element.elementor-element-d62fa11{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;font-size:15px;}.elementor-2882 .elementor-element.elementor-element-6ef8058{text-align:center;}.elementor-2882 .elementor-element.elementor-element-6ef8058 .elementor-heading-title{font-size:28px;}.elementor-2882 .elementor-element.elementor-element-fcf681e{font-size:15px;}.elementor-2882 .elementor-element.elementor-element-4193e98{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-1929351 *//* =============================
   Container Form Card
   ============================= */
.fluentform {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 50px 35px; /* Spasi atas/bawah dan kiri/kanan */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    max-width: 600px;
    margin: 0 auto;
}

/* =============================
   Flex 2 kolom untuk Nama + Whatsapp
   ============================= */
.fluentform .ff-el-group.ff-el-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.fluentform .ff-el-group.ff-el-row > .ff-el {
    flex: 1 1 48%;
}

/* =============================
   Input Fields & Textarea
   ============================= */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform textarea,
.fluentform select {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #f5f2ef;
    font-size: 15px;
    color: #333;
    box-sizing: border-box;
    transition: all 0.3s ease;
    margin-bottom: 25px; /* Tambah jarak antar field presisi */
}

/* Fokus input */
.fluentform input[type="text"]:focus,
.fluentform input[type="email"]:focus,
.fluentform textarea:focus,
.fluentform select:focus {
    border-color: #1a3c8f;
    box-shadow: 0 0 0 3px rgba(26, 60, 143, 0.15);
    outline: none;
    background-color: #ffffff;
}

/* =============================
   Label
   ============================= */
.fluentform label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px; /* Sedikit jarak label ke input */
    color: #111;
    font-size: 14px;
}

/* =============================
   Button
   ============================= */
.fluentform button,
.fluentform input[type="submit"] {
    width: 100%;
    padding: 16px 0;
    background-color: #1a3c8f;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

/* Hover Button */
.fluentform button:hover,
.fluentform input[type="submit"]:hover {
    background-color: #16357b;
    box-shadow: 0 6px 12px rgba(26, 60, 143, 0.3);
}

/* =============================
   Dropdown (Select) Styling
   ============================= */
.fluentform select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23333' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
}

/* =============================
   Textarea
   ============================= */
.fluentform textarea {
    min-height: 130px;
    resize: vertical;
}

/* =============================
   Required Field Asterisk
   ============================= */
.fluentform label.required:after {
    content: " *";
    color: red;
}/* End custom CSS */