@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url(../vendor/animate/animate.min.css);
@import url(../vendor/bootstrap/css/bootstrap.min.css);
/*@import url(../vendor/bootsnav/bootsnav.css);*/
@import url(../vendor/bootstrap-datepicker/bootstrap-datepicker.min.css);
@import url(../vendor/fontawesome-5/css/all.css);
@import url(../vendor/themify/themify-icon.css);
@import url(../vendor/swiper/swiper.min.css);
@import url(../vendor/select2/css/select2.min.css);

:root {
    --accent: #09558B;
    --accent2: #1F2B6C;
    --second: #00ADC6;
    --second2: #09558B;

    --primary-color: #FFC71F;

    --purple: #586CD4;
    --yellow: #FFC71F;
    --pink: #D8587E;
    --red: #ff3333;
    --light: #F3F3F3;
    --light2: #F2F3F8;
    --dark: #111827;
    --white: #ffffff;
    --black: #000000;
    --grey: #dce3e9;

    --border: #DFDFDF;
    --border2: #979797;
    --text: #536288;
    --text1: #828282;
    --text2: #C9C9C9;
    --text3: #666666;

    --font1: 'Poppins', sans-serif;
    --font2: 'Overpass', sans-serif;

    --transition: all .4s ease-in-out;
}


/* ------------------------------------ basic ------------------------------------ */
    *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }
    html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; }
    body { font-family: 'Poppins', sans-serif; font-style: normal; font-weight: normal; font-size: 1rem; line-height: 1.5; color: var(--dark); overflow-x: hidden; -webkit-font-smoothing: antialiased; }

    p { font-family: var(--font2); }

    ::-moz-selection { background: var(--accent); color: var(--white); }
    ::selection { background: var(--accent); color: var(--white); }

    ::placeholder { color: #C4C4C4; }
    input:focus::-moz-placeholder { opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

    *:focus { text-decoration: none; outline: none; }
    a { color: var(--dark); cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    a:focus, a:hover, a:active, *:focus,
    a:focus h1, a:hover h1, a:active h1,
    a:focus h2, a:hover h2, a:active h2,
    a:focus h3, a:hover h3, a:active h3,
    a:focus h4, a:hover h4, a:active h4,
    a:focus h5, a:hover h5, a:active h5,
    a:focus h6, a:hover h6, a:active h6 { 
        color: var(--accent); outline: none; text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
    }
    
    a.hover:hover { text-decoration: underline; transition-duration: 0.2s; }
    a.hover-1 { text-decoration: none; background-image: linear-gradient(#999999, #999999); background-position: 1% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size cubic-bezier(0,.5,0,1) 0.3s; }
    a.hover-2:hover { text-decoration: none; background-size: 100% 2px; }
    a.hover-2 { text-decoration: none; background-image: linear-gradient(#f1f1f1, #f1f1f1); background-position: 1% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size cubic-bezier(0,.5,0,1) 0.3s; }
    a.hover-2:hover { text-decoration: none; background-size: 100% 50px; }
    a.hover-3:hover { margin-left: 3px; transition-duration: 0.2s; }
    a.hover-4:hover { padding-bottom: 3px; transition-duration: 0.2s; }

    h1, h2, h3, h4, h5, h6 { color: var(--dark); }

    .font-weight-200, .fw-200 { font-weight: 200 !important; }
    .font-weight-light, .fw-300 { font-weight: 300 !important; }
    .font-weight-lighter, .fw-lighter { font-weight: lighter !important; }
    .font-weight-normal, .fw-400 { font-weight: 400 !important; }
    .font-weight-500, .fw-500 { font-weight: 500 !important; }
    .font-weight-600, .fw-600 { font-weight: 600 !important; }
    .font-weight-bold, .fw-bold { font-weight: 600 !important; }
    .font-weight-800, .fw-800 { font-weight: 800 !important; }
    .font-weight-900, .fw-900 { font-weight: 900 !important; }
    .font-weight-ultra, .fw-ultra { font-weight: 900 !important; }
    .font-weight-bolder, .fw-bolder { font-weight: 700 !important; }
    .font-italic { font-style: italic !important; }

    .font-10 { font-size: 0.625rem !important; }
    .font-11 { font-size: 0.688rem !important; }
    .font-12 { font-size: 0.75rem !important; }
    .font-13 { font-size: 0.813rem !important; }
    .font-14 { font-size: 0.875rem !important; }
    .font-15 { font-size: 0.938rem !important; }
    .font-16 { font-size: 1rem !important; }
    .font-17 { font-size: 1.063rem !important; }
    .font-18 { font-size: 1.125rem !important; }
    .font-19 { font-size: 1.188rem !important; }
    .font-20 { font-size: 1.25rem !important; }
    .font-21 { font-size: 1.313rem !important; }
    .font-22 { font-size: 1.375rem !important; }
    .font-23 { font-size: 1.438rem !important; }
    .font-24 { font-size: 1.5rem !important; }
    .font-25 { font-size: 1.563rem !important; }

    .font-xs { font-size: 0.688rem !important; }
    .font-sm { font-size: 0.75rem !important; }
    .font-md { font-size: 0.938rem !important; }
    .font-lg { font-size: 1.25rem !important; }

    .lh-1 { line-height: 1; }
    .lh-2 { line-height: 1.2; }
    .lh-3 { line-height: 1.3; }
    .lh-4 { line-height: 1.4; }
    .lh-5 { line-height: 1.5; }

    .text-decoration-none { text-decoration: none !important; }
    .text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
    .word-break-all { word-break: break-all !important; }
    .text-reset { color: inherit !important; }

    .text-limit-1-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical; }
    .text-limit-2-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .text-limit-3-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; }
    .text-limit-4-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; }
    .text-limit-5-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 5 !important; -webkit-box-orient: vertical; }

    .text-white { color: var(--white) !important; }
    .text-black { color: var(--black) !important; }
    .text-light { color: var(--light) !important; }
    .text-dark { color: var(--dark) !important; }
    .text-purple { color: var(--purple) !important; }
    .text-yellow { color: var(--yellow) !important; }
    .text-accent { color: var(--accent) !important; }
    .text-accent2 { color: var(--accent2) !important; }
    .text-second { color: var(--second) !important; }
    .text-second2 { color: var(--second2) !important; }
    .text-text { color: var(--text) !important; }
    .text-text1 { color: var(--text1) !important; }
    .text-text2 { color: var(--text2) !important; }

    .opacity-1 { opacity: 0.1; }
    .opacity-2 { opacity: 0.2; }
    .opacity-3 { opacity: 0.3; }
    .opacity-4 { opacity: 0.4; }
    .opacity-5 { opacity: 0.5; }
    .opacity-6 { opacity: 0.6; }
    .opacity-7 { opacity: 0.7; }
    .opacity-8 { opacity: 0.8; }
    .opacity-9 { opacity: 0.9; }
    .opacity-none { opacity: 1; }

    .visible { visibility: visible !important; }
    .invisible { visibility: hidden !important; }

    .p-absolute { position: absolute !important; }
    .p-relative { position: relative !important; }

    .overflow-auto { overflow: auto; }
    .overflow-hidden { overflow: hidden; }

    ol { padding: 0; margin: 0; }
    ol li { list-style: decimal inside !important; }
    ul { padding: 0; margin: 0; }
    ul li { list-style: none; }
    .list-unstyled { padding-left: 0; list-style: none; }
    .list-inline { padding-left: 0; list-style: none; }
    .list-inline-item { display: inline-block; }
    .list-inline-item:not(:last-child) { margin-right: 0.938rem; }

    .list-style .list-item:not(:last-child) { margin-bottom: 0.5rem; }

    .list-check li { position: relative; padding-left: 1.525rem; }
    .list-check li:before {
        font-family: 'Font Awesome 5 Free';
        content: '\f00c';
        position: absolute;
        top: 0.1rem;
        left: 0;
        width: 1.25rem;
        height: 1.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(54, 179, 127, 0.08);
        font-weight: 900;
        font-size: 0.625rem;
        color:  var(--accent);
    }

    .absolute-top-left { position: absolute; top: 0; left: 0; }
    .absolute-top-right { position: absolute; top: 0; right: 0; }
    .absolute-bottom-left { position: absolute; bottom: 0; left: 0; }
    .absolute-bottom-right { position: absolute; bottom: 0; right: 0; }

    .bg-accent { background: var(--accent) !important; }
    .bg-second { background: var(--second) !important; }
    .bg-dark { background: var(--dark) !important; }
    .bg-light { background: var(--light) !important; }
    .bg-black { background: var(--black) !important; }
    .bg-white { background: var(--white) !important; }
    .bg-yellow { background: var(--yellow) !important; }

    img { width: 100%; height: 100%; }
    .img-contain { object-fit: contain; position: 50% 50%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
    .img-cover { object-fit: cover; position: 50% 50%; width: 100%; height: 100%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
    .img-cover.hover-scale { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

    .img-hover-scale { overflow: hidden; position: relative; }
    .img-hover-scale img { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
    .img-hover-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

    .hv-img-zoom { overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-img-zoom:hover { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .hv-zoom { position: relative; overflow: hidden; }
    .hv-zoom img:not(.fix) { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-zoom:hover img:not(.fix) { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .hv-shadow-sm { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-shadow-sm:hover, .hv-shadow-sm:focus { box-shadow: 0 0.24rem 0.625rem rgba(0, 0, 0, 0.0786943); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-shadow { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-shadow:hover, .hv-shadow:focus { box-shadow: 0 0.625rem 2.813rem rgba(0, 0, 0, 0.0986943); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .hv-trigger { position: relative; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-trigger:hover, .hv-trigger:focus { background: var(--light) !important; }

    .hv-underline { display: block; position: relative; padding: 0; }
    .hv-underline:hover { text-decoration: none; }
    .hv-underline:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 0;
        transition: width 0s ease, background 0.25s ease;
    }
    .hv-underline:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 1px;
        width: 0;
        background: var(--second);
        transition: width 0.25s ease;
    }
    .hv-underline:hover:before { width: 100%; background: var(--second); transition: width 0.25s ease; }
    .hv-underline:hover:after { width: 100%; background: transparent; transition: all 0s ease; }

    .shadow-md { box-shadow: 0 0.25rem 0.5rem rgba(192, 189, 189, 0.25); }
    .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; }

    .separator { border-top: 1px solid var(--light); }
    hr { border-bottom: 1px solid var(--light); border-top: 0 none; padding: 0; }

    .trans-4, .trans-4:hover {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
/* ------------------------------------ end basic ------------------------------------ */


/* ------------------------------------ general class ------------------------------------ */
    .mh-100 { min-height: 100vh; }
    .wrap-main { position: relative; }
    .wrap-main .page-cover { position: absolute; top: 0; left: 0; object-fit: cover; object-position: top center; width: 100%; height: 100%; opacity: 0.5; }
    .wrap-bg-mid { background: linear-gradient(180deg, rgba(236, 240, 253, 0) 0%, rgba(236, 240, 253, 0.53) 14.32%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 84.33%, rgba(236, 240, 253, 0) 100%); }
    .primary { position: relative; }

    /* @media (max-width: 992px) {
        .primary { padding-top: 70px; }
    } */


    .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .section-md { padding-top: 5rem; padding-bottom: 5rem; }
    .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
    .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }

    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
        .section-md { padding-top: 5rem; padding-bottom: 5rem; }
        .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
        .section-md { padding-top: 5rem; padding-bottom: 5rem; }
        .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-lg { padding-top: 100px; padding-bottom: 100px; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .section-lg { padding-top: 5rem; padding-bottom: 5rem; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    }

    @media (max-width: 767px) {
        .section-lg { padding-top: 5rem; padding-bottom: 5rem; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 0.938rem; padding-bottom: 0.938rem; }
    }

    
    .section-subheading { font-family: var(--font2); font-weight: 600; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.02rem; color: var(--text1); }
    .section-subheading-xs { font-family: var(--font2); font-weight: 600; font-size: 0.875rem; line-height: 1.375rem; color: #595959; }

    .section-heading-lg { font-weight: bold; font-size: 2.955rem; line-height: 1.2; color: var(--dark); }
    .section-heading { font-weight: bold; font-size: 2.375rem; line-height: 1.5; color: var(--dark); }
    .section-heading-sm { font-weight: bold; font-size: 1.875rem; line-height: 1.3; color: var(--dark); }
    .section-heading-xs { font-weight: bold; font-size: 1.563rem; line-height: 1.3; color: var(--dark); }
    .section-description-lg { font-family: var(--font2); font-weight: normal; font-size: 1.375rem; line-height: 1.5; color: var(--text3); }
    .section-description { font-family: var(--font2); font-weight: normal; font-size: 1.125rem; line-height: 1.5; color: var(--text3); }
    .section-description-md { font-family: var(--font2); font-weight: normal; font-size: 1rem; line-height: 1.5; color: var(--text3); }
    .section-description-sm { font-family: var(--font2); font-weight: normal; font-size: 0.875rem; line-height: 1.5; color: var(--text3); }
    .section-description-xs { font-family: var(--font2); font-weight: normal; font-size: 0.75rem; line-height: 1.5; color: var(--text3); }
    .section-description-xxs { font-family: var(--font2); font-weight: normal; font-size: 0.625rem; line-height: 1.5; color: var(--text3); }

    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .section-heading-lg { font-size: 2.955rem; }
        .section-heading { font-size: 2.375rem; }
        .section-description { font-size: 1.125rem; }
        .section-description-md { font-size: 1rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .section-heading-lg { font-size: 2.955rem; }
        .section-heading { font-size: 2.375rem; }
        .section-description { font-size: 1.125rem; }
        .section-description-md { font-size: 1rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-heading-lg { font-size: 2rem; }
        .section-heading { font-size: 2.188rem; }
        .section-heading-sm { font-size: 28px; }
        .section-description { font-size: 1rem; }
        .section-description-md { font-size: 0.935rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .section-heading-lg { font-size: 1.9rem; }
        .section-heading { font-size: 1.625rem; }
        .section-heading-sm { font-size: 1.5rem; }
        .section-heading-xs { font-size: 1.25rem; }
        .section-description { font-size: 0.938rem; }
        .section-description-md { font-size: 0.875rem; }
        .section-description-sm { font-size: 0.813rem; }
        .section-description-xs { font-size: 0.625rem; }
        .section-description-xxs { font-size: 0.563rem; }
    }

    @media (max-width: 767px) {
        .section-heading-lg { font-size: 1.9rem; }
        .section-heading { font-size: 1.625rem; }
        .section-heading-sm { font-size: 1.5rem; }
        .section-heading-xs { font-size: 1.25rem; }
        .section-description { font-size: 0.938rem; }
        .section-description-md { font-size: 0.875rem; }
        .section-description-sm { font-size: 0.813rem; }
        .section-description-xs { font-size: 0.625rem; }
        .section-description-xxs { font-size: 0.563rem; }
    }


    @media (max-width: 768px) {
        .row-mobi-style .col:nth-child(odd) { padding-right: 0.5rem; }
        .row-mobi-style .col:nth-child(even) { padding-left: 0.5rem; }
    }
    @media (max-width: 300px) {
        .row-mobi-style.style-1 .col { flex: 0 0 100%; max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; }
    }

    .section-title { margin-bottom: 1.875rem; }
    .section-title .subheading { margin-bottom: 0.625rem; }
    .section-title h2 { font-weight: normal; color: var(--accent); }
    .section-title h2 span { font-weight: 800; }


    /*scrollable*/
    .scrollable {
        position: relative;
        display: -ms-flexbox;
        display: flex; 
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        white-space: nowrap;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollable::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; cursor: pointer; }
    .scrollable::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable:hover::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0.8); -webkit-box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable:hover::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0.5); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable::-webkit-scrollbar-thumb:horizontal:hover,
    .scrollable::-webkit-scrollbar-thumb:vertical:hover { background: rgba(195, 195, 195, 1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .h-scrollable { overflow-y: hidden !important; overflow-x: auto !important; }

    .more-link { font-weight: normal; font-size: 1rem; line-height: 1.2; color: #159EEC; z-index: 4; }
    
    .more-link.more-link-arrow { position: relative; padding-right: 1.563rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .more-link.more-link-arrow:before {
        /*content: '';*/
        /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABnSURBVHgBzZLBDYAgEASX2IBW4JViB5YkVmBLduHTUnSJGHyYAMcDJpnX5TaXzXWI09ODDnSHAhdw0otaKJF2Qwyd/CCVEeGC1fg0NS5gxtN0KvK5wCITQehgQSZSbRmly+8rb3/DG4d9GvfF0YHlAAAAAElFTkSuQmCC');*/
        /*background-repeat: no-repeat;*/
        content: '\e628';
        font-family: 'themify';
        position: absolute;
        top: 0.313rem;
        right: 0;
        width: 1.25rem;
        font-weight: bold;
        font-size: 0.938rem;
        line-height: 1;
        color: var(--accent2);
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    }
    .more-link.more-link-arrow:hover:before { right: -0.5rem; }
    .more-link .icon { position: absolute; top: 2px; margin-left: 0.625rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .more-link:hover .icon { margin-left: 0.938rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    @media (max-width: 768px) {
        .more-link { font-size: 0.875rem; }
        .more-link.more-link-arrow:before { top: 0.25rem; font-size: 0.813rem; }
    }
/* ------------------------------------ end general class ------------------------------------ */


/* ------------------------------------ flex-column ------------------------------------ */
    .flex-col { 
        width: 100%; 
        margin-bottom: 0.938rem; 
        padding-left: 0.375rem; 
        padding-right: 0.375rem;
        -webkit-transition: all .4s ease-in-out; 
        -moz-transition: all .4s ease-in-out; 
        -ms-transition: all .4s ease-in-out; 
        -o-transition: all .4s ease-in-out; 
        transition: all .4s ease-in-out; 
    }

    .flex-2-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-2-column .flex-col { flex-basis: 50%; }

    @media (max-width: 1200px) {
        .flex-2-column .flex-col { flex-basis: 50%; }
    }

    @media (max-width: 992px) {
        .flex-2-column .flex-col { flex-basis: 50%; }
    }

    @media (max-width: 768px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
    }

    @media (max-width: 580px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
    }

    @media only screen and (max-width: 480px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
    }


    .flex-3-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-3-column .flex-col { flex-basis: 33.33%; }

    @media (max-width: 1200px) {
        .flex-3-column .flex-col { flex-basis: 33.33%; }
    }

    @media (max-width: 992px) {
        .flex-3-column .flex-col { flex-basis: 33.33%; }
    }

    @media (max-width: 768px) {
        .flex-3-column .flex-col { flex-basis: 50%; }
    }

    @media (max-width: 580px) {
        .flex-3-column .flex-col { flex-basis: 100%; }
    }

    @media only screen and (max-width: 480px) {
        .flex-3-column .flex-col { flex-basis: 100%; }
    }


    .flex-4-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-4-column .flex-col { flex-basis: 25%; }

    @media (max-width: 1200px) {
        .flex-4-column .flex-col { flex-basis: 25%; }
    }

    @media (max-width: 992px) {
        .flex-4-column .flex-col { flex-basis: 25%; }
    }

    @media (max-width: 768px) {
        .flex-4-column .flex-col { flex-basis: 33.33%; }
    }

    @media (max-width: 580px) {
        .flex-4-column .flex-col { flex-basis: 50%; }
    }

    @media only screen and (max-width: 480px) {
        .flex-4-column .flex-col { flex-basis: 100%; }
    }


    .flex-5-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-5-column .flex-col { flex-basis: 20%; }

    @media (max-width: 1200px) {
        .flex-5-column .flex-col { flex-basis: 20%; }
    }

    @media (max-width: 992px) {
        .flex-5-column .flex-col { flex-basis: 25%; }
    }

    @media (max-width: 768px) {
        .flex-5-column .flex-col { flex-basis: 33.33%; }
    }

    @media (max-width: 580px) {
        .flex-5-column .flex-col { flex-basis: 50%; }
    }

    @media only screen and (max-width: 480px) {
        .flex-5-column .flex-col { flex-basis: 100%; }
    }


    .flex-6-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-6-column .flex-col { flex-basis: 16.66%; }

    @media (max-width: 1200px) {
        .flex-6-column .flex-col { flex-basis: 16.66%; }
    }

    @media (max-width: 992px) {
        .flex-6-column .flex-col { flex-basis: 20%; }
    }

    @media (max-width: 768px) {
        .flex-6-column .flex-col { flex-basis: 25%; }
    }

    @media (max-width: 580px) {
        .flex-6-column .flex-col { flex-basis: 33.33%; }
    }

    @media only screen and (max-width: 480px) {
        .flex-6-column .flex-col { flex-basis: 50%; }
    }
/* ------------------------------------ end flex-column ------------------------------------ */


/* ------------------------------------ card ------------------------------------ */
    .card-style { position: relative; overflow: hidden; background: var(--white); border: none; border-radius: 0.375rem; }
    .card-style .card-header { background: transparent; border: 0; padding: 0.938rem; padding-bottom: 0; }
    .card-style .card-header .title { font-weight: bold; font-size: 1.25rem; line-height: 1.2; margin-bottom: 0; }
    .card-style .card-body { padding: 0.938rem; }

    .card-shadow { box-shadow: 0 0.25rem 0.625rem 0 rgba(18, 28, 46, 0.08); }
    .card-bordered { border: 1px solid var(--light); }
    .card-bordered.dashed { border-style: dashed; }
/* ------------------------------------ end card ------------------------------------ */


/* ------------------------------------ form style ------------------------------------ */
    .form-style .form-group { position: relative; width: 100%; }
    .control-label { font-size: 0.938rem; line-height: 1.2; color: var(--dark); margin-bottom: 0.313rem; }
    .form-control { 
        position: relative;
        width: 100%;
        height: calc(1.875rem + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        background: var(--white); 
        border-radius: 0.313rem;
        border: 0;
        font-size: 0.938rem; 
        color: var(--dark);
        -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;
    }
    .form-control::placeholder { font-weight: normal; font-size: 0.813rem; letter-spacing: 0.02rem; color: var(--text2); opacity: 0.6; }
    .form-control::-webkit-input-placeholder { font-weight: normal; font-size: 0.813rem; letter-spacing: 0.02rem; color: var(--text2); opacity: 0.6; }
    .form-control::-moz-placeholder { font-weight: normal; font-size: 0.813rem; letter-spacing: 0.02rem; color: var(--text2); opacity: 0.6; }
    .form-control:-ms-input-placeholder { font-weight: normal; font-size: 0.813rem; letter-spacing: 0.02rem; color: var(--text2); opacity: 0.6; }
    .form-control:-moz-placeholder { font-weight: normal; font-size: 0.813rem; letter-spacing: 0.02rem; color: var(--text2); opacity: 0.6; }
    .form-control:disabled, .form-control[readonly] { background-color: var(--border-form); opacity: 1; }
    .form-control:focus { box-shadow: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

    /*radio button*/
    .form-style .form-group .custom-radio { align-items: center; height: calc(1.875em + 0.75rem + 2px); }
    .form-style .form-group .custom-radio .custom-control-label { font-weight: normal; font-size: 0.813rem; line-height: 1.7; color: var(--dark); cursor: pointer; }
    .form-style .form-group .custom-radio .custom-control-label::before { border-radius: 50%; box-shadow: none; background: transparent; -webkit-transition: color .3s, background-color .3s; -moz-transition: color .3s, background-color .3s; -ms-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; }
    .form-style .form-group .custom-radio .custom-control-input { cursor: pointer; }
    .form-style .form-group .custom-radio .custom-control-input:checked { box-shadow: none; }
    .form-style .form-group .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background: var(--accent);
        border-radius: 50%;
        box-shadow: none;
        outline: none;
        border: 0;
        border-color: transparent;
        -webkit-transition: color .3s, background-color .3s; -moz-transition: color .3s, background-color .3s; -ms-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s;
    }

    /*datepicker*/
    .datepicker.dropdown-menu {
        font-family: 'Poppins', sans-serif;
        background-color: var(--white);
        border: none;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
        color: var(--dark);
    }
    .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: var(--light); }

    /*select2 custome*/
    .select2-container { width: 100% !important; }
    .select2-container .select2-selection--single {
        user-select: none;
        -webkit-user-select: none;
        position: relative;
        width: 100%;
        height: calc(1.875rem + 0.75rem + 2px);
        padding: 0.313rem 0.75rem;
        background: var(--white); 
        border-radius: 0.313rem;
        border: 0;
        font-size: 0.938rem;
        line-height: 1.2;
        color: var(--dark); 
    }
    .select2-container .select2-selection__rendered { padding-left: 0 !important; font-size: 0.875rem !important; line-height: 2rem !important; color: var(--text) !important; }
    .select2-dropdown { background: var(--white); border: 1px solid var(--light); border-radius: 0.313rem; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; }
    .select2-container--default .select2-selection--single .select2-selection__placeholder { font-weight: normal; font-size: 0.813rem; letter-spacing: 0.02rem; color: var(--dark); opacity: 0.4; }

    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 0.75rem; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: var(--accent) transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        margin-left: -4px;
        margin-top: -2px;
        height: 0;
        width: 0;
    }

    .select2-search--dropdown { padding: 0.375rem 0.75rem; }
    .select2-container--default .select2-search--dropdown .select2-search__field { color: var(--dark); border: 1px solid var(--light); border-radius: 0.313rem; }
    .select2-container--default .select2-results__option { font-size: 0.813rem; padding: 0.375rem 0.75rem; -webkit-transition: color .3s, background-color .3s; -moz-transition: color .3s, background-color .3s; -ms-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; }
    .select2-container--default .select2-results__option--selected { background-color: var(--light); }
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--accent); color: var(--white); -webkit-transition: color .3s, background-color .3s; -moz-transition: color .3s, background-color .3s; -ms-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; }

    /*date picker*/
    .datepicker.datepicker-dropdown {
        padding: 0.625rem;
        width: 25%;
        max-width: 320px;
        min-width: 250px;
        -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); 
    }
    .datepicker.datepicker-dropdown .datepicker-days { padding: 0; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed { width: 100%; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th { text-align: center; padding: 0.5rem 0; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev {
        color: var(--dark);
        padding-top: 0.25rem;
        padding-bottom: 0.75rem;
        background: transparent; 
    }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch {
        color: var(--dark);
        background: transparent;
        padding-top: 0.25rem;
        padding-bottom: 0.75rem;
        font-size: 1rem;
        font-weight: 600;
    }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next {
        color: var(--dark);
        padding-top: 0.25rem;
        padding-bottom: 0.75rem;
        background: transparent; 
    }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow {
        font-family: 'Poppins', sans-serif;
        color: var(--dark);
        font-size: 0.875rem;
        font-weight: 600; 
    }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody { position: relative; top: 0.625rem; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td { text-align: center; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day { font-size: 0.9375rem; padding: 0.313rem; color: var(--dark); }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover { background: rgba(168, 233, 239, 0.25); }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active { color: var(--white); background: var(--accent); position: relative; z-index: 1; text-shadow: none; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today { color: var(--white); background: var(--accent); position: relative; z-index: 1; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day { color: #d9dde3; }
    
    .datepicker > div {
        display: initial;
        padding: 0.375rem 0.75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        border-radius: 2px;
    }

    .datepicker.input-group { padding: 0; border: 1px solid #e8ebf1; }
    .datepicker.input-group .form-control, .datepicker.input-group select, .datepicker.input-group .email-compose-fields .select2-container--default .select2-selection--multiple, .email-compose-fields .select2-container--default .datepicker.input-group .select2-selection--multiple, .datepicker.input-group .select2-container--default .select2-selection--single, .select2-container--default .datepicker.input-group .select2-selection--single, .datepicker.input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .datepicker.input-group .select2-search__field, .datepicker.input-group .typeahead,
    .datepicker.input-group .tt-query,
    .datepicker.input-group .tt-hint {
        border: 0; 
    }
    .datepicker.input-group .input-group-addon {
        padding: 0 10px;
        border-left: 1px solid #e8ebf1;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center; 
    }
    .datepicker.input-group .input-group-addon svg { width: 18px; color: #686868; }

    .datepicker-dropdown:after { border-bottom-color: #fff; }

    .datepicker-dropdown:before { border-bottom-color: #e8ebf1; }
    .datepicker-dropdown.datepicker-orient-top:before, .datepicker-dropdown.datepicker-orient-top:after { top: auto; }
    .datepicker-dropdown.datepicker-orient-top:after { border-top-color: #fff; }
    .datepicker-dropdown.datepicker-orient-top:before { border-top-color: #e8ebf1; }

    /*validate*/
    .has-error { color: var(--red) !important; clear: both; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .has-error em, em.has-error { color: var(--red) !important; font-size: 0.875rem !important; }
    .has-error > input { border-color: var(--red) !important; }
    .has-error > select { border: 1px solid var(--accent) !important; }
    .has-error > textarea { border: 1px solid var(--accent) !important; }
    input.has-error { border: 1px solid var(--red) !important; color: var(--red) !important; }
    textarea.has-error { border: 1px solid var(--red) !important; color: var(--red) !important; }
    select.has-error { border: 1px solid var(--red) !important; color: var(--red) !important; }
    .custom-checkbox.has-error > .custom-control-label { color: var(--red) !important; }
    .custom-checkbox.has-error > .custom-control-label::before { border-color: var(--red) !important; }
    .has-error > .select2-container .select2-selection--single { border: 1px solid var(--red) !important; -webkit-transition: 0.4s; transition: 0.4s; }
/* ------------------------------------ end form style ------------------------------------ */


/* ------------------------------------ table style ------------------------------------ */
    .table-style { width: 100%; font-size: 0.938rem; line-height: 1.2; color: var(--text); }
    .table-style tr th { font-weight: 600; font-size: 0.875rem; border: 0; padding: 0.75rem 0.313rem; border-bottom: 1px solid var(--light); }
    .table-style tr:first-child td { border-top: 0; }
    .table-style tr td { font-weight: normal; font-size: 0.875rem; color: var(--text2); padding: 0.75rem 0.313rem; border-bottom: 1px solid var(--light); }
    /*.table-style tr td:last-child { font-weight: 700; }*/
    /*.table-style tr:last-child td { padding: 1rem 0.313rem; font-weight: bold; border-bottom: 0; }*/

    .table-style.table-padd-sm thead tr th { padding: 0.5rem 0.313rem; }
    .table-style.table-padd-sm tbody tr td { padding: 0.313rem 0.313rem; }

    .table-style.table-padd-lg thead tr th { padding: 0.75rem 0.313rem; }
    .table-style.table-padd-lg tbody tr td { padding: 0.75rem 0.313rem; }

    .table-style.border-none tr th, .table-style.border-none tr td { border-bottom: 0 solid transparent !important; }

    div.dataTables_wrapper div.dataTables_info { font-size: 0.813rem; color: var(--text2); }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; justify-content: flex-end; }

    @media (max-width: 768px) {
        div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; margin-top: 1.25rem; }
    }

    .table-schedule { position: relative; overflow: hidden; border-radius: 0.313rem; }
    .table-schedule tr:first-child { background: #081E3C; }
    .table-schedule tr:first-child td { font-weight: 500; color: var(--white); text-align: center; }
    .table-schedule tr:first-child td:not(:last-child) { border-right: 0.5px solid #DFDFDF; }
    
    .table-schedule tr { background: #DFDFDF; }
    .table-schedule tr td { font-weight: 500; color: #0B1354; letter-spacing: -0.05rem; text-align: center; }
    .table-schedule tr:not(:first-child) td:nth-child(odd) { display: none; }

    @media (max-width: 992px) {
        .table-schedule tr:first-child { display: none; }
        .table-schedule tr:not(:first-child) { width: 100%; background: #081E3C; }
        .table-schedule tr:not(:first-child) td:nth-child(odd) { display: flex; align-items: center; justify-content: center; vertical-align: middle; width: 100%; height: 100%; border-bottom: 0; font-weight: 500; letter-spacing: 0.02rem; color: var(--white); text-align: center; text-transform: capitalize; }
        .table-schedule tr:not(:first-child) td:nth-child(even) { width: 80%; background: #DFDFDF; }
    }
    @media (max-width: 768px) {
        .table-schedule tr:first-child td { min-width: 110px; }
    }
    @media (max-width: 480px) {
        .table-schedule tr:first-child td { font-size: 0.813rem; }

        .table-schedule tr td { font-size: 0.813rem; }
    }
/* ------------------------------------ end table style ------------------------------------ */


/* ------------------------------------ button ------------------------------------ */
    .btn {
        outline: none !important;
        -webkit-box-shadow: none; 
        box-shadow: none;
        font-weight: 500;
        font-size: 0.875rem; 
        line-height: 1.2; 
        letter-spacing: 0.02em;
        -moz-user-select: none;
        user-select: none;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .btn::hover .btn::focus, .btn.focus { 
        outline: none !important; 
        -webkit-box-shadow: none; 
        box-shadow: none;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .btn-padd-sm { padding-top: 0.625rem; padding-bottom: 0.625rem; }
    .btn-padd { padding-top: 0.75rem; padding-bottom: 0.75rem; }
    .btn-padd-md { padding-top: 0.875rem; padding-bottom: 0.875rem; }
    .btn-padd-lg { padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; }

    .btn-shadow { box-shadow: 0 1.563rem 2.063rem rgba(17, 20, 45, 0.12); }

    .btn-accent { color: var(--white) !important; background: var(--accent); }
    .btn-accent:hover, .btn-accent:focus { color: var(--accent) !important; background: transparent; border-color: var(--accent); }

    .btn-outline-accent { color: var(--accent) !important; background: transparent; border-color: var(--accent); }
    .btn-outline-accent:hover, .btn-outline-accent:focus { color: var(--white) !important; background-color: var(--accent); }

    .btn-salmon { color: var(--white); background: #D8587E; }
    .btn-salmon:hover, .btn-salmon:focus { background: rgba(216, 88, 126, 0.85); color: var(--white); }

    .btn-second { color: var(--white) !important; background: var(--second); }
    .btn-second:hover, .btn-second:focus { color: var(--second) !important; background: transparent; border-color: var(--second); }

    .btn-outline-second { color: var(--second); background: transparent; border-color: var(--second); }
    .btn-outline-second:hover, .btn-outline-second:focus { color: var(--white) !important; background-color: var(--second) !important; }

    .btn-pink { color: var(--white) !important; background: var(--pink); }
    .btn-pink:hover, .btn-pink:focus { color: var(--pink) !important; background: transparent; border-color: var(--pink); }

    .btn-outline-pink { color: var(--pink); background: transparent; border-color: var(--pink); }
    .btn-outline-pink:hover, .btn-outline-pink:focus { color: var(--white) !important; background-color: var(--pink) !important; }

    .btn-light { color: var(--dark) !important; background: var(--light); }
    .btn-light:hover, .btn-light:focus { color: var(--dark) !important; background: transparent; border-color: var(--light); }
    .btn-light.fix:hover, .btn-light.fix:focus { color: var(--dark) !important; background: var(--light); }

    .btn-outline-light { color: var(--light) !important; background: transparent; border-color: var(--light); }
    .btn-outline-light:hover, .btn-outline-light:focus { color: var(--dark) !important; background-color: var(--light); }

    .btn-dark { color: var(--white); background: var(--dark); }
    .btn-dark:hover, .btn-dark:focus { color: var(--dark); background: transparent; border-color: var(--dark); }

    .btn-outline-dark { color: var(--dark); background: transparent; border-color: var(--dark); }
    .btn-outline-dark:hover, .btn-outline-dark:focus { color: var(--white); background-color: var(--dark); }

    .btn-white { color: var(--dark); background: var(--white); }
    .btn-white:hover, .btn-white:focus { color: var(--white); background: transparent; border-color: var(--white); }
    .btn-white.fix:hover, .btn-white.fix:focus { color: var(--dark) !important; background: var(--white); }

    .btn-outline-white { color: var(--white); background: transparent; border-color: var(--white); }
    .btn-outline-white:hover, .btn-outline-white:focus { color: var(--dark); background-color: var(--white); }

    .btn-black { color: var(--black); background: var(--black); }
    .btn-black:hover, .btn-black:focus { color: var(--black); background: transparent; border-color: var(--black); }

    .btn-outline-black { color: var(--black); background: transparent; border-color: var(--black); }
    .btn-outline-black:hover, .btn-outline-black:focus { color: var(--black); background-color: var(--black); }

    .btn-yellow { color: var(--dark) !important; background: var(--yellow); }
    .btn-yellow:hover, .btn-yellow:focus { color: var(--dark) !important; background: rgba(255, 199, 31, 0.7); }

    .btn-outline-yellow { color: var(--yellow); background: transparent; border-color: var(--yellow); }
    .btn-outline-yellow:hover, .btn-outline-yellow:focus { color: var(--dark) !important; background-color: var(--yellow) !important; }

    .btn-submit-form { color: var(--white) !important; background: #131045; }
    .btn-submit-form:hover, .btn-submit-form:focus { color: #131045 !important; background: transparent; border-color: #131045; }
/* ------------------------------------ end button ------------------------------------ */


/* ------------------------------------ badge ------------------------------------ */
    .badge { position: relative; border: 1px solid currentColor; line-height: 1.2; letter-spacing: 0.02em; padding: 0.313rem 0.7rem; border-radius: 0.313rem; vertical-align: middle; cursor: default; }

    .badge-accent { background: var(--accent); color: var(--white); border-color: var(--accent); }
    .badge-accent2 { background: var(--accent2); color: var(--white); border-color: var(--accent2); }
    .badge-second { background: var(--second); color: var(--white); border-color: var(--second); }
    .badge-second2 { background: var(--second2); color: var(--white); border-color: var(--second2); }
    .badge-primary { background: #13208a; color: var(--white); border-color: #13208a;; }
    .badge-secondary { background: #364a63; color: var(--white); border-color: #364a63;; }
    .badge-success { background: #15d670; color: var(--white); border-color: #15d670;; }
    .badge-info { background: #0da8e0; color: var(--white); border-color: #0da8e0;; }
    .badge-pink { background: #FF586F; color: var(--white); border-color: #FF586F;; }
    .badge-warning { background: #f4bd0e; color: var(--white); border-color: #f4bd0e;; }
    .badge-danger { background: #e85347; color: var(--white); border-color: #e85347;; }
    .badge-dark { background: #1c2b46; color: var(--white); border-color: #1c2b46;; }
    .badge-gray { background: #8091a7; color: var(--white); border-color: #8091a7;; }
    .badge-light { background: #b7c2d0; color: var(--white); border-color: #b7c2d0;; }
    .badge-lighter { background: #e5e9f2; color: var(--white); border-color: #e5e9f2;; }
    .badge-light { background: var(--light); color: var(--dark); border-color: var(--light); }
    .badge-salmon { background: #FF586F; font-weight: 300; color: var(--white); letter-spacing: 0.02rem; padding: 0.25rem 0.625rem; }
    .badge-gold { background:linear-gradient(to right, #dbb15a, #ede58e, #ede58e, #ede58e, #e0b45a); color: var(--dark); border-color: rgba(204, 186, 120, 0); }
    .badge-yellow { background: var(--yellow); color: var(--dark); border-color: var(--yellow); }

    .badge-dot { display: inline-flex; align-items: center; background-color: transparent; border: none; padding: 0.313rem 0.7rem; padding-left: 12px; padding-right: 0; }
    .badge-dot:before { position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; height: 6px; width: 6px; margin-top: -1px; border-radius: 50%; background: currentColor; }

    .badge-dot.badge-accent { color: var(--accent); }
    .badge-dot.badge-accent2 { color: var(--accent2); }
    .badge-dot.badge-second { color: var(--second); }
    .badge-dot.badge-second2 { color: var(--second2); }
    .badge-dot.badge-primary { color: #13208a; }
    .badge-dot.badge-secondary { color: #364a63; }
    .badge-dot.badge-success { color: #15d670; }
    .badge-dot.badge-info { color: #0da8e0; }
    .badge-dot.badge-warning { color: #f4bd0e; }
    .badge-dot.badge-danger { color: #e85347; }
    .badge-dot.badge-dark { color: #1c2b46; }
    .badge-dot.badge-gray { color: #8091a7; }
    .badge-dot.badge-light { color: #b7c2d0; }
    .badge-dot.badge-lighter { color: #e5e9f2; }
    .badge-dot.badge-yellow { color: var(--yellow); }


    .badge-style-1 { border: 0; }

    .badge-style-1.badge-accent { background: var(--accent); color: var(--white); }
    .badge-style-1.badge-accent2 { background: var(--accent2); color: var(--white); }
    .badge-style-1.badge-primary { background: var(--purple); color: var(--white); }
    .badge-style-1.badge-secondary { background: rgba(54, 74, 99, 0.1); color: #364a63; }
    .badge-style-1.badge-success { background: rgba(21, 214, 112, 0.1); color: #15d670; }
    .badge-style-1.badge-info { background: rgba(13, 168, 224, 0.1); color: #0da8e0; }
    .badge-style-1.badge-warning { background: rgba(244, 189, 14, 1); color: var(--white); }
    .badge-style-1.badge-danger { background: #CE2C37; color: var(--white); }
    .badge-style-1.badge-dark { background: rgba(28, 43, 70, 0.1); color: #1c2b46; }
    .badge-style-1.badge-gray { background: rgba(128, 145, 167, 0.1); color: #8091a7; }
    .badge-style-1.badge-light { background: rgba(183, 194, 208, 0.1); color: #b7c2d0; }
    .badge-style-1.badge-lighter { background: rgba(229, 233, 242, 0.1); color: #e5e9f2; }
/* ------------------------------------ end badge ------------------------------------ */


/* ------------------------------------ rounded ------------------------------------ */
    .rounded { border-radius: 0.25rem !important; }
    .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
    .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }
    .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
    .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
    .rounded-sm { border-radius: 0.2rem !important; }
    .rounded-lg { border-radius: 0.3rem !important; }
    .rounded-circle { border-radius: 50% !important; }
    .rounded-pill { border-radius: 50rem !important; }

    .rounded-0 { border-radius: 0 !important; }
    .rounded-5 { border-radius: 0.313rem !important; }
    .rounded-8 { border-radius: 0.5rem !important; }
    .rounded-10 { border-radius: 0.625rem !important; }
    .rounded-15 { border-radius: 0.938rem !important; }
    .rounded-20 { border-radius: 1.25rem !important; }
    .rounded-30 { border-radius: 1.875rem !important; }
    .rounded-40 { border-radius: 2.5rem !important; }
    .rounded-50 { border-radius: 50% !important; }
    .rounded-80 { border-radius: 5rem !important; }
    .rounded-100 { border-radius: 6.25rem !important; }
/* ------------------------------------ end rounded ------------------------------------ */


/* ------------------------------------ swiper slider style ------------------------------------ */
    .swiper-container { position: relative; height: 100%; }
    .swiper-button-next, .swiper-button-prev {
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        color: var(--white);
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none ;}

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none!important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }
    .swiper-button-prev { left: 0.625rem; right: auto; }
    .swiper-button-prev:after { content: 'prev'; }
    .swiper-button-next { right: 0.625rem; left: auto; }
    .swiper-button-next:after { content: 'next'; }

    .swiper-button-2 { background: var(--white); width: 2.313rem; height: 2.313rem; border-radius: 50%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .swiper-button-2:after { font-size: 1rem; color: var(--dark); }
    .swiper-button-2:hover { box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.08); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .swiper-button-2.swiper-button-prev { left: -14px; }
    .swiper-button-2.swiper-button-next { right: -14px; }

    .swiper-pagination.swiper-pagination-bottom { bottom: -1.825rem; }
    .swiper-pagination-bullet-active {
        background: var(--accent) !important;
    }

    /* gallery */
    #swiper-gallery .swiper-wrapper { display: flex; align-items: stretch; }
    #swiper-gallery .swiper-wrapper .swiper-slide { height: auto; }
    .gallery-item { position: relative; overflow: hidden; border-radius: 1.875rem; height: 100%; }
    .gallery-item .gallery-img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
/* ------------------------------------ end swiper slider style ------------------------------------ */


/* ------------------------------------ accordion ------------------------------------ */
    .accordion-style { position: relative; z-index: 3; }
    .accordion-style .accordion-item { position: relative; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .accordion-style .accordion-item:not(:last-child) { margin-bottom: 1.25rem; }

    .accordion-style .accordion-item .accordion-header { position: relative; display: block; padding: 0.625rem 0; cursor: pointer; }
    .accordion-style .accordion-item .accordion-header:after {
        content: "\e64b";
        font-family: 'themify'; 
        position: absolute;
        top: 0.625rem;
        right: 0rem;
        display: block;
        font-size: 1.125rem;
        color: var(--dark);
        -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
    }
    .accordion-style .accordion-item .accordion-header.collapsed:after { transform: rotate(180deg); color: var(--dark); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .accordion-style .accordion-item .accordion-header h2 { font-weight: 600; line-height: 160%; color: var(--dark); margin-bottom: 0; padding-right: 0.825rem; }

    .accordion-style .accordion-item .collapse.show { border-bottom: 1px solid var(--light); }

    .accordion-style .accordion-item .accordion-body { background: none; padding: 0.625rem 0; }
    .accordion-style .accordion-item .accordion-body .description { font-size: 0.975rem; line-height: 170%; color: var(--text3); text-align: justify; }


    .accordion-style.accordion-style-2 .accordion-item .accordion-header { padding: 0.625rem 0.925rem; background: #081E3C; position: relative; border-radius: 0.313rem 0.313rem 0 0; }
    .accordion-style.accordion-style-2 .accordion-item .accordion-header:after { right: 0.925rem; color: var(--white); }
    .accordion-style.accordion-style-2 .accordion-item .accordion-header h3 { font-weight: 600; font-size: 1rem; color: var(--white); margin-bottom: 0; }
    .accordion-style.accordion-style-2 .accordion-item .accordion-body { background: var(--light); padding: 0.625rem 0.925rem; border-radius: 0 0 0.313rem 0.313rem; }
/* ------------------------------------ end accordion ------------------------------------ */


/* ------------------------------------ social share ------------------------------------ */
    .social-share { position: relative; display: flex; align-items: center; justify-content: flex-start; }
    .social-share li:not(:last-child) { margin-right: 0.313rem; }
    .social-share .social-icon { 
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: var(--accent);
        font-size: 1rem;
        line-height: 1;
        color: var(--white);
    }
    .social-share .social-icon:hover { background: var(--white); color: var(--accent); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); }
    .social-share.social-share-lg .social-icon { width: 2.375rem; height: 2.375rem; font-size: 0.938rem; }

    .social-share.style-2 li:not(:last-child) { margin-right: 0.5rem; }
    .social-share.style-2 .social-icon { font-size: 1.25rem; line-height: 1; color: var(--dark); background: none; }
    .social-share.style-2 .social-icon:hover { color: var(--dark); box-shadow: none; }

    .social-icon.accent { background: var(--accent); }
    .social-icon.accent:hover { color: var(--accent) !important; }

    .social-icon.facebook { background: #4267B2; }
    .social-icon.facebook:hover { color: #4267B2 !important; }

    .social-icon.twitter { background: #1DA1F2; }
    .social-icon.twitter:hover { color: #1DA1F2 !important; }

    .social-icon.instagram { background: #E1306C ; }
    .social-icon.instagram:hover { color: #E1306C !important; }

    .social-icon.pinterest { background: #E60023; }
    .social-icon.pinterest:hover { color: #E60023 !important; }

    .social-icon.whatsapp { background: #25D366; }
    .social-icon.whatsapp:hover { color: #25D366 !important; }

    .social-icon.email { background: #ff5D5D; }
    .social-icon.email:hover { color: #ff5D5D !important; }

    .social-icon.telegram { background: #0088CC; }
    .social-icon.telegram:hover { color: #0088CC !important; }

    .social-icon.linkedin { background: #2867B2; }
    .social-icon.linkedin:hover { color: #2867B2 !important; }

    .social-icon.youtube { background: #FF0000; }
    .social-icon.youtube:hover { color: #FF0000 !important; }
/* ------------------------------------ end social share ------------------------------------ */


/* ------------------------------------ nav tabs ------------------------------------ */
    /*nav tabs style*/
    .nav-tabs-style { position: relative; border: 0; background: var(--white); }
    .nav-tabs-style.scrollable { -ms-overflow-style: inherit; scrollbar-width: inherit; }
    .nav-tabs-style.scrollable::-webkit-scrollbar { width: 0.5rem; height: 0.5 !important; cursor: pointer !important; }
    .nav-tabs-style .nav-item { background: none; border: 0; width: 100%; }
    .nav-tabs-style .nav-item .nav-link {
        position: relative;
        width: 100%;
        border-radius: 0;
        border: 0;
        background: none;
        display: inline-block;
        font-weight: 600;
        font-size: 1rem;
        color: var(--text2);
        text-align: center;
        padding: 0.625rem 1.25rem;
        transition: .125s;
        margin-bottom: 0.313rem;
    }
    .nav-tabs-style .nav-item .nav-link:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--accent); visibility: hidden; opacity: 0; }
    .nav-tabs-style .nav-item .nav-link.active { color: var(--accent); }
    .nav-tabs-style .nav-item .nav-link.active:before { visibility: visible; opacity: 1; }

    @media (max-width: 768px) {
        .nav-tabs-style .nav-item .nav-link { padding: 0.5rem 2rem; font-size: 0.938rem; } 
        .nav-tabs-style .nav-item .nav-link.active:before { visibility: hidden; opacity: 0; }
    }

    @media (max-width: 480px) {
        .nav-tabs-style .nav-item .nav-link { padding: 0.5rem 1.25rem; } 
    }


    .nav-tabs-style.nav-tabs-style-2 { background: none; }
    .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link { font-weight: 500; color: var(--text1); padding: 0.625rem 0.625rem; border-radius: 1.25rem; }
    .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link.active { background: var(--accent); color: var(--white); }
    .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link:before { visibility: hidden; opacity: 0; transition: visibility 0.4s linear, opacity 0.4s ease-in-out linear; }
    
    @media (max-width: 768px) {
        .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link { padding: 0.625rem 0.825rem; }
    }
    @media (max-width: 480px) {
        .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link { font-size: 0.875rem; }
    }


    .wrap-nav-tabs-paddles {
        position: relative;
        overflow: hidden;
        max-width: 100%;
        height: 46px;
    }
    .wrap-nav-tabs-paddles .nav-tabs { height: 45px; }
    .wrap-nav-tabs-paddles .nav-tabs .nav-item { height: 100%; }


    .wrap-nav-tabs-paddles .nav-tabs-paddles .paddles { 
        position: absolute; 
        top: 0; 
        bottom: 0; 
        height: 100%; 
        width: 2.5rem; 
        display: flex; 
        align-items: center;
        justify-content: center;
        font-size: 20px; 
        z-index: 10;
    }
    .wrap-nav-tabs-paddles .nav-tabs-paddles .paddles:before { font-family: 'themify'; color: var(--accent); }
    .wrap-nav-tabs-paddles .nav-tabs-paddles .paddles.hide-paddles { opacity: 0; visibility: hidden; }

    .wrap-nav-tabs-paddles .nav-tabs-paddles .left-paddles { 
        left: 0; 
        border-top-left-radius: 0.625rem;
        border-bottom-left-radius: 0.625rem;
        background: -webkit-gradient(-90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
        background: -webkit-linear-gradient(-90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
        background: -o-linear-gradient(-90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
        background: linear-gradient(-90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
    }
    .wrap-nav-tabs-paddles .nav-tabs-paddles .left-paddles:before { content: '\e64a'; }
    .wrap-nav-tabs-paddles .nav-tabs-paddles .right-paddles { 
        right: 0; 
        border-top-right-radius: 0.625rem;
        border-bottom-right-radius: 0.625rem;
        background: -webkit-gradient(90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
        background: -o-linear-gradient(90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
        background: linear-gradient(90deg, rgba(243, 243, 243, 0.05) 0%, rgba(243, 243, 243, 1) 100%);
    }
    .wrap-nav-tabs-paddles .nav-tabs-paddles .right-paddles:before { content: '\e649'; }


    .services-excellent .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link { min-width: 150px; }
/* ------------------------------------ end nav tabs ------------------------------------ */
    

/* ------------------------------------ modal ------------------------------------ */
    .modal-style.cv-light:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5) !important; filter: blur(5px); }
    .modal-style .modal-content { position: relative; overflow: hidden; border: none; background: var(--white); box-shadow: 0 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.2); border-radius: 0.625rem; }
    .modal-style .modal-body .close { position: absolute; top: 0.625rem; right: 0.625rem; z-index: 10; font-size: 1.625rem; outline: none !important; }
    .modal-style .modal-title { font-size: 1.25rem; line-height: 1.3; color: var(--dark); }

    
    .modal-style .modal-body.padd-md { padding: 1.25rem; }
    .modal-style .modal-body.padd-md .close { top: 0.938rem; right: 0.938rem; }
    .modal-style .modal-body.padd-lg { padding: 1.875rem; }

    .promotion-modal .modal-content { max-width: 700px; }
    .promotion-modal .modal-body { padding: 0; }
    .promotion-modal .modal-body .promotion-img .data-popup { object-fit: contain; width: 100%; border-radius: 0.625rem; overflow: hidden; }
    .promotion-modal .btn-modal-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: rgba(255, 255, 255, 0.889); 
        color: #000;
        border: none;             
        border-radius: 50%;       
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        backdrop-filter: blur(4px); 
        transition: background-color 0.2s ease, transform 0.1s ease;
        padding: 0;               
    }
    
    .promotion-modal .btn-modal-close:hover {
        background-color: rgba(255, 255, 255, 0.773);
        transform: scale(1);
    }
    
    .promotion-modal .btn-modal-close i {
        font-size: 16px;   
        line-height: 1;   
        color: #000;
        pointer-events: none; 
    }
    
    .promotion-modal .btn-modal-close:focus {
        outline: none;
        box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
    }

    #modal-room-virtual .modal-body .header-area { margin-bottom: 0.825rem; }
    #modal-room-virtual .modal-body .header-area .brand-area .brand-img { max-width: 11.25rem; object-fit: contain; }
    #modal-room-virtual .modal-body .header-area .close { top: 1rem; right: 1rem; }
    
    #modal-room-virtual .virtual-room-area { position: relative; }
    #modal-room-virtual .virtual-room-area .virtual-container { width: 100%; height: 31.25rem; border-radius: 0.625rem; }
    #modal-room-virtual .virtual-room-area .virtual-container .virtual-control { position: absolute; left: 0; right: 0; bottom: 1.25rem; width: 95%; margin: auto; z-index: 55; text-align: right; }
    #modal-room-virtual .virtual-room-area .virtual-container .virtual-control .control-item {
        padding: 0.625rem;
        width: 30px;
        text-align: center;
        background: rgba(243, 243, 243, 0.4);
        display: inline-block;
        cursor: pointer;
        border-radius: 0.313rem;
        -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;
    }
    #modal-room-virtual .virtual-room-area .virtual-container .virtual-control .control-item i { color: var(--dark); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; }
    #modal-room-virtual .virtual-room-area .virtual-container .virtual-control .control-item:hover { background: var(--accent); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; }
    #modal-room-virtual .virtual-room-area .virtual-container .virtual-control .control-item:hover i { color: var(--white); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; }

    @media (min-width: 576px) {
        #modal-room-virtual .modal-dialog { max-width: 540px; }
    }
    @media (min-width: 768px) {
        #modal-room-virtual .modal-dialog { max-width: 720px; }
    }
    @media (min-width: 992px) {
        #modal-room-virtual .modal-dialog { max-width: 960px; }
    }
    @media (min-width: 1200px) {
        #modal-room-virtual .modal-dialog { max-width: 1140px; }
    }
/* ------------------------------------ end modal ------------------------------------ */


/* ------------------------------------ dropdown ------------------------------------ */
    .dropdown-menu {
        border-radius: 0.313rem;
        overflow: hidden;
        padding: 0;
        border: 0;
        text-align: left;
        white-space: nowrap;
        background-clip: padding-box;
        background: var(--white);
        box-shadow: 0 0.25rem 2.5rem 0.25rem rgba(0, 0, 0, 0.05);
    }
    .dropdown-menu .dropdown-item {
        display: block;
        padding: 0.925rem 1.25rem;
        width: 100%;
        font-size: 0.875rem;
        color: var(--dark);
        background-color: var(--white);
        -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;
    }
    .dropdown-menu .dropdown-item:hover { color: var(--dark); background-color: var(--light); }
    .dropdown-menu .dropdown-item.active { background: var(--yellow); }
/* ------------------------------------ end dropdown ------------------------------------ */


/* ------------------------------------ navbar ------------------------------------ */
    .top-bar { position: relative; background: var(--accent); display: none; z-index: 6; }
    .top-bar .inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0.55rem 0; }
    .top-bar .inner .content .logo img { object-fit: contain; max-width: 55px; }
    .top-bar .inner .content .text { font-size: 12px; line-height: 125%; color: var(--white); }
    .top-bar .inner .content .text span.sm { font-size: 11px; display: inline-block; width: 100%; opacity: 0.8; }
    .top-bar .inner .action .btn { font-size: 12px; color: var(--accent) !important; padding: 0.5rem 1rem; color: var(--white); border-radius: 0.313rem; background: var(--yellow); margin-right: 2.5rem; }
    .top-bar .inner .action .btn i { font-size: 14px; line-height: 1; }
    .top-bar .close { position: absolute; top: 0.313rem; right: 0.313rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--light); display: flex; align-items: center; justify-content: center; }
    .top-bar .close i { font-size: 0.75rem; line-height: 1; }

    @media (max-width: 580px) {
        .top-bar { display: block; }
    }


    .top-bar-area { position: relative; z-index: 6; padding: 1.25rem 0; }
    .top-bar-area .top-bar-content { display: flex; align-items: center; justify-content: space-between; }
    .top-bar-area .top-bar-content .top-bar-brand { position: relative; z-index: 4; overflow: hidden; max-width: 100%; }
    .top-bar-area .top-bar-content .top-bar-brand .logo-img { object-fit: contain; width: 100%; max-width: 255px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .top-bar-area .top-bar-content .top-bar-info { position: relative; z-index: 4; }

    .top-bar-area .top-bar-content .search-button { margin-right: 1.25rem; width: auto; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
    .top-bar-area .top-bar-content .search-button a { width: 2rem; height: 2rem; }
    .top-bar-area .top-bar-content .search-button a:before { position: absolute; top: 0; left: 0; font-family: 'themify'; font-size: 1.4rem; line-height: 1.6; color: var(--text1); }
    .top-bar-area .top-bar-content .search-button a.search-icon { opacity: 1; visibility: visible; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .top-bar-area .top-bar-content .search-button a.search-close { opacity: 0; visibility: hidden; display: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

    .top-bar-area .top-bar-content .top-bar-whatsapp { margin-right: 1.325rem; }
    .top-bar-area .top-bar-content .top-bar-whatsapp .icon { object-fit: contain; max-width: 29px; }

    .top-bar-info .info { display: flex; align-items: center; justify-content: flex-end; }
    .top-bar-info .info .info-item { position: relative; display: flex; align-items: center; }
    .top-bar-info .info .info-item:not(:last-child) { margin-right: 1.25rem; padding-right: 0.625rem; }
    .top-bar-info .info .info-item:not(:last-child):after {
        content: '';
        position: absolute;
        top: -50%;
        right: 0;
        height: 80px;
        width: 1px;
        z-index: 3;
        transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
        background: #e7e7e7;
    }

    .top-bar-info .info .info-item .icon { margin-right: 0.625rem; background: var(--accent); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
    .top-bar-info .info .info-item .icon img { object-fit: contain; max-height: 19px; }
    .top-bar-info .info .info-item .text { font-family: var(--font2); font-weight: normal; font-size: 0.938rem; line-height: 1.4; color: var(--accent); }
    .top-bar-info .info .info-item .text span { display: block; font-weight: 600; color: var(--dark); }
    .top-bar-info .info .info-item .text.dropdown .dropdown-toggle { display: block; width: 100%; font-weight: 600; color: var(--dark); }
    .top-bar-info .info .info-item .text.dropdown .dropdown-menu { position: relative; z-index: 18; }

    .main-navigation { position: relative; background: var(--accent); font-family: var(--font2); z-index: 5; border-bottom: 3px solid var(--yellow); }

    .navbar-brand { float: left; height: 50px; padding: 11px 0px; line-height: 20px; }

    div#sticky-wrapper.is-sticky .navigation-bar { background-color: #f3f5ff; box-shadow: 0px 5px 25px 0px rgba(0, 56, 160, 0.15); }
    div#sticky-wrapper { position: relative; z-index: 9999; width: 100%; }
    .slicknav_menu { display: none; }

    /*#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 25; }*/
    #header.shrink .main-navigation { position: fixed; top: 0; left: 0; width: 100%; }

    .main-navigation .navigation { position: relative; display: flex; align-items: center; justify-content: space-between; }
    .main-navigation .navigation ul.navigation-nav { list-style: outside none none; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; align-items: stretch; }
    .main-navigation .navigation ul.navigation-nav.navigation-left {
        position: relative;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit; 
        overflow-x: auto;
        overflow-y: hidden;
        margin-right: 1.25rem;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .main-navigation .navigation ul.navigation-nav.navigation-left::-webkit-scrollbar { display: none; opacity: 0; visibility: hidden; }
    .main-navigation .navigation ul.navigation-nav li { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .main-navigation .navigation ul.navigation-nav li.nav-item { height: 60px; padding: 0; }
    /* .main-navigation .navigation ul.navigation-nav li.nav-item:not(:last-child) { margin-right: 2.3rem; }
    .main-navigation .navigation ul.navigation-nav li.nav-item a {
        position: relative;
        display: inline-flex;
        white-space: nowrap;
        align-items: center;
        color: #F2F2F2;
        font-size: 0.935rem;
        font-weight: normal;
        padding: 0;
        height: 100%;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    } */
    .main-navigation .navigation ul.navigation-nav li.nav-item:not(:last-child) { margin-right: 1.275rem; }
    .main-navigation .navigation ul.navigation-nav li.nav-item a {
        position: relative;
        display: inline-flex;
        white-space: nowrap;
        align-items: center;
        color: #F2F2F2;
        font-size: 0.815rem;
        font-weight: normal;
        padding: 0;
        height: 100%;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .main-navigation .navigation ul.navigation-nav li.nav-item:hover > a { color: var(--yellow); }
    .main-navigation .navigation ul.navigation-nav li.nav-item > a .icon { margin-top: -4px; }
    .main-navigation .navigation ul.navigation-nav li.nav-item > a .text-mbl { display: none; margin-left: 0.25rem; }
    .main-navigation .navigation ul.navigation-nav li.nav-item.active > a { font-weight: bold; color: var(--yellow); background: none; }
    .main-navigation .navigation ul.navigation-nav li.nav-item.active-bg > a { background: var(--yellow); color: var(--accent); padding-left: 20px; padding-right: 20px; }

    .main-navigation .navigation ul.navigation-nav li.nav-item .search-button { width: auto; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
    .main-navigation .navigation ul.navigation-nav li.nav-item .search-button a { width: 23px; height: 23px; }
    .main-navigation .navigation ul.navigation-nav li.nav-item .search-button a:before { position: absolute; top: 0; left: 0; font-family: 'themify'; font-size: 1.425rem; line-height: 1.2; color: #F2F2F2; }
    .main-navigation .navigation ul.navigation-nav li.nav-item .search-button a.search-icon { opacity: 1; visibility: visible; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
    .main-navigation .navigation ul.navigation-nav li.nav-item .search-button a.search-close { opacity: 0; visibility: hidden; display: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

    .search-button a.search-icon:before { content: '\e610'; }
    .search-button a.search-close:before { content: '\e646'; }

    #header.open-search-form .main-search-form { z-index: 10; opacity: 1; visibility: visible; }
    #header.open-search-form .search-button a.search-icon { opacity: 0; visibility: hidden; display: none; }
    #header.open-search-form .search-button a.search-close { opacity: 1; visibility: visible; display: block; }


    /*search form*/
    .main-search-form { z-index: 0; opacity: 0; visibility: hidden; position: absolute; top: 63px; width: 100%; background: var(--white); box-shadow: 1.25rem 0.25rem 3.125rem rgba(168, 233, 239, 0.25); border-bottom-left-radius: 0.625rem; border-bottom-right-radius: 0.625rem; }
    .main-search-form.scroll-header { padding-top: 25px; }
    .main-search-form .main-search-form-cover { position: relative; padding: 40px 100px; }
    .main-search-form .search-form { position: relative; margin-bottom: 0; }
    .main-search-form .search-form label { width: 100%; }
    .main-search-form .search-form input { 
        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: transparent;
        border: none;
        border-radius: 0.313rem;
        display: inline-block;
        width: 100%;
        padding: 10px 0 10px 50px;
        margin: 0;
        background: var(--white);
        box-shadow: 0 0 1.25rem 0.125rem rgba(0, 0, 0, 0.05);
        font-weight: 600;
        font-size: 1rem;
    }
    .main-search-form .search-form input::placeholder { font-size: 0.75rem; letter-spacing: 0.02rem; color: var(--dark); opacity: 0.4; }
    .main-search-form .search-form input::-webkit-input-placeholder { font-size: 0.75rem; letter-spacing: 0.02rem; color: var(--dark); opacity: 0.4; }
    .main-search-form .search-form input::-moz-placeholder { font-size: 0.75rem; letter-spacing: 0.02rem; color: var(--dark); opacity: 0.4; }
    .main-search-form .search-form input:-ms-input-placeholder { font-size: 0.75rem; letter-spacing: 0.02rem; color: var(--dark); opacity: 0.4; }
    .main-search-form .search-form input:-moz-placeholder { font-size: 0.75rem; letter-spacing: 0.02rem; color: var(--dark); opacity: 0.4; }
    .main-search-form .search-form-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 23px; margin-top: -2px; font-size: 18px; color: var(--dark); opacity: 0.6; }
    .main-search-form .search-switch { position: absolute; right: 30px; top: 45%; transform: translateY(-50%); font-size: 0.938rem; line-height: 1; color: var(--dark); border-left: 1px solid #dfe0e6; background: none; padding-left: 15px; }
    .main-search-form .search-switch .btn { background: none; border: 0; }
    .main-search-form .search-switch .btn:focus, .main-search-form .search-switch .btn:hover { outline: none; box-shadow: none; color: var(--accent); }

    @media (max-width: 1200px) {
        .top-bar-info .info .info-item:not(:last-child):after { height: 70px; }
    }
    @media (max-width: 992px) {
        .main-search-form .main-search-form-cover { padding: 30px 60px; }
        .main-search-form .search-form input { font-size: 16px; }
        .main-search-form .search-form input::placeholder { font-size: 16px; }
        .main-search-form .search-form input::-webkit-input-placeholder { font-size: 16px; }
        .main-search-form .search-form input::-moz-placeholder { font-size: 16px; }
        .main-search-form .search-form input:-ms-input-placeholder { font-size: 16px; }
        .main-search-form .search-form input:-moz-placeholder { font-size: 16px; }
        .main-search-form .suggested-area { display: block; }
        .main-search-form .suggested-area .suggested { margin-left: 0; }
    }
    @media (max-width: 768px) {
        .main-search-form { top: 50px; }
        .main-search-form .main-search-form-cover { padding: 30px 15px; }
        .main-search-form.scroll-header { padding-top: 60px; }
        .main-search-form .search-form input { font-size: 14px; }
        .main-search-form .search-form input::placeholder { font-size: 14px; }
        .main-search-form .search-form input::-webkit-input-placeholder { font-size: 14px; }
        .main-search-form .search-form input::-moz-placeholder { font-size: 14px; }
        .main-search-form .search-form input:-ms-input-placeholder { font-size: 14px; }
        .main-search-form .search-form input:-moz-placeholder { font-size: 14px; }
        .main-search-form .search-switch { right: 12px; color: var(--dark); padding-left: 8px; }
        .main-search-form .suggested-area { display: block; }
        .main-search-form .suggested-area .suggested { margin-left: 0; }
    }
    @media only screen and (max-width: 480px) {
        .main-search-form .search-switch { font-size: 12px; }
    }



    .navigation-right .top-bar-info .info { display: none; }

    /*.dropdown.active { background: lime; }*/
    .dropdown.current-menu-has-children > a:after {
        content: '\e64b';
        font-family: 'themify';
        display: inline-block;
        margin-left: 0.15rem;
        font-size: 0.45rem;
        line-height: 1;
        -webkit-transform: translateY(-1.5px);
        transform: translateY(-1.5px);
    }
    .main-navigation .dropdown:hover > .dropdown-nav,
    .main-navigation .dropdown .dropdown-nav.show {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        visibility: visible;
        display: block;
        margin-top: 0;
        transform: translateY(0);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .main-navigation .dropdown .dropdown-nav {
        position: absolute;
        top: 60px;
        left: 0;
        min-width: 150px;
        max-width: 200px;
        height: auto;
        border-radius: 0.313rem;
        overflow: hidden;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        display: none;
        background-clip: padding-box;
        background: var(--white);
        box-shadow: 0 0.25rem 2.5rem 0.25rem rgba(0, 0, 0, 0.05);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform-origin: 0 0 0;
        transform: scaleY(0.2);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .main-navigation .dropdown .dropdown-nav li a {
        display: block;
        padding: 0.925rem 1.25rem !important;
        width: 100%;
        font-size: 0.875rem;
        color: var(--dark) !important;
        background-color: var(--white);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .main-navigation .dropdown .dropdown-nav li a:hover { color: var(--dark); background-color: var(--light) !important; }
    .main-navigation .dropdown .dropdown-nav li.active a { background: var(--yellow); }
    .main-navigation .dropdown .dropdown-nav li.active+.dropdown .dropdown-trigg { background: lime; }

    @media (max-width: 992px) {
        .main-navigation .dropdown { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
        .main-navigation .dropdown .dropdown-nav,
        .main-navigation .dropdown .dropdown-menu { 
            position: relative; 
            top: 0; 
            height: 0; 
            width: 100%;
            max-width: 100%;
            box-shadow: none;
            transform: none;
            -webkit-transition: height 2s, opacity 2s, visibility 2s, transform 2s; 
            -moz-transition: height 2s, opacity 2s, visibility 2s, transform 2s; 
            transition: height 2s, opacity 2s, visibility 2s, transform 2s;
        }
        .main-navigation .dropdown .dropdown-nav.show,
        .main-navigation .dropdown .dropdown-menu.show { 
            position: relative !important;
            height: auto; 
            opacity: 1;
            visibility: visible;
            transform: translate3d(0px, 0px, 0px) !important;
            background: lime;
            -webkit-transition: height 2s, opacity 2s, visibility 2s, transform 2s; 
            -moz-transition: height 2s, opacity 2s, visibility 2s, transform 2s; 
            transition: height 2s, opacity 2s, visibility 2s, transform 2s; 
        }
        .main-navigation .dropdown .dropdown-nav li a { padding: 0.625rem 1.25rem !important; }
        .dropdown.current-menu-has-children > a:after { position: absolute; top: auto; bottom: auto; right: 1.25rem; }
    }
    @media (max-width: 480px) {
        .dropdown.current-menu-has-children > a:after { right: 0.625rem; }
    }


    ul.dropdown-menu.dropdown-menu-left li { position: relative; display: block; }
    .dropdown-menu.dropdown-menu-left { left: auto; }
    .dropdown-menu.dropdown-menu-left { left: initial; right: 0 ! important; }
    .dropdown-menu-left .sub-menu { left: 100%; right: auto; width: auto; }
    .dropdown:hover > .sub-menu { top: 0; }


    /*.mega-manu { position: static; }*/
    .mega-manu:hover .maga-manu-wrapper { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 60px; }
    .maga-manu-wrapper {
        position: absolute;
        top: 100px;
        left: 0;
        width: 500px;
        max-width: 500px;
        height: auto;
        border-radius: 0.313rem;
        overflow: hidden;
        background: var(--white);
        box-shadow: 0 0.25rem 2.5rem 0.25rem rgba(0, 0, 0, 0.05);
        z-index: 99;
        opacity: 0;
        padding: 1.25rem;
        border-radius: 0.313rem;
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    

    .mega-single-items { color: #536d87; position: relative; padding-left: 65px; text-align: left; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .mega-single-items h2 { font-size: 20px; font-weight: 600; color: #3a4368 ; margin-bottom: 15px; }
    .mega-single-items:hover h2 { color: #3464e0; }
    .mega-single-items img { position: absolute; left: 0; top: 9%; }
    .mega-single-items p { font-size: 14px; color: #536d87; }


    .top-bar-area .top-bar-content .top-bar-search { display: none; position: absolute; top: 1.3rem; right: 3.3rem; width: 2rem; height: 2.5rem; z-index: 99; }

    .top-bar-area .top-bar-content .top-bar-whatsapp { display: none; position: absolute; top: 1.3rem; right: 5.75rem; width: 2rem; height: 2.5rem; z-index: 99; }
    .top-bar-area .top-bar-content .top-bar-whatsapp a { width: 2rem; height: 2rem; }
    .top-bar-area .top-bar-content .top-bar-whatsapp a i { font-size: 1.4rem; line-height: 1.6; color: var(--text1); }

    .menu-trigger { cursor: pointer; display: none; position: absolute; top: 1.3rem; right: 2.5rem; width: 1.625rem; height: 2.5rem; text-indent: -9999em; z-index: 99; }
    .menu-trigger span,
    .menu-trigger span:before,
    .menu-trigger span:after {
        background-color: var(--text1);
        display: block;
        position: absolute;
        width: 1.25rem;
        height: 2px;
        left: 0;
        -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;
    }
    .menu-trigger span:before,
    .menu-trigger span:after {
        background-color: var(--text1);
        display: block;
        position: absolute;
        width: 1.25rem;
        height: 2px;
        left: 0;
        width: 75%;
        -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;
    }
    .menu-trigger span:before,
    .menu-trigger span:after {
        content: "";
    }
    .menu-trigger span { top: 16px; }
    .menu-trigger span:before { top: -8px; z-index: 10; -moz-transform-origin: 30% 100%; -ms-transform-origin: 30% 100%; -webkit-transform-origin: 30% 100%; transform-origin: 30% 100%; }
    .menu-trigger span:after { top: 8px; -moz-transform-origin: 30% 0; -ms-transform-origin: 30% 0; -webkit-transform-origin: 30% 0; transform-origin: 30% 0; }
    .menu-trigger.active span, 
    .menu-trigger.active span:before, 
    .menu-trigger.active span:after {
        background-color: transparent;
        width: 100%;
    }
    .menu-trigger.active span:before {
        -moz-transform: translateY(4px) translateX(1px) rotate(45deg);
        -ms-transform: translateY(4px) translateX(1px) rotate(45deg);
        -webkit-transform: translateY(4px) translateX(1px) rotate(45deg);
        transform: translateY(4px) translateX(1px) rotate(45deg);
        background-color: var(--text1);
    }
    .menu-trigger.active span:after {
        -moz-transform: translateY(-4px) translateX(1px) rotate(-45deg);
        -ms-transform: translateY(-4px) translateX(1px) rotate(-45deg);
        -webkit-transform: translateY(-4px) translateX(1px) rotate(-45deg);
        transform: translateY(-4px) translateX(1px) rotate(-45deg);
        background-color: var(--text1);
    }


    @media (max-width: 1200px) {
        .top-bar-area .top-bar-content .top-bar-brand .logo-img { max-width: 235px; }
        .top-bar-info .info .info-item .icon img { max-width: 1.875rem; }
        .top-bar-info .info .info-item .text { font-size: 0.813rem; }

        .main-navigation .navigation ul.navigation-nav li.nav-item:not(:last-child) { margin-right: 1.675rem; }
    }

    @media (max-width: 992px) {
        .top-bar-area { position: fixed; top: 0; left: 0; width: 100%; height: 74px; padding: 0; z-index: 999; background: var(--white); }
        .top-bar-area .top-bar-content { height: 74px; }
        .top-bar-area .top-bar-content .top-bar-brand .logo-img { max-width: 215px; }
        .top-bar-area .top-bar-content .top-bar-info { display: none; }
        .top-bar-area .top-bar-content .top-bar-search { display: block !important; z-index: 99; }
        .top-bar-area .top-bar-content .top-bar-whatsapp { display: block; z-index: 99; }

        .navigation-right .top-bar-info .info { display: flex; justify-content: flex-start; margin-top: 2.5rem; width: 100%; }

        .menu-trigger { display: block !important; }

        .main-navigation { position: fixed; top: 0; left: 0; width: 100%; padding-top: 74px; background: var(--white); }
        .main-navigation.shrink { background: var(--white); }

        .getit-apps .top-bar-area { position: sticky; }
        .getit-apps .main-navigation { position: sticky; padding-top: 0; }

        .shrink .top-bar-area { position: fixed; }
        .shrink .main-navigation { position: fixed; padding-top: 74px; }

        
        .main-navigation .navigation {
            position: relative; 
            height: 0; 
            visibility: hidden; 
            opacity: 0; 
            display: -ms-flexbox;
            display: flex; 
            align-items: flex-start; 
            justify-content: flex-start;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: inherit;
            flex-wrap: inherit;
            white-space: nowrap;
            overflow-y: auto !important; 
            overflow-x: hidden !important;
            width: 100%;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: none;
            scrollbar-width: none;
            -webkit-transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
            -moz-transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
            -o-transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
            transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
        }
        .main-navigation .navigation.opened {
            padding-bottom: 6.25rem;
            height: 82vh;
            visibility: visible;
            opacity: 1;
            -webkit-transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
            -moz-transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
            -o-transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
            transition: height 500ms ease, visibility 400ms linear, opacity 400ms linear;
        }

        .main-navigation .navigation ul.navigation-nav { display: block; width: 100%; margin-top: 1.25rem; margin-bottom: 1.25rem; }
        .main-navigation .navigation ul.navigation-nav li.nav-item:not(:last-child) { margin-right: 0; }
        .main-navigation .navigation ul.navigation-nav li.nav-item { height: auto; padding: 0; }
        .main-navigation .navigation ul.navigation-nav li.nav-item a { color: var(--dark); width: 100%; padding: 0.925rem 0; }
        .main-navigation .navigation ul.navigation-nav li.nav-item:hover a { color: var(--accent); }
        .main-navigation .navigation ul.navigation-nav li.nav-item.active a { color: var(--accent); }
        .main-navigation .navigation ul.navigation-nav li.nav-item a .text-mbl { display: inline; }

        .main-navigation .navigation ul.navigation-nav li.nav-item.search { display: none; }
    }

    @media (max-width: 768px) {
        .top-bar-area .top-bar-content .top-bar-brand .logo-img { max-width: 190px; }

        .navigation-right .top-bar-info .info { display: block; }
        .top-bar-info .info .info-item:not(:last-child) { margin-right: 0; padding-right: 0; margin-bottom: 1.25rem; }
        .top-bar-info .info .info-item:not(:last-child):after { opacity: 0; }
    }

    @media (max-width: 580px) {
        .menu-trigger { right: 2rem; }
        /*.top-bar-area .top-bar-content .search-button { margin-right: 0.625rem; }*/
    }

    @media (max-width: 480px) {
        .menu-trigger { right: 15px; }
        .top-bar-area .top-bar-content .top-bar-brand .logo-img { max-width: 170px; }
        .top-bar-area .top-bar-content .top-bar-whatsapp { margin-right: 0; }
        .top-bar-area .top-bar-content .search-button { margin-right: 0; }
    }
/* ------------------------------------ end navbar ------------------------------------ */


/* ------------------------------------ section content ------------------------------------ */
    .wrap-bg-grey { position: relative; z-index: 3; background: linear-gradient(180deg, #F5F5F5 0%, rgba(248, 248, 248, 0) 100%); border-radius: 0 120px 0 0; }

    .intro-section { position: relative; overflow: hidden; padding-bottom: 3.75rem; z-index: 3; }
    .intro-section .intro-slider-wrap { padding-top: 3rem; padding-bottom: 3rem; }
    .intro-section .intro-slider-wrap .intro-slider { position: relative; overflow: hidden; border-radius: 1.25rem; height: 430px; display: flex; align-items: center; }
    .intro-section .intro-slider-wrap .intro-slider .slider-cover { object-fit: cover; object-position: top; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; margin: auto; }
    .intro-section .intro-slider-wrap .intro-slider .slider-content { position: relative; z-index: 3; max-width: 450px; }
    .intro-section .intro-slider-wrap .intro-slider .slider-content h2 { font-size: 3rem; color: var(--second2); margin-bottom: 1.25rem; }

    .intro-section .intro-slider-wrap .intro-slider-nav { position: relative; }
    .intro-section .intro-slider-wrap .intro-slider-nav .swiper-button-2 {
        width: 2.68rem;
        height: 2.68rem;
        font-size: 1.125rem !important;
        margin-top: calc(-18% - (var(--swiper-navigation-size)/ 2));
    }
    .intro-section .intro-slider-wrap .intro-slider-nav .swiper-button-prev { left: -3.25rem; }
    .intro-section .intro-slider-wrap .intro-slider-nav .swiper-button-next { right: -3.25rem; }

    .intro-section .intro-slider-wrap .intro-slider .video-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; margin: auto; object-fit: cover; object-position: center; }
    .intro-section .intro-slider-wrap .intro-slider .video-foreground iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
        border-radius: 1.25rem; 
    }

    .slider-cover-mobile { display: none; }

    @media (max-width: 1200px) {
        .intro-section .intro-slider-wrap .intro-slider { height: 360px; }
        .intro-section .intro-slider-wrap .intro-slider .slider-content h2 { font-size: 2.5rem; }
        .intro-section .intro-slider-wrap .intro-slider .slider-content p { font-size: 0.938rem; }

        .intro-section .intro-slider-wrap .intro-slider-nav .swiper-button-2 { margin-top: calc(-20% - (var(--swiper-navigation-size)/ 2)); }
    }
    @media (max-width: 992px) {
        .intro-section .intro-slider-wrap .intro-slider { height: 100%; min-height: auto; display: block; }
        .intro-section .intro-slider-wrap .intro-slider .slider-cover { position: relative; width: 100%; height: 100%; }
        .intro-section .intro-slider-wrap .intro-slider .slider-content { display: none; }

        .slider-cover-mobile { display: block; }
        .slider-cover-dekstop { display: none; }

    }
    @media (max-width: 768px) {
        .intro-section { padding-bottom: 1.25rem; }
        .intro-section .intro-slider-wrap { padding-top: 3rem; padding-bottom: 0rem; }
        .intro-section .intro-slider-wrap .intro-slider { height: 100%; }
        .intro-section .intro-slider-wrap .intro-slider .slider-content h2 { font-size: 2rem; }
    }


    .intro-medium { position: relative; height: 345px; padding-top: 1.875rem; padding-bottom: 1.875rem; display: flex; align-items: center; z-index: 3; }
    .intro-medium:before { 
        content: ''; 
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%; 
        background: linear-gradient(180deg, rgba(9, 85, 139, 0.8) 0%, rgba(9, 85, 139, 0.8) 100%);
        z-index: 1;
    }
    .intro-medium .bg-intro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
    .intro-medium .wrap-content { position: relative; z-index: 2; }
    .intro-medium .wrap-content .wrap-text-2 { max-width: 768px; display: flex; align-items: center; gap: 2.5rem; }
    .intro-medium .wrap-content .wrap-text-2 .post-thumbnails { margin-top: 0.625rem; width: 8.25rem; aspect-ratio: 1/1; border-radius: 1rem; overflow: hidden; }
    .intro-medium .wrap-content .wrap-text-2 .post-thumbnails .post-img { flex: 1 1; object-fit: cover; object-position: center; }
    .intro-medium .wrap-content .wrap-text-2:has(.description) { align-items: flex-start; }
    .intro-medium .wrap-content .heading { line-height: 130%; color: var(--white); margin-bottom: 0.875rem; }
    .intro-medium .wrap-content .description { font-weight: 400; font-size: 1rem; color: var(--white); margin-bottom: 0; }
    .intro-medium .wrap-content .action .btn { min-width: 212px; margin: 0 0.313rem; }
    

    .intro-medium .wrap-vaksin-schedule { margin-bottom: -5.25rem; }

    @media (max-width: 768px) {
        .intro-medium .wrap-content .wrap-text-2 { flex-direction: column; gap: 1.875rem; }
        .intro-medium .wrap-content .wrap-text-2 .post-thumbnails { width: 6.25rem; }
    }
    @media (max-width: 580px) {
        .intro-medium .wrap-content .action { display: flex; align-items: center; flex-direction: column; }
        .intro-medium .wrap-content .action .btn { margin: 0.313rem 0; }
    }
    @media (max-width: 992px) {
        .intro-medium { padding-top: 2.5rem; padding-bottom: 2.5rem; height: 100%; }
    }
    

    .wrap-vaksin-schedule { position: relative; width: 100%; padding: 1.875rem 1.25rem; border-radius: 1.25rem; background: var(--accent); border: 2px solid var(--white); display: flex; flex-direction: column; align-items: center; }
    .wrap-vaksin-schedule .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .wrap-vaksin-schedule .content { width: calc(100%); text-align: center; margin-bottom: 1rem; }
    .wrap-vaksin-schedule .content h3 { font-weight: 700; line-height: 140%; color: var(--white); margin-bottom: 0; }
    .wrap-vaksin-schedule .action { width: calc(100%); text-align: center; }
    .wrap-vaksin-schedule .action .btn:hover, .wrap-vaksin-schedule .action .btn:focus { transform: scale(0.98); -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

    @media (max-width: 1200px) {
        .wrap-vaksin-schedule .content { width: calc(100%/1.5); }
    }
    @media (max-width: 992px) {
        .wrap-vaksin-schedule .content { width: calc(100%/1.2); }
    }
    @media (max-width: 768px) {
        .wrap-vaksin-schedule { flex-direction: column; }
        .wrap-vaksin-schedule .cover { object-position: 80% 50%; }
        .wrap-vaksin-schedule .content { width: calc(100%/1); text-align: center; margin-bottom: 1.25rem; }
        .wrap-vaksin-schedule .content h3 { line-height: 130%; }
        .wrap-vaksin-schedule .action { width: calc(100%/1); text-align: center; }
    }


    .section-single-post { position: relative; z-index: 4; overflow: hidden; }
    .section-single-post .post-title { font-weight: 600; font-size: 2rem; line-height: 145%; color: var(--accent); margin-bottom: 1.25rem; }
    .section-single-post .post-description { font-family: var(--font2); font-size: 15px; line-height: 180%; color: var(--dark); }
    .section-single-post .post-description p { font-family: var(--font2); font-size: 15px; line-height: 180%; color: var(--dark); }
    .section-single-post .post-description ul { margin-bottom: 1.25rem; padding-left: 20px; }
    .section-single-post .post-description ul li { font-family: var(--font2); font-size: 15px; line-height: 180%; color: var(--dark); list-style: disc; }
    .section-single-post .post-img { position: relative; overflow: hidden; border-radius: 0.625rem; }
    .section-single-post .post-meta-info { margin-bottom: 1.125rem; }
    .section-single-post .post-meta-info span { font-weight: 500; font-size: 0.875rem; color: var(--dark); }
    .section-single-post .post-share { display: flex; align-items: center; justify-content: flex-start; margin-top: 1.25rem; margin-bottom: 1.25rem; }

    @media (max-width: 480px) {
        .section-single-post .post-share { display: block; }
    }

    /* tags */
    .tags-area { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 0.625rem; margin-top: 2.5rem; }
    .tags-area .tags-item { display: inline-flex; padding: 0.4rem 0.85rem; background: var(--white); border: 1.5px solid var(--accent); border-radius: 0.50rem; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .tags-area .tags-item span { font-weight: 500; font-size: 0.875rem; line-height: 1.5; letter-spacing: 0.03rem; color: var(--accent); }
    .tags-area .tags-item:hover { background: var(--accent); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .tags-area .tags-item:hover span { color: var(--primary-color); }


    /*sidebar*/
    .sidebar { position: relative; }
    .sidebar .sidebar-widget:not(:last-child) { margin-bottom: 3rem; }
    .sidebar .sidebar-widget .widget-title { margin-bottom: 1.25rem; }
    .sidebar .sidebar-widget .widget-title .title { font-weight: 600; color: var(--dark); margin-bottom: 0; }

    .post-1 { position: relative; overflow: hidden; width: 100%; display: flex; align-items: stretch; }
    .post-1 .post-thumb { position: relative; overflow: hidden; flex: 0 0 80px; width: 80px; height: 80px; border-radius: 0.5rem; margin-right: 1rem; }
    .post-1 .post-thumb .post-img { width: 100%; height: 63px; object-fit: cover; object-position: top center; }
    .post-1 .post-content { flex: 0 0 auto; width: auto; max-width: 71%; }
    .post-1 .post-content .post-title { font-weight: 400; font-size: 0.975rem; line-height: 160%; color: var(--dark); margin-bottom: 0; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; }

    @media (max-width: 1200px) {
        .post-1 .post-thumb { flex: 0 0 70px; width: 70px; height: 70px; }
        .post-1 .post-thumb .post-img { height: 60px; }
        .post-1 .post-content { max-width: 69%; }
        .post-1 .post-content .post-title { font-size: 0.875rem; }
    }
    @media (max-width: 992px) {
        .post-1 .post-thumb { flex: 0 0 80px; width: 80px; height: 80px; }
        .post-1 .post-content { max-width: 550px; }
        .post-1 .post-content .post-title { font-size: 0.975rem; }
    }
    @media (max-width: 768px) {
        .post-1 .post-thumb { flex: 0 0 80px; width: 80px; height: 80px; }
        .post-1 .post-content { max-width: 80%; }
        .post-1 .post-content .post-title { font-size: 0.975rem; }
    }
    @media (max-width: 480px) {
        .post-1 .post-thumb { flex: 0 0 65px; width: 65px; height: 65px; margin-right: 0.825rem; }
        .post-1 .post-content { max-width: 75%; }
        .post-1 .post-content .post-title { font-size: 0.875rem; }
    }


    .quick-link-hospital.desktop { display: block; margin-top: 0/*-5%*/; }
    .quick-link-hospital.mobile { display: none; }
    .quick-link-hospital { position: relative; margin-top: 2.5rem; z-index: 5; }
    .quick-link-hospital label { position: relative; width: 100%; font-weight: 500; color: var(--accent); margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: inherit; }
    .quick-link-hospital label .line { width: 68%; height: 1px; margin-left: 1.725rem; background: var(--accent); }

    .wrap-all-hospital { position: relative; overflow: hidden; border-radius: 1.25rem; display: flex; align-items: stretch; }
    .wrap-all-hospital .hospital-items { position: relative; width: 100%; }
    .wrap-all-hospital .hospital-items:before { content: ''; position: absolute; top: 10%; right: -1px; width: 1px; height: 80%; background: var(--white); border-radius: 0.5rem; z-index: 5; }
    .wrap-all-hospital .hospital-items:last-child:before { opacity: 0; visibility: hidden; }
    .wrap-all-hospital .hospital-items .card-hospital { position: relative; overflow: hidden; height: 145px; border-radius: 0; padding: 1.25rem 0.625rem; background: var(--accent); display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .wrap-all-hospital .hospital-items .card-hospital:hover { background: var(--yellow); box-shadow: 1.25rem 0.25rem 3.125rem rgba(255, 199, 31, 0.2); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .wrap-all-hospital .hospital-items .card-hospital .hospital-cover { mix-blend-mode: soft-light; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
    .wrap-all-hospital .hospital-items .card-hospital .hospital-content { position: relative; text-align: center; }
    .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-img { width: 65px; height: 65px; padding: 13px; border-radius: 50%; background: var(--yellow); margin: auto; margin-bottom: 0.625rem; }
    .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-img img { position: relative; z-index: 3; }
    .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-title { position: relative; font-size: 0.938rem; font-weight: 600; color: #E8F0FC; letter-spacing: 0.02rem; z-index: 3; margin-bottom: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .wrap-all-hospital .hospital-items .card-hospital:hover .hospital-content .hospital-title { color: var(--accent); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    @media (max-width: 1200px) {
        .quick-link-hospital label .line { width: 60%; }

        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-img { width: 58px; height: 58px; padding: 15px; }
        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-title { font-size: 1.125rem; }
    }
    @media (max-width: 992px) {
        .quick-link-hospital label .line { width: 48%; }
    }
    @media (max-width: 768px) {
        .quick-link-hospital.desktop { display: none; }
        .quick-link-hospital.mobile { display: block; }
        .quick-link-hospital { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 20; }
        .quick-link-hospital label { background: var(--accent); text-align: center; color: var(--white); margin-bottom: -0.5px; padding: 12px; display: flex; justify-content: center; }
        .quick-link-hospital label .line { display: none; }

        .wrap-all-hospital { position: relative; border-radius: 0; }
        .wrap-all-hospital .hospital-items .card-hospital { height: 85px; }
        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-img { width: 35px; height: 35px; padding: 0; display: flex; align-items: center; justify-content: center; }
        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-img img { max-width: 20px; }
        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-title { font-size: 0.935rem; }
    }
    @media (max-width: 480px) {
        .quick-link-hospital label { padding: 8px; }

        .wrap-all-hospital .hospital-items .card-hospital { height: 70px; }
        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-img { width: 25px; height: 25px; }
        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-img img { max-width: 14px; }
        .wrap-all-hospital .hospital-items .card-hospital .hospital-content .hospital-title { font-size: 0.65rem; line-height: 120%; }
    }


    /*.intro-section .wrap-all-hospital { position: relative; z-index: 3; }
    .intro-section .wrap-all-hospital .row { margin-top: -5%; }

    @media (max-width: 1200px) {
        .intro-section .intro-slider-wrap .intro-slider .slider-content h2 { font-size: 3rem; }

        .row .col { padding-left: 0.625rem; padding-right: 0.625rem; }
    }
    @media (max-width: 992px) {
        .intro-section .intro-slider-wrap .intro-slider .slider-content h2 { font-size: 2.625rem; }

        .row .col { padding-left: 0.5rem; padding-right: 0.5rem; }
    }
    @media (max-width: 768px) {
        .intro-section .intro-slider-wrap .intro-slider .slider-content h2 { font-size: 2.4rem; }

        .row .col:nth-child(odd) { padding-right: 0.5rem; }
        .row .col:nth-child(even) { padding-left: 0.5rem; }
    }
    @media (max-width: 480px) {
        .intro-section .intro-slider-wrap .intro-slider .slider-content h2 { font-size: 1.75rem; }

    }


    .card-hospital { position: relative; overflow: hidden; height: 120px; border-radius: 1.25rem; padding: 1.25rem 0.625rem; background: var(--accent); display: flex; align-items: center; justify-content: center; box-shadow: 0.25rem 0.25rem 2.5rem rgba(168, 233, 239, 0.4); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-hospital:hover { background: var(--yellow); box-shadow: 1.25rem 0.25rem 3.125rem rgba(255, 199, 31, 0.2); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-hospital .hospital-cover { mix-blend-mode: soft-light; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
    .card-hospital .hospital-title { position: relative; font-weight: 700; color: #E8F0FC; text-align: center; margin-bottom: 0; z-index: 3; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-hospital:hover .hospital-title { color: var(--accent); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    @media (max-width: 1200px) {
        .card-hospital .hospital-title { font-size: 1.25rem; }
    }
    @media (max-width: 992px) {
        .card-hospital { margin-bottom: 1.875rem; }
    }
    @media (max-width: 768px) {
        .card-hospital { height: 5.938rem; margin-bottom: 0.935rem; }
        .card-hospital .hospital-title { font-size: 1rem; }
    }
    @media (max-width: 480px) {
        .card-hospital { height: 6.25rem; border-radius: 0.625rem; }
        .card-hospital .hospital-title { font-size: 0.935rem; }
    }*/


    .wrap-form-filter { position: relative; width: auto; display: inline-block; width: 100%; padding: 1.25rem; background: #F1F1F1; border-radius: 1.25rem; margin-bottom: 2.5rem; }
    .wrap-form-filter .form-filter { display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 0; }
    .wrap-form-filter .form-filter .form-group { position: relative; margin-bottom: 0; max-width: 24.10%; height: 100%; background: var(--white); border-radius: 0.313rem; }
    .wrap-form-filter .form-filter .form-group:nth-child(2),
    .wrap-form-filter .form-filter .form-group:nth-child(3) { max-width: 36.4%; }
    .wrap-form-filter .form-filter .form-group:not(:last-child) { margin-right: 0.625rem; }
    .wrap-form-filter .form-filter .form-group .control-label { margin-bottom: 0; font-size: 0.813rem; line-height: 1; color: var(--text1); }
    .wrap-form-filter .form-filter .form-group .form-control { height: 40px; padding: 0.313rem 0.625rem; background: transparent; }
    .wrap-form-filter .form-filter .form-group .form-control::placeholder { color: var(--dark); opacity: 0.8; }
    .wrap-form-filter .form-filter .form-group .select2-container .select2-selection--single { height: 40px; padding: 0.313rem 0.625rem; background: transparent; }
    .wrap-form-filter .form-filter .form-group .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--dark); opacity: 0.8; }
    .wrap-form-filter .form-filter .form-group .search-form-icon { position: absolute; top: 50%; left: 1rem; font-size: 1.125rem; color: var(--border); opacity: 1; }
    
    .wrap-form-filter .form-filter .form-group.form-search { display: block; width: 100%; max-width: 100%; margin-bottom: 0.625rem; }
    .wrap-form-filter .form-filter .form-group.form-search .form-control { background: var(--white); height: 40px; border-radius: 0.313rem; overflow: hidden; }
    .wrap-form-filter .form-filter .form-group.form-search .input-group .input-group-addon { position: absolute; top: 25%; left: 0.75rem; z-index: 5; }
    .wrap-form-filter .form-filter .form-group.form-search .input-group .input-group-addon span { font-weight: normal; font-size: 0.875rem; line-height: 1; color: var(--text1); }
    .wrap-form-filter .form-filter .form-group.form-search .input-group .form-control { padding-left: 2.188rem; }
    .wrap-form-filter .form-filter .form-group.form-search .clear-form { position: relative; flex-shrink: 0; padding: 0 1.25rem; border: 0; background: none; box-shadow: none; outline: 0; font-size: 0.938rem; color: var(--border2); }
    .wrap-form-filter .form-filter .form-group.form-search .clear-form:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 65%; background: var(--border); }
    .wrap-form-filter .form-filter .form-group .btn-submit { display: block; width: 100%; height: 40px; padding: 0 2.5rem; color: var(--accent); }

    .search-autocomplete { background: var(--white); position: absolute; top: 38px; left: 0; width: 100%; max-height: 200px; padding: 0.625rem 0.925rem; border-radius: 0.313rem; opacity: 0; visibility: hidden; z-index: 5; }
    .search-autocomplete.open { opacity: 1; visibility: visible; }
    .search-autocomplete ul { position: relative; }
    .search-autocomplete ul li { padding: 0.25rem 0; }
    .search-autocomplete ul li a { font-weight: 500; font-size: 0.875rem; display: block; }

    @media (max-width: 992px) {

        .wrap-form-filter .form-filter .form-group:not(:last-child) { margin-right: 0.355rem; }
    }
    @media (max-width: 768px) {
        .wrap-form-filter .form-filter .form-group { max-width: 49%; margin-bottom: 0.625rem; }
        .wrap-form-filter .form-filter .form-group:last-child { max-width: 100%; }
        .wrap-form-filter .form-filter .form-group:not(:last-child) { margin-right: 0.625rem; }

        /*.wrap-form-filter .form-filter .form-group:nth-child(1),
        .wrap-form-filter .form-filter .form-group:nth-child(3) {
            margin-right: 2%;
        }*/
        .wrap-form-filter .form-filter .form-group:nth-child(2),
        .wrap-form-filter .form-filter .form-group:nth-child(3) { max-width: 47%; }

        .wrap-form-filter .form-filter .form-group.form-search { display: block; width: 100%; }
    }
    @media (max-width: 480px) {
        .wrap-form-filter .form-filter .form-group { max-width: 49%; margin-bottom: 0.5rem; }
        .wrap-form-filter .form-filter .form-group.form-search { width: 100%; margin-bottom: 0.5rem; }

        .wrap-form-filter .form-filter .form-group:nth-child(1) { margin-right: 0; }
        .wrap-form-filter .form-filter .form-group:nth-child(2) { margin-right: 0; max-width: 100%; }
        .wrap-form-filter .form-filter .form-group:nth-child(3) { margin-right: 0; max-width: 100%; }
    }
    @media (max-width: 350px) {
        .wrap-form-filter .form-filter .form-group { max-width: 100%; }
        .wrap-form-filter .form-filter .form-group:nth-child(2) { margin-right: 0; }
    }


    .partner-section { position: relative; padding-top: 0; }
    .partner-section .card-partner { z-index: 3; position: relative; background: rgba(255, 255, 255, 0.05); box-shadow: 1.25rem 0.25rem 3.125rem rgba(168, 233, 239, 0.09); height: 7.813rem; display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .partner-section .card-partner:hover { background: rgba(255, 255, 255, 1); box-shadow: 1.25rem 0.25rem 3.125rem rgba(192, 189, 189, 0.25); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .partner-section .card-partner .partner-img { margin: auto; max-height: 7.813rem; }
    .partner-section .btn { z-index: 3; margin-top: 1.25rem; }

    @media (max-width: 1200px) {
        .partner-section .card-partner { height: 6.875rem; }
        .partner-section .card-partner .partner-img { max-height: 6.875rem; }
    }
    @media (max-width: 992px) {
        .partner-section .flex-5-column .flex-col { padding: 0.125rem; margin-bottom: 0; flex-basis: 33.33%; }
    }
    @media (max-width: 768px) {
        .partner-section { padding-bottom: 0; }
        .partner-section .card-partner { height: 4.688rem; }
        .partner-section .card-partner .partner-img { max-height: 4.688rem; }
    }
    @media (max-width: 480px) {
        .partner-section .card-partner { height: 3.2rem; }
        .partner-section .card-partner .partner-img { max-height: 3.2rem; }
    }


    .about-section { position: relative; overflow: hidden; }
    .about-section .wrap-content { position: relative; max-width: 530px; }
    .about-section .wrap-content h2 { font-weight: 400; margin-bottom: 1.25rem; }
    .about-section .wrap-thumbnails .img-thumbnails { position: relative; overflow: hidden; max-height: 350px; border-radius: 0.5rem; width: auto; max-width: 100%; z-index: 2; }
    .about-section .wrap-thumbnails .pattern-dots { position: absolute; top: -20%; left: 0; max-width: 265px; z-index: 0; }

    @media (max-width: 1200px) {
        .about-section { padding-bottom: 5rem; }
        .about-section .wrap-thumbnails .img-thumbnails { max-width: 95%; }
        .about-section .wrap-thumbnails .pattern-dots { max-width: 225px; }
    }
    @media (max-width: 992px) {
        .about-section .wrap-content h2 { font-size: 1.813rem; }
        .about-section .wrap-thumbnails .pattern-dots { max-width: 175px; }
    }
    @media (max-width: 768px) {
        .about-section .wrap-content { margin-bottom: 2.5rem; }
        .about-section .wrap-thumbnails { margin-top: 0.625rem; }
        .about-section .wrap-thumbnails .pattern-dots { top: -15%; left: auto; right: -3%; }
    }
    @media (max-width: 580px) {
        .about-section .wrap-content h2 { font-size: 1.5rem; }
    }


    .services-section { position: relative; }
    .services-section .bg-section { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--accent); z-index: 0; }
    .services-section .services-item { position: relative; max-width: 14.375rem; z-index: 3; }
    .services-section .services-item .services-img { object-fit: contain; max-width: 5rem; max-height: 5rem; border-radius: 50%; overflow: hidden; margin-bottom: 1.725rem; }
    .services-section .services-item h2 { font-weight: bold; text-transform: uppercase; color: var(--white); margin-bottom: 1.125rem; }
    .services-section .services-item p { font-weight: 300; line-height: 1.7; color: var(--white); margin-bottom: 0; }

    @media (max-width: 1200px) {
        .services-section .services-item h2 { font-size: 14px; }
    }
    @media (max-width: 992px) {
        .services-section { padding-top: 5rem; }
        .services-section .services-item { margin-bottom: 3.125rem; }
        .services-section .services-item h2 { font-size: 15px; }
    }
    @media (max-width: 580px) {
        .services-section .services-item { text-align: center; max-width: 85%; margin: auto; margin-bottom: 3.125rem; }
        .services-section .services-item .services-img { max-width: 4.375rem; max-height: 4.375rem; }
    }


    .services-excellent { position: relative; overflow: hidden; z-index: 4; }
    .services-excellent .description { position: relative; color: var(--text1); line-height: 165%; z-index: 2; }
    .services-excellent .wrap-content { max-width: 700px; }
    .services-excellent .wrap-content .flex-col { margin-bottom: 0.625rem; }
    .services-excellent .wrap-thumbnails { margin-top: 1.825rem; }
    .services-excellent .wrap-thumbnails .img-thumbnails { position: relative; overflow: hidden; object-fit: contain; width: 100%; max-width: 100%; border-radius: 0.625rem; z-index: 2; }
    .services-excellent .wrap-thumbnails .pattern-dots { position: absolute; bottom: -29%; right: -23%; max-width: 450px; z-index: -1; }
    /*.services-excellent .wrap-thumbnails .img-thumbnails:not(:last-child) { margin-bottom: 1.25rem; }*/

    .services-excellent .card-excellent.style-2 { height: 4.688rem; }
    .services-excellent .card-excellent.style-2:after { 
        content: '';
        background-image: url(../img/icon/chevron-right.svg) !important;
        background-size: 1.063rem !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        position: absolute;
        top: 40%; 
        right: 1.25rem; 
        width: 1.125rem; 
        height: 1.125rem;
        z-index: 2;
        background: transparent;
        border-radius: 0;
    }
    .services-excellent .card-excellent.style-2 .text { font-size: 0.815rem !important; }


    @media (max-width: 992px) {
        .services-excellent .wrap-content { margin-bottom: 2.5rem; }

        .services-excellent .wrap-thumbnails { text-align: center; }
        .services-excellent .wrap-thumbnails .img-thumbnails { max-width: 85%; }
        .services-excellent .wrap-thumbnails .pattern-dots { bottom: -25%; right: -18%; max-width: 400px; }
        /*.services-excellent .wrap-thumbnails .img-thumbnails:not(:last-child) { margin-right: 0.625rem; margin-bottom: 1.25rem; }*/
    }
    @media (max-width: 768px) {
        .services-excellent { padding-top: 5rem; padding-bottom: 5rem; }
        .services-excellent .wrap-thumbnails { margin-top: 0rem; }
        .services-excellent .wrap-thumbnails .pattern-dots { bottom: -25%; right: -18%; max-width: 350px; }
    }
    @media (max-width: 480px) {
        .services-excellent .wrap-thumbnails .img-thumbnails { max-width: 100%; }
        .services-excellent .wrap-thumbnails .pattern-dots { bottom: -25%; right: -18%; max-width: 300px; }
        /*.services-excellent .wrap-thumbnails .img-thumbnails:not(:last-child) { margin-right: 0; }*/
    }


    .card-excellent { position: relative; overflow: hidden; height: 4.688rem; display: flex; align-items: center; flex-direction: row; background: var(--white); padding: 0.625rem 1.25rem; border-radius: 0.625rem; }
    .card-excellent:before {
        content: '';
        position: absolute;
        top: 40%;
        right: 1.28rem;
        width: 1rem; 
        height: 1rem;
        border-radius: 50%;
        background: var(--yellow);
        transform: scale(1);
        transform-origin: 50% 50%;
        transition: transform 0.3s ease-out;
        visibility: hidden;
        opacity: 0;
        z-index: 1;
    }
    .card-excellent:hover:before { visibility: visible; opacity: 1; transform: scale(35); transition: transform 0.5s ease-out, visibility 0.1s linear, opacity 0.1s linear; }
    .card-excellent .text { z-index: 2; font-weight: bold; font-size: 0.815rem; line-height: 1.4; color: var(--second2); text-transform: uppercase; max-width: 86%; margin-bottom: 0; }
    .card-excellent:after {
        content: '';
        background-image: url(../img/icon/chevron-right.svg);
        background-size: 1.063rem;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 40%; 
        right: 1.25rem; 
        width: 1.125rem; 
        height: 1.125rem;
        z-index: 2;
    }

    .card-excellent.style-2 { height: 6.25rem; flex-direction: column; align-items: flex-start; justify-content: center; }
    .card-excellent.style-2:before { background: #E7F5FF; }
    .card-excellent.style-2 .pattern-1 {
        content: '';
        background-image: url(../img/excellent-pattern.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0; 
        left: 0; 
        width: 155px;
        height: 100%;
        opacity: 0.5;
        z-index: 2;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-transition: filter 0.4s opacity 0.4s ease-in-out; -moz-transition: filter 0.4s opacity 0.4s ease-in-out; -ms-transition: filter 0.4s opacity 0.4s ease-in-out; -o-transition: filter 0.4s opacity 0.4s ease-in-out; transition: filter 0.4s opacity 0.4s ease-in-out;
    }
    .card-excellent.style-2:after {
        content: '\f067';
        background-image: none;
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        font-size: 0.725rem;
        color: var(--white);
        background: var(--accent);
        border-radius: 50%;
        line-height: 1.25rem;
        text-align: center;
        width: 1.25rem; 
        height: 1.25rem;
    }
    .card-excellent.style-2 .text { font-weight: bold; font-size: 1rem; color: var(--dark) !important; margin-bottom: 0; transition: all 0.3s ease-in-out; }
    .card-excellent.style-2 .next-desc { z-index: 2; font-weight: normal; font-size: 0.813rem; color: var(--dark) !important; width: 100%; margin-top: 0.313rem; margin-bottom: -1.25rem; opacity: 0; visibility: hidden; transition-delay: 0s, 0s, 0.3s; }
    
    .card-excellent.style-2[aria-expanded="true"] { background: #E7F5FF; }
    .card-excellent.style-2[aria-expanded="true"]:after { content: '\f068'; }
    .card-excellent.style-2:hover:before, .card-excellent.style-2[aria-expanded="true"]:before { transform: scale(43); }
    .card-excellent.style-2:hover .pattern-1, .card-excellent.style-2[aria-expanded="true"] .pattern-1 { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: filter 1s opacity 1s ease-in-out; -moz-transition: filter 1s opacity 1s ease-in-out; -ms-transition: filter 1s opacity 1s ease-in-out; -o-transition: filter 1s opacity 1s ease-in-out; transition: filter 1s opacity 1s ease-in-out; }
    .card-excellent.style-2:hover .next-desc, .card-excellent.style-2[aria-expanded="true"] .next-desc { margin-bottom: 0; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; }


    .service-item-area { position: relative; }
    .service-item-area .service-body { padding: 1.25rem; background: #F7F7F7; border-radius: 1.25rem; margin-top: 0.625rem; 
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        max-height: 400px;
    }
    .service-item-area .service-body .service-item { position: relative; }
    .service-item-area .service-body .service-item .service-link { display: block; padding: 0.313rem 0; font-weight: 500; font-size: 0.938rem; line-height: 1.2; color: var(--accent); }
    .service-item-area .service-body .service-item .service-link:hover { padding-left: 0.313rem; }

    @media (max-width: 1200px) {
        /*.card-excellent { height: 5.313rem; }*/
        .card-excellent .text { font-size: 0.78rem; }
    }
    @media (max-width: 768px) {
        .card-excellent:hover:before { transform: scale(60); }
    }


    .news-section { position: relative; z-index: 4; }
    
    .news-item { position: relative; z-index: 4; display: flex; align-items: flex-start; max-width: 90%; margin-bottom: 2.5rem; }
    .news-item .news-thumbnails { flex: 0 0 35%; margin-right: 1.25rem; }
    .news-item .news-thumbnails .news-img { width: 100%; height: 145px; overflow: hidden; border-radius: 0.625rem; object-fit: cover; object-position: center; }
    .news-item .news-content { flex: 0 0 65%; }
    .news-item .news-content .news-category { font-weight: normal; font-size: 0.75rem; border-radius: 1.25rem; margin-bottom: 0.625rem; }
    .news-item .news-content .post-meta-info { margin-bottom: 0.313rem; }
    .news-item .news-content .news-title { font-weight: 500; font-size: 1.125rem; line-height: 145%; color: var(--dark); overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .news-item .news-content .more-link { font-size: 0.875rem; color: var(--text1); }
    .news-item .news-content .more-link:before { top: 0.3rem; font-size: 0.75rem; }

    @media (max-width: 1200px) {
        .news-item { max-width: 100%; }
    }
    @media (max-width: 992px) {
        .news-item { display: block; }
        .news-item .news-thumbnails { margin-right: 0; margin-bottom: 0.925rem; }
        .news-item .news-thumbnails .news-img { height: 230px; }
    }
    @media (max-width: 768px) {
        .news-item .news-thumbnails .news-img { height: 180px; }
        .news-item .news-content .news-title { font-size: 1rem; }
    }
    @media (max-width: 580px) {
        .news-item .news-thumbnails .news-img { height: 35vw; }
        .news-item .news-content .news-category { font-size: 0.625rem; }
    }
    @media (max-width: 480px) {
        .news-item .news-content .news-title { font-size: 0.875rem; line-height: 130%; }
        .news-item .news-content .post-meta-info span { display: block; width: 100%; }
        .news-item .news-content .post-meta-info span:before { visibility: hidden; opacity: 0; }
    }


    .e-leaflet-section { position: relative; z-index: 4; }

    .gallery-section { position: relative; z-index: 4; }
    .gallery-section .content-area { position: relative;  }

    @media (max-width: 992px) {
        .gallery-section .flex-list-post .flex-col { flex-basis: 50%; }
    }
    @media (max-width: 480px) {
        .gallery-section .flex-list-post .flex-col { flex-basis: 100%; }
    }


    @media (max-width: 992px) {
        .flex-list-post .flex-col { flex-basis: 33.33%; }
    }
    @media (max-width: 768px) {
        .flex-list-post .flex-col { flex-basis: 50%; }
    }
    @media (max-width: 380px) {
        .flex-list-post .flex-col { flex-basis: 100%; }
    }


    .card-post { position: relative; overflow: hidden; border-radius: 1.25rem; height: 100%; box-shadow: 0.625rem 1.875rem 4.375rem rgba(51, 51, 51, 0.04); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post:hover, .card-post:focus { box-shadow: 0 1.25rem 4.375rem rgba(51, 51, 51, 0.15); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post .card-header { position: relative; height: 170px; margin-bottom: 0.625rem; }
    .card-post .card-header .e-leaflet { position: relative; height: 10px; margin-bottom: 0.625rem; }
    .card-post .card-header .card-header-meta { position: absolute; top: 1.625rem; right: 1.625rem; z-index: 3; }
    .card-post .card-header .card-header-meta span { font-weight: 400; }
    .card-post .card-body { padding: 0.313rem 0.938rem 0.938rem 0.938rem; }
    .card-post .post-meta-info { margin-top: 0.625rem; }
    .card-post .post-img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 1.125rem; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post .post-title { font-weight: 600; font-size: 1rem; line-height: 130%; color: var(--dark); margin-bottom: 0.5rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post .post-title-eleaflet { font-weight: 600; font-size: 1.625rem; line-height: 130%; color: var(--dark); margin: 0.935rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post .post-description { font-weight: 500; font-size: 0.813rem; line-height: 140%; color: var(--dark); margin-bottom: 0.25rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post .post-action { /*display: flex; align-items: center; justify-content: space-between;*/ margin-top: 0.625rem; }
    .card-post .post-action .btn { display: inline-block; width: 48%; }
    .card-post .post-action .btn:not(:last-child) { margin-right: 4%; }
    .card-post .price-area .price { font-size: 1rem; }
    .card-post .price-area .price .price-disc { font-size: 0.75rem; }

    .card-post.post-hv-accent { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post.post-hv-accent:hover { background: var(--accent); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post.post-hv-accent:hover .post-title { color: var(--white); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post.post-hv-accent:hover .post-description { color: var(--white); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post.post-hv-accent:hover .post-meta-info span { color: var(--white); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post.post-hv-accent:hover .post-meta-info span.zoom .icon { background: var(--white); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-post.post-hv-accent:hover .post-meta-info span.zoom .icon i { color: var(--dark); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

    @media (max-width: 1200px) {
        .card-post .card-header { height: 150px; }
    }
    @media (max-width: 992px) {
        .card-post .post-action .btn { display: block; width: 100%; }
        .card-post .post-action .btn:not(:last-child) { margin-bottom: 0.625rem; }
    }
    @media (max-width: 480px) {
        .card-post { background: none; box-shadow: none; }
        .card-post .card-header { padding: 0; padding-bottom: 0; }
        .card-post .card-header .card-header-meta { top: 0.625rem; right: 0.625rem; }
        .card-post .card-body { padding: 0; padding-bottom: 0.625rem; }
        .card-post .post-title-eleaflet { font-size: 0.938rem; }
        .card-post.post-hv-accent:hover .post-title { color: var(--dark); }
        .card-post.post-hv-accent:hover .post-description { color: var(--dark); }
        .card-post.post-hv-accent:hover .post-meta-info span { color: var(--dark); }
        .card-post.post-hv-accent:hover .post-meta-info span.zoom .icon { background: var(--dark); }
        .card-post.post-hv-accent:hover .post-meta-info span.zoom .icon i { color: var(--white); }

        .card-post .post-meta-info span.date { margin-bottom: 0.313rem; }
        .card-post .post-meta-info span.date, .card-post .post-meta-info span.zoom { display: block; width: 100%; }

        .card-post.post-hv-accent:hover { background: none; }
    }
    @media (max-width: 380px) {
        .card-post { background: var(--white); }
        .card-post .card-header { padding: 0.625rem; padding-bottom: 0; }
        .card-post .card-body { padding: 0.25rem 0.625rem 0.938rem 0.625rem; }
        .card-post .post-title-eleaflet { font-size: 0.625rem; }

        .card-post.post-hv-accent:hover { background: var(--accent); }
        .card-post.post-hv-accent:hover .post-title { color: var(--white); }
        .card-post.post-hv-accent:hover .post-description { color: var(--white); }
        .card-post.post-hv-accent:hover .post-meta-info span { color: var(--white); }
        .card-post.post-hv-accent:hover .post-meta-info span.zoom .icon { background: var(--white); }
        .card-post.post-hv-accent:hover .post-meta-info span.zoom .icon i { color: var(--dark); }
    }


    .card-post.style-2 { position: relative; border-radius: 1rem; }
    .card-post.style-2 .card-header { padding: 0; margin-bottom: 0; }
    .card-post.style-2 .card-header .post-img { border-radius: 1rem 1rem 0 0; } 
    .card-post.style-2 .card-body { position: relative; background: var(--white); padding: 1rem; border-radius: 1rem 1rem 0 0; margin-top: -0.625rem; z-index: 4; }


    .card-post.style-3 { position: relative; background: transparent; border-radius: 1rem; box-shadow: none; }
    .card-post.style-3:hover, .card-post.style-3:focus { box-shadow: 0 0.313rem 1.8rem rgba(51, 51, 51, 0.15); }
    .card-post.style-3 .card-header { position: relative; height: 220px; border-radius: 1rem; padding: 0.625rem; }


    .gallery-image-area .card-post .card-header { padding: 0; }

    @media (max-width: 1200px) {
        .gallery-image-area .card-post .card-header { height: 190px; }
    }
    @media (max-width: 992px) {
        .gallery-image-area { display: flex; }
        .gallery-image-area {
            position: relative;
            display: -ms-flexbox;
            display: flex; 
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: inherit;
            flex-wrap: inherit;
            white-space: nowrap;
            overflow-y: hidden !important; 
            overflow-x: auto !important;
            width: 100%;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .gallery-image-area::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; cursor: pointer; }
        .gallery-image-area::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
        .gallery-image-area::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
        .gallery-image-area:hover::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0.8); -webkit-box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
        .gallery-image-area:hover::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0.5); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
        .gallery-image-area::-webkit-scrollbar-thumb:horizontal:hover,
        .gallery-image-area::-webkit-scrollbar-thumb:vertical:hover { background: rgba(195, 195, 195, 1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

        .gallery-image-area .card-post { width: 320px; }
    }

    .card-gallery { position: relative; overflow: hidden; border-radius: 0.625rem; height: 100%; box-shadow: 0.625rem 1.875rem 4.375rem rgba(51, 51, 51, 0.04); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-gallery:hover, .card-gallery:focus { box-shadow: 0 1.25rem 4.375rem rgba(51, 51, 51, 0.15); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-gallery .card-header { position: relative; overflow: hidden; aspect-ratio: 3/2; border-radius: 0.625rem; padding-bottom: 0.938rem; }
    .card-gallery .card-body { padding: 0.313rem 0.938rem 0.938rem 0.938rem; }
    .card-gallery .post-img { width: 100%; height: 100%; object-fit: cover !important; object-position: top center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .card-gallery .post-title { font-weight: 600; font-size: 0.938rem; line-height: 130%; color: var(--dark); margin-bottom: 0.5rem; margin-top:0.625rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

    .card-video .play-button {
        position: absolute; 
        top: 0; 
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto; 
        width: 2.5rem; 
        height: 2.5rem; 
        border: 3px solid var(--white); 
        border-radius: 50%; 
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 5; 
    }
    .card-video .play-button .icon { font-size: 1.125rem; line-height: 1; color: var(--white); margin-bottom: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
    .card-video .play-button:hover { 
        border-color: var(--accent);
        box-shadow: 0 0 0.625rem 0.125rem rgba(255, 255, 255, 0.35); 
        background: rgba(255, 255, 255, 0.35);
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }
    .card-video .play-button:hover .icon { color: var(--accent); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }


    /*meta info*/
    .post-meta-info span { position: relative; font-weight: normal; font-size: 0.75rem; line-height: 1.2; color: var(--dark); }
    .post-meta-info span:not(:last-child) { margin-right: 0.5rem; }

    .post-meta-info.post-meta-info-2 span { color: var(--second); }
    .post-meta-info.post-meta-info-2 span:before { content: ''; position: absolute; top: 0.125rem; left: -0.313rem; width: 1px; height: 0.875rem; background: var(--second); }
    .post-meta-info.post-meta-info-2 span:first-child:before { opacity: 0; background: none; }


    .cta-section { position: relative; z-index: 4; overflow: hidden; background: var(--accent); }
    .cta-section h2 { font-weight: 600; color: var(--white); margin-bottom: 0; }
    
    @media (max-width: 1200px) {
        .cta-section h2 { font-size: 1.563rem; }
    }
    @media (max-width: 992px) {
        .cta-section { padding-top: 5rem; padding-bottom: 5rem; }
    }
    @media (max-width: 580px) {
        .cta-section h2 { font-size: 1.25rem; }
    }

    .cta-section-2 { position: relative; overflow: hidden; z-index: 4; }
    .cta-section-2 .wrap-cta { overflow: hidden; display: flex; align-items: stretch; justify-content: space-between; background: linear-gradient(180deg, #09558B 0%, #0A4975 100%); border-radius: 1.25rem; }
    .cta-section-2 .wrap-cta .thumbnails-area { width: calc(100%/2); }
    .cta-section-2 .wrap-cta .thumbnails-area img { width: 100%; height: 100%; mix-blend-mode: hard-light; }
    .cta-section-2 .wrap-cta .content-area { width: calc(100%/2); padding: 2.5rem; }
    .cta-section-2 .wrap-cta .content-area h2 { font-weight: bold; color: var(--white); margin-bottom: 1.25rem; }
    .cta-section-2 .wrap-cta .content-area h2 span { display: block; color: var(--yellow); margin-bottom: 1.25rem; }
    .cta-section-2 .wrap-cta .content-area p { font-weight: normal; color: var(--white); }
    .cta-section-2 .wrap-cta .content-area .cta-action { margin-top: 1.25rem; }
    .cta-section-2 .wrap-cta .content-area .cta-action .btn:not(:last-child) { margin-right: 1rem; }
    .cta-section-2 .wrap-cta .content-area .cta-action .btn i { font-size: 1.25rem; margin-right: 0.313rem; }

    @media (max-width: 992px) {
        .cta-section-2 .wrap-cta .thumbnails-area { width: calc(100%/2.5); }
        .cta-section-2 .wrap-cta .content-area { width: calc(100%/1.5); padding: 1.875rem; }
    }
    @media (max-width: 768px) {
        .cta-section-2 .wrap-cta { flex-direction: column; }
        .cta-section-2 .wrap-cta .thumbnails-area { height: 250px; -ms-flex-order: 1; order: 1; width: calc(100%/1); }
        .cta-section-2 .wrap-cta .content-area { -ms-flex-order: 0; order: 0; width: calc(100%/1); text-align: center; }
        .cta-section-2 .wrap-cta .content-area .cta-action { margin-bottom: 1rem; }
    }
    @media (max-width: 430px) {
        .cta-section-2 .wrap-cta .content-area { padding: 2.5rem 1.25rem; }
        .cta-section-2 .wrap-cta .content-area .cta-action .btn { display: block; }
        .cta-section-2 .wrap-cta .content-area .cta-action .btn:not(:last-child) { margin-right: 0; margin-bottom: 1rem; }
    }


    /*contact*/
    .contact-section .row-list .col-list { margin-bottom: 0.625rem; }

    .contact-section .contact-map { height: 300px; position: relative; z-index: 3; }
    .contact-section .contact-map iframe { border: 0; height: 100%; width: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
    .contact-section .contact-body { background-color: var(--light); padding: 2.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
    .contact-section .contact-info { position: relative; z-index: 3; }
    .contact-section .contact-info .media { margin-bottom: 1.25rem; }
    .contact-section .contact-info .media .media-header { margin-right: 0.625rem; }
    .contact-section .contact-info .media .media-header .icon { width: 2.188rem; height: 2.188rem; }
    .contact-section .contact-info .media h6 { font-weight: 400; color: var(--text3); margin-bottom: 0; }
    .contact-section .contact-info .media p { font-weight: 500; color: var(--dark); margin-bottom: 0; }
    .contact-section .contact-info .media .cta-download-apps .btn { margin-bottom: 0.625rem; }
    .contact-section .contact-info .media .cta-download-apps .btn i { margin-right: 0.313rem; }
    .contact-section .contact-form { position: relative; z-index: 3; }

    @media (max-width: 1200px) {
        .contact-section .contact-info .media .cta-download-apps .btn { padding-left: 0.313rem; padding-right: 0.313rem; font-size: 0.875rem; }
        .contact-section .contact-info .media .cta-download-apps .btn:not(:last-child) { margin-right: 0.313rem; }
        .contact-section .contact-info .media .cta-download-apps .btn i { margin-right: 0.125rem; }
    }
    @media (max-width: 992px) {
        .contact-section .contact-body { padding-top: 2.5rem; }
        .contact-section .contact-info { margin-bottom: 2.5rem; }
    }
    @media (max-width: 768px) {
        .contact-section .contact-body { padding: 1.25rem; }
        .contact-section .contact-info { margin-top: 1.875rem; margin-bottom: 1.875rem; }
    }
    @media (max-width: 480px) {
        .contact-section .contact-info .media .cta-download-apps .btn { width: 150px; }
    }


    .card-contact { z-index: 3; position: relative; text-align: center; overflow: hidden; height: 100%; border-radius: 1.25rem; background: var(--white); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); padding: 1.875rem 1.563rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-contact:hover { box-shadow: 1.25rem 0.25rem 3.125rem rgba(15, 47, 100, 0.15); background: var(--yellow); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-contact:hover .icon svg path { stroke: var(--dark); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-contact:hover h3 { color: var(--dark); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-contact:hover p a { color: var(--dark); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-contact .icon { margin-bottom: 1rem; }
    .card-contact .icon svg path { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-contact .icon img { width: auto; max-width: 100%; max-height: 3.75rem; }
    .card-contact h3 { font-weight: bold; color: var(--dark); text-transform: uppercase; margin-bottom: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .card-contact p { margin-bottom: 0.313rem; }
    .card-contact p:last-child { margin-bottom: 0; }
    .card-contact p a { color: var(--white); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    @media (max-width: 480px) {
        .card-contact { padding: 1.875rem 1rem; }
        .card-contact .icon img { max-height: 3rem; }
    }


    .gallery-section { position: relative; overflow: hidden; }
    .gallery-section .section-title.style-2 { display: flex; align-items: center; justify-content: space-between; }
    .gallery-section .section-title.style-2 .heading { width: 40%; }
    .gallery-section .section-title.style-2 .desc-area { width: 60%; display: flex; align-items: center; justify-content: space-between; }
    .gallery-section .section-title.style-2 .description { width: 50%; }
    .gallery-section .section-title.style-2 .act { width: 30%; }

    @media (max-width: 1200px) {
        .gallery-section .section-title.style-2 .heading { width: 30%; }
        .gallery-section .section-title.style-2 .desc-area { width: 70%; }
        .gallery-section .section-title.style-2 .description { width: 60%; }
        .gallery-section .section-title.style-2 .act { width: 35%; }
    }
    @media (max-width: 992px) {
        .gallery-section .section-title.style-2 { display: block; }
        .gallery-section .section-title.style-2 .heading { width: 100%; }
        .gallery-section .section-title.style-2 .desc-area { width: 100%; }
        .gallery-section .section-title.style-2 .act { width: 35%; }
    }
    @media (max-width: 768px) {
        .gallery-section .section-title.style-2 { display: block; }
        .gallery-section .section-title.style-2 .heading { width: 100%; }
        .gallery-section .section-title.style-2 .desc-area { width: 100%; display: block; }
        .gallery-section .section-title.style-2 .description { width: 100%; }
        .gallery-section .section-title.style-2 .act { width: 100%; }
    }



    @media (max-width: 1200px) {
        .row-list { padding-left: 15px; padding-right: 15px; }
        .row-list .col-list { padding-left: 5px; padding-right: 5px; }
    }


    /*list info*/
    .list-info label { margin-bottom: 0.313rem; text-transform: uppercase; }
    .list-info p { font-weight: 400; }
    .list-info p span { font-weight: 700; }

    /*list doktor*/
    ul.list-doctor li { position: relative; z-index: 3; }
    ul.list-doctor li:not(:last-child) { margin-bottom: 0.938rem; }

    /*list post*/
    ul.list-post li { position: relative; z-index: 3; }
    ul.list-post li:not(:last-child) { margin-bottom: 0.938rem; }
    ul.list-post li a { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }

    ul.list-post.numberable { counter-reset: item; padding-left: 3.85rem; width: 100%; }
    ul.list-post.numberable li { counter-increment: item; min-height: 2.5rem; }
    ul.list-post.numberable li:before {
        content: counter(item);
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--accent);
        position: absolute;
        margin-top: 3px;
        margin-left: -3.85rem;
        font-weight: 500;
        font-size: 1.875rem;
        line-height: 1;
        color: var(--accent);
        text-align: center;
    }


    .promo-section { position: relative; }
    .promo-section .wrap-content { position: relative; }
    .promo-section .wrap-content .swiper-wrapper { padding-top: 20px; padding-bottom: 20px; }
    .promo-section .wrap-content .swiper-slide { 
        position: relative; 
        overflow: hidden; 
        border-radius: 1.25rem; 
        opacity: 0.5; 
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        filter: blur(2px);
        transition: transform 1s, all 0.4s ease-in-out;
    }
    .promo-section .wrap-content .swiper-slide.swiper-slide-active { 
        opacity: 1; 
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        filter: blur(0);
        transition: transform 1s, all 0.4s ease-in-out;
    }
    .promo-section .wrap-content .swiper-slide img { background: var(--light); }
    
    @media (max-width: 768px) {
        .promo-section .wrap-content .swiper-wrapper { padding-top: 0; padding-bottom: 0; }
        .promo-section .wrap-content .swiper-slide { -webkit-transform: scale(1); transform: scale(1); }
        .promo-section .wrap-content .swiper-slide.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); }
    }


    .single-post-section { position: relative; z-index: 3; }
    .single-post-section .post-description p { font-size: 0.975rem; line-height: 180%; color: var(--text3); text-align: justify; margin-bottom: 1.25rem; }
    .single-post-section .post-description ul { margin-bottom: 1.25rem; padding-left: 20px; }
    .single-post-section .post-description ul li { font-size: 0.975rem; line-height: 180%; color: var(--text3); list-style: disc; }

    .single-post-section .post-img { position: relative; overflow: hidden; object-fit: contain; width: 100%; max-width: 100%; border-radius: 0.625rem; }


    .single-post-section .content-area { position: relative; overflow: hidden; }
    .single-post-section .content-area .section-title h2 { font-weight: 600; }
    .single-post-section .content-area p { font-size: 0.975rem; line-height: 180%; color: var(--text3); text-align: justify; margin-bottom: 1.25rem; }
    .single-post-section .content-area ul,
    .single-post-section .content-area ol { 
        margin-bottom: 1.25rem; padding-left: 0; list-style-position: inside !important; 
    }
    .single-post-section .content-area ul li,
    .single-post-section .content-area ol li { 
        font-size: 0.975rem !important; line-height: 180%; color: var(--text3); list-style: disc;
    }
    .single-post-section .content-area table { width: 100%; background: var(--white); margin: auto; border: 1px solid var(--light); margin-bottom: 1.25rem; }
    .single-post-section .content-area table tr { border: 1px solid var(--light); }
    .single-post-section .content-area table tr:first-child td { text-align: center; background: var(--light); height: 2.5rem; }
    .single-post-section .content-area table tr:not(:first-child) td { padding: 0.625rem 1rem; }
    
    .single-post-section .content-area h1, 
    .single-post-section .content-area h2, 
    .single-post-section .content-area h3, 
    .single-post-section .content-area h4, 
    .single-post-section .content-area h5, 
    .single-post-section .content-area h6 {
        font-weight: 600 !important; color: var(--dark) !important; margin-bottom: 1rem;
    }
    .single-post-section .content-area img { position: relative; overflow: hidden; object-fit: contain; width: 100%; max-width: 100% !important; border-radius: 0.625rem; margin-bottom: 1rem !important; }
    .single-post-section .content-area iframe.frame-video-full { height: 27.5rem; max-width: 100% !important; border-radius: 0.625rem; margin-bottom: 1rem !important; }
    
    .row-news { position: relative; }
    .row-news div { margin-bottom: 0.625rem; }
    .row-news .thumbnail { position: relative; overflow: hidden; display: block; background: var(--white); border-radius: 0.625rem; margin-bottom: 0.625rem; box-shadow: 0 0.313rem 2.5rem rgba(0, 0, 0, 0.15); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
    .row-news .thumbnail .img-news { -webkit-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); overflow: hidden; object-fit: cover; object-position: center; width: 100%; max-height: 240px; border-radius: 0.5rem; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
    .row-news .thumbnail:hover { box-shadow: none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
    .row-news .thumbnail:hover .img-news { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
    .row-news .post-title a { font-weight: 600; font-size: 1.125rem; line-height: 120%; color: var(--text) }

    @media (max-width: 1200px) {
        .single-post-section .content-area iframe.frame-video-full { height: 25.5rem; }
    }
    @media (max-width: 992px) {
        .single-post-section .content-area iframe.frame-video-full { height: 22.5rem; }
    }
    @media (max-width: 768px) {
        .single-post-section .content-area iframe.frame-video-full { height: 18.5rem; }
    }
    @media (max-width: 480px) {
        .single-post-section .content-area .section-title h2 { font-size: 1.525rem; }
        .single-post-section .content-area table tr:not(:first-child) td { padding: 0.625rem 0.625rem; }

        .single-post-section .content-area iframe.frame-video-full { height: 55vw; }
    }
    

    .single-post-section .profile-doctor { margin-bottom: 2.5rem; }
    .single-post-section .profile-doctor .doctor-thumbnails { margin-top: -6.5rem; }
    .single-post-section .profile-doctor .doctor-thumbnails img { object-fit: contain; width: 100%; height: auto; max-height: 100%; margin: auto; overflow: hidden; border-radius: 0.45rem; }
    .single-post-section .profile-doctor .doctor-content { display: block; }
    .single-post-section .profile-doctor .doctor-content .doctor-name { font-weight: 600; font-size: 1.5rem; line-height: 160%; color: #0B1354; letter-spacing: -0.05rem; margin-bottom: 0.625rem; }
    .single-post-section .profile-doctor .doctor-content .meta-info { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.925rem; }
    .single-post-section .profile-doctor .doctor-content .meta-info .doctor-spesialis { margin-right: 1.325rem; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 0.25rem 0.313rem; }
    .single-post-section .profile-doctor .doctor-content .meta-info .doctor-spesialis span { font-weight: 600; }
    .single-post-section .profile-doctor .doctor-content .meta-info .doctor-location { font-weight: 600; font-size: 0.875rem; color: #081E3C; }
    .single-post-section .profile-doctor .doctor-content .meta-info .doctor-location .icon { color: var(--second); margin-right: 0.313rem; }
    .single-post-section .profile-doctor .doctor-content .doctor-description { font-weight: 400; font-size: 0.938rem; line-height: 175%; color: var(--dark); text-align: justify; }

    @media (max-width: 992px) {
        .single-post-section .profile-doctor .doctor-thumbnails { margin-top: 0; margin-bottom: 1.25rem; }
    }
    @media (max-width: 480px) {
        .single-post-section .profile-doctor .doctor-content .doctor-name { font-size: 1.125rem; }
        .single-post-section .profile-doctor .doctor-content .meta-info { display: block; }
        .single-post-section .profile-doctor .doctor-content .meta-info .doctor-spesialis { margin-right: 0; margin-bottom: 0.625rem; }
    }


    .wrap-quote { position: relative; z-index: 3; padding-left: 1.25rem; }
    .wrap-quote:before { content: ''; position: absolute; top: 0.313rem; left: 0; width: 2px; height: 2.5rem; background: var(--text2); }
    .wrap-quote .quote { font-weight: 600; font-size: 0.875rem; line-height: 170%; color: var(--dark); margin-bottom: 0.625rem !important; }
    .wrap-quote .name { font-weight: normal; font-size: 0.625rem; color: var(--text3); margin-bottom: 0 !important; }


    .result-title h4 { font-weight: bold; font-size: 1.375rem; line-height: 150%; letter-spacing: -0.05rem; }
    .result-title p { font-weight: 300; font-size: 0.975rem; color: var(--dark); }

    @media (max-width: 480px) {
        .result-title h4 { font-size: 1.25rem; }
    }


    .card-schedule-doctor { position: relative; background: #F2F2F2; border-radius: 1.25rem; padding: 1.25rem; display: flex; align-items: flex-start; flex-direction: row; }
    .card-schedule-doctor .doctor-thumbnails { width: 20%; margin-right: 1.25rem; }
    .card-schedule-doctor .doctor-thumbnails img { overflow: hidden; object-fit: cover; object-position: top center; height: 215px; border-radius: 0.313rem;  }
    .card-schedule-doctor .doctor-schedule { width: 80%; }
    .card-schedule-doctor .doctor-schedule .schedule-head { display: block; margin-bottom: 0.625rem; }
    .card-schedule-doctor .doctor-schedule .schedule-head .doctor-spesialis { margin-top: 0.425rem; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 0.25rem 0.313rem; }
    /* .card-schedule-doctor .doctor-schedule .schedule-head .doctor-spesialis a { margin-bottom: 0.125rem; } */
    /* .card-schedule-doctor .doctor-schedule .schedule-head .doctor-spesialis a:not(:last-child) { margin-right: 0.125rem; } */
    .card-schedule-doctor .doctor-schedule .schedule-body { margin-bottom: 0.625rem; }
    .card-schedule-doctor .doctor-schedule .schedule-footer { display: flex; align-items: center; justify-content: flex-end; }
    .card-schedule-doctor .doctor-schedule .schedule-footer .btn:not(:last-child) { margin-right: 0.625rem; }
    .card-schedule-doctor .doctor-name { font-weight: 600; font-size: 1.125rem; color: #0B1354; letter-spacing: -0.05rem; margin-bottom: 0; }
    .card-schedule-doctor .doctor-desc { font-weight: normal; font-size: 0.938rem; color: var(--dark); line-height: 150%; }
    .card-schedule-doctor .more-link { font-weight: 500; font-size: 14px; color: var(--second); }
    .card-schedule-doctor .more-link.more-link-arrow:before { top: 0.225rem; font-size: 13px; }

    @media (max-width: 1200px) {
        .card-schedule-doctor .doctor-thumbnails img { height: 190px; }
    }
    @media (max-width: 992px) {
        .card-schedule-doctor .doctor-thumbnails { margin-right: 0.625rem; }
        .card-schedule-doctor .doctor-thumbnails img { height: 150px; }

        .card-schedule-doctor { max-width: 325px; overflow: hidden; }
    }
    @media (max-width: 768px) {
        .card-schedule-doctor { max-width: 100%; display: block; border-radius: 0.625rem; }
        .card-schedule-doctor .doctor-thumbnails { text-align: center; width: 100%; margin-right: 0; margin-bottom: 0.625rem; }
        .card-schedule-doctor .doctor-thumbnails img { max-width: 190px; height: 190px; }
        .card-schedule-doctor .doctor-schedule { width: 100%; }
        .card-schedule-doctor .doctor-schedule .schedule-head .doctor-spesialis span { max-width: 100%; }
    }
    @media (max-width: 480px) {
        .card-schedule-doctor { padding: 0.875rem; }
        .card-schedule-doctor .doctor-thumbnails img { 
            width: 100%;
            max-width: 100%;
            height: 100%;
            aspect-ratio: 2/3;
            object-fit: cover; 
            object-position: center;
            /* height: 200px;  */
        }
        .card-schedule-doctor .doctor-schedule .schedule-head { display: block; }
        .card-schedule-doctor .doctor-schedule .schedule-footer { justify-content: center; }
        .card-schedule-doctor .doctor-schedule .schedule-footer .btn { font-size: 0.875rem; padding: 0.5rem 0.225rem; }
        .card-schedule-doctor .doctor-name { font-size: 1rem; margin-bottom: 0.625rem; }
    }


    .card-schedule-doctor.card-doctor-display-2 { height: 100%; }
    .card-schedule-doctor.card-doctor-display-2 .doctor-thumbnails { width: 40%; }
    .card-schedule-doctor.card-doctor-display-2 .doctor-thumbnails img { height: 200px; }
    .card-schedule-doctor.card-doctor-display-2 .doctor-schedule { width: 60%; }
    .card-schedule-doctor.card-doctor-display-2 .doctor-schedule .badge { max-width: 100%; font-weight: 500; font-size: 11px; }
    .card-schedule-doctor.card-doctor-display-2 .doctor-name { margin-bottom: 0.625rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .card-schedule-doctor.card-doctor-display-2 .doctor-desc { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; }
    .card-schedule-doctor.card-doctor-display-2 .more-link { margin-bottom: 0; }

    @media (max-width:  1200px) {
        .card-schedule-doctor.card-doctor-display-2 .doctor-thumbnails { width: 38%; margin-right: 1rem; }
        .card-schedule-doctor.card-doctor-display-2 .doctor-thumbnails img { height: 180px; }
        .card-schedule-doctor.card-doctor-display-2 .doctor-schedule { width: 62%; }
        .card-schedule-doctor.card-doctor-display-2 .doctor-name { font-size: 1rem; }
        .card-schedule-doctor.card-doctor-display-2 .doctor-desc { margin-bottom: 0.313rem; }
    }
    @media (max-width: 992px) {
        .card-schedule-doctor.card-doctor-display-2 { flex-direction: column; }
        .card-schedule-doctor.card-doctor-display-2 .doctor-thumbnails { width: 100%; margin-right: 0; margin-bottom: 0.625rem; }
        .card-schedule-doctor.card-doctor-display-2 .doctor-thumbnails img { height: 230px; }
        .card-schedule-doctor.card-doctor-display-2 .doctor-schedule { width: 100%; }
    }
    @media (max-width: 480px) {
        .card-schedule-doctor.card-doctor-display-2 .doctor-thumbnails img { 
            width: 100%;
            max-width: 100%;
            height: 100%;
            aspect-ratio: 150/180;
            object-fit: cover; 
            object-position: center;
            /* height: 200px;  */
        }
    }


    .card-widget-doctor { overflow: hidden; background: var(--light); border-radius: 0.625rem; max-width: 225px; }
    .card-widget-doctor .status-doctor { position: relative; margin-bottom: 0.925rem; padding-left: 28px; font-size: 0.785rem; line-height: 1.5; color: var(--dark); }
    .card-widget-doctor .status-doctor:before { 
        font-family: 'themify'; 
        content: '\e64c'; 
        font-size: 12px;
        color: var(--white);
        position: absolute; 
        top: -2px; 
        left: 0; 
        width: 20px; 
        height: 20px; 
        padding: 3px;
        border-radius: 50%; 
        background: #5CAF01; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
    }
    .card-widget-doctor .status-doctor.true:before { content: '\e64c'; background: #5CAF01; }
    .card-widget-doctor .status-doctor.false:before { content: '\e646'; background: var(--danger); }
    .card-widget-doctor .act .btn { width: 100%; font-size: 13px; }
    .card-widget-doctor .act .btn:not(:last-child) { margin-bottom: 0.625rem; }

    @media (max-width: 991px) {
        .card-widget-doctor { max-width: 100%; }
        .card-widget-doctor .act { display: flex; align-items: center; }
        .card-widget-doctor .act .btn:not(:last-child) { margin-bottom: 0; margin-right: 0.625rem; }
    }
    @media (max-width: 480px) {
        .card-widget-doctor .act { display: block; }
        .card-widget-doctor .act .btn { font-size: 0.875rem; }
        .card-widget-doctor .act .btn:not(:last-child) { margin-bottom: 0.625rem; }
    }


    .not-found { position: relative; z-index: 4; width: 100%; }
    .not-found div { max-width: 450px; margin: auto; background: var(--white); border-radius: 0.625rem; padding: 2.5rem 1.25rem; display: flex; align-items: center; justify-content: center; flex-direction: column; }
    .not-found span.icon { content: url(../img/not-found.png); max-width: 185px; }
    .not-found span.text { margin-top: 0.625rem; font-weight: 500; font-size: 1.25rem; color: var(--text1); }

    .not-found.not-found-sm div { max-width: 400px; padding: 2.2rem 1.25rem; }
    .not-found.not-found-sm span.icon { content: url(../img/not-found.png); max-width: 155px; }
    .not-found.not-found-sm span.text { font-size: 1.125rem; }

    @media (max-width: 480px) {
        .not-found span.icon { max-width: 155px; }
        .not-found span.text { font-size: 1.025rem; }
    }


    .price-area { position: relative; }
    .price-area .label { margin-bottom: 0; }
    .price-area .price { font-weight: 600; font-size: 1.25rem; letter-spacing: -1px; color: var(--accent); margin-bottom: 0; }
    .price-area .price .price-disc { font-size: 0.975rem; color: var(--text1); text-decoration: line-through; margin-right: 0.313rem; }


    .room-section { position: relative; overflow: hidden; }
    .room-section .container-fluid { padding-left: 0; padding-right: 0; }
    .room-section .swiper-wrapper { height: 28.438rem; }
    .room-section .swiper-wrapper .room-slider .room-slider-img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
    .room-section .room-slider-wrap .virtual-img-area { position: absolute; bottom: 1.25rem; left: calc(100vw/9); z-index: 4; }
    .room-section .room-slider-wrap .virtual-img-area .virtual-img { max-width: 6rem; max-height: 6rem; border-radius: 50%; }

    .room-facility { border-radius: 0.625rem; background: #E7F5FF; padding: 1.875rem 1.875rem 1.875rem 1.875rem; z-index: 3; }
    .room-facility ul { display: flex; flex-wrap: wrap; flex-direction: row; /*max-height: 200px;*/ }
    .room-facility ul li { width: calc(100%/4); }

    .room-overview { position: relative; overflow: hidden; display: flex; z-index: 3; }
    .room-overview .room-thumbnails { position: relative; overflow: hidden; border-radius: 0.625rem; width: calc(100%/2.5); }
    .room-overview .room-thumbnails .thumbnails-img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
    .room-overview .room-thumbnails .virtual-img-area { position: absolute; bottom: 0.625rem; right: 0.625rem; z-index: 3; }
    .room-overview .room-thumbnails .virtual-img-area .virtual-img { max-width: 5rem; max-height: 5rem; border-radius: 50%; }
    .room-overview .room-content { width: calc(100%/1.5); padding-left: 1.875rem; }
    .room-overview .room-content .room-description { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 6 !important; -webkit-box-orient: vertical; }

    .room-overview .room-content .room-booking { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; margin-top: 1.25rem; }
    .room-overview .room-content .room-booking .booking-price { -ms-flex-order: 0; order: 0; width: calc(100%/2); }
    .room-overview .room-content .room-booking .booking-note { -ms-flex-order: 1; order: 1; width: calc(100%/2); }
    .room-overview .room-content .room-booking .booking-note p { margin-bottom: 0; }

    @media (max-width: 992px) {
        .room-section .swiper-wrapper { height: 24.063rem; }

        .room-facility ul li { width: calc(100%/3); }

        .room-overview .room-thumbnails { max-height: 250px; }
        .room-overview .room-content { padding-left: 1rem; }

        .room-overview .room-content .room-booking { flex-direction: column; }
        .room-overview .room-content .room-booking .booking-price { -ms-flex-order: 1; order: 1; width: calc(100%/1); }
        .room-overview .room-content .room-booking .booking-note { -ms-flex-order: 0; order: 0; width: calc(100%/1); margin-bottom: 0.925rem; }

    }
    @media (max-width: 768px) {
        .room-section .swiper-wrapper { height: 19.563rem; }
        .room-section .room-slider-wrap .virtual-img-area { position: fixed; bottom: 5.5rem; right: 0.625rem; width: inherit; text-align: right; }
        
        .room-facility { padding: 1.575rem 1.25rem 1.25rem 1.25rem; }
        .room-facility ul li { width: calc(100%/2); }

        .room-overview { display: block; }
        .room-overview .room-thumbnails { width: calc(100%/1); margin-bottom: 1.25rem; }
        .room-overview .room-content { width: calc(100%/1); padding-left: 0; }
    }
    @media (max-width: 480px) {
        .room-section .swiper-wrapper { height: 15.313rem; }
    }


    .room-list-section { position: relative; overflow: hidden; background: #E6F5FF; border-radius: 6.25rem 6.25rem 0 0; }
    .room-list-section .wrap-content { position: relative; z-index: 3; }

    @media (max-width: 768px) {
        .room-list-section { border-radius: 4.25rem 4.25rem 0 0; }
    }


    .flipbook-area { position: relative; max-width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 1rem; }
    #flipbook { 
        position: relative; 
        overflow: hidden; 
        width: 800px; 
        height: 600px; 
        margin: auto; 
        box-shadow: 0 0.24rem 1rem rgba(0, 0, 0, 0.0786943);
        border-radius: 0.45rem; 
        background: rgba(255, 255, 255, 0.6); 
        border: 1px solid var(--border); 
    }
    #flipbook .page { width: 100%; height: 100%; 
        box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 1px 0 rgba(0,0,0,0.07);
        border-radius: 0.5rem;
        background: #fff;
        border: 1px solid #eee;
        transition: box-shadow 0.3s;
    }
    #flipbook canvas { width: 100%; height: auto; display: block; margin: 0 auto; }
    #controls { position: absolute; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 10vw); z-index: 200; }
    #controls .btn { background: rgba(235, 235, 235, 0.4); border-radius: 50%; width: 3.5rem; aspect-ratio: 1 / 1; padding: 0; }
    #controls .btn i { font-size: 1.25rem; }
    #controls .btn:focus, #controls .btn:hover { box-shadow: none; }

    @media (max-width: 1200px) {
        #controls { width: calc(100%); }
        #controls .prev { margin-left: -3%; }
        #controls .next { margin-right: -3%; }
    }
    @media (max-width: 992px) {
        #controls .prev { margin-left: calc(-3.5rem/1.8); }
        #controls .next { margin-right: calc(-3.5rem/1.8); }
    }
    @media (max-width: 992px) {
        #controls .prev { margin-left: 0; }
        #controls .next { margin-right: 0; }
    }


    /* reset content style */
    /* .reset-style, .reset-style h1, .reset-style h2, .reset-style h3, .reset-style h4, .reset-style h5, .reset-style h6, .reset-style p, .reset-style span { 
        font-family: var(--font1) !important; 
        text-align: left !important;
        line-height: 1.8 !important;
        margin-bottom: 1rem !important;
    } */
    .reset-style
    .reset-style *, 
    .reset-style p, .reset-style span, .reset-style font, .reset-style div { 
        all: unset !important;
        display: revert !important;
        font-family: var(--font1) !important; 
        line-height: unset !important; 
        margin-bottom: 0 !important;
    }
    .reset-style a { font-weight: 600; color: var(--accent); text-decoration: underline; }
    .reset-style h1, .reset-style h2, .reset-style h3, .reset-style h4, .reset-style h5, .reset-style h6 { font-weight: 500; color: var(--color) !important; }
    .reset-style b { font-weight: 600; }
    .reset-style ul { margin-bottom: 1rem; padding-left: 0rem; }
    .reset-style ul li { list-style: disc; }
    .reset-style ul li:not(:last-child) { margin-bottom: 0.625rem; }
    .reset-style ol { list-style-position: inside; }
    .reset-style ol li:not(:last-child) { margin-bottom: 0.625rem; }
/* ------------------------------------ end section content ------------------------------------ */


/* ------------------------------------ footer ------------------------------------ */
    .footer { position: relative; z-index: 4; padding-top: 4.5em; padding-bottom: 4.5em; background: var(--white); }
    .footer .logo-container { position: relative; margin-bottom: 1.825rem; }
    .footer .logo-container .logo { width: 100%; max-width: 220px; }

    .footer .footer-column .footer-title { font-weight: 600; font-size: 1.125rem; line-height: 1; color: #081E3C; margin-bottom: 1.725rem; }
    .footer .footer-column .text { font-size: 1rem; line-height: 1.7; color: var(--dark); margin-bottom: 0.313rem; }
    .footer .footer-column a.text:hover { color: var(--accent); padding-left: 0.313rem; }

    .footer .footer-column .footer-list { list-style-type: none; padding-left: 0; }
    .footer .footer-column .footer-list li { margin-bottom: 0.625rem; }

    .footer .footer-column .footer-list.icon-list li a { display: flex; align-items: flex-start; }
    .footer .footer-column .footer-list.icon-list li a .icon { width: 25px; text-align: center; margin-right: 0.313rem; }
    

    .footer .footer-column .footer-social { display: flex; list-style-type: none; padding-left: 0; }
    .footer .footer-column .footer-social .icon {
        display: inline-block;
        width: 2.188rem;
        height: 2.188rem;
        background: var(--accent);
        border-radius: 50%;
        cursor: pointer;
        margin-right: 0.625rem;
        text-align: center;
        color: var(--text);
        -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
    }
    .footer .footer-column .footer-social .icon i { font-size: 1rem; line-height: 2.188rem; color: var(--white); }
    .footer .footer-column .footer-social .icon svg { width: 16px; margin-top: 0.5rem; fill: var(--white); }
    .footer .footer-column .footer-social .icon:hover { box-shadow: 0 0.25rem 0.5rem rgba(192, 189, 189, 0.25); background: var(--yellow); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

    @media (max-width: 1200px) {
        .footer .footer-column .text { font-size: 0.938rem; }
        .footer .footer-column .footer-list.icon-list li a .text { font-size: 0.938rem; }
    }
    @media (max-width: 992px) {
        .footer .footer-column { margin-bottom: 2.5rem; }
    }
    @media (max-width: 768px) {
        .footer .logo-container .logo { max-width: 190px; }

        .footer .footer-column .footer-title { margin-bottom: 0.825rem; }

        .footer .footer-column .text { font-size: 0.813rem; }
        .footer .footer-column .footer-list.icon-list li a .text { font-size: 0.813rem; }
    }


    .copyright { position: relative; z-index: 4; width: 100%; padding: 0.938rem; background: var(--yellow); }
    .copyright p, .copyright p a { color: var(--dark); letter-spacing: 0.02em; margin-bottom: 0; }

    @media (max-width: 480px) {
        .copyright p, .copyright p a { font-size: 0.75rem; }
    }
    @media (max-width: 337px) {
        .copyright p span { display: block; }
    }
/* ------------------------------------ end footer ------------------------------------ */


/* ------------------------------------ magnific popup ------------------------------------ */
    .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
    .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

    .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
    .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

    .mfp-align-top .mfp-container:before { display: none; }

    .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1055; }

    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

    .mfp-ajax-cur { cursor: progress; }

    .mfp-zoom-out-cur, 
    .mfp-zoom-out-cur .mfp-image-holder .mfp-close { 
        cursor: -moz-zoom-out; 
        cursor: -webkit-zoom-out; 
        cursor: zoom-out; 
    }
    .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

    .mfp-auto-cursor .mfp-content { cursor: auto; }

    .mfp-close,
    .mfp-arrow,
    .mfp-preloader,
    .mfp-counter {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; 
    }

    .mfp-loading.mfp-figure { display: none; }

    .mfp-hide { display: none !important; }

    .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1055; }
    .mfp-preloader a { color: #CCC; }
    .mfp-preloader a:hover { color: #FFF; }

    .mfp-s-ready .mfp-preloader { display: none; }

    .mfp-s-error .mfp-content { display: none; }

    button.mfp-close,
    button.mfp-arrow {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1055;
        box-shadow: none;
        touch-action: manipulation; 
    }
    button::-moz-focus-inner {padding: 0;border: 0; }

    .mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: center;
        opacity: 0.65;
        padding: 0 0 18px 10px;
        color: #FFF;
        font-style: normal;
        font-size: 28px;
        font-family: Arial, Baskerville, monospace; 
    }
    .mfp-close:hover, .mfp-close:focus { opacity: 1; }
    .mfp-close:active { top: 1px; }

    .mfp-close-btn-in .mfp-close { color: #333; }

    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
        color: #FFF;
        right: -6px;
        text-align: right;
        padding-right: 6px;
        width: 100%; 
    }

    .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

    .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
    .mfp-arrow:active { margin-top: -54px; }
    .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent; 
    }
    .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
    .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

    .mfp-arrow-left { left: 0; }
    .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
    .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

    .mfp-arrow-right { right: 0; }
    .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
    .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

    .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
    .mfp-iframe-holder .mfp-close { top: -40px; }

    .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
    .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

    /* Main image in popup */
    img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

    /* The shadow behind the image */
    .mfp-figure { line-height: 0; }
    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444; 
    }
    .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
    .mfp-figure figure { margin: 0; }

    .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

    .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

    .mfp-image-holder .mfp-content { max-width: 100%; }

    .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

    @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
        .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
        .mfp-img-mobile img.mfp-img { padding: 0; }
        .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
        .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
        .mfp-img-mobile .mfp-bottom-bar {
            background: rgba(0, 0, 0, 0.6);
            bottom: 0;
            margin: 0;
            top: auto;
            padding: 3px 5px;
            position: fixed;
            box-sizing: border-box; 
        }
        .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
        .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
        .mfp-img-mobile .mfp-close {
            top: 0;
            right: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: rgba(0, 0, 0, 0.6);
            position: fixed;
            text-align: center;
            padding: 0; 
        } 
    }

    @media all and (max-width: 900px) {
        .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
        .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
        .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
        .mfp-container { padding-left: 6px; padding-right: 6px; } 
    }

/* ------------------------------------ end magnific popup ------------------------------------ */


/* ------------------------------------ loader ------------------------------------ */
    .sk-light { width: 100%; background-color: var(--light); border-radius: 0.5rem; }

    .cload {
        width: 100%;
        border-radius: 0.5rem;
        height: 1rem; 
        margin-bottom: 0.5rem;
        background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%) var(--grey);
        /* background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%); */
        background-size: 200% 100%;
        background-position-x: 180%;
        -webkit-animation-name: cloader;
        animation-name: cloader;
        -webkit-animation-duration: 1.45s;
        animation-duration: 1.45s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    @-webkit-keyframes cloader {
        to { background-position-x: -20%; }
    }
    @keyframes cloader {
        to { background-position-x: -20%; }
    }

    .cload-left { left: 0; margin-left: 0; }
    .cload-center { left: 0; right: 0; margin: auto; }
    .cload-right { right: 0; margin-right: 0; }

    .cload-20 { width: 20%; }
    .cload-30 { width: 30%; }
    .cload-40 { width: 40%; }
    .cload-50 { width: 50%; }
    .cload-60 { width: 60%; }
    .cload-70 { width: 70%; }
    .cload-80 { width: 80%; }
    .cload-90 { width: 90%; }
    .cload-100 { width: 100%; }

    .cload-xxs { height: 0.875rem; }
    .cload-xs { height: 1rem; }
    .cload-sm { height: 1.25rem; }
    .cload-md { height: 1.563rem; }
    .cload-lg { height: 2.5rem; }
    .cload-xl { height: 3.2rem; }
    .cload-xxl { height: 3.8rem; }
    
    .cload-img { width: 100%; height: 100%; }
    .cload-img-xxs { height: 60px; }
    .cload-img-xs { height: 80px; }
    .cload-img-sm { height: 100px; }
    .cload-img-md { height: 150px; }
    .cload-img-lg { height: 200px; }
    .cload-img-xl { height: 250px; }
    .cload-img-xxl { height: 330px; }

    @media screen and (max-width: 1600px) {
        .cload-lg-center { left: 0; right: 0; margin: auto; }
    }
    @media screen and (max-width: 992px) {
        .cload-lg-center { right: auto; margin-left: 0; }

        .cload-md-center { left: 0; right: 0; margin: auto; }
    }
    @media screen and (max-width: 768px) {
        .cload-lg { height: 2rem; }
        .cload-xl { height: 2.5rem; }
        .cload-xxl { height: 3rem; }

        .cload-md-center { left: 0; margin-left: 0; }
    }
/* ------------------------------------ end loader ------------------------------------ */


/* ------------------------------------ jdwl ------------------------------------ */
    :root {
        --jdwl-gradient-1: linear-gradient(179deg, #046DDA -84.87%, #12C1FC 230.31%);
        --jdwl-gradient-2: linear-gradient(90deg, #FFC637 1.51%, #FA9817 99.99%);
        --jdwl-gradient-3: linear-gradient(90deg, #046DDA 0.95%, #034BA9 63.18%);
    }

    .jdwl-section { position: relative; min-height: 100vh; }
    .jdwl-section .page-cover { position: absolute; top: 0; left: 0; object-fit: cover; object-position: top center; width: 100%; height: 100%; }
    .jdwl-section .logo-img { object-fit: contain; width: 100%; max-width: 255px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

    .jdwl-section .section-title { text-align: center; margin-bottom: 1.25rem; }
    .jdwl-section .section-title h4 { font-weight: 700; margin-bottom: 0.313rem; }
    .jdwl-section .section-title p { font-weight: 400; color: var(--text1); margin-bottom: 0; }

    .jdwl-section .inner .jdwl-area { position: relative; font-family: "Poppins", sans-serif; font-weight: 400; max-width: 580px; margin: auto; padding: 1.875rem 0; border: 1px solid var(--light); }
    .jdwl-section .inner .jdwl-area .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; z-index: 0; }
    .jdwl-section .inner .jdwl-area .jdwl-head { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 1rem; padding: 0 1rem; margin-bottom: 1.875rem; }
    .jdwl-section .inner .jdwl-area .jdwl-head .brand-img { object-fit: contain; width: auto; max-height: 2.5rem; margin: 0; }
    .jdwl-section .inner .jdwl-area .jdwl-body { position: relative; padding: 0 1rem; }
    .jdwl-section .inner .jdwl-area .jdwl-body .section-title { text-align: center; margin-bottom: 2.5rem; }
    .jdwl-section .inner .jdwl-area .jdwl-body .section-title h2 {
        letter-spacing: -1px;
        font-size: 2rem;
        font-weight: 800;
        background-image: linear-gradient(90deg, #FFC637 0.01%, #FA9817 50%, #F6AC2F 99.99%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 0;
        -webkit-text-stroke-width: 1px; 
        -webkit-text-stroke-color: var(--white);
    }
    .jdwl-section .inner .jdwl-area .jdwl-body .section-title .badge { font-size: 0.875rem; text-shadow: 0.15rem 0.15rem 0.313rem rgba(0, 0, 0, 0.35); border: 0; border-radius: 3.2rem; padding: 0.5rem 2rem; background: var(--jdwl-gradient-1); color: var(--white); }

    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 0.625rem; }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item { width: 100%; }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .poli-label { padding: 0.15rem 1rem; background: var(--jdwl-gradient-2); font-weight: 600; font-size: 0.875rem; border-radius: 0 0.875rem 0 0; width: auto; min-width: 150px; max-width: 200px; }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .doktor-area { 
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 0.25rem;
        box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.25); 
        border-radius: 0 0.875rem 0.875rem 0.875rem; 
        padding: 0.75rem 1rem; 
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(3px); 
        -webkit-backdrop-filter: blur(3px);
    }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .doktor-area:before { content: ''; position: absolute; top: 0; right: 0; background: #046DDA; width: 110px; height: 100%; border-radius: 0.875rem; z-index: 0; }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .doktor-area .doktor-list { width: 100%; position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; z-index: 2; }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .doktor-area .doktor-list .nama { font-weight: 600; font-size: 0.875rem; letter-spacing: -0.03rem; }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .doktor-area .doktor-list .jam { position: relative; flex-shrink: 0; }
    .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .doktor-area .doktor-list .jam span { display: block; width: 100%; font-weight: 600; font-size: 0.875rem; letter-spacing: -0.03rem; color: var(--white); }

    .jdwl-section .inner .jdwl-area .jdwl-foot { position: relative; overflow: hidden; background: var(--jdwl-gradient-3); display: flex; align-items: stretch; justify-content: space-between; padding: 0 0 0 1rem; margin-top: 2.5rem; }
    .jdwl-section .inner .jdwl-area .jdwl-foot .footer-social { display: flex; align-items: center; justify-content: flex-start; gap: 0.625rem; }
    .jdwl-section .inner .jdwl-area .jdwl-foot .footer-social .icon { cursor: pointer; text-align: center; color: var(--text); }
    .jdwl-section .inner .jdwl-area .jdwl-foot .footer-social .icon i { font-size: 0.875rem; line-height: 2.188rem; color: var(--white); }
    .jdwl-section .inner .jdwl-area .jdwl-foot .footer-social .icon svg { width: 18px; margin-top: -2px; fill: var(--white); }
    .jdwl-section .inner .jdwl-area .jdwl-foot .footer-social .icon span { font-weight: 600; font-size: 0.875rem; color: var(--white); margin-left: 0.313rem; }
    .jdwl-section .inner .jdwl-area .jdwl-foot .hashtag { box-shadow: 0 0 1.25rem 0.625rem #002683; background: #DADADA; padding: 1rem 1.25rem; border-radius: 2.5rem 0 0 0; font-weight: 700; font-size: 0.875rem; line-height: 1; color: var(--accent2); }

    @media (max-width: 480px) {
        .jdwl-section .inner .jdwl-area .jdwl-head { padding: 0 0.75rem; }
        .jdwl-section .inner .jdwl-area .jdwl-body { padding: 0 0.75rem; }
        .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .poli-label { padding: 0.15rem 0.875rem; }
        .jdwl-section .inner .jdwl-area .jdwl-body .jdwl-list-area .jdwl-list-item .doktor-area { padding: 0.75rem 0.875rem;  }
        .jdwl-section .inner .jdwl-area .jdwl-foot .footer-social .icon span { display: none; }
    }
/* ------------------------------------ end jdwl ------------------------------------ */