:root {
    --main-bg-blue: #1f6bc5;
    --main-bg-red: #de2428;
    --white: #fff;
    --black: #000;
    --blue: #1f6bc5;
    --blues: #c5dfff;
    --red: #de2428;
    --grey:#ececec
}

body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

h1, h2, h3, h4 {
    font-family: "Tenor Sans", sans-serif;
}

h1 {
    font-size: 55px;
    font-weight: 700;
}

h2 {
    font-size: 42px;
    font-weight: 700;
    padding: 15px 0;

}

h3 {
    font-size: 28px;
}

a {
    font-family: "Tenor Sans", sans-serif;
    text-decoration: none;
}
li{
    list-style-type: none;
}
/* =========================
   HEADER
========================= */
.main-header {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 9999;
}

.logo img {
    height: 100px;
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    width: 100%;
    background: #f5f7fb;
    z-index: 99999;
}

.header-container {
    margin: auto;
    max-width: 100%;
    padding: 15px 30px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ===================================
   LOGO
=================================== */
.logo img {
    max-height: 80px;
    width: auto;
    display: block;
}

/* ===================================
   NAVIGATION
=================================== */
.main-navbar-menu {
    display: flex;
    align-items: center;
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    position: relative;
}

.nav-menu li a {
    text-decoration: none;
    color: var(--blue);
    font-size: 15px;
    font-weight: 600;
    transition: .3s;
}

.nav-menu li a:hover {
    color: var(--red);
}

/* ===================================
   DROPDOWN
=================================== */
.dropdown {
    position: relative !important;
}

.dropdown>a {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* DROPDOWN MENU */
.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 280px;
    background: var(--main-bg-blue);
    border: none !important;
    border-radius: 20px;
    padding: 15px 0;
    margin-top: 15px;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: .35s ease;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
    z-index: 999999;
}

/* DESKTOP HOVER */
.dropdown:hover .dropdown-menu {

    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

/* DROPDOWN LINKS */
.dropdown-menu li {
    width: 100%;
}

.dropdown-menu li a {
    display: block;

    width: 100%;

    padding: 14px 25px;

    color: #fff !important;

    font-size: 15px;
    font-weight: 500;

    text-decoration: none;
}

.dropdown-menu li a:hover {
    background: rgba(255, 255, 255, .08);
    padding-left: 35px;
}

/* ===================================
   APPOINTMENT BUTTON
=================================== */
.header-btn {
    display: flex;
    align-items: center;
    gap: 15px;

    background: #5b84bd;

    color: #fff;
    text-decoration: none;

    padding: 10px 10px 10px 25px;

    border-radius: 50px;

    font-weight: 600;
}

.header-btn:hover {
    color: #fff;
}

.header-btn span {
    width: 40px;
    height: 40px;

    background: #fff;

    color: #5b84bd;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===================================
   MOBILE TOGGLE
=================================== */
.menu-toggle {
    display: none;

    flex-direction: column;
    gap: 5px;

    cursor: pointer;
}

.menu-toggle span {
    width: 28px;
    height: 3px;

    background: #20324d;
}

/* ===================================
   MOBILE
=================================== */
@media(max-width:991px) {

    .menu-toggle {
        display: flex;
    }

    .main-navbar-menu {
        position: absolute;

        top: 100%;
        left: 0;

        width: 100%;

        background: #fff;

        display: none;

        padding: 20px;

        box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    }

    .main-navbar-menu.active {
        display: block;
    }

    .nav-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .nav-menu li {
        width: 100%;
    }

    .nav-menu li a {
        width: 100%;
        display: block;
        padding: 14px 0;
    }

    .header-btn {
        display: none;
    }

    /* MOBILE DROPDOWN */
    .dropdown-menu {

        position: relative !important;

        top: 0 !important;
        left: 0 !important;

        width: 100%;

        margin-top: 10px;

        display: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        border-radius: 10px;

        box-shadow: none;

        background: #f5f5f5;
    }

    .dropdown.active .dropdown-menu {
        display: block !important;
    }

    .dropdown-menu li a {
        color: #222 !important;
        padding: 12px 15px;
    }

}


.btn-default {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    color: var(--white);
    background: var(--main-bg-red);
    border-radius: 5px;
    padding: 17px 50px 17px 20px;
    border: none;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.btn-default::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url('../images/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out;
}

.btn-default:hover::before {
    transform: translateY(-50%) rotate(45deg);
}

.btn-default::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--main-bg-blue);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn-default:hover::after {
    right: auto;
    left: 0;
    width: 100%;
}

.btn-default-blue {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    color: var(--white);
    background: var(--main-bg-blue);
    border-radius: 5px;
    padding: 17px 50px 17px 20px;
    border: none;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.btn-default-blue::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url('../images/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out;
}

.btn-default-blue:hover::before {
    transform: translateY(-50%) rotate(45deg);
}

.btn-default-blue::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--main-bg-red);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn-default-blue:hover::after {
    right: auto;
    left: 0;
    width: 100%;
}


.btn-default-rev {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    color: var(--white);
    border: 1px solid #fff;
    background: transparent;
    border-radius: 5px;
    padding: 17px 50px 17px 20px;
    /* border: none; */
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.btn-default-rev::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url('../img/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out;
}

.btn-default-rev:hover::before {
    transform: translateY(-50%) rotate(45deg);
    color: var(--blue);

}

.btn-default-rev::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    color: var(--blue);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn-default-rev:hover::after {
    right: auto;
    left: 0;
    width: 100%;
    color: var(--blue);

}



.our-partners {
    padding: 100px 0 100px;
}

.our-partners-list {
    border: 1px solid var(--grey);
    border-right: none;
    border-bottom: none;
    /* display: flex;
    flex-wrap: wrap;
    align-items: center; */
    overflow: hidden;
}

.section-row {
    margin-bottom: 50px;
}

.our-partners-list ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.our-partners-list ul li {
    width: 100%;
    border-right: 1px solid var(--grey);
    border-bottom: 1px solid var(--grey);
    padding: 30px 30px;
    text-align: center;
}

.our-partners-list ul li img {
    width: 100%;
    /* max-width: 200px; */
    height: 70px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: .75;
    transition: .5s;

}

.our-partners-list ul li:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.06);
    transition: .5s;

}

.our-partners .section-footer-text {
    margin-top: 40px;
}

.section-row .section-title.section-title-center {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.section-footer-text ul li {
    display: inline-block;
    font-weight: 700;
    line-height: normal;
    color: var(--primary-color);
    margin-right: 10px;
}

.section-footer-text {
    margin-top: 30px;
    text-align: center;
}

.section-footer-text ul {
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
}



.hero-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* =========================
       SLIDES
    ========================== */
.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    opacity: 0;
    visibility: hidden;
    transition: 1.2s ease-in-out;
    transform: scale(1.08);
}

.slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
}

/* =========================
       CONTENT
    ========================== */
.slide-content {
    position: absolute;
    bottom: 17%;
    left: 2%;
    transform: translateY(-50%);
    z-index: 2;
    color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: 1s ease;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: anchor-center;
}

.slide.active .slide-content {
    opacity: 1;
    transform: translateY(0);
}

.slide-content h1 {
    font-size: 60px;
    line-height: 1.1;
    margin-bottom: 25px;
    font-weight: 700;
}

.slide-content p {
    margin-bottom: 40px;
    text-transform: uppercase;
}

/* =========================
       ICONS
    ========================== */
.review-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.review-icons a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    transition: .4s ease;
}

.review-icons a:hover {
    transform: translateY(-8px) rotate(6deg);
}

.google {
    background: var(--main-bg-blue);
}

.yelp {
    background: var(--main-bg-red);
}

/* =========================
       DOTS
    ========================== */
.slider-dots {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: .3s;
    display: none;
}

.dot.active {
    width: 35px;
    border-radius: 30px;
    background: #fff;
}

/* =========================
       ARROWS
    ========================== */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    transition: .3s;
}

.slider-arrow:hover {
    background: #fff;
    color: #000;
}

.prev {
    left: 25px;
}

.next {
    right: 25px;
}

/* =========================
       RESPONSIVE
    ========================== */
@media(max-width:991px) {

    .hero-slider {
        height: 90vh;
    }

    .slide-content {
        left: 7%;
        width: 90%;
    }

    .slide-content h1 {
        font-size: 52px;
    }

    .review-icons a {
        width: 58px;
        height: 58px;
        font-size: 26px;
    }
}

@media(max-width:600px) {

    .hero-slider {
        height: 80vh;
    }

    .slide-content h1 {
        font-size: 38px;
    }

    .slide-content p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .slider-arrow {
        width: 45px;
        height: 45px;
    }
}



/* =========================
       FEATURE SECTION
    ========================== */
.feature-section {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    padding: 0px 100px;
    position: relative;
    top: -80px;
    gap: 5px;
}

.feature-box {
    position: relative;
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border-radius: 25px;
}

/* Background Image */
.feature-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    transition: 1s ease;
}

/* Overlay */
.feature-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    transition: .5s;
}

/* Solid Background */
.solid-red {
    background: var(--main-bg-red);
    border-radius: 30px 0px 0 30px;
}

.solid-blue {
    background: var(--main-bg-blue);
}

.last-box {
    /* border-radius: 0px 30px 30px 0px; */

}

/* Content */
.feature-content {
    position: relative;
    z-index: 2;
    color: #fff;
    transition: .5s ease;
}

.feature-content h3 {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 600;
}

/* Circle Button */
.circle-btn {
    /* width: 50px; */
    /* height: 50px; */
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: revert-rule;
    justify-content: center;
    margin: auto;
    font-size: 27px;
    transition: .5s ease;
    line-height: 35px;
    padding: 18px 15px;
    width: fit-content;
}

/* Hover Effects */
.feature-box:hover img {}

.feature-box:hover .feature-overlay {
    background: rgba(0, 0, 0, 0.55);
}

.feature-box:hover .circle-btn {
    background: #fff;
    color: var(--red);
    transform: rotate(45deg);
}

.feature-box:hover .feature-content {
    transform: translateY(-8px);
}

/* =========================
       RESPONSIVE
    ========================== */
@media(max-width:1200px) {

    .feature-content h3 {
        font-size: 34px;
    }

    .circle-btn {
        width: 75px;
        height: 75px;
        font-size: 28px;
    }
}

@media(max-width:991px) {

    .feature-section {
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-box {
        height: 280px;
    }
}

@media(max-width:600px) {

    .feature-section {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .feature-box {
        height: 240px;
    }

    .feature-content h3 {
        font-size: 28px;
    }

    .circle-btn {
        width: 65px;
        height: 65px;
        font-size: 24px;
    }
}



/* ======= About style ======= */
.about {
    position: relative;
    padding: 100px 0px 100px;
}
.about .item {
    position: relative;
    border-radius: 20px 20px 20px 0;
    overflow: hidden;
    isolation: isolate;
}
.about .item img {
    width: 100%;
    transform: scale(1);
    transition: transform 500ms ease;
    height: 500px;
    object-fit: cover;
}
.mb-25{
    margin-bottom: 15px;
}
.about .item:hover img {
    transform: scale(1.05);
}
.about-title{
    padding: 10px 0;
}
/* icon */
.about .item .icon {
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 160px;
    height: 160px;
    background: #fff;
    border-top-right-radius: 50%;
    padding: 15px;
}
.about .item .icon::before {
    position: absolute;
    content: "";
    bottom: 6px;
    right: -20px;
    background: transparent;
    width: 20px;
    height: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 6px 6px 0 6px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.imago img {
    height: 240px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.about .item .icon::after {
    position: absolute;
    content: "";
    top: -20px;
    left: 6px;
    background: transparent;
    width: 20px;
    height: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 6px 6px 0 6px #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* rotate circle button */
.about .circle-button {
    position: relative;
    display: inline-block;
}
.about .circle-button.in-bord:after {
    content: '';
    position: absolute;
    top: 38px;
    left: 38px;
    right: 38px;
    bottom: 38px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}
.about .circle-button.in-bord:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    background-color: var(--main-bg-blue);
    border-radius: 50%;
}
.about .circle-button .rotate-circle svg {
    width: 150px;
    fill: #fff;
    font-weight: 500;
    letter-spacing: 6px;
    word-spacing: 12px;
    text-transform: uppercase !important;
    font-size: 38px !important;
}
.page-list-text p::before {
    content: "";
    width: 20px;
    height: 20px;
    background-size: contain;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.99611 10.4755C2.22497 10.1756 2.58158 9.81672 3.12968 9.26862C3.46548 8.93282 3.72932 8.58655 3.91969 8.20796H2.06902L2.03367 8.24331C1.53075 8.74618 1.10089 9.17602 0.80358 9.56562C0.48612 9.98172 0.25001 10.4389 0.25 11.0001C0.25001 11.5612 0.48613 12.0184 0.80358 12.4345C1.10095 12.8243 1.53091 13.2542 2.03395 13.7572L2.06906 13.7923C2.40272 14.1259 2.56011 14.3423 2.64932 14.5465C2.73619 14.7454 2.78628 14.9972 2.78628 15.448C2.78628 15.5348 2.7832 15.6443 2.77972 15.768C2.7708 16.085 2.75926 16.4951 2.79029 16.854C2.83569 17.3788 2.97933 18.0348 3.48139 18.5327C3.97961 19.0267 4.63287 19.1668 5.15443 19.2108C5.50997 19.2409 5.91703 19.2293 6.23179 19.2204C6.35581 19.2169 6.4655 19.2138 6.55206 19.2138C6.99328 19.2138 7.24126 19.2582 7.43645 19.3387C7.63147 19.4192 7.84006 19.5633 8.15424 19.8775C8.22135 19.9446 8.30978 20.0393 8.41179 20.1487C8.64175 20.3952 8.9407 20.7156 9.22 20.9597C9.6437 21.3301 10.2516 21.7501 11 21.7501C11.7485 21.7501 12.3563 21.3301 12.7801 20.9597C13.0593 20.7156 13.3583 20.3952 13.5882 20.1487C13.6902 20.0393 13.7787 19.9446 13.8458 19.8774C14.1599 19.5633 14.3685 19.4192 14.5635 19.3387C14.7587 19.2582 15.0067 19.2138 15.4479 19.2138C15.5345 19.2138 15.6442 19.2169 15.7682 19.2204C16.083 19.2293 16.49 19.2409 16.8456 19.2108C17.3382 19.1693 17.9484 19.0419 18.4345 18.6115C18.5032 18.5626 18.5634 18.5023 18.6122 18.4335C19.039 17.9499 19.1673 17.3447 19.2097 16.854C19.2407 16.4951 19.2292 16.085 19.2203 15.768C19.2168 15.6443 19.2137 15.5348 19.2137 15.448C19.2137 14.9972 19.2638 14.7454 19.3507 14.5465C19.4399 14.3423 19.5973 14.1259 19.9309 13.7923L19.9661 13.7572C20.4691 13.2542 20.8991 12.8243 21.1964 12.4345C21.5139 12.0184 21.75 11.5612 21.75 11.0001C21.75 10.4389 21.5139 9.98172 21.1964 9.56562C20.8991 9.17602 20.4693 8.74619 19.9664 8.24334L19.931 8.20796C19.6381 7.91506 19.1632 7.91506 18.8703 8.20796V9.26862C19.4184 9.81672 19.775 10.1756 20.0039 10.4755C20.2196 10.7582 20.25 10.8988 20.25 11.0001C20.25 11.1014 20.2195 11.242 20.0039 11.5247C19.775 11.8246 19.4184 12.1835 18.8703 12.7316C18.4872 13.1147 18.1761 13.4881 17.9761 13.9461C17.7737 14.4095 17.7137 14.8923 17.7137 15.448C17.7137 15.6203 17.7185 15.7775 17.723 15.9275C17.7313 16.2017 17.7389 16.4516 17.7153 16.7247C17.681 17.1211 17.588 17.343 17.4624 17.4675C17.3379 17.591 17.1156 17.6827 16.7194 17.7162C16.4476 17.7391 16.1998 17.7315 15.9282 17.7232C15.7781 17.7186 15.6207 17.7138 15.4479 17.7138C14.9177 17.7138 14.4461 17.7644 13.9912 17.9522C13.5362 18.1401 13.1642 18.4377 12.7851 18.8168C12.6421 18.9598 12.5176 19.0944 12.3973 19.2245C12.2047 19.4327 12.0228 19.6293 11.7929 19.8303C11.44 20.1388 11.1853 20.2501 11 20.2501C10.8148 20.2501 10.56 20.1388 10.2071 19.8303C9.9772 19.6293 9.7953 19.4327 9.6027 19.2245C9.4824 19.0944 9.3579 18.9598 9.2149 18.8168C8.8358 18.4377 8.46384 18.1401 8.00878 17.9522C7.55391 17.7644 7.08228 17.7138 6.55206 17.7138C6.37933 17.7138 6.22192 17.7186 6.07176 17.7232C5.80023 17.7315 5.55243 17.7391 5.28061 17.7162C4.8844 17.6827 4.66207 17.591 4.53759 17.4675C4.41197 17.343 4.319 17.1211 4.28471 16.7247C4.26109 16.4516 4.26866 16.2017 4.27697 15.9275C4.28152 15.7775 4.28628 15.6203 4.28628 15.448C4.28628 14.8923 4.22631 14.4095 4.02392 13.9461C3.82387 13.4881 3.51281 13.1147 3.1297 12.7316C2.5816 12.1835 2.22499 11.8246 1.99612 11.5247C1.78048 11.242 1.75001 11.1014 1.75 11.0001C1.75001 10.8987 1.78047 10.7581 1.99611 10.4755Z" fill="%23227675"/><path d="M18.8703 8.20703C18.5774 8.49992 18.5774 8.97479 18.8703 9.26769V8.20703Z" fill="%23227675"/><path d="M9.26857 3.12885C9.81667 2.58073 10.1756 2.22412 10.4755 1.99526C10.7582 1.7796 10.8988 1.74915 11.0001 1.74915L9.56567 0.802734L8.24326 2.03282L8.20789 2.06819C7.69323 2.58285 7.24456 2.78541 6.55215 2.78541C6.46537 2.78541 6.35586 2.78233 6.23219 2.77885L5.14622 2.78942L3.46752 3.48049L2.7893 5.15354L2.77973 6.23093C2.78324 6.35495 2.78635 6.46464 2.78635 6.55121C2.78635 7.24363 2.58378 7.6923 2.06909 8.20699H3.91976C4.16308 7.72306 4.28635 7.18634 4.28635 6.55121C4.28635 6.40006 4.28266 6.26066 4.27866 6.12758L4.27694 6.0709C4.26862 5.79937 4.26104 5.55155 4.28399 5.27973C4.31744 4.88352 4.40917 4.66118 4.53262 4.5367C4.65718 4.41109 4.87901 4.31813 5.27546 4.28384C5.54858 4.26022 5.79846 4.26779 6.07264 4.2761L6.12927 4.2778C6.26219 4.28176 6.40141 4.28541 6.55215 4.28541C7.68413 4.28541 8.50354 3.89386 9.26857 3.12885Z" fill="%23227675"/><path d="M5.14623 2.79102C4.62136 2.83641 3.9654 2.98004 3.46753 3.48209L5.14623 2.79102Z" fill="%23227675"/><path d="M3.46753 3.48047C2.97348 3.97868 2.83335 4.63195 2.78931 5.15352L3.46753 3.48047Z" fill="%23227675"/><path d="M11.0001 0.25C10.4389 0.25 9.98167 0.48611 9.56567 0.80358L11.0001 1.75C11.1014 1.75 11.242 1.78045 11.5247 1.99611C11.8246 2.22497 12.1835 2.58158 12.7316 3.1297C13.0245 3.42259 13.4994 3.42259 13.7923 3.1297C14.0852 2.83681 14.0852 2.36193 13.7923 2.06904L13.7569 2.03368C13.254 1.53075 12.8242 1.10089 12.4345 0.80358C12.0185 0.48611 11.5613 0.25 11.0001 0.25Z" fill="%23227675"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.502 1.44254C20.8099 1.71963 20.8348 2.19385 20.5577 2.50173L11.5575 12.5017C11.4198 12.6547 11.2254 12.7443 11.0197 12.7497C10.814 12.7551 10.6152 12.6758 10.4697 12.5303L6.96967 9.0303C6.67678 8.73744 6.67678 8.26257 6.96967 7.96968C7.26256 7.67678 7.73744 7.67678 8.03033 7.96968L10.9714 10.9107L19.4428 1.49827C19.7199 1.19039 20.1941 1.16544 20.502 1.44254Z" fill="%23227675"/></svg>');
}
.about .circle-button .in-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.about .circle-button.no-animate .rotate-circle {
    -webkit-animation: none;
    animation: none;
}
.about-ul {
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
}
.about .rotate-circle {
    -webkit-animation-name: rotateCircle;
    animation-name: rotateCircle;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@-webkit-keyframes rotateCircle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateCircle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.about .circle-button .in-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 40px;
    color: #fff;
}
.about .circle-button .in-circle img {
    width: 30px;
    height: 30px;
}
.about .circle-button .in-circle i {
    color: #fff;
}
.about .circle-button-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}
.about .float-overlap2 {
    position: relative;
    right: 150px;
    z-index: 2;
    top: 15%;
}
@media screen and (max-width: 991px) {
    .float-overlap2 {
        right: 0px;
    }
    .float-overlap {
        left: 0;
        top: -15%;
    }
}


.TICKER {
    overflow: hidden;
    border-top: 1px solid var(--RULE);
    border-bottom: 1px solid var(--RULE);
    padding: 30px 0;
    background-color: var(--main-bg-blue);
    border-bottom: 1px solid #fff;
}

.ttrack {
    display: flex;
    width: max-content;
    animation: TICK 34s linear infinite;
}

.titem {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--white);
    white-space: nowrap;
}

.tdot {
    width: 10px;
    height: 10px;
    background: var(--pri-col);
    border-radius: 50%;
    flex-shrink: 0;
}

@keyframes TICK {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}


.titem:after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none"><path d="M15.5918 0L17.7131 12.8787L30.5918 15L17.7131 17.1213L15.5918 30L13.4705 17.1213L0.591797 15L13.4705 12.8787L15.5918 0Z" fill="white"/></svg>');
    height: 30px;
    width: 30px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0px;
    background-size: 100%;
}


.services-section{
    background:#f6f7fb;
    padding:100px 0;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title span{
    display:inline-block;
    padding:8px 20px;
    background:#fff;
    border-radius:30px;
    color:var(--blue);
    font-size:13px;
    letter-spacing:2px;
}


.serviceSwiper{
    padding-bottom:60px;
    padding-left:20px;
    padding-right:20px;
    padding-top:50px;

}

.service-card{
    background:#fff;
    border-radius:30px;
    text-align:center;
    padding:25px 20px;
    position:relative;
    transition:.4s;
}
.swiper-slide-active .service-card{
    border:2px solid var(--main-bg-blue);
    transform: scale(1.05);
    box-shadow:0 10px 30px rgba(133, 153, 255, 0.15);
}

.service-card:hover{
    transform:translateY(-10px);
     transition:.4s;

}

.arrow-btn{
    position:absolute;
    top:15px;
    right:15px;

    width:60px;
    height:60px;

    border-radius:50%;
    background:var(--blue);

    color:#fff;
    text-decoration:none;

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

    font-size:20px;
}
.service-card:hover .arrow-btn{
    background:var(--red);

}
.service-image{
    width:100%;
    height:250px;

    margin:auto;
    margin-bottom:25px;

    border-radius:20px;
    overflow:hidden;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:unset;
}

.service-card small{
    display:block;
    color:var(--red);
    letter-spacing:2px;
    margin-bottom:12px;
}

.service-card h3{
    font-size:26px;
    color:var(--blue);
    font-weight:600;
}

.swiper-pagination-bullet{
    width:12px;
    height:12px;
}

.swiper-pagination-bullet-active{
    background:var(--blue);
    width: 30px;
    border-radius: 10px;
}
.fix-serv{
    max-width: 950px;
    margin: auto;
}
.serv-btn{
    padding-top: 30px;
}
.serv-btn a{
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    margin: auto;
}


.appointment-section{
    padding:0px 0 80px;
    background:#f8fafc;
    /* border-top: 1px solid #000; */
}

.appointment-card{
    background:#fff;
    padding:50px;
    border-radius:20px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.card-icon{
    width:80px;
    height:80px;
    /* background:#eef3ff; */
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.card-icon i{
    font-size:32px;
    color:var(--blue);
}
.card-icon img{
    width: 75px;
}

.appointment-card h3{
    font-size:20px;
    margin-bottom:20px;
    color: #000;
    font-weight: 600;
}

.appointment-card p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.appointment-card ul{
    list-style:none;
    padding:0;
    margin:0 0 30px;
}

.appointment-card ul li{
    margin-bottom:12px;
    color:#444;
}

.appointment-btn{
    display:inline-block;
    padding:14px 30px;
    background:#4455ad;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
}

.request-card{
    background:#fff;
    color:#fff;
}



/* .request-card .card-icon{
    background:rgba(255,255,255,.15);
}

.request-card .card-icon i{
    color:#fff;
} */
.appointment-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
}
.request-card .appointment-btn{
    background:#c83333;
}

.walkin-section{
    padding:70px 0;
    background:var(--main-bg-blue);
}
.walkin-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    color:#fff;
    display: grid;
    grid-template-columns: 64% 35%;
}

.walkin-icon{
    /* width:90px;
    height:90px; */
    /* background:rgba(255,255,255,.15); */
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
}

.walkin-text{
    flex:1;
}
.walkin-icon img{
    width: 100%;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.walkin-text span{
    letter-spacing:2px;
    font-size:14px;
    border: 1px solid #f5f5f582;
    padding: 7px 15px;
    border-radius: 30px;
}

.walkin-text h2{
    font-size:42px;
    margin:10px 0 15px;
    color: #fff;
}
.about-para{
    padding-bottom: 20px;
}
.walkin-text p{
    margin-bottom: 30px;
}
.walkin-btn{
    padding:15px 35px;
    background:#c83333;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
}

.testimonial-section{
    padding:100px 0;
}

.testimonial-heading{
    text-align:center;
    margin-bottom:70px;
}

.testimonial-heading span{
    color:#5d84be;
    letter-spacing:2px;
}

.testimonial-heading h2{
    margin:0px 0;
}

.testimonial-heading h2 span{
    color:var(--blue);
}

.testimonial-wrapper{
    display:flex;
    align-items:center;
    gap:80px;
}

.testimonial-image{
    width:45%;
    position:relative;
    flex-shrink:0;
}

.testimonial-image img{
    width:100%;
    height:550px;
    object-fit:cover;
    border-radius:35px;
}

.rating-box{
    position:absolute;
   left: 80px;
    bottom: -30px;
    background:var(--main-bg-blue);
    color:#fff;
    width:400px;
        border-radius: 15px;
    padding: 15px 20px;
}

.rating-top{
    display:flex;
    gap:20px;

    border-bottom:1px solid rgba(255,255,255,.2);
    padding-bottom:0px;
}
.rating-top p{
    font-size: 14px;
}
.rating-top h3{
    font-size:55px;
}

.rating-bottom{
    margin-top:10px;

    display:flex;
    gap:15px;
    align-items:center;
}

.stars{
    color:#ffc93c;
}

.testimonial-content{
    width:55%;
}

.quote-icon{
    font-size:60px;
    color:var(--blue);
}

.review-text{
    margin-bottom:35px;
}

.review-user{
    display:flex;
    align-items:center;
    gap:15px;
}

.review-user img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
}

.review-user h4{
    margin:0;
}

.review-user span{
    color:#777;
    font-size: 14px;
}

.testimonial-nav{
    margin-top:40px;

    display:flex;
    gap:15px;
}

.testimonial-nav button{
    width:55px;
    height:55px;

    border:none;

    background:var(--main-bg-blue);
    color:#fff;

    cursor:pointer;

    border-radius:30px;
}

.reviewSwiper{
    overflow:hidden;
}

@media(max-width:991px){

    .testimonial-wrapper{
        flex-direction:column;
    }

    .testimonial-image,
    .testimonial-content{
        width:100%;
    }

    .rating-box{
        position:relative;
        left:0;
        bottom:0;
        width:100%;
        margin-top:20px;
    }

    .review-text{
        font-size:20px;
    }

}


.footer-section{
    position:relative;
    padding:50px 100px 40px;

    background:url('../images/baner1.jpg') center center/cover no-repeat;

    overflow:hidden;
}
.top-p{
    padding-top: 30px;
}

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

    background:#1f6bc5eb;
    background: #000000e3;
    background: linear-gradient(to top, rgb(0 0 0 / 83%), rgb(0 0 0 / 86%));
}

.footer-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-icons a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    transition: .4s ease;
}

.footer-icons a:hover {
    transform: translateY(-8px) rotate(6deg);
}

.footer-section .containers{
    position:relative;
    z-index:2;
}
.footer-col p{
    padding-right: 30px;
}

.footer-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}
.footer-logo img{
    width: 200px;
        filter: drop-shadow(1px 0px 0px #ccc);
        
}
.footer-btn{
    padding:15px 35px;
    background:#fff;
    color:#1f5960;
    text-decoration:none;
    border-radius:50px;
}

.footer-section hr{
    border-color:rgb(255 255 255);
    margin-bottom:50px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr 1fr;
    gap:40px;
}

.footer-col h3,
.footer-col h4{
    color:#fff;
    margin-bottom:25px;
    font-weight: 600;
}

.footer-col p{
    color:rgba(255,255,255,.8);
    line-height:1.8;
}

.footer-col ul{
    list-style:none;
    padding:0;
}

.footer-col ul li{
    margin-bottom:15px;
}

.footer-col ul li a{
    color:rgba(255,255,255,.8);
    text-decoration:none;
}

.newsletter-form{
    position:relative;
    margin-top:25px;
}

.newsletter-form input{
    width:100%;
    height:60px;

    border:none;
    border-radius:50px;

    padding:0 70px 0 25px;
}

.newsletter-form button{
    position:absolute;
    right:5px;
    top:5px;

    width:50px;
    height:50px;

    border:none;
    border-radius:50%;

    background:#1f5960;
    color:#fff;
}

.footer-contact-box{
    margin-top:40px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

    border-radius:20px;

    padding:35px;

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
}

.contact-item{
    display:flex;
    align-items:center;
    gap:20px;
}

.contact-item .icon{
    width:70px;
    height:70px;

    border-radius:50%;

    background:rgba(255,255,255,.1);

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

    color:#fff;
    font-size:24px;
}

.contact-item h5{
    color:#fff;
    margin-bottom:5px;
    font-size: 18px;
}

.contact-item p{
    color:rgba(255,255,255,.8);
    margin-bottom: 0px;
    font-size: 15px;

}

.footer-bottom{
    margin-top:40px;

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

.footer-bottom p{
    color:#fff;
}

.payment-icons{
    display:flex;
    gap:10px;
}

.payment-icons img{
    /* height:30px; */
}

@media(max-width:991px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

    .footer-contact-box{
        grid-template-columns:1fr;
    }

    .footer-bottom{
        flex-direction:column;
        gap:20px;
        text-align:center;
    }

}

@media(max-width:576px){

    .footer-top{
        flex-direction:column;
        gap:20px;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .walkin-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr;
}
.our-partners-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}
.appointment-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 25px;
}
.footer-section {
    position: relative;
    padding: 50px 10px 40px;
}
.footer-contact-box {
    grid-template-columns: 1fr;
    padding: 20px 15px;
}
.contact-item .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
}
.contact-item p {
    color: rgba(255,255,255,.8);
    margin-bottom: 0px;
    font-size: 15px;
}
.top-p {
    padding-top: 0px;
    margin-bottom: 0;
}
.header-container .btn-default{
    display: none;
}
.logo img {
    max-height: 51px;
    width: auto;
    display: block;
}
.slide-content h1 {
    font-size:28px;
}
.feature-section {
    top: 0px;
    gap: 5px;
}
.about {
    position: relative;
    padding: 50px 0px 50px;
}
.about .item img {
    margin-top: 50px;
}
.appointment-card {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.footer-top {
    flex-direction: row;
    gap: 20px;
}
.footer-logo img {
    width: 150px;
    filter: drop-shadow(2px 4px 6px black);
}
.solid-red {
    background: var(--main-bg-red);
    border-radius: 0px;
}
.last-box {
    border-radius: 0px;
}
.our-partners {
    padding: 50px 0 50px;
}
h2 {
    font-size: 35px;
    font-weight: 700;
    padding: 15px 0;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer-section {
        position: relative;
        padding: 50px 20px 40px; 
    }
    .feature-section {

        padding: 0px 20px;
        position: relative;
        top: -50px;
        gap: 5px;
    }
    .solid-red {
    background: var(--main-bg-red);
    border-radius: 0px;
}
.last-box {
    border-radius: 0px;
}
.about .item img{
    margin-top: 50px;
}
.walkin-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    color: #fff;
    display: grid;
    grid-template-columns: 40% 55%;
}
.our-partners-list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}
.our-partners {
    padding: 50px 0 50px;
}
.appointment-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 25px;
}
.testimonial-section {
    padding: 50px 0;
}
}


.symptom-checker-section{
    padding:100px 0;
    background:#f8fafc;
}

.section-header{
    text-align:center;
    max-width:1000px;
    margin:0 auto 0px;
}

.section-tag{
    display:inline-block;
    padding:8px 18px;
    background:#fff;
    color:#4455ad;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.section-header h2{
    margin-bottom:0px;
}

.section-header p{
    color:#6b7280;
    line-height:1.9;
    font-size:18px;
}

.symptom-tabs{
    display:flex;
    justify-content:center;
    gap:15px;
    margin-bottom:40px;
}

.symptom-tab{
    border:none;
    background:#fff;
    color:var(--blue);
    padding:14px 35px;
    border-radius:50px;
    cursor:pointer;
    font-weight:600;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.symptom-tab.active{
    background:var(--main-bg-blue);
    color:#fff;
}

.symptom-content{
    display:none;
    background:#fff;
    padding:20px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

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

.symptom-content iframe{
    width:100%;
    border-radius:15px;
}

@media(max-width:768px){

    .section-header h2{
        font-size:36px;
    }

    .symptom-tabs{
        flex-direction:column;
        align-items:center;
    }

    .symptom-tab{
        width:220px;
    }

}

.quick-access-section{
    padding:100px 0;
    background:var(--main-bg-blue);
}


.primary-btn{
    background:#c83333;
    color:#fff;
    padding:15px 30px;
    border-radius:50px;
    text-decoration:none;
}

.secondary-btn{
    border:2px solid #fff;
    color:#fff;
    padding:15px 30px;
    border-radius:50px;
    text-decoration:none;
}


/* APPOINTMENT CARDS */

.appointment-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:25px;
    margin-bottom:30px;
}

.appointment-card{
    background:#fff;
    padding:30px 10px 20px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    text-align: center;
}

.card-icon{
    margin-bottom:20px;
}

.card-icon i{
    font-size:45px;
    color:var(--blue);
}

.appointment-card h3{
    margin-bottom:15px;
}

.appointment-card p{
    color:#666;
    margin-bottom:20px;
}
/* BOTTOM LINKS */

.quick-links{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}



@media(max-width:991px){


    .appointment-grid{
        grid-template-columns:1fr;
    }

    .quick-links{
        grid-template-columns:1fr;
    }

   

}
.apointment-w{
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.box-a{
    letter-spacing: 2px;
    font-size: 14px;
    border: 1px solid #f5f5f582;
    padding: 10px 15px;
    border-radius: 30px;
    background-color: #fff;
    color: var(--red);
    display: flex;
    gap: 10px;
    align-items: center;

}
.box-a i{
    color: var(--red);
    font-size: 22px;

}

.box-a h3{
    font-size: 17px;
    margin-bottom: 0;
    color: var(--red);
    font-weight: 600;
}

.slider-contact-bar{
    position:absolute;
    bottom:0px;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    /* background:rgba(0,0,0,0.55); */
    /* backdrop-filter:blur(10px); */
    border:1px solid rgba(255,255,255,0.15);
    z-index:999;
    border-radius:0px;
    overflow:hidden;
}

.contact-items{
    padding:30px;
    text-align:center;
    color:#fff;
    border-right:1px solid rgba(255,255,255,0.15);
}

.contact-items:last-child{
    border-right:none;
}

.contact-items span{
    display:block;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:.7;
    margin-bottom:10px;
}

.contact-items a,
.contact-items p{
    color:#fff;
    text-decoration:none;
    font-size:20px;
    margin:0;
}



/* new stylw  add other pagge*/

.resources{
    background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/Chronic\ Disease\ Management.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60vh;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.resources{
    color: #fff;
}
.resources p{
    color: #fff;
}

/* appoitment page css */


.apointments-main-banner{
    background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/Chronic\ Disease\ Management.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60vh;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.apointments-main-banner{
    color: #fff;
}
.apointments-main-banner p{
    color: #fff;
}

.appointment-request-section{
    padding:100px 0;
    background:#f7f8fc;
}

.appointment-wrapper{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:60px;
    align-items:start;
}

.section-tag{
    color:var(--blue);
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.appointment-left h2{
    line-height:1.1;
    margin:0px 0;
    font-weight:700;
    color:#000;
}

.appointment-left h2 span{
    color:var(--blue);
}

.section-desc{
    font-size:18px;
    color:#666;
    line-height:1.8;
    margin-bottom:35px;
}

.info-box{
    background:#fff;
    /* border:1px solid #e6e8f0; */
    border-radius:16px;
    padding:20px;
    display:flex;
    gap:15px;
    margin-bottom:15px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, .05);
}

.info-icon{
    width:45px;
    min-width:45px;
    height:45px;
    background:#f2f3ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--blue);
}

.info-box h4{
    margin:0 0 5px;
    font-size:16px;
}

.info-box p{
    margin:0;
    color:#777;
    font-size:14px;
}

.bring-card{
    margin-top:25px;
    background:#fff;
    border-radius:20px;
    padding:30px;
    /* border:1px solid #e6e8f0; */
    box-shadow: 0 15px 50px rgba(0, 0, 0, .05);
}

.bring-card h3{
    margin-bottom:20px;
    color:#111;
}

.bring-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.bring-card li{
    padding:10px 0;
    color:#555;
    border-bottom:1px solid #f1f1f1;
}

.bring-card li:last-child{
    border:none;
}

.appointment-form-card{
    background:#fff;
    padding:40px 30px;
    border-radius:30px;
    box-shadow:0 15px 50px rgba(0,0,0,.05);
}

.appointment-form-card h3{
    font-size:34px;
    margin-bottom:25px;
    text-align: center;
    font-weight: 600;
}

.appointment-form-card p{
    color:#777;
    margin-bottom:30px;
}

.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.form-group{
    margin-bottom:20px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    height:50px;
    border:1px solid #dfe3ee;
    border-radius:10px;
    padding:0 15px;
    outline:none;
}

.form-group textarea{
    height:auto;
    padding:15px;
    resize:none;
}

.submit-btn{
    width:100%;
    height:60px;
    border:none;
    border-radius:50px;
    background:#4a49d8;
    color:#fff;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
}

.security-note{
    margin-top:15px;
    text-align:center;
    color:#777;
    font-size:14px;
}

@media(max-width:991px){

    .appointment-wrapper{
        grid-template-columns:1fr;
    }

    .appointment-left h2{
        font-size:42px;
    }

    .form-grid{
        grid-template-columns:1fr;
    }

    .appointment-form-card{
        padding:25px;
    }

}
.care-options-section{
    padding: 100px 0;
}
.care-options-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}
.care-card{
    background: #fff;
    padding: 30px 20px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 20px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.care-card .card-icon{
    background: #ffffff;
    margin: auto;
    border: 1px solid var(--blue);
}
.care-card h3{
    padding: 20px 0 10px;
    font-weight: 600;
}
.care-card .info-box {
    background: #fff;
    border: 1px solid #e6e8f0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    gap: 5px;
    flex-direction: column;
    margin: 20px;
}
.info-box h4 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 600;
}



/* faq */

.our-faqs{
	padding: 120px 0;
}

.faq-cta-box{
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #f6f7fb;
	border-radius: 30px;
	padding: 10px;
	margin-right: 15px;
}

.faq-cta-image figure{
	display: block;
	border-radius: 20px;
}

.faq-cta-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.7637;
	object-fit: cover;
	border-radius: 20px;
}

.faq-cta-body{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
	padding: 40px 30px 30px;
}

.faq-cta-content h3{
	font-size: 24px;
    font-weight: 600;
}
.team-member-all h2{
    padding: 40px 0 20px;
}
.team-member-all img{
    width: 100%;
    border-radius: 20px;
}
.faq-cta-content p{
	margin: 15px 0 0 0;
}

.faq-accordion .accordion-item{
	background-color: var(--main-bg-blue);
	border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-item:last-child{
    margin-bottom: 0;
}

.faq-accordion .accordion-header .accordion-button{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.333em;
    color: #fff;
	padding: 10px 50px 10px 24px;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-item .accordion-button:not(.collapsed){
	color: #fff;
	background: var(--accent-color);
}

.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after{
    content: '\2b';
    font-family: 'Font Awesome 7 Free';
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after{
    content: '\f068';
	color: var(--white-color);
}

.faq-accordion .accordion-item .accordion-body{
	background: var(--accent-color);
	border-top: 1px solid var(--dark-divider-color);
	padding: 0px 24px 24px;
}

.faq-accordion .accordion-item .accordion-body p{
	color: #fff;
    margin: 0;
    margin-bottom: 15px;
}

.faq-accordion .accordion-item .accordion-body li{
	color: #fff;
    margin: 0;
    margin-bottom: 15px;
    list-style-type: disc;
}
.core-features{
	padding: 100px 0;
    background: #f6f7fb;
}

.core-features-content{
	position: sticky;
	top: 30px;
	margin-right: 15px;
}

.core-features-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.core-features-item{
	width: calc(50% - 15px);
	background-color:#fff;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	padding: 20px;
	overflow: hidden;
}

.core-features-item .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--accent-color);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto 0;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.core-features-item .icon-box::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--white-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	z-index: 0;
}

.core-features-item:hover .icon-box::before{
	transform: scale(1);
}

.core-features-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.core-features-item:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.core-features-item-content{
	position: relative;
	width: calc(100%);
	align-content: center;
}

.core-features-item-content::before{
	content: "";
	position: absolute;
	top: -20px;
	left: -20px;
	background: var(--dark-divider-color);
	width: 1px;
	height: calc(100% + 40px);
}

.core-features-item-content h3{
	font-size: 20px;
	line-height: 1.4em;
	color: var(--white-color);
    font-weight: 600;
}

.about-us{
	padding: 120px 0;
}

.about-us-image-box{
	height: 100%;
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.about-image-title h2{
	color: #4f61c03d;
	font-size: 50px;
	line-height: 1em;
	writing-mode: vertical-lr;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	background: linear-gradient(90deg, transparent 0%, rgba(8, 54, 59, 0.10) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    transform: rotate(-180deg);
}

.about-image-box-1{
	position: relative;
	height: 100%;
	width: calc(100% - 79px);
	margin-left: -40px;
}

.about-us-image{
	height: 100%;
}

.about-us-image figure{
	display: block;
	height: 100%;
	border-radius: 30px;
}

.about-us-image figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1.161;
	object-fit: cover;
	border-radius: 30px;
}

.about-review-box{
	position: absolute;
	max-width: 355px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	background-color: var(--divider-color);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 10px;
	gap: 10px;
	padding: 30px 20px;
	margin: 0 auto;
	animation: movestyle 2s infinite alternate linear;
	z-index: 1;
    display: none;
}

@keyframes movestyle{
	0%{
		transform: translateX(15px);
	}
	50%{
		transform: translateX(0px);
	}
	100%{
		transform: translateX(-15px);
	}
}

.about-us-content{
	height: 100%;
	/* align-content: center; */
}

.about-us-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
    padding-top: 15px;
}

.about-us-item{
	width: calc(50% - 15px);
}

.about-us-item h3{
	position: relative;
	font-size: 16px;
	padding-left: 30px;
    font-weight: 600;
}

.about-us-item h3::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 20px;
    font-weight: 900;
    color: var(--accent-color);
    top: 0;
    left: 0;
}

.about-us-item p{
	margin: 15px 0 0;
}

.about-content-footer{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 40px;
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
}

.about-us-author-box{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.about-us-author-image figure{
	display: block;
    border-radius: 50%;
}

.about-us-author-image figure img{
	width: 100%;
    max-width: 50px;
}

.about-us-author-content h3{
	font-size: 20px;
}

.about-us-author-content p{
	line-height: normal;
	margin: 5px 0 0;
}


.page-team-single{
	padding: 100px 0;
    background: #f6f7fb;
}

.team-single-image{
	margin-bottom: 30px;
}

.team-single-image figure{
	display: block;
	border-radius: 30px;
}

.team-single-image figure img{
	width: 100%;
	aspect-ratio: 1 / 1.237;
	object-fit: cover;
	border-radius: 30px;
}

.team-sidebar-cta-box{
	border-radius: 20px;
	overflow: hidden;
    background: #fff;
}

.team-sidebar-cta-title{
	padding: 30px 30px 0;
}

.team-sidebar-cta-title h2{
	font-size: 20px;
	color: var(--white-color);
}

.team-sidebar-cta-list{
	border-top: 1px solid var(--dark-divider-color);
	padding: 30px;
}

.team-sidebar-cta-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
}

.team-sidebar-cta-item:last-child{
	margin-bottom: 0;
}

.team-sidebar-cta-item .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: var(--blue);
	border-radius: 50%;
}

.team-sidebar-cta-item .icon-box::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--white-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
}

.team-sidebar-cta-item:hover .icon-box::before{
	transform: scale(1);
}

.team-sidebar-cta-item .icon-box i{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
    color: #fff;
}

.team-sidebar-cta-item:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.team-sidebar-cta-item-content{
	width: calc(100% - 65px);
}

.team-sidebar-cta-item-content p{
	color: var(--white-color);
	margin-bottom: 5px;
}

.team-sidebar-cta-item-content h3{
	font-size: 16px;
	font-weight: 600;
	color: var(--white-color);
}

.team-sidebar-cta-item-content h3 a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.team-sidebar-cta-item-content h3 a:hover{
	color: var(--accent-color);
}

.team-member-about,
.team-member-education,
.team-member-expertise{
	margin-bottom: 40px;
}

.member-about-item-list{
	border-top: 1px solid var(--divider-color);
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding-top: 40px;
}

.member-about-item{
	width: calc(50% - 15px);
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}

.member-about-item h3{
	position: relative;
	display: inline-block;
	font-size: 24px;
	color: var(--primary-color);
	padding-left: 0px;
    font-weight: 600;
}


.member-about-item p{
	margin: 20px 0 0 0;
}

.member-about-item ul{
	list-style: disc;
	border-top: 1px solid var(--divider-color);
	padding: 30px 0 0 20px;
	margin: 30px 0 0;
}

.member-about-item ul li{
	line-height: 1.5em;
	margin-bottom: 15px;
}

.member-about-item ul li:last-child{
	margin-bottom: 0;
}

.member-about-item ul li::marker{
	color: var(--accent-color);
}

.member-education-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.member-education-item{
	width: calc(50% - 15px);
	background: var(--secondary-color);
	border-radius: 30px;
	min-height: 270px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	padding: 30px;
	transition: all 0.4s ease-in-out;
}

.member-education-item:hover{
	transform: translateY(-5px);
}

.member-education-item .icon-box{
	position: relative;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: var(--accent-color);
	z-index: 1;
}

.member-education-item .icon-box::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--primary-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	z-index: -1;
}

.member-education-item:hover .icon-box::before{
	transform: scale(1);
}

.member-education-item .icon-box img{
	width: 100%;
	max-width: 28px;
}

.member-education-item-content h3{
	font-size: 20px;
}

.member-education-item-content p{
	margin: 10px 0 0 0;
}

.member-skill-list{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 40px;
}

.skills-progress-bar{
	margin-bottom: 0px;
    padding: 15px;
    background-color: #fff;
}

.skills-progress-bar:last-child{
	margin-bottom: 0;
}

.member-skill-list .skills-progress-bar{
	width: calc(50% - 15px);
	margin-bottom: 0;
}

.skills-progress-bar .skill-data{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 0px;
}

.skills-progress-bar .skillbar .skill-progress{
    position: relative;
    width: 100%;
    height: 10px;
    background: var(--secondary-color);
    border-radius: 10px;
    overflow: hidden;
}

.skills-progress-bar .skillbar .skill-progress .count-bar{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--accent-color);
    border-radius: 10px;
}

.contact-form.team-contact-form{
	height: auto;
}

.page-single-sidebar {
    position: sticky;
    top: 30px;
    margin-right: 15px;
}

.about-min-sec{
    background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/baner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60vh;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.resources{
    color: #fff;
}
.resources p{
    color: #fff;
}



.page-testimonials{
	padding: 120px 0 90px;
}

.page-testimonials .testimonial-item{
	background: #f6f7fb;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.testimonial-item{
	min-height: 365px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0px;
	background: var(--white-color);
	border-radius: 20px;
	padding: 30px 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

.testimonial-item-quote{
	margin-bottom: 30px;
}

.testimonial-item-quote img{
	width: 100%;
	max-width: 60px;}

.testimonial-item-content p{
	font-weight: 500;
	margin: 0;
}

.testimonial-item-author{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
}

.testimonial-author-image figure{
	display: block;
	border-radius: 50%;
}

.testimonial-author-image img{
	width: 100%;
	max-width: 50px;
	border-radius: 50%;
}

.testimonial-author-content{
	width: calc(100% - 65px);
}

.testimonial-author-content h2{
	font-size: 20px;
    padding-bottom: 0;
}

.testimonial-author-content p{
	line-height: normal;
	margin: 5px 0 0 0;
}

.our-testimonial .section-footer-text{
	margin-top: 60px;
}

.extra-review{
    display:none;
}

.review-btn{
    background:#c92d2d;
    color:#fff;
    border:none;
    padding:14px 35px;
    border-radius:6px;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
}

.review-btn:hover{
    background:#a92222;
}

.read-more-btn{
    color:#4455ad;
    cursor:pointer;
    font-weight:600;
    margin-left:5px;
}

.review-text{
    line-height:1.8;
}

.testimonials-news{
    background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/baner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60vh;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.testimonials-news h2{
    color: #fff;
}
.testimonials-news p{
    color: #fff;
}
.testimonials-news span{
    color: #fff;
}

.service-news{
    background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/baner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 30vh;
    margin-top: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-news h2{
    color: #fff;
}
.service-news p{
    color: #fff;
}
.service-news span{
    color: #fff;
}


.language-switcher{
    display:flex;
    align-items:center;
    gap:10px;
}

.language-switcher label{
    color:#fff;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}

.language-switcher select{
    height:45px;
    padding:0 15px;
    border:none;
    border-radius:50px;
    min-width:180px;
    cursor:pointer;
    outline:none;
    font-size:14px;
    font-weight:500;
}
/* Hide Google Translate top banner */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0 !important;
}

/* Hide translate tooltip */
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}
.skiptranslate iframe {
    display: none !important;
}

body {
    position: static !important;
    top: 0 !important;
}

.language-float{
    position:fixed;
    left:10px;
    bottom:10px;
    z-index:99999;

    display:flex;
    align-items:center;
    gap:10px;
    flex-direction: row-reverse;

    background:#fff;
    padding:10px 15px;
    border-radius:50px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.language-icon{
    /* width:42px;
    height:42px; */
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--red);
    font-size:20px;
}

.language-float select{
    border:none;
    outline:none;
    background:transparent;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    min-width:auto;
}

/* Mobile */
@media(max-width:767px){

    .language-float{
        right:15px;
        bottom:15px;
        padding:8px 12px;
    }

    .language-float select{
        min-width:120px;
        font-size:14px;
    }
}
.testimonial-item img{
    width: 50px;
}


.page-service-single{
	padding: 120px 0;
}

.page-single-sidebar{
	position: sticky;
	top: 30px;
	margin-right: 15px;
}

.page-category-list{
	background:#f6f7fb;
	border-radius: 20px;
    margin-bottom: 30px;
	overflow: hidden;
}

.page-category-list .page-category-list-title{
	font-size: 20px;
	line-height: 1.3em;
	color: var(--white-color);
	background: var(--accent-color);
    padding: 20px 20px;
    text-align: center;
}

.page-category-list ul{
	list-style: none;
    margin: 0;
	padding: 0px 30px 30px;
}

.page-category-list ul li{
	line-height: 1.5em;
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 0px;
    margin-bottom: 15px;
}

.page-category-list ul li:last-child{
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.page-category-list ul li a {
    position: relative;
    display: block;
    text-transform: capitalize;
    color: inherit;
    padding-right: 25px;
    transition: all 0.4s ease-in-out;
    border: 1px solid var(--main-bg-red);
    background-color:var(--main-bg-red);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.page-category-list ul li a:hover{
	color: #fff;
    background-color: var(--blue);
    border: 1px solid var(--blue);
}

.page-category-list ul li a::before{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
	transform: translateY(-50%);
	background: url('../images/arrow-primary.svg') no-repeat;
	background-position: center center;
	background-size: cover;
    width: 18px;
    height: 18px;
	transition: all 0.4s ease-in-out;
}

.page-category-list ul li a:hover::before{
	transform: translateY(-50%) rotate(45deg);
}

.sidebar-cta-box{
	border-radius: 20px;
    background-color: #f6f7fb;
}

.sidebar-cta-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	padding: 20px 20px;
    text-align: center;
    justify-content: center;
}

.sidebar-cta-header .icon-box{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color);
	border-radius: 50%;
}

.sidebar-cta-header .icon-box i{
	font-size: 20px;
	color: var(--white-color);
}

.sidebar-cta-title{
	width: calc(100% - 55px);
}

.sidebar-cta-title h2{
	font-size: 20px;
	color: var(--white-color);
    padding: 0;
    margin: 0;
}

.sidebar-cta-body{
	border-top: 1px solid var(--dark-divider-color);
	padding: 30px;
}

.sidebar-cta-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-cta-list ul li{
	font-size: 16px;
	line-height: normal;
	color: var(--white-color);
	border-bottom: 1px solid var(--dark-divider-color);
	display: flex;
    justify-content: space-between;
    align-items: center;
	gap: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.sidebar-cta-list ul li:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.sidebar-cta-list ul li span{
	font-weight: 700;
	color: var(--white-color);
}

.sidebar-cta-btn{
	margin-top: 40px;
}

.sidebar-cta-btn .btn-default{
	width: 100%;
	text-align: center;
	padding: 17px;
}

.sidebar-cta-btn .btn-default::before{
	display: none;
}

.page-single-image{
	margin-bottom: 40px;
}

.page-single-image figure{
	display: block;
	border-radius: 30px;
}

.page-single-image img{
	width: 100%;
	aspect-ratio: 1 / 0.598;
	object-fit: cover;
	border-radius: 30px;
}

.service-entry{
	margin-bottom: 60px;
}

.service-entry h2{
	font-weight: 600;
	margin-bottom: 20px;
}

.service-entry h3{
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
    font-weight: 600;
}

.service-entry p{
	margin-bottom: 20px;
}

.service-entry p:last-child,
.service-entry h2:last-child,
.service-entry h3:last-child{
	margin-bottom: 0;
}

.service-entry ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.service-entry ul li{
	position: relative;
    line-height: 1.5em;
    padding-left: 25px;
	margin-bottom: 15px;
}

.service-entry ul li:last-child{
	margin-bottom: 0;
}

.service-entry ul li::before{
    content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 900;
    color: var(--accent-color);
}
.service-galery{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}
.galery-s img{
    width: 100%;
    border-radius: 15px;
    height: 100%;
    object-fit: cover;
}
.service-entry ul li a{
	color: inherit;
}

.service-why-choose-box,
.service-process-box,
.service-benefits-box{
	margin-top: 60px;
}

.service-why-choose-item-list{
	margin-top: 40px;
}

.service-why-choose-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

.service-why-choose-item:last-child{
	margin-bottom: 0;
}

.service-why-choose-item-image{
	max-width: 100px;
}

.service-why-choose-item-image figure{
	display: block;
	border-radius: 50%;
}

.service-why-choose-item-image figure img{
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
}

.service-why-choose-item-content{
	width: calc(100% - 120px);
}

.service-process-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 40px;
}

.service-process-item{
	width: calc(33.33% - 20px);
	background: #f6f7fb;
	border-radius: 30px;
	min-height: 245px;
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	align-items: center;
	text-align: center;
	gap: 20px;
	padding: 10px;
	transition: all 0.4s ease-in-out;
}

.service-process-item:hover{
	transform: translateY(-5px);
}

.service-process-item-number{
	position: relative;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: var(--accent-color);
	z-index: 1;
}

.service-process-item-number::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--primary-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	z-index: -1;
}

.service-process-item:hover .service-process-item-number::before{
	transform: scale(1);
}

.service-process-item-number h3{
	font-size: 24px;
	color: var(--white-color);
}

.service-entry .section-footer-text{
	margin-top: 40px;
}

.service-process-box .section-footer-text ul{
	margin: 0;
}

.service-process-box .section-footer-text ul li{
	padding-left: 0;
	margin: 0;
}

.service-process-box .section-footer-text ul li::before{
	display: none;
}

.service-benefits-video-image-box{
	position: relative;
	min-height: 400px;
	border-radius: 30px;
	text-align: center;
	margin-top: 40px;
	align-content: end;
	padding: 40px 40px 20px;
	overflow: hidden;
}

.service-benefits-video-image{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.service-benefits-video-image figure{
	position: relative;
	width: 100%;
	height: 100%;
}

.service-benefits-video-image figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-benefits-video-image figure::before{
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, transparent 54.87%, rgba(8, 54, 59, 0.80) 100%);
	z-index: 0;
}

.service-benefits-list{
	position: relative;
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 30px;
	margin-top: 115px;
	z-index: 2;
}

.service-benefits-list ul{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	gap: 15px 20px;
}

.service-benefits-list ul li{
	color: var(--white-color);
	margin-bottom: 0;
}


.page-category-list ul li a.active{
    background:var(--blue);
    color:#fff !important;
    border-color:var(--blue);
}

.page-category-list ul li a.active::after{
    color:#fff;
}

.swiper-wrappers{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}

    .payment-help-section{
    padding:100px 0;
    /* background:#f8f9ff; */
}

.payment-box{
    /* max-width:900px; */
    margin:auto;
    text-align:center;
    background:#fff;
    padding:70px 50px;
    border-radius:30px;
    box-shadow:0 15px 50px rgba(0,0,0,.08);
}

.payment-tag{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:#eef1ff;
    color:#4f46e5;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:20px;
}

.payment-box h2{
    line-height:1.2;
    margin-bottom:25px;
    color:#111827;
}

.payment-box p{
    max-width:850px;
    margin:auto;
    color:#6b7280;
    line-height:1.8;
}

.payment-features{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
    margin:40px 0;
}

.feature-item{
    background:#f5f7ff;
    padding:14px 22px;
    border-radius:50px;
    font-weight:600;
    color:#374151;
}

.payment-actions{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.payment-btn{
    padding:8px 25px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.primary-btn{
    background:var(--blue);;
    color:#fff;
}

.primary-btn:hover{
    background:var(--red);;
}

.secondary-btn{
    background:#fff;
    color:#111827;
    border:2px solid #ddd;
}

.secondary-btn:hover{
    border-color:var(--blue);
    color:var(--blue);;
}

@media(max-width:768px){

    .payment-box{
        padding:40px 25px;
    }

    .payment-box h2{
        font-size:34px;
    }

    .payment-box p{
        font-size:16px;
    }
}

@media(max-width:600px) {
.care-options-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 25px;
}
.appointment-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    align-items: start;
}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {


.care-options-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
}
.appointment-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    align-items: start;
}

}

.chat-toggle{
    position:fixed;
    right:15px;
    bottom:15px;
    width:65px;
    height:65px;
    border-radius:50%;
    background:var(--blue);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:9999;
    font-size:24px;
    box-shadow:0 15px 40px rgba(0,0,0,.25);
}

.chat-popup{
    position:fixed;
    right:25px;
    bottom:100px;
    width:350px;
    max-width:calc(100% - 30px);

    background:#fff;
    border-radius:20px;
    overflow:hidden;

    z-index:10001;

    opacity:0;
    visibility:hidden;
    transform:translateY(20px);

    transition:.35s;
}

.chat-popup.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.chat-header{
    background:var(--blue);
    color:#fff;
    padding:25px;
    display:flex;
    justify-content:space-between;
    align-items: baseline;
}

.chat-header h3{
    margin:0;
    font-size:25px;
}

.chat-header p{
    margin-top:10px;
    font-size:14px;
}

.chat-close{
    background:none;
    border:none;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}

.chat-body{
    padding:28px;
}

.chat-option{
    display:flex;
    justify-content:space-between;
    align-items:center;

    background:#f4f4f4;
    padding:18px 20px;
    border-radius:12px;

    text-decoration:none;
    color:#444;

    margin-bottom:15px;

    transition:.3s;
}

.chat-option:hover{
    background:#ececec;
}

.chat-left{
    display:flex;
    align-items:center;
    gap:15px;
}

.chat-left i{
    font-size:22px;
}

.chat-left span{
    font-size:16px;
    font-weight:600;
}

.chat-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:10000;

    opacity:0;
    visibility:hidden;

    transition:.3s;
}

.chat-overlay.active{
    opacity:1;
    visibility:visible;
}

@media(max-width:576px){

    .chat-popup{
        right:15px;
        left:15px;
        width:auto;
        bottom:90px;
    }

    .chat-header h3{
        font-size:30px;
    }

    .chat-left span{
        font-size:18px;
    }
}

.services-page{
    padding:100px 0;
    background:#f8f9fc;
}

.services-header{
    text-align:center;
    max-width:950px;
    margin:0 auto 70px;
}

.services-tag{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:#eef2ff;
    color:var(--blue);
    font-size:13px;
    font-weight:600;
    margin-bottom:20px;
}

.services-header h1{
    /* font-size:56px; */
    margin-bottom:20px;
    color:#111827;
}

.services-header p{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.service-card-new{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    text-decoration:none;
    position:relative;
    /* border:1px solid #ececec; */
    transition:.4s;
}

.service-card-new:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.service-img{
    height:250px;
    overflow:hidden;
}

.service-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.service-card-new:hover .service-img img{
    transform:scale(1.08);
}

.service-content{
    padding:20px 15px 0px;
}

.service-content span{
    color:var(--blue);
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
}

.service-content h3{
    font-size:18px;
    margin:12px 0;
    color:#111827;
    font-weight: 600;
}

.service-content p{
    color:#6b7280;
    line-height:1.7;
}

.service-icon{
    position:absolute;
    top:20px;
    right:20px;
    width:50px;
    height:50px;
    background:#4f46e5;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    display: none;
}

@media(max-width:1200px){
    .services-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:991px){
    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .services-header h1{
        font-size:42px;
    }
}

@media(max-width:767px){
    .services-grid{
        grid-template-columns:1fr;
    }

    .services-header h1{
        font-size:34px;
    }
.slider-contact-bar{
    display: none;
}
.slide-content{
    bottom: 5%;
}
}