.elementor-1412 .elementor-element.elementor-element-72eb69e:not(.elementor-motion-effects-element-type-background), .elementor-1412 .elementor-element.elementor-element-72eb69e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000012;background-image:url("https://healthtourism.rsa.ugm.ac.id/wp-content/uploads/sites/19/2026/09/ChatGPT-Image-4-Sep-2026-15.16.59.png");background-position:0px 0px;background-size:cover;}.elementor-1412 .elementor-element.elementor-element-72eb69e > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1412 .elementor-element.elementor-element-72eb69e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-80px;margin-bottom:-80px;padding:0px 0px 215px 0px;}.elementor-1412 .elementor-element.elementor-element-1cded3f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:54px;}.elementor-1412 .elementor-element.elementor-element-1cded3f > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-1412 .elementor-element.elementor-element-856956f{margin-top:123px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-6b2ae25 > .elementor-element-populated{margin:0px 0px 0px -0px;--e-column-margin-right:0px;--e-column-margin-left:-0px;}.elementor-1412 .elementor-element.elementor-element-6746d4d{width:var( --container-widget-width, 49.993% );max-width:49.993%;--container-widget-width:49.993%;--container-widget-flex-grow:0;}.elementor-1412 .elementor-element.elementor-element-6746d4d > .elementor-widget-container{margin:0px 50px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-primary );margin:0px 0px 25px 0px;font-family:"Roboto", Sans-serif;font-size:72px;font-weight:700;line-height:74px;}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper .elementskit-section-title:hover{color:var( --e-global-color-0800df8 );}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-primary );font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;line-height:30px;margin:0px 0px 10px 0px;}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper p{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:30px;}.elementor-1412 .elementor-element.elementor-element-2416cb2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-1412 .elementor-element.elementor-element-a5359a0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1412 .elementor-element.elementor-element-a5359a0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1412 .elementor-element.elementor-element-a5359a0 > .elementor-element-populated{margin:15px 0px 0px -0px;--e-column-margin-right:0px;--e-column-margin-left:-0px;padding:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-1002637 .ekit-btn-wraper .elementskit-btn{justify-content:flex-end;}.elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn{background-color:var( --e-global-color-primary );padding:22px 52px 22px 52px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:20px 20px 20px 20px;}.elementor-1412 .elementor-element.elementor-element-1002637{width:auto;max-width:auto;}.elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn:hover{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn > :is(i, svg){font-size:16px;}.elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn > i, .elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn > svg{margin-left:18px;}.rtl .elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn > i, .rtl .elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn > svg{margin-left:0;margin-right:18px;}.elementor-1412 .elementor-element.elementor-element-fa86b76 .ekit-btn-wraper .elementskit-btn{justify-content:flex-start;}.elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn{background-color:#FFFFFF;padding:22px 52px 22px 52px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-primary );fill:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn:hover{background-color:var( --e-global-color-primary );color:#ffffff;fill:#ffffff;border-color:var( --e-global-color-primary );}.elementor-1412 .elementor-element.elementor-element-fa86b76{width:auto;max-width:auto;}.elementor-1412 .elementor-element.elementor-element-fa86b76 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn > i, .elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn > i, .rtl .elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-1412 .elementor-element.elementor-element-b3fbd80{margin-top:0px;margin-bottom:0px;}.elementor-1412 .elementor-element.elementor-element-e44ec35{margin-top:20px;margin-bottom:0px;}.elementor-1412 .elementor-element.elementor-element-4d0d41f{margin-top:20px;margin-bottom:0px;}.elementor-1412 .elementor-element.elementor-element-c3111b6{margin-top:20px;margin-bottom:0px;}.elementor-1412 .elementor-element.elementor-element-5bcc066{margin-top:20px;margin-bottom:0px;}.elementor-1412 .elementor-element.elementor-element-7fb8031{margin-top:20px;margin-bottom:0px;}.elementor-1412 .elementor-element.elementor-element-e561b9f > .elementor-container{max-width:1600px;}.elementor-1412 .elementor-element.elementor-element-cde5859 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .post-items > .post-item{flex:0 0 33.3333333333%;max-width:33.3333333333%;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-blog-block-post, .elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-image-card, .elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-card{background-color:rgba(255,255,255,0);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);border-radius:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768{width:100%;max-width:100%;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-image-card{display:block;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-blog-block-post, .elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-post-image-card, .elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-post-card{margin:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-blog-block-post .elementskit-post-body{padding:35px 0px 40px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-image-card .elementskit-post-body{padding:35px 0px 40px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-body{border-style:solid;border-width:0px 0px 0px 0px;border-color:#f5f5f5;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-entry-thumb{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;} .elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-wid-con .elementskit-entry-thumb{padding:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .post-meta-list a, .elementor-1412 .elementor-element.elementor-element-e9e5768 .post-meta-list .meta-date-text{font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:25px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .post-meta-list{text-align:left;margin:-15px 0px 14px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .post-meta-list > span{padding:0px 0px 0px 0px;color:#545454;fill:#545454;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-body .entry-title, .elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-entry-header .entry-title, .elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-image-card .elementskit-post-body .entry-title  a,  .elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-card .elementskit-entry-header .entry-title  a,.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-size:23px;font-weight:900;line-height:33px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-body .entry-title a{color:var( --e-global-color-primary );}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-entry-header .entry-title a{color:var( --e-global-color-primary );}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-body .entry-title a:hover{color:var( --e-global-color-0800df8 );}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-entry-header .entry-title a:hover{color:var( --e-global-color-0800df8 );}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-card:hover .entry-title a{color:var( --e-global-color-0800df8 );}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-image-card:hover .entry-title a{color:var( --e-global-color-0800df8 );}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-body .entry-title{text-align:left;margin:0px 0px 17px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-entry-header .entry-title{text-align:left;margin:0px 0px 17px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-footer > p{color:#666666;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-body > p{color:#666666;text-align:left;margin:-4px 20px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-footer > p, .elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-body > p{font-size:16px;font-weight:400;line-height:25px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-post-footer{text-align:left;margin:-4px 20px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .elementskit-blog-block-post .elementskit-post-footer > p{margin:-4px 20px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-0720cdf{margin-top:20px;margin-bottom:0px;padding:0px 0px 75px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-1412 .elementor-element.elementor-element-1cded3f{width:100%;}}@media(max-width:1024px){.elementor-1412 .elementor-element.elementor-element-72eb69e:not(.elementor-motion-effects-element-type-background), .elementor-1412 .elementor-element.elementor-element-72eb69e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-653px 38px;}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper .elementskit-section-title{font-size:55px;line-height:56px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .post-items > .post-item{flex:0 0 50%;max-width:50%;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-blog-block-post, .elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-post-image-card, .elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-post-card{margin:15px 15px 15px 15px;}}@media(max-width:767px){.elementor-1412 .elementor-element.elementor-element-72eb69e:not(.elementor-motion-effects-element-type-background), .elementor-1412 .elementor-element.elementor-element-72eb69e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1412 .elementor-element.elementor-element-72eb69e{padding:0px 0px 126px 0px;}.elementor-1412 .elementor-element.elementor-element-6b2ae25 > .elementor-element-populated{margin:-80px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-6746d4d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1412 .elementor-element.elementor-element-6746d4d .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 15px 0px;font-size:36px;line-height:42px;}.elementor-1412 .elementor-element.elementor-element-1002637 .elementskit-btn{padding:16px 30px 16px 30px;}.elementor-1412 .elementor-element.elementor-element-fa86b76 .elementskit-btn{padding:16px 30px 16px 30px;}.elementor-1412 .elementor-element.elementor-element-cde5859 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .post-items > .post-item{flex:0 0 100%;max-width:100%;}.elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-blog-block-post, .elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-post-image-card, .elementor-1412 .elementor-element.elementor-element-e9e5768 .ekit-blog-post-masonry-inactive .elementskit-post-card{margin:0px 0px 30px 0px;}}/* Start custom CSS for section, class: .elementor-element-b3fbd80 *//* =========================================================
   RSA UGM QUICK MENU
   FULL WIDTH - CENTERED - PUBLIC SAFE
   ========================================================= */


/* ===============================
   CONTAINER
   =============================== */

.rsa-quick-menu {

    position: relative !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    width: calc(100vw - 40px) !important;

    max-width: 1600px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(7, minmax(0, 1fr)) !important;

    gap: 14px !important;

    box-sizing: border-box !important;

    z-index: 50 !important;
}


/* ===============================
   CARD
   =============================== */

.rsa-quick-card {

    position: relative !important;

    width: 100% !important;

    height: 155px !important;

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 15px 10px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1.5px solid #b9ddf5 !important;

    border-radius: 15px !important;

    text-decoration: none !important;

    box-shadow:
        0 7px 20px rgba(24, 92, 135, 0.08) !important;

    overflow: hidden !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


/* ===============================
   ICON
   =============================== */

.rsa-quick-icon {

    width: 54px !important;

    height: 54px !important;

    min-width: 54px !important;

    min-height: 54px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin-bottom: 13px !important;

    background: #edf7fd !important;

    border: 1px solid #c5e3f7 !important;

    border-radius: 50% !important;

    color: #0872c1 !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size: 27px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    box-sizing: border-box !important;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        color .3s ease !important;
}


/* ===============================
   KHUSUS ICON
   =============================== */

.rsa-quick-card:nth-child(1) .rsa-quick-icon {
    font-size: 30px !important;
}

.rsa-quick-card:nth-child(2) .rsa-quick-icon {
    font-size: 27px !important;
}

.rsa-quick-card:nth-child(3) .rsa-quick-icon {
    font-size: 25px !important;
}

.rsa-quick-card:nth-child(4) .rsa-quick-icon {
    font-size: 31px !important;
}

.rsa-quick-card:nth-child(5) .rsa-quick-icon {
    font-size: 31px !important;
}

.rsa-quick-card:nth-child(6) .rsa-quick-icon {
    font-size: 29px !important;
}

.rsa-quick-card:nth-child(7) .rsa-quick-icon {
    font-size: 27px !important;
}


/* ===============================
   TITLE
   =============================== */

.rsa-quick-title {

    color: #063f72 !important;

    font-family:
        Roboto,
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-align: center !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:
        color .3s ease !important;
}


/* ===============================
   ARROW
   =============================== */

.rsa-quick-arrow {

    position: absolute !important;

    right: 15px !important;

    bottom: 13px !important;

    color: #0872c1 !important;

    font-family: Arial, sans-serif !important;

    font-size: 19px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    opacity: 0 !important;

    transform: translateX(-8px) !important;

    transition:
        opacity .3s ease,
        transform .3s ease !important;
}


/* ===============================
   HOVER CARD
   =============================== */

.rsa-quick-card:hover {

    transform: translateY(-8px) !important;

    border-color: #7fc3ed !important;

    box-shadow:
        0 18px 38px rgba(17, 94, 145, .16) !important;
}


/* ===============================
   HOVER ICON
   =============================== */

.rsa-quick-card:hover .rsa-quick-icon {

    transform:
        translateY(-4px)
        scale(1.08) !important;

    background: #e0f2fc !important;

    border-color: #91c9eb !important;

    color: #0566aa !important;
}


/* ===============================
   HOVER TITLE
   =============================== */

.rsa-quick-card:hover .rsa-quick-title {

    color: #075c97 !important;
}


/* ===============================
   HOVER ARROW
   =============================== */

.rsa-quick-card:hover .rsa-quick-arrow {

    opacity: 1 !important;

    transform: translateX(0) !important;
}


/* ===============================
   CLICK
   =============================== */

.rsa-quick-card:active {

    transform: translateY(-3px) scale(.99) !important;
}


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

@media (max-width: 1100px) {

    .rsa-quick-menu {

        width: calc(100vw - 30px) !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

    .rsa-quick-card {

        height: 145px !important;
    }

    .rsa-quick-title {

        font-size: 15px !important;
    }
}


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

@media (max-width: 700px) {

    .rsa-quick-menu {

        width: calc(100vw - 20px) !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

    .rsa-quick-card {

        height: 140px !important;

        border-radius: 14px !important;
    }

    .rsa-quick-icon {

        width: 48px !important;

        height: 48px !important;

        min-width: 48px !important;

        min-height: 48px !important;

        margin-bottom: 10px !important;

        font-size: 25px !important;
    }

    .rsa-quick-title {

        font-size: 14px !important;
    }

    .rsa-quick-arrow {

        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e44ec35 *//* =========================================================
   WELLNESS + RSA UGM PROFILE
   ========================================================= */

.wellness-profile {

    position: relative !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    width: calc(100vw - 32px) !important;

    max-width: 1600px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns: 1.55fr 1fr !important;

    gap: 24px !important;

    box-sizing: border-box !important;

}


/* =========================================================
   CARD UMUM
   ========================================================= */

.wellness-card {

    position: relative !important;

    min-height: 520px !important;

    border-radius: 20px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

}


/* =========================================================
   KIRI
   CANDI PRAMBANAN
   ========================================================= */

.wellness-left {

    background-image:
        url("https://upload.wikimedia.org/wikipedia/commons/a/a7/Sunset_Di_Candi_Prambanan.jpg") !important;

    background-size: cover !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

}


/* LAPISAN BIRU */

.wellness-left .wellness-overlay {

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(0, 65, 110, 0.94) 0%,
            rgba(0, 73, 119, 0.82) 42%,
            rgba(0, 73, 119, 0.38) 75%,
            rgba(0, 73, 119, 0.12) 100%
        ) !important;

}


/* =========================================================
   KONTEN KIRI
   ========================================================= */

.wellness-content {

    position: relative !important;

    z-index: 2 !important;

    height: 100% !important;

    min-height: 520px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    align-items: flex-start !important;

    padding: 55px 65px !important;

    box-sizing: border-box !important;

}


/* LABEL */

.wellness-label {

    margin-bottom: 18px !important;

    color: #ffffff !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    letter-spacing: 2.5px !important;

}


/* JUDUL */

.wellness-content h2 {

    margin: 0 0 24px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 48px !important;

    line-height: 1.12 !important;

    font-weight: 700 !important;

}


/* DESKRIPSI */

.wellness-content p {

    max-width: 700px !important;

    margin: 0 0 32px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 18px !important;

    line-height: 1.6 !important;

}


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

.wellness-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 35px !important;

    min-width: 290px !important;

    padding: 17px 22px !important;

    background: #ffffff !important;

    color: #075080 !important;

    border-radius: 10px !important;

    border: 1px solid rgba(255,255,255,.8) !important;

    text-decoration: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    box-sizing: border-box !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;

}


.wellness-button span {

    font-size: 23px !important;

    line-height: 1 !important;

}


.wellness-button:hover {

    transform: translateY(-4px) !important;

    box-shadow:
        0 12px 25px rgba(0,0,0,.18) !important;

}


/* =========================================================
   KANAN
   GEDUNG RSA UGM
   ========================================================= */

.wellness-right {

    background-image:
        url("https://ugm.ac.id/wp-content/uploads/2023/06/0106231685634181620193939.jpeg") !important;

    background-size: cover !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

}


/* LAPISAN PUTIH */

.wellness-right .rsa-overlay {

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(239,248,254,.98) 0%,
            rgba(239,248,254,.90) 45%,
            rgba(239,248,254,.65) 72%,
            rgba(239,248,254,.28) 100%
        ) !important;

}


/* =========================================================
   KONTEN KANAN
   ========================================================= */

.rsa-content {

    position: relative !important;

    z-index: 2 !important;

    min-height: 520px !important;

    padding: 55px 50px !important;

    box-sizing: border-box !important;

}


/* SMALL TITLE */

.rsa-small-title {

    margin-bottom: 4px !important;

    color: #28618c !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 17px !important;

}


/* JUDUL RSA */

.rsa-content h2 {

    margin: 0 0 30px 0 !important;

    padding: 0 !important;

    color: #06477d !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 38px !important;

    line-height: 1.15 !important;

    font-weight: 700 !important;

}


/* =========================================================
   LIST
   ========================================================= */

.rsa-list {

    display: flex !important;

    flex-direction: column !important;

    gap: 20px !important;

    margin: 0 0 30px 0 !important;

}


.rsa-item {

    display: flex !important;

    align-items: flex-start !important;

    gap: 18px !important;

}


.rsa-item span {

    flex: 0 0 22px !important;

    width: 22px !important;

    color: #0872c1 !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size: 22px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

}


.rsa-item p {

    margin: 0 !important;

    padding: 0 !important;

    color: #28577b !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 17px !important;

    line-height: 1.45 !important;

}


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

.rsa-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 35px !important;

    min-width: 190px !important;

    padding: 16px 20px !important;

    background: rgba(255,255,255,.8) !important;

    color: #075a96 !important;

    border: 1.5px solid #0872c1 !important;

    border-radius: 10px !important;

    text-decoration: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    box-sizing: border-box !important;

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease !important;

}


.rsa-button span {

    font-size: 22px !important;

}


.rsa-button:hover {

    transform: translateY(-4px) !important;

    background: #ffffff !important;

    box-shadow:
        0 10px 25px rgba(20,100,150,.15) !important;

}


/* =========================================================
   HOVER CARD
   ========================================================= */

.wellness-card {

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;

}


.wellness-card:hover {

    transform: translateY(-5px) !important;

    box-shadow:
        0 20px 45px rgba(0,65,110,.15) !important;

}


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

@media (max-width: 1000px) {

    .wellness-profile {

        width: calc(100vw - 24px) !important;

        grid-template-columns: 1fr !important;

        gap: 20px !important;

    }

    .wellness-card {

        min-height: 480px !important;

    }

    .wellness-content,
    .rsa-content {

        min-height: 480px !important;

    }

}


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

@media (max-width: 600px) {

    .wellness-profile {

        width: calc(100vw - 16px) !important;

        gap: 16px !important;

    }

    .wellness-card {

        border-radius: 16px !important;

        min-height: 430px !important;

    }

    .wellness-content {

        min-height: 430px !important;

        padding: 35px 30px !important;

    }

    .rsa-content {

        min-height: 430px !important;

        padding: 35px 30px !important;

    }

    .wellness-content h2 {

        font-size: 35px !important;

    }

    .wellness-content p {

        font-size: 16px !important;

    }

    .rsa-content h2 {

        font-size: 32px !important;

    }

    .rsa-item p {

        font-size: 15px !important;

    }

    .wellness-button {

        min-width: 250px !important;

    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4d0d41f *//* =========================================================
   LAYANAN UNGGULAN
   ========================================================= */

.layanan-unggulan {
    position: relative !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 32px) !important;
    max-width: 1600px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    font-family: "Roboto", sans-serif !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.layanan-header {
    width: 100% !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    margin: 0 0 22px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


.layanan-label {
    margin: 0 0 6px 0 !important;

    font-size: 14px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;

    color: #d69a28 !important;
}


.layanan-title h2 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 34px !important;
    line-height: 1.15 !important;

    font-weight: 800 !important;

    color: #073b78 !important;
}


/* =========================================================
   LIHAT SEMUA
   ========================================================= */

.layanan-all {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    color: #073b78 !important;
}


.layanan-all span {
    font-size: 20px !important;

    line-height: 1 !important;

    transition: transform .3s ease !important;
}


.layanan-all:hover span {
    transform: translateX(5px) !important;
}


/* =========================================================
   GRID
   ========================================================= */

.layanan-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARD
   ========================================================= */

.layanan-card {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #e1eaf2 !important;

    border-radius: 14px !important;

    box-sizing: border-box !important;

    text-decoration: none !important;

    box-shadow:
        0 3px 12px rgba(20,65,100,.07) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


.layanan-card:hover {
    transform: translateY(-5px) !important;

    border-color: #c5dce9 !important;

    box-shadow:
        0 14px 30px rgba(15,70,110,.14) !important;
}


/* =========================================================
   GAMBAR
   ========================================================= */

.layanan-image {
    position: relative !important;

    width: 100% !important;

    height: 185px !important;

    overflow: hidden !important;

    background: #edf6fb !important;
}


.layanan-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    object-position: center center !important;

    transition:
        transform .5s ease,
        filter .3s ease !important;
}


.layanan-card:hover .layanan-image img {
    transform: scale(1.05) !important;
}


/* =========================================================
   ICON
   SEMUA SERAGAM
   ========================================================= */

.layanan-icon {
    position: absolute !important;

    left: 15px !important;
    bottom: -1px !important;

    width: 43px !important;
    height: 43px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    border: 4px solid #ffffff !important;

    box-sizing: border-box !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;

    font-size: 18px !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    z-index: 5 !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.12) !important;
}


/* =========================================================
   WARNA ICON SESUAI REFERENSI
   ========================================================= */

/* SPORT - BIRU */

.layanan-sport .layanan-icon {
    background: #245d91 !important;
}


/* BEAUTY - UNGU */

.layanan-beauty .layanan-icon {
    background: #8c4a88 !important;
}


/* MATERNAL - PINK */

.layanan-maternal .layanan-icon {
    background: #b64d7b !important;
}


/* HEALTHY AGING - GOLD */

.layanan-aging .layanan-icon {
    background: #b88632 !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.layanan-content {
    position: relative !important;

    width: 100% !important;

    min-height: 165px !important;

    padding: 17px 15px 15px 15px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   JUDUL CARD
   ========================================================= */

.layanan-card-title {
    margin: 0 0 8px 0 !important;

    padding: 0 !important;

    font-size: 18px !important;

    line-height: 1.18 !important;

    font-weight: 800 !important;

    color: #123f72 !important;
}


/* =========================================================
   DESKRIPSI
   ========================================================= */

.layanan-content p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;

    line-height: 1.48 !important;

    font-weight: 400 !important;

    color: #53697c !important;
}


/* =========================================================
   PANAH
   ========================================================= */

.layanan-arrow {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin-top: 13px !important;

    padding-top: 10px !important;

    border-top: 1px solid #edf2f6 !important;

    box-sizing: border-box !important;
}


.layanan-arrow-text {
    font-size: 12px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    color: #0878b5 !important;
}


.layanan-arrow-icon {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;

    font-size: 19px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    color: #0878b5 !important;

    transition:
        transform .3s ease !important;
}


.layanan-card:hover .layanan-arrow-icon {
    transform: translateX(6px) !important;
}


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

@media (max-width: 1100px) {

    .layanan-unggulan {
        width: calc(100vw - 30px) !important;
    }

    .layanan-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 18px !important;
    }

    .layanan-title h2 {
        font-size: 31px !important;
    }
}


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

@media (max-width: 767px) {

    .layanan-unggulan {
        width: calc(100vw - 24px) !important;
    }

    .layanan-header {
        align-items: flex-start !important;

        flex-direction: column !important;

        gap: 10px !important;

        margin-bottom: 18px !important;
    }

    .layanan-title h2 {
        font-size: 28px !important;
    }

    .layanan-label {
        font-size: 12px !important;
    }

    .layanan-grid {
        grid-template-columns: 1fr !important;

        gap: 16px !important;
    }

    .layanan-image {
        height: 210px !important;
    }

    .layanan-content {
        min-height: auto !important;

        padding: 18px !important;
    }

    .layanan-card-title {
        font-size: 19px !important;
    }

    .layanan-content p {
        font-size: 14px !important;
    }
}


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

@media (max-width: 480px) {

    .layanan-unggulan {
        width: calc(100vw - 20px) !important;
    }

    .layanan-title h2 {
        font-size: 25px !important;
    }

    .layanan-image {
        height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c3111b6 *//* =========================================================
   TEKNOLOGI MODERN
   ========================================================= */

.teknologi-modern {
    position: relative !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 32px) !important;
    max-width: 1600px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    font-family: "Roboto", sans-serif !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.teknologi-header {
    width: 100% !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    margin: 0 0 22px 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.teknologi-label {
    margin: 0 0 6px 0 !important;

    font-size: 14px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;

    color: #d69a28 !important;
}


/* =========================================================
   JUDUL
   ========================================================= */

.teknologi-title h2 {
    margin: 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 34px !important;

    line-height: 1.15 !important;

    font-weight: 800 !important;

    color: #073b78 !important;
}


/* =========================================================
   LIHAT SEMUA
   ========================================================= */

.teknologi-all {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 !important;

    padding: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    color: #073b78 !important;
}


.teknologi-all span {
    font-size: 20px !important;

    line-height: 1 !important;

    transition: transform .3s ease !important;
}


.teknologi-all:hover {
    color: #087fc3 !important;
}


.teknologi-all:hover span {
    transform: translateX(5px) !important;
}


/* =========================================================
   GRID - 6 CARD
   ========================================================= */

.teknologi-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(6, minmax(0, 1fr)) !important;

    gap: 18px !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARD
   ========================================================= */

.teknologi-card {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    min-width: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #e1eaf2 !important;

    border-radius: 12px !important;

    box-sizing: border-box !important;

    text-decoration: none !important;

    box-shadow:
        0 3px 12px rgba(20,65,100,.06) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


.teknologi-card:hover {
    transform: translateY(-5px) !important;

    border-color: #b9d9ed !important;

    box-shadow:
        0 13px 28px rgba(15,70,110,.13) !important;
}


/* =========================================================
   GAMBAR
   ========================================================= */

.teknologi-image {
    position: relative !important;

    width: 100% !important;

    height: 125px !important;

    overflow: hidden !important;

    background: #edf6fb !important;
}


.teknologi-image img {
    display: block !important;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    object-position: center center !important;

    transition:
        transform .5s ease !important;
}


.teknologi-card:hover .teknologi-image img {
    transform: scale(1.06) !important;
}


/* =========================================================
   ICON
   ========================================================= */

.teknologi-icon {
    position: absolute !important;

    left: 50% !important;

    bottom: -1px !important;

    transform: translateX(-50%) !important;

    width: 36px !important;

    height: 36px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    border: 3px solid #ffffff !important;

    background: #087db9 !important;

    box-sizing: border-box !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;

    font-size: 15px !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    z-index: 5 !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,.10) !important;
}


/* =========================================================
   WARNA ICON BERBEDA TAPI MASIH SERAGAM
   ========================================================= */

.teknologi-robotic .teknologi-icon {
    background: #28679a !important;
}

.teknologi-pet .teknologi-icon {
    background: #337da7 !important;
}

.teknologi-invasive .teknologi-icon {
    background: #3c7e96 !important;
}

.teknologi-hip .teknologi-icon {
    background: #286e82 !important;
}

.teknologi-laparoscopy .teknologi-icon {
    background: #24618d !important;
}

.teknologi-mcu .teknologi-icon {
    background: #337da7 !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.teknologi-content {
    position: relative !important;

    width: 100% !important;

    min-height: 76px !important;

    padding: 14px 10px 10px 10px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* =========================================================
   JUDUL CARD
   ========================================================= */

.teknologi-card-title {
    margin: 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.25 !important;

    font-weight: 800 !important;

    color: #123f72 !important;
}


/* =========================================================
   PANAH
   ========================================================= */

.teknologi-arrow {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin-top: 8px !important;

    height: 17px !important;
}


.teknologi-arrow span {
    font-size: 18px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    color: #0878b5 !important;

    transition:
        transform .3s ease !important;
}


.teknologi-card:hover .teknologi-arrow span {
    transform: translateX(5px) !important;
}


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

@media (max-width: 1200px) {

    .teknologi-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 18px !important;
    }

    .teknologi-title h2 {
        font-size: 31px !important;
    }
}


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

@media (max-width: 767px) {

    .teknologi-modern {
        width: calc(100vw - 24px) !important;
    }

    .teknologi-header {
        align-items: flex-start !important;

        flex-direction: column !important;

        gap: 10px !important;

        margin-bottom: 18px !important;
    }

    .teknologi-label {
        font-size: 12px !important;
    }

    .teknologi-title h2 {
        font-size: 28px !important;
    }

    .teknologi-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 16px !important;
    }

    .teknologi-image {
        height: 160px !important;
    }

    .teknologi-card-title {
        font-size: 16px !important;
    }
}


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

@media (max-width: 480px) {

    .teknologi-modern {
        width: calc(100vw - 20px) !important;
    }

    .teknologi-grid {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }

    .teknologi-image {
        height: 200px !important;
    }

    .teknologi-card-title {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5bcc066 *//* =========================================
   HEAL IN YOGYAKARTA
   ========================================= */

.heal-yogyakarta {
    position: relative;
    left: 50%;
    transform: translateX(-50%);

    width: calc(100vw - 32px);
    max-width: 1600px;

    height: 400px;

    margin: 0;
    padding: 0;

    border-radius: 18px;
    overflow: hidden;

    box-sizing: border-box;

    background: #dceff8;
}


/* =========================================
   BACKGROUND IMAGE
   ========================================= */

.heal-background {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-image: url("https://healthtourism.rsa.ugm.ac.id/wp-content/uploads/sites/19/2026/09/ChatGPT-Image-4-Sep-2026-16.42.48.png");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    transition: transform 0.6s ease;
}


/* =========================================
   HOVER IMAGE
   ========================================= */

.heal-yogyakarta:hover .heal-background {
    transform: scale(1.03);
}


/* =========================================
   BLUE OVERLAY
   ========================================= */

.heal-overlay {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(
        90deg,
        rgba(7, 73, 115, 0.88) 0%,
        rgba(7, 73, 115, 0.68) 32%,
        rgba(7, 73, 115, 0.30) 65%,
        rgba(7, 73, 115, 0.08) 100%
    );

    z-index: 2;
}


/* =========================================
   CONTENT
   ========================================= */

.heal-content {
    position: relative;

    z-index: 3;

    width: 100%;
    height: 100%;

    padding: 45px 55px;

    box-sizing: border-box;

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

    gap: 40px;
}


/* =========================================
   TEXT
   ========================================= */

.heal-text {
    max-width: 650px;
}


.heal-label {
    display: block;

    margin-bottom: 12px;

    color: #d9f2ff;

    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.heal-text h2 {
    margin: 0 0 14px 0;

    color: #ffffff;

    font-family: "Roboto", sans-serif;

    font-size: 44px;
    font-weight: 800;

    line-height: 1.15;
}


.heal-text p {
    margin: 0;

    max-width: 590px;

    color: #ffffff;

    font-family: "Roboto", sans-serif;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.65;
}


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

.heal-button {
    display: inline-flex;

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

    gap: 13px;

    min-width: 190px;

    padding: 15px 21px;

    box-sizing: border-box;

    border-radius: 10px;

    background: #ffffff;

    color: #075b91 !important;

    text-decoration: none !important;

    font-family: "Roboto", sans-serif;

    font-size: 16px;
    font-weight: 700;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}


.heal-button strong {
    font-size: 22px;

    line-height: 1;

    transition: transform 0.3s ease;
}


.heal-button:hover {
    transform: translateY(-3px);

    background: #f3fbff;

    color: #075b91 !important;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.20);
}


.heal-button:hover strong {
    transform: translateX(5px);
}


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

@media (max-width: 1024px) {

    .heal-yogyakarta {
        height: 360px;
    }

    .heal-content {
        padding: 40px;
    }

    .heal-text h2 {
        font-size: 38px;
    }

    .heal-text p {
        font-size: 16px;
    }

}


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

@media (max-width: 767px) {

    .heal-yogyakarta {
        height: 430px;

        border-radius: 14px;
    }

    .heal-content {
        padding: 35px 28px;

        flex-direction: column;

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

        gap: 25px;
    }

    .heal-text {
        max-width: 100%;
    }

    .heal-label {
        font-size: 11px;
    }

    .heal-text h2 {
        font-size: 34px;

        margin-bottom: 12px;
    }

    .heal-text p {
        font-size: 15px;

        line-height: 1.6;
    }

    .heal-button {
        min-width: 180px;

        padding: 14px 19px;
    }

}


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

@media (max-width: 480px) {

    .heal-yogyakarta {
        height: 450px;
    }

    .heal-content {
        padding: 30px 24px;
    }

    .heal-text h2 {
        font-size: 30px;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7fb8031 *//* =========================================================
   ARTIKEL & INSIGHT
   ========================================================= */

.artikel-insight {
    position: relative !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 32px) !important;
    max-width: 1600px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    font-family: "Roboto", sans-serif !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.artikel-header {
    width: 100% !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    margin: 0 0 22px 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TITLE AREA
   ========================================================= */

.artikel-title {
    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-end !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.artikel-label {
    margin: 0 0 6px 0 !important;

    padding: 0 !important;

    font-size: 14px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;

    color: #d69a28 !important;

    text-transform: uppercase !important;
}


/* =========================================================
   JUDUL
   ========================================================= */

.artikel-title h2 {
    margin: 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 34px !important;

    line-height: 1.15 !important;

    font-weight: 800 !important;

    color: #073b78 !important;
}


/* =========================================================
   LIHAT SEMUA ARTIKEL
   ========================================================= */

.artikel-all {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 !important;

    padding: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    color: #073b78 !important;

    transition: color .3s ease !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.artikel-all strong {
    font-size: 20px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    transition: transform .3s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.artikel-all:hover {
    color: #087fc3 !important;
}

.artikel-all:hover strong {
    transform: translateX(5px) !important;
}


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

@media (max-width: 1200px) {

    .artikel-title h2 {
        font-size: 31px !important;
    }

}


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

@media (max-width: 767px) {

    .artikel-insight {
        width: calc(100vw - 24px) !important;
    }

    .artikel-header {
        align-items: flex-start !important;

        flex-direction: column !important;

        gap: 10px !important;

        margin-bottom: 18px !important;
    }

    .artikel-label {
        font-size: 12px !important;
    }

    .artikel-title h2 {
        font-size: 28px !important;
    }

    .artikel-all {
        font-size: 14px !important;
    }

}


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

@media (max-width: 480px) {

    .artikel-insight {
        width: calc(100vw - 20px) !important;
    }

    .artikel-title h2 {
        font-size: 25px !important;
    }

    .artikel-label {
        font-size: 11px !important;
    }

    .artikel-all {
        font-size: 13px !important;
    }

    .artikel-all strong {
        font-size: 19px !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-375d816 *//* =========================================================
   ARTIKEL & INSIGHT
   ========================================================= */

.artikel-insight {
    position: relative !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 32px) !important;
    max-width: 1600px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    font-family: "Roboto", sans-serif !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.artikel-header {
    width: 100% !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    margin: 0 0 22px 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TITLE
   ========================================================= */

.artikel-title {
    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-end !important;

    margin: 0 !important;
    padding: 0 !important;
}


.artikel-label {
    margin: 0 0 6px 0 !important;

    padding: 0 !important;

    font-size: 14px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;

    color: #d69a28 !important;

    text-transform: uppercase !important;
}


.artikel-title h2 {
    margin: 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 34px !important;

    line-height: 1.15 !important;

    font-weight: 800 !important;

    color: #073b78 !important;
}


/* =========================================================
   LIHAT SEMUA ARTIKEL
   ========================================================= */

.artikel-all {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 !important;

    padding: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    color: #073b78 !important;

    transition: color .3s ease !important;
}


.artikel-all strong {
    font-size: 20px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    transition: transform .3s ease !important;
}


.artikel-all:hover {
    color: #087fc3 !important;
}


.artikel-all:hover strong {
    transform: translateX(5px) !important;
}


/* =========================================================
   AREA BERITA
   ========================================================= */

.artikel-news {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 28px !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   KOTAK BERITA
   ========================================================= */

.artikel-card {
    position: relative !important;

    width: 100% !important;

    min-width: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #e1eaf2 !important;

    border-radius: 12px !important;

    box-sizing: border-box !important;

    text-decoration: none !important;

    box-shadow:
        0 3px 12px rgba(20,65,100,.05) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


/* =========================================================
   HOVER CARD
   ========================================================= */

.artikel-card:hover {
    transform: translateY(-5px) !important;

    border-color: #b9d9ed !important;

    box-shadow:
        0 13px 28px rgba(15,70,110,.12) !important;
}


/* =========================================================
   GAMBAR BERITA
   ========================================================= */

.artikel-card-image {
    position: relative !important;

    width: 100% !important;

    height: 210px !important;

    overflow: hidden !important;

    background: #edf6fb !important;
}


.artikel-card-image img {
    display: block !important;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    object-position: center center !important;

    transition:
        transform .5s ease !important;
}


.artikel-card:hover .artikel-card-image img {
    transform: scale(1.05) !important;
}


/* =========================================================
   CONTENT BERITA
   ========================================================= */

.artikel-card-content {
    padding: 18px 20px 20px 20px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   META
   ========================================================= */

.artikel-meta {
    display: flex !important;

    align-items: center !important;

    gap: 25px !important;

    margin: 0 0 12px 0 !important;

    color: #667789 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 13px !important;

    line-height: 1.3 !important;
}


.artikel-meta span {
    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;
}


/* =========================================================
   JUDUL BERITA
   ========================================================= */

.artikel-card-title {
    margin: 0 0 12px 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 21px !important;

    line-height: 1.35 !important;

    font-weight: 800 !important;

    color: #073b78 !important;
}


/* =========================================================
   DESKRIPSI
   ========================================================= */

.artikel-card-description {
    margin: 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 15px !important;

    line-height: 1.6 !important;

    font-weight: 400 !important;

    color: #667789 !important;
}


/* =========================================================
   LINK BACA SELENGKAPNYA
   ========================================================= */

.artikel-card-link {
    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;

    margin-top: 16px !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    color: #0878b5 !important;

    text-decoration: none !important;
}


.artikel-card-link span {
    transition: transform .3s ease !important;
}


.artikel-card:hover .artikel-card-link span {
    transform: translateX(5px) !important;
}


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

@media (max-width: 1200px) {

    .artikel-title h2 {
        font-size: 31px !important;
    }

    .artikel-news {
        gap: 20px !important;
    }

    .artikel-card-image {
        height: 190px !important;
    }

}


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

@media (max-width: 767px) {

    .artikel-insight {
        width: calc(100vw - 24px) !important;
    }

    .artikel-header {
        align-items: flex-start !important;

        flex-direction: column !important;

        gap: 10px !important;

        margin-bottom: 18px !important;
    }

    .artikel-label {
        font-size: 12px !important;
    }

    .artikel-title h2 {
        font-size: 28px !important;
    }

    .artikel-news {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 16px !important;
    }

    .artikel-card-image {
        height: 180px !important;
    }

    .artikel-card-title {
        font-size: 18px !important;
    }

}


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

@media (max-width: 480px) {

    .artikel-insight {
        width: calc(100vw - 20px) !important;
    }

    .artikel-news {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }

    .artikel-card-image {
        height: 200px !important;
    }

    .artikel-card-content {
        padding: 16px !important;
    }

    .artikel-card-title {
        font-size: 19px !important;
    }

    .artikel-card-description {
        font-size: 14px !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0720cdf *//* =========================================================
   CTA PERJALANAN KESEHATAN
   ========================================================= */

.kesehatan-cta {
    position: relative !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 32px) !important;
    max-width: 1600px !important;

    min-height: 135px !important;

    margin: 0 auto !important;
    padding: 25px 32px !important;

    box-sizing: border-box !important;

    display: flex !important;

    align-items: center !important;

    gap: 30px !important;

    background: #edf6fc !important;

    border: 1px solid #d8eaf6 !important;

    border-radius: 14px !important;

    font-family: "Roboto", sans-serif !important;
}


/* =========================================================
   ICON CALL CENTER
   ========================================================= */

.kesehatan-cta-icon {
    position: relative !important;

    flex: 0 0 70px !important;

    width: 70px !important;
    height: 70px !important;

    box-sizing: border-box !important;
}


/* HEADSET ARC */

.headset-arc {
    position: absolute !important;

    left: 50% !important;
    top: 7px !important;

    width: 48px !important;
    height: 43px !important;

    transform: translateX(-50%) !important;

    border: 3px solid #073b78 !important;

    border-bottom: 0 !important;

    border-radius: 28px 28px 0 0 !important;

    box-sizing: border-box !important;
}


/* EAR PAD LEFT */

.headset-left {
    position: absolute !important;

    left: 6px !important;
    top: 35px !important;

    width: 12px !important;
    height: 25px !important;

    background: #ffffff !important;

    border: 3px solid #073b78 !important;

    border-radius: 8px !important;

    box-sizing: border-box !important;
}


/* EAR PAD RIGHT */

.headset-right {
    position: absolute !important;

    right: 6px !important;
    top: 35px !important;

    width: 12px !important;
    height: 25px !important;

    background: #ffffff !important;

    border: 3px solid #073b78 !important;

    border-radius: 8px !important;

    box-sizing: border-box !important;
}


/* MICROPHONE */

.headset-mic {
    position: absolute !important;

    left: 50% !important;
    bottom: 1px !important;

    width: 29px !important;
    height: 4px !important;

    transform: translateX(3px) !important;

    background: #073b78 !important;

    border-radius: 6px !important;
}


.headset-mic::after {
    content: "" !important;

    position: absolute !important;

    right: -1px !important;
    top: -11px !important;

    width: 4px !important;
    height: 14px !important;

    background: #073b78 !important;

    border-radius: 5px !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.kesehatan-cta-text {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


.kesehatan-cta-text h3 {
    margin: 0 0 8px 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 21px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;

    color: #073b78 !important;
}


.kesehatan-cta-text p {
    margin: 0 !important;

    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.5 !important;

    font-weight: 400 !important;

    color: #49677f !important;
}


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

.kesehatan-cta-actions {
    flex: 0 0 auto !important;

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    margin-left: auto !important;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

.cta-whatsapp {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    min-height: 50px !important;

    padding: 0 22px !important;

    box-sizing: border-box !important;

    border-radius: 8px !important;

    background: #073b78 !important;

    color: #ffffff !important;

    text-decoration: none !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 15px !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;
}


.cta-whatsapp:hover {
    background: #087fc3 !important;

    color: #ffffff !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 8px 18px rgba(7,59,120,.20) !important;
}


/* =========================================================
   WHATSAPP ICON
   ========================================================= */

.wa-icon {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 21px !important;
    height: 21px !important;

    border: 1.5px solid #ffffff !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    font-size: 10px !important;

    line-height: 1 !important;

    color: #ffffff !important;
}


/* =========================================================
   LIHAT LAYANAN
   ========================================================= */

.cta-layanan {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    min-height: 50px !important;

    padding: 0 21px !important;

    box-sizing: border-box !important;

    border: 1px solid #073b78 !important;

    border-radius: 8px !important;

    background: #ffffff !important;

    color: #073b78 !important;

    text-decoration: none !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 15px !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease !important;
}


.cta-layanan strong {
    font-size: 20px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    transition: transform .3s ease !important;
}


.cta-layanan:hover {
    background: #073b78 !important;

    color: #ffffff !important;

    transform: translateY(-3px) !important;
}


.cta-layanan:hover strong {
    transform: translateX(5px) !important;
}


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

@media (max-width: 1200px) {

    .kesehatan-cta {
        min-height: 125px !important;

        padding: 22px 25px !important;

        gap: 22px !important;
    }


    .kesehatan-cta-icon {
        flex-basis: 62px !important;

        width: 62px !important;
        height: 62px !important;
    }


    .headset-arc {
        width: 44px !important;
        height: 40px !important;
    }


    .kesehatan-cta-text h3 {
        font-size: 19px !important;
    }


    .kesehatan-cta-text p {
        font-size: 13px !important;
    }


    .cta-whatsapp,
    .cta-layanan {
        min-height: 47px !important;

        padding: 0 17px !important;

        font-size: 13px !important;
    }

}


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

@media (max-width: 767px) {

    .kesehatan-cta {
        width: calc(100vw - 24px) !important;

        min-height: auto !important;

        padding: 22px !important;

        display: grid !important;

        grid-template-columns: 58px 1fr !important;

        gap: 16px !important;
    }


    .kesehatan-cta-icon {
        width: 58px !important;
        height: 58px !important;

        grid-column: 1 !important;
        grid-row: 1 !important;
    }


    .headset-arc {
        width: 42px !important;
        height: 37px !important;
    }


    .headset-left {
        left: 5px !important;
        top: 31px !important;
    }


    .headset-right {
        right: 5px !important;
        top: 31px !important;
    }


    .kesehatan-cta-text {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }


    .kesehatan-cta-text h3 {
        font-size: 17px !important;
    }


    .kesehatan-cta-text p {
        font-size: 12px !important;
    }


    .kesehatan-cta-actions {
        grid-column: 1 / 3 !important;
        grid-row: 2 !important;

        width: 100% !important;

        margin: 0 !important;

        display: flex !important;

        gap: 10px !important;
    }


    .cta-whatsapp,
    .cta-layanan {
        flex: 1 !important;

        min-height: 46px !important;

        padding: 0 10px !important;

        font-size: 12px !important;
    }

}


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

@media (max-width: 480px) {

    .kesehatan-cta {
        width: calc(100vw - 20px) !important;

        padding: 20px !important;
    }


    .kesehatan-cta-text h3 {
        font-size: 16px !important;
    }


    .kesehatan-cta-text p {
        font-size: 11px !important;
    }


    .cta-whatsapp,
    .cta-layanan {
        font-size: 11px !important;
    }

}/* End custom CSS */