.elementor-538 .elementor-element.elementor-element-c327ad8{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--align-items:center;--overlay-opacity:1;--padding-top:110px;--padding-bottom:110px;--padding-left:40px;--padding-right:40px;}.elementor-538 .elementor-element.elementor-element-c327ad8:not(.elementor-motion-effects-element-type-background), .elementor-538 .elementor-element.elementor-element-c327ad8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D121000;}.elementor-538 .elementor-element.elementor-element-c327ad8::before, .elementor-538 .elementor-element.elementor-element-c327ad8 > .elementor-background-video-container::before, .elementor-538 .elementor-element.elementor-element-c327ad8 > .e-con-inner > .elementor-background-video-container::before, .elementor-538 .elementor-element.elementor-element-c327ad8 > .elementor-background-slideshow::before, .elementor-538 .elementor-element.elementor-element-c327ad8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-538 .elementor-element.elementor-element-c327ad8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #FBF7F3 50%, #FBF7F300 90%);}.elementor-538 .elementor-element.elementor-element-c327ad8::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-538 .elementor-element.elementor-element-1ac65bb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-538 .elementor-element.elementor-element-1aafd95 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:50px;font-weight:700;line-height:60px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-538 .elementor-element.elementor-element-daf0ab7{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;line-height:26px;color:#292929;}.elementor-538 .elementor-element.elementor-element-daf0ab7 p{margin-block-end:0px;}.elementor-538 .elementor-element.elementor-element-fad2538{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-538 .elementor-element.elementor-element-e3d7349 p{margin-block-end:0px;}.elementor-538 .elementor-element.elementor-element-9f548eb{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-538 .elementor-element.elementor-element-2e4b22c{--grid-columns:4;--grid-row-gap:20px;--load-more-button-align:center;--grid-column-gap:20px;}.elementor-538 .elementor-element.elementor-element-2e4b22c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-538 .elementor-element.elementor-element-2e4b22c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-538 .elementor-element.elementor-element-2e4b22c .e-loop-item > .elementor-section, .elementor-538 .elementor-element.elementor-element-2e4b22c .e-loop-item > .elementor-section > .elementor-container, .elementor-538 .elementor-element.elementor-element-2e4b22c .e-loop-item > .e-con, .elementor-538 .elementor-element.elementor-element-2e4b22c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-538 .elementor-element.elementor-element-2e4b22c .elementor-button{fill:var( --e-global-color-b5aeb33 );color:var( --e-global-color-b5aeb33 );}@media(min-width:768px){.elementor-538 .elementor-element.elementor-element-1ac65bb{--width:50%;}}@media(max-width:1024px){.elementor-538 .elementor-element.elementor-element-c327ad8{--grid-auto-flow:row;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-538 .elementor-element.elementor-element-1ac65bb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-538 .elementor-element.elementor-element-1aafd95 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-538 .elementor-element.elementor-element-2e4b22c{--grid-columns:2;}}@media(max-width:767px){.elementor-538 .elementor-element.elementor-element-c327ad8{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-538 .elementor-element.elementor-element-1ac65bb{--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-538 .elementor-element.elementor-element-1aafd95 .elementor-heading-title{font-size:36px;line-height:44px;}.elementor-538 .elementor-element.elementor-element-daf0ab7{font-size:16px;line-height:24px;}.elementor-538 .elementor-element.elementor-element-fad2538{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-538 .elementor-element.elementor-element-2e4b22c{--grid-columns:1;--grid-row-gap:12px;--grid-column-gap:12px;}}/* Start custom CSS for shortcode, class: .elementor-element-9f548eb *//* ==========================================
   KMCC - DOCTOR SEARCH
========================================== */

.kmcc-doctor-search {
    width: 100%;
    display: grid;
    grid-template-columns: 160px 160px minmax(280px, 1fr) 125px;
    gap: 20px;
    align-items: center;

    font-family: "Plus Jakarta Sans", sans-serif;
}


/* ==========================================
   SELECT + INPUT
========================================== */

.kmcc-doctor-search select,
.kmcc-doctor-search input {
    width: 100%;
    height: 60px;

    margin: 0;
    padding: 0 18px;

    background-color: #fff;
    border: 1px solid #ded7d3;
    border-radius: 14px;

    color: #282322;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


/* ==========================================
   SELECT
========================================== */

.kmcc-doctor-search select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;

    padding-right: 45px;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231D1D1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 18px;
}


/* ==========================================
   SEARCH INPUT
========================================== */

.kmcc-doctor-search input[name="doctor_name"] {
    padding-left: 55px;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238B8582' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: left 19px center;
    background-size: 20px;
}

.kmcc-doctor-search input::placeholder {
    color: #aaa3a0;
    opacity: 1;
}


/* ==========================================
   FOCUS
========================================== */

.kmcc-doctor-search select:focus,
.kmcc-doctor-search input:focus {
    border-color: #c53146;

    box-shadow:
        0 0 0 3px rgba(197, 49, 70, .08);
}


/* ==========================================
   BUTTON
========================================== */

.kmcc-doctor-search button {
    width: 100%;
    height: 60px;

    padding: 0 20px;

    border: 0;
    border-radius: 14px;

    background: #bd2940;
    color: #fff;

    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;

    cursor: pointer;

    transition:
        background-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.kmcc-doctor-search button:hover {
    background: #a92136;

    box-shadow:
        0 7px 18px rgba(189, 41, 64, .18);

    transform: translateY(-1px);
}

.kmcc-doctor-search button:active {
    transform: translateY(0);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {

    .kmcc-doctor-search {
        grid-template-columns:
            minmax(140px, .8fr)
            minmax(140px, .8fr)
            minmax(260px, 2fr);

        gap: 12px;
    }

    .kmcc-doctor-search button {
        grid-column: 1 / -1;
        width: 180px;
        justify-self: end;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .kmcc-doctor-search {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .kmcc-doctor-search select,
    .kmcc-doctor-search input,
    .kmcc-doctor-search button {
        height: 52px;
        border-radius: 12px;
        font-size: 14px;
    }

    /*
     * Lokasi + Layanan berdampingan
     */
    .kmcc-doctor-search select {
        padding-left: 14px;
        padding-right: 38px;

        background-position:
            right 13px center;
    }

    /*
     * Search full width
     */
    .kmcc-doctor-search input[name="doctor_name"] {
        grid-column: 1 / -1;

        padding-left: 47px;

        background-position:
            left 15px center;
    }

    /*
     * Button full width
     */
    .kmcc-doctor-search button {
        grid-column: 1 / -1;
        width: 100%;
    }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 420px) {

    .kmcc-doctor-search {
        grid-template-columns: 1fr;
    }

    .kmcc-doctor-search input[name="doctor_name"],
    .kmcc-doctor-search button {
        grid-column: auto;
    }
}

.kmcc-doctor-search {
    grid-template-columns: 130px 130px minmax(220px, 1fr) 105px;
    gap: 10px;
}

.kmcc-doctor-search select,
.kmcc-doctor-search input,
.kmcc-doctor-search button {
    height: 54px;
    font-size: 13px;
    border-radius: 10px;
}


/* ==========================================
   RESPONSIVE DOCTOR SEARCH
========================================== */

/* TABLET */
@media (max-width: 1024px) {

    .kmcc-doctor-search {
        grid-template-columns: 130px 130px 1fr;
        gap: 10px;
    }

    .kmcc-doctor-search button {
        grid-column: 1 / -1;
        width: 140px;
        justify-self: end;
    }
}


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

    .kmcc-doctor-search {
        width: 100%;
        max-width: 100%;

        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    /* Lokasi & layanan */
    .kmcc-doctor-search select {
        width: 100%;
        min-width: 0;
        height: 46px;

        padding-left: 13px;
        padding-right: 36px;

        font-size: 13px;
        border-radius: 10px;

        background-position: right 12px center;
        background-size: 15px;
    }

    /* Input nama dokter */
    .kmcc-doctor-search input[name="doctor_name"] {
        grid-column: 1 / -1;

        width: 100%;
        min-width: 0;
        height: 46px;

        padding-left: 42px;
        padding-right: 14px;

        font-size: 13px;
        border-radius: 10px;

        background-position: left 14px center;
        background-size: 17px;
    }

    /* Button */
    .kmcc-doctor-search button {
        grid-column: 1 / -1;

        width: 100%;
        height: 46px;

        padding: 0 15px;

        font-size: 13px;
        border-radius: 10px;
    }
}


/* HP KECIL */
@media (max-width: 390px) {

    .kmcc-doctor-search {
        grid-template-columns: 1fr;
    }

    .kmcc-doctor-search input[name="doctor_name"],
    .kmcc-doctor-search button {
        grid-column: 1;
    }
}/* End custom CSS */