.elementor-5249 .elementor-element.elementor-element-5b7cc24{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-5b7cc24.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5249 .elementor-element.elementor-element-3d1d5d4{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-5249 .elementor-element.elementor-element-3d1d5d4 p{margin-block-end:72px;}.elementor-5249 .elementor-element.elementor-element-46024d0{--display:flex;}.elementor-5249 .elementor-element.elementor-element-d19d31f{text-align:center;}.elementor-5249 .elementor-element.elementor-element-e12d1e5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-e12d1e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-field-type-html{padding-bottom:0px;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-button[type="submit"]{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-4fd93ea{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-field-type-html{padding-bottom:0px;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-button[type="submit"]{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5249 .elementor-element.elementor-element-5045b86{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-5249 .elementor-element.elementor-element-83d5d1c{--display:flex;}.elementor-5249 .elementor-element.elementor-element-83d5d1c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5249 .elementor-element.elementor-element-6c86e7b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-c9e075c{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-5249 .elementor-element.elementor-element-c9e075c{left:0px;}body.rtl .elementor-5249 .elementor-element.elementor-element-c9e075c{right:0px;}.elementor-5249 .elementor-element.elementor-element-efd2d22{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-5249 .elementor-element.elementor-element-efd2d22{left:0px;}body.rtl .elementor-5249 .elementor-element.elementor-element-efd2d22{right:0px;}.elementor-5249 .elementor-element.elementor-element-c7cbf7c{--display:flex;}@media(max-width:1440px) and (min-width:768px){.elementor-5249 .elementor-element.elementor-element-5b7cc24{--width:608.8px;}.elementor-5249 .elementor-element.elementor-element-e12d1e5{--width:826px;}.elementor-5249 .elementor-element.elementor-element-83d5d1c{--width:808px;}}@media(min-width:1920px){.elementor-5249 .elementor-element.elementor-element-5b7cc24{--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-e12d1e5{--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-6c86e7b{--grid-auto-flow:row;}}@media(max-width:1440px){.elementor-5249 .elementor-element.elementor-element-5b7cc24{--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-e12d1e5{--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-6c86e7b{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-5249 .elementor-element.elementor-element-5b7cc24{--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-e12d1e5{--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-6c86e7b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5249 .elementor-element.elementor-element-5b7cc24{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-e12d1e5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5249 .elementor-element.elementor-element-6c86e7b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for form, class: .elementor-element-5045b86 */button[type="submit"],
input[type="submit"] {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e12d1e5 */#grid-kiri {
    width: 66.6667% !important;
    max-width: 66.6667% !important;
    flex-basis: 66.6667% !important;
}

#grid-kanan {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    flex-basis: 33.3333% !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c9f114 */#button {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    background-color: #42f5ef !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    border: none !important;
    padding: 14px 20px !important;
}

#grid-kiri {
    width: 66.6667% !important;
    max-width: 66.6667% !important;
    flex-basis: 66.6667% !important;
}

#grid-kanan {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    flex-basis: 33.3333% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83d5d1c */button {
    width: 66.6667% !important;
    max-width: 66.6667% !important;
    display: block !important;
    box-sizing: border-box !important;

    background-color: #526F68 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    margin-top: 20px !important;
}


button {
    width: 40% !important;
    max-width: 40% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-303054d */.contact-items {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    text-align: center;
}

.contact-item {
    flex: 1;
    max-width: 250px;
}

.contact-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #42f5ef;
    color: #ffffff;

    border-radius: 50%;
    font-size: 32px;
}

.contact-item h3 {
    margin: 0 0 10px;
    color: #333333;
    font-size: 20px;
    font-weight: 600;
}

.contact-item p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.6;
}


/* MOBILE */
@media (max-width: 767px) {

    .contact-items {
        flex-direction: column;
        align-items: center;
        gap: 35px;
    }

    .contact-item {
        max-width: 300px;
    }

    .contact-icon {
        width: 75px;
        height: 75px;
        font-size: 26px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efd2d22 *//* =========================
   BACKGROUND BELAKANG
   ========================= */
#bg-green {
    position: relative;
    width: 100%;
    min-height: 420px;
    background: #808080;
    border-radius: 24px;
    z-index: 1;
}


/* =========================
   PANEL DEPAN
   ========================= */
#bg-gray {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 90%;
    min-height: 300px;

    background: #42f5ef;

    border-radius: 0;
    z-index: 2;
}


/* =========================
   3 LINGKARAN
   ========================= */
#contact-circles {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 80px;
    z-index: 3;
}


/* =========================
   LINGKARAN IKON
   ========================= */
#contact-circles .elementor-icon {
    width: 90px;
    height: 90px;

    display: flex;
    justify-content: center;
    align-items: center;

    background: #526F68;
    border-radius: 50%;

    color: #ffffff;
}


/* =========================
   IKON
   ========================= */
#contact-circles .elementor-icon i,
#contact-circles .elementor-icon svg {
    font-size: 32px;
    width: 32px;
    height: 32px;
}


/* =========================
   MOBILE
   ========================= */
@media (max-width: 767px) {

    #bg-green {
        min-height: 600px;
    }

    #bg-gray {
        left: 5%;
        width: 90%;
        min-height: 500px;
        border-radius: 0;
    }

    #contact-circles {
        flex-direction: column;
        gap: 25px;
    }

    #contact-circles .elementor-icon {
        width: 70px;
        height: 70px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9e075c *//* =========================
   CONTAINER HIJAU BELAKANG
   ========================= */
#bg-green {
    position: relative;
    width: 100%;
    min-height: 420px;
    background: #42f5ef;
    z-index: 1;
}


/* =========================
   CONTAINER ABU-ABU DEPAN
   ========================= */
#bg-gray {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 90%;
    min-height: 300px;
    background: #E5E5E5;
    border-radius: 24px;
    z-index: 2;
}


/* =========================
   3 LINGKARAN DI ATAS
   ========================= */
#contact-circles {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    z-index: 3;
}


/* =========================
   LINGKARAN
   ========================= */
#contact-circles .elementor-icon {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #526F68;
    border-radius: 50%;
    color: #ffffff;
}


/* =========================
   IKON
   ========================= */
#contact-circles .elementor-icon i,
#contact-circles .elementor-icon svg {
    font-size: 32px;
    width: 32px;
    height: 32px;
}


/* =========================
   MOBILE
   ========================= */
@media (max-width: 767px) {

    #bg-green {
        min-height: 600px;
    }

    #bg-gray {
        left: 3%;
        width: 94%;
        min-height: 500px;
    }

    #contact-circles {
        flex-direction: column;
        gap: 25px;
        top: 50%;
    }

    #contact-circles .elementor-icon {
        width: 70px;
        height: 70px;
    }

}/* End custom CSS */