﻿body {
    font-family: "Poppins", sans-serif;
}

/*
* Container
*/
@media (min-width: 1240px) {
    .container {
        max-width: 1240px !important;
    }
}

/*
* Header
*/
.header-top {
    border-bottom: 1px solid var(--grey-100) !important;
}

    .header-top .header-top-phone {
        font-size: 16px !important;
        padding: 6px 40px 6px 0 !important;
    }

        .header-top .header-top-phone img {
            margin-right: 7px;
        }

    .header-top .header-top-email,
    .header-top .header-top-opening-hours {
        font-size: 12px !important;
        letter-spacing: -0.3px;
    }

        .header-top .header-top-email i,
        .header-top .header-top-opening-hours i {
            margin-right: 6px !important;
        }

    .header-top .header-top-email {
        margin-right: 15px;
    }

@media (max-width: 1199px) {
    .header-top .nav-item-header-top-socials {
        width: 100%;
    }
}

.header-top .nav-item-header-top-socials .header-top-socials ul li {
    margin-right: 30px;
}

    .header-top .nav-item-header-top-socials .header-top-socials ul li i {
        font-size: 15px !important;
    }

.header-top .header-top-button-make-as-appoitment {
    width: 195px;
}

    .header-top .header-top-button-make-as-appoitment a {
        font-size: 12px;
    }

/*
* Header Container
*/
.header-container .header-nav .nav li > a {
    text-transform: none !important;
    font-size: 14px !important;
}

.header-container .header-nav .nav li .dropdown-menu a {
    font-size: 0.8em !important;
}

.header-container .header-nav .nav li:hover > a {
    background: #fff !important;
}

    .header-container .header-nav .nav li:hover > a:before {
        border-bottom: 0 !important;
    }

    .header-container .header-nav .nav li:hover > a + ul.dropdown-menu {
        border-top: 0 !important;
        margin-top: -5px !important;
    }

/*
* Header Search
*/
.header-column-search {
    flex-grow: 0.14 !important;
}

@media (max-width: 1199px) {
    .header-column-search {
        flex-grow: 0.3 !important;
    }
}

@media (max-width: 991px) {
    .header-column-search {
        order: 2;
        flex-grow: 0.1 !important;
        width: 100%;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .header-column-logo {
        order: 1;
    }
}

@media (max-width: 991px) {
    .header-column-nav-menu {
        order: 3;
        flex-grow: 0.1 !important;
    }
}

.header-nav-features {
    padding: 0 !important;
    margin: 0 !important;
}

    .header-nav-features:not(.header-nav-features-no-border):before {
        display: none !important;
    }

/*
* Carousel Slider
*/
.custom-dots-style-1 .owl-dots .owl-dot {
    background: transparent;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #212121;
}

    .custom-dots-style-1 .owl-dots .owl-dot > span {
        background: transparent !important;
    }

    .custom-dots-style-1 .owl-dots .owl-dot.active > span {
        background: #212121 !important;
    }

    .custom-dots-style-1 .owl-dots .owl-dot + .owl-dot {
        margin-left: 2px !important;
    }

/*
* Cards
*/
.custom-cards {
    position: relative;
    min-height: 500px;
}

@media (max-width: 1199px) {
    .custom-cards {
        height: auto;
    }
}

.custom-cards .cards-container {
    position: absolute;
    top: -10%;
    left: 0;
}

@media (max-width: 1199px) {
    .custom-cards .cards-container {
        position: static;
    }
}

.custom-cards .cards-container .card {
    min-height: 220px;
    font-size: 14px;
}

    .custom-cards .cards-container .card .card-body {
        padding:2px;
    }

        .custom-cards .cards-container .card .card-body img {
            padding-bottom: 10px;
        }

        .custom-cards .cards-container .card .card-body .card-title {
            font-size: 15px;
            color: #144d03;
            line-height: 21px;
        }

        .custom-cards .cards-container .card .card-body .card-text,
        .custom-cards .cards-container .card .card-body .card-title {
            margin: 0;
        }

/*
* Custom List Icons
*/
.custom-list-icons li {
    line-height: 35px !important;
    padding-left: 52px !important;
}

    .custom-list-icons li i {
        border-color: var(--grey) !important;
        width: 40px !important;
        height: 40px !important;
        line-height: 33px !important;
        top: 0 !important;
    }

.custom-list-icons:first-child li {
    padding-right: 60px !important;
}

/*
* Custom Carousel
*/
.custom-owl-carousel .owl-next:before {
    content: "\f061" !important;
    color: var(--dark) !important;
    font-size: 20px !important;
}

.custom-owl-carousel .owl-prev:before {
    content: "\f060" !important;
    color: var(--dark) !important;
    font-size: 20px !important;
}

.custom-owl-carousel .owl-carousel .owl-nav {
    top: 40%;
}

/*
* About Me
*/
.more-about {
    background-color: var(--light);
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 70px;
}

@media (max-width: 991px) {
    .more-about {
        padding-top: 70%;
        position: static;
        background-size: 100%;
        background-position: 0 0;
        background-color: var(--light);
        margin-bottom: 0;
        overflow: auto;
    }
}

@media (min-width: 992px) {
    .more-about .col-cuttin-more-about:before {
        content: '';
        position: absolute;
        top: -35%;
        right: -90%;
        width: 100%;
        height: 100%;
        background: var(--light);
        z-index: 0;
        transform: rotate(75deg);
    }

    .more-about .col-cuttin-more-about:after {
        content: '';
        position: absolute;
        top: 35%;
        right: -90%;
        width: 100%;
        height: 100%;
        background: var(--light);
        z-index: 0;
        transform: rotate(-75deg);
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .more-about {
        background-size: 130%;
    }

        .more-about .col-cuttin-more-about:before {
            right: -127%;
            top: -38%;
        }

        .more-about .col-cuttin-more-about:after {
            right: -127%;
            top: 38%;
        }
}

/*
* Patient Reviews
*/
.patient-reviews {
    background-position: right;
    background-repeat: no-repeat;
    background-color: var(--light);
    background-size: contain;
    height: auto;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .patient-reviews {
        padding-top: 51%;
        position: static;
        background-size: 100%;
        background-position: 0 0;
        background-color: var(--light);
        margin-bottom: 0;
        overflow: auto;
    }
}

@media (min-width: 1200px) {
    .patient-reviews .col-cutting-patient-reviews:before {
        content: '';
        position: absolute;
        top: -50%;
        left: -68%;
        width: 100%;
        height: 100%;
        background: var(--light);
        z-index: 0;
        transform: rotate(-70deg);
    }

    .patient-reviews .col-cutting-patient-reviews:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -68%;
        width: 100%;
        height: 100%;
        background: var(--light);
        z-index: 0;
        transform: rotate(70deg);
    }
}

@media (max-width: 991px) {
    .patient-reviews {
        padding-top: 54%;
    }
}

.patient-reviews section.section {
    padding: 90px 0 !important;
}

@media (max-width: 1199px) {
    .patient-reviews section.section {
        padding: 30px 0 70px !important;
    }
}

.patient-reviews section.section .owl-carousel .owl-nav {
    top: 19%;
}

.patient-reviews section.section p.lead {
    font-size: 14px;
}

.patient-reviews section.section h4.review-signature {
    font-size: 18px;
}

.patient-reviews .owl-stage-outer .owl-item {
    padding: 0 60px;
}

.patient-reviews .owl-next {
    transform: none !important;
}

    .patient-reviews .owl-next:before {
        content: "\f060" !important;
        color: var(--dark) !important;
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        font-size: 20px !important;
        left: 1px !important;
        top: -1px !important;
        border: none !important;
        position: static !important;
        transform: none !important;
    }

    .patient-reviews .owl-next:after {
        display: none !important;
    }

.patient-reviews .owl-prev {
    transform: none !important;
}

    .patient-reviews .owl-prev:before {
        content: "\f060" !important;
        color: var(--dark) !important;
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        font-size: 20px !important;
        left: 1px !important;
        top: -1px !important;
        border: none !important;
        position: static !important;
        transform: none !important;
    }

    .patient-reviews .owl-prev:after {
        display: none !important;
    }

.patient-reviews .review-quotes {
    left: 0;
    width: 10%;
}

    .patient-reviews .review-quotes + .lead {
        width: 90%;
    }

/*
* Medical Services
*/
.medical-services {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

    .medical-services .cards-medical-services {
        margin-bottom: 32px;
    }

        .medical-services .cards-medical-services .card {
            margin-bottom: 30px;
        }

    .medical-services .section-funnel-layer-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 96px 0;
        padding: 6rem 0;
        transform: translate3d(0, 99%, 0);
        z-index: 20;
    }

@media (max-width: 1199px) {
    .medical-services .section-funnel-layer-bottom {
        display: none;
    }
}

.medical-services .section-funnel-layer-bottom .section-funnel-layer:nth-child(1) {
    transform: skewY(-4.7deg);
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.medical-services .section-funnel-layer-bottom .section-funnel-layer:nth-child(2) {
    transform: skewY(-175.3deg);
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 6;
}


/* Skin */
.border-color-active-primary:active {
    border-color: #1e510e;
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a,
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a,
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a,
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a {
        color: #1e510e;
    }
}

.section-custom-medical {
    margin-top: -46px !important;
    background-color: #ececec42;
}
