@import "reset.css";
@import "helpers.css";
@import "fonts.css";
@import "header.css";
@import "footer.css";

:root {
    --white: #fff;
    --border-color: rgba(37, 135, 200, 0.2);
    --bodyText: #2c2826;
    --blue: #3cb4e5;
    --blue2: #192444;
    --green: #a1d683;
    --purple: #696d9e;
    --footerBg: #f6f5f6;
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body {
    font-family: 'Inter';
    color: var(--bodyText);
    overflow-x: hidden;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    outline: none !important;
}

::selection {
    background: #9C6500;
    color: #fff;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none !important;
}

input {
    border-radius: 0;
    outline: none;
}

    input:focus {
        outline: none;
        box-shadow: none !important;
    }



.d-none {
    display: none;
}

.d-block {
    display: block;
}

.wrapper {
    padding: 0 0 0 14%;
    position: relative;
}

    .wrapper.innerPage {
        padding: 0;
    }

.content-holder {
    position: relative;
}

.main-banner {
    position: relative;
    overflow: hidden;
    height: 100vh;
    overflow: hidden;
    margin-bottom: 5vw;
}

html.has-scroll-init {
    overflow-x: hidden;
}

.banner_info {
    position: absolute;
    bottom: 11vw;
    text-align: center;
    width: 75%;
    left: 12.5%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

    .banner_info.active {
        opacity: 1;
        visibility: visible;
    }

    .banner_info h3 {
        font-size: 22px;
        color: #fff;
        font-weight: 300;
        line-height: 1;
        margin-bottom: 1.5vw;
    }

    .banner_info h2 {
        font-size: 55px;
        font-weight: 300;
        line-height: 1;
        margin-bottom: 2.5vw;
    }

    .banner_info .btns-link {
    }

    .banner_info h2 strong {
        font-weight: 600;
    }

.arrow_btn {
    position: relative;
}

.btns-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    width: fit-content;
    padding: 0;
    color: rgba(255, 255, 255, .5);
    font-size: 16px;
    font-weight: 300;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

    .btns-link .infos {
        margin-right: 14px;
        transition: all .5s ease;
        color: #fff;
    }

    .btns-link .arrow {
        position: relative;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 1;
    }

    .btns-link:before {
        content: '';
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        z-index: -1 !important;
        position: absolute;
        border-radius: 15px;
        transition: all .5s ease;
        border: 1px solid #fff;
    }

    .btns-link:hover:before {
        background: #d4be6e;
        border: #d4be6e;
    }

    .btns-link:hover .infos {
        color: #d4be6e;
        color: #fff;
        border-color: #d4be6e;
    }

    .btns-link:hover .infos {
        padding-left: 10px;
        margin-right: 4px;
    }

    .btns-link:hover:before {
        width: 100% !important;
    }

    .btns-link .arrow {
        width: 30px;
        height: 30px;
    }

        .btns-link .arrow:hover svg {
            stroke: #fff;
        }

        .btns-link .arrow svg {
            stroke: #ffff;
        }

.scrollDown {
    transition: all 1.5s ease-in-out;
}

    .scrollDown .inner {
        display: flex;
        justify-content: center;
    }

        .scrollDown .inner a {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

            .scrollDown .inner a:hover {
                color: #CE2030;
            }

            .scrollDown .inner a svg {
                width: 30px;
                height: 30px;
                margin-bottom: 10px;
                stroke: #fff;
                animation: arrow-down 1s infinite;
                transition: all .6s ease;
            }

                .scrollDown .inner a svg:hover {
                    stroke: #D4BE6E;
                }

            .scrollDown .inner a span {
                font-size: 12px;
                color: #fff;
                font-weight: 100;
            }

@keyframes arrow-down {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0);
    }
}

.video-holder {
    position: relative;
}

    .video-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle, rgba(0,0,0,.4) 0%, rgba(0,0,0,1) 100%);
        z-index: 2;
    }

    .video-holder .video-background {
        position: relative;
        z-index: 1;
    }

.swiper.managementSwiper {
    width: 100%;
    height: 100%;
    padding: 0 0 100px;
}

    .swiper.managementSwiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .swiper.managementSwiper .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.news_slider_content .left {
    text-align: left;
    width: 100%;
    z-index: 1;
    display: none;
}

    .news_slider_content .left > p {
        font-size: 20px;
        line-height: 1.4;
        color: rgba(0,0,0, 50%);
        margin-bottom: 4vw;
        width: 55%;
        padding: 0;
    }

    .news_slider_content .left.active {
        display: block;
    }

    .news_slider_content .left h2 {
        font-size: 40px;
        font-weight: bold;
        color: #000;
        line-height: 1.2;
        margin-bottom: 1vw;
    }

    .news_slider_content .left h3 {
        color: #000;
        font-size: 28px;
        font-weight: 300;
        width: 60%;
        line-height: 28px;
        margin-bottom: 3vw;
    }

.newsSwiper .right {
    width: 100%;
}

.newsSwiper {
    width: 55%;
}

    .newsSwiper .swiper-slide {
        display: flex;
        align-items: end;
    }

    .newsSwiper .right > .ofh {
        border-bottom-left-radius: 0;
    }

.news_slider {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    align-items: center;
}

.read_more {
}

    .read_more a {
        font-size: 18px;
        color: #000;
        position: relative;
        overflow: hidden;
        padding: 0;
        transition: all .6s ease;
    }

        .read_more a:before {
            transform-origin: left;
            transform: scaleX(1);
            transition: transform .55s cubic-bezier(.785,.135,.15,.86);
            transition-delay: .6s;
        }

        .read_more a:after, .read_more a:before {
            content: "";
            position: absolute;
            bottom: -0.2em;
            right: 0;
            left: 0;
            height: 0.05em;
            min-height: 1px;
            background-color: #000;
        }

        .read_more a:after, .read_more a:hover:before {
            transform-origin: right;
            transform: scaleX(0);
            transition: transform .55s cubic-bezier(.785,.135,.15,.86);
            transition-delay: 0s;
        }

        .read_more a:after, .read_more a:before {
            content: "";
            position: absolute;
            bottom: -0.2em;
            right: 0;
            left: 0;
            height: 0.05em;
            min-height: 1px;
            background-color: #000;
        }

        .read_more a:hover:after {
            transform-origin: left;
            transform: scaleX(1);
            transition: transform .55s cubic-bezier(.785,.135,.15,.86);
            transition-delay: .2s;
        }

        .read_more a:after, .read_more a:hover:before {
            transform-origin: right;
            transform: scaleX(0);
            transition: transform .55s cubic-bezier(.785,.135,.15,.86);
            transition-delay: 0s;
        }

        .read_more a:hover {
            color: #d4be6e;
        }
/*.read_more a:hover{
    color: #fff;
    padding: 8px 14px;
}
.read_more a:hover:before
{
    height: 100%;
}*/

.pagination_wrap {
}

    .pagination_wrap .left {
    }

.management_btn {
    position: absolute;
    bottom: 5vw;
}

    .management_btn a {
        border: solid 1px rgba(0,0,0, 10%);
        padding: 8px 30px;
        border-radius: 50px;
        color: #000;
        text-transform: capitalize;
        font-weight: 500;
        transition: all 0.6s ease-in-out;
        overflow: hidden;
        display: block;
        position: relative;
        text-transform: uppercase;
    }

        .management_btn a:before {
            content: "";
            position: absolute;
            height: 100%;
            left: -35%;
            top: 0;
            background: #d4be6e;
            transform: skew(50deg);
            transition-duration: 0.6s;
            transform-origin: top left;
            width: 0;
            z-index: -1;
        }

        .management_btn a:hover:before {
            height: 100%;
            width: 135%;
        }

        .management_btn a svg {
            fill: #000;
        }

        .management_btn a:hover svg {
            fill: #fff;
        }

        .management_btn a:hover {
            background: #d4be6e;
            color: #fff;
            border-color: #d4be6e;
        }

        .management_btn a svg {
            margin-left: 5px;
            transition: all .6s ease-in-out;
        }

.pagination_wrap .right {
}

    .pagination_wrap .right .abj_btn {
        position: absolute;
        right: 0;
    }

        .pagination_wrap .right .abj_btn .swiper-button-next {
        }

            .pagination_wrap .right .abj_btn .swiper-button-next svg {
            }

        .pagination_wrap .right .abj_btn .swiper-button-prev {
        }

            .pagination_wrap .right .abj_btn .swiper-button-prev svg {
            }

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.grid_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
}

    .grid_wrap .grid {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .grid_wrap .grid img {
            width: 100%;
            display: flex;
            margin-bottom: -6px;
            transition: all .6s ease;
        }

        .grid_wrap .grid:hover .text {
            padding: 0vw 0vw 2vw;
        }

        .grid_wrap .grid:hover img {
            transform: scale(1.1);
        }

        .grid_wrap .grid .text {
            position: absolute;
            bottom: 1vw;
            width: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
            transition: all .6s ease;
            z-index: 2;
        }

            /*.grid_wrap .grid:hover .text h3,*/
            /*.grid_wrap .grid:hover .text h2,*/
            /*.grid_wrap .grid:hover .text a {*/
            /*    padding: 0vw 0vw 2vw;*/
            /*}*/

            .grid_wrap .grid .text h3 {
                font-size: 18px;
                font-weight: 300;
                margin-bottom: 1vw;
                text-transform: uppercase;
            }

            .grid_wrap .grid .text h2 {
                font-size: 40px;
                font-weight: 600;
                line-height: 1;
                margin-bottom: 1.5vw;
                text-transform: uppercase;
            }

.paginations-arrow {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.management-swiper-main {
    width: 82%;
    margin: 0 auto;
    display: flex;
    padding: 0;
    position: relative;
}

    .management-swiper-main .news_slider_content {
        width: 55%;
        padding-top: 10vw;
        position: relative;
    }

    .management-swiper-main .news_slider {
        width: 45%;
    }

    .management-swiper-main .abj_btn {
        position: relative;
        display: flex;
        align-items: center;
    }

    .management-swiper-main .swiper-pagination {
        position: relative;
        text-align: left;
    }

    .management-swiper-main .swiper-button-next,
    .management-swiper-main .swiper-button-prev {
        position: relative;
        width: auto;
        height: auto;
    }

    .management-swiper-main .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 2px;
        border-radius: 0;
        background: #000;
        transition: all .7s ease;
    }

        .management-swiper-main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 30px;
        }

    .management-swiper-main .swiper-button-next {
        right: 0;
        left: auto;
        margin-left: 1vw;
    }

    .management-swiper-main .swiper-button-prev {
        left: 0;
        right: auto;
    }

.swiper.managementSwiper .swiper-slide .right {
    margin-bottom: 2vw;
}

.management-swiper-main .swiper-button-prev svg,
.management-swiper-main .swiper-button-next svg {
    width: 30px;
    height: 30px;
    stroke: #000;
    transition: all .6s ease-in-out;
}

    .management-swiper-main .swiper-button-prev svg:hover,
    .management-swiper-main .swiper-button-next svg:hover {
        transition: all .6s ease-in-out;
        stroke: #000;
    }

.content-tab-main {
    text-align: center;
    padding: 5vw 9vw 7vw;
    margin-bottom: 4vw;
    background: #000;
    position: relative;
}

    .content-tab-main .tab-nav {
        display: flex;
        position: relative;
        z-index: 1;
    }

        .content-tab-main .tab-nav ul {
            align-items: center;
            justify-content: center;
            border: solid 1px rgba(201,157,75, .2);
            margin: auto;
            border-radius: 50px;
            padding: 10px 20px;
            display: flex;
            margin-bottom: 2.5vw;
            background: linear-gradient(180deg, #000 0%, #161616 100%);
        }

            .content-tab-main .tab-nav ul li {
                margin-right: 20px;
                position: relative;
                display: block;
            }

                .content-tab-main .tab-nav ul li:last-child {
                    margin-right: 0;
                }
                /*.content-tab-main .tab-nav ul .active{
    
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
                .content-tab-main .tab-nav ul li a {
                    font-size: 20px;
                    color: #fff;
                    font-weight: 500;
                    display: block;
                    transition: all .7s ease;
                    padding: 15px 3vw;
                }

                .content-tab-main .tab-nav ul li.active a {
                    background: linear-gradient(181deg, #000 0%, #272525 100%);
                    border-radius: 50px;
                }

                .content-tab-main .tab-nav ul li.active a,
                .content-tab-main .tab-nav ul li:hover a {
                    color: #D9B26A;
                }

                .content-tab-main .tab-nav ul li:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: -10px;
                    width: 100%;
                    height: auto;
                    border-left: 30px solid transparent;
                    border-right: 30px solid transparent;
                    border-bottom: 5px solid rgba(217,178,106,1);
                    filter: blur(2px);
                    visibility: hidden;
                    opacity: 0;
                    transition: all .7s ease;
                }

                .content-tab-main .tab-nav ul li.active:before {
                    visibility: visible;
                    opacity: 1;
                }

    .content-tab-main .content-tab {
        position: relative;
        z-index: 1;
    }

        .content-tab-main .content-tab .tab {
        }

            .content-tab-main .content-tab .tab h2 > p,
            .content-tab-main .content-tab .tab h2 {
                font-size: 40px;
                font-weight: bold;
                color: #fff;
                line-height: 1.4;
                margin-bottom: 1vw;
            }

            .content-tab-main .content-tab .tab p {
                font-size: 20px;
                font-weight: 300;
                color: rgba(255,255,255, 50%);
                padding: 0vw 12vw;
                line-height: 28px;
                margin-bottom: 3vw !important;
            }

            .content-tab-main .content-tab .tab .form_sec {
                width: 60%;
                margin: auto;
            }

                .content-tab-main .content-tab .tab .form_sec .form-group {
                }

                .content-tab-main .content-tab .tab .form_sec .form-group {
                    text-align: start;
                    position: relative;
                    margin-bottom: 1vw;
                }

                .content-tab-main .content-tab .tab .form_sec .form-control {
                    transition: all .5s ease;
                    border-radius: 0;
                    outline: none;
                    color: white;
                    display: block;
                    width: 100%;
                    padding: 10px 0vw 10px;
                    background: transparent;
                    border: none;
                    font-size: 16px;
                    border-bottom: 1px solid rgba(255, 255, 255, .4);
                }

                    .content-tab-main .content-tab .tab .form_sec .form-control::placeholder {
                        color: #fff;
                    }

                .content-tab-main .content-tab .tab .form_sec label {
                    margin: 0 0 24px;
                    font-size: 14px;
                    color: #fff;
                    line-height: 1;
                    transition: all .5s ease;
                }

                .content-tab-main .content-tab .tab .form_sec .form-group textarea {
                    width: 100%;
                    background: transparent;
                    border: none;
                    font-size: 16px;
                    border-bottom: 1px solid rgba(255, 255, 255, .4);
                    color: #fff;
                    resize: none;
                    margin-bottom: 0;
                    padding-bottom: 2vw;
                    margin-top: 1vw;
                }

                    .content-tab-main .content-tab .tab .form_sec .form-group textarea::placeholder {
                        color: #757575;
                    }

                    .content-tab-main .content-tab .tab .form_sec .form-group textarea:focus-visible {
                        outline: none;
                    }

.send_btn {
    text-align: justify;
    width: 60%;
    margin: auto;
}
/*.send_btn a{
    background: linear-gradient(90deg, rgba(170,124,80,1) 0%, rgba(201,157,75,1) 100%);
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
}*/


.content-tab .tab {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 1s ease 1 forwards;
}

    .content-tab .tab.active {
        display: block;
    }


@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

.subceribe_sec {
    width: 75%;
    margin: auto;
    margin-top: 4vw;
    display: flex;
    margin-bottom: 6vw;
    grid-gap: 5vw;
}

    .subceribe_sec .left {
        width: 40%;
    }

        .subceribe_sec .left h3 {
            color: #000;
            font-size: 40px;
            line-height: 1;
            margin-bottom: 10px;
        }

        .subceribe_sec .left h2 {
            color: #000;
            font-size: 60px;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 11vw;
        }

        .subceribe_sec .left p {
            font-size: 18px;
            color: #000;
            line-height: 1;
        }

    .subceribe_sec .right {
        width: 60%;
        position: relative;
        top: 4vw;
    }

        .subceribe_sec .right .send_btn {
            width: 100%;
        }

        .subceribe_sec .right .form_sec {
        }

            .subceribe_sec .right .form_sec .form-group {
            }

                .subceribe_sec .right .form_sec .form-group input {
                    transition: all .5s ease;
                    border-radius: 0;
                    outline: none;
                    color: #000;
                    display: block;
                    width: 100%;
                    padding: 1.5vw 0vw 10px;
                    background: transparent;
                    border: none;
                    font-size: 16px;
                    border-bottom: 1px solid rgba(0, 0, 0, .4);
                }

                .subceribe_sec .right .form_sec .form-group:last-child {
                    margin-bottom: 5vw;
                }

                .subceribe_sec .right .form_sec .form-group input::placeholder {
                    color: #000;
                    opacity: 1;
                }

.btns {
    padding: 16px 30px !important;
    border-radius: 50px;
    font-size: 12px !important;
    transition: all .5s ease-in-out;
    background-size: 300% 100%;
    font-size: 12px;
    color: #fff;
}

    .btns.color-1 {
        background-image: linear-gradient(to right, #AA7C50, #BA8D4D, #C99D4B, #BA8D4D);
    }

    .btns:hover {
        color: #fff !important;
        background-position: 100% 0;
        transition: all .5s ease-in-out;
    }

.swiper.mainSwiper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

    .swiper.mainSwiper .swiper-pagination {
        position: relative;
    }

.paigation-downArrow {
    position: absolute;
    top: auto;
    bottom: 3vw;
    width: 100%;
    text-align: center;
    z-index: 4;
    height: auto;
}

.circular-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-circle {
    stroke-dasharray: 251.327;
    stroke-dashoffset: 251.327;
    stroke: green; /* replace with your desired color */
    fill: none;
    transition: stroke-dashoffset 0.3s ease-in-out;
}

.paigation-downArrow ul {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5vw;
    grid-gap: 6px;
}

    .paigation-downArrow ul li {
        position: relative;
        width: 20px;
        height: 20px;
        margin-left: 0;
        cursor: pointer;
    }

        .paigation-downArrow ul li:last-child {
            margin-left: 0;
        }

        .paigation-downArrow ul li .bullet {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            top: 6px;
            left: 6px;
            transition: all .7s ease;
            opacity: 1;
            visibility: visible;
        }

        .paigation-downArrow ul li.active .bullet {
            /* opacity: 0;
            visibility: hidden;  */
            transform: scale(1.5);
            background-color: #D9B26A;
        }

        .paigation-downArrow ul li.active .progress-div {
            transform: scale(1);
            opacity: 1;
            visibility: visible;
        }

.progress-div {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
}

    .progress-div svg {
        width: 20px;
        height: 20px;
        background: transparent;
        position: absolute;
        transform: rotate(-90deg)
    }

        .progress-div svg circle {
            stroke: #B6B6B6;
        }

@keyframes progress {
    to {
        stroke-dasharray: 76, 100; /* Adjust the values based on your design */
        stroke-dashoffset: 0;
    }
}

.first-svg {
    z-index: 1;
}

.paigation-downArrow ul li.active svg circle.bar {
    opacity: 1;
    stroke: #9C6500;
    stroke-dasharray: 76;
    stroke-dashoffset: 76; /* Adjust the initial dash offset based on your design */
    stroke-linecap: round;
    animation: progress 2s ease-out forwards;
}

.shodow_img {
    width: 45%;
    position: absolute;
    right: 0;
    bottom: 5%;
    z-index: 1;
}

    .shodow_img img {
        width: 100%;
    }

.main_banner {
    height: 100vh;
    position: relative;
    overflow: hidden;
    /*    margin-bottom: 15vw;*/
}

    .main_banner .img {
        filter: brightness(0.6);
    }

        .main_banner .img img {
            width: 100%;
            display: flex;
        }

    .main_banner .bn_text {
        position: absolute;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 100%;
        top: 0;
        z-index: 2;
        height: 100%;
    }

        .main_banner .bn_text h3 {
            color: #fff;
            font-size: 20px;
            line-height: 1;
            text-transform: uppercase;
            font-weight: 300;
            margin-bottom: 1vw;
        }

        .main_banner .bn_text h2 {
            font-size: 55px;
            line-height: 1;
            font-weight: 300;
            color: #fff;
            text-transform: uppercase;
        }

            .main_banner .bn_text h2 strong {
                font-weight: 700;
            }

.medical_sec {
    display: flex;
    width: 82%;
    margin: auto;
    grid-gap: 3vw;
    margin-bottom: 15vw;
    align-items: center;
    justify-content: space-between;
}

    .medical_sec .left {
        width: 48%;
    }

        .medical_sec .left h2 {
            color: #000;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 3vw;
            line-height: 1.2;
        }

        .medical_sec .left p {
            font-size: 21px;
            color: rgba(0, 0, 0, .5);
            line-height: 32px;
            font-weight: 300;
            margin-bottom: 1vw;
        }

    .medical_sec .right {
        width: 43%;
    }

        .medical_sec .right img {
            width: 100%;
        }

.management_btn.get_btn {
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

    .management_btn.get_btn a {
        display: inline-flex;
    }

.diagnose_sec {
    position: relative;
    /*    margin-bottom: 10vw;*/
    overflow: hidden;
}

    .diagnose_sec .img {
    }

        .diagnose_sec .img img {
            width: 100%;
            display: flex;
        }

    .diagnose_sec .teeth_text {
        position: absolute;
        top: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center;
    }

        .diagnose_sec .teeth_text .btn_fix {
            width: 50%;
            margin: auto;
        }

        .diagnose_sec .teeth_text h2 {
            font-size: 40px;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 2vw;
            text-transform: uppercase;
        }

        .diagnose_sec .teeth_text p {
            font-size: 18px;
            line-height: 22px;
            font-weight: 300;
            margin-bottom: 1vw;
        }

        .diagnose_sec .teeth_text .down_arrow {
        }

            .diagnose_sec .teeth_text .down_arrow .scrollDown {
            }

                .diagnose_sec .teeth_text .down_arrow .scrollDown .inner {
                }

                    .diagnose_sec .teeth_text .down_arrow .scrollDown .inner a {
                    }

.work_sec {
    margin-bottom: 5vw;
}

    .work_sec .text {
        text-align: center;
        padding-top: 10vw;
        margin-bottom: 10vw;
    }

    .work_sec .text2 {
        padding: 0;
    }

    .work_sec .text h2 {
        font-size: 40px;
        color: #000;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 2vw;
        padding: 0 10vw;
    }

    .work_sec .text p {
        color: rgba(0,0,0, .5);
        font-size: 20px;
        font-weight: 300;
        line-height: 1.4;
    }

    .work_sec .news_slider_content .left h2 {
        margin-bottom: 3vw;
    }

    .work_sec .news_slider_content .left p {
        width: 85% !important;
        /*    margin-bottom: 8vw;*/
    }

    .work_sec .management-swiper-main {
        grid-gap: 4vw;
    }

        .work_sec .management-swiper-main .news_slider_content {
            padding: 0;
        }

            .work_sec .management-swiper-main .news_slider_content .swiper-cont {
            }

                .work_sec .management-swiper-main .news_slider_content .swiper-cont .left {
                }

                    .work_sec .management-swiper-main .news_slider_content .swiper-cont .left h3 {
                        font-size: 20px;
                        color: #000;
                        font-weight: 300;
                        margin-bottom: 2vw;
                    }

                    .work_sec .management-swiper-main .news_slider_content .swiper-cont .left h2 p {
                    }

        .work_sec .management-swiper-main .managementSwiper {
        }

            .work_sec .management-swiper-main .managementSwiper .swiper-slide {
                background: transparent;
            }

                .work_sec .management-swiper-main .managementSwiper .swiper-slide .right {
                }

        .work_sec .management-swiper-main .paginations-arrow {
            width: 70%;
            left: 0;
        }

body {
    margin: 0;
}

.banner-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 0;
    margin: 0 auto;
    min-height: 100vh;
}

    .banner-container .item-wrapper {
        font-family: monospace;
        font-size: 18px;
        flex: 1 0 auto;
        text-align: center;
        min-height: 100vh;
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        transition: all .7s ease;
    }

.item-wrapper.expand {
    flex-grow: 3;
}

.item-wrapper.w1 {
    background-image: url("../images/free-1.jpg");
}

.item-wrapper.w2 {
    background-image: url("../images/free-2.jpg");
}

.item-wrapper.w3 {
    background-image: url("../images/free-3.jpg");
}

.item-wrapper.w4 {
    background-image: url("../images/free-4.jpg");
}

.item-wrapper.w5 {
    background-image: url("../images/free-5.jpg");
}

.item-wrapper p {
    font-weight: 900;
    font-size: 25px;
    transform: translateY(-500%);
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    background-color: #f5f5dc;
    padding: 20px;
}

    .item-wrapper p.active {
        transform: translateY(0);
    }

.doc_sec {
    margin-bottom: 0;
}

    .doc_sec .content-tab {
    }

        .doc_sec .content-tab .tab {
        }

            .doc_sec .content-tab .tab p {
                width: 60%;
                margin: auto;
                padding: 0;
                margin-bottom: 5vw;
            }

            .doc_sec .content-tab .tab h2 {
                line-height: 1.6;
            }

.work_sec2 .text {
    width: 60%;
    margin: auto;
    padding: 0;
}

.work_sec2 .management-swiper-main .paginations-arrow {
    width: 100%;
    margin: 0;
    justify-content: space-between;
}

.certified_sec {
    flex-direction: row-reverse;
}

    .certified_sec .left {
        width: 43%;
    }

    .certified_sec .right {
        width: 48%;
    }

.warranty_sec {
    display: flex;
    width: 60%;
    margin: auto;
    grid-gap: 4vw;
    margin-bottom: 10vw;
    color: #000;
}

    .warranty_sec .left {
        width: 50%;
        position: relative;
        border: solid 1px rgba(69, 69, 69, 0.1);
        border-radius: 30px;
        padding: 5vw 1.5vw 2vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .warranty_sec .left:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 40px;
            left: 0;
            background: #7F7F7F;
            top: 0;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
        }

        .warranty_sec .left h3 {
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 2vw;
        }

        .warranty_sec .left h2 {
            font-size: 40px;
            line-height: 1;
            font-weight: bold;
            margin-bottom: 2vw;
        }

        .warranty_sec .left p {
            font-size: 16px;
            line-height: 19px;
        }

        .warranty_sec .left .tick_sec {
            flex: 1;
            padding: 30px 0;
            border-top: solid 1px rgba(217, 178, 106, .2);
        }

            .warranty_sec .left .tick_sec .tick {
                display: flex;
                align-items: center;
                grid-gap: 1vw;
                margin-bottom: 1vw;
            }

                .warranty_sec .left .tick_sec .tick img {
                }

                .warranty_sec .left .tick_sec .tick h4 {
                    font-size: 18px;
                    line-height: 1;
                    font-weight: 600;
                }

    .warranty_sec .right {
        width: 50%;
        padding: 5vw 1.5vw 2vw;
        position: relative;
        border: solid 1px rgba(69, 69, 69, 0.1);
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .warranty_sec .left:nth-child(2):before {
        content: "";
        position: absolute;
        width: 100%;
        background-image: linear-gradient(to right, #AA7C50, #BA8D4D, #C99D4B, #BA8D4D);
        height: 40px;
        left: 0;
        top: 0;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }

    .warranty_sec .right h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 2vw;
    }

    .warranty_sec .right h2 {
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        margin-bottom: 2vw;
    }

    .warranty_sec .right p {
        font-size: 16px;
        line-height: 19px;
    }

    .warranty_sec .right .tick_sec {
        border-top: solid 1px rgba(217, 178, 106, .2);
    }

        .warranty_sec .right .tick_sec .tick {
            display: flex;
            align-items: center;
            grid-gap: 1vw;
            margin-bottom: 1vw;
        }

            .warranty_sec .right .tick_sec .tick img {
            }

            .warranty_sec .right .tick_sec .tick h4 {
                font-size: 18px;
                line-height: 1;
                font-weight: 600;
            }

            .warranty_sec .right .tick_sec .tick:last-child {
                margin-bottom: 3vw;
            }

    .warranty_sec .management_btn.get_btn a {
        display: block;
        text-align: center;
    }

    .warranty_sec .management_btn a:before {
        display: none;
    }

    .warranty_sec .management_btn.get_btn > a:hover {
        background-image: linear-gradient(to right, #AA7C50, #BA8D4D, #C99D4B, #BA8D4D);
    }

.price_sec {
    display: flex;
    width: 82%;
    grid-gap: 3vw;
    margin: auto;
    margin-bottom: 5vw;
}

    .price_sec .left {
        width: 50%;
    }

        .price_sec .left h2 {
            font-size: 40px;
            line-height: 1;
            margin-bottom: 2vw;
            color: #000;
            font-weight: 700;
        }

        .price_sec .left p {
            font-size: 22px;
            line-height: 28px;
            color: rgba(0, 0, 0, .5);
            margin-bottom: 1vw;
        }

    .price_sec .right {
        width: 50%;
    }

        .price_sec .right .img {
        }

            .price_sec .right .img img {
                width: 100%;
            }

.faq_sec {
    width: 65%;
    margin: auto;
}

    .faq_sec h2 {
        font-size: 40px;
        color: #000;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        margin-bottom: 4vw;
    }

.faqs-holder {
    margin: auto;
    margin-bottom: 3vw;
}

    .faqs-holder ul li {
        position: relative;
        list-style: none;
        background: #000;
        border-radius: 6px;
        margin-bottom: 1vw;
    }

        .faqs-holder ul li h3 {
            position: relative;
            font-weight: 600;
            font-size: 24px;
            display: flex;
            cursor: pointer;
            justify-content: space-between;
            color: #fff;
            padding: 25px 2vw;
            margin-bottom: 2vw;
        }

        .faqs-holder ul li .arrow-fix {
            transition: all .2s ease-in-out;
            position: relative;
            stroke: #D9B26A;
        }

        .faqs-holder ul li h3 span {
        }

        .faqs-holder ul li .arrow-fix .arrow {
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            border: solid 1px #000;
        }

        .faqs-holder ul li.active .arrow-fix svg {
            transform: rotate(-180deg);
        }

        .faqs-holder ul li.active {
            border: 0;
        }

        .faqs-holder ul li > div p {
            transition: all .5s ease-in-out;
            position: relative;
            color: rgba(255, 255, 255, .8);
            padding: 0vw 5vw 1vw 3vw;
            font-size: 20px;
            line-height: 32px;
            font-weight: 300;
        }

.advantage_swiper {
    background: #000;
    padding: 8vw 0px 5vw;
    margin-bottom: 10vw;
}

    .advantage_swiper .text {
        padding: 0;
    }

        .advantage_swiper .text h2 {
            color: #fff;
        }

    .advantage_swiper .management-swiper-main {
    }

        .advantage_swiper .management-swiper-main .news_slider_content {
        }

            .advantage_swiper .management-swiper-main .news_slider_content .swiper-cont {
            }

                .advantage_swiper .management-swiper-main .news_slider_content .swiper-cont .left {
                }

                .advantage_swiper .management-swiper-main .news_slider_content .swiper-cont .left {
                }

                    .advantage_swiper .management-swiper-main .news_slider_content .swiper-cont .left h3 {
                        color: rgba(255, 255, 255, 1);
                    }

                    .advantage_swiper .management-swiper-main .news_slider_content .swiper-cont .left h2 {
                        color: #fff;
                        width: 75%;
                    }

                    .advantage_swiper .management-swiper-main .news_slider_content .swiper-cont .left p {
                        color: rgba(255, 255, 255, .5);
                        width: 85% !important;
                        font-weight: 300;
                    }

        .advantage_swiper .management-swiper-main .swiper-button-prev svg,
        .advantage_swiper .management-swiper-main .swiper-button-next svg {
            width: 25px;
            height: 25px;
        }

        .advantage_swiper .management-swiper-main .swiper-pagination .swiper-pagination-bullet {
            background: #fff;
        }

        .advantage_swiper .management-swiper-main .news_slider {
            width: 50%;
        }

.about_banner {
    height: auto;
}

.st_sec {
    display: flex;
    background: #000;
    padding: 6vw 12.5% 4vw;
    align-items: center;
    grid-gap: 5vw;
    margin-top: -6px;
}

    .st_sec .left {
        width: 50%;
    }

        .st_sec .left h2 {
            font-size: 24px;
            color: #fff;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 2vw;
        }

        .st_sec .left p {
            font-size: 20px;
            line-height: 30px;
            font-weight: 600;
            color: rgba(255, 255, 255, .5);
        }

    .st_sec .right {
        width: 50%;
    }

        .st_sec .right .img {
        }

            .st_sec .right .img img {
                width: 100%;
            }

.about_banner .img {
    filter: brightness(1);
}

.about_banner .bn_text {
    justify-content: end;
    padding-bottom: 7vw;
}

.cs_sec {
    background: #fff;
    flex-direction: row-reverse;
}

    .cs_sec .left {
    }

        .cs_sec .left h2 {
            color: #000;
        }

        .cs_sec .left p {
            color: rgba(0, 0, 0, .5);
        }

.ip_sec {
    position: relative;
}

    .ip_sec .teeth_text {
    }

    .ip_sec .shadow .img {
        height: 190%;
        top: 0;
    }

    .ip_sec .teeth_text .btn_fix {
        width: 60%;
    }

        .ip_sec .teeth_text .btn_fix h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 1vw;
            text-transform: uppercase;
        }

        .ip_sec .teeth_text .btn_fix h2 {
            font-size: 45px;
        }

.blog_sec {
    height: 60vh;
}

    .blog_sec .bn_text h3 {
        color: #000;
    }

    .blog_sec .bn_text h2 {
        color: #000;
        margin-bottom: 2vw;
    }

.search_icon {
    display: flex;
    align-items: center;
    background: #F3F3F3;
    border-radius: 30px;
    padding: 8px 20px 10px;
    position: relative;
    width: 50%;
    grid-gap: 1vw;
    z-index: 3;
}

    .search_icon input {
        border: none;
        font-size: 16px;
        color: #000;
        border-radius: 30px;
        line-height: normal;
        position: relative;
        font-weight: 400;
        background: transparent;
        opacity: 1;
        transition: all .7s ease;
        z-index: 1;
        width: 100%;
    }

        .search_icon input::placeholder {
            opacity: 1;
            font-size: 16px;
            color: #000;
        }

.risus_sec {
    display: flex;
    position: relative;
    width: 90%;
    margin: auto;
    grid-gap: 2vw;
    margin-bottom: 3vw;
}

    .risus_sec .left {
        position: relative;
    }

        .risus_sec .left img {
            width: 100%;
            height: 100%;
        }

    .risus_sec .text {
        position: absolute;
        bottom: 2vw;
        left: 2vw;
    }

        .risus_sec .text h2 {
            font-size: 30px;
            line-height: 1;
            margin-bottom: 1vw;
            width: 70%;
        }

        .risus_sec .text h3 {
            font-size: 18px;
            font-weight: 400;
            line-height: 1;
            margin-bottom: 1vw;
        }

.wt_btn {
    position: relative;
    bottom: 0;
}

    .wt_btn a {
        display: inline-block;
        color: #fff;
        border-color: #fff;
    }

        .wt_btn a svg {
        }

.risus_sec .right {
    position: relative;
}

    .risus_sec .right img {
        width: 100%;
        /* height: 100%; */
        /* object-fit: cover; */
    }

.wt_btn a svg {
    fill: #fff;
}

.grid_sec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 90%;
    grid-gap: 2vw;
    margin: auto;
    margin-bottom: 7vw;
    position: relative;
    z-index: 1;
}

    .grid_sec .grid {
    }

        .grid_sec .grid img {
            width: 100%;
            margin-bottom: 1vw;
        }

        .grid_sec .grid .text {
            text-align: start;
        }

            .grid_sec .grid .text h3 {
                font-size: 19px;
                color: #000;
                line-height: 1;
                font-weight: 400;
                margin-bottom: 1vw;
            }

            .grid_sec .grid .text h2 {
                font-size: 30px;
                color: #000;
                line-height: 1;
                font-weight: 500;
                width: 80%;
                margin-bottom: 1vw;
            }

            .grid_sec .grid .text .black_btn {
                position: relative;
                bottom: 0;
            }

                .grid_sec .grid .text .black_btn a {
                    display: inline-flex;
                    align-items: center;
                }

.blog_detail {
    height: 50vh;
}

    .blog_detail .bn_text {
        align-items: start;
        width: 82%;
        margin: auto;
        position: relative;
        justify-content: end;
        padding-bottom: 5vw;
    }

        .blog_detail .bn_text h3 {
            color: #000;
        }

        .blog_detail .bn_text h2 {
            color: #000;
        }

.detail_text {
    width: 82%;
    margin: auto;
    position: relative;
    margin-bottom: 5vw;
}

    .detail_text .img {
        margin-bottom: 1vw;
    }

        .detail_text .img img {
            width: 100%;
        }

    .detail_text .icons_sec {
    }

        .detail_text .icons_sec a {
            position: absolute;
            top: 2vw;
            right: 2vw;
            border: solid 1px rgba(0, 0, 0, .1);
            border-radius: 50%;
            width: 40px;
            height: 40px;
            transition: all .6s ease-in-out;
        }

            .detail_text .icons_sec a svg {
                width: 18px;
                height: 18px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                transition: all 1s;
                margin-right: 0 !important;
                margin-left: 0 !important;
                fill: #393939;
                transition: all .6s ease-in-out;
            }

            .detail_text .icons_sec a:hover {
                background: linear-gradient(to right, #AA7C50, #BA8D4D, #C99D4B, #BA8D4D);
            }

                .detail_text .icons_sec a:hover svg {
                    fill: #FFF;
                    border-color: #fff;
                }

    .detail_text h3 {
        font-size: 28px;
        color: #000;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 3vw;
        /*font-family: 'Josefin Sans';*/
    }

    .detail_text p {
        color: #000;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 1vw;
        /*font-family: 'Josefin Sans';*/
        font-weight: 300;
    }

.blog_grid {
    background: #000;
    padding: 8vw 0vw;
    position: relative;
}

    .blog_grid > .text {
        text-align: center;
        margin-bottom: 5vw;
    }

    .blog_grid .text h3 {
        font-size: 20px;
        line-height: 1;
        margin-bottom: 1vw;
        font-weight: 400;
    }

    .blog_grid .text h2 {
        font-size: 55px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 300;
    }

        .blog_grid .text h2 strong {
            font-weight: 700;
        }

.blog_grid {
}

    .blog_grid .grid_sec {
        margin-bottom: 0;
    }

        .blog_grid .grid_sec .grid {
        }

            .blog_grid .grid_sec .grid h3 {
                color: #fff;
            }

            .blog_grid .grid_sec .grid h2 {
                color: #fff;
                text-transform: capitalize;
                font-size: 24px;
                line-height: 28px;
            }

.culture_sec {
    align-items: center;
}

    .culture_sec .left {
    }

        .culture_sec .left h2 {
        }

/*  .culture_sec .left p {
            font-weight: 700;
        }*/

.benefit_sec {
    background: #000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 10vw 0;
    /*margin-bottom: 10vw;*/
}

    .benefit_sec .bene {
        display: flex;
        align-items: center;
        width: 90%;
        margin: auto;
        grid-gap: 10vw;
    }

        .benefit_sec .bene .left {
            width: 50%;
        }

            .benefit_sec .bene .left img {
                width: 100%;
            }

        .benefit_sec .bene .right {
            width: 50%;
            z-index: 1;
        }

            .benefit_sec .bene .right h2 {
                font-size: 55px;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                margin-bottom: 3vw;
            }

            .benefit_sec .bene .right .number_sec {
                display: flex;
                align-items: center;
                grid-gap: 2vw;
                margin-bottom: 2vw;
            }

                .benefit_sec .bene .right .number_sec span {
                    font-size: 20px;
                    line-height: 1;
                    width: 40px;
                    height: 40px;
                    border: solid 1px rgba(255, 255, 255, .7);
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-weight: 400;
                }

                .benefit_sec .bene .right .number_sec p {
                    font-size: 20px;
                    line-height: 1.2;
                    width: 60%;
                }

.vacancie_sec {
}

    .vacancie_sec .text {
        text-align: center;
        width: 50%;
        margin: auto;
        margin-bottom: 8vw;
    }

        .vacancie_sec .text h2 {
            color: #000;
            font-size: 54px;
            line-height: 1;
            font-weight: 700;
            margin-bottom: 2vw;
        }

        .vacancie_sec .text p {
            font-size: 20px;
            color: #000;
            line-height: 30px;
            font-weight: 300;
        }

    .vacancie_sec .faqs-holder {
        width: 96%;
    }

        .vacancie_sec .faqs-holder ul {
        }

            .vacancie_sec .faqs-holder ul li {
                background: #ffff;
                border-bottom: solid 1px rgba(0,0,0,.2);
                padding: 0 10vw;
                padding-bottom: 5vw;
                border-radius: inherit;
                margin-bottom: 5vw;
            }

                .vacancie_sec .faqs-holder ul li h3 {
                    padding: 0;
                }

                    .vacancie_sec .faqs-holder ul li h3 span {
                        font-size: 34px;
                        color: #000;
                        font-weight: bold;
                        text-transform: uppercase;
                        /*margin-bottom: 2vw;*/
                    }

                .vacancie_sec .faqs-holder ul li > div {
                }

                    .vacancie_sec .faqs-holder ul li > div h3 {
                        color: #000;
                        font-size: 28px;
                        line-height: 1;
                        font-weight: 700;
                        margin-bottom: 1vw;
                    }

                    .vacancie_sec .faqs-holder ul li > div h4 {
                        font-size: 28px;
                        color: #000;
                        line-height: 1.1;
                        font-weight: 700;
                        margin-bottom: 1vw;
                        width: 90%;
                        /* font-family: 'Josefin Sans'; */
                    }

                    .vacancie_sec .faqs-holder ul li > div h5 {
                        font-size: 24px;
                        text-transform: uppercase;
                        color: #000;
                        font-weight: 700;
                        margin-bottom: 2vw;
                        line-height: 1;
                    }

                    .vacancie_sec .faqs-holder ul li > div p {
                        color: #000;
                        padding: 0;
                        margin-bottom: 1vw;
                        font-size: 18px;
                        line-height: 24px;
                    }

                .vacancie_sec .faqs-holder ul li:last-child {
                    border: none;
                }

.team_sec .content-tab {
}

    .team_sec .content-tab .tab {
        display: block;
    }

.attach {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    margin-bottom: 4vw !important;
    grid-gap: 1vw;
}

.attach {
    position: relative;
    height: 45px;
}

    .attach svg {
    }

    .attach span {
        position: absolute;
        top: 8px;
        left: 44px;
        color: #fff;
    }

    .attach input[type=file] {
        border: none !important;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.contact_banner {
    display: flex;
    align-items: center;
    padding: 10vw 0;
}

    .contact_banner .left {
        color: #000;
        width: 35%;
        margin: auto;
    }

        .contact_banner .left h3 {
            font-size: 20px;
            line-height: 1;
            font-weight: 400;
            text-transform: uppercase;
            margin-bottom: 1vw;
        }

        .contact_banner .left h2 > p {
            font-size: 55px;
            line-height: 1.2;
            color: #000;
            font-weight: 400;
            text-transform: uppercase;
            margin-bottom: 3vw;
        }

            .contact_banner .left h2 > p strong {
                font-weight: 700;
            }

        .contact_banner .left p {
            color: rgba(0, 0, 0, .5);
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
        }

    .contact_banner .right {
        width: 50%;
    }

        .contact_banner .right img {
            width: 100%;
        }

.shadow {
}

    .shadow .img {
        position: absolute;
        top: -15vw;
        right: 0;
        overflow: hidden;
        height: 150%;
    }

        .shadow .img img {
            width: 100%;
            height: 100%;
        }

.posstion_adj {
    margin-top: -6px;
}

    .posstion_adj .grid_sec {
    }

        .posstion_adj .grid_sec .grid {
        }

            .posstion_adj .grid_sec .grid .text {
            }

                .posstion_adj .grid_sec .grid .text h2 {
                    font-size: 28px;
                    line-height: 34px;
                }

.swiper_wrap {
    background: #000;
    height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
}

    .swiper_wrap .swiper-wrapper {
    }

        .swiper_wrap .swiper-wrapper .swiper-slide {
        }

            .swiper_wrap .swiper-wrapper .swiper-slide img {
                width: 100%;
            }

    .swiper_wrap .swiper-container {
        width: 100%;
        height: auto;
    }

    .swiper_wrap .swiper-slide {
        transition: all 200ms linear;
        transform: scale(0.8);
    }

        .swiper_wrap .swiper-slide.swiper-slide-active {
            transform: scale(1);
        }



    .swiper_wrap .paginations-arrow {
    }

        .swiper_wrap .paginations-arrow .swiper-pagination {
        }

        .swiper_wrap .paginations-arrow .abj_btn {
            display: flex;
        }

            .swiper_wrap .paginations-arrow .abj_btn .swiper-button-prev {
            }

                .swiper_wrap .paginations-arrow .abj_btn .swiper-button-prev svg {
                }

            .swiper_wrap .paginations-arrow .abj_btn .swiper-button-next {
            }

                .swiper_wrap .paginations-arrow .abj_btn .swiper-button-next svg {
                }

.privacy_sec {
    height: 50vh;
}

    .privacy_sec .bn_text {
    }

        .privacy_sec .bn_text h2 {
            font-size: 55px;
            line-height: 1;
            font-weight: 300;
            color: #000;
            text-transform: uppercase;
        }

            .privacy_sec .bn_text h2 strong {
                font-weight: 700;
            }

.policy_text {
    width: 65%;
    margin: auto;
    margin-bottom: 5vw;
}

    .policy_text .text {
    }

        .policy_text .text h2 {
            font-size: 30px;
            color: #000;
            line-height: 1;
            font-weight: 700;
            margin-bottom: 2vw;
        }

        .policy_text .text p {
            font-size: 18px;
            color: #000;
            font-weight: 300;
            margin-bottom: 3vw;
        }

.form_sec .form-select {
    background-image: url('../images/form-arrow.png') !important;
    background-size: 19px 9px !important;
    background-repeat: no-repeat !IMPORTANT;
    background-position: right !important;
    transition: all .5s ease-in-out;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .4) !important;
    border: none;
    border-radius: 0;
    padding: 10px 0vw 10px;
    color: #fff;
}

    .form_sec .form-select select {
        color: #fff;
    }

    .form_sec .form-select option {
        color: #000;
    }

    .form_sec .form-select:focus {
        box-shadow: none;
    }

.form_sec .shadow .img {
    position: absolute;
    top: -15vw;
    right: -9vw;
    overflow: hidden;
    height: 180%;
    z-index: -1;
}

.site_sec {
    display: flex;
    width: 92%;
    margin-left: auto;
    position: relative;
    margin-bottom: 10vw;
    flex-direction: row-reverse;
    overflow: hidden;
}

    .site_sec .left {
        width: 55%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .site_sec img {
        width: 100%;
    }

    .site_sec .right {
        width: 40%;
        margin-top: 8.3vw;
        position: relative;
        padding-left: 4vw;
    }

        .site_sec .right .patient_text {
            position: relative;
        }

            .site_sec .right .patient_text h2 {
                color: #D9B26A;
                font-size: 40px;
                line-height: 1;
                font-weight: 700;
                margin-bottom: 2vw;
            }

            .site_sec .right .patient_text a {
                display: block;
                font-size: 22px;
                color: #000;
                line-height: 1;
                position: relative;
                margin-bottom: 2vw;
                text-transform: uppercase;
                /* overflow: hidden; */
                transition: all .5s ease-in-out;
            }

        .site_sec .right:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            background: rgba(0, 0, 0, .6);
            left: 0;
        }

        .site_sec .right:after {
            content: "";
            position: absolute;
            background: rgba(0, 0, 0, .6);
            width: 10px;
            height: 1px;
            left: 0;
            top: 0;
        }

        .site_sec .right .patient_text a:before {
            content: "";
            position: absolute;
            width: 3px;
            height: 0;
            background: #D9B26A;
            left: -4vw;
            opacity: 0;
            transition: all .3s ease-in-out;
            visibility: hidden;
            overflow: hidden;
        }

        .site_sec .right .patient_text a:hover:before {
            /* left: 0; */
            opacity: 1;
            visibility: visible;
            height: 100%;
        }

        .site_sec .right .patient_text a:hover {
            color: #D9B26A;
        }

.swiper_sec {
    background: #000;
    padding: 0 0 0 2vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 5vw;
}

    .swiper_sec .head {
        margin-bottom: 10vw;
        text-align: center;
    }

        .swiper_sec .head h3 {
            font-size: 20px;
            color: #fff;
            font-weight: 700;
            margin-bottom: 2vw;
            text-transform: uppercase;
        }

        .swiper_sec .head h2 {
            font-size: 54px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
        }

    .swiper_sec .swiper-container2 {
    }

        .swiper_sec .swiper-container2 .swiper-wrapper {
        }

            .swiper_sec .swiper-container2 .swiper-wrapper .swiper-slide {
            }

                .swiper_sec .swiper-container2 .swiper-wrapper .swiper-slide .text {
                    position: absolute;
                    bottom: 2vw;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    align-items: center;
                    justify-content: center;
                    left: 0;
                }

                    .swiper_sec .swiper-container2 .swiper-wrapper .swiper-slide .text h3 {
                        font-size: 20px;
                        font-weight: 700;
                    }

                    .swiper_sec .swiper-container2 .swiper-wrapper .swiper-slide .text h2 {
                        font-size: 34px;
                        line-height: 1;
                        font-weight: 700;
                        width: 70%;
                        margin-bottom: 1vw;
                    }

        .swiper_sec .swiper-container2 .text .btns-link {
        }

            .swiper_sec .swiper-container2 .text .btns-link:before {
                width: 20px;
                height: 20px;
            }

            .swiper_sec .swiper-container2 .text .btns-link .infos {
                font-size: 12px;
                line-height: 1;
            }

            .swiper_sec .swiper-container2 .text .btns-link .arrow {
                width: 20px;
                height: 20px;
            }

                .swiper_sec .swiper-container2 .text .btns-link .arrow svg {
                    width: 10px;
                    height: 10px;
                }

        .swiper_sec .swiper-container2 .swiper-slide {
            opacity: 0.4;
            overflow: hidden;
            transition: .7s;
        }

            .swiper_sec .swiper-container2 .swiper-slide img {
                width: 100%;
                position: relative;
            }

        .swiper_sec .swiper-container2 .swiper-slide-active {
            opacity: 1;
            z-index: 1;
            transform: scale(1.5);
        }

    .swiper_sec .paginations-arrow {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        grid-gap: 2vw;
        right: 2vw;
        top: 6vw;
    }

        .swiper_sec .paginations-arrow .swiper-pagination {
            display: flex;
            justify-content: end;
            position: relative;
            width: auto;
        }

            .swiper_sec .paginations-arrow .swiper-pagination span {
                width: 15px;
                height: 2px;
                border-radius: 0;
                background: #fff;
                transition: all .7s ease;
            }

            .swiper_sec .paginations-arrow .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 30px;
            }

        .swiper_sec .paginations-arrow .abj_btn {
            position: relative;
            display: flex;
            align-items: center;
        }

            .swiper_sec .paginations-arrow .abj_btn .swiper-button-prev {
                left: auto;
                right: 10px;
                position: relative;
            }

            .swiper_sec .paginations-arrow .abj_btn .swiper-button-next {
                left: 10px;
                right: auto;
                position: relative;
            }

                .swiper_sec .paginations-arrow .abj_btn .swiper-button-next svg,
                .swiper_sec .paginations-arrow .abj_btn .swiper-button-prev svg {
                    stroke: #fff;
                }

    .swiper_sec .swiper-container2 .swiper-slide .text h2 {
        font-size: 28px !important;
        width: 80% !important;
    }

    .swiper_sec .swiper-container2 .swiper-slide-active .text h2 {
        font-size: 36px !important;
    }

.before-grid {
    display: grid;
    grid-template-columns: 24% 24.5% 50.5%;
    overflow: hidden;
    grid-gap: 1vw;
    height: 100%;
    margin-bottom: 1vw;
}

    .before-grid .grid {
    }

        .before-grid .grid img {
            width: 100%;
            margin: 0 0 -6px;
            height: 100%;
            object-fit: cover;
        }

.before_sec .news_slider_content {
    padding: 0;
}

    .before_sec .news_slider_content .swiper-cont {
    }

        .before_sec .news_slider_content .swiper-cont .left h2 {
        }

        .before_sec .news_slider_content .swiper-cont .left p {
            margin-bottom: 1vw;
            width: 90% !important;
        }

.management-swiper-main.before_sec .news_slider {
    width: 53%;
}

.management-swiper-main.before_sec .paginations-arrow {
    width: 70% !important;
}

.header.inner-header-color .right .nav-main ul li a {
    color: red !important;
}

.swiper_wrap .paginations-arrow {
    display: flex;
    grid-gap: 20px;
    position: absolute;
    right: 2vw;
    bottom: 5vw;
    align-items: center;
}

    .swiper_wrap .paginations-arrow .swiper-pagination {
        position: relative;
    }

.swiper_wrap .swiper-button-next svg,
.swiper_wrap .swiper-button-prev svg {
    width: 25px;
    height: 25px;
}

.swiper_wrap .swiper-button-next,
.swiper_wrap .swiper-button-prev {
    position: relative;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

.swiper_wrap span.swiper-pagination-bullet {
    width: 15px;
    height: 2px;
    border-radius: 0;
    background: #fff;
    transition: all .7s ease;
}

    .swiper_wrap span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 30px;
    }

.swiper_wrap .shadow .img {
    top: -10vw;
}

.video-holder.inner-video {
    height: 65vh;
    overflow: hidden;
}

    .video-holder.inner-video video {
        position: relative;
        top: -35%;
    }

.s1-b {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
}

.s2-b {
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
}

.s3-s4-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 3 / span 1;
    grid-row: 2 / span 1;
    width: 100%;
    grid-gap: 1vw;
}

.s3-b {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.s4-b {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.images-accordaion-main {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100vh; /* Ensure the height fills the viewport */
    overflow: hidden; /* Hide overflow to prevent scrolling issues */
}

    .images-accordaion-main .items {
        width: 20%;
        height: 100%;
        background-position: center; /* Align image to the left center */
        background-size: cover;
        background-repeat: no-repeat;
        filter: brightness(0.6);
        transition: width 0.8s ease; /* Smooth transition for flex */
        position: relative;
    }

        .images-accordaion-main .items.active,
        .images-accordaion-main .items:hover {
            width: 40%;
        }

        .images-accordaion-main .items .img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            transition: all 0.8s ease;
        }

        .images-accordaion-main .items img {
            width: 100%;
        }


.main_banner .bn_text.text2 {
    top: 50%;
    z-index: 2;
    height: auto;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .main_banner .bn_text.text2 .inner {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease;
    }

        .main_banner .bn_text.text2 .inner.active {
            opacity: 1;
            visibility: visible;
        }

.work_sec.work_sec2 {
    margin-bottom: 10vw;
}

.car_sec {
    margin-bottom: 0;
}

.all_products {
}

    .all_products .medical_sec {
        align-items: inherit;
    }

.before_banner .bn_text {
    top: 4.2vw;
}

.patient_text .dropdown_new {
}

    .patient_text .dropdown_new a {
    }

    .patient_text .dropdown_new .sub_list {
        margin-left: 3vw;
    }

        .patient_text .dropdown_new .sub_list a {
            color: rgba(0,0,0,.5);
        }

.site_sec .right .patient_text a svg {
    transform: rotate(180deg);
}

.patient_text .dropdown_new .items {
    display: flex;
    align-items: center;
    margin-bottom: 2vw;
    grid-gap: 1vw;
}

    .patient_text .dropdown_new .items a {
        margin-bottom: 0;
    }

.patient_text .dropdown_new .sub_list {
    display: none;
}

.patient_text .dropdown_new .items button.sub-item {
    transform: rotate(180deg);
    transition: all .3s ease;
}

.patient_text .dropdown_new .items.active button.sub-item {
    transform: rotate(0deg);
}

.patient_text .dropdown_new .sub_list a:before {
    left: -7vw;
}

.swiper_sec .swiper-container3 .swiper-wrapper .swiper-slide .text {
    position: relative;
    text-align: start;
    bottom: 0;
}


.swiper_wrap .swiper-wrapper .swiper-slide .text h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 3vw;
    line-height: 1;
}

.swiper_wrap .swiper-wrapper .swiper-slide .text p {
    font-size: 20px;
    color: rgba(255, 255, 255, .5);
    line-height: 26px;
    font-weight: 300;
}

.dentists_white_swiper .swiper-wrapper .swiper-slide .text p {
    color: rgba(0, 0, 0, .5);
    opacity: 1 !important;
}

.dentists-acc-swiper .swiper-slide .text {
    opacity: 0;
    transition: all 1s ease;
}

.dentists-acc-swiper {
    height: 100vh;
    margin-bottom: 10vw;
}

    .dentists-acc-swiper .swiper-slide .text p,
    .dentists-acc-swiper .swiper-slide .text h3 {
        transform: translateY(20px);
        transition: all 1s ease;
    }

    .dentists-acc-swiper .swiper-slide .text p {
        transition-delay: 0.2s;
    }

    .dentists-acc-swiper .swiper-slide.swiper-slide-active .text {
        opacity: 1;
    }

    .dentists-acc-swiper .swiper-slide.swiper-slide-active h3,
    .dentists-acc-swiper .swiper-slide.swiper-slide-active p {
        transform: translateY(0);
    }

    .dentists-acc-swiper .swiper-slide.swiper-slide-active h3 {
    }

    .dentists-acc-swiper .swiper-slide.swiper-slide-active p {
    }

    .dentists-acc-swiper .swiper-slide img {
        margin-bottom: 2vw;
    }

    .dentists-acc-swiper .swiper-slide.swiper-slide-active {
        position: relative;
        bottom: 1.4vw;
    }

    .dentists-acc-swiper .paginations-arrow {
        top: 7vw;
        bottom: auto;
        right: 10vw;
    }

    .dentists-acc-swiper .abj_btn {
    }

.dentists_white_swiper {
    background: #fff !important;
}

    .dentists_white_swiper .swiper-slide.swiper-slide-active h3 {
        color: #000;
    }

    .dentists_white_swiper .swiper-slide.swiper-slide-active p {
        font-size: 16px;
        color: rgba(0, 0, 0, .5);
        line-height: 22px;
    }

    .dentists_white_swiper .head {
        text-align: center;
        margin-bottom: 10vw;
    }

.dentists-acc-swiper .head {
    margin-bottom: 10vw;
}

    .dentists-acc-swiper .head h3 {
        width: 40%;
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        margin: auto;
        margin-bottom: 10vw;
        text-transform: capitalize;
        text-align: center;
    }

.dentists_white_swiper .head h3 {
    font-size: 40px;
    color: #000;
    font-weight: 700;
    line-height: 50px;
    width: 60%;
    margin: auto;
    text-transform: capitalize;
}

.dentists_white_swiper .paginations-arrow {
    top: 10vw;
}

.shield_swiper .head {
}

    .shield_swiper .head h3 {
        margin-bottom: 2vw;
    }

    .shield_swiper .head p {
        color: #000;
    }

.dentists_white_swiper .head p {
    color: #000;
    font-size: 18px;
    line-height: 1;
    margin-top: 2vw;
}


.dentists-shield-swiper {
    height: auto;
    background: #000;
    padding: 8vw 0 6vw;
    position: relative;
    margin-bottom: 10vw;
}

.dentists-swiper .swiper-slide {
    width: 350px !important;
    transition: all .7s ease;
    padding: 8.4% 0 0;
}

    .dentists-swiper .swiper-slide.swiper-slide-active {
        width: 550px !important;
        padding: 0;
    }

    .dentists-swiper .swiper-slide .img {
        margin-bottom: 4vw;
    }

    .dentists-swiper .swiper-slide img {
        width: 100%;
    }

    .dentists-swiper .swiper-slide .text h3 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 4vw;
        line-height: 1;
    }

    .dentists-swiper .swiper-slide .text p {
        font-size: 16px;
        color: rgba(255, 255, 255, .5);
        line-height: 26px;
        opacity: 1 !important;
        font-weight: 300;
    }

    .dentists-swiper .swiper-slide .text {
        opacity: 0;
        transition: all 1s ease;
    }

.dentists-swiper {
    height: auto;
    margin-bottom: 10vw;
}

    .dentists-swiper .swiper-slide .text p,
    .dentists-swiper .swiper-slide .text h3 {
        transform: translateY(20px);
        transition: all 1.5s ease;
    }

    .dentists-swiper .swiper-slide .text p {
        transition-delay: 200ms; /* or 0.2s */
        opacity: 1 !important;
    }

    .dentists-swiper .swiper-slide.swiper-slide-active .text {
        opacity: 1;
    }

    .dentists-swiper .swiper-slide.swiper-slide-active h3,
    .dentists-swiper .swiper-slide.swiper-slide-active p {
        transform: translateY(0);
    }

.dentists-shield-swiper .paginations-arrow {
    top: 6vw;
    width: auto;
    right: 0;
    position: absolute;
}

.dentists-shield-swiper .abj_btn {
    display: flex;
    align-items: center;
}

.dentists-shield-swiper .paginations-arrow {
    right: 5vw;
}

.dentists-shield-swiper .swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: 10px;
    right: auto;
    position: relative;
}

.dentists-shield-swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: 10px;
    left: auto;
    position: relative;
}

.dentists-shield-swiper .dentists-swiper {
    margin-bottom: 0;
}

.dentists_white_swiper {
    padding: 0;
}

    .dentists_white_swiper .dentists-swiper {
    }

        .dentists_white_swiper .dentists-swiper .head {
            width: 60%;
            margin: auto;
            margin-bottom: 10vw;
        }

            .dentists_white_swiper .dentists-swiper .head h2 {
                font-size: 40px;
                color: #000;
                font-weight: 700;
                line-height: 1;
                margin-bottom: 1vw;
            }

    .dentists_white_swiper .paginations-arrow {
        right: 5vw;
        top: 20vw;
    }

.technical_swiper {
    padding-bottom: 0;
}

    .technical_swiper .dentists-swiper {
    }

        .technical_swiper .dentists-swiper .head {
            width: 50%;
            margin: auto;
            margin-bottom: 10vw;
        }

            .technical_swiper .dentists-swiper .head h2 {
                font-size: 40px;
                color: #fff;
                font-weight: 700;
                line-height: 1;
                text-align: center;
                margin-bottom: 1vw;
            }

    .technical_swiper .dentists-swiper {
    }

        .technical_swiper .dentists-swiper .swiper-wrapper {
        }

            .technical_swiper .dentists-swiper .swiper-wrapper .swiper-slide {
            }

                .technical_swiper .dentists-swiper .swiper-wrapper .swiper-slide .text {
                }

                    .technical_swiper .dentists-swiper .swiper-wrapper .swiper-slide .text h3 {
                        width: 80%;
                    }

    .technical_swiper .paginations-arrow {
        top: 22vw;
    }

.dentists_white_swiper .dentists-swiper .head p {
    color: rgba(0, 0, 0, .5);
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
}

.dentists-shield-swiper .paginations-arrow .abj_btn .swiper-button-next svg,
.dentists-shield-swiper .paginations-arrow .abj_btn .swiper-button-prev svg {
    width: 20px;
    height: 20px;
}

.wt_content-tab {
    background: #fff;
}

    .wt_content-tab .tab-nav {
    }

        .wt_content-tab .tab-nav ul {
            background: linear-gradient(180deg, #fff 0%, #e9e5e5 100%);
        }

            .wt_content-tab .tab-nav ul li {
            }

                .wt_content-tab .tab-nav ul li a {
                    color: #000;
                }

                .wt_content-tab .tab-nav ul li.active a {
                    background: linear-gradient(181deg, #fff 0%, #d5cdcd 100%);
                }

    .wt_content-tab .content-tab {
    }

        .wt_content-tab .content-tab .tab {
        }

            .wt_content-tab .content-tab .tab h2 {
                color: #000;
            }

            .wt_content-tab .content-tab .tab p {
                color: rgba(0,0,0,50%);
            }

            .wt_content-tab .content-tab .tab .form_sec {
            }

                .wt_content-tab .content-tab .tab .form_sec .form-group {
                }

                    .wt_content-tab .content-tab .tab .form_sec .form-group input {
                        color: #000;
                        border-bottom: 1px solid rgba(0, 0, 0, .4);
                    }

                    .wt_content-tab .content-tab .tab .form_sec .form-group textarea {
                        border-bottom: 1px solid rgba(0, 0, 0, .4);
                        color: #000;
                    }

                .wt_content-tab .content-tab .tab .form_sec .send_btn {
                }

                    .wt_content-tab .content-tab .tab .form_sec .send_btn a {
                    }

                .wt_content-tab .content-tab .tab .form_sec .form-group input::placeholder {
                    color: #000;
                    opacity: 1;
                }

.swiper {
    width: 100%;
    height: 100%;
}

.shade_sec {
    position: relative;
    height: 100vh;
    width: 85%;
    overflow: hidden;
    margin: auto;
}
    /* You can remove this page div in your website */
    .shade_sec #page {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .shade_sec .wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
    }

    .shade_sec .before,
    .shade_sec .after {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-color: white;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .shade_sec .content-image {
        height: 100%;
    }

    .shade_sec .after {
        width: 150px;
    }

    .shade_sec .scroller {
        width: 90px;
        height: 90px;
        position: absolute;
        left: 101px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        background-color: transparent;
        opacity: 0.9;
        pointer-events: auto;
        cursor: pointer;
    }

        .shade_sec .scroller:hover {
            opacity: 1;
        }

    .shade_sec .scrolling {
        pointer-events: none;
        opacity: 1;
    }

    .shade_sec .scroller__thumb {
        width: 100%;
        height: 100%;
        padding: 15px;
    }

    .shade_sec .scroller:before,
    .shade_sec .scroller:after {
        content: " ";
        display: block;
        width: 5px;
        height: 100vh;
        position: absolute;
        left: 50%;
        margin-left: 0;
        z-index: 30;
        transition: 0.1s;
    }

    .shade_sec .scroller:before {
        top: 100%;
    }

    .shade_sec .scroller:after {
        bottom: 100%;
    }

    .shade_sec .scroller {
        background: #fff;
    }

        .shade_sec .scroller:before,
        .shade_sec .scroller:after {
            background: #fff;
        }

    .shade_sec .wrapper .before-text {
        position: absolute;
        bottom: 1.5vw;
        left: 1.5vw;
    }

    .shade_sec .after .before-text h2 {
    }

    .shade_sec .wrapper .after-text {
        position: absolute;
        right: 1.5vw;
        bottom: 1.5vw;
    }

    .shade_sec .before .after-text h2 {
    }

    .shade_sec .wrapper .after-text h2 {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        text-transform: uppercase;
    }

    .shade_sec .wrapper .before-text h2 {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        text-transform: uppercase;
    }

.sticky-main.relative {
    /* padding: 0 0 5vw; */
    margin: -1px 0 0;
}

.sticky-main > h2 {
    font-size: 40px;
    color: #000;
    font-weight: 700;
    width: 85%;
    margin: auto;
    line-height: 48px;
    margin-bottom: 5vw;
}

.sticky-section {
    display: flex;
    position: relative;
    padding: 0vw 0 0 30.5%;
    width: 95%;
    margin-bottom: 10vw;
}

    .sticky-section > .left {
        width: 30%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 0 0 0;
        z-index: 2;
    }

    .sticky-section .right {
        width: 100%;
        padding: 2.5vw 0 0 0;
    }

.fix-nav {
    padding: 7vw 0 0 8vw;
    position: relative;
}

    .fix-nav:before {
        content: '';
        position: absolute;
        top: 0;
        left: -44px;
        width: 44px !important;
        background: var(--paginationBg);
        padding: 2.5vw 0;
        border-radius: 50px;
        height: 100%;
    }

    .fix-nav ul {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        grid-gap: 10px;
        padding: 0 15% 0 0;
    }

        .fix-nav ul li {
            list-style-type: none;
            cursor: pointer;
        }

            .fix-nav ul li a {
                line-height: 1;
                margin: 0 0 1vw;
                color: rgba(0, 0, 0, 40%);
                transition: all .7s ease;
                font-size: 24px;
                font-weight: 700;
                position: relative;
                /* padding-left: 14%; */
                display: flex;
                text-transform: capitalize;
            }

                .fix-nav ul li a span {
                    width: 24px;
                    height: 24px;
                    background: transparent;
                    position: absolute;
                    top: 0;
                    left: -33px;
                    z-index: 2;
                    text-align: center;
                    line-height: 24px;
                    font-size: 16px;
                    color: var(--bodyText);
                    opacity: 1;
                    transition: all .5s ease;
                    font-weight: 600;
                }

            .fix-nav ul li p {
                position: absolute;
                visibility: hidden;
                opacity: 0;
                transition: all .5s ease;
                margin: 0;
                font-size: 20px;
            }

            .fix-nav ul li.active {
            }

            .fix-nav ul li a.active {
                color: #000;
            }

                .fix-nav ul li a.active span {
                    background: var(--primary);
                    border-radius: 50%;
                    color: var(--white);
                }


.sticky-tab-content {
    margin: 0 0 0;
    position: relative;
}

    .sticky-tab-content .inner {
        padding: 0 11% 2vw 0;
    }

        .sticky-tab-content .inner h2 {
            font-weight: 600;
            font-size: 3vw;
            line-height: 1;
            margin: 0 0 40px;
        }

    .sticky-tab-content .img {
        width: 100%;
        position: relative;
    }

    .sticky-tab-content img {
        width: 100%;
        overflow: hidden;
        display: flex;
    }

    .sticky-tab-content .inner > h3,
    .sticky-tab-content > h3 {
        color: var(--primary);
        margin: 0 0 20px;
        font-weight: 600;
        font-size: 2vw;
        line-height: 1.1;
        margin-bottom: 2vw;
    }

    .sticky-tab-content > p {
        font-size: 20px;
    }

.process_sec {
    display: flex;
    position: relative;
    grid-gap: 3vw;
}

    .process_sec .left {
        width: 70%;
        padding: 0vw 0vw 0vw 2vw;
    }

        .process_sec .left .number {
            position: absolute;
            left: 0;
            top: 15px;
        }

            .process_sec .left .number span {
                font-size: 30px;
                display: block;
                color: #007CBB;
                line-height: 1;
            }

        .process_sec .left h2 {
            font-size: 50px;
            color: #3B3E42;
        }

        .process_sec .left p {
            font-size: 26px;
            font-weight: 100;
            color: #000;
            padding-right: 0;
            line-height: 24px;
        }

        .process_sec .left .faqs-holder {
        }

            .process_sec .left .faqs-holder ul {
            }

                .process_sec .left .faqs-holder ul li h3 {
                    font-size: 40px;
                    color: #007CBB;
                }

                    .process_sec .left .faqs-holder ul li h3 .plus {
                        right: 0;
                    }

                .process_sec .left .faqs-holder ul li .content {
                    font-size: 26px;
                    font-weight: 300;
                }

                    .process_sec .left .faqs-holder ul li .content h4 {
                        font-size: 28px;
                        font-weight: 400;
                        color: #333333;
                        margin-bottom: 1vw;
                    }

                    .process_sec .left .faqs-holder ul li .content p {
                        margin-bottom: 4vw;
                        padding-right: 0vw;
                    }

                        .process_sec .left .faqs-holder ul li .content p a {
                            color: #333;
                        }

    .process_sec .right {
        width: 30%;
    }

        .process_sec .right ul {
            border-left: solid 1px #999999;
            padding: 0vw 0vw 0 3vw;
        }

            .process_sec .right ul li {
                margin-bottom: 5px;
            }

                .process_sec .right ul li a {
                    color: #999999;
                    font-size: 22px;
                    line-height: 20px;
                    transition: all .6s ease;
                }

                    .process_sec .right ul li a:hover {
                        color: #007CBB;
                    }

    .process_sec .left .faqs-holder ul li .content p:last-child {
        margin: 0;
    }

.bf_af_sec {
    display: flex;
    height: 100%;
    grid-gap: 15px;
    margin-bottom: 4vw;
}

    .bf_af_sec .left {
        width: 40%;
    }

        .bf_af_sec .left img {
            height: 100%;
            object-fit: cover;
        }

    .bf_af_sec .right {
        width: 60%;
        padding: 0;
        display: flex;
        flex-direction: column;
        grid-gap: 15px;
    }

        .bf_af_sec .right .bf_img {
            position: relative;
            display: flex;
        }

            .bf_af_sec .right .bf_img img {
            }

            .bf_af_sec .right .bf_img h2 {
                position: absolute;
                bottom: 0;
                font-size: 22px;
                width: auto;
                left: 1vw;
                bottom: 1vw;
                text-transform: uppercase;
            }

        .bf_af_sec .right .af_img {
            position: relative;
        }

            .bf_af_sec .right .af_img h2 {
                position: absolute;
                width: auto;
                font-size: 22px;
                left: 1vw;
                bottom: 1vw;
                text-transform: uppercase;
            }

.sticky-tab-content .main_text {
    position: relative;
    margin-bottom: 8vw;
}

    .sticky-tab-content .main_text .img {
        position: absolute;
        left: -1vw;
        top: -1.6vw;
    }

        .sticky-tab-content .main_text .img svg {
            width: 50px;
            height: 50px;
        }

    .sticky-tab-content .main_text p {
        font-size: 24px;
        font-weight: 300;
        line-height: 34px;
        color: rgba(0,0,0, .5);
    }
/*.fix_bot{
    margin-bottom: 10vw;
}*/
/*.fix-nav ul li:last-child a
{
    margin-bottom: 0;
}*/
/*.before_banner .bn_text h2{
    text-transform: math-auto;
}*/
.dentists-shield-swiper > .text {
    width: 60%;
    margin: auto;
    text-align: center;
    margin-bottom: 8vw;
}

.dentists-shield-swiper .text h2 {
    font-size: 44px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2vw;
}

.dentists-shield-swiper .text p {
    color: rgba(255, 255, 255, .5);
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

.google_swiper {
    margin-bottom: 10vw;
}

    .google_swiper > h2 {
        font-size: 40px;
        color: #000;
        font-weight: 700;
        margin-bottom: 10vw;
        text-align: center;
        text-transform: capitalize;
        line-height: 48px;
    }

    .google_swiper .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(249,248,248,40%);
        border-radius: 40px;
        height: auto;
        align-items: start;
    }

        .google_swiper .swiper-slide.swiper-slide-active {
            background: #F9F8F8;
            transition: all .6s ease-in-out;
            border-radius: 30px;
        }

            .google_swiper .swiper-slide.swiper-slide-active h2,
            .google_swiper .swiper-slide.swiper-slide-active p {
                color: #000 !important;
            }

            .google_swiper .swiper-slide.swiper-slide-active img {
                opacity: 1 !important;
            }

        .google_swiper .swiper-slide .text {
            padding: 2vw;
        }

            .google_swiper .swiper-slide .text img {
                margin-bottom: 2vw;
                opacity: .6;
            }

            .google_swiper .swiper-slide .text p {
                font-size: 20px;
                line-height: 26px;
                color: rgba(0, 0, 0, .5);
                margin-bottom: 5px;
            }

            .google_swiper .swiper-slide .text h2 {
                font-size: 24px;
                color: rgba(0, 0, 0, .5);
                line-height: 1;
                font-weight: 700;
                margin-top: 2vw;
            }

    .google_swiper .swiper {
        overflow: initial;
    }

    .google_swiper .paginations-arrow {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        grid-gap: 2vw;
        right: 12vw;
        top: 3vw;
    }

    .google_swiper .swiper-pagination {
        display: flex;
        justify-content: center;
        position: relative;
        width: auto;
        bottom: 0 !important;
        width: 40% !important;
    }

        .google_swiper .swiper-pagination span {
            width: 15px;
            height: 2px;
            border-radius: 0;
            background: #000;
            transition: all .7s ease;
        }

    .google_swiper .abj_btn {
        position: relative;
        display: flex;
        align-items: center;
    }

        .google_swiper .abj_btn .swiper-button-prev {
            right: 10px;
            left: auto;
        }

            .google_swiper .abj_btn .swiper-button-prev svg {
            }

        .google_swiper .abj_btn .swiper-button-next {
            left: 10px;
            right: auto;
        }

            .google_swiper .abj_btn .swiper-button-next svg {
            }

    .google_swiper .paginations-arrow .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 30px;
    }

    .google_swiper .abj_btn .swiper-button-prev svg,
    .google_swiper .abj_btn .swiper-button-next svg {
        width: 24px;
        height: 24px;
    }

.menu-mb {
    background: #fff;
}

    .menu-mb.fixed {
        position: fixed;
        top: 90px;
        left: 5%;
        width: 90%;
    }

.dentists-shield-swiper .dentists-swiper-shade {
    margin: 0 auto 4vw;
    width: 90%;
}

.dentists-shield-swiper.gallery .paginations-arrow {
    top: 0;
    right: 0;
    position: relative;
}

.dentists-shield-swiper.gallery .paginations-arrow {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    grid-gap: 2vw;
    right: 5vw;
    top: auto;
}

.dentists-shield-swiper.gallery .swiper-pagination {
    display: flex;
    justify-content: center;
    position: relative;
    width: auto;
    bottom: 10px !important;
    width: 40% !important;
}

    .dentists-shield-swiper.gallery .swiper-pagination span {
        width: 15px;
        height: 2px;
        border-radius: 0;
        background: rgba(255, 255, 255, .6);
        transition: all .7s ease;
    }

.dentists-shield-swiper.gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.dentists-shield-swiper.gallery .abj_btn {
    position: relative;
    display: flex;
    align-items: center;
}

    .dentists-shield-swiper.gallery .abj_btn .swiper-button-prev {
        right: 10px;
        left: auto;
    }

        .dentists-shield-swiper.gallery .abj_btn .swiper-button-prev svg {
            stroke: #fff;
        }

    .dentists-shield-swiper.gallery .abj_btn .swiper-button-next {
        left: 10px;
        right: auto;
    }

        .dentists-shield-swiper.gallery .abj_btn .swiper-button-next svg {
            stroke: #fff;
        }

.dentists-shield-swiper.gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
}

.dentists-shield-swiper.gallery .swiper-button-prev.swiper-button-disabled,
.dentists-shield-swiper.gallery .swiper-button-next.swiper-button-disabled {
    opacity: .7;
}

.dentists-shield-swiper.gallery .abj_btn .swiper-button-prev svg,
.dentists-shield-swiper.gallery .abj_btn .swiper-button-next svg {
    width: 24px;
    height: 24px;
}


/**/
.range-container {
    display: grid;
    position: relative;
    overflow: hidden;
    --position: 50%;
}

.image-container {
}

.slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.image-before {
    position: absolute;
    inset: 0;
    width: var(--position);
}

.image-after {
    z-index: 2;
}

.text-before,
.text-after {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 1;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .5s ease;
    visibility: visible;
    opacity: 1;
}

    .text-before.hide,
    .text-after.hide {
        visibility: hidden;
        opacity: 0;
    }

.text-after {
    left: auto;
    right: 20px;
}

.range-container .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
}

    .range-container .slider:focus-visible ~ .slider-button {
        outline: 5px solid black;
        outline-offset: 3px;
    }

.range-container .slider-line {
    position: absolute;
    inset: 0;
    width: .2rem;
    height: 100%;
    background-color: #fff;
    /* z-index: 10;
    */
    left: var(--position);
    transform: translateX(-50%);
    pointer-events: none;
}

.range-container .slider-button {
    position: absolute;
    background-color: #fff;
    color: black;
    padding: .5rem;
    border-radius: 100vw;
    display: grid;
    place-items: center;
    width: 90px;
    height: 90px;
    top: 50%;
    left: var(--position);
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* z-index: 100;
    */
}

    .range-container .slider-button svg {
        width: 60px;
    }

.fix-nav ul li a:hover {
    color: #000;
}

.sticky-tab-content:last-child .main_text {
    margin: 0;
}

.main_review {
    background-color: #000;
    padding: 8vw 0;
    margin-bottom: 8vw;
}

    .main_review .head {
        text-align: center;
        margin-bottom: 7vw;
    }

        .main_review .head h2 {
            font-size: 40px;
            line-height: 1;
            font-weight: bold;
            margin-bottom: 1vw;
        }

        .main_review .head h3 {
            font-size: 28px;
            font-weight: 300;
            line-height: 1;
            color: rgba(255,255,255, .6);
        }

    .main_review .video_sec {
        display: flex;
        width: 85%;
        margin: auto;
        height: 100%;
        grid-gap: 4vw;
    }

        .main_review .video_sec .left {
            width: 30%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 5vw 0 0 0;
        }

            .main_review .video_sec .left ul {
            }

                .main_review .video_sec .left ul li {
                    margin-bottom: 1.5vw;
                }

                    .main_review .video_sec .left ul li a {
                        font-size: 20px;
                        color: rgba(255,255,255, .4);
                        font-weight: bold;
                    }

                    .main_review .video_sec .left ul li p {
                        font-size: 16px;
                        color: rgba(255,255,255, .4);
                        font-weight: 300;
                        transition: all .6s ease-in-out;
                    }

            .main_review .video_sec .left .chnage_img {
                display: flex;
                grid-gap: 10px;
            }

                .main_review .video_sec .left .chnage_img img {
                    border-radius: 4px;
                    width: 100%;
                }

        .main_review .video_sec .right .chnage_img {
        }

    .main_review .right {
        width: 70%;
    }

    .main_review .video_sec .left .swiper_chnage {
    }

        .main_review .video_sec .left .swiper_chnage .changeSwiper {
        }

            .main_review .video_sec .left .swiper_chnage .changeSwiper .swiper-slide {
            }

                .main_review .video_sec .left .swiper_chnage .changeSwiper .swiper-slide img {
                    width: 100%;
                    border-radius: 6px;
                    display: flex;
                }

.popup_swiper {
    width: 93%;
}

.blackOut {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
    top: 0;
    bottom: 0;
    display: none;
    left: 0;
}

    .blackOut .popupAlignCenter {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .blackOut .popupAlignCenter .popUpWrapper {
            width: 80%;
            max-width: 1280px;
            /*max-height: 640px;*/
            background-color: #fff;
            z-index: 100;
        }

            .blackOut .popupAlignCenter .popUpWrapper button.videoClose {
                color: #999999;
                font-weight: 600;
                font-size: 22px;
                padding: 4px 10px;
                float: right;
                background: none;
                border: 0;
                cursor: pointer;
            }

.main_review .video_wrap {
    display: flex;
}

.videoPopup {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 !important;
}

    .videoPopup em {
        width: 100%;
        height: 100%;
        position: absolute;
        background: #fff;
        left: -100%;
        top: 0;
        /*transition: all .5s ease;*/
    }

    .videoPopup img {
        width: 100%;
        display: flex;
        border-radius: 6px;
    }

.welcome_msg {
    padding-left: 1vw;
    padding-top: 0.3vw;
}

    .welcome_msg h4 {
        color: #fff;
        opacity: .42;
    }

    .welcome_msg h3 {
        color: #fff;
    }

.videoPopup a {
}

    .videoPopup a svg {
        transition: all 1s ease;
        stroke: #fff;
    }

        .videoPopup a svg .white {
            transition: all .6s ease;
            fill: #fff;
        }

    .videoPopup a:hover svg .white {
        fill: #C99D4B;
    }

    .videoPopup a:hover svg {
        stroke: #C99D4B;
    }

    .videoPopup a svg.play_btn {
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.main_review .video_sec .left ul li.active a {
    color: #fff;
    font-size: 24px;
}

.main_review .video_sec .left ul li.active p {
    color: #fff;
    font-size: 18px;
}

.card_swiper {
    width: 65%;
    margin: auto;
    margin-bottom: 15vw;
}

    .card_swiper > h2 {
        font-size: 36px;
        color: #000000;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 5vw;
        text-align: center;
    }

    .card_swiper .cardSwiper {
    }

        .card_swiper .cardSwiper .swiper-slide {
            transition: all .1s ease-in-out;
        }

            .card_swiper .cardSwiper .swiper-slide .care_wrap {
                display: flex;
                padding: 4vw 2vw 0 4vw;
            }

                .card_swiper .cardSwiper .swiper-slide .care_wrap .left {
                    width: 60%;
                }

                    .card_swiper .cardSwiper .swiper-slide .care_wrap .left p {
                        font-size: 17px;
                        font-weight: 300;
                        margin-bottom: 2.5vw;
                        color: rgba(255,255,255, .8);
                    }

                    .card_swiper .cardSwiper .swiper-slide .care_wrap .left .name_sec {
                    }

                        .card_swiper .cardSwiper .swiper-slide .care_wrap .left .name_sec h2 {
                            margin-bottom: .6vw;
                        }

                        .card_swiper .cardSwiper .swiper-slide .care_wrap .left .name_sec p {
                            color: rgba(255,255,255, .4);
                            margin: 0;
                        }

                .card_swiper .cardSwiper .swiper-slide .care_wrap .right {
                    width: 40%;
                    text-align: end;
                }

                    .card_swiper .cardSwiper .swiper-slide .care_wrap .right img {
                        width: 85%;
                        display: block;
                        margin: 0 auto 0 0;
                    }


.cardSwiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: #373737;
    opacity: 0;
}

    .cardSwiper .swiper-slide.swiper-slide-active {
        background: #000;
        opacity: 1;
    }

        .cardSwiper .swiper-slide.swiper-slide-active ~ .swiper-slide-next {
            opacity: 1;
        }

.cardSwiper .paginations-arrow {
    top: 5vw;
    display: flex;
    align-items: center;
    width: 60%;
    margin: 0 0 0 auto;
    flex-direction: row-reverse;
}

    .cardSwiper .paginations-arrow .swiper-pagination {
        bottom: 0;
        top: -1vw;
    }

        .cardSwiper .paginations-arrow .swiper-pagination .abj_btn {
        }

            .cardSwiper .paginations-arrow .swiper-pagination .abj_btn .swiper-button-prev {
            }

                .cardSwiper .paginations-arrow .swiper-pagination .abj_btn .swiper-button-prev svg {
                    fill: red;
                }

            .cardSwiper .paginations-arrow .swiper-pagination .abj_btn .swiper-button-next {
            }

                .cardSwiper .paginations-arrow .swiper-pagination .abj_btn .swiper-button-next svg {
                }

        .cardSwiper .paginations-arrow .swiper-pagination span {
            width: 15px;
            height: 2px;
            border-radius: 0;
            background: #000;
            transition: all .7s ease;
        }

        .cardSwiper .paginations-arrow .swiper-pagination .swiper-pagination-bullet-active {
            width: 30px;
        }

.cardSwiper .abj_btn {
    display: flex;
    align-items: end;
    position: relative;
}

.cardSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: 10px;
    left: auto;
}

.cardSwiper .swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: 10px;
    right: auto;
}

.cardSwiper .swiper-button-prev svg {
    stroke: black;
}

.cardSwiper .swiper-button-next svg {
    stroke: #000;
    display: flex;
}

.copy_sec ul li {
    color: #fff;
    font-size: 16px;
    transition: all .6s ease-in-out;
    position: relative;
    overflow: hidden;
    font-weight: 600;
    display: block;
    margin-right: 2.5vw;
}

    .copy_sec ul li:before {
        content: "";
        position: absolute;
        transition: all .6s ease-in-out;
        width: 100%;
        height: 2px;
        left: -100%;
        bottom: 0;
        background: #D9B26A;
    }

    .copy_sec ul li:hover:before {
        left: 0;
    }

    .copy_sec ul li:hover {
        color: #D9B26A;
    }

label.error {
    color: red !important;
    font-size: 14px;
}

    label.error:nth-child(4) {
        position: relative;
        top: 3vw;
        right: 2.5vw;
    }

.subceribe_sec .success {
    color: #000
}

    .subceribe_sec .success h3 {
        color: #000;
        font-size: 24px;
        margin: 0
    }

        .subceribe_sec .success h3 span {
            font-weight: bold
        }

.site_sec .right .patient_text a {
    margin-bottom: 0
}

.patient_text ul li {
    margin-bottom: 2vw
}

    .patient_text ul li .item {
        display: flex;
        align-items: center;
        margin-bottom: 2vw;
        grid-gap: 1vw;
    }

        .patient_text ul li .item button.sub-item {
            transform: rotate(180deg);
            transition: all .3s ease;
        }

        .patient_text ul li .item.active button.sub-item {
            transform: rotate(0deg);
        }

.search_icon .clear-faqs-search {
    position: absolute;
    top: 7px;
    right: 20px;
    width: 25px;
    background: none;
    border: 0;
    z-index: 2;
}

.wt_content-tab .content-tab .tab h2 > p {
    color: #000;
}

.work_sec3 .management-swiper-main .paginations-arrow {
}

#managementModal .details {
    display: flex;
    grid-gap: 4vw;
    padding: 2vw 5vw 0 2vw;
}

#managementModal .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}

#managementModal .details .right {
    width: 50%;
}

    #managementModal .details .right .img {
    }

        #managementModal .details .right .img img {
            width: 100%;
        }

#managementModal .details .info {
    width: 50%;
}

#managementModal .details .info {
    color: #000;
}

#managementModal .details .info {
}

    #managementModal .details .info h2 {
        font-size: 36px;
        line-height: 1;
        margin-bottom: 1vw;
        font-weight: bold;
    }

    #managementModal .details .info h3 {
        font-size: 26px;
        line-height: 1;
        margin-bottom: 2vw;
    }

    #managementModal .details .info p {
        font-size: 18px;
        line-height: 26px;
        color: rgba(0,0,0, .5);
        margin-bottom: 2vw;
    }

    #managementModal .details .info h4 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 2vw;
    }

.btn-close:focus {
    box-shadow: none;
}

.tab_mg {
    margin-bottom: 0;
}

.work_sec .paginations-arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;
    margin: auto 0 0 9%;
}

    .work_sec .paginations-arrow .swiper-pagination {
        display: flex;
        justify-content: end;
        position: relative;
        width: auto;
    }

        .work_sec .paginations-arrow .swiper-pagination span {
            width: 15px;
            height: 2px;
            border-radius: 0;
            background: #000;
            transition: all .7s ease;
        }

        .work_sec .paginations-arrow .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 30px;
        }

    .work_sec .paginations-arrow .abj_btn {
        position: relative;
        display: flex;
        align-items: center;
    }

        .work_sec .paginations-arrow .abj_btn .swiper-button-prev {
            left: auto;
            right: 10px;
            position: relative;
        }

        .work_sec .paginations-arrow .abj_btn .swiper-button-next {
            left: 10px;
            right: auto;
            position: relative;
            margin-left: 0;
        }

            .work_sec .paginations-arrow .abj_btn .swiper-button-next svg,
            .work_sec .paginations-arrow .abj_btn .swiper-button-prev svg {
                stroke: #000;
            }

.technical_swiper .dentists-swiper .head p {
    text-align: center;
}

.technical_swiper {
    padding-bottom: 3vw;
}

.vacancie_sec .faqs-holder ul li span p {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    width: 85%;
    margin-bottom: 2vw;
    line-height: 32px;
}

.arrow-fix {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.vacancie_sec .faqs-holder ul li span {
    cursor: pointer;
}

.faqs-holder ul li .arrow-fix svg {
    transition: all .2s ease-in-out;
}

.faqs-holder ul li.active h3 svg {
    transform: rotate(-180deg);
}

.faqs-holder ul li h3 svg {
    transition: all .2s ease-in-out;
    position: relative;
    stroke: #fff;
    fill: #fff;
}

.policy_text .text p a {
    font-size: 16px;
    color: #000;
}

    .policy_text .text p a:hover {
        color: #D4BE6E;
    }

.policy_text .text p a {
    font-size: 16px;
    color: #000;
}

    .policy_text .text p a:hover {
        color: #D4BE6E;
    }

strong {
    font-weight: 600;
}

p.para.white {
    margin-bottom: 1vw;
}

.white-btn a {
    color: #fff;
    border-color: #fff;
}

    .white-btn a svg {
        fill: #fff;
    }

/* page not found */

.four-o-four {
    margin-bottom: 0;
    background: #000;
}

    .four-o-four .found_sec {
        height: 100%;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: auto;
        z-index: 2;
        position: relative;
    }

        .four-o-four .found_sec > h2 {
            font-size: 22vw;
            line-height: 1;
        }

            .four-o-four .found_sec > h2.shop {
                font-size: 17vw;
                line-height: 1;
            }

        .four-o-four .found_sec .text {
            display: flex;
            width: 80%;
            margin: 0 0 0 auto;
            grid-gap: 15vw;
            align-items: baseline;
        }

            .four-o-four .found_sec .text .left {
            }

                .four-o-four .found_sec .text .left h2 {
                    font-size: 3vw;
                    color: #ECB348;
                    line-height: 1;
                    font-weight: 600;
                    white-space: nowrap;
                }

            .four-o-four .found_sec .text .right {
                position: relative;
            }

                .four-o-four .found_sec .text .right:before {
                    content: "";
                    position: absolute;
                    width: 49%;
                    height: 3px;
                    background: #fff;
                    top: 15%;
                    left: -53%;
                }

                .four-o-four .found_sec .text .right.coming-soon:before {
                    content: "";
                    position: absolute;
                    width: 80%;
                    height: 3px;
                    background: #fff;
                    top: 15%;
                    left: -95%;
                }

                .four-o-four .found_sec .text .right h3 {
                    font-size: 24px;
                    margin-bottom: 3vw;
                    line-height: 30px;
                    position: relative;
                    top: 1vw;
                }

                .four-o-four .found_sec .text .right.coming-soon h3 {
                    font-size: 24px;
                    margin-bottom: 3vw;
                    line-height: 30px;
                    position: relative;
                    top: 0;
                }

                .four-o-four .found_sec .text .right .send_btn {
                    margin: 0;
                }

    .four-o-four .shade {
    }

        .four-o-four .shade img {
            width: 60%;
            position: absolute;
            top: 0;
        }

.dentists-swiper .swiper-slide.swiper-slide-active .text p {
    opacity: 1 !important;
    display: contents;
}

.social_share a {
    margin-right: 1vw;
}

    .social_share a svg {
    }

        .social_share a svg path {
            transition: all .5s ease;
        }

    .social_share a:hover svg path {
        fill: #C41230;
    }



.social_share {
    display: flex;
}

    .social_share .dropdown-toggle::after {
        display: none
    }

    .social_share .dropdown-menu.show {
        padding: 20px 20px;
        top: 10px !important;
        min-width: auto;
        display: block;
    }

    .social_share .dropdown-menu a {
        background: #ddd;
        display: block;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all .5s ease-in-out;
        cursor: pointer;
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 10px 0;
    }

        .social_share .dropdown-menu a svg {
            height: 1vw;
            width: 1vw;
            fill: #777;
        }

        .social_share .dropdown-menu a:hover {
            background: #D4BE6E;
        }

            .social_share .dropdown-menu a:hover svg path {
                fill: #fff;
            }

    .social_share .dropdown-menu {
        margin: 0 0 0 -1vw !important;
    }


.dentists-shield-swiper.technical_swiper .abj_btn svg {
    stroke: #fff
}

.dentists-shield-swiper.dentists_white_swiper .abj_btn svg {
    stroke: #000
}

.dentists_white_swiper .paginations-arrow {
    right: 5vw;
}

.dentists_white_swiper .paginations-arrow,
.technical_swiper .paginations-arrow {
    top: 35% !important;
    z-index: 2;
    transform: translateY(-50%) !important;
}

.content-holder .dentists-shield-swiper:nth-child(6) .paginations-arrow {
    top: 20% !important; /* Adjust the top positioning */
}

.content-holder .dentists-shield-swiper:nth-child(7) .paginations-arrow {
    top: 22% !important; /* Adjust the top positioning */
}

.content-holder .dentists-shield-swiper:nth-child(5) .paginations-arrow {
    top: 40% !important;
}

.c-scrollbar_thumb {
    background: #C99D4B !important;
}

.faqs-holder ul li.active h3 {
    color: #D4BE6E;
}

.faqs-holder ul li.active svg {
    stroke: #D4BE6E;
}

.vacancie_sec {
    margin-top: 10vw;
}


/*new css*/
.change_menu {
    padding: 0;
}

    .change_menu ul {
        display: flex !important;
        flex-direction: row !important;
        width: 60%;
        margin: auto;
        grid-gap: 10vw;
    }

        .change_menu ul li {
            border: none !important;
            padding: 0 !important;
            margin-bottom: 0 !important;
            width: auto !important;
        }

            .change_menu ul li h2 {
                color: #000;
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 2vw;
                text-transform: uppercase;
            }

            .change_menu ul li a {
                color: #000 !important;
                margin-bottom: 1.5vw;
                text-transform: math-auto !important;
                line-height: 1.2 !important;
            }

.menu_sec ul li .sub_menu .e_sec .right ul h2 {
    color: #000;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1vw;
}

body.quick-links {
    padding:0
}