: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('../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: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-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: 15%;
    /* left: 5%; */
    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;
}

/* 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.35);
    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: 0px 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:100px 0;
    background:var(--main-bg-blue);
}

.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:#4455ad;
}
.card-icon img{
    width: 75px;
}

.appointment-card h3{
    font-size:30px;
    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(2,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:50px;
    color:#fff;
    display: grid;
    grid-template-columns: 40% 60%;
}

.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;
}

.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('../img/baner1.jpg') center center/cover no-repeat;

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

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

    background:#1f6bc5eb;
    background: #000000e3;
}

.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(2px 4px 6px black);
}
.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(3,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;
}

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

.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;
}
}