:root {
    --main: #0473b0;
    --gray-main: #333333;
    --red-logo: #e34c4b;
}

.w-100 {
    width: 100%;
}

.d-mobile {
    display: none !important;
}

html .scroll-to-top {
    right: unset;
}
html .bg-color-primary,
html .bg-primary {
    background-color: var(--main) !important;
}
html .bg-color-main,
html .bg-main {
    background-color: var(--main) !important;
}
html .border-color-main {
    border-color: var(--main) !important;
}
html .text-color-main {
    color: var(--main) !important;
}
html .text-color-primary,
html .text-primary {
    color: var(--main) !important;
}
#header .header-nav-main nav > ul > li > a {
    color: var(--main);
}
#header .header-nav-main nav > ul > li.open > a,
#header .header-nav-main nav > ul > li:hover > a {
    background: var(--main);
}
html
    #header
    .header-nav
    .header-nav-main
    nav
    > ul
    > li.dropdown-full-color.dropdown-secondary
    .dropdown-menu {
    background-color: var(--main);
    color: #fff;
}
html
    #header
    .header-nav
    .header-nav-main
    nav
    > ul
    > li.dropdown-full-color.dropdown-secondary
    .dropdown-menu
    li
    a {
    border-bottom-color: var(--main);
    color: #fff;
}
html
    #header
    .header-nav
    .header-nav-main
    nav
    > ul
    > li.dropdown-full-color.dropdown-secondary:hover
    a {
    border-bottom-color: var(--main);
    color: #fff;
}
html
    #header
    .header-nav:not(.header-nav-line):not(.header-nav-links)
    .header-nav-main
    nav
    > ul
    > li.dropdown-full-color.dropdown-secondary:hover
    > a {
    background: var(--main);
    color: #fff;
}
#header .header-btn-collapse-nav {
    background: var(--main);
    color: #fff;
}
html .btn-primary,
html .btn-primary:hover {
    background-color: var(--main);
    border-color: var(--main);
    color: #fff;
}
html .text-color-tertiary,
html .text-tertiary {
    color: var(--red-logo) !important;
}
.btn-outline.btn-quaternary {
    background-color: var(--main) !important;
    border-color: var(--main) !important;
}
a,
a:hover {
    color: var(--main);
}
.btn-outline.btn-quaternary {
    color: #fff !important;
}
.team .thumb-info .thumb-info-caption:hover {
    background: var(--main) !important;
}
html section.section-secondary {
    background-color: var(--main) !important;
    border-color: var(--main) !important;
}
#footer {
    background: var(--gray-main);
    border: none;
}
#footer .footer-copyright {
    background: var(--gray-main);
    border-top: 1px solid var(--gray-main);
}
.team .thumb-info:hover .thumb-info-caption {
    background: var(--main);
}
.team .owl-carousel.nav-bottom .owl-nav button.owl-prev {
    color: var(--main);
}
.team .owl-carousel.nav-bottom .owl-nav button.owl-next {
    color: var(--main);
}
.nav-pills > li.active > a,
.nav-pills .nav-link.active {
    background-color: var(--main);
}
.feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: var(--main);
}
.process .process-step-circle {
    border-color: var(--main);
}
.process .process-step-circle:hover {
    border-color: var(--main);
}
h4.font-weight-semibold:hover {
    color: var(--main);
}
html .toggle-primary.toggle-simple .toggle > label::after,
html .toggle-primary.toggle-simple .toggle > .toggle-title::after {
    background-color: var(--main);
}
html .counters .counter-primary [class*="fa-"],
html .counters .counter-primary .icons,
html .counters .counter-primary strong {
    color: var(--main);
}
.btn-main {
    background-color: var(--main);
    border-color: var(--main);
    color: #fff;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: var(--main);
}
.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
    color: var(--main) !important;
}
.owl-carousel.nav-style-2 .owl-nav .owl-next::before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev::before,
.owl-carousel.nav-style-2 .owl-nav .owl-next::after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev::after {
    border-color: var(--main);
}
.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > .icons:first-child {
    color: var(--main);
    border-color: var(--main);
}
html .list-primary.list-icons li > [class*="fa-"]:first-child,
html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons li > .icons:first-child,
html .list-primary.list-icons li a:first-child > .icons:first-child {
    color: var(--main);
    border-color: var(--main);
}
.bg-color-gray {
    background: var(--gray-main);
}
.medical-schedules .box-one::after {
    border-left: 40px solid var(--main);
}
#header .header-nav.header-nav-links nav > ul li:hover > a {
    /* color: var(--main); */
}
.thumb-info:hover p {
    color: white;
}
.btn-gray,
.btn-gray:hover {
    background: var(--gray-main);
    color: white;
}
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color: var(--main);
}

.home-intro .btn {
    font-size: 1rem;
}

#departments .col-lg-4:nth-child(1) img {
    transform: scale(1.5);
}

#departments .col-lg-4:nth-child(4) img,
#departments .col-lg-4:nth-child(5) img,
#departments .col-lg-4:nth-child(6) img {
    transform: scale(1.2);
}
#footer .footer-copyright p,
#footer p,
#footer a,
#footer strong {
    color: white;
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"],
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover,
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
    color: var(--main);
}

#doctors .thumb-info-wrapper {
    height: 250px;
}

.welcome p {
    font-size: 1.3em;
}

.home-card {
    font-family: "Open Sans", Arial, sans-serif !important;
}

.dokter-name {
    font-size: 1.2em;
}

.pt-100 {
    padding-top: 100px;
}

.logo-sticky {
    display: none;
}

.sticky-header-enabled .heade-page .logo-sticky {
    display: block !important;
}

.sticky-header-active .logo-default {
    display: none;
}

.sticky-header-active .logo-sticky,
.heade-page .logo-sticky {
    display: block;
}

/* .sticky-header-active
    #header
    .header-nav.header-nav-links.header-nav-light-text
    nav
    > ul
    > li
    > a,
.sticky-header-active
    #header
    .header-nav.header-nav-line.header-nav-light-text
    nav
    > ul
    > li
    > a {
    color: #fff;
} */

.header-page nav > ul > li > a {
    color: var(--main) !important;
}

.sticky-header-active .header-home nav > ul > li > a,
.sticky-header-active .header-page nav > ul > li > a {
    color: #fff !important;
}

/* html:not(.sticky-header-active)
    #header.header-transparent:not(.header-semi-transparent)
    .header-body {
    background-color: var(--main) !important;
} */

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: #ccc;
    border-color: #ccc #ccc #ccc;
    color: #FFF;
  }

@media (min-width: 992px) {
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
}

/*====================================== Mobile =============================================*/
@media (max-width: 768px) {
    .d-dekstop {
        display: none !important;
    }

    .d-mobile {
        display: block !important;
    }

    #header
        .header-nav-main:not(.header-nav-main-mobile-dark)
        nav
        > ul
        > li
        > a {
        color: var(--main);
    }
    html
        #header
        .header-nav-main
        nav
        > ul
        > li.dropdown-full-color.dropdown-secondary
        > a {
        color: var(--main);
    }
    #doctors .thumb-info-wrapper {
        height: 350px;
    }

    #home .home-subtitle {
        font-size: 2.5em !important;
    }

    .home-card {
        min-height: 250px;
    }

    .owl-carousel.nav-md .owl-nav button.owl-prev,
    .owl-carousel.nav-md .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
    }

    .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev {
        left: 2px;
    }

    .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next {
        right: 2px;
    }

    html:not(.sticky-header-active) .header-page .header-body {
        background-color: var(--main) !important;
    }

    .map-section {
        height: 350px;
    }
}