/*:root {
    --color-form-elements-border-focus: #ccc;
    --color-primary: #202F59;
    --color-on-primary: #ffffff;*/
    /*--color-secondary: #007B23;
    --color-on-secondary: #FFFFFF;
    --color-body-background: #ffffff;
    --color-body-color: #212121;*/
    /*--color-text-muted: #21212199;
    --color-primary-rgb: 77 44 25;
    --color-secondary-rgb: 112 112 112;
}*/


.sk-appbar+.sk-appbar {
    z-index: auto;
}

/* Overriding Base styles :: BEGIN*/
h1,
h2,
h3,
h4,
h5,
h6,
.sk-h1,
.sk-h2,
.sk-h3,
.sk-h4,
.sk-h5,
.sk-h6 {
    font-weight: var(--font-weight-bold, 500);
}

.sk-appbar {
    position: relative;
    /*background: var(--color-primary);
    color: var(--color-white);*/
}

.sk-appbar-align-end {
    gap: var(--gutter-large)
}

.sk-appbar .sk-menu li,
.sk-appbar .sk-menu li a {
    color: var(--color-white)
}

.sk-appbar svg {
    fill: currentColor;
}

.sk-menu li:hover {
    background: rgb(var(--color-primary-rgb) / 20%);
}

.sk-text-muted {
    color: var(--color-text-muted, rgb(var(--color-black-rgb) / 60%));
}

address {
    font-style: normal;
}

.hero .slick-initialized .slick-slide {
    padding: 0;
    margin: 0;
}


@media(max-width: 1024px) {
    .sk-mobile-block {
        flex-basis: 100%;
        width: 100%;
    }

    .mobile-menu.sk-drawer .sk-drawer-body {
        padding: 0;
    }

    .mobile-menu.sk-drawer .sk-menu li {
        justify-content: flex-start;
    }

    .mobile-menu.sk-drawer .sk-menu li.sk-active .sk-menu-indicator::before {
        display: none
    }
}

/* Ratings :: BEGIN */
.sk-ratings a {
    color: inherit;
    text-decoration: underline;
}

/* Ratings :: END */

/* Overriding Base styles :: END*/

/* Hero Section :: BEGIN */
.hero {
    /*overflow-x: hidden;*/
}



.hero:not(.listings) h1 {
    margin-bottom: var(--gutter-small);
}

.hero:not(.listings) .sk-ratings b {
    font-size: 3rem;
}

.hero:not(.listings) address {
    max-width: 82%;
}

.hero .book-appointments,
.hero .book-appointments .open-status {
    font-size: 2rem;
}



.hero .book-appointments,
.hero .book-appointments+.sk-overflow-menu {
    width: max-content;
}

.hero .sk-overflow-menu .sk-overflow-list {
    right: revert;
    left: 4.5rem;
}

.hero .sk-button-group {
    margin: var(--gutter-base) 0;
}



.hero .sk-button.sk-primary-outline {
    background: transparent;
}

.sk-panel .sk-appbar {
    padding: 0 var(--gutter-large);
}

.hero .sk-ratings {
    margin-bottom: var(--gutter-large)
}

.sk-col-6:has(.contact-form) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-detail .sk-card .sk-card-media:not(:empty) {
    height: auto;
}

@media (max-width: 1024px) {
    /*.hero {*/
    /* background: right bottom / cover url(../img/hero-bg.webp) no-repeat; */
    /*background: var(--color-header-bg);
    }*/

    .hero:not(.listings) address {
        max-width: revert;
    }

    .hero .sk-button-group {
        margin: var(--gutter-base) 0;
    }

    .sk-col-6:has(.contact-form) {
        flex-flow: column;
        margin-top: var(--gutter-large);
    }
}

/* Hero Section :: END */

/* Book appointment :: BEGIN */


.book-appointments {
    margin-top: calc(var(--gutter-base) * 2);
    display: flex;
    gap: 2rem;
    align-items: center;
    font-weight: var(--font-weight-medium, medium);
    font-size: 2.4rem;
    cursor: pointer;
}

.sk-appbar .book-appointments {
    margin: 0;
    /*color: var(--color-white);*/
}

.book-appointments .contact-number {
    color: inherit;
    margin-bottom: 0;
    font-size: 2.4rem;
}

.book-appointments .sk-icons {
    fill: currentColor;
}

.book-appointments a {
    color: inherit;
    display: flex;
    gap: 1rem;
    align-items: center;
}


.book-appointments .open-status {
    font-size: 2.4rem;
    padding: 0 var(--gutter-small);
    border-radius: var(--radius-pill);
}

/* Book appointment :: END */

/* Contact Form :: BEGIN */
.contact-form {
    /* height: 100%; */
    /*width: 70%;*/
    margin: auto;
    background: var(--color-white);
    padding: var(--gutter-base) 3.5rem;
    border-radius: var(--radius-large);
    border: .1rem solid var(--color-primary);
}

.contact-form h1,
.contact-form h2 {
    font-size: 2.6rem;
    font-weight: var(--font-weight-medium, medium);
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-form .sk-divider {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
    border-color: rgb(var(--color-black-rgb) / 16%);
}

.contact-form .form-fields {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding-top: var(--gutter-large);
    gap: var(--gutter-large);
}

/*.contact-form .sk-button.sk-primary {
    background: var(--gradient-linear);
    border: transparent;
}*/

@media (max-width: 1367px) {
    .contact-form {
        /* margin: revert;
        margin-right: auto;*/
    }
}

@media (max-width: 1024px) {
    .contact-form {
        flex: 1 1 100%;
        /*width: calc(100% - 2.4rem);*/
    }

    .contact-form .form-fields {
        padding-top: var(--gutter-base)
    }
}

/* Contact Form :: END */


/* Services Offered :: BEGIN */

.services {
    margin-top: var(--gutter-base)
}

.services,
.services ul,
.services-offered ul {
    display: flex;
    gap: var(--gutter-base);
    flex-wrap: wrap;
}

.services-offered ul {
    box-shadow: 0 4px 20px rgba(var(--color-black-rgb) / 16%);
    border-radius: var(--radius-base);
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0;
    padding: var(--gutter-large) 0;
    width: max-content;
    margin: 0 auto;
}

.services-offered ul li {
    cursor: pointer;
    position: relative;
    padding: 0 var(--gutter-base);
    display: flex;
    flex-flow: column;
    /* flex-basis: 20rem;
    width: 20rem; */
    flex: 1 1 auto;
    min-width: 20rem;
    align-items: center;
    gap: var(--gutter-small);
    font-weight: var(--font-weight-medium, medium);
    /* border-right: .1rem solid rgb(var(--color-black-rgb) / 16%); */
    text-align: center;
}

.services-offered ul li::after {
    content: '';
    width: .1rem;
    background: rgb(var(--color-black-rgb) / 16%);
    position: absolute;
    height: 100%;
    right: 0;
}

.services-offered ul li:last-child::after {
    display: none;
}

.services ul li {
    list-style-type: disc;
    list-style-position: inside;
}

.services ul li:first-child {
    list-style-type: none;
}

@media(max-width:1024px) {
    .services {
        flex-flow: column wrap;
    }

    .services ul {
        flex-wrap: wrap;
    }

    .services-offered ul {
        overflow: hidden;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 0.5rem;
    }

    .services-offered ul li {
        flex: 1 0 40%
    }
}

/* Services Offered :: END */

/* Section :: BEGIN */
section .sk-container {
    border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    padding-top: var(--gutter-xlarge);
    padding-bottom: var(--gutter-xlarge);
}

section:is(.web-stories, .news-section) .sk-container {
    border: none;
}

section:not(.hero) .sk-container>h2,
.business-hours h2,
.location-map h2 {
    margin-bottom: 4.5rem;
    width: max-content;
    position: relative;
    /* font-weight: var(--font-weight-medium, medium);
    font-size: 4.2rem; */
}

section:not(.hero) .sk-container>h2::after,
.business-hours h2::after,
.location-map h2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 50%;
    height: .3rem;
    background: var(--color-primary);
}

/* Section :: END */

/* photo grid :: BEGIN */
.photo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gutter-base);
    grid-auto-rows: minmax(100px, auto);
}

.photo-grid li:first-child {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    max-height: 30rem;
}

.photo-grid li {
    position: relative;
    cursor: pointer;
    user-select: none;
    border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    overflow: hidden;
    max-height: 14.1rem;
}

.photo-grid li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    z-index: 0;
}

@media (max-width: 1024px) {
    .photo-grid {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gutter-base);
    }

    .photo-grid li,
    .photo-grid li:first-child {
        flex: 1 0 48%;
        max-height: calc(100vw / 2);
    }
}

/* photo grid :: END */
/* review section :: BEGIN */
.ratings {
    display: flex;
    gap: var(--gutter-xlarge);
    align-items: center;
}

.progress-bar-group {
    flex: 1 1 50%;
    padding: 0 var(--gutter-base) 0 0;
    max-width: 30rem;
}

.progress-bar-group .progress-bar {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    gap: 1rem;
}

.review-section .sk-ratings {
    gap: 1rem
}

.review-section .sk-ratings>b {
    font-size: 4.2rem;
}

.review-content {
    display: flex;
    gap: var(--gutter-base);
    margin-bottom: 3rem;
}

.reviews {
    margin-top: var(--gutter-large);
}

@media (max-width: 1024px) {
    .ratings {
        flex-wrap: wrap;
    }
}

/*Randam Color for business name first letter*/
.reviews .review-content:nth-child(10n+1) .sk-avatar .sk-avatar-title {
    background: #f8d7e8;
}

.reviews .review-content:nth-child(10n+2) .sk-avatar .sk-avatar-title {
    background: #bad5f0;
}

.reviews .review-content:nth-child(10n+3) .sk-avatar .sk-avatar-title {
    background: #d6eff6;
}

.reviews .review-content:nth-child(10n+4) .sk-avatar .sk-avatar-title {
    background: #fae4cd;
}

.reviews .review-content:nth-child(10n+5) .sk-avatar .sk-avatar-title {
    background: #e2f4da;
}

.reviews .review-content:nth-child(10n+6) .sk-avatar .sk-avatar-title {
    background: #f8d7e8;
}

.reviews .review-content:nth-child(10n+7) .sk-avatar .sk-avatar-title {
    background: #bad5f0;
}

.reviews .review-content:nth-child(10n+8) .sk-avatar .sk-avatar-title {
    background: #d6eff6;
}

.reviews .review-content:nth-child(10n+9) .sk-avatar .sk-avatar-title {
    background: #fae4cd;
}

.reviews .review-content:nth-child(10n+10) .sk-avatar .sk-avatar-title {
    background: #e2f4da;
}

.sk-avatar .sk-avatar-title {
    width: 5.2rem;
    height: 5.2rem;
    line-height: 5rem;
    text-align: center;
    font-size: 2.4rem;
    color: #878787;
    border-radius: 100%;
    background-color: var(--color-accent-3);
    flex-shrink: 0;
    display: block;
}

.review-content .reviewer-name {
    font-weight: var(--font-weight-bold, bold);
    margin-bottom: 1rem;
}

.review-content .rating {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.review-content .rating .sk-ratings {
    margin-bottom: 0;
}

/* review section :: END */
/* News section css :: BEGIN  */
.news-section {
    /*background: #F9F9F9;*/
}

.news-section .sk-flex-row {
    gap: 4rem;
}

.news a {
    text-decoration: underline;
}

.news-section .sk-flex-row .news-image {
    border-radius: var(--radius-base);
    cursor: pointer;
    flex: 0 0 24%;
    max-height: 15rem;
    max-width: 25rem;
    overflow: hidden;
}

/* .news-section .sk-flex-row .news-image {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-large);
} */
.news-section .sk-flex-row .news-image img {
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}

.news {
    margin-bottom: var(--gutter-xlarge);
}

.news .social .sk-flex-row {
    gap: 1rem;
}

.news .social img {
    width: 3.6rem;
    height: 3.6rem;
}

.news-content {
    /* padding-bottom: 3rem; */
}

.news-articles {
    position: relative;
}

.news-articles .sk-carousel-nav {
    position: absolute;
    right: 2rem;
    top: 3rem;
}

.news-articles .sk-carousel .sk-carousel-nav .sk-prev,
.news-articles .sk-carousel .sk-carousel-nav .sk-next {
    top: 50%;
    position: initial;
    transform: translateY(0);
}

.news-articles .sk-carousel .sk-carousel-nav svg {
    fill: var(--color-black);
}

.news-articles .sk-carousel-item .sk-card {
    background: var(--color-grey);
    cursor: pointer;
    border-top-right-radius: var(--radius-base);
    border-top-left-radius: var(--radius-base);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.news-articles .sk-carousel .sk-carousel-item {
    border: 0;
}

.news-articles .overlay-content {
    background: rgb(var(--color-black-rgb) / 53%);
}

@media(max-width: 1024px) {
    .news-section .sk-flex-row {
        flex-wrap: wrap;
    }

    .news-section .sk-flex-row .news-image {
        width: 100%;
        height: 17rem;
        flex: 1 0 100%;
        max-width: revert;
    }

    .news-section .sk-flex-row .news-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top left;
    }
}

/* News section css :: END  */
/* FAQ :: BEGIN */
.sk-expansion-panels .sk-expansion-inner:not(:last-child) {
    border-bottom: .1rem solid rgb(var(--color-black-rgb) / 16%)
}

.sk-expansion-content p:is(:only-child, :last-child) {
    margin-bottom: 0;
}

/* FAQ :: END */
/* footer :: BEGIN */
/*section:is(.footer) .sk-container {
    padding-top: var(--gutter-base);
    padding-bottom: var(--gutter-base);
}*/

.footer .sk-container>.sk-flex-row {
    justify-content: space-between;
}

.footer .social img {
    width: 2.5rem;
    height: 2.5rem;
}

.footer .social .sk-icons svg:hover {
    fill: var(--color-primary);
}

/* footer :: END */
/* Business Hours :: BEGIN */
.sk-outlined {
    border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
}

.business-hours .sk-surface {
    padding: var(--gutter-large)
}

.business-hours .sk-lead {
    padding-bottom: var(--gutter-base);
}

.business-hours ul li {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: var(--gutter-base);
}

.business-hours ul li:last-child {
    /* padding-bottom: 0; */
}

.business-hours ul.bulleted-list li::before {
    content: "\2022";
    color: var(--color-primary);
    font-weight: bold;
    font-size: 2.5rem;
    width: 1rem;
    line-height: 0;
    vertical-align: middle;
}

/* Business Hours :: END */
/* Branches :: BEGIN */
.branch-list {
    margin: 0 12rem;
    gap: var(--gutter-large);
    flex-flow: row wrap;
    justify-content: center;
}

.branch-card {
    flex: 0 0 50%;
    max-width: 45rem;
    padding: var(--gutter-base);
    color: var(--color-text-muted);
    font-size: 1.6rem;
    display: flex;
    flex-flow: column;
    gap: var(--gutter-base);
    margin-bottom: 0;
}

.branch-card>*:not(.sk-flex-row) {
    padding-left: var(--gutter-base);
}

.branch-card :is(.location-name) {
    color: var(--color-body-color);
    font-weight: var(--font-weight-medium, medium);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: var(--gutter-base);
}

.location-name a {
    color: inherit;
}

.branch-card .location-name::before {
    content: "\2022";
    color: var(--color-primary);
    font-weight: bold;
    font-size: 4rem;
    width: 1rem;
    line-height: 0;
}

.branch-card .sk-chip {
    color: var(--color-primary);
    border-color: currentColor;
}

.branch-card .sk-chip:hover::after {
    background: rgb(var(--color-primary-rgb) / 5%);
}

.branch-card .book-appointments,
.branch-card .book-appointments .open-status {
    margin: 0;
    font-size: 1.6rem;
    font-weight: normal;
    cursor: auto;
}

.branch-card .book-appointments .sk-icons.sk-icons:not(.dropdown-icon) svg {
    fill: var(--color-primary);
}

@media (max-width: 1024px) {
    .branch-list {
        margin: 0;
        gap: var(--gutter-base)
    }

    .branch-card {
        flex-basis: 100%;
        max-width: revert;
    }
}

/* Branches :: END */
/* Web stories :: BEGIN */
.web-stories .featured-story .news {
    flex-flow: column;
}

.web-stories .featured-story .news-image {
    border-radius: var(--radius-base);
    width: 100%;
    height: 36rem;
    overflow: hidden;
}

.web-stories .news-image {
    height: 125px;
    flex-shrink: 0;
}

.web-stories :is(.featured-story) .news {
    padding: 0;
    margin: 0;
}

.web-stories .news {
    margin: 0;
    padding: var(--gutter-large) 0 0;
}

.web-stories :is(.featured-story) .news-content {
    padding-bottom: 0;
    border: none;
}

.web-stories .news-content {
    padding-bottom: var(--gutter-large);
    border-bottom: .1rem solid rgb(var(--color-black-rgb) / 16%);
}

.news-image {
    border: .1rem solid rgb(var(--color-black-rgb) / 16%);
}

.news-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-large);
}

@media (max-width: 1024px) {
    .web-stories .featured-story {
        padding-bottom: var(--gutter-xlarge);
    }
}

/* Web stories :: END */
/* Mobile sticky bottom :: BEGIN */
.sticky-bottom {
    bottom: 0;
    background: var(--color-white);
    padding: var(--gutter-base);
    box-shadow: 0 -3px 3px rgba(var(--color-black-rgb) / 12%);
    z-index: var(--zindex-1);
}

/* Mobile sticky bottom :: END */
/* listings page :: BEGIN */
/* listings hero :: BEGIN */
.hero.listings {
    background: var(--color-header-bg);
    position: relative;
    color: var(--color-white);
}

.hero.listings .sk-container {
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    z-index: 1;
}

.hero.listings h1+.description-text {
    font-size: 2rem;
}

.hero.listings>figure {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    height: 70vh;
    max-height: 60vh;
}

.hero.listings>figure::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--color-black-rgb) / 50%);
}

.hero.listings figure img {
    object-fit: cover;
    object-position: bottom right;
    width: 100%;
}

.hero.listings {
    text-align: center;
}

/* listings hero :: END */
/* search widget :: BEGIN */
.search-group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: var(--gutter-large) 0;
}

.search-group .sk-text-field {
    margin: 0;
    flex: 1 1 60%;
    max-width: 60%;
}

.search-group .sk-text-field .sk-event-group,
.search-group .sk-text-field .sk-event-group:hover {
    border-radius: var(--radius-base) 0 0 var(--radius-base);
    border: none;
}

.search-group .sk-text-field .sk-overflow-list {
    width: 100%;
    left: 0;
    border-radius: 0 0 var(--radius-base) var(--radius-base);
    top: calc(100% - 0.5rem);
}

.search-group .sk-button {
    border-radius: 0 var(--radius-base) var(--radius-base) 0;
}

.hero.listings .sk-chip {
    background: transparent;
    color: inherit;
    border-color: currentColor;
    font-weight: var(--font-weight-medium, medium);
    font-size: 1.4rem;
}

/* search widget :: END */
/* Listing Card :: BEGIN */
.listing-cards {
    margin-top: var(--gutter-base);
    color: #898FA1;
}

.listing-cards figure {
    border-radius: var(--radius-base);
    border: .1rem solid rgb(var(--color-black-rgb) / 10%)
}

.listing-cards figure img {
    border-radius: inherit;
}

.sk-flex-column .sk-star {
    margin-right: 0;
}

.rating-group {
    display: flex;
    align-items: center;
    gap: 1rem
}

.listing-cards .sk-h5 {
    margin-bottom: var(--gutter-base);
    color: var(--color-body-color);
}

.listing-cards .sk-ratings {
    gap: 2rem;
}

.listing-cards .sk-card .info {
    gap: var(--gutter-base);
    font-size: 1.4rem;
}

.listing-cards .contact-card {
    margin-bottom: 1rem;
}

.listing-cards .contact-card .sk-icons svg {
    fill: var(--color-primary);
}

.listing-cards .sk-flex-row {
    gap: var(--gutter-large)
}

.listing-cards a {
    color: inherit;
}

.listing-cards .sk-card {
    box-shadow: 0 3px 6px rgb(var(--color-black-rgb) / 20%);
    text-align: left;
}

/* Listing Card :: END */
/* listings page :: END */
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    align-items: center;
    gap: var(--gutter-base);
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: var(--gutter-base) var(--gutter-large);
    text-align: center;
    min-width: 20rem;
    cursor: pointer;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*.slick-slide {
    margin: 0 calc(var(--gutter-base) / 2);
}*/
.bottom-spacing {
    margin-bottom: 1.5rem
}

.top-button-spacing {
    margin-top: 4rem !important;
}

.services ul li {
    font-weight: 500;
}

.sk-container h2 {
    padding-bottom: 1rem
}

.branch-list address {
    font-size: 1.4rem;
}

.services-container .slick-list {
    /*box-shadow: -5px 4px 21px -5px #ccc;*/
    border-radius: var(--radius-base);
    flex: 1 1 auto;
}

.sk-chip a {
    color: var(--color-white);
}

.branch-listing a {
    color: var(--color-white);
}

/* CSS Fixes :: BEGIN */
.sk-avatar-title img {
    font-size: 1rem;
    line-height: initial;
    max-height: 100%;
    border-radius: inherit;
}

.slick-arrow {
    width: 60px;
    flex-shrink: 0;
    cursor: pointer;
}

.slick-track {
    padding: var(--gutter-large);
}

.sk-line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sk-line-clamp-2 {
    -webkit-line-clamp: 2;
}

.sk-line-clamp-3 {
    -webkit-line-clamp: 3;
}

.sk-line-clamp-4 {
    -webkit-line-clamp: 4;
}

/*.slick-slide {
    border-right: 0.1rem solid rgb(var(--color-black-rgb) / 16%)
}*/
.slick-slide:last-child {
    border: none;
}

.services-container:not(.slick-initialized) {
    display: flex;
    gap: var(--gutter-base);
    padding: var(--gutter-large) 0;
    overflow: auto;
    overflow: overlay;
    /*box-shadow: -5px 4px 21px -5px #ccc;*/
    border-radius: var(--radius-base);
}

.services-container:not(.slick-initialized)>div[class^="services"] {
    min-width: 20rem;
    display: flex;
    align-items: center;
    flex-flow: column;
    text-align: center;
    border-right: .1rem solid rgb(var(--color-black-rgb) / 16%);
    cursor: pointer;
}

.services-container:not(.slick-initialized)>div[class^="services"]:last-child {
    border: none;
}

@media (max-width: 1024px) {
    /*.hero:not(.listings) {
        background: var(--color-header-bg)
    }*/

    .hero .contact-form {
        margin: 0 auto;
    }

    .news-section .sk-flex-row {
        gap: var(--gutter-base)
    }

    .news {
        margin-bottom: var(--gutter-large);
    }
}

.sk-drawer .sk-menu li {
    justify-content: flex-start;
}

.search-group li a {
    color: inherit;
}

.hero.listings .sk-chip a {
    z-index: 1;
}

.hero.listings .sk-chip::after {
    z-index: 0;
}

/* CSS Fixes :: END */
.search-group .sk-overflow-list li {
    padding: 0;
}

.search-group li a {
    color: inherit;
    padding: var(--gutter-small) var(--gutter-base);
    flex: 1 1 auto;
    text-align: left;
}

.slick-arrow.slick-disabled {
    opacity: .3;
}

/* Store Locator :: BEGIN */
.store-locator .sk-card {
    box-shadow: var(--box-shadow-3);
    padding: var(--gutter-large) var(--gutter-base);
}

.store-locator .form-fields {
    /* max-width: 80%; */
}

/* Store Locator :: END */
.hero .sk-container {
    z-index: 1;
    position: relative;
}

@media (max-width: 768px) {
    .sk-appbar {
        padding: 0;
    }
}

.fb_iframe_widget iframe {
    border: 1px solid #ced9de !important;
    border-radius: 1.2rem !important;
}

/* Slider */
/* Slider */
.hero .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.hero .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
    border-radius: var(--radius-base);
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

/*.slick-initialized .slick-slide {
    display: block;
}*/
.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */
/* .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
} */
/* Custom carousel styles :: BEGIN */
.slick-dots {
    display: flex !important;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    padding: var(--gutter-small) 0;
    gap: var(--gutter-small);
}

.slick-dots li button {
    min-width: revert;
    padding: 0;
    width: 1rem;
    height: 1rem;
    font-size: 0;
    border-radius: var(--radius-round);
    opacity: .5;
    border: 0;
    transition: all .3s ease-out;
}

.slick-dots li button:hover {
    outline: 0.3rem solid var(--color-primary-light);
    opacity: 1;
}

.slick-dots li button::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--color-grey);
    border-radius: inherit;
}

.slick-dots li.slick-active button {
    opacity: 1;
}

.slick-dots li.slick-active button::before {
    background: var(--color-primary);
}

.hero .slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom carousel styles :: END */
/* carousel styles :: END */
.about-us .sk-card {
    background: var(--color-grey-light)
}

.sk-sub-heading,
.contact-card .title:not(h2) {
    font-size: 2rem;
    font-weight: var(--font-weight-medium, 500);
    /*padding-bottom: var(--gutter-small);*/
}

element.style {}

/*.address-and-contact address {
    font-size: 2rem;
}*/

address {
    font-style: normal;
}

.contact-card .book-appointments {
    color: var(--color-text-muted);
}

.contact-card .book-appointments,
.contact-card .book-appointments .open-status {
    margin: 0;
    font-size: 1.6rem;
    font-weight: normal;
}

.hero .form-fields .sk-ratings {
    margin: 0;
}

.hero .sk-col-8 {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.hero .slick-track {
    padding: 0;
}

.hero .slick-slide {
    border: 0;
}

.carousel-hero:not(.slick-initialized) {
    display: flex;
    gap: var(--gutter-base);
    padding: var(--gutter-large) 0;
    overflow: auto;
    overflow: overlay;
    border-radius: var(--radius-base);
    flex-flow: row nowrap;
}

.carousel-hero:not(.slick-initialized) a {
    flex: 1 0 100%;
    width: 100%;
    display: block;
}

.business-hours .sk-list-inline {
    display: flex;
    flex-flow: row wrap;
    gap: var(--gutter-base);
    row-gap: var(--gutter-small);
}

.business-hours .sk-list-inline li {
    padding-bottom: 0;
    font-weight: var(--font-weight-medium, 500);
}

.business-hours .sk-list-inline li:not(:last-child)::after {
    content: '';
    width: 0.2rem;
    height: 80%;
    background: var(--color-text-muted);
}

/*.footer{
    background: var(--color-secondary);
}
    .footer .sk-menu li{
        color: var(--color-white);
    }
    .footer .sk-menu li:hover {
        background: transparent;
    }

    .footer .sk-menu li a{
        text-transform: capitalize;
    }*/
/* Footer :: BEGIN */
.footer {
    color: var(--color-on-secondary);
}

.footer h6 {
    color: var(--color-secondary);
}

.footer .sk-menu {
    width: max-content;
}

.footer .sk-menu li {
    color: var(--color-on-secondary);
    padding: 0;
    justify-content: flex-start;
    font-weight: normal;
}

.footer .sk-menu li:hover {
    background: transparent;
}

.footer .sk-menu li a {
    text-transform: capitalize;
}

.sk-menu svg {
    fill: currentColor;
}

.footer .social-icons {
    display: flex;
    gap: 1rem;
    color: var(--color-on-secondary);
}

.footer .social-icons a {
    color: inherit;
}

.footer a {
    color: var(--color-on-secondary)
}

.footer .social-icons svg {
    fill: currentColor
}

.faq-section .sk-expansion-inner.sk-active {
    /* max-height: 30rem; */
    overflow: hidden;
    overflow-y: auto;
}

/* Footer ::  END*/
@media (max-width: 1200px) {
    .form-fields .book-appointments .sk-flex-row {
        flex-wrap: wrap;
    }

    .hero .contact-form .sk-button-group {
        flex-wrap: wrap;
    }

    .hero .contact-form .sk-button-group .sk-button {
        flex-basis: 100%;
    }

    .hero .contact-form {
        padding: var(--gutter-base);
    }

    .hero .contact-form .sk-divider {
        margin: 0 calc(var(--gutter-base) * -1);
    }
}

.services-offered .sk-icons svg {
    fill: var(--color-primary)
}

.sk-appbar-align-end .sk-button.sk-round svg {
    stroke: var(--color-white)
}

.sk-appbar .sk-button.sk-round {
    background: transparent;
}

.sk-appbar .sk-button.sk-round:hover {
    box-shadow: none;
}

/*.sk-appbar .sk-button.sk-round svg {
        fill: var(--color-white);
    }*/

progress[value]::-webkit-progress-value {
    background-color: var(--color-primary);
}

@media (max-width: 1200px) {
    .sk-appbar-logo {
        margin: 0;
    }

    .sk-appbar-logo img {
        height: 5.5rem;
    }

    .sk-appbar .sk-container {
        padding: 0 var(--gutter-base) 0 0;
    }
}



.branches {
    background: center / contain url(/staticfiles/sites/templates/images/common/branches-bg.webp) no-repeat;
}

.business-hours {
    background: center / contain url(/staticfiles/sites/templates/images/common/business-hours-bg.webp) no-repeat;
}

/* New Common CSS :: BEGIN */
.sk-primary-bg {
    background: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
}

.sk-secondary-bg {
    background: var(--color-secondary) !important;
    color: var(--color-on-secondary) !important;
}

:is(.sk-primary-bg) :is(.book-appointments) {
    color: var(--color-on-primary) !important;
}

:is(.sk-primary-bg) .sk-menu li {
    color: var(--color-on-primary) !important;
}

:is(.sk-primary-bg) .sk-menu-indicator::before {
    border-color: var(--color-on-primary) !important;
}

:is(.sk-secondary-bg) .sk-menu li {
    color: var(--color-on-secondary) !important;
}

:is(.sk-secondary-bg) .sk-menu-indicator::before {
    border-color: var(--color-on-secondary) !important;
}


.sk-appbar:is(.sk-primary-bg) .sk-button.sk-round svg {
    fill: var(--color-on-primary)
}

.sk-appbar:is(.sk-secondary-bg) .sk-button.sk-round svg {
    fill: var(--color-on-secondary)
}

p {
    line-height: 3rem;
}

.services-offered .slick-track {
    display: flex;
    align-items: center;
}

.sk-panel .contact-form {
    border: none;
}

.review-section .review {
    padding-top: var(--gutter-small);
    width: 100%;
    margin-bottom: 0;
}

.services-offered .each-service {
    max-width: 35rem;
}

/* New Common CSS :: END */

.sk-template-1 .sk-appbar-row .sk-appbar-align-end .translate-widget {
    background: var(--color-white);
}

/* Template 2 CSS :: BEGIN */
:is(.sk-template-2) .sk-appbar {
    border-bottom: none;
}

:is(.sk-template-2) .sk-appbar-fixed+.sk-appbar .sk-menu li a {
    color: var(--color-body-color);
}


:is(.sk-template-2) .hero .slick-initialized .slick-slide {
    max-height: 65vh;
}

:is(.sk-template-2) .logo-container {
    width: 16rem;
    align-self: flex-start;
    padding: var(--gutter-small);
    border: 0.2rem solid var(--color-primary);
    height: 16rem;
    display: flex;
    max-width: 16rem;
    flex: 1 0 16rem;
}

:is(.sk-template-2) .location-info {
    border: .1rem solid var(--color-primary);
    border-top-width: 1rem;
    border-radius: var(--radius-base);
}

:is(.sk-template-2) .address-and-contact .sk-card {
    margin: 0;
}

:is(.sk-template-2) .address-and-contact .contact-form .form-fields {
    gap: var(--gutter-base);
}

:is(.sk-template-2) .address-container {
    padding-left: var(--gutter-large);
}

:is(.sk-template-3) .hero .sk-ratings {
    margin-bottom: 0;
}

:is(.sk-primary-bg) address,
:is(.sk-primary-bg) a {
    color: var(--color-on-primary);
}

.quick-actions,
.quick-actions svg {
    color: var(--color-on-primary);
    fill: currentColor;
}

.downloadable-file {
    flex: 0 0 40%;
    flex-wrap: nowrap;
}

.downloadable-file b {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Template 2 CSS :: END */
/*============================================ owl carousel Start ============================================*/
/* new owl-carousel start*/
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

/*.owl-carousel .owl-item img {
            display: block;
            width: 100%
        }*/

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 15px;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: var(--color-light);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--color-primary)
}

.owl-theme .owl-nav .disabled {
    opacity: 0;
}

.owl-carousel .owl-nav div {
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 70%;
    display: block;
    height: 50px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 30%;
    background-clip: padding-box;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
    width: 50px;
    cursor: pointer;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 50%;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1);
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1);
    will-change: background-color, box-shadow;
}

.owl-carousel .owl-nav div img {
    height: 42px;
    width: 42px;
}

.owl-carousel .owl-nav div:hover {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .19), 0 6px 3px 0 rgba(0, 0, 0, .23);
    background-color: rgba(255, 255, 255, .9);
    cursor: pointer;
    background-color: rgba(255, 255, 255, .9)
}

.owl-carousel .owl-nav div.owl-next,
.owl-carousel .owl-nav div.owl-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
}

.owl-carousel .owl-nav div.owl-next svg,
.owl-carousel .owl-nav div.owl-prev svg {
    fill: var(--color-white);
    width: 3.6rem;
    height: 3.6rem;
}

.owl-carousel .owl-nav div.owl-next:hover svg,
.owl-carousel .owl-nav div.owl-prev:hover svg {
    fill: var(--color-body-color);
}

.owl-carousel .owl-nav div.owl-next {
    right: 0;
    transform: translate(50%, -50%);
}

.owl-carousel .owl-nav div.owl-prev {
    left: 0;
    transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav div.owl-next.disabled,
.owl-carousel .owl-nav div.owl-prev.disabled {
    display: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-item>.sk-card {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.owl-item>.sk-card .sk-card-actions:not(:empty) {
    margin-top: auto;
}

.owl-item>ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/*============================================ owl carousel end ============================================*/







.sk-gallery-panel .sk-carousel .sk-carousel-inner {
    max-width: revert;
}

.sk-gallery-panel .owl-carousel .owl-item {
    height: calc(100vh - 12rem);
    overflow: hidden;
}

.sk-gallery-panel .sk-carousel img {
    object-fit: contain;
}

.owl-carousel .owl-dots .owl-dot svg {
    width: 1.5rem;
    height: 1.5rem;
}

.sk-gallery-panel .owl-carousel .owl-dots .owl-dot svg {
    fill: #dcdcdc;
}

.sk-gallery-panel .owl-carousel .owl-dots .owl-dot.active svg {
    fill: var(--color-white);
}

.sk-gallery-panel .owl-carousel .owl-nav div.owl-next,
.sk-gallery-panel .owl-carousel .owl-nav div.owl-prev {
    transform: none;
}


@media (max-width: 1200px) {
    .mobile-wrap {
        flex-wrap: wrap !important;
    }

    :is(.sk-template-2) .address-container {
        padding-left: 0;
    }

    .address-and-contact .contact-form {
        margin-top: var(--gutter-large);
    }
}


.services-offered p {
    line-height: initial;
}

.sk-appbar .book-appointments svg {
    fill: var(--color-primary);
}

:is(.sk-template-3) .sk-appbar {
    border: 0;
}

:is(.sk-primary-bg) .sk-divider {
    border-color: currentColor
}

:is(.sk-template-3) .location-map .sk-card,
:is(.sk-template-3) .location-map iframe {
    border-radius: 5rem;
    margin: 0;
}

:is(.sk-template-3) .videos .slick-slide img {
    height: 100%;
    object-fit: cover;
}

.services-offered .each-service::after {
    /*content: '';
    position: absolute;
    width: .1rem;
    height: 100%;
    top: 0;
    bottom: 0;*/
}

.each-video {
    width: 20rem;
    height: 30rem;
    border-radius: var(--radius-large);
    border: .1rem solid #dcdcdc;
    overflow: hidden;
}

.videos .slick-list {
    z-index: 0;
    width: 100%;
}

.videos .slick-initialized .slick-slide {
    padding: 0;
}

.videos .slick-arrow {
    position: absolute;
    top: 0;
    right: 0;
    margin: var(--gutter-base) 0;
    border: .1rem solid #888888;
    color: #888888;
    z-index: 1;
    transform: translateY(-100%)
}

.videos .arrow-prev {
    transform: translate(-150%, -100%)
}

.videos .arrow-next {
    /*transform: translateX(100%)*/
}

.sk-gap-2 .slick-track {
    gap: var(--gutter-base);
    display: flex;
}

:is(.sk-primary-bg) .sk-button.sk-round {
    background: none;
}

.google-posts {
    background: rgb(var(--color-primary-rgb) / 10%);
}

.google-posts .sk-card-media {
    overflow: hidden;
    margin: var(--gutter-base);
    border-radius: 3rem 3rem 0 0;
}

.google-posts .sk-card {
    border-radius: 3rem;
}

.google-posts .active:nth-child(2) .sk-card,
.google-posts .active:nth-child(2) .sk-card div {
    background: var(--color-primary);
    color: var(--color-on-primary)
}
:is(.sk-template-8) .google-posts .active:nth-child(2) .sk-card {
    border-radius: var(--radius-large);
}
    :is(.sk-template-8) .google-posts .active:nth-child(2) .sk-card,
    :is(.sk-template-8) .google-posts .active:nth-child(2) .sk-card div {
        background-color: #262626;
        border-radius: var(--radius-large);
    }





/*New CSS :: BEGIN */

:is(.sk-template-8) .header-quick-action .sk-flex-row .sk-flex {
    gap: 1rem;
    align-items: center;
}
:is(.sk-template-8) .header-quick-action .sk-flex-row .sk-flex a {
    color: var(--color-white);
    text-decoration: underline;
}

:is(.sk-template-8) .translate-widget {
    background: transparent;
    border: 0;
}
:is(.sk-template-8) .goog-te-gadget .goog-te-combo {
    background: transparent;
    color: #fff;
    width: 30rem;
    max-width: 13rem;
}
:is(.sk-template-8) .goog-te-gadget .goog-te-combo option {
    color: #000;
}

:is(.sk-template-8) .sk-primary-bg .sk-menu li.sk-active a {
    font-weight: bold !important;
}

:is(.sk-template-8)  .sk-menu nav ul li ul {
    display: none;
    background: var(--color-white);
    position: absolute;
    box-shadow: 0 0 18px rgb(0 0 0 / 15%);
    z-index: 3;
    border-radius: 0;
    min-width: 20rem;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

    .sk-menu nav ul li ul li a {
        color: var(--color-black);
    }

.sk-menu nav ul li .sk-flex a {
    gap: 0.5rem;
}

.sk-menu nav ul li:hover ul {
    display: block;
}

.sk-menu nav ul li ul li {
    align-items: center;
    justify-content: flex-start;
}
:is(.sk-template-8) .sk-menu nav ul li ul li:hover {
    background-color: #f3f3f3;
}
:is(.sk-template-8) .sk-menu nav ul li ul li a:hover {
    color: var(--color-link);
}
:is(.sk-template-8) .sk-menu nav ul li ul.right {
    box-shadow: rgba(0, 18, 46, 0.24) 0px 6px 32px 0px;
    left: auto;
    right: 2rem;
    top: 3.8rem;
}

    .sk-menu nav ul li ul.right li a {
        color: var(--color-black);
    }

.sk-menu nav ul li ul li a {
    display: block;
}

.sk-menu nav ul {
    overflow-y: inherit;
}
.sk-drawer-body .sk-menu.sk-vertical nav ul li .right {
    left: 0;
}
/*:is(.sk-template-3) .sk-menu nav ul li a,
:is(.sk-template-4) .sk-menu nav ul li a {
    color: var(--color-black) !important;
}*/
:is(.sk-template-14) .sk-menu nav ul li .right li a,
:is(.sk-template-15) .sk-menu nav ul li .right li a,
:is(.sk-template-17) .sk-menu nav ul li .right li a,
:is(.sk-template-18) .sk-menu nav ul li .right li a,
:is(.sk-template-19) .sk-menu nav ul li .right li a {
    color: var(--color-black) !important;
}
/*:is(.sk-template-14) .sk-menu nav ul li .sk-flex a span svg,
:is(.sk-template-17) .sk-menu nav ul li .sk-flex a span svg,
:is(.sk-template-18) .sk-menu nav ul li .sk-flex a span svg,
:is(.sk-template-19) .sk-menu nav ul li .sk-flex a span svg {
    fill: var(--color-white);
}
*/

/*#appointmentMenu span svg {
    fill: var(--color-white);
}*/
@media (max-width:768px) {
    .sk-menu nav ul li ul.right {
        left: 0;
        right: 0;
        border-radius: 0;
    }
}
/* Top header menu CSS :: END */

:is(.sk-template-8) .biz-info .sk-flex span {
    flex-shrink: 0;
}

/*New CSS :: BEGIN */

:is(.sk-template-8) .header-quick-action .sk-flex-row .sk-flex {
    gap: 1rem;
}
:is(.sk-template-8) .translate-widget {
    background: transparent;
    border: 0;
}
:is(.sk-template-8) .goog-te-gadget .goog-te-combo {
    background: transparent;
    color: #fff;
    width: 30rem;
    max-width: 13rem;
}
:is(.sk-template-8) .goog-te-gadget .goog-te-combo option {
    color: #000;
}
.footer-hyperlink {
    color: var(--color-link);
}
:is(.sk-template-8) .sk-primary-bg .sk-menu li.sk-active a {
    font-weight: bold !important;
}




    @media (max-width:768px) {
        :is(.sk-template-8) .header-quick-action .sk-flex-row .sk-flex {
            flex-wrap: wrap;
            justify-content: center;
            display: none !important;
        }

        :is(.sk-template-8) .header-quick-action .sk-flex-row {
            justify-content: center;
        }

            :is(.sk-template-8) .header-quick-action .sk-flex-row .sk-text-end {
                margin-left: 0;
            }

            :is(.sk-template-8) .header-quick-action .sk-flex-row .sk-flex .sk-button {
                height: 3.4rem;
            }

        .header-logo img {
            margin-left: var(--gutter-base);
        }

        
    }
    :is(.sk-template-8) .header-quick-action .sk-flex-row .sk-flex {
        display: none !important;
    }

    /*New CSS :: END */

    .google-posts .owl-carousel .owl-item {
        height: 100%;
    }

    .google-posts .sk-card-secondary {
        min-height: 88px;
    }

    .floating-icon {
        position: fixed;
        top: 80%;
        right: 3%;
        z-index: 999;
        cursor: pointer;
        box-shadow: var(--box-shadow-4);
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
    }

    .floating-icon.top-section {
        top: 90%;
    }

    .category-list {
        margin-bottom: var(--gutter-xlarge);
        column-count: 2;
    }

    .business-hours .category-list .sk-lead {
        padding-bottom: 0;
    }

    .category-type {
        color: var(--color-text-muted);
        flex: 0 0 15rem;
    }

    .category-item {
        padding-bottom: 5rem;
    }

    .category-item p {
        margin: 0;
    }


    @media (max-width:768px) {
        .category-list {
            column-count: 1;
        }
        .floating-icon {
            top: 82%;
            width: 5rem;
            height: 5rem;
        }
    }

@media (min-width: 1200px) and (max-width: 1400px) {
    .sk-container, .sk-container-fluid {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

    @media (max-width:400px) {
        .category-list .sk-flex-row.sk-no-wrap {
            flex-wrap: wrap !important;
        }
    }

    /* Template 4 CSS :: Begin */
    :is(.sk-template-4) .hero:not(.listings) h1 {
        font-weight: var(--font-weight-regular);
        margin-bottom: var(--gutter-base);
    }

    :is(.sk-template-4) :is(.sk-appbar .sk-menu li, .sk-appbar .sk-menu li a) {
        color: var(--color-body-color);
        text-transform: capitalize;
        font-weight: var(--font-weight-regular);
        font-size: 1.6rem;
    }

    :is(.sk-template-4) .hero:not(.listings) address,
    :is(.sk-template-4) .hero .sk-col-7 .book-appointments {
        padding-left: 3rem;
    }

    :is(.sk-template-4) .hero .sk-col-7 .padding-bottom {
        padding-bottom: 0.3rem;
        padding-top: 2.8rem;
    }

    :is(.sk-template-4) .hero .sk-col-7 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    :is(.sk-template-4) .sk-appbar .sk-menu li.sk-active a {
        font-weight: var(--font-weight-bold);
    }

    :is(.sk-template-4) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round {
        border: .1rem solid var(--color-border);
    }

        :is(.sk-template-4) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round svg {
            fill: var(--color-body-color);
        }

    :is(.sk-template-4) .sk-appbar .sk-menu li .sk-menu-indicator {
        display: none;
    }

    :is(.sk-template-4) .hero:not(.listings) .sk-ratings b {
        font-size: 2.6rem;
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-4) .hero .book-appointments .open-status {
        /*background: var(--color-white);*/
        padding: 0 .5rem;
        border-radius: var(--radius-pill);
        font-size: 1.6rem;
    }

    :is(.sk-template-4) .sk-text-field .sk-floating-label,
    :is(.sk-template-4) .sk-text-select .sk-floating-label {
        color: var(--color-text-muted);
    }

    :is(.sk-template-4) .sk-menu li:hover {
        background-color: transparent;
    }

    :is(.sk-template-4) .hero .sk-flex-row .sk-icons svg {
        fill: var(--color-white);
    }

    :is(.sk-template-4) .contact-form,
    :is(.sk-template-4) .contact-form .sk-button,
    :is(.sk-template-4) .top-button-spacing .sk-button {
        border-radius: 0;
    }

        :is(.sk-template-4) .contact-form .sk-button {
            height: 5.6rem;
            font-size: 1.6rem;
        }

    :is(.sk-template-4) .hero .top-button-spacing a {
        font-size: 1.8rem;
        cursor: pointer;
        color: rgb(var(--color-white-rgb) / 80%);
    }

        :is(.sk-template-4) .hero .top-button-spacing a:hover {
            color: var(--color-white);
        }

    :is(.sk-template-4) .top-button-spacing {
        gap: 3rem;
    }

    :is(.sk-template-4) .contact-form p {
        line-height: var(--line-height-base);
        color: var(--color-black);
        margin-bottom: 0;
    }

    :is(.sk-template-4) .hero .book-appointments {
        font-weight: var(--font-weight-regular);
        font-size: 1.8rem;
    }

    :is(.sk-template-4) .contact-form {
        padding: 3rem;
    }

        :is(.sk-template-4) .contact-form .form-fields {
            gap: 0;
        }

        :is(.sk-template-4) .contact-form .sk-helper-line {
            height: var(--gutter-base);
        }

    :is(.sk-template-4) a.sk-button.sk-xlarge {
        border-color: var(--color-white);
        color: var(--color-primary);
    }

    :is(.sk-template-4) .sk-text-field .sk-event-group,
    :is(.sk-template-4) .sk-text-select .sk-event-group {
        border-radius: 0;
        border-color: #E2E6F0;
        background-color: #FBFBFB;
    }

        :is(.sk-template-4) .sk-text-field .sk-event-group .sk-input {
            background-color: #FBFBFB;
        }

    :is(.sk-template-4) .sub-heading {
        color: var(--color-primary);
        background-color: #DCE4EA;
        padding: 0.5rem 2rem;
        display: inline-block;
        font-size: 1.4rem;
        text-transform: uppercase;
        font-weight: var(--font-weight-medium);
        margin-bottom: 1rem;
    }

    :is(.sk-template-4) .about-us,
    :is(.sk-template-4) .services-offered {
        /*background-color: var(--color-secondary);*/
        background-color: #E1EEFF;
    }

        :is(.sk-template-4) .services-offered ul {
            width: 100%;
            box-shadow: none;
            padding: 0;
        }

            :is(.sk-template-4) .services-offered ul li::after {
                display: none;
            }


    :is(.sk-template-4) .sk-carousel .sk-carousel-item {
        border: 0;
        padding: 0;
        margin: 0 1.5rem;
        height: auto;
    }

        :is(.sk-template-4) .sk-carousel .sk-carousel-item .sk-surface {
            padding: var(--gutter-base);
            text-align: left;
            border: 0.1rem solid #DDDDDD;
            border-radius: 0;
            margin-bottom: 0;
            height: 100%;
            display: flex;
            flex-flow: column nowrap;
        }

            :is(.sk-template-4) .sk-carousel .sk-carousel-item .sk-surface a {
                color: var(--color-primary);
                margin-top: auto;
            }

                :is(.sk-template-4) .sk-carousel .sk-carousel-item .sk-surface a:hover {
                    text-decoration: underline;
                }

            :is(.sk-template-4) .sk-carousel .sk-carousel-item .sk-surface p {
                font-weight: var(--font-weight-regular);
                line-height: 2.6rem;
                padding-top: 1rem;
                color: var(--color-black);
            }


            :is(.sk-template-4) .sk-carousel .sk-carousel-item .sk-surface > span {
                display: block;
                border-bottom: 0.1rem solid var(--color-border);
                font-size: 1.8rem;
            }


    :is(.sk-template-4) .services-offered .sk-carousel .slick-arrow {
        position: absolute;
        top: 45%;
        /*right: 1rem;*/
        z-index: 1;
        width: 3.5rem;
        height: 3.5rem;
        background-color: var(--color-white);
        padding: 0.8rem;
        border-radius: var(--radius-pill);
        border: .1rem solid #888888;
    }

    :is(.sk-template-4) .services-offered .sk-carousel .arrow-prev {
        left: -2.1rem;
    }

        :is(.sk-template-4) .services-offered .sk-carousel .arrow-prev:hover {
            background: #c7c7c7;
        }

    :is(.sk-template-4) .services-offered .sk-carousel .arrow-next {
        right: -1.3rem;
    }

        :is(.sk-template-4) .services-offered .sk-carousel .arrow-next:hover {
            background: #c7c7c7;
        }

    :is(.sk-template-4) .services-offered .sk-carousel .slick-arrow svg {
        width: auto;
        height: auto;
    }

    :is(.sk-template-4) .sk-carousel .slick-nav-right,
    :is(.sk-template-4) .gallery-section .arrow-next {
        transform: translateX(0%);
    }

    /*:is(.sk-template-4) .sk-carousel .slick-nav-left,
:is(.sk-template-4) .sk-carousel .arrow-prev {
    transform: translateX(-140%);
}*/

    :is(.sk-template-4) section:not(.hero) .sk-container > h2::after,
    :is(.sk-template-4) .business-hours h2::after {
        display: none;
    }

    :is(.sk-template-4) section:is(.services-offered) .sk-container h2 {
        margin-bottom: 2rem;
    }

    :is(.sk-template-4) .services-offered .slick-track {
        padding: 0;
        align-items: flex-start;
    }

    :is(.sk-template-4) .gallery-section .slick-slide {
        padding: var(--gutter-base);
        background-color: var(--color-secondary);
        margin: 0 1rem;
        height: 30rem;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    }

        :is(.sk-template-4) .gallery-section .slick-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top left;
        }


    :is(.sk-template-4) .gallery-section .slick-track {
        padding: 0;
    }

    :is(.sk-template-4) .gallery-section .slick-arrow,
    :is(.sk-template-4) .review-section .slick-arrow {
        position: absolute;
        top: 45%;
        right: 1rem;
        z-index: 1;
        background-color: var(--color-secondary);
        border: .1rem solid #888888;
    }

    :is(.sk-template-4) .gallery-section .sk-carousel .arrow-prev,
    :is(.sk-template-4) .review-section .sk-carousel .arrow-prev {
        left: -0.8rem;
    }

        :is(.sk-template-4) .gallery-section .sk-carousel .arrow-prev:hover,
        :is(.sk-template-4) .review-section .sk-carousel .arrow-prev:hover {
            background: #c7c7c7;
        }

    :is(.sk-template-4) .gallery-section .sk-carousel .arrow-next,
    :is(.sk-template-4) .review-section .sk-carousel .arrow-next {
        right: -0.8rem;
    }

        :is(.sk-template-4) .gallery-section .sk-carousel .arrow-next:hover,
        :is(.sk-template-4) .review-section .sk-carousel .arrow-next:hover {
            background: #c7c7c7;
        }


    /*:is(.sk-template-4) .review-section .slick-arrow {
    top: -6rem;
}*/

    :is(.sk-template-4) .review-section .slick-track {
        padding: 0;
        display: flex;
    }

    :is(.sk-template-4) .review-section .sk-carousel-item {
        max-width: 100%;
        height: auto;
        display: flex;
        flex-flow: column nowrap;
    }

        :is(.sk-template-4) .review-section .sk-carousel-item .sk-surface {
            width: 100%;
            height: 100%;
            display: flex;
            flex-flow: column nowrap;
        }

            :is(.sk-template-4) .review-section .sk-carousel-item .sk-surface .rating {
                display: flex;
                gap: 1rem;
                justify-content: space-between;
                flex-wrap: wrap;
            }

    /*:is(.sk-template-4) .review-section .sk-carousel-item:nth-child(4n+1) .sk-surface {
        background-color: #EFF0F6;
    }

    :is(.sk-template-4) .review-section .sk-carousel-item:nth-child(4n+2) .sk-surface {
        background-color: #F5FFF6;
    }

    :is(.sk-template-4) .review-section .sk-carousel-item:nth-child(4n+3) .sk-surface {
        background-color: #FFF5E4;
    }

    :is(.sk-template-4) .review-section .sk-carousel-item:nth-child(4n+4) .sk-surface {
        background-color: #FFF1F2;
    }*/

    :is(.sk-template-4) .review-section .sk-carousel-inner {
        padding-top: 1rem;
    }

    :is(.sk-template-4) .review-section .sk-carousel-inner,
    :is(.sk-template-4) .services-offered .sk-carousel-inner {
        overflow: initial;
    }

    :is(.sk-template-4) .gallery-section .sk-container > h2,
    :is(.sk-template-4) .videos .sk-container > h2 {
        margin-bottom: 2rem;
    }

    section:is(.review-section, .faq-section, ) .sk-container h2 {
        margin-bottom: 0;
    }

    :is(.sk-template-4) .review-section .sk-surface p {
        margin-bottom: 0;
    }

    :is(.sk-template-4) .business-hours {
        /*background-color: var(--color-secondary);
    background-color: #E1EEFF;*/
    }

    :is(.sk-template-4) .videos .slick-track {
        padding: 0;
    }



    :is(.sk-template-4) .videos .slick-arrow {
        position: absolute;
        top: 45%;
        /*right: 1rem;*/
        z-index: 1;
        background-color: var(--color-secondary);
        border: .1rem solid #888888;
        margin: 0;
        transform: translate(0);
        border-radius: 50%;
        height: 3.8rem;
        width: 3.8rem;
        padding: 0;
        min-width: inherit;
    }

    :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-left {
        left: -1.3rem;
    }

        :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-left:hover {
            background: #c7c7c7;
        }

    :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-right {
        right: -1.3rem;
    }

        :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-right:hover {
            background: #c7c7c7;
        }

        :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-left svg,
        :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-right svg {
            width: 2rem;
            height: 2rem;
            margin: 0.8rem auto;
            fill: var(--color-black);
        }


    :is(.sk-template-4) .videos {
        background-color: var(--color-secondary);
    }

    :is(.sk-template-4) .google-posts {
        /*background-color: #f5f5f5;*/
        background-color: #E1EEFF;
    }

        :is(.sk-template-4) .google-posts .sk-card .sk-card-actions .sk-button {
            border-radius: 0;
        }


        :is(.sk-template-4) .google-posts .sk-card,
        :is(.sk-template-4) .google-posts .sk-card-media {
            border-radius: 0;
        }

        :is(.sk-template-4) .google-posts .sk-card-media {
            height: 100%;
        }

            :is(.sk-template-4) .google-posts .sk-card-media .news-image {
                width: 100%;
                height: 100%;
            }

        :is(.sk-template-4) .google-posts .news-image img {
            object-position: top;
            border-radius: 0;
        }

        :is(.sk-template-4) .google-posts .sk-card-secondary {
            min-height: auto;
        }

        :is(.sk-template-4) .google-posts .owl-carousel .owl-nav .owl-prev,
        :is(.sk-template-4) .google-posts .owl-carousel .owl-nav .owl-next {
            /*position: static;
        transform: translate(0);*/
            width: 3.8rem;
            height: 3.8rem;
            background-color: var(--color-secondary);
            border: .1rem solid #888888;
        }

            :is(.sk-template-4) .google-posts .owl-carousel .owl-nav .owl-prev:hover,
            :is(.sk-template-4) .google-posts .owl-carousel .owl-nav .owl-next:hover {
                background: #c7c7c7;
            }

        :is(.sk-template-4) .google-posts .owl-carousel .owl-nav svg {
            fill: var(--color-body-color);
            width: auto;
            height: auto;
        }

        :is(.sk-template-4) .google-posts .owl-carousel .owl-nav {
            display: flex;
            gap: 2rem;
            /*position: absolute;
         top: -5.5rem;
         right: 2rem;*/
        }

            :is(.sk-template-4) .google-posts .owl-carousel .owl-nav div:hover {
                box-shadow: none;
            }



    :is(.sk-template-4) .faq-section {
        background-color: var(--color-secondary);
    }

        :is(.sk-template-4) .faq-section .sk-expansion-inner.sk-active {
            background-color: var(--color-white);
        }

        :is(.sk-template-4) .faq-section .sk-expansion-inner {
            margin-bottom: var(--gutter-base);
            border: 0;
        }

        :is(.sk-template-4) .faq-section .sk-expansion-panels .sk-expansion-header {
            padding: var(--gutter-base);
            background-color: var(--color-white);
        }

    :is(.sk-template-4) .business-hours .sk-surface ul {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

        :is(.sk-template-4) .business-hours .sk-surface ul:not(.bulleted-list) li {
            flex: 1 0 48%;
        }

    :is(.sk-template-4) .business-hours .sk-surface {
        background-color: transparent;
        padding: 0;
    }

    :is(.sk-template-4) .business-hours ul.bulleted-list li::before {
        display: none;
    }

    :is(.sk-template-4) .business-hours ul.bulleted-list {
        gap: 1rem;
    }

        :is(.sk-template-4) .business-hours ul.bulleted-list li {
            background-color: rgba(0, 0, 0, 0.2);
            padding: 0.5rem 1.2rem;
            border-radius: var(--radius-pill);
            cursor: pointer;
        }

            :is(.sk-template-4) .business-hours ul.bulleted-list li.sk-active {
                background-color: var(--color-primary);
                color: var(--color-white);
            }

    :is(.sk-template-4) .business-hours .sk-surface .sk-success svg {
        fill: var(--color-success);
    }

    :is(.sk-template-4) .footer {
        /*background-color: var(--color-black);
    color: var(--color-white);*/
        background-color: #F1F3F7;
        color: var(--color-black);
    }

        :is(.sk-template-4) .footer a {
            color: var(--color-white);
        }

        :is(.sk-template-4) .footer .social a {
            background: var(--color-white);
            border-radius: var(--radius-round);
            border: .1rem solid var(--color-body-color);
            padding: var(--gutter-small);
        }

            :is(.sk-template-4) .footer .social a:hover {
                background: #c7c7c7;
            }

        :is(.sk-template-4) .footer .promanage-footer {
            color: #333;
        }

            :is(.sk-template-4) .footer .promanage-footer a {
                color: var(--color-black);
            }

                :is(.sk-template-4) .footer .promanage-footer a:hover {
                    text-decoration: underline;
                }

        :is(.sk-template-4) .footer .sk-container {
            padding: 0;
            border-bottom: 0;
        }


    :is(.sk-template-4) .downloadable-file {
        flex: 0 0 48%;
        cursor: pointer;
    }

    :is(.sk-template-4) .sk-button:not(.sk-round) .sk-icons {
        margin-left: 0.8rem;
    }

    :is(.sk-template-4) section:is(.review-section, .videos, .google-posts, .faq-section, .services-offered, ) .sk-container {
        border-bottom: 0;
    }

    :is(.sk-template-4) .review-section .sk-container {
        z-index: 1;
        position: relative;
    }

    :is(.sk-template-4) .business-hours .sk-col-fluid:not(:last-child) {
        border-right: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-4) section .sk-container h2 {
        max-width: 100%;
        margin-bottom: 2rem;
    }

    :is(.sk-template-4) .review-section .sk-container h2 {
        margin-bottom: 0;
    }

    :is(.sk-template-4) .review-section .sk-container h2,
    :is(.sk-template-4) .review-section .sk-container p {
        color: var(--color-white);
    }

    .sk-template-4 .videos .each-video {
        position: relative;
        background-color: var(--color-white);
        padding: var(--gutter-base);
        border-radius: 0;
        border: 0;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    }

    .sk-template-4 .each-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .sk-template-4 .each-video::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-color: var(--color-white);
        border-radius: 50%;
    }

    .sk-template-4 .each-video::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 18px;
        border-color: transparent transparent transparent rgb(0 0 0 / 80%);
        z-index: 1;
    }

    .sk-template-4 .business-hours {
        background-image: none;
    }

    :is(.sk-template-4) .sk-drawer .sk-menu li a {
        text-transform: capitalize;
    }

    :is(.sk-template-4) .sk-drawer .sk-menu li {
        border-bottom: 0.1rem solid #f5f5f5;
    }

    :is(.sk-template-4) {
        font-family: "Inter", sans-serif;
    }

        :is(.sk-template-4) .sk-appbar .sk-overflow-menu {
            display: none;
        }

    .sk-font-medium {
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-4) .hero .sk-font-medium {
        font-size: 1.8rem;
    }

    :is(.sk-template-4) .sk-appbar .sk-button {
        border-radius: 0.5rem;
    }

    :is(.sk-template-4) .sk-appbar .sk-appbar-align-end {
        gap: var(--gutter-small);
    }

    :is(.sk-template-4) .location .social-icons .sk-h6 {
        padding-bottom: 1rem;
    }

    :is(.sk-template-4) .location .book-appointments {
        flex-flow: column;
        align-items: start;
        gap: 0;
        margin-top: 2rem;
    }

        :is(.sk-template-4) .location .book-appointments .sk-flex-row {
            font-size: 2rem;
            font-weight: 400;
            padding-bottom: 0.5rem;
        }

    :is(.sk-template-4) .location .sk-surface {
        background-color: var(--color-primary);
        padding: var(--gutter-large);
        color: var(--color-white);
        margin-bottom: 0;
    }

        :is(.sk-template-4) .location .sk-surface address {
            color: var(--color-white);
        }

        :is(.sk-template-4) .location .sk-surface .sk-flex-row {
            padding-bottom: var(--gutter-base);
        }

            :is(.sk-template-4) .location .sk-surface .sk-flex-row a {
                color: var(--color-white);
            }

            :is(.sk-template-4) .location .sk-surface .sk-flex-row svg {
                fill: var(--color-body-color);
            }

    :is(.sk-template-4) .location .social-icons .sk-flex svg {
        fill: var(--color-white);
    }

    :is(.sk-template-4) .location .sk-surface .social-icons {
        padding-top: 1rem;
    }

    :is(.sk-template-4) .sk-body-text-2 {
        font-size: 1.4rem;
        letter-spacing: .018rem;
        line-height: 2rem;
    }

    :is(.sk-template-4) .business-hours .payment-group,
    :is(.sk-template-4) .business-hours .document-group {
        padding-left: var(--gutter-base);
    }

    :is(.sk-template-4) .business-hours .sk-container {
        border-bottom: 0;
    }

    :is(.sk-template-4) .google-posts .product-detail .sk-panel-body {
        padding: 0;
    }

    :is(.sk-template-4) .sk-drawer .sk-drawer-body {
        padding: 0;
    }

    .sk-template-4 .sk-drawer .sk-drawer-inner .sk-drawer-body .sk-menu li:hover {
        background: rgb(var(--color-primary-rgb) / 20%);
    }

    :is(.sk-template-4) .faq-section .sk-container h2 {
        margin-bottom: 0;
    }

    :is(.sk-template-4) .review-section {
        /*background: var(--color-primary);*/
        position: relative;
    }

        :is(.sk-template-4) .review-section:before {
            content: '';
            position: absolute;
            height: 70%;
            background: var(--color-primary);
            top: 0;
            width: 100%;
        }

    .service-detail .sk-panel-body .sk-lead {
        font-size: 1.6rem;
    }



    :is(.sk-template-4) .our-doctors .sk-container h2 {
        margin-bottom: 0;
    }

    :is(.sk-template-4) .about-us .sk-container,
    :is(.sk-template-4) .our-doctors .sk-container {
        border-bottom: 0;
    }

        :is(.sk-template-4) .our-doctors .sk-container .doctors-list .bio .designation {
            color: var(--color-text-muted);
            padding-bottom: 0.8rem;
        }

        :is(.sk-template-4) .our-doctors .sk-container .doctors-list .sk-avatar img {
            height: 100%;
            object-fit: cover;
            object-position: top;
            width: 100%;
            border: .1rem solid var(--color-border);
            border-radius: inherit;
        }

        :is(.sk-template-4) .our-doctors .sk-container .doctors-list .bio .experience {
            font-weight: var(--font-weight-medium);
        }

        :is(.sk-template-4) .our-doctors .sk-container .doctors-list a:hover {
            text-decoration: underline;
        }

        :is(.sk-template-4) .our-doctors .sk-container .doctors-list .experience {
            font-weight: var(--font-weight-medium);
        }

        :is(.sk-template-4) .our-doctors .sk-container .doctors-list .sk-flex {
            margin-bottom: 1.5rem;
        }

        :is(.sk-template-4) .our-doctors .sk-container .doctors-list .sk-card {
            margin-bottom: 0;
        }

    :is(.sk-template-4) .sk-panel .sk-panel-inner {
        border-radius: 24px;
    }

        :is(.sk-template-4) .sk-panel .sk-panel-inner .sk-panel-body .notification-text {
            background: #f1f3f7;
        }

    :is(.sk-template-4) .sk-panel .sk-panel-body .date-slots .slick-initiate-date-picker .slick-track {
        margin: 0;
    }

    :is(.sk-template-4) .hero .contact-form {
        /*display: none;*/
    }

    :is(.sk-template-4) .sk-panel .sk-panel-inner .date-slots .arrow-next.slick-arrow {
        right: 0;
    }

    :is(.sk-template-4) .sk-panel .sk-panel-inner .date-slots .arrow-prev.slick-arrow {
        left: 0;
    }

    :is(.sk-template-4) .sk-panel .sk-panel-inner .date-slots .slick-arrow {
        bottom: -4.5rem;
        position: absolute;
    }

    :is(.sk-template-4) section .sk-container iframe {
        border-radius: var(--radius-base);
    }

    :is(.sk-template-4) .otp-slide .sk-otp .otp-input {
        margin: 0;
    }

    :is(.sk-template-4) .otp-group .sk-error-text,
    :is(.sk-template-4) .otp-group .caption {
        text-align: left;
    }

    :is(.sk-template-4) .sk-otp .otp-block {
        padding: 0;
        margin: 0 0 1rem;
    }

    :is(.sk-template-4) .booking-details .title {
        flex: 0 0 48%;
        text-align: left;
        color: var(--color-body-color);
    }

    :is(.sk-template-4) .booking-details > .sk-flex-row {
        margin-bottom: var(--gutter-small);
    }

    :is(.sk-template-4) image-modal .close-modal {
        position: absolute;
        right: 1rem;
        top: 1rem;
        border: 0.1rem solid var(--color-form-elements-border);
    }

    :is(.sk-template-4) .hero .banner-img {
        border-radius: 3rem;
    }

    :is(.sk-template-4) .doctors-list .doctor .about-doctor {
        color: var(--color-white);
    }

    .sk-template-4.doctors-list .doctor .about-doctor {
        color: var(--color-white);
    }

    @media (max-width: 1400px) {
        :is(.sk-template-4) {
        }

            :is(.sk-template-4) .videos .arrow-next {
                right: 0;
            }

            :is(.sk-template-4) .videos .arrow-prev {
                left: 0;
            }

            :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-right {
                right: 0.3rem;
            }

            :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-left {
                left: 0.7rem;
            }

            :is(.sk-template-4) .google-posts .owl-carousel .owl-nav .owl-next {
                right: 2rem;
            }

            :is(.sk-template-4) .google-posts .owl-carousel .owl-nav .owl-prev {
                left: 2rem;
            }

            :is(.sk-template-4) .footer .social-row {
                margin-right: 0;
                margin-left: 0;
            }
    }

    @media (max-width: 1300px) {
        :is(.sk-template-4) .services-offered .sk-carousel .arrow-next {
            right: 0;
        }

        :is(.sk-template-4) .services-offered .sk-carousel .arrow-prev {
            left: 0;
        }

        :is(.sk-template-4) .gallery-section .sk-carousel .arrow-prev,
        :is(.sk-template-4) .review-section .sk-carousel .arrow-prev {
            left: 0;
        }

        :is(.sk-template-4) .gallery-section .sk-carousel .arrow-next,
        :is(.sk-template-4) .review-section .sk-carousel .arrow-next {
            right: 0;
        }
    }

    @media (max-width: 1200px) {
        :is(.sk-template-4) .sk-appbar .sk-container {
            padding: 0;
        }
    }

    @media (max-width: 1024px) {
        :is(.sk-template-4) .sk-appbar-logo img {
            max-width: 22rem;
        }
    }

    @media (max-width:768px) {
        :is(.sk-template-4) .sk-appbar .sk-container {
            padding: 0 1.2rem;
        }

        :is(.sk-template-4) .business-hours .payment-group,
        :is(.sk-template-4) .business-hours .document-group {
            padding-left: 0;
        }

        :is(.sk-template-4) .contact-form {
            margin-top: var(--gutter-large);
        }

        :is(.sk-template-4) section .sk-container h2 {
            font-size: 2rem;
            margin-bottom: 2rem;
        }

        :is(.sk-template-4) .business-hours .sk-col-fluid:not(:last-child) {
            border-right: 0;
            border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
            margin-bottom: 2rem;
        }

        .sk-template-4 .sk-appbar {
            z-index: 12;
        }

        :is(.sk-template-4) .sk-appbar.sk-appbar-fixed {
            height: 6.4rem;
        }

        :is(.sk-template-4) .services-offered .slick-track {
            padding: 0;
        }

        :is(.sk-template-4) .services-offered .sk-carousel .arrow-prev {
            left: 0;
        }

        :is(.sk-template-4) .services-offered .sk-carousel .arrow-next {
            right: 0;
        }

        :is(.sk-template-4) .gallery-section .sk-carousel .arrow-prev,
        :is(.sk-template-4) .review-section .sk-carousel .arrow-prev {
            left: 0;
        }

        :is(.sk-template-4) .gallery-section .sk-carousel .arrow-next,
        :is(.sk-template-4) .review-section .sk-carousel .arrow-next {
            right: 0;
        }

        :is(.sk-template-4) .videos .arrow-next {
            right: 0;
        }

        :is(.sk-template-4) .videos .arrow-prev {
            left: 0;
        }


        :is(.sk-template-4) .owl-carousel .owl-nav div.owl-next {
            transform: translate(0, -50%);
            right: 0rem !important;
        }

        :is(.sk-template-4) .location .sk-surface {
            margin-bottom: 4rem;
        }

        :is(.sk-template-4) .location iframe {
            height: 40rem;
        }

        :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-right {
            right: 1rem;
        }

        :is(.sk-template-4) .videos .slick-initiate-videos .slick-nav-left {
            left: 1rem;
        }

        :is(.sk-template-4) .footer .social-row {
            margin-right: 0;
            margin-left: 0;
        }

        :is(.sk-template-4) .hero .sk-font-medium {
            font-size: 1.4rem;
        }

        :is(.sk-template-4) .hero .sk-col-7 .padding-bottom {
            padding-top: 1.8rem;
        }

        :is(.sk-template-4) .hero .sk-row .sk-col-5 .contact-form h2 {
            margin-bottom: 0rem;
        }

        :is(.sk-template-4) section .sk-container {
            padding: var(--gutter-large);
        }

        :is(.sk-template-4) .sk-panel .sk-panel-inner {
            border-radius: 0;
        }

        .sk-template-4 .sk-appbar .sk-appbar-row .sk-appbar-section .sk-flex-row {
            align-items: flex-start;
            flex-wrap: nowrap;
        }
    }

    @media (max-width:500px) {
        :is(.sk-template-4) .top-button-spacing button {
            flex-grow: 1;
        }

        :is(.sk-template-4) .top-button-spacing {
            flex-wrap: wrap;
        }
    }


    /* Template 4 CSS :: End */
    /* Template 5 CSS :: Begin */
    :is(.sk-template-5) .sk-button.sk-no-radius {
        border-radius: 0;
    }

    :is(.sk-template-5) .sk-appbar {
        border: 0;
    }

        :is(.sk-template-5) .sk-appbar.sk-appbar-fixed:is(.sk-large) {
            height: 8rem;
            filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 10%));
        }

        :is(.sk-template-5) .sk-appbar + .sk-appbar {
            background-color: var(--color-primary);
            color: var(--color-white);
            transition: all 0.2s;
        }

            :is(.sk-template-5) .sk-appbar + .sk-appbar.sk-sticky {
                top: 8rem;
                z-index: 4;
            }

    :is(.sk-template-5) .sk-button:is(.sk-primary) {
        color: var(--color-white);
        font-size: 1.4rem;
        font-weight: 400;
    }

    :is(.sk-template-5) .sk-button:is(.sk-primary.sk-large) {
        font-size: 1.6rem;
        padding: 0 3rem;
    }

    :is(.sk-template-5) .sk-appbar .sk-lead {
        padding-left: 1rem;
    }

    :is(.sk-template-5) .sk-container {
        max-width: 120rem;
        border-bottom: 0;
        z-index: 2;
    }

    :is(.sk-template-5) section:not(.hero, .about-us, .address-and-contact) .sk-container > h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 3.5rem;
        /* color: var(--color-primary);
    font-weight: var(--font-weight-bold); */
        font-size: 3.2rem;
        padding-bottom: 0;
    }

    :is(.sk-template-5) section:is(.business-hours) .sk-container h2 {
        margin-bottom: 3.5rem;
        padding-bottom: 0;
        font-size: 3.2rem;
    }

    :is(.sk-template-5) section:not(.hero, .about-us, .address-and-contact) .sk-container > h2::after,
    :is(.sk-template-5) section .sk-container h2::after {
        display: none;
    }

    :is(.sk-template-5) .sk-appbar .sk-container {
        padding: 0 var(--gutter-base);
    }

    :is(.sk-template-5) .sk-appbar-fixed + .sk-appbar .sk-appbar-align-end .sk-button.sk-round svg {
        fill: var(--color-white);
    }

    :is(.sk-template-5) .sk-appbar-fixed + .sk-appbar .sk-appbar-align-end .sk-button.sk-round {
        border: 0.1rem solid var(--color-white);
        border-radius: var(--radius-base);
    }

    :is(.sk-template-5) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round {
        border: 0.1rem solid var(--color-primary);
        border-radius: var(--radius-base);
    }

        :is(.sk-template-5) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round svg {
            fill: var(--color-primary);
        }

    :is(.sk-template-5) .sk-appbar-fixed .book-appointments {
        font-size: 1.8rem;
    }

    :is(.sk-template-5) .sk-appbar-fixed .sk-primary.sk-large,
    :is(.sk-template-5) .address-and-contact .sk-primary.sk-large,
    :is(.sk-template-5) .about-us .sk-primary.sk-large {
        border-radius: 0;
    }

    :is(.sk-template-5) .sk-appbar-fixed + .sk-appbar .sk-menu li a {
        text-transform: capitalize;
        font-size: 1.6rem;
        font-weight: 400;
    }

    :is(.sk-template-5) .sk-appbar-fixed + .sk-appbar .sk-menu li.sk-active a {
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-5) section {
        scroll-margin-top: 14rem;
    }

    @media (max-width: 1200px) {
        :is(.sk-template-5) .sk-appbar-logo img {
            height: 6.5rem;
        }
    }

    /* hero css :: Begin */
    :is(.sk-template-5) .hero {
        position: relative;
        background-color: var(--color-secondary);
    }

        :is(.sk-template-5) .hero .sk-h2 {
            padding-bottom: 0.5rem;
        }

        :is(.sk-template-5) .hero .reg-no {
            padding-bottom: 0.5rem;
        }

        :is(.sk-template-5) .hero p {
            font-size: 1.8rem;
        }

        :is(.sk-template-5) .hero .reg-no,
        :is(.sk-template-5) .hero .experience {
            font-size: 2rem;
        }

        :is(.sk-template-5) .hero .doctor-img img {
            margin-left: auto;
        }

        :is(.sk-template-5) .hero .sk-button.sk-large {
            padding-right: 1.6rem;
            border-radius: 0;
        }

        :is(.sk-template-5) .hero .sk-button .sk-icons {
            height: 4.8rem;
            display: flex;
            align-items: center;
            border-left: 0.1rem solid rgb(255, 255, 255, 0.3);
            padding-left: 1.6rem;
            margin-left: 3rem;
        }

    :is(.sk-template-5) .whatsapp-btn {
        position: fixed;
        bottom: 6rem;
        right: 8rem;
        background: #10b418;
        border-radius: 50%;
        padding: 1rem;
        cursor: pointer;
        z-index: 4;
    }

        :is(.sk-template-5) .whatsapp-btn img {
            max-width: 4rem;
            height: 4rem;
            object-fit: cover;
            z-index: 2;
            position: relative;
        }

        :is(.sk-template-5) .whatsapp-btn:before {
            position: absolute;
            content: " ";
            z-index: 0;
            bottom: -0.9rem;
            left: -1rem;
            background-color: #10b418;
            width: 80px;
            height: 80px;
            border-radius: 100%;
            animation-fill-mode: both;
            -webkit-animation-fill-mode: both;
            opacity: 0.6;
            -webkit-animation: pulse 1s ease-out;
            animation: pulse 1.8s ease-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(0);
            opacity: 0;
        }

        25% {
            -webkit-transform: scale(0.3);
            opacity: 1;
        }

        50% {
            -webkit-transform: scale(0.6);
            opacity: .6;
        }

        75% {
            -webkit-transform: scale(0.9);
            opacity: .3;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes pulse {
        0% {
            transform: scale(0);
            opacity: 0;
        }

        25% {
            transform: scale(0.3);
            opacity: 1;
        }

        50% {
            transform: scale(0.6);
            opacity: .6;
        }

        75% {
            transform: scale(0.9);
            opacity: .3;
        }

        100% {
            transform: scale(1);
            opacity: 0;
        }
    }

    @media(max-width:768px) {
        :is(.sk-template-5) .whatsapp-btn {
            right: 2rem;
            padding: 0.8rem;
        }

            :is(.sk-template-5) .whatsapp-btn img {
                max-width: 3rem;
                height: 3rem;
            }

            :is(.sk-template-5) .whatsapp-btn:before {
                position: absolute;
                bottom: -0.8rem;
                left: -1rem;
                width: 6.5rem;
                height: 6.5rem;
            }

        :is(.sk-template-5) .hero .doctor-img {
            margin-top: 4rem;
        }

            :is(.sk-template-5) .hero .doctor-img img {
                margin-right: auto;
            }

        :is(.sk-template-5) .hero .sk-col-6 {
            text-align: center;
        }

        :is(.sk-template-5) .hero .sk-flex-row {
            justify-content: center;
        }
    }

    /* hero css :: End */
    /* address and contact css*/
    :is(.sk-template-5) .address-and-contact .sk-ratings {
        margin-bottom: 0;
    }

    :is(.sk-template-5) .address-and-contact .book-appointments {
        margin: 2rem 0;
    }

        :is(.sk-template-5) .address-and-contact .book-appointments .sk-icons:not(.dropdown-icon) {
            border: 0.1rem solid var(--color-primary);
            border-radius: var(--radius-round);
            padding: 1rem;
            color: var(--color-primary);
        }

    :is(.sk-template-5) .address-and-contact .contact-card {
        width: 100%;
    }

    :is(.sk-template-5) .address-and-contact .book-appointments {
        margin-top: 1rem;
        flex-wrap: wrap;
        font-size: 2.2rem;
    }

        :is(.sk-template-5) .address-and-contact .book-appointments .sk-flex-row small {
            position: absolute;
            top: 0px;
            left: 5.8rem;
        }

        :is(.sk-template-5) .address-and-contact .book-appointments .sk-flex-row {
            align-items: flex-end;
            position: relative;
        }


    /* contact form css :: start */
    :is(.sk-template-5) .hero .contact-form {
        max-width: 45rem;
        border: 0;
        border-radius: 0;
        padding: var(--gutter-large) 3.5rem;
    }

    :is(.sk-template-5) .contact-form h2 {
        color: var(--color-primary);
        padding-bottom: 2rem;
    }

    :is(.sk-template-5) .contact-form .sk-text-field .sk-helper-line {
        height: 1.6rem;
    }

    :is(.sk-template-5) .contact-form .sk-text-field.sk-leading-icon svg {
        fill: var(--color-primary);
    }

    /* about us css :: begin */

    :is(.sk-template-5) .about-us {
        background-color: var(--color-secondary);
        position: relative;
        overflow: hidden;
    }

        :is(.sk-template-5) .about-us .sk-container {
            z-index: 2;
            position: relative;
        }


        :is(.sk-template-5) .about-us:before,
        :is(.sk-template-5) .about-us:after {
            content: '';
            /*background-image: url('/staticfiles/sites/templates/images/healthcare/doctor-about-us.png');*/
            background-repeat: no-repeat;
            position: absolute;
            width: 40rem;
            height: 40rem;
            background-size: 80%;
        }

        :is(.sk-template-5) .about-us:before {
            background-position: top right;
            right: 0;
        }

        :is(.sk-template-5) .about-us:after {
            background-position: bottom left;
            left: -80px;
            bottom: -78px;
            transform: rotate(182deg);
        }

        :is(.sk-template-5) .about-us .sk-surface {
            max-width: 60rem;
            margin-left: 5rem;
            padding: 4.8rem;
            margin-bottom: 0;
            background-color: transparent;
        }

            :is(.sk-template-5) .about-us .sk-surface h3 {
                max-width: 44rem;
            }

    :is(.sk-template-5) section:not(.about-us) .sub-heading {
        position: relative;
        color: var(--color-primary);
        display: flex;
        align-items: center;
        width: max-content;
        font-weight: var(--font-weight-medium);
        margin: auto;
        padding-left: 2rem;
        padding-bottom: 1rem;
    }

    @media (max-width:1024px) {
        :is(.sk-template-5) .about-us:after {
            display: none;
        }
    }


    @media (max-width:768px) {
        :is(.sk-template-5) .about-us .sk-surface {
            padding: 2rem;
            text-align: center;
            margin: auto;
        }

        :is(.sk-template-5) .about-us .sub-heading {
            margin: auto;
            margin-bottom: 1rem;
        }

        :is(.sk-template-5) .about-us:before,
        :is(.sk-template-5) .about-us:after {
            display: none;
        }
    }

    /* about us css :: end */

    /* services css :: begin */

    :is(.sk-template-5) .services {
        margin-top: 0;
    }

        :is(.sk-template-5) .services .sk-card {
            max-width: 35rem;
            background-color: #FAFAFA;
            border-radius: 1rem;
            box-shadow: none;
            margin-bottom: 0;
        }

    :is(.sk-template-5) .services-offered .sk-carousel .sk-carousel-item {
        max-width: 40rem;
        border-radius: 0;
        width: 100%;
        padding: 0;
    }

    :is(.sk-template-5) .services-offered .sk-carousel .slick-track {
        padding: 0;
        align-items: initial;
    }

    :is(.sk-template-5) .services-offered .sk-carousel-inner {
        overflow: unset;
        max-width: 100%;
        padding: 0;
    }

    :is(.sk-template-5) .services-offered .slick-slide {
        height: auto;
    }

        :is(.sk-template-5) .services-offered .slick-slide > div {
            height: 100%;
            width: 100%;
        }

    :is(.sk-template-5) .services-offered .sk-surface {
        border-radius: 0;
        padding: 3rem;
        margin-bottom: 0;
        height: 100%;
        width: 100%;
    }

        :is(.sk-template-5) .services-offered .sk-surface p {
            color: var(--color-text-muted);
            font-weight: 400;
            padding-top: 1rem;
        }

        :is(.sk-template-5) .services-offered .sk-surface h5 {
            font-weight: 600;
            color: var(--color-dark);
        }


        :is(.sk-template-5) .services-offered .sk-surface:hover p,
        :is(.sk-template-5) .services-offered .sk-surface:hover h5 {
            color: var(--color-white);
        }

        :is(.sk-template-5) .services-offered .sk-surface .sk-button {
            gap: 0.5rem;
        }

        :is(.sk-template-5) .services-offered .sk-surface:hover {
            background-color: var(--color-primary);
            color: var(--color-white);
        }

            :is(.sk-template-5) .services-offered .sk-surface:hover .sk-button {
                background-color: var(--color-white);
                color: var(--color-body-color);
            }

                :is(.sk-template-5) .services-offered .sk-surface:hover .sk-button svg {
                    fill: var(--color-primary);
                }

    :is(.sk-template-5) .services-offered .sk-icons svg {
        fill: var(--color-white);
    }

    :is(.sk-template-5) .services-offered {
        background-color: #F5F7F9;
        margin: 0;
    }

        :is(.sk-template-5) .services-offered .sk-carousel-inner {
            overflow: unset;
            max-width: 100%;
            padding: 0;
        }

        :is(.sk-template-5) .review-section .slick-arrow,
        :is(.sk-template-5) .services-offered .slick-arrow {
            width: auto;
        }

        :is(.sk-template-5) .services-offered .slick-arrow,
        :is(.sk-template-5) .review-section .slick-arrow {
            padding: 0.4rem;
        }

            :is(.sk-template-5) .services-offered .slick-arrow svg,
            :is(.sk-template-5) .review-section .slick-arrow svg {
                width: 2.5rem;
                height: 2.5rem;
            }

    :is(.sk-template-5) .services .sk-card .sk-card-media {
        margin: 2rem 2rem 0;
    }

    :is(.sk-template-5) .services .sk-card .sk-lead {
        color: var(--color-primary);
        padding-bottom: 0.5rem;
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-5) .services .sk-card .sk-button {
        padding: 0;
    }

    :is(.sk-template-5) .services .sk-card button.sk-button:hover,
    :is(.sk-template-5) .services .sk-button[class*="-text"]:hover::after {
        background-color: transparent;
    }

    :is(.sk-template-5) .services .sk-card .sk-card-media img {
        border-radius: var(--radius-large);
    }

    :is(.sk-template-5) .services .service-list {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2rem;
        row-gap: 2rem;
        justify-content: center;
    }

        :is(.sk-template-5) .services .service-list .sk-card p {
            margin-bottom: 0;
        }

        :is(.sk-template-5) .services .service-list .sk-card-primary {
            padding-bottom: 1rem;
        }

    :is(.sk-template-5) .services-offered .slick-arrow.slick-nav-left,
    :is(.sk-template-5) .review-section .slick-arrow.slick-nav-left {
        left: -1.5rem;
    }

    :is(.sk-template-5) .services-offered .slick-arrow.slick-nav-right,
    :is(.sk-template-5) .review-section .slick-arrow.slick-nav-right {
        right: -1.5rem;
    }

    :is(.sk-template-5) .services-offered .slick-arrow,
    :is(.sk-template-5) .review-section .slick-arrow,
    :is(.sk-template-5) .gallery .slick-arrow,
    :is(.sk-template-5) .videos .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        z-index: 1;
        background-color: var(--color-white);
    }

    :is(.sk-template-5) .services-offered .slick-arrow,
    :is(.sk-template-5) .review-section .slick-arrow,
    :is(.sk-template-5) .videos .slick-arrow,
    :is(.sk-template-5) .gallery .slick-arrow {
        border-radius: var(--radius-base);
        box-shadow: var(--box-shadow-1);
        border: 0.1rem solid var(--color-border);
    }

    :is(.sk-template-5) .slick-arrow svg {
        width: 3rem;
        height: 3rem;
        fill: var(--color-body-color);
    }


    :is(.sk-template-5) .videos .slick-arrow.arrow-prev,
    :is(.sk-template-5) .gallery .slick-arrow.arrow-prev {
        left: -5rem;
    }

        :is(.sk-template-5) .videos .slick-arrow.arrow-prev svg,
        :is(.sk-template-5) .gallery .slick-arrow.arrow-prev svg {
            transform: rotate(180deg);
        }

    :is(.sk-template-5) .videos .slick-arrow.arrow-next,
    :is(.sk-template-5) .gallery .slick-arrow.arrow-next {
        right: -5rem;
    }

    /* :is(.sk-template-5) .branches .slick-arrow.arrow-next {
    right: 0.8rem;
} */

    @media (max-width:1400px) {

        :is(.sk-template-5) .review-section .slick-arrow.arrow-next,
        :is(.sk-template-5) .videos .slick-arrow.arrow-next,
        :is(.sk-template-5) .gallery .slick-arrow.arrow-next {
            right: 0rem;
        }

        :is(.sk-template-5) .review-section .slick-arrow.arrow-prev,
        :is(.sk-template-5) .videos .slick-arrow.arrow-prev,
        :is(.sk-template-5) .gallery .slick-arrow.arrow-prev {
            left: 0rem;
        }
    }


    @media (max-width:768px) {
        :is(.sk-template-5) .services .service-list .sk-card-primary {
            text-align: center;
        }

        :is(.sk-template-5) .services .service-list .sk-card-actions {
            justify-content: center;
        }
    }

    /* services css :: end */


    /* contact us css :: Begin */

    :is(.sk-template-5) .contact-us:not(.sk-panel) {
        position: relative;
        background-color: var(--color-secondary);
    }

    :is(.sk-template-5) .contact-us .contact-form .sk-text-field {
        margin-bottom: var(--gutter-base);
    }

    :is(.sk-template-5) .contact-us img {
        object-fit: contain;
    }

    :is(.sk-template-5) .contact-us:not(.sk-panel) .contact-form {
        z-index: 1;
        position: relative;
        max-width: 40rem;
        margin-right: initial;
        margin-left: auto;
        border: 0;
        border-radius: 0;
        padding: var(--gutter-large) 3.5rem;
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
        width: 100%;
    }

    :is(.sk-template-5) .contact-us .sk-col-fluid {
        display: flex;
        flex-direction: column;
    }

    :is(.sk-template-5) .contact-form .sk-text-field.sk-trailing-icon > .sk-icons {
        pointer-events: none;
    }

    :is(.sk-template-5) .contact-us.sk-panel .sk-panel-inner {
        height: auto;
    }

    :is(.sk-template-5) .contact-form .sk-button {
        margin-top: 1rem;
    }


    @-moz-document url-prefix() {
        :is(.sk-template-5) .contact-form .sk-text-field.sk-trailing-icon > .sk-icons {
            display: none;
        }

        :is(.sk-template-5) .contact-form .sk-text-field.sk-trailing-icon .sk-input {
            padding-right: 1.2rem;
        }
    }



    @media(max-width:768px) {
        :is(.sk-template-5) .contact-us .contact-form {
            margin-right: auto !important;
            margin-top: 4rem;
        }
    }

    /* contact us css :: end */


    /* review css :: begin */

    :is(.sk-template-5) .review-section .sk-container {
        border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-5) .review-section .sk-carousel-item {
        border: 0;
        max-width: 100%;
        border-radius: 0;
        padding: var(--gutter-base);
        text-align: left;
        height: auto;
    }

    :is(.sk-template-5) .review-section .slick-track {
        padding: 0;
        display: flex;
    }

    :is(.sk-template-5) .review-section .sk-surface {
        flex: auto;
        border-radius: 0;
        max-width: 32rem;
        box-shadow: var(--box-shadow-2);
        padding: 2rem;
        background-color: #f6f6f6;
        margin-bottom: 0;
        width: 100%;
    }

        :is(.sk-template-5) .review-section .sk-surface p {
            margin-bottom: 0;
        }

        :is(.sk-template-5) .review-section .sk-surface .review-date {
            padding: var(--gutter-base) 0;
        }

    :is(.sk-template-5) .review-section .slick-slide.slick-current.slick-active .sk-surface {
        background-color: var(--color-primary);
        color: var(--color-white);
    }

        :is(.sk-template-5) .review-section .slick-slide.slick-current.slick-active .sk-surface a {
            color: var(--color-white);
        }

    :is(.sk-template-5) .review-section .sk-surface .sk-flex-row {
        gap: 2rem;
    }

    /* review css :: end */

    /* location css:: begin */
    :is(.sk-template-5) .location .sk-surface {
        background-color: var(--color-primary);
        padding: var(--gutter-large);
        color: var(--color-white);
        margin-bottom: 0;
        border-radius: 0;
    }

    :is(.sk-template-5) .location .sk-container {
        border-top: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-5) .location .sk-surface .sk-flex-row svg {
        fill: var(--color-primary);
    }

    :is(.sk-template-5) .location .sk-surface .sk-flex-row {
        padding-bottom: var(--gutter-base);
    }


    :is(.sk-template-5) .location .sk-surface .social-icons {
        padding-top: 1rem;
    }

    :is(.sk-template-5) .location .social-icons .sk-flex {
        gap: 2rem;
        align-items: center;
    }

        :is(.sk-template-5) .location .social-icons .sk-flex svg {
            fill: var(--color-white);
        }

    :is(.sk-template-5) .location .social-icons .sk-h6 {
        padding-bottom: 1rem;
    }

    :is(.sk-template-5) .location .book-appointments {
        flex-flow: column;
        align-items: start;
        gap: 0;
        margin-top: 2rem;
    }

        :is(.sk-template-5) .location .book-appointments .sk-flex-row {
            font-size: 2rem;
            font-weight: 400;
            padding-bottom: 0.5rem;
        }

    :is(.sk-template-5) .location .sk-surface address {
        color: var(--color-white);
    }

    :is(.sk-template-5) .location .sk-surface .sk-flex-row a {
        color: var(--color-white);
    }

    /* :is(.sk-template-5) .location iframe {
    border-radius: var(--radius-xlarge);
} */
    @media (max-width:768px) {
        :is(.sk-template-5) .location .sk-surface {
            margin-bottom: 4rem;
        }

        :is(.sk-template-5) .location iframe {
            height: 40rem;
        }
    }

    /* location css:: end */

    /* gallery css :: begin */

    :is(.sk-template-5) .gallery .sk-carousel-item,
    :is(.sk-template-5) .videos .sk-carousel-item,
    :is(.sk-template-5) .blogs-article .sk-carousel-item {
        border: 0;
        padding: var(--gutter-base);
        max-width: 100%;
    }

    :is(.sk-template-5) .gallery .slick-track,
    :is(.sk-template-5) .videos .slick-track,
    :is(.sk-template-5) .blogs-article .slick-track {
        padding: 0;
    }

    :is(.sk-template-5) .gallery .sk-carousel-inner,
    :is(.sk-template-5) .videos .sk-carousel-inner,
    :is(.sk-template-5) .review-section .sk-carousel-inner,
    :is(.sk-template-5) .blogs-article .sk-carousel-inner {
        overflow: unset;
    }

    :is(.sk-template-5) .gallery .sk-carousel-inner,
    :is(.sk-template-5) .blogs-article .sk-carousel-inner {
        display: block;
    }

    /* :is(.sk-template-5) .gallery .slick-initialized .slick-slide {
    padding: 0;
} */
    :is(.sk-template-5) .gallery .slick-slide img {
        border-radius: var(--radius-large);
    }

    :is(.sk-template-5) .videos .sk-container > p,
    :is(.sk-template-5) .gallery .sk-container > p,
    :is(.sk-template-5) .services .sk-container > p,
    :is(.sk-template-5) .social-timeline .sk-container > p,
    :is(.sk-template-5) .faq-section .sk-container > p {
        max-width: 65rem;
        margin: auto;
        text-align: center;
        padding-bottom: 4rem;
    }

    :is(.sk-template-5) section.videos .sk-container > h2,
    :is(.sk-template-5) section.gallery .sk-container > h2,
    :is(.sk-template-5) section.services .sk-container > h2,
    :is(.sk-template-5) section.social-timeline .sk-container > h2,
    :is(.sk-template-5) section.faq-section .sk-container > h2 {
        margin-bottom: 2rem;
    }

    /* gallery css :: end */


    /* business hours css :: begin */

    :is(.sk-template-5) .business-hours .sk-col-fluid {
        display: flex;
        flex-direction: column;
    }

    :is(.sk-template-5) .business-hours .sk-surface {
        border: 0;
        border-radius: 0;
        width: 100%;
        height: 100%;
    }

    :is(.sk-template-5) .business-hours.payment_method .sk-container,
    :is(.sk-template-5) .business-hours.attributes .sk-surface {
        background-color: #f6f6f6;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    }

    :is(.sk-template-5) .business-hours.payment_method .sk-container,
    :is(.sk-template-5) .business-hours.categories .sk-container {
        padding-top: var(--gutter-large);
        padding-bottom: var(--gutter-large);
    }

    :is(.sk-template-5) .business-hours.payment_method,
    :is(.sk-template-5) .business-hours.categories {
        padding: var(--gutter-base) 0;
    }

        :is(.sk-template-5) .business-hours.payment_method .sk-surface,
        :is(.sk-template-5) .business-hours.categories .sk-surface {
            margin-bottom: 0;
            background-color: transparent;
        }

    :is(.sk-template-5) .business-hours .payment-process ul {
        display: flex;
        flex-wrap: wrap;
    }

        :is(.sk-template-5) .business-hours .payment-process ul li {
            flex-basis: 50%;
        }


    :is(.sk-template-5) .business-hours .sk-list-inline li {
        font-size: 1.4rem;
        background-color: var(--color-white);
        padding: 0.5rem 1rem;
        border-left: 0.1rem solid #0152A8;
    }

    :is(.sk-template-5) .business-hours .sk-container {
        border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-5) .business-hours .sk-surface .bulleted-list li {
        display: block;
        padding-bottom: 1rem;
    }

    :is(.sk-template-5) .business-hours .sk-list-inline li:not(:last-child)::after {
        display: none;
    }

    :is(.sk-template-5) .business-hours .sk-list-inline {
        row-gap: var(--gutter-base);
    }

    :is(.sk-template-5) .business-hours:not(.area-served) .sk-chipset .sk-chip {
        background-color: var(--color-primary);
        color: var(--color-white);
        border: 0;
        border-radius: 0;
        padding: 1.5rem;
    }

    :is(.sk-template-5) .business-hours .sk-chipset {
        margin: 0;
    }

    :is(.sk-template-5) .business-hours .documents li a {
        display: flex;
        align-items: flex-end;
        gap: 1rem;
        color: var(--color-body-color);
        cursor: pointer;
    }

        :is(.sk-template-5) .business-hours .documents li a img {
            max-width: 2.5rem;
        }

    :is(.sk-template-5) .business-hours.attributes .sk-surface :not(.bulleted-list) li span {
        font-weight: var(--font-weight-medium);
        font-size: 1.8rem;
    }

    :is(.sk-template-5) .business-hours.attributes .sk-surface h6 {
        margin-bottom: 0.5rem;
    }

    :is(.sk-template-5) .business-hours.attributes .sk-surface ul {
        padding-bottom: 0.5rem;
    }

    :is(.sk-template-5) .business-hours.categories .sk-container {
        background-color: #f6f6f6;
    }

    @media (max-width:768px) {
        :is(.sk-template-5) .business-hours.payment_method .sk-col-5 ul li {
            justify-content: center;
        }
    }

    @media (max-width:400px) {
        :is(.sk-template-5) .business-hours.payment_method .sk-col-5 ul li {
            justify-content: start;
        }

        :is(.sk-template-5) .business-hours .payment-process ul li {
            flex-basis: 100%;
        }
    }


    /* business hours css :: end */

    /* blogs css :: begin */

    :is(.sk-template-5) .blogs-article .sk-container > p {
        max-width: 60rem;
        text-align: center;
        margin: auto;
        padding-bottom: 2rem;
    }

    :is(.sk-template-5) .blogs-article .sk-carousel-item {
        text-align: left;
    }

    :is(.sk-template-5) .blogs-article .sk-card {
        box-shadow: none;
    }

    :is(.sk-template-5) .blogs-article .sk-card-primary {
        padding-left: 0;
        padding-right: 0;
    }

        :is(.sk-template-5) .blogs-article .sk-card-primary span {
            padding-bottom: 0.5rem;
            display: block;
        }

    :is(.sk-template-5) .blogs .sk-container > .sk-row {
        padding-top: var(--gutter-large);
    }

    :is(.sk-template-5) .blogs .sk-card {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0;
    }

        :is(.sk-template-5) .blogs .sk-card .sk-card-media:not(:empty) {
            height: 25rem;
        }

    :is(.sk-template-5) .blogs .sk-card-primary .date {
        border: 0.1rem solid var(--color-form-field);
        display: inline-block;
        padding: 0 0.8rem;
        letter-spacing: 0.5rem;
        text-transform: uppercase;
        margin-bottom: var(--gutter-base);
    }

    :is(.sk-template-5) .blogs .sk-card-primary {
        padding: var(--gutter-large) 0;
    }


    @media (max-width:768px) {
        :is(.sk-template-5) .blogs .sk-card {
            margin-bottom: 2rem;
        }
    }

    /* blogs css :: end */

    /* social-timeline css */

    :is(.sk-template-5) .social-timeline .sk-surface {
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
        border-radius: 0;
    }

    :is(.sk-template-5) .social-timeline .sk-container > p {
        max-width: 60rem;
        margin: auto;
        text-align: center;
        padding-bottom: 4rem;
    }

    :is(.sk-template-5) .social-timeline .sk-flex {
        gap: var(--gutter-base);
        padding: 2rem 1rem 0;
    }

    :is(.sk-template-5) .social-timeline .sk-surface > img {
        width: 100%;
        object-fit: cover;
    }

    @media (max-width:768px) {
        :is(.sk-template-5) .social-timeline .sk-surface {
            margin-bottom: 4rem;
        }
    }

    /* social-timeline css */



    /* faq css ::begin */
    :is(.sk-template-5) .faq-section {
        background-color: #f8f8f8;
    }

        :is(.sk-template-5) .faq-section ul li {
            background-color: var(--color-white);
            padding: 2rem;
            border-radius: var(--radius-large);
        }

        :is(.sk-template-5) .faq-section ul {
            display: grid;
            gap: 2rem;
            grid-template-columns: 1fr 1fr 1fr;
        }

        :is(.sk-template-5) .faq-section li .sk-flex {
            gap: 1rem;
        }

            :is(.sk-template-5) .faq-section li .sk-flex .sk-icons {
                fill: #23A6F0;
                flex-shrink: 0;
            }

        :is(.sk-template-5) .faq-section li p {
            color: var(--color-text-muted);
        }

    @media (max-width:768px) {
        :is(.sk-template-5) .faq-section ul {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width:560px) {
        :is(.sk-template-5) .faq-section ul {
            grid-template-columns: 1fr;
        }
    }

    /* faq css ::end */



    /* footer css :: start */

    :is(.sk-template-5) .footer {
        background-color: var(--color-primary);
        color: var(--color-white);
    }

        :is(.sk-template-5) .footer .sk-container {
            padding-top: var(--gutter-large);
        }

        :is(.sk-template-5) .footer .social-icons {
            align-items: center;
            gap: 2rem;
            padding-bottom: 3rem;
        }

            :is(.sk-template-5) .footer .social-icons svg {
                fill: var(--color-white);
            }

        :is(.sk-template-5) .footer .sk-list-inline {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            padding-top: 2rem;
            flex-wrap: wrap;
        }

        :is(.sk-template-5) .footer ul li {
            padding-bottom: 1rem;
        }


    @media (max-width:460px) {
        :is(.sk-template-5) .footer .sk-container > .sk-flex-row {
            justify-content: center !important;
        }
    }

    /* footer css :: end */


    /* Otp form css:: BEGIN */
    .sk-otp {
        padding: 2.5rem 0;
        text-align: center;
        width: 100%;
    }

        .sk-otp p {
            margin: var(--gutter-base) 0;
        }

        .sk-otp .otp-block {
            margin: 3rem 0 1rem;
            padding-left: var(--gutter-xlarge);
        }

        .sk-otp .otp-input {
            height: 6.5rem;
            margin: 0 auto;
            padding-left: 1.8rem;
            position: relative;
            width: 26rem;
        }

            .sk-otp .otp-input .box-1 {
                left: 0;
            }

            .sk-otp .otp-input .box-2 {
                left: 5.9rem;
            }

            .sk-otp .otp-input .box-3 {
                left: 11.8rem;
            }

            .sk-otp .otp-input .box-4 {
                left: 17.7rem;
            }

            .sk-otp .otp-input span {
                border-bottom: 0.2rem solid var(--color-text-muted);
                height: 5rem;
                position: absolute;
                top: 0.6rem;
                width: 5rem;
            }

            .sk-otp .otp-input .last-box {
                background: var(--color-white);
                border: 0;
                height: 5rem;
                position: absolute;
                right: 0;
                width: 3rem;
                z-index: 999;
            }

        .sk-otp input {
            background-color: transparent;
            border: 0;
            color: var(--color-body-color);
            font-family: var(--font-family-primary);
            font-size: 2.6rem;
            font-weight: 600;
            height: 100%;
            letter-spacing: 4.4rem;
            position: relative;
            width: 100%;
            z-index: 50;
        }

    /* Otp form css:: END */

    /* Template 5 CSS :: End */

    /* Template 6 CSS :: Begin */

    :is(.sk-template-6) .sk-button.sk-no-radius {
        border-radius: 0;
    }

    :is(.sk-template-6) .sk-appbar {
        border: 0;
    }

        :is(.sk-template-6) .sk-appbar.sk-appbar-fixed:is(.sk-large) {
            height: 8rem;
            filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 10%));
        }


    :is(.sk-template-6) .sk-button:is(.sk-primary) {
        color: var(--color-white);
        font-size: 1.4rem;
        font-weight: 400;
    }

    :is(.sk-template-6) .sk-button:is(.sk-primary.sk-large) {
        font-size: 1.6rem;
        /* padding: 0 3rem; */
    }


    :is(.sk-template-6) .sk-container {
        max-width: 120rem;
        border-bottom: 0;
    }

    :is(.sk-template-6) section:not(.hero, .about-us, .address-and-contact) .sk-container > h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 3.5rem;
        color: var(--color-dark);
        font-weight: var(--font-weight-bold);
        font-size: 3.2rem;
    }


        :is(.sk-template-6) section:not(.hero, .about-us, .address-and-contact) .sk-container > h2::after {
            display: none;
        }

    :is(.sk-template-6) .sk-appbar .sk-container {
        padding: 0 var(--gutter-base);
    }

    :is(.sk-template-6) .sk-appbar-fixed .sk-menu li a {
        color: var(--color-black);
        text-transform: capitalize;
    }

    :is(.sk-template-6) .sk-appbar-fixed .sk-menu li.sk-active a,
    :is(.sk-template-6) .mobile-menu .sk-menu li.sk-active a {
        color: var(--color-primary);
    }

    :is(.sk-template-6) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round {
        border: 0.1rem solid var(--color-primary);
        border-radius: var(--radius-base);
    }

        :is(.sk-template-6) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round svg {
            fill: var(--color-primary);
        }

    :is(.sk-template-6) .sk-appbar-fixed .book-appointments {
        font-size: 1.8rem;
    }

    /* :is(.sk-template-6) .sk-appbar-fixed .sk-primary.sk-large,
:is(.sk-template-6) .address-and-contact .sk-primary.sk-large,
:is(.sk-template-6) .about-us .sk-primary.sk-large {
   border-radius: 0;
} */

    :is(.sk-template-6) .sk-appbar-fixed + .sk-appbar .sk-menu li a {
        text-transform: capitalize;
        font-size: 1.6rem;
        font-weight: 400;
    }

    :is(.sk-template-6) .sk-appbar-fixed + .sk-appbar .sk-menu li.sk-active a {
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-6) section {
        scroll-margin-top: 14rem;
    }

    :is(.sk-template-6) .sk-drawer.sk-drawer-right .sk-drawer-inner {
        margin-left: auto;
        animation: slide-right .3s linear;
        width: 90%;
    }

    @-webkit-keyframes slide-right {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }

    @-moz-keyframes slide-right {
        0% {
            opacity: 0;
            -moz-transform: translateX(100%)
        }
    }

    @media (max-width: 1200px) {
        :is(.sk-template-6) .sk-appbar-logo img {
            height: 6.5rem;
        }
    }


    /* hero css :: Begin */
    :is(.sk-template-6) .hero .sk-container {
        padding-bottom: 8rem;
    }

    :is(.sk-template-6) .hero {
        position: relative;
        background-color: var(--color-secondary);
        color: var(--color-white);
    }

    :is(.sk-template-6) .whatsapp-btn {
        position: fixed;
        bottom: 6rem;
        right: 8rem;
        background: #10b418;
        border-radius: 50%;
        padding: 1rem;
        cursor: pointer;
        z-index: 2;
    }

        :is(.sk-template-6) .whatsapp-btn img {
            max-width: 4rem;
            height: 4rem;
            object-fit: cover;
            z-index: 2;
            position: relative;
        }

        :is(.sk-template-6) .whatsapp-btn:before {
            position: absolute;
            content: " ";
            z-index: 0;
            bottom: -0.9rem;
            left: -1rem;
            background-color: #10b418;
            width: 80px;
            height: 80px;
            border-radius: 100%;
            animation-fill-mode: both;
            -webkit-animation-fill-mode: both;
            opacity: 0.6;
            -webkit-animation: pulse 1s ease-out;
            animation: pulse 1.8s ease-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(0);
            opacity: 0;
        }

        25% {
            -webkit-transform: scale(0.3);
            opacity: 1;
        }

        50% {
            -webkit-transform: scale(0.6);
            opacity: .6;
        }

        75% {
            -webkit-transform: scale(0.9);
            opacity: .3;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes pulse {
        0% {
            transform: scale(0);
            opacity: 0;
        }

        25% {
            transform: scale(0.3);
            opacity: 1;
        }

        50% {
            transform: scale(0.6);
            opacity: .6;
        }

        75% {
            transform: scale(0.9);
            opacity: .3;
        }

        100% {
            transform: scale(1);
            opacity: 0;
        }
    }

    @media(max-width:768px) {
        :is(.sk-template-6) .whatsapp-btn {
            right: 2rem;
            padding: 0.8rem;
        }

            :is(.sk-template-6) .whatsapp-btn img {
                max-width: 3rem;
                height: 3rem;
            }

            :is(.sk-template-6) .whatsapp-btn:before {
                position: absolute;
                bottom: -0.8rem;
                left: -1rem;
                width: 6.5rem;
                height: 6.5rem;
            }
    }

    /* hero css :: End */

    /* contact form css :: start */
    :is(.sk-template-6) .hero .contact-form {
        max-width: 45rem;
        width: 100%;
        border: 0;
        border-radius: 0;
        padding: var(--gutter-large) 3.5rem;
        margin-right: inherit;
    }

    :is(.sk-template-6) .sk-col-6:has(.contact-form) {
        flex-flow: initial;
    }

    :is(.sk-template-6) .contact-form h2 {
        color: var(--color-primary);
        padding-bottom: 2rem;
    }

    :is(.sk-template-6) .contact-form .sk-text-field .sk-helper-line {
        height: 1.6rem;
    }

    :is(.sk-template-6) .contact-form .sk-text-field.sk-leading-icon svg {
        fill: var(--color-primary);
    }

    /* contact form css :: end */

    /* address and contact section css :: Begin */

    :is(.sk-template-6) .address-and-contact .sk-card {
        background-color: var(--color-form-field);
    }

    :is(.sk-template-6) .address-and-contact .sk-card-primary {
        gap: 4rem;
        align-items: stretch;
    }

    :is(.sk-template-6) .address-and-contact .rating-group b {
        font-size: 2.5rem;
    }

    :is(.sk-template-6) .address-and-contact .book-appointments .sk-icons:not(.dropdown-icon) {
        border: 0.1rem solid var(--color-primary);
        border-radius: var(--radius-round);
        padding: 1rem;
        color: var(--color-primary);
    }

    :is(.sk-template-6) .address-and-contact .contact-card {
        width: 100%;
    }

    :is(.sk-template-6) .address-and-contact .book-appointments {
        margin-top: 3rem;
        flex-wrap: wrap;
        font-size: 2.2rem;
        width: 100%;
    }

        :is(.sk-template-6) .address-and-contact .book-appointments .sk-flex-row small {
            position: absolute;
            top: -0.3rem;
            left: 5.8rem;
        }

        :is(.sk-template-6) .address-and-contact .book-appointments .sk-flex-row {
            align-items: flex-end;
            position: relative;
        }

    :is(.sk-template-6) .address-and-contact address {
        color: var(--color-white);
    }

    :is(.sk-template-6) .address-and-contact .book-appointments .sk-overflow-menu {
        position: relative;
    }

    :is(.sk-template-6) .address-and-contact .book-appointments .sk-overflow-list {
        font-size: 1.6rem;
        left: 0;
    }

    :is(.sk-template-6) .address-and-contact .sk-h2 {
        padding-bottom: 2rem;
    }

    :is(.sk-template-6) .address-and-contact .sk-button.sk-large {
        padding-right: 1.6rem;
        margin-top: 2rem;
    }

    :is(.sk-template-6) .address-and-contact .sk-button .sk-icons {
        height: 4.8rem;
        display: flex;
        align-items: center;
        border-left: 0.1rem solid rgb(255, 255, 255, 0.3);
        padding-left: 1.6rem;
        margin-left: 3rem;
    }

    :is(.sk-template-6) .address-and-contact .sk-lead {
        font-size: 1.8rem;
        word-break: break-all;
        padding-bottom: 1rem;
    }

    :is(.sk-template-6) .address-and-contact h2 {
        padding-bottom: 0;
    }

    @media (min-width:1024px) and (max-width: 1200px) {
        :is(.sk-template-6) .address-and-contact .mobile-wrap {
            flex-wrap: nowrap !important;
        }
    }

    @media (max-width: 1024px) {
        :is(.sk-template-6) .mobile-wrap {
            flex-wrap: wrap !important;
        }

        :is(.sk-template-6) .hero .contact-form {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (max-width:768px) {
        :is(.sk-template-6) .address-and-contact {
            text-align: center;
        }

            :is(.sk-template-6) .address-and-contact .book-appointments .sk-flex-row,
            :is(.sk-template-6) .address-and-contact .book-appointments .sk-flex.info {
                max-width: 25rem;
                width: 100%;
            }


            :is(.sk-template-6) .address-and-contact .sk-button-group,
            :is(.sk-template-6) .address-and-contact .sk-ratings {
                justify-content: center;
            }

            :is(.sk-template-6) .address-and-contact .book-appointments {
                justify-content: center;
                font-size: 2rem;
            }

                :is(.sk-template-6) .address-and-contact .book-appointments svg {
                    width: 1.8rem;
                    height: 1.8rem;
                }

        .address-and-contact .book-appointments .dropdown-icon svg {
            width: auto;
            height: auto;
        }
    }

    /* address and contact section css :: End */


    /* about us css :: begin */

    :is(.sk-template-6) .about-us {
        position: relative;
        overflow: hidden;
    }

        /* :is(.sk-template-6) .about-us:before,
:is(.sk-template-6) .about-us:after {
    content: '';
    width: 45rem;
    height: 35rem;
    position: absolute;
    background-image: url('../img/pattern.png');
    background-repeat: no-repeat;
}

:is(.sk-template-6) .about-us:before {
    bottom: -10rem;
    left: -10rem;
    transform: rotate(240deg);
}

:is(.sk-template-6) .about-us:after {
    top: -8rem;
    right: -10rem;
    transform: rotate(70deg);
} */

        :is(.sk-template-6) .about-us .sk-surface {
            max-width: 53rem;
            padding: 4.8rem;
            margin-bottom: 0;
        }

        :is(.sk-template-6) .about-us img {
            width: auto;
            margin: auto;
        }

        :is(.sk-template-6) .about-us .sub-heading {
            letter-spacing: 0.5rem;
            color: var(--color-primary);
            width: max-content;
            padding: 0 1rem;
            margin-bottom: 1.6rem;
        }

    :is(.sk-template-6) section:not(.about-us) .sub-heading {
        position: relative;
        color: var(--color-primary);
        display: flex;
        align-items: center;
        width: max-content;
        font-weight: var(--font-weight-medium);
        margin: auto;
        padding-left: 2rem;
        padding-bottom: 1rem;
    }

        :is(.sk-template-6) section:not(.about-us) .sub-heading:before {
            content: '';
            position: absolute;
            left: -2rem;
            border-top: 0.2rem solid var(--color-primary);
            border-bottom: 0.2rem solid var(--color-primary);
            height: 1rem;
            width: 3rem;
        }

    @media (max-width:768px) {
        :is(.sk-template-6) .about-us .sk-surface {
            padding: 4rem 0 0;
            text-align: center;
            margin: auto;
        }

        :is(.sk-template-6) .about-us .sub-heading {
            margin: auto;
            margin-bottom: 1rem;
        }
    }

    /* about us css :: end */

    /* services css :: begin */

    :is(.sk-template-6) .branches .slick-track {
        display: flex;
    }

    /*:is(.sk-template-6) .services .services-item {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

:is(.sk-template-6) section.services .sk-container > h2 {
    color: var(--color-secondary);
}

:is(.sk-template-6) section.services .sk-container {
    margin-top: -6rem;
    z-index: 1;
    background-color: var(--color-white);
    border: 0.1rem solid var(--color-border);
}

:is(.sk-template-6) .services .slick-slide,
:is(.sk-template-6) .branches .slick-slide {
    height: auto;
}

:is(.sk-template-6) .services .sk-surface {
    border-radius: 0;
    padding: 3rem;
    margin-bottom: 0;
    height: 100%;
    max-width: 35rem;
    gap: 2rem;
    text-align: center;
    margin-bottom: 0;
}

    :is(.sk-template-6) .services .sk-surface p {
        color: var(--color-text-muted);
        font-weight: 400;
        margin-bottom: 0;
    }

    :is(.sk-template-6) .services .sk-surface h5 {
        font-weight: 600;
        color: var(--color-secondary);
}*/


    /* :is(.sk-template-6) .services .sk-surface:hover p,
:is(.sk-template-6) .services .sk-surface:hover h5 {
    color: var(--color-white);
}
:is(.sk-template-6) .services .sk-surface:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}
:is(.sk-template-6) .services .sk-surface:hover .sk-button {
    background-color: var(--color-white);
    color: var(--color-body-color);
} */


    :is(.sk-template-6) .services-offered .sk-carousel .sk-carousel-item {
        max-width: 40rem;
        border-radius: 0;
        width: 100%;
    }

    :is(.sk-template-6) .services-offered .sk-carousel .slick-track {
        padding: 0;
        align-items: initial;
    }

    :is(.sk-template-6) .services-offered .sk-carousel-inner {
        overflow: unset;
        max-width: 100%;
        padding: 0;
    }

    :is(.sk-template-6) .services-offered .slick-slide {
        height: auto;
        padding: 0;
    }

        :is(.sk-template-6) .services-offered .slick-slide > div {
            height: 100%;
            width: 100%;
        }

    :is(.sk-template-6) .services-offered .sk-surface {
        border-radius: 0;
        padding: 3rem;
        margin-bottom: 0;
        height: 100%;
    }

        :is(.sk-template-6) .services-offered .sk-surface p {
            color: var(--color-text-muted);
            font-weight: 400;
            padding-top: 1rem;
        }

        :is(.sk-template-6) .services-offered .sk-surface h5 {
            font-weight: 600;
            color: var(--color-dark);
        }


        :is(.sk-template-6) .services-offered .sk-surface:hover p,
        :is(.sk-template-6) .services-offered .sk-surface:hover h5 {
            color: var(--color-white);
        }

        :is(.sk-template-6) .services-offered .sk-surface .sk-button {
            gap: 0.5rem;
        }

        :is(.sk-template-6) .services-offered .sk-surface:hover {
            background-color: var(--color-primary);
            color: var(--color-white);
        }

            :is(.sk-template-6) .services-offered .sk-surface:hover .sk-button {
                background-color: var(--color-white);
                color: var(--color-body-color);
            }

                :is(.sk-template-6) .services-offered .sk-surface:hover .sk-button svg {
                    fill: var(--color-primary);
                }

    :is(.sk-template-6) .services-offered .sk-icons svg {
        fill: var(--color-white);
    }

    :is(.sk-template-6) .services-offered {
        background-color: #F5F7F9;
        margin: 0;
    }

        :is(.sk-template-6) .services-offered .sk-carousel-inner {
            overflow: unset;
            max-width: 100%;
            padding: 0;
        }

        :is(.sk-template-6) .services-offered .slick-arrow {
            width: auto;
        }

        :is(.sk-template-6) .services-offered .slick-arrow {
            padding: 0.4rem;
        }

            :is(.sk-template-6) .services-offered .slick-arrow svg,
            :is(.sk-template-6) .review-section .slick-arrow svg {
                width: 2.5rem;
                height: 2.5rem;
            }

            :is(.sk-template-6) .services-offered .slick-arrow.slick-nav-left,
            :is(.sk-template-6) .review-section .slick-arrow.slick-nav-left {
                left: -1.5rem;
            }

            :is(.sk-template-6) .services-offered .slick-arrow.slick-nav-right,
            :is(.sk-template-6) .review-section .slick-arrow.slick-nav-right {
                right: -1.5rem;
            }

        :is(.sk-template-6) .services-offered .slick-arrow,
        :is(.sk-template-6) .branches .slick-arrow,
        :is(.sk-template-6) .gallery .slick-arrow,
        :is(.sk-template-6) .videos .slick-arrow {
            position: absolute;
            top: 50%;
            transform: translatey(-50%);
            z-index: 1;
        }

        :is(.sk-template-6) .services-offered .slick-arrow,
        :is(.sk-template-6) .branches .slick-arrow,
        :is(.sk-template-6) .videos .slick-arrow,
        :is(.sk-template-6) .gallery .slick-arrow {
            border-radius: var(--radius-base);
            box-shadow: var(--box-shadow-1);
            border: 0.1rem solid var(--color-border);
        }

    :is(.sk-template-6) .slick-arrow svg {
        width: 3rem;
        height: 3rem;
        fill: var(--color-body-color);
    }

    /* 
:is(.sk-template-6) .branches .slick-arrow.arrow-prev {
    left: 0.8rem;
} */

    :is(.sk-template-6) .branches .slick-arrow.arrow-prev,
    :is(.sk-template-6) .videos .slick-arrow.arrow-prev,
    :is(.sk-template-6) .gallery .slick-arrow.arrow-prev {
        left: -5rem;
    }

        :is(.sk-template-6) .branches .slick-arrow.arrow-prev svg,
        :is(.sk-template-6) .videos .slick-arrow.arrow-prev svg,
        :is(.sk-template-6) .gallery .slick-arrow.arrow-prev svg {
            transform: rotate(180deg);
        }

    :is(.sk-template-6) .branches .slick-arrow.arrow-next,
    :is(.sk-template-6) .videos .slick-arrow.arrow-next,
    :is(.sk-template-6) .gallery .slick-arrow.arrow-next {
        right: -5rem;
    }

    /* :is(.sk-template-6) .branches .slick-arrow.arrow-next {
    right: 0.8rem;
} */

    @media (max-width:1400px) {

        :is(.sk-template-6) .branches .slick-arrow.arrow-next,
        :is(.sk-template-6) .videos .slick-arrow.arrow-next,
        :is(.sk-template-6) .gallery .slick-arrow.arrow-next {
            right: 0rem;
        }

        :is(.sk-template-6) .branches .slick-arrow.arrow-prev,
        :is(.sk-template-6) .videos .slick-arrow.arrow-prev,
        :is(.sk-template-6) .gallery .slick-arrow.arrow-prev {
            left: 0rem;
        }
    }


    @media (max-width:768px) {

        :is(.sk-template-6) .services .service-list .sk-card-primary {
            text-align: center;
        }

        :is(.sk-template-6) .services .service-list .sk-card-actions {
            justify-content: center;
        }
    }

    /* services css :: end */

    /* products css :: begin */

    :is(.sk-template-6) .products .sk-container {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        padding: var(--gutter-xlarge) 1.2rem;
    }

    :is(.sk-template-6) .products .sk-text-field,
    :is(.sk-template-6) .branches .sk-text-field {
        max-width: 32rem;
        margin-left: auto;
        margin-right: var(--gutter-large);
    }

        :is(.sk-template-6) .products .sk-text-field.sk-leading-icon .sk-input,
        :is(.sk-template-6) .branches .sk-text-field.sk-leading-icon .sk-input {
            border-radius: var(--radius-pill);
        }

    :is(.sk-template-6) .products .sk-menu li.sk-active .sk-menu-indicator::before {
        border-color: var(--color-primary);
    }

    :is(.sk-template-6) .product-item .sk-lead {
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-6) .product-item .sk-card {
        max-width: 100%;
        border-radius: 0;
        background-color: var(--color-form-field);
        margin-bottom: 0;
    }

    :is(.sk-template-6) .product-item .sk-card-media {
        padding: 2rem 2rem 0;
    }

        :is(.sk-template-6) .product-item .sk-card-media img {
            object-fit: cover;
            object-position: top;
        }

    :is(.sk-template-6) .product-item .sk-card-primary:not(:empty) {
        text-align: center;
    }

    :is(.sk-template-6) .product-item .sk-card-primary p {
        margin-bottom: 0;
    }

    :is(.sk-template-6) .products .sk-menu.sk-scrollable nav ul {
        gap: 2rem;
        padding-right: 4rem;
    }

    :is(.sk-template-6) .products .sk-menu nav .sk-button.sk-flat {
        position: absolute;
        right: 0;
        top: 0.5rem;
        justify-content: flex-end;
        box-shadow: none;
    }

        :is(.sk-template-6) .products .sk-menu nav .sk-button.sk-flat svg {
            width: 3.2rem;
            height: 3.2rem;
        }

    :is(.sk-template-6) .products .product-item {
        column-gap: 3rem;
        /* justify-content: space-between; */
        row-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .contact-us .sk-panel-inner,
    .read-more-panel .sk-panel-inner {
        border: 1rem solid #DCEDFE;
        height: auto;
    }

    @media (max-width:1200px) {
        :is(.sk-template-6) .products .product-item {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width:1024px) {
        :is(.sk-template-6) .products .product-item {
            justify-content: center;
        }
    }

    @media (max-width:991px) {

        :is(.sk-template-6) .products .product-item {
            grid-template-columns: repeat(2, auto);
        }
    }

    @media (max-width:768px) {

        :is(.sk-template-6) .products .sk-text-field,
        :is(.sk-template-6) .branches .sk-text-field {
            margin-right: auto;
        }

        :is(.sk-template-6) .products .product-item {
            row-gap: 3rem;
        }
    }

    @media (max-width:560px) {
        :is(.sk-template-6) .products .product-item {
            grid-template-columns: repeat(1, auto);
        }
    }

    /* products css :: begin */

    /* branches css :: begin */

    :is(.sk-template-6) .branches .sk-carousel-item {
        border: 0;
        max-width: 100%;
        border-radius: 0;
        padding: var(--gutter-base);
    }

    :is(.sk-template-6) .branches .slick-track {
        padding: 0;
    }

    :is(.sk-template-6) .branches .branch-card {
        flex: auto;
        border-radius: 0;
        /* max-width: 30rem; */
        box-shadow: var(--box-shadow-2);
        padding: 2rem;
    }

        :is(.sk-template-6) .branches .branch-card .sk-button {
            margin-top: auto;
        }


    :is(.sk-template-6) .branches {
        background-image: url('../img/map.jpg');
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        position: relative;
    }

        :is(.sk-template-6) .branches:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            width: 100%;
            height: 100%;
            opacity: 0.6
        }

    :is(.sk-template-6) .branch-card > *:not(.sk-flex-row) {
        padding-left: 0;
        text-align: left;
    }

    :is(.sk-template-6) .branch-card .location-name::before {
        display: none;
    }

    :is(.sk-template-6) .branch-card .location-name {
        font-size: 2rem;
    }

    /* branches css :: end */

    /* location css:: begin */
    :is(.sk-template-6) .location .sk-surface {
        background-color: var(--color-primary);
        padding: var(--gutter-large);
        color: var(--color-white);
        margin-bottom: 0;
    }

    :is(.sk-template-6) .location .sk-container {
        border-top: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-6) .location .sk-surface .sk-flex-row svg {
        fill: var(--color-primary);
    }

    :is(.sk-template-6) .location .sk-surface .sk-flex-row {
        padding-bottom: var(--gutter-base);
    }


    :is(.sk-template-6) .location .sk-surface .social-icons {
        padding-top: 1rem;
    }

    :is(.sk-template-6) .location .social-icons .sk-flex {
        gap: 2rem;
        align-items: center;
    }

        :is(.sk-template-6) .location .social-icons .sk-flex svg {
            fill: var(--color-white);
        }

    :is(.sk-template-6) .location .social-icons .sk-h6 {
        padding-bottom: 1rem;
    }

    :is(.sk-template-6) .location .book-appointments {
        flex-flow: column;
        align-items: start;
        gap: 0;
        margin-top: 2rem;
    }

        :is(.sk-template-6) .location .book-appointments .sk-flex-row {
            font-size: 2rem;
            font-weight: 400;
            padding-bottom: 0.5rem;
        }

    :is(.sk-template-6) .location iframe {
        border-radius: var(--radius-xlarge);
    }

    @media (max-width:768px) {
        :is(.sk-template-6) .location .sk-surface {
            margin-bottom: 4rem;
        }

        :is(.sk-template-6) .location iframe {
            height: 40rem;
        }
    }

    /* location css:: end */

    /* gallery css :: begin */

    :is(.sk-template-6) .gallery {
        background-color: var(--color-form-field);
    }

        :is(.sk-template-6) .gallery .sk-carousel-item,
        :is(.sk-template-6) .videos .sk-carousel-item {
            border: 0;
            padding: var(--gutter-base);
            max-width: 100%;
        }

        :is(.sk-template-6) .gallery .slick-track,
        :is(.sk-template-6) .videos .slick-track {
            padding: 0;
        }

        :is(.sk-template-6) .gallery .sk-carousel-inner,
        :is(.sk-template-6) .videos .sk-carousel-inner,
        :is(.sk-template-6) .branches .sk-carousel-inner {
            overflow: unset;
        }

    /* gallery css :: end */

    /* review section css :: start*/
    :is(.sk-template-6) .review-section {
        background-color: #E1EEFF;
    }

        :is(.sk-template-6) .review-section .review-para h2 {
            color: #021526;
            font-weight: var(--font-weight-bold);
        }

            :is(.sk-template-6) .review-section .review-para h2 span {
                color: #0360D9;
            }

        :is(.sk-template-6) .review-section .review-para {
            max-width: 42rem;
            margin-top: 0;
        }


        :is(.sk-template-6) .review-section .sk-surface p {
            margin-bottom: 0;
        }

        :is(.sk-template-6) .review-section .review-content {
            background-color: white;
            padding: 2rem;
            border-radius: var(--radius-large);
            flex: 50%;
            margin-bottom: var(--gutter-base)
        }

    :is(.sk-template-6) .review-content .reviewer-name {
        margin-bottom: 0.5rem;
    }

    :is(.sk-template-6) .review-section .reviews {
        display: flex;
        gap: 2rem;
        justify-content: center;
    }

    :is(.sk-template-6) .review-section .sk-pagination {
        justify-content: center;
    }

    @media (max-width:1024px) {
        :is(.sk-template-6) .review-section .review-para {
            margin: auto;
            text-align: center;
        }

            :is(.sk-template-6) .review-section .review-para .sk-flex-row {
                justify-content: center;
            }

        .review-section .sk-ratings {
            justify-content: center;
        }

        :is(.sk-template-6) .review-section .sk-col-fluid {
            max-width: 100%;
            flex: 0 0 100%;
        }
    }

    @media (max-width:768px) {
        :is(.sk-template-6) .review-section .review-content {
            max-width: 100%;
        }

        :is(.sk-template-6) .review-section .reviews {
            flex-wrap: wrap;
        }
    }

    /* review section css :: end*/

    /* business hours css :: begin */

    :is(.sk-template-6) .business-hours .sk-col-fluid {
        display: flex;
    }

    :is(.sk-template-6) .business-hours .sk-surface {
        background-color: #F6F6F6;
        border: 0;
        border-radius: 0;
        width: 100%;
    }

    :is(.sk-template-6) .business-hours .sk-list-inline li {
        font-size: 1.4rem;
        background-color: var(--color-white);
        padding: 0.5rem 1rem;
        border-left: 0.1rem solid #0152A8;
    }

    :is(.sk-template-6) .business-hours .sk-container {
        border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-6) .business-hours .sk-surface .bulleted-list li {
        display: block;
        padding-bottom: 1rem;
    }

    :is(.sk-template-6) .business-hours .sk-list-inline li:not(:last-child)::after {
        display: none;
    }

    :is(.sk-template-6) .business-hours .sk-list-inline {
        row-gap: var(--gutter-base);
    }

    :is(.sk-template-6) .business-hours:not(.area-served) .sk-chipset .sk-chip {
        background-color: #010E21;
        color: var(--color-white);
        border: 0;
        border-radius: 0;
        padding: 1.5rem;
    }

    :is(.sk-template-6) .business-hours .sk-chipset {
        margin: 0;
    }

    :is(.sk-template-6) .business-hours .sk-surface h4 {
        margin-bottom: 2.5rem;
        font-weight: var(--font-weight-bold);
    }

    :is(.sk-template-6) .business-hours .documents li a {
        display: flex;
        align-items: flex-end;
        gap: 1rem;
        color: var(--color-body-color);
        cursor: pointer;
    }

        :is(.sk-template-6) .business-hours .documents li a img {
            max-width: 2.5rem;
        }

    :is(.sk-template-6) .business-hours.attributes .sk-surface :not(.bulleted-list) li span {
        font-weight: var(--font-weight-medium);
        font-size: 1.8rem;
    }

    :is(.sk-template-6) .business-hours.attributes .sk-surface h6 {
        margin-bottom: 0.5rem;
    }

    :is(.sk-template-6) .business-hours.attributes .sk-surface ul {
        padding-bottom: 0.5rem;
    }


    /* business hours css :: end */

    /* blogs css :: begin */

    :is(.sk-template-6) .blogs {
        background-color: #F5F7F9;
    }

        :is(.sk-template-6) .blogs .sk-row {
            background-color: var(--color-white);
            padding: 0 var(--gutter-small);
        }

        :is(.sk-template-6) .blogs .sk-container > .sk-row {
            padding-top: var(--gutter-large);
        }

        :is(.sk-template-6) .blogs .sk-card {
            border: 0;
            border-radius: 0;
            box-shadow: none;
            margin-bottom: 0;
        }

            :is(.sk-template-6) .blogs .sk-card .sk-card-media:not(:empty) {
                height: 25rem;
            }

        :is(.sk-template-6) .blogs .sk-card-primary .date {
            border: 0.1rem solid var(--color-form-field);
            display: inline-block;
            padding: 0 0.8rem;
            letter-spacing: 0.5rem;
            text-transform: uppercase;
            margin-bottom: var(--gutter-base);
        }

        :is(.sk-template-6) .blogs .sk-card-primary {
            padding: var(--gutter-large) 0;
        }

        :is(.sk-template-6) .blogs .sk-pagination {
            justify-content: center;
            padding-top: 2rem;
        }

            :is(.sk-template-6) .blogs .sk-pagination li {
                height: 4rem;
                min-width: 4rem;
            }

                :is(.sk-template-6) .blogs .sk-pagination li:first-child svg {
                    transform: rotate(180deg);
                }

    @media (max-width:768px) {
        :is(.sk-template-6) .blogs .sk-card {
            margin-bottom: 2rem;
        }
    }

    /* blogs css :: end */

    /* faq css ::begin */
    :is(.sk-template-6) .faq-section .sk-expansion-action {
        align-items: center;
    }

    :is(.sk-template-6) .faq-section .sk-expansion-header {
        padding: var(--gutter-base);
        border: 0.1rem solid #CECECE;
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-6) .faq-section .sk-expansion-inner.sk-active {
        background-color: var(--color-form-field);
    }

        :is(.sk-template-6) .faq-section .sk-expansion-inner.sk-active .sk-expansion-header {
            border: 0;
        }

    :is(.sk-template-6) .faq-section .sk-expansion-panels .sk-expansion-inner {
        border: 0;
        margin-bottom: 1.2rem;
    }

    :is(.sk-template-6) .faq-section img {
        max-width: 40rem;
        margin: auto;
        object-fit: contain;
    }

    @media (max-width:768px) {
        :is(.sk-template-6) .faq-section .sk-expansion-panels {
            margin-top: 4rem;
        }
    }

    /* faq css ::end */


    /* category section */

    :is(.sk-template-6) .category-section .sk-expansion-panels {
        border: 0.1rem solid var(--color-border);
        padding: 3rem;
        border-radius: var(--radius-large);
    }

        :is(.sk-template-6) .category-section .sk-expansion-panels .sk-expansion-header {
            font-weight: var(--font-weight-medium);
            padding: 1.2rem 0rem 1.2rem 0;
        }

        :is(.sk-template-6) .category-section .sk-expansion-panels .sk-expansion-action {
            align-items: center;
        }

    /*:is(.sk-template-6) .category-section .sk-expansion-inner:not(:last-child) {
    border-bottom: 0;
}*/

    :is(.sk-template-6) .category-section .sk-expansion-content {
        padding: 0 0 var(--gutter-base);
    }

    :is(.sk-template-6) .category-section .sk-container {
        border-top: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-6) .category-section img {
        object-fit: contain;
    }

    @media (max-width:768px) {
        .category-section .sk-expansion-panels {
            margin-bottom: 4rem;
        }
    }

    /* category section */

    /* footer css :: start */

    :is(.sk-template-6) .footer {
        background-color: #F4F8FB;
        color: var(--color-body-color);
    }

        :is(.sk-template-6) .footer a {
            color: var(--color-body-color);
        }

        :is(.sk-template-6) .footer .sk-container {
            padding-top: var(--gutter-large);
        }

        :is(.sk-template-6) .footer .social-icons {
            align-items: center;
            gap: 2rem;
            justify-content: center;
        }

            :is(.sk-template-6) .footer .social-icons svg {
                fill: var(--color-text-muted);
            }

        :is(.sk-template-6) .footer .sk-list-inline {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            padding-top: 2rem;
            flex-wrap: wrap;
        }

            :is(.sk-template-6) .footer .sk-list-inline li {
                padding: 0 1rem;
            }


    @media (max-width:460px) {
        .footer .sk-container > .sk-flex-row {
            justify-content: center !important;
        }
    }

    /* footer css :: end */


    /* Otp form css:: BEGIN */
    .sk-otp {
        padding: 2.5rem 0;
        text-align: center;
        width: 100%;
    }

        .sk-otp p {
            margin: var(--gutter-base) 0;
        }

        .sk-otp .otp-block {
            margin: 3rem 0 1rem;
            padding-left: var(--gutter-xlarge);
        }


        .sk-otp .otp-input .box-1 {
            left: 0;
        }

        .sk-otp .otp-input .box-2 {
            left: 5.9rem;
        }

        .sk-otp .otp-input .box-3 {
            left: 11.8rem;
        }

        .sk-otp .otp-input .box-4 {
            left: 17.7rem;
        }

        .sk-otp .otp-input span {
            border-bottom: 0.2rem solid var(--color-text-muted);
            height: 5rem;
            position: absolute;
            top: 0.6rem;
            width: 5rem;
        }

        .sk-otp .otp-input .last-box {
            background: var(--color-white);
            border: 0;
            height: 5rem;
            position: absolute;
            right: 0;
            width: 3rem;
            z-index: 999;
        }

        .sk-otp input {
            background-color: transparent;
            border: 0;
            color: var(--color-body-color);
            font-family: var(--font-family-primary);
            font-size: 2.6rem;
            font-weight: 600;
            height: 100%;
            letter-spacing: 4.4rem;
            position: relative;
            width: 100%;
            z-index: 50;
        }

    /* Otp form css:: END */

    /* Template 6 CSS :: End */

    /* Template 7 CSS :: Begin */

    :is(.sk-template-7) .sk-button.sk-no-radius {
        border-radius: 0;
    }

    :is(.sk-template-7) .sk-appbar {
        border: 0;
    }

        :is(.sk-template-7) .sk-appbar.sk-appbar-fixed:is(.sk-large) {
            height: 8rem;
            filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 10%));
            background-color: var(--color-primary);
        }

        :is(.sk-template-7) .sk-appbar + .sk-appbar {
            transition: all 0.2s;
        }

            :is(.sk-template-7) .sk-appbar + .sk-appbar.sk-sticky {
                top: 8rem;
                z-index: 4;
            }

    :is(.sk-template-7) .sk-appbar-fixed .sk-button.sk-primary {
        background-color: var(--color-white);
        color: var(--color-primary);
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-7) .sk-button:is(.sk-primary) {
        color: var(--color-white);
        font-size: 1.4rem;
        font-weight: 400;
    }

    :is(.sk-template-7) .sk-button:is(.sk-primary.sk-large) {
        font-size: 1.6rem;
        padding: 0 3rem;
    }

    :is(.sk-template-7) .sk-appbar .sk-lead {
        padding-left: 1rem;
        color: var(--color-primary);
    }

    :is(.sk-template-7) .sk-appbar-fixed + .sk-appbar svg {
        fill: var(--color-primary);
    }

    :is(.sk-template-7) .sk-container {
        max-width: 120rem;
        border: 0;
    }

    :is(.sk-template-7) section:not(.hero, .about-us, .address-and-contact) .sk-container > h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 3.5rem;
        color: var(--color-dark);
        font-weight: var(--font-weight-bold);
        font-size: 3.2rem;
    }


        :is(.sk-template-7) section:not(.hero, .about-us, .address-and-contact) .sk-container > h2::after {
            display: none;
        }

    :is(.sk-template-7) .sk-appbar .sk-container {
        padding: 0 var(--gutter-base);
    }

    :is(.sk-template-7) .sk-appbar-fixed + .sk-appbar .sk-appbar-align-end .sk-button.sk-round svg {
        fill: var(--color-primary);
    }

    :is(.sk-template-7) .sk-appbar-fixed + .sk-appbar .sk-appbar-align-end .sk-button.sk-round {
        border: 0.1rem solid var(--color-primary);
        border-radius: var(--radius-base);
    }

    :is(.sk-template-7) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round {
        border: 0.1rem solid var(--color-white);
        border-radius: var(--radius-base);
    }

        :is(.sk-template-7) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round svg {
            fill: var(--color-white);
            stroke: none;
            width: 2.4rem;
            height: 2.4rem;
        }

    :is(.sk-template-7) .sk-appbar-fixed .book-appointments {
        font-size: 1.8rem;
    }

    :is(.sk-template-7) .sk-appbar-fixed .book-appointments,
    :is(.sk-template-7) .sk-appbar-fixed .sk-overflow-menu {
        color: var(--color-white);
    }

        :is(.sk-template-7) .sk-appbar-fixed .book-appointments svg {
            fill: var(--color-white);
        }

    :is(.sk-template-7) .sk-appbar-fixed .sk-primary.sk-large,
    :is(.sk-template-7) .address-and-contact .sk-primary.sk-large,
    :is(.sk-template-7) .about-us .sk-primary.sk-large {
        border-radius: 0;
    }

    :is(.sk-template-7) .sk-appbar-fixed + .sk-appbar {
        border-bottom: 0.4rem solid #F08000;
    }

        :is(.sk-template-7) .sk-appbar-fixed + .sk-appbar .sk-menu li a {
            text-transform: capitalize;
            font-size: 1.6rem;
            font-weight: 400;
            color: var(--color-primary);
        }

        :is(.sk-template-7) .sk-appbar-fixed + .sk-appbar .sk-menu li.sk-active a {
            font-weight: var(--font-weight-medium);
        }

    :is(.sk-template-7) section {
        scroll-margin-top: 14rem;
    }


    :is(.sk-template-7) .sk-drawer.sk-drawer-right .sk-drawer-inner {
        margin-left: auto;
        animation: slide-right .3s linear;
        width: 90%;
    }

    @-webkit-keyframes slide-right {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }

    @-moz-keyframes slide-right {
        0% {
            opacity: 0;
            -moz-transform: translateX(100%)
        }
    }

    @media (max-width: 1200px) {
        :is(.sk-template-7) .sk-appbar-logo img {
            height: 6.5rem;
        }
    }


    /* hero css :: Begin */

    :is(.sk-template-7) .hero .sk-carousel-inner {
        max-width: 100%;
    }

    :is(.sk-template-7) .hero .sk-carousel-item {
        max-width: 100%;
    }

    :is(.sk-template-7) .hero .sk-container-fluid {
        padding: 0;
    }


    :is(.sk-template-7) .hero .slick-slide img {
        border-radius: 0;
        width: 100%;
    }

    :is(.sk-template-7) .hero {
        position: relative;
    }

    :is(.sk-template-7) .whatsapp-btn {
        position: fixed;
        bottom: 6rem;
        right: 8rem;
        background: #10b418;
        border-radius: 50%;
        padding: 1rem;
        cursor: pointer;
        z-index: 4;
    }

        :is(.sk-template-7) .whatsapp-btn img {
            max-width: 4rem;
            height: 4rem;
            object-fit: cover;
            z-index: 2;
            position: relative;
        }

        :is(.sk-template-7) .whatsapp-btn:before {
            position: absolute;
            content: " ";
            z-index: 0;
            bottom: -0.9rem;
            left: -1rem;
            background-color: #10b418;
            width: 80px;
            height: 80px;
            border-radius: 100%;
            animation-fill-mode: both;
            -webkit-animation-fill-mode: both;
            opacity: 0.6;
            -webkit-animation: pulse 1s ease-out;
            animation: pulse 1.8s ease-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(0);
            opacity: 0;
        }

        25% {
            -webkit-transform: scale(0.3);
            opacity: 1;
        }

        50% {
            -webkit-transform: scale(0.6);
            opacity: .6;
        }

        75% {
            -webkit-transform: scale(0.9);
            opacity: .3;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes pulse {
        0% {
            transform: scale(0);
            opacity: 0;
        }

        25% {
            transform: scale(0.3);
            opacity: 1;
        }

        50% {
            transform: scale(0.6);
            opacity: .6;
        }

        75% {
            transform: scale(0.9);
            opacity: .3;
        }

        100% {
            transform: scale(1);
            opacity: 0;
        }
    }

    @media(max-width:768px) {
        :is(.sk-template-7) .whatsapp-btn {
            right: 2rem;
            padding: 0.8rem;
        }

            :is(.sk-template-7) .whatsapp-btn img {
                max-width: 3rem;
                height: 3rem;
            }

            :is(.sk-template-7) .whatsapp-btn:before {
                position: absolute;
                bottom: -0.8rem;
                left: -1rem;
                width: 6.5rem;
                height: 6.5rem;
            }

        :is(.sk-template-7) .hero .sk-carousel-inner .sk-carousel-item {
            height: 30rem;
        }

            :is(.sk-template-7) .hero .sk-carousel-inner .sk-carousel-item img {
                object-fit: cover;
                object-position: left;
            }
    }

    /* hero css :: End */

    /* contact form css :: start */
    :is(.sk-template-7) .hero .contact-form {
        max-width: 45rem;
        margin-left: auto;
        margin-right: initial;
        border: 0;
        border-radius: 0;
        padding: var(--gutter-large) 3.5rem;
    }

    :is(.sk-template-7) .contact-form h2 {
        color: var(--color-primary);
        padding-bottom: 2rem;
    }

    :is(.sk-template-7) .contact-form .sk-text-field .sk-helper-line {
        height: 1.6rem;
    }

    :is(.sk-template-7) .contact-form .sk-text-field.sk-leading-icon svg {
        fill: var(--color-primary);
    }

    /* contact form css :: end */

    /* address and contact section css :: Begin */

    :is(.sk-template-7) figure.logo {
        width: 24rem;
        padding: var(--gutter-large);
        height: 100%;
        background-color: var(--color-primary);
        border-radius: var(--radius-large);
    }


    :is(.sk-template-7) .address-and-contact .sk-card {
        background-color: var(--color-form-field);
    }

    :is(.sk-template-7) .address-and-contact .sk-card-primary {
        gap: 4rem;
        align-items: stretch;
    }

    :is(.sk-template-7) .address-and-contact .rating-group b {
        font-size: 2.5rem;
    }

    :is(.sk-template-7) .address-and-contact .book-appointments .sk-icons:not(.dropdown-icon) {
        border: 0.1rem solid var(--color-primary);
        border-radius: var(--radius-round);
        padding: 1rem;
        color: var(--color-primary);
    }

    :is(.sk-template-7) .address-and-contact .contact-card {
        width: 100%;
    }

    :is(.sk-template-7) .address-and-contact .book-appointments {
        margin-top: 1rem;
        flex-wrap: wrap;
        font-size: 2.2rem;
    }

        :is(.sk-template-7) .address-and-contact .book-appointments .sk-flex-row small {
            position: absolute;
            top: 0px;
            left: 5.8rem;
        }

        :is(.sk-template-7) .address-and-contact .book-appointments .sk-flex-row {
            align-items: flex-end;
            position: relative;
        }

    :is(.sk-template-7) .address-and-contact address {
        max-width: 60rem;
    }

    :is(.sk-template-7) .address-and-contact .book-appointments .sk-overflow-menu {
        position: relative;
    }

    :is(.sk-template-7) .address-and-contact .book-appointments .sk-overflow-list {
        font-size: 1.6rem;
        left: 0;
    }

    :is(.sk-template-7) .address-and-contact .sk-button-group {
        padding-top: 2rem;
    }

    :is(.sk-template-7) .address-and-contact .sk-button.sk-large {
        padding-right: 1.6rem;
    }

    :is(.sk-template-7) .address-and-contact .sk-button .sk-icons {
        height: 4.8rem;
        display: flex;
        align-items: center;
        border-left: 0.1rem solid rgb(255, 255, 255, 0.3);
        padding-left: 1.6rem;
        margin-left: 3rem;
    }

    :is(.sk-template-7) .address-and-contact .sk-lead {
        font-size: 1.8rem;
        word-break: break-all;
        padding-bottom: 1rem;
    }

    :is(.sk-template-7) .address-and-contact h2 {
        padding-bottom: 0;
    }

    @media (min-width:1024px) and (max-width: 1200px) {
        :is(.sk-template-7) .address-and-contact .mobile-wrap {
            flex-wrap: nowrap !important;
        }
    }

    @media (max-width: 1024px) {
        :is(.sk-template-7) .mobile-wrap {
            flex-wrap: wrap !important;
        }

        :is(.sk-template-7) .hero .contact-form {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (max-width:768px) {
        :is(.sk-template-7) .address-and-contact .sk-card-primary {
            justify-content: center;
        }

        :is(.sk-template-7) figure.logo {
            width: 20rem;
            height: 20rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            :is(.sk-template-7) figure.logo img {
                height: auto;
                width: auto;
            }

        :is(.sk-template-7) .address-and-contact .sk-block {
            text-align: center;
        }

        :is(.sk-template-7) .address-and-contact .sk-flex-row,
        :is(.sk-template-7) .address-and-contact .sk-button-group {
            justify-content: center !important;
        }

        :is(.sk-template-7) .address-and-contact .book-appointments {
            justify-content: start;
            font-size: 2rem;
            max-width: 26rem;
        }

            :is(.sk-template-7) .address-and-contact .book-appointments svg {
                width: 1.8rem;
                height: 1.8rem;
            }

        .address-and-contact .book-appointments .dropdown-icon svg {
            width: auto;
            height: auto;
        }
    }

    /* address and contact section css :: End */


    /* about us css :: begin */

    :is(.sk-template-7) .about-us {
        background-color: var(--color-secondary);
        position: relative;
        overflow: hidden;
    }

        :is(.sk-template-7) .about-us:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            /*background-image: url(/staticfiles/sites/templates/images/common/about-us-clinic.jpg);*/
            background-repeat: repeat;
            background-position: top left;
            background-image: url('/staticfiles/sites/templates/images/healthcare/doctor-about-us.png');
            opacity: .2;
        }

        :is(.sk-template-7) .about-us .sk-container {
            position: relative;
            z-index: 2;
        }

        /*:is(.sk-template-7) .about-us:before {
        background-image: url(/staticfiles/sites/templates/images/common/about-us-clinic.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }*/

        :is(.sk-template-7) .about-us:after {
            top: 0;
            left: 0;
            background-color: rgb(var(--color-primary-rgb)/20%);
        }

        :is(.sk-template-7) .about-us .sk-surface {
            max-width: 60rem;
            margin-left: auto;
            padding: 4rem;
            margin-bottom: 0;
        }

        :is(.sk-template-7) .about-us .sub-heading {
            text-transform: uppercase;
            letter-spacing: 0.5rem;
            border: 0.1rem solid var(--color-border);
            width: max-content;
            padding: 0 1rem;
            margin-bottom: 1.6rem;
            font-size: 1.6rem;
        }


    @media (max-width:768px) {
        :is(.sk-template-7) .about-us .sk-surface {
            padding: 2rem;
            text-align: center;
            margin: auto;
        }

        :is(.sk-template-7) .about-us .sub-heading {
            margin: auto;
            margin-bottom: 1rem;
        }
    }

    /* about us css :: end */

    /* our treatments css */

    :is(.sk-template-7) .max-width-50 {
        max-width: 75%;
    }

    :is(.sk-template-7) .our-treatments .sk-menu li {
        padding: 0;
        background: rgb(var(--color-primary-rgb)/60%);
        border-radius: 0 3rem 3rem 0;
        align-items: center;
        transition: all .5s ease-out
    }

    :is(.sk-template-7) .our-treatments .sk-tabs.sk-vertical > .sk-menu nav ul {
        gap: 1rem;
        max-height: 45rem;
    }

    :is(.sk-template-7) .our-treatments .sk-tabs.sk-vertical > .sk-menu {
        border: 0;
    }

    :is(.sk-template-7) .our-treatments .sk-menu li:hover {
        background: var(--color-primary);
        color: var(--color-white);
    }

    :is(.sk-template-7) .our-treatments .sk-menu li {
        color: var(--color-white);
    }

    :is(.sk-template-7) .sk-card .sk-card-media img {
        width: 376px;
        height: 200px;
    }

    :is(.sk-template-7) .our-treatments .sk-menu li .sk-icons {
        border-radius: 0 var(--radius-pill) var(--radius-pill) 0
    }

    :is(.sk-template-7) .our-treatments .sk-menu li a {
        text-transform: revert;
        font-size: 1.6rem;
        letter-spacing: .05rem;
        border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
        justify-content: flex-start;
        width: 100%;
        font-weight: bold;
    }

    :is(.sk-template-7) .our-treatments .sk-menu li.sk-active .sk-menu-indicator {
        display: none;
    }

    :is(.sk-template-7) .our-treatments .sk-menu li.sk-active {
        border-radius: 0 var(--radius-pill) var(--radius-pill) 0
    }

        :is(.sk-template-7) .our-treatments .sk-menu li.sk-active,
        :is(.sk-template-7) .our-treatments .sk-menu li.sk-active a {
            color: var(--color-white);
            background: var(--color-primary);
        }

    :is(.sk-template-7) .our-treatments .sk-card-actions {
        gap: var(--gutter-base);
    }


    :is(.sk-template-7) .our-treatments .sk-tabs {
        background: var(--color-white);
        padding: 2rem 0;
        box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.08);
    }

    :is(.sk-template-7) .our-treatments .sk-tab-data {
        height: auto;
    }

    :is(.sk-template-7) .our-treatments .sk-tab-content img.max-width-50 {
        border-radius: 50%;
        border: 1rem solid #f6f6f6;
    }

    :is(.sk-template-7) .our-treatments .sk-tabs .sk-tab-content {
        border-radius: 0 3rem 3rem 0;
        align-items: center;
        justify-content: center;
    }

        :is(.sk-template-7) .our-treatments .sk-tabs .sk-tab-content .sk-flex-row {
            justify-content: center;
        }

    @media(max-width: 992px) {
        :is(.sk-template-7) .our-treatments .sk-tabs.sk-vertical {
            flex-wrap: wrap;
        }

            :is(.sk-template-7) .our-treatments .sk-tabs.sk-vertical .sk-menu {
                width: 100%;
                flex: 0 0 100%;
            }

                :is(.sk-template-7) .our-treatments .sk-tabs.sk-vertical .sk-menu nav ul {
                    display: flex;
                    flex-direction: row;
                    overflow-x: auto;
                    justify-content: flex-start;
                }

                :is(.sk-template-7) .our-treatments .sk-tabs.sk-vertical .sk-menu li {
                    height: auto;
                    width: auto;
                }

        :is(.sk-template-7) .our-treatments .sk-menu li {
            border-radius: 3rem;
        }

            :is(.sk-template-7) .our-treatments .sk-menu li .sk-icons {
                display: none;
            }

            :is(.sk-template-7) .our-treatments .sk-menu li.sk-active {
                border-radius: var(--radius-pill);
            }

            :is(.sk-template-7) .our-treatments .sk-menu li a {
                padding: var(--gutter-small) var(--gutter-large);
            }

            :is(.sk-template-7) .our-treatments .sk-menu li.sk-active a {
                background: none;
            }

        :is(.sk-template-7) .our-treatments .sk-tab-data .max-width-50 {
            max-width: 100%;
            text-align: center;
        }

        :is(.sk-template-7) .our-treatments .sk-menu li:first-child {
            margin-left: 2rem;
        }

        :is(.sk-template-7) .our-treatments .sk-menu li:last-child {
            margin-right: 2rem;
        }
    }


    @media (max-width:768px) {
        :is(.sk-template-7) .our-treatments .max-width-50 {
            max-width: 90%;
        }

        :is(.sk-template-7) .our-treatments .sk-tab-data {
            padding: var(--gutter-small) 0;
        }

        :is(.sk-template-7) .our-treatments .sk-tabs .sk-tab-content {
            padding: var(--gutter-base) var(--gutter-small);
        }
    }



    /* services css :: begin */
    :is(.sk-template-7) .services .sk-carousel .sk-carousel-item,
    :is(.sk-template-7) .news-article .sk-carousel .sk-carousel-item {
        max-width: 100%;
        border-radius: 0;
        border: 0;
    }

    :is(.sk-template-7) .news-article .slick-track,
    :is(.sk-template-7) .services .slick-slide {
        padding: 0;
    }

    :is(.sk-template-7) .news-article .slick-track,
    :is(.sk-template-7) .branches .slick-track {
        display: flex;
    }

    :is(.sk-template-7) .news-article .slick-slide,
    :is(.sk-template-7) .branches .slick-slide {
        height: auto;
    }

    :is(.sk-template-7) .services .slick-slide > div {
        height: 100%;
        width: 100%;
    }


    :is(.sk-template-7) .services .sk-surface {
        border-radius: 0;
        padding: 3rem;
        margin-bottom: 0;
        height: 100%;
    }

        :is(.sk-template-7) .services .sk-surface p {
            color: var(--color-text-muted);
            font-weight: 400;
        }

        :is(.sk-template-7) .services .sk-surface h5 {
            font-weight: 600;
            color: var(--color-dark);
        }


        :is(.sk-template-7) .services .sk-surface:hover p,
        :is(.sk-template-7) .services .sk-surface:hover h5 {
            color: var(--color-white);
        }

        :is(.sk-template-7) .services .sk-surface:hover {
            background-color: var(--color-primary);
            color: var(--color-white);
        }

            :is(.sk-template-7) .services .sk-surface:hover .sk-button {
                background-color: var(--color-white);
                color: var(--color-body-color);
            }

    :is(.sk-template-7) .services {
        background-color: #F5F7F9;
        margin: 0;
    }

        :is(.sk-template-7) .services .sk-carousel-inner {
            margin: 0 6rem;
            overflow: unset;
        }

        :is(.sk-template-7) .services .slick-arrow,
        :is(.sk-template-7) .branches .slick-arrow,
        :is(.sk-template-7) .gallery .slick-arrow,
        :is(.sk-template-7) .videos .slick-arrow {
            position: absolute;
            top: 50%;
            transform: translatey(-50%);
            z-index: 1;
        }

        :is(.sk-template-7) .services .slick-arrow,
        :is(.sk-template-7) .branches .slick-arrow,
        :is(.sk-template-7) .videos .slick-arrow,
        :is(.sk-template-7) .gallery .slick-arrow {
            border-radius: var(--radius-base);
            box-shadow: var(--box-shadow-1);
            border: 0.1rem solid var(--color-border);
        }

    :is(.sk-template-7) .slick-arrow svg {
        width: 3rem;
        height: 3rem;
        fill: var(--color-body-color);
    }

    /* 
:is(.sk-template-7) .branches .slick-arrow.arrow-prev {
    left: 0.8rem;
} */

    :is(.sk-template-7) .services .slick-arrow.arrow-prev {
        left: -7rem;
    }

    :is(.sk-template-7) .branches .slick-arrow.arrow-prev,
    :is(.sk-template-7) .videos .slick-arrow.arrow-prev,
    :is(.sk-template-7) .gallery .slick-arrow.arrow-prev {
        left: -5rem;
    }

        :is(.sk-template-7) .services .slick-arrow.arrow-prev svg,
        :is(.sk-template-7) .branches .slick-arrow.arrow-prev svg,
        :is(.sk-template-7) .gallery .slick-arrow.arrow-prev svg {
            transform: rotate(180deg);
        }

    :is(.sk-template-7) .services .slick-arrow.arrow-next {
        right: -7rem;
    }

    :is(.sk-template-7) .branches .slick-arrow.arrow-next,
    :is(.sk-template-7) .videos .slick-arrow.arrow-next,
    :is(.sk-template-7) .gallery .slick-arrow.arrow-next {
        right: -5rem;
    }

    /* :is(.sk-template-7) .branches .slick-arrow.arrow-next {
    right: 0.8rem;
} */

    :is(.sk-template-7) .news-article .sk-carousel-inner {
        display: block;
    }

    :is(.sk-template-7) .news-article .sk-carousel-item {
        padding: var(--gutter-small);
    }

        :is(.sk-template-7) .news-article .sk-carousel-item .sk-card {
            box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
            height: 100%;
            border-radius: 0;
            text-align: left;
        }

    :is(.sk-template-7) .news-article .sk-card .meta-data {
        display: flex;
        gap: 2rem;
        border-bottom: 0.1rem solid var(--color-border);
        padding-bottom: 1rem;
    }

        :is(.sk-template-7) .news-article .sk-card .meta-data .sk-flex-row:first-child {
            border-right: 0.1rem solid var(--color-grey);
            padding-right: 2rem;
        }

        :is(.sk-template-7) .news-article .sk-card .meta-data svg,
        :is(.sk-template-7) .news-article .sk-card .sk-button svg {
            fill: var(--color-primary);
        }

    :is(.sk-template-7) .news-article .sk-card .sk-lead {
        font-weight: var(--font-weight-medium);
        padding-top: var(--gutter-base);
    }

    :is(.sk-template-7) .news-article .sk-card .sk-button {
        padding: 0;
    }

        :is(.sk-template-7) .news-article .sk-card .sk-button:hover::after {
            background-color: transparent;
        }

    :is(.sk-template-7) .news-article .sk-container {
        border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }


    @media (max-width:1400px) {

        :is(.sk-template-7) .branches .slick-arrow.arrow-next,
        :is(.sk-template-7) .videos .slick-arrow.arrow-next,
        :is(.sk-template-7) .gallery .slick-arrow.arrow-next {
            right: 0rem;
        }

        :is(.sk-template-7) .branches .slick-arrow.arrow-prev,
        :is(.sk-template-7) .videos .slick-arrow.arrow-prev,
        :is(.sk-template-7) .gallery .slick-arrow.arrow-prev {
            left: 0rem;
        }
    }



    @media (max-width:1200px) {
        :is(.sk-template-7) .services .slick-arrow.arrow-next {
            right: -5rem;
        }

        :is(.sk-template-7) .services .slick-arrow.arrow-prev {
            left: -5rem;
        }
    }

    @media (max-width:768px) {
        :is(.sk-template-7) .services .sk-carousel-inner {
            margin: 0 1.6rem;
        }

        :is(.sk-template-7) .services .slick-arrow.arrow-next {
            right: -2rem;
        }

        :is(.sk-template-7) .services .slick-arrow.arrow-prev {
            left: -2rem;
        }

        :is(.sk-template-7) .services .sk-surface {
            padding: 2rem;
        }
    }

    /* services css :: end */


    /* online consultant css ::begin */

    :is(.sk-template-7) .online-consultant {
        background-color: var(--color-primary);
        position: relative;
        overflow: hidden;
    }

        :is(.sk-template-7) .online-consultant .sk-container {
            padding: 10rem 0;
        }

        :is(.sk-template-7) .online-consultant h2 {
            max-width: 45rem;
            margin: auto;
            padding-bottom: 3rem;
            color: var(--color-white) !important;
        }

        :is(.sk-template-7) .online-consultant .sk-button-group {
            gap: 2rem;
            justify-content: center;
            color: var(--color-white);
            align-items: center;
        }

            :is(.sk-template-7) .online-consultant .sk-button-group .sk-button:first-child {
                background-color: #F08000;
                color: var(--color-white);
            }

        :is(.sk-template-7) .online-consultant:before,
        :is(.sk-template-7) .online-consultant:after {
            content: '';
            width: 45rem;
            height: 35rem;
            position: absolute;
            background-image: url(/staticfiles/sites/templates/images/common/pattern.png);
            background-repeat: no-repeat;
        }

        :is(.sk-template-7) .online-consultant:before {
            bottom: -10rem;
            left: -10rem;
            transform: rotate(240deg);
        }

        :is(.sk-template-7) .online-consultant:after {
            top: -8rem;
            right: -10rem;
            transform: rotate(70deg);
        }

    @media (max-width:768px) {
        :is(.sk-template-7) .online-consultant .sk-container {
            padding: 6rem 0;
        }
    }

    @media (max-width:500px) {
        :is(.sk-template-7) .online-consultant:before {
            display: none;
        }

        :is(.sk-template-7) .online-consultant .sk-button-group {
            flex-direction: column;
        }
    }

    /* online consultant css ::end */

    /* products css :: begin */

    :is(.sk-template-7) .products .search-group {
        gap: 4rem;
        padding-top: 2rem;
    }

        :is(.sk-template-7) .products .search-group .sk-text-select {
            flex-basis: 50%;
        }

    :is(.sk-template-7) .search-group .sk-overflow-list li {
        padding: var(--gutter-small) var(--gutter-base);
    }

    :is(.sk-template-7) .products .sk-container {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        padding: var(--gutter-xlarge) 1.2rem;
    }

    :is(.sk-template-7) .products .sk-text-field,
    :is(.sk-template-7) .branches .sk-text-field {
        max-width: 32rem;
        margin-left: auto;
    }

    :is(.sk-template-7) .hide_business {
        display: none !important;
    }

    :is(.sk-template-7) .products .sk-text-field.sk-leading-icon .sk-input,
    :is(.sk-template-7) .branches .sk-text-field.sk-leading-icon .sk-input {
        border-radius: var(--radius-pill);
    }

    :is(.sk-template-7) .products .sk-menu li.sk-active .sk-menu-indicator::before {
        border-color: var(--color-primary);
    }

    :is(.sk-template-7) .product-item .sk-lead {
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-7) .product-item .sk-card {
        max-width: 100%;
        border-radius: 0;
        background-color: var(--color-form-field);
        margin-bottom: 0;
    }

    :is(.sk-template-7) .product-item .sk-card-media {
        padding: 2rem 2rem 0;
    }

        :is(.sk-template-7) .product-item .sk-card-media img {
            object-fit: cover;
            object-position: top;
        }

    :is(.sk-template-7) .product-item .sk-card-primary:not(:empty) {
        text-align: center;
    }

    :is(.sk-template-7) .product-item .sk-card-primary p {
        margin-bottom: 0;
    }

    :is(.sk-template-7) .products .sk-menu.sk-scrollable nav ul {
        gap: 2rem;
        padding-right: 4rem;
    }

    :is(.sk-template-7) .products .sk-menu nav .sk-button.sk-flat {
        position: absolute;
        right: 0;
        top: 0.5rem;
        justify-content: flex-end;
        box-shadow: none;
    }

        :is(.sk-template-7) .products .sk-menu nav .sk-button.sk-flat svg {
            width: 3.2rem;
            height: 3.2rem;
        }

    :is(.sk-template-7) .products .product-item {
        column-gap: 3rem;
        /* justify-content: space-between; */
        row-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .contact-us .sk-panel-inner,
    .read-more-panel .sk-panel-inner {
        border: 1rem solid #DCEDFE;
        height: auto;
    }

    @media (max-width:1200px) {
        :is(.sk-template-7) .products .product-item {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width:1024px) {
        :is(.sk-template-7) .products .product-item {
            justify-content: center;
        }
    }

    @media (max-width:991px) {

        :is(.sk-template-7) .products .product-item {
            grid-template-columns: repeat(2, auto);
        }
    }

    @media (max-width:768px) {

        :is(.sk-template-7) .products .sk-text-field,
        :is(.sk-template-7) .branches .sk-text-field {
            margin-right: auto;
        }

        :is(.sk-template-7) .products .product-item {
            row-gap: 3rem;
        }

        :is(.sk-template-7) .products .search-group {
            flex-direction: column;
            gap: 0;
        }

            :is(.sk-template-7) .products .search-group .sk-text-select {
                max-width: 32rem;
                width: 100%;
            }
    }

    @media (max-width:560px) {
        :is(.sk-template-7) .products .product-item {
            grid-template-columns: repeat(1, auto);
        }
    }

    /* products css :: begin */

    /* branches css :: begin */

    :is(.sk-template-7) .branches .sk-carousel-item {
        border: 0;
        max-width: 100%;
        border-radius: 0;
        padding: var(--gutter-base);
    }

    :is(.sk-template-7) .branches .slick-track {
        padding: 0;
    }

    :is(.sk-template-7) .branches .branch-card {
        flex: auto;
        border-radius: 0;
        /* max-width: 30rem; */
        box-shadow: var(--box-shadow-2);
        padding: 2rem;
    }

        :is(.sk-template-7) .branches .branch-card .sk-button {
            margin-top: auto;
        }


    :is(.sk-template-7) .branches {
        background-image: url('../img/map.jpg');
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        position: relative;
    }

        :is(.sk-template-7) .branches:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            width: 100%;
            height: 100%;
            opacity: 0.6
        }

    :is(.sk-template-7) .branch-card > *:not(.sk-flex-row) {
        padding-left: 0;
        text-align: left;
    }

    :is(.sk-template-7) .branch-card .location-name::before {
        display: none;
    }

    :is(.sk-template-7) .branch-card .location-name {
        font-size: 2rem;
    }

    /* branches css :: end */

    /* location css:: begin */
    :is(.sk-template-7) .location .sk-surface {
        background-color: var(--color-primary);
        padding: var(--gutter-large);
        color: var(--color-white);
        margin-bottom: 0;
    }

    :is(.sk-template-7) .location .sk-container {
        border-top: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-7) .location .sk-surface .sk-flex-row svg {
        fill: var(--color-primary);
    }

    :is(.sk-template-7) .location .sk-surface address {
        color: var(--color-white);
    }

    :is(.sk-template-7) .location .sk-surface .sk-flex-row {
        padding-bottom: var(--gutter-base);
    }


    :is(.sk-template-7) .location .sk-surface .social-icons {
        padding-top: 1rem;
    }

    :is(.sk-template-7) .location .social-icons .sk-flex {
        gap: 2rem;
        align-items: center;
    }

        :is(.sk-template-7) .location .social-icons .sk-flex svg {
            fill: var(--color-white);
        }

    :is(.sk-template-7) .location .social-icons .sk-h6 {
        padding-bottom: 1rem;
    }

    :is(.sk-template-7) .location .book-appointments {
        flex-flow: column;
        align-items: start;
        gap: 0;
        margin-top: 2rem;
    }

        :is(.sk-template-7) .location .book-appointments .sk-flex-row {
            font-size: 2rem;
            font-weight: 400;
            padding-bottom: 0.5rem;
        }

    :is(.sk-template-7) .location iframe {
        border-radius: var(--radius-xlarge);
    }

    @media (max-width:768px) {
        :is(.sk-template-7) .location .sk-surface {
            margin-bottom: 4rem;
        }

        :is(.sk-template-7) .location iframe {
            height: 40rem;
        }
    }

    /* location css:: end */

    /* gallery css :: begin */

    :is(.sk-template-7) .gallery {
        background-color: var(--color-form-field);
    }

        :is(.sk-template-7) .gallery .sk-carousel-item,
        :is(.sk-template-7) .videos .sk-carousel-item {
            border: 0;
            padding: var(--gutter-base);
            max-width: 100%;
        }

        :is(.sk-template-7) .gallery .slick-track,
        :is(.sk-template-7) .videos .slick-track {
            padding: 0;
            gap: 0;
        }

            :is(.sk-template-7) .videos .slick-track .slick-slide {
                margin: 1rem;
            }



        :is(.sk-template-7) .gallery .sk-carousel-inner,
        :is(.sk-template-7) .videos .sk-carousel-inner,
        :is(.sk-template-7) .branches .sk-carousel-inner {
            overflow: unset;
        }

    :is(.sk-template-7) .videos .slick-list {
        width: 100%;
    }

    :is(.sk-template-7) .videos .slick-track {
        justify-content: center;
    }

    /* gallery css :: end */
    /* review section css :: start*/
    :is(.sk-template-7) .review-section {
        background-color: var(--color-secondary);
        color: var(--color-on-secondary);
    }

        :is(.sk-template-7) .review-section .review-para h2 {
            color: #021526;
            font-weight: var(--font-weight-bold);
        }

            :is(.sk-template-7) .review-section .review-para h2 span {
                color: #0360D9;
            }

        :is(.sk-template-7) .review-section .review-para {
            max-width: 42rem;
            margin-top: 0;
        }


        :is(.sk-template-7) .review-section .sk-surface p {
            margin-bottom: 0;
        }

        :is(.sk-template-7) .review-section .review-content {
            background-color: #ffffff;
            color: #212121;
            padding: 2rem;
            border-radius: var(--radius-large);
            flex: 50%;
            margin-bottom: var(--gutter-base)
        }

    :is(.sk-template-7) .review-content .reviewer-name {
        margin-bottom: 0.5rem;
    }

    :is(.sk-template-7) .review-section .reviews {
        display: flex;
        gap: 2rem;
        justify-content: center;
    }

    :is(.sk-template-7) .review-section .sk-pagination {
        justify-content: center;
    }

    @media (max-width:1024px) {
        :is(.sk-template-7) .review-section .review-para {
            margin: auto;
            text-align: center;
        }

            :is(.sk-template-7) .review-section .review-para .sk-flex-row {
                justify-content: center;
            }

        .review-section .sk-ratings {
            justify-content: center;
        }

        :is(.sk-template-7) .review-section .sk-col-fluid {
            max-width: 100%;
            flex: 0 0 100%;
        }
    }

    @media (max-width:768px) {
        :is(.sk-template-7) .review-section .review-content {
            max-width: 100%;
        }

        :is(.sk-template-7) .review-section .reviews {
            flex-wrap: wrap;
        }
    }

    /* review section css :: end*/


    /* category section */

    :is(.sk-template-7) .category-section .sk-expansion-panels {
        border: 0.1rem solid var(--color-border);
        padding: 3rem;
        border-radius: var(--radius-large);
    }

    :is(.sk-template-7) .category-section img {
        object-fit: contain;
        object-position: top;
    }

    :is(.sk-template-7) .category-section .sk-expansion-panels .sk-expansion-header {
        font-weight: var(--font-weight-medium);
        padding: 1.2rem 0rem 1.2rem 0;
    }

    :is(.sk-template-7) .category-section .sk-expansion-panels .sk-expansion-action {
        align-items: center;
    }

    :is(.sk-template-7) .category-section .sk-expansion-panels .sk-expansion-inner:not(:last-child) {
        /*border-bottom: 0;*/
    }

    :is(.sk-template-7) .category-section .sk-expansion-panels .sk-expansion-content {
        padding: 0 0 var(--gutter-base);
    }

    :is(.sk-template-7) .category-section .sk-container {
        border-top: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
        border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }


    @media (max-width:768px) {
        :is(.sk-template-7) .category-section .sk-expansion-panels {
            margin-bottom: 4rem;
        }
    }

    /* category section */


    /* business hours css :: begin */

    :is(.sk-template-7) .business-hours .sk-col-fluid {
        display: flex;
    }

    :is(.sk-template-7) .business-hours .sk-surface {
        background-color: #F6F6F6;
        border: 0;
        border-radius: 0;
        width: 100%;
    }

    :is(.sk-template-7) .business-hours .sk-list-inline li {
        font-size: 1.4rem;
        background-color: var(--color-white);
        padding: 0.5rem 1rem;
        border-left: 0.1rem solid #0152A8;
    }

    :is(.sk-template-7) .business-hours .sk-container {
        border-bottom: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-7) .business-hours .sk-surface .bulleted-list li {
        display: block;
        padding-bottom: 1rem;
    }

    :is(.sk-template-7) .business-hours .sk-list-inline li:not(:last-child)::after {
        display: none;
    }

    :is(.sk-template-7) .business-hours .sk-list-inline {
        row-gap: var(--gutter-base);
    }

    :is(.sk-template-7) .business-hours:not(.area-served) .sk-chipset .sk-chip {
        background-color: #010E21;
        color: var(--color-white);
        border: 0;
        border-radius: 0;
        padding: 1.5rem;
        cursor: text;
    }

    :is(.sk-template-7) .business-hours .sk-chipset {
        margin: 0;
    }

    :is(.sk-template-7) .business-hours .sk-surface h4 {
        margin-bottom: 2.5rem;
        font-weight: var(--font-weight-bold);
    }

    :is(.sk-template-7) .business-hours .documents li a {
        display: flex;
        align-items: flex-end;
        gap: 1rem;
        color: var(--color-body-color);
    }

        :is(.sk-template-7) .business-hours .documents li a img {
            max-width: 2.5rem;
        }

    :is(.sk-template-7) .business-hours.attributes .sk-surface :not(.bulleted-list) li span {
        font-weight: var(--font-weight-medium);
        font-size: 1.8rem;
    }

    :is(.sk-template-7) .business-hours.attributes .sk-surface h6 {
        margin-bottom: 0.5rem;
    }

    :is(.sk-template-7) .business-hours.attributes .sk-surface ul {
        padding-bottom: 0.5rem;
    }


    /* business hours css :: end */

    /* blogs css :: begin */

    :is(.sk-template-7) .blogs {
        background-color: #F5F7F9;
    }

        :is(.sk-template-7) .blogs .sk-row {
            background-color: var(--color-white);
            padding: 0 var(--gutter-small);
        }

        :is(.sk-template-7) .blogs .sk-container > .sk-row {
            padding-top: var(--gutter-large);
        }

        :is(.sk-template-7) .blogs .sk-card {
            border: 0;
            border-radius: 0;
            box-shadow: none;
            margin-bottom: 0;
        }

            :is(.sk-template-7) .blogs .sk-card .sk-card-media:not(:empty) {
                height: 25rem;
            }

        :is(.sk-template-7) .blogs .sk-card-primary .date {
            border: 0.1rem solid var(--color-form-field);
            display: inline-block;
            padding: 0 0.8rem;
            letter-spacing: 0.5rem;
            text-transform: uppercase;
            margin-bottom: var(--gutter-base);
        }

        :is(.sk-template-7) .blogs .sk-card-primary {
            padding: var(--gutter-large) 0;
        }

        :is(.sk-template-7) .blogs .sk-pagination {
            justify-content: center;
            padding-top: 2rem;
        }

            :is(.sk-template-7) .blogs .sk-pagination li {
                height: 4rem;
                min-width: 4rem;
            }

                :is(.sk-template-7) .blogs .sk-pagination li:first-child svg {
                    transform: rotate(180deg);
                }

    @media (max-width:768px) {
        :is(.sk-template-7) .blogs .sk-card {
            margin-bottom: 2rem;
        }
    }

    /* blogs css :: end */

    /* faq css ::begin */
    :is(.sk-template-7) .faq-section .sk-expansion-action {
        align-items: center;
    }

    :is(.sk-template-7) .faq-section .sk-expansion-header {
        padding: var(--gutter-base);
        border: 0.1rem solid #CECECE;
    }

    :is(.sk-template-7) .faq-section .sk-expansion-inner.sk-active {
        background-color: var(--color-form-field);
    }

        :is(.sk-template-7) .faq-section .sk-expansion-inner.sk-active .sk-expansion-header {
            border: 0;
        }

    :is(.sk-template-7) .faq-section .sk-expansion-panels .sk-expansion-inner {
        border: 0;
        margin-bottom: 1.2rem;
    }

    :is(.sk-template-7) .faq-section img {
        max-width: 40rem;
        margin: auto;
        object-fit: contain;
    }

    @media (max-width:768px) {
        :is(.sk-template-7) .faq-section .sk-expansion-panels {
            margin-top: 4rem;
        }
    }

    /* faq css ::end */


    /* footer css :: start */

    :is(.sk-template-7) .footer {
        background-color: #F4F8FB;
    }

        :is(.sk-template-7) .footer .sk-container {
            padding-top: var(--gutter-large);
        }

        :is(.sk-template-7) .footer .social-icons {
            align-items: center;
            gap: 2rem;
            padding-bottom: 1rem;
            justify-content: center;
        }

        :is(.sk-template-7) .footer li {
            padding-bottom: 1rem;
        }

    @media (max-width:768px) {
        :is(.sk-template-7) .footer h5 {
            padding-top: 2rem;
        }
    }

    @media (max-width:460px) {
        .footer .sk-container > .sk-flex-row {
            justify-content: center !important;
        }
    }


    /* footer css :: end */

    /* Template 7 CSS :: End */

    /* Template 8 CSS :: BEGIN */
    /* Header Book an appointment : BEGIN */
    :is(.sk-template-8) {
        --color-accent: #8EC0EE;
        --color-accent-2: #F1F3F7;
        --radius-xlarge: calc(var(--radius-base) * 3);
    }
       
        :is(.sk-template-8) section:not(.business-hours, .category-section, .promanage-footer, .google-review-ai-suggestion) {
            border-bottom: .1rem solid rgb(var(--color-primary-rgb) / 10%);
        }

        :is(.sk-template-8) .services h2 {
            margin-bottom: var(--gutter-small) !important;
        }

        :is(.sk-template-8) .sk-button:hover {
            transition: all 0.5s;
        }

        :is(.sk-template-8) .sk-button.sk-primary:hover {
            background-color: var(--color-secondary);
            border-color: var(--color-secondary);
        }


    :is(.sk-template-8 .sk-appbar) .sk-container h2 {
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }

    :is(.sk-template-8) .header-quick-action {
        background: var(--color-accent);
    }

    :is(.sk-template-8) .sk-container h2 {
        padding: 0;
        max-width: 100%;
    }

        :is(.sk-template-8) .sk-container h2 small {
            display: block;
            line-height: 2rem;
        }

    :is(.sk-template-8) .sk-appbar .sk-menu li a {
        text-transform: capitalize;
        font-weight: normal;
        font-size: 1.6rem;
    }

    :is(.sk-template-8) .hero .carousel-hero {
        /* max-height: 35rem;*/
        /* overflow: hidden; */
    }

    :is(.sk-template-8 .hero) .sk-container {
        padding-top: var(--gutter-base);
        padding-bottom: var(--gutter-base);
    }

    :is(.sk-template-8) .hero .carousel-hero .slick-slide img {
        /* object-fit: contain; */
        object-fit: cover;
        object-position: center;
         height: 55rem; 
        width: 100%;
    }

    .sk-template-8 #dvarticlespopup .sk-panel-body {
        background-color: #262626;
        padding: 0;
    }

    .sk-template-8 .product-detail .sk-appbar {
        background-color: #262626;
    }

    .sk-template-8 .product-detail .sk-panel-header {
        border-bottom: 0;
    }

    .sk-template-8 .product-detail .sk-appbar-align-end .sk-button svg {
        stroke: none;
        fill: var(--color-white);
    }


    :is(.sk-template-8) .hero .slick-initialized .slick-slide {
        height: 100%;
        overflow: hidden;
        /*margin: 0 .5rem;*/
    }

    :is(.sk-template-8) .hero .slick-slide {
/*        border: 0.1rem solid #ddd;*/
        position: relative;
/*        border-radius: var(--radius-base);*/
        overflow: initial;
    }

        :is(.sk-template-8) .hero .slick-slide .image-number {
            position: absolute;
            bottom: 2rem;
            right: 2rem;
            background-color: var(--color-black);
            color: var(--color-white);
            padding: 0.5rem var(--gutter-base);
        }

    :is(.sk-template-8) .address-section .logo {
        max-width: 12rem;
        border: 0.1rem solid var(--color-primary);
        border-radius: var(--radius-base);
    }

    :is(.sk-template-8) .address-section {
        position: relative;
        margin-left: var(--gutter-large);
    }



    :is(.sk-template-8) .hero .slick-slide {
/*        border: 0.1rem solid #ddd;*/
        position: relative;
/*        border-radius: var(--radius-base);*/
    }

    :is(.sk-template-8) .hero .slick-slide {
/*        border: 0.1rem solid #ddd;*/
        position: relative;
/*        border-radius: var(--radius-base);*/
    }

        :is(.sk-template-8) .hero .slick-slide .image-number {
            position: absolute;
            bottom: 2rem;
            right: 2rem;
            background-color: var(--color-black);
            color: var(--color-white);
            padding: 0.5rem var(--gutter-base);
        }
        :is(.sk-template-8) section.hero {
            border-bottom: 0;
        }


        /*:is(.sk-template-8) .address-section {
                position: relative;
            }*/

        


        :is(.sk-template-8) .address-section .logo {
            position: absolute;
            top: 0;
            left: 0;
        }

        :is(.sk-template-8) .address-section h1,
        :is(.sk-template-8) .address-section .share-btn {
            /*  padding-left: 13rem;*/
            margin-top: 0;
            margin-bottom: 0;
            /* gap: 3rem;*/
        }

        :is(.sk-template-8) .address-section .contact-card {
            padding-top: var(--gutter-base);
        }

        :is(.sk-template-8) .address-section h1 {
            padding-top: 2rem;
        }

    :is(.sk-template-8) .services {
        background: rgb(181, 122, 60);
        background: linear-gradient(269deg, rgba(181, 122, 60, 1) 0%, rgba(181, 122, 60, 1) 35%, rgba(141, 86, 36, 1) 100%);
        margin-top: 0;
    }

    :is(.sk-template-8) .sk-appbar {
        border: 0;
    }

    .sk-button.sk-whatsapp {
        background: #3BA72F;
        border-color: #3BA72F;
        color: var(--color-white);
    }

    :is(.sk-template-8) section:not(.hero) .sk-container > h2::after,
    :is(.sk-template-8) .business-hours h2::after,
    :is(.sk-template-8) .location-map h2::after {
        display: none;
    }

    :is(.sk-template-8) .category-section .sk-card {
        border-radius: var(--radius-large);
        border: .1rem solid #B0D9BA;
        border-radius: inherit;
        text-align: left;
    }

    :is(.sk-template-8) .category-section .sk-card-primary {
        border-radius: var(--radius-large) var(--radius-large) 0 0;
    }

    :is(.sk-template-8) .category-section .sk-card-actions {
        border-radius: 0 0 var(--radius-large) var(--radius-large);
    }

    :is(.sk-template-8) .services-offered {
        /*        background-color: rgb(var(--color-primary-rgb) / 10%);*/
    }

        :is(.sk-template-8) .services-offered .slick-track {
            gap: var(--gutter-base);
            align-items: initial;
            padding: 0;
        }

        :is(.sk-template-8) .services-offered .slick-slide {
            text-align: left;
            align-items: flex-start;
            background-color: var(--color-white);
            border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
            height: auto;
            border-radius: var(--radius-large);
            margin-bottom: 1rem;
        }

        :is(.sk-template-8) .services-offered .slick-slide .sk-padding-bottom.sk-padding-top {
            margin-top: auto;
        }

        :is(.sk-template-8) .services-offered .slick-slide span.sk-link:hover {
            text-decoration: underline;
        }

    :is(.sk-template-8) .additional-information h2 {
        margin: var(--gutter-large) 0 0 !important;
    }

    :is(.sk-template-8) .promanage-footer a:hover {
        text-decoration: underline;
    }

    .location {
        background-color: rgb(var(--color-primary-rgb) / 10%);
    }

    :is(.sk-template-8) .videos .slick-track {
        padding: 0;
    }

    .sk-template-8 .each-video {
        position: relative;
    }

    .sk-template-8 .each-video video {
        width: 100%;
        height: auto;
        display: block;
    }

    .sk-template-8 .each-video::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 50%;
    }

    .sk-template-8 .each-video::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 22px;
        border-color: transparent transparent transparent rgba(255, 255, 255, .8);
        z-index: 1;
    }

    :is(.sk-template-8) .videos .slick-slide video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    /*:is(.sk-template-8) .videos .slick-arrow {
        top: 50%;
    }*/
    .slick-arrow.slick-disabled {
        cursor: not-allowed;
    }

    :is(.sk-template-8) :is(.services-offered, .videos) .slick-arrow {
        width: 4rem;
        height: 4rem;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: rgb(var(--color-black-rgb) / 70%);
        border-radius: var(--radius-round);
        padding: 0;
        position: absolute;
        z-index: 1;
    }

    :is(.sk-template-8) .services-offered .slick-arrow {
        top: 50%;
        transform: translateY(-50%)
    }

    :is(.sk-template-8) .services-offered .slick-nav-left {
        left: 0rem
    }

    :is(.sk-template-8) .services-offered .slick-nav-right {
        right: 0rem;
    }

    :is(.sk-template-8) :is(.videos) .slick-nav-left {
        left: -2.25rem;
    }

    :is(.sk-template-8) :is(.videos) .slick-nav-right {
        right: -2.25rem;
    }

:is(.sk-template-8) .business-hours .sk-list-inline li a {

}

:is(.sk-template-8) .business-hours .sk-list-inline li a,
:is(.sk-template-8) .business-hours ul.bulleted-list li::before {
    color: var(--color-body-color);
}

    /*:is(.sk-template-8) .sk-expansion-inner.sk-active .sk-expansion-content {
    color: var(--color-text-muted);
}*/

    :is(.sk-template-8) .faq-section .sk-expansion-panels .sk-expansion-header {
        padding: var(--gutter-base) 0;
    }


    :is(.sk-template-8) .services .sk-container h2 {
        width: inherit;
        color: var(--color-white);
    }
    :is(.sk-template-8) .services .sk-container p {
        color: var(--color-white);
    }

:is(.sk-template-8) .business-hours {
    background: transparent;
}

    :is(.sk-template-8) .category-section {
        background-color: #F1F3F7;
        background-image: none;
    }

    :is(.sk-template-8) .google-posts .owl-carousel .owl-nav div.owl-prev {
        transform: translate(0, -50%);
    }

    :is(.sk-template-8) .google-posts .owl-carousel .owl-nav div.owl-next {
        transform: translate(0%, -50%);
    }

    :is(.sk-template-8) .category-section .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        border: 0.1rem solid var(--color-form-elements-border);
    }

    :is(.sk-template-8) .category-section .arrow-next {
        right: -2rem;
    }

    :is(.sk-template-8) .category-section .arrow-prev {
        left: -2rem;
    }

    :is(.sk-template-8) .category-section .sk-container {
        border-top: .1rem solid var(--color-border);
    }

    :is(.sk-template-8) .google-posts {
        background-color: #414141;
        color: var(--color-white);
    }

    :is(.sk-template-8) .google-posts .sk-card {
        border-radius: var(--radius-large);
        background-color: #262626;
        border: 0;
        transition: 0.7s;
    }

    :is(.sk-template-8) .google-posts .sk-card:hover {
        transform: translateY(-5px);
    }

        :is(.sk-template-8) .google-posts .news-image {
            width: 100%;
            height: 28rem;
            border: 0;
        }

    :is(.sk-template-8) .google-posts .news-image img {
        object-position: top;
        border-radius: 0;
        object-fit: contain;
        border-radius: var(--radius-large);
    }

    :is(.sk-template-8) .google-posts .sk-card-actions .sk-text-muted {
        color: var(--color-white);
    }

    :is(.sk-template-8) .google-posts .sk-card-media {
        border-radius: 0;
    }

    :is(.sk-template-8) .category-section .slick-track {
        padding: 0;
        display: flex;
    }


    /*:is(.sk-template-8) section:not(.about-us, .business-hours.animated) .sk-container {
        border-bottom: 0;
    }*/

    :is(.sk-template-8) .doctors-list .doctor,
    :is(.sk-template-8) .doctor {
        background-color: rgb(var(--color-primary-rgb) / 8%);
        border: .1rem solid rgb(var(--color-primary-rgb) / 30%);
        height: auto;
        display: flex;
        flex-flow: column nowrap;
        margin-bottom: 0;
        height: 100%
    }

    :is(.sk-template-8) .doctor .sk-card-primary {
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

    :is(.sk-template-8) .doctor-profile .sk-card-primary .sk-button-group {
        flex: 0 0 100%;
    }

    :is(.sk-template-8) .doctors-list .doctor.single-doctor {
        background: var(--color-white);
        border: none;
        margin: 0;
    }

    /*:is(.sk-template-8) .doctors-list .sk-card-primary {
           padding: 0;
    }*/


    :is(.sk-template-8) .doctors-list .doctor .sk-avatar {
        height: 10rem;
        width: 10rem;
        flex: 0 0 10rem;
        border-radius: var(--radius-round);
    }

    :is(.sk-template-8) .doctor .sk-avatar img {
        height: 100%;
        object-fit: cover;
        object-position: top;
        width: 100%;
        border: 0;
        border-radius: inherit;
    }

    :is(.sk-template-8) .doctors-list .bio,
    :is(.sk-template-8) .doctor .bio {
        padding: 1rem 0;
        flex: 1 1 auto;
        max-width: calc(100% - 11.5rem);
        position: relative;
    }

    :is(.sk-template-8) .doctor .bio .share-btn {
        position: absolute;
        top: var(--gutter-base);
        right: 0;
    }

    :is(.sk-template-8) .doctor .bio .share-btn .sk-icons {
        margin-right: 0;
        margin-left: 0.8rem;
    }

    :is(.sk-template-8) .doctors-list .bio .name {
        color: var(--color-link);
        text-decoration: underline;
        font-weight: var(--font-weight-bold);
        font-size: 1.8rem;
    }

    :is(.sk-template-8) .doctors-list .sk-button-group {
        padding-top: 3rem;
        margin-top: auto;
    }




    :is(.sk-template-8) .doctor .office,
    :is(.sk-template-8) .doctor .location {
        display: flex;
        gap: 1rem;
        padding-bottom: 1rem;
    }

    :is(.doctor-profile-page, .appointment-detail-page) .doctor {
        margin: 0;
        height: auto;
    }

    :is(.sk-template-8) .doctors-list .bio div {
        padding-bottom: 0.8rem;
    }

    :is(.sk-template-8) .doctors-list .bio .experience {
        font-weight: var(--font-weight-medium);
    }

    :is(.sk-template-8) section:not(.business-hours.animated) .sk-container {
        border-bottom: 0;
    }

    :is(.sk-template-8) .business-hours .sk-list-inline li:not(:last-child)::after {
        display: none;
    }

    /*:is(.sk-template-8) .sk-panel .sk-appbar {
    padding: 0 var(--gutter-base);
    }
    :is(.sk-template-8) .sk-panel.sk-fixed-height>.sk-panel-container>.sk-panel-inner {
        border-radius: var(--radius-large);
    }*/

    :is(.sk-template-8) .doctor .sk-button-group {
        /*flex: 0 0 100%;*/
        flex-wrap: wrap;
        gap: 2rem;
    }

    :is(.sk-template-8) .address-section .share-btn .sk-icons svg {
        fill: currentColor;
    }

    :is(.sk-template-8) :is(.hero) .sk-container {
        max-width: revert;
        padding: 0;
    }
/*
    :is(.sk-template-8) .sk-appbar-row .sk-appbar-align-end .translate-widget {
        background: var(--color-white);
    }*/

    :is(.sk-template-8) .address-section .sk-flex-row .sk-button-group {
        margin: 0;
    }
    :is(.sk-template-8) .share-btn > .sk-flex span {
        flex-shrink: 0;
    }
    :is(.sk-template-8) .share-btn > .sk-flex span:hover {
        text-decoration: underline;
    }

    @media(max-width: 900px) {
        :is(.sk-template-8) .sk-appbar .sk-menu li {
            padding: 0 var(--gutter-small);
        }
    }
@media(min-width: 769px) {

    :is(.sk-template-8) .hero-addess-group {
        position: relative;
    }

    :is(.sk-template-8) .address-section {
        position: absolute;
        background: var(--color-white);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(0, 0, 0, 0.22);
        top: 9rem;
        right: 5rem;
        border-radius: var(--radius-large);
        width: 53rem;
        padding: 3.5rem;
    }
    :is(.sk-template-8) .hero-addess-group .slick-dots {
        position: absolute;
        bottom: 0rem;
        left: 0;
        right: 0;
    }
}


    @media(max-width: 1366px) {
        :is(.sk-template-8) .hero .carousel-hero .slick-slide img {
            height: 50rem;
        }
        :is(.sk-template-8) .address-section {
            top: 5rem;
            right: 3rem;
        }
    }

    @media(max-width: 768px) {

        .appointment-detail .sk-button-group {
            flex-wrap: wrap;
        }

        :is(.sk-template-8) .sk-appbar-row .sk-appbar-align-start .header-logo img {
            padding: 0.8rem
        }

        :is(.sk-template-8) .appointment-details {
            display: none;
        }

        :is(.sk-template-8) .address-section {
            padding: var(--gutter-base);
        }

            :is(.sk-template-8) .address-section address {
                margin-bottom: 1rem;
            }

        :is(.sk-template-8) .biz-info {
            max-width: 100%;
        }

        :is(.sk-template-8) .hero .carousel-hero .slick-slide img {
            height: 100%;
        }

        :is(.sk-template-8) .doctor .bio .share-btn {
            position: static;
            margin-top: var(--gutter-base);
        }

        :is(.sk-template-8) .category-section .arrow-next {
            right: -0.5rem;
        }

        :is(.sk-template-8) .category-section .arrow-prev {
            left: -0.5rem;
        }

        :is(.sk-template-8) section .sk-container {
            padding-top: var(--gutter-large);
            padding-bottom: var(--gutter-large);
        }

        :is(.sk-template-8) .sk-panel.sk-fixed-height > .sk-panel-container > .sk-panel-inner {
            border-radius: 0;
        }

        :is(.sk-template-8) .sk-panel .sk-appbar {
            padding: 0 var(--gutter-small);
        }

        :is(.sk-template-8) .hero .sk-button-group .sk-button:not(.sk-round) {
            flex-grow: 1;
        }

        :is(.sk-template-8) .business-hours .sk-list-inline li {
            flex: 0 0 46%;
        }

        :is(.sk-template-8) .hero [class^=sk-col-]:first-child {
            padding: 0;
        }

        :is(.sk-template-8) .hero .slick-initialized .slick-slide {
            height: auto;
            max-height: 23rem;
            margin: 0;
            border: none;
            border-radius: 0;
        }

        :is(.sk-template-8) .hero .carousel-hero .slick-slide::before {
            content: '';
            /*background: rgba(var(--color-black-rgb) / 30%);*/
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        :is(.sk-template-8 .hero) .sk-container {
            padding-top: 0;
            padding-bottom: 0;
        }

        :is(.sk-template-8) .address-section {
            margin-left: 0;
            padding-top: 0;
            top: 0;
            right: 0;
        }

            :is(.sk-template-8) .address-section .contact-card {
                padding-top: 0;
            }

                :is(.sk-template-8) .address-section .contact-card .sk-flex {
                    gap: 1rem;
                }

                    :is(.sk-template-8) .address-section .contact-card .sk-flex span {
                        flex-shrink: 0;
                    }

            :is(.sk-template-8) .address-section > .sk-flex-row {
                margin-bottom: var(--gutter-large);
            }

        .sticky-bottom .sk-button-group button {
            gap: 1rem;
        }

        .sticky-bottom {
            padding: 0;
            background: var(--color-primary);
        }

            .sticky-bottom .sk-button-group {
                gap: 0;
            }

                .sticky-bottom .sk-button-group button {
                    background: transparent;
                    color: var(--color-white);
                    padding: 3rem;
                }

                    .sticky-bottom .sk-button-group button:first-child {
                        border-right: 0.2rem solid var(--color-border);
                        border-radius: 0;
                    }

                    .sticky-bottom .sk-button-group button span svg {
                        fill: var(--color-white);
                    }

        :is(.sk-template-8) .sk-container h2 {
            /* display: none;*/
        }
    }

    /* Header Book an appointment : END */
    /* step form animation css code start  */
    .feedback-wrapper .sk-panel-body {
        padding: 0;
        overflow-x: hidden;
    }

    .choose-service {
        padding: var(--gutter-base);
    }

        .choose-service .sk-checkbox-group {
            margin-bottom: var(--gutter-xlarge);
        }

            .choose-service .sk-checkbox-group .sk-checkbox {
                margin-bottom: var(--gutter-base);
            }

    .feedback-user,
    .feedback-ratings,
    .feedback-impressed,
    .copy-review-group .sk-padding {
        border-bottom: 0.5rem solid var(--color-light);
        padding: var(--gutter-base);
        margin-bottom: 1rem;
    }

        .feedback-impressed:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }

        .feedback-impressed ul {
            margin-bottom: var(--gutter-xlarge);
        }

        .feedback-user .sk-h8 {
            margin-bottom: 0.5rem;
        }

        .feedback-ratings .sk-h5 {
            margin-bottom: 1rem;
        }

        .feedback-ratings .sk-ratings {
            margin-bottom: var(--gutter-small);
        }

        .feedback-user .sk-h5 {
            margin-bottom: 0.5rem;
        }

        .feedback-impressed ul li {
            margin-bottom: var(--gutter-large);
        }

            .feedback-impressed ul li > span {
                margin-bottom: var(--gutter-small);
                display: block;
            }

    .copy-review {
        background: #E8F0FF;
        border-radius: var(--radius-large);
        padding: var(--gutter-large);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        margin: 3rem 0;
        position: relative;
    }

        .copy-review .sk-flex-row {
            border: 0.2rem solid #707070;
            padding: 1rem;
            border-style: dashed;
            width: 25rem;
            cursor: pointer;
        }

        .copy-review::after {
            content: " ";
            position: absolute;
            left: 3rem;
            top: -1.4rem;
            border-top: none;
            border-right: 1.5rem solid transparent;
            border-left: 1.5rem solid transparent;
            border-bottom: 1.5rem solid #E8F0FF;
        }

    .copy-group {
        padding: var(--gutter-base);
    }

    .feedback-success {
        padding: var(--gutter-large);
        text-align: center;
    }

        .feedback-success .sk-icons {
            font-size: 8rem;
        }

    .select-star {
        display: flex;
        gap: 1rem;
        align-items: center;
        margin-bottom: var(--gutter-base);
    }

        .select-star .star-grade {
            fill: transparent;
            stroke-width: 2;
            stroke: var(--color-warning);
            cursor: pointer;
        }

    .star-grade.sk-active {
        fill: var(--color-warning);
        -webkit-animation-name: tada;
        animation-name: tada;
    }

    .step-animation.sk-active:hover {
        background-color: #E4FFEC;
        border-color: var(--color-success);
        color: var(--color-success);
    }

    .step-animation.sk-active {
        transition-duration: 0.1s;
        transition-property: background-color, color, border-color, opacity, box-shadow;
        transition-timing-function: ease-out;
        animation: 0.25s ease 0s 2 normal none running jBPXGM;
        background-color: #E4FFEC;
        border-color: var(--color-success);
        color: var(--color-success);
        font-weight: 500;
    }

    .current-slide {
        /* position: absolute; */
        width: 100%;
        /*padding-top: 0px;*/
        transition: transform 600ms ease 0s, opacity 300ms ease 0s;
        /* display: flex;
    flex-flow: column;
    justify-content: center; */
        /*height: 100%;*/
        overflow: visible;
        padding: var(--gutter-large);
    }

    .notification-text {
        background: var(--color-accent-2);
        padding: var(--gutter-small);
        padding-left: var(--gutter-large);
        margin: calc(var(--gutter-large)* -1) calc(var(--gutter-large)* -1) calc(var(--gutter-large)* 1) calc(var(--gutter-large)* -1);
    }

    .next-slide,
    .previous-slide {
        height: 0;
        overflow: hidden;
    }


    .next-slide {
        position: absolute;
        height: 100%;
        width: 100%;
        padding-top: 0px;
        pointer-events: none;
        transition: transform 600ms ease 0s, opacity 300ms ease 0s;
        opacity: 0;
        transform: translateX(100vh);
        height: 0;
    }

    .previous-slide {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-top: 0px;
        pointer-events: none;
        transition: transform 600ms ease 0s, opacity 300ms ease 0s;
        opacity: 0;
        transform: translateX(-100vh);
    }

    /* step form animation css code end  */

    .feedback-wrapper .sk-panel-body {
        padding: 0;
    }

    .choose-service {
        padding: var(--gutter-base);
    }

        .choose-service .sk-checkbox-group {
            margin-bottom: var(--gutter-xlarge);
        }

            .choose-service .sk-checkbox-group .sk-checkbox {
                margin-bottom: var(--gutter-base);
            }

    .feedback-user,
    .feedback-ratings,
    .feedback-impressed,
    .copy-review-group .sk-padding {
        border-bottom: .5rem solid rgb(var(--color-primary-rgb) / 10%);
        padding: var(--gutter-base);
        margin-bottom: 1rem;
    }

        .feedback-impressed:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }

        .feedback-impressed ul {
            margin-bottom: var(--gutter-xlarge);
        }

        .feedback-user .sk-h8 {
            margin-bottom: 0.5rem;
        }

        .feedback-ratings .sk-h5 {
            margin-bottom: 1rem;
        }

        .feedback-ratings .sk-ratings {
            margin-bottom: var(--gutter-small);
        }

        .feedback-user .sk-h5 {
            margin-bottom: 0.5rem;
        }

        .feedback-impressed ul li {
            margin-bottom: var(--gutter-large);
        }

            .feedback-impressed ul li > span {
                margin-bottom: var(--gutter-small);
                display: block;
            }

    .copy-review {
        background: #E8F0FF;
        border-radius: var(--radius-large);
        padding: var(--gutter-large);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        margin: 3rem 0;
        position: relative;
    }

        .copy-review .sk-flex-row {
            border: 0.2rem solid #707070;
            padding: 1rem;
            border-style: dashed;
            width: 25rem;
            cursor: pointer;
        }

        .copy-review::after {
            content: " ";
            position: absolute;
            left: 3rem;
            top: -1.4rem;
            border-top: none;
            border-right: 1.5rem solid transparent;
            border-left: 1.5rem solid transparent;
            border-bottom: 1.5rem solid #E8F0FF;
        }

    .copy-group {
        padding: var(--gutter-base);
    }

    .feedback-success {
        padding: var(--gutter-large);
        text-align: center;
    }

        .feedback-success .sk-icons svg {
            margin: 0 auto;
            width: 8rem;
            height: 8rem;
            fill: var(--color-success);
        }

    .select-star {
        display: flex;
        gap: 1rem;
        align-items: center;
        margin-bottom: var(--gutter-base);
    }

        .select-star .star-grade {
            fill: transparent;
            stroke-width: 2;
            stroke: var(--color-warning);
            cursor: pointer;
        }

    .star-grade.sk-active {
        fill: var(--color-warning);
        -webkit-animation-name: tada;
        animation-name: tada;
    }

    .sk-form-row .sk-form-label {
        margin-bottom: var(--gutter-small);
        font-weight: var(--font-weight-medium);
    }

    .feedbackSlide .additional-textarea {
        padding: var(--gutter-base);
    }

        .feedbackSlide .additional-textarea .sk-form-group .sk-textarea {
            margin-bottom: 0;
        }

    :is(.sk-template-8 .slick-initiate-date-picker) .slick-arrow {
        bottom: -4.5rem;
        position: absolute;
    }

        :is(.sk-template-8 .slick-initiate-date-picker) .slick-arrow.arrow-next {
            right: 0;
        }

    /* Date Picker :: BEGIN */
    .slick-initiate-date-picker:not(.slick-initialized) {
        display: flex;
        overflow: auto;
        /*gap: var(--gutter-base);*/
    }

    .slick-initiate-date-picker.slick-slider {
        display: block;
    }

    .slick-initiate-date-picker .slot {
        /*width: 5rem;*/
        /*margin-right: var(--gutter-base);*/
        /*min-width: 5rem;
    max-width: 5rem;*/
        min-width: revert;
    }

        .slick-initiate-date-picker .slot .date-list-item,
        .slick-initiate-date-picker .slot.sk-disabled .date-list-item,
        .slick-initiate-date-picker .slot.sk-disabled:hover .date-list-item {
            border: .1rem solid var(--color-border);
            border-radius: var(--radius-base);
            padding: var(--gutter-small);
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            width: 6.5rem;
        }

    .slick-initiate-date-picker .day {
        text-transform: uppercase;
    }

    .date-slots {
        border-bottom: .5rem solid var(--color-accent-2);
        margin-bottom: var(--gutter-base);
    }

.slick-initiate-date-picker .slot:not(.sk-selected, .sk-disabled) .date-list-item,
:is(.sk-template-8) .cancel-appointment-reason .reason-list li.sk-selected,
:is(.sk-template-8) .cancel-appointment-reason .reason-list li:hover
/*.time-slots .sk-list li:not(.sk-selected, .sk-disabled), */
/*:is(.sk-template-8) .cancel-appointment-reason .reason-list li:not(.sk-selected, .sk-disabled) */ {
    /* background: var(--color-success-light);*/
    border-color: var(--color-border);
    /*        color: var(--color-success);*/
    transition: all .3s ease-out;
}

:is(.sk-template-8) .cancel-appointment-reason .reason-list li.sk-selected {
    background: var(--color-success-light);
    color: var(--color-success);
    transition: all .3s ease-out;
}

.slick-initiate-date-picker .slot.sk-selected .date-list-item,
.time-slots .sk-list li.sk-selected,
.slick-initiate-date-picker .slot:not(.sk-disabled):hover .date-list-item,
.time-slots .sk-list li:hover {
    background: var(--color-black);
    color: var(--color-white);
    border-color: var(--color-black);
}

    .sk-template-8 .bookappoinment .date-slots .slick-initiate-date-picker .day {
        border-bottom: 0;
          color: var(--color-grey);
    }
    .sk-template-8 .bookappoinment .date-slots .slick-initiate-date-picker .date {
        font-size: 2rem;
        /*   color: var(--color-black);*/
    }

.slick-initiate-date-picker .slot:not(.sk-disabled):hover .date-list-item, .slick-initiate-date-picker .slot.sk-selected .date-list-item .date {
    color: var(--color-white) !important;
}

.slick-initiate-date-picker .slot.sk-selected .date-list-item .day {
    color: var(--color-white) !important;
}
.slick-initiate-date-picker .slot:not(.sk-disabled):hover .date-list-item .day {
    color: var(--color-white);
}

    .slick-initiate-date-picker .slot.sk-disabled {
        opacity: 1 !important;
        pointer-events: revert;
        cursor: not-allowed;
    }

    .slick-initiate-date-picker .slick-track {
        padding: 0;
    }

    .slick-initiate-date-picker .slot:last-child {
        /*margin: 0;*/
    }

    .time-slots .session-group {
        margin-bottom: var(--gutter-large);
        border-bottom: 0.1rem solid var(--color-border);
        padding-bottom: var(--gutter-large);
    }

        .time-slots .session-group:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: 0;
        }

        .time-slots .session-group .title {
            color: var(--color-black);
        }

    .time-slots .sk-list li,
    :is(.sk-template-8) .cancel-appointment-reason .reason-list li {
        border: .1rem solid var(--color-border);
        border-radius: var(--radius-base);
        padding: var(--gutter-small);
    }

    :is(.sk-template-8) .cancel-appointment-reason .reason-list li {
        margin-bottom: var(--gutter-base);
        cursor: pointer;
        padding: var(--gutter-base);
    }

    .time-slots .sk-list.sk-list-inline {
        gap: var(--gutter-base);
    }


    /*    :is(.sk-template-8) .slick-initiate-date-picker .slot {
        margin-right: 1rem;
    }
    :is(.sk-template-8) .slick-initiate-date-picker .slick-track {
        display: flex;
    }*/

    :is(.sk-template-8) .about-us .sk-container h2 {
        margin-bottom: 2rem;
    }


    /* Date Picker :: END */
    .doctor .sk-avatar {
        flex: 0 0 10rem;
        width: 10rem;
        height: 10rem;
        overflow: hidden;
        border-radius: var(--radius-round);
        border: .1rem solid var(--color-border);
    }

    :is(.sk-template-8) .address-section .logo img {
        border-radius: inherit;
        height: 10rem;
        background: var(--color-white);
    }

    /*.more-info .doctor-info{
    display: flex;
    gap: var(--gutter-base);
    }
    .more-info .doctor-info .contact-card{
        border-radius: var(--radius-base);
        border: .1rem solid var(--color-border);
        padding: var(--gutter-base);
    }*/
    :is(.sk-template-8) .button-type-radio {
        gap: var(--gutter-base) !important;
    }


    :is(.sk-template-8) .otp-slide .sk-otp .otp-input {
        margin: 0;
    }

    :is(.sk-template-8) .otp-input input::selection {
        background: var(--color-link);
        color: var(--color-white);
    }

    :is(.sk-template-8) .sk-otp .otp-input span.sk-error-text {
        border: none;
    }

    :is(.sk-template-8) .otp-group .sk-error-text,
    :is(.sk-template-8) .otp-group .caption {
        text-align: left;
    }

    :is(.sk-template-8) .otp-group .sk-error-text {
        display: none;
    }

    .sk-checkbox-group.sk-inline,
    .sk-radio-group.sk-inline {
        overflow-x: auto;
        overflow-x: overlay;
        display: flex;
        gap: 1rem;
        position: relative;
        scroll-behavior: smooth;
        gap: var(--gutter-large);
    }

    :is(.sk-template-8) .section-bottom-border {
        border-bottom: .1rem solid var(--color-border); 
    }

    :is(.sk-template-8) .booking-details .title {
        flex: 0 0 48%;
        text-align: left;
    }

    :is(.sk-template-8) .booking-details > .sk-flex-row {
        margin-bottom: var(--gutter-small);
    }

    /* :is(.doctor-profile-page) .sk-appbar .sk-menu li,
    :is(.doctor-profile-page) .sk-appbar .sk-menu li a {
        color: var(--color-body-color);
    }*/

    :is(.sk-template-8) .cancel-appointment-reason li {
    }

    /*@media(min-width: 1024px) {
    :is(.sk-template-8.appointment-detail-page) section {
        max-width: 60rem;
        margin: 0 auto;
    }
}*/

    .more-info .doctor-info .sk-list {
        gap: var(--gutter-base);
        row-gap: var(--gutter-small);
    }

        .more-info .doctor-info .sk-list li {
            padding: var(--gutter-small);
        }

    :is(.sk-template-8) .footer {
        background: var(--color-white);
        border: none;
        color: var(--color-body-color);
    }
    :is(.sk-template-8) .footer {
        background-color: #F1F3F7;
    }
    :is(.sk-template-8) .footer .social-row {
        background-color: #F1F3F7;
        justify-content: space-between;
    }
    :is(.sk-template-8) .footer .social-row > div .sk-flex-row .sk-flex {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 1rem;
    }

    :is(.sk-template-8) .social a {
        background: var(--color-white);
        border-radius: var(--radius-round);
        border: .1rem solid var(--color-border);
        padding: var(--gutter-small);
    }

    :is(.sk-template-8) .social a:hover {
        border-color: var(--color-info);
        background-color: var(--color-light);
    }

   /* :is(.sk-template-8) .sk-appbar .sk-appbar-row .translate-widget {
        background: var(--color-white);
    }*/
    :is(.sk-template-8) .promanage-footer {
        color: #00c1d5;
        flex-flow: column;
        gap: 1rem;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.3rem;
    }

   
    :is(.sk-template-8) .footer .social-row .social {
        font-size: 1.3rem;
        display: flex;
        align-items: center;
        gap: 1rem;
    }


    .promanage-footer {
        padding-top: var(--gutter-large);
        padding-bottom: var(--gutter-large);
        color: #00c1d5;
        flex-flow: column;
        gap: 1rem;
        /* background: #EAFDFF;*/
    }

    :is(.sk-template-8) .slick-initiate-categories.slick-initialized .slick-slide {
        cursor: default;
        padding: var(--gutter-base);
        margin: 0 0.5rem;
        text-align: left;
        align-items: self-start;
        height: auto;
    }

    :is(.sk-template-8) .slick-initiate-categories .slick-slide .sk-padding-bottom.sk-padding-top {
        margin-top: auto;
    }

    :is(.sk-template-8) .slick-initiate-categories .slick-slide span.sk-link:hover {
        text-decoration: underline;
    }

    :is(.sk-template-8) .product-detail .sk-panel-inner {
        border: 0.1rem solid #6f6f6f;
    }


    :is(.sk-template-8) .individual-category {
        background-color: var(--color-white);
        border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
        border-radius: var(--radius-large);
    }


    :is(.sk-template-8) section.appointment-list {
        /*height: calc(100vh - 6.4rem);*/
        min-height: 40rem;
    }

    .timezone.sk-text-select .sk-event-group {
        border: 0;
    }

    .timezone.sk-text-select .sk-event-group select {
        border: .1rem solid var(--color-form-elements-border);
        border-radius: var(--radius-base);
    }

    .appointment-list :is(.appointment-date, .appointment-time) {
        /*border: .1rem solid var(--color-border);*/
        background: #F1F1F1;
        padding: var(--gutter-xsmall) var(--gutter-small);
        margin: var(--gutter-small) 0;
        font-weight: var(--font-weight-medium);
    }

    .appointment-list .sk-badge,
    .appointment-details .sk-badge {
        padding: var(--gutter-small);
        font-size: 1.3rem;
    }

    :is(.sk-template-8) .photo-grid li:first-child {
        max-height: 41rem;
    }

    :is(.sk-template-8) .photo-grid li {
        max-height: 19.6rem;
        border-radius: var(--radius-large);
        flex: 1 0 47%;
    }

    :is(.sk-template-8) .photo-grid .sk-overlay-content {
        background-color: transparent;
        top: auto;
        left: auto;
    }

    :is(.sk-template-8) .sk-overlay-content .sk-overlay-inner {
        align-items: flex-end;
        justify-content: flex-end;
        height: auto;
        background-color: var(--color-white);
        color: var(--color-body-color);
        padding: 0.5rem 1rem;
        border-radius: var(--radius-base);
    }


    :is(.sk-template-8) .share-btn > .sk-flex {
        padding: var(--gutter-small);
        gap: 1rem;
    }

    :is(.sk-template-8) .share-btn > .sk-flex:first-child {
        padding-left: 0;
    }

    /*:is(.sk-template-8) .share-btn > .sk-flex > .sk-icons {
            padding: var(--gutter-small);
            border: .1rem solid;
            border-radius: var(--radius-round)
        } */

    .doctor :is(.office, .location) svg {
        flex: 0 0 1.8rem;
    }

    .sk-overline-text {
        font-size: 1.3rem;
        text-transform: uppercase;
        letter-spacing: .166rem;
        font-weight: var(--font-weight-medium, 500);
    }

    /*.sk-template-8 .more-info .doctor-info .contact-card li{
        gap: var(--gutter-small);
    }*/
    .sk-template-8 .more-info .doctor-info .contact-card li .sk-icons svg {
        fill: currentColor
    }

    .sk-template-8 .more-info .doctor-info .contact-card li > .sk-flex-row {
        /*background: var(--color-primary);
        padding: 1rem;
        color: var(--color-on-primary);*/
    }

    .sk-template-8 .doctor-info ul.slots {
        /*list-style-type: disc;*/
        list-style-position: inside;
        margin: var(--gutter-base);
        margin-left: var(--gutter-large);
    }

    .day {
        border-bottom: .1rem solid currentColor;
    }

    .sk-template-8 .bookappoinment .date-slots .slick-initiate-date-picker .day {
        border-bottom: 0;
    }

    

.more-info .doctor-info .sk-list .timing.slot {
    font-size: 1.3rem;
    border: .1rem solid rgb(var(--color-primary-rgb) / 20%);
}

    .sk-template-8 .single-doctor a:hover {
        text-decoration: underline;
    }

    .doctor .location-details {
        padding-left: 11rem;
        padding-bottom: var(--gutter-base);
        gap: 0;
        padding-top: var(--gutter-base);
    }

.location-details .location {
    background-color: transparent;
}

    .sk-template-8 .sk-bold {
        font-weight: var(--font-weight-bold, bold);
    }

    :is(.sk-template-8) .booking-cancelled {
        text-align: center;
    }

    :is(.sk-template-8) .booking-cancelled svg {
        margin: 0 auto;
    }

    :is(.sk-template-8) .contact-us .sk-panel-inner,
    .read-more-panel .sk-panel-inner {
        border: none;
        height: 100%;
    }

    :is(.sk-template-8) .review-content .reviewer-name {
        margin-bottom: 0;
    }

    :is(.sk-template-8) .contact-us .contact-form {
        padding: 0;
    }

    :is(.sk-template-8) .sk-gallery-panel .owl-carousel .owl-nav .owl-next,
    :is(.sk-template-8) .sk-gallery-panel .owl-carousel .owl-nav .owl-prev {
        transform: translate(0%, -50%);
    }

    :is(.sk-template-8) .sk-gallery-panel .sk-gallery-header {
        border-bottom: 0;
    }

    :is(.doctor-profile-page, .appointment-detail-page) .doctor .sk-card-primary {
        padding: var(--gutter-large);
    }

    /* location css:: begin */
    :is(.sk-template-8) .location .sk-surface {
        background-color: var(--color-primary);
        border-radius: var(--radius-large);
        padding: var(--gutter-large);
        color: var(--color-white);
        margin-bottom: 0;
    }

    :is(.sk-template-8) .location .sk-surface address {
        color: var(--color-white)
    }

    :is(.sk-template-8) .location .sk-container {
        border-top: 0rem solid rgb(var(--color-black-rgb) / 16%);
    }

    :is(.sk-template-8) .location .sk-surface .sk-flex-row svg {
        fill: var(--color-primary);
    }

    :is(.sk-template-8) .location .sk-surface .sk-flex-row {
        padding-bottom: var(--gutter-base);
    }

    :is(.sk-template-8) .location .sk-surface .sk-flex-row a {
        color: var(--color-white);
    }


    :is(.sk-template-8) .location .sk-surface .social-icons {
        padding-top: 1rem;
    }

    :is(.sk-template-8) .location .social-icons .sk-flex {
        gap: 2rem;
        align-items: center;
    }

    :is(.sk-template-8) .location .social-icons .sk-flex svg {
        fill: var(--color-white);
    }

    :is(.sk-template-8) .location .social-icons .sk-h6 {
        padding-bottom: 1rem;
    }

    :is(.sk-template-8) .location .book-appointments {
        flex-flow: column;
        align-items: start;
        gap: 0;
        margin-top: 2rem;
    }

    :is(.sk-template-8) .location .book-appointments .sk-flex-row {
        font-size: 2rem;
        font-weight: 400;
        padding-bottom: 0.5rem;
    }

    :is(.sk-template-8) .location iframe {
        border-radius: var(--radius-large);
    }

    @media (max-width:768px) {
        :is(.sk-template-8) .location .sk-surface {
            margin-bottom: 4rem;
        }

        :is(.sk-template-8) .location iframe {
            height: 40rem;
        }
        :is(.sk-template-8) .footer .social-row .social {
            flex-wrap: wrap;
            justify-content: center;
        }
        .notification-text span {
            flex-shrink: 0;
        }
    }

    /* location css:: end */

    @media(max-width: 1024px) {
        :is(.sk-template-8) .photo-grid li {
            height: 19.6rem;
        }

        :is(.sk-template-8) .doctor .location-details :is(.office, .location) {
            flex: 0 0 100%;
        }

        :is(.sk-template-8) :is(.confirmation-dialog, .appointment-details, .booking-cancelled) .sk-button-group {
            flex-wrap: wrap;
        }

        .more-info .doctor-info {
            display: block;
        }

        /*.more-info [class^=sk-col-], .more-info [class^=sk-col] {
            padding: 0;
        }*/

        /*:is(.sk-template-8) .more-info .sk-container h2 {
            padding-left: var(--gutter-base);
        }*/


        :is(.doctor-profile-page, .appointment-detail-page) .doctor {
            margin-bottom: var(--gutter-base);
        }

        :is(.doctor-profile-page, .appointment-detail-page) .doctor .sk-card-primary {
            padding: var(--gutter-base);
        }
    }

    .more-info .doctor-info .contact-card {
        border-bottom: .1rem solid var(--color-accent-2);
        padding-top: var(--gutter-base);
        padding-bottom: var(--gutter-base);
    }

    .more-info .doctor-info .contact-card address {
        color: var(--color-body-color);
    }

    :is(.sk-template-8) .biz-info .sk-flex {
        gap: 1rem;
    }

    @media(min-width: 1024px) {
        .sk-no-border-web {
            border: none !important;
        }
    }

    @media (max-width: 768px) {
            
            .feedback-wrapper .sk-panel-body .bookappoinment .slide-content {
                color: var(--color-black);
            }

            :is(.sk-template-8) .progress-bar-group {
                max-width: 100%;
            }

            :is(.sk-template-8) .services-offered .slick-nav-left {
                left: -0.5rem
            }

            :is(.sk-template-8) .services-offered .slick-nav-right {
                right: -0.5rem;
            }

            :is(.sk-template-8) .header-quick-action p {
                line-height: 1.4;
                font-size: 1.4rem;
            }

            :is(.sk-template-8) .header-quick-action {
                flex-wrap: wrap;
            }

            :is(.sk-template-8) .slick-initiate-categories.slick-slider {
                gap: 0;
            }

            :is(.sk-template-8) .patient-details .sk-radio-group.sk-inline {
                margin-bottom: var(--gutter-base);
            }


            :is(.sk-template-8) .address-section .logo {
                position: absolute;
                top: -6rem;
                left: 0;
            }

            :is(.sk-template-8) .address-section .logo {
                max-width: 10rem;
            }

            :is(.sk-template-8) .address-section h1 {
                margin-bottom: 0.5rem;
            }

            :is(.sk-template-8) .address-section .share-btn {
                margin-bottom: 0;
                justify-content: space-between;
                gap: 3rem;
            }

            :is(.sk-template-8) .address-section .sk-overflow-menu {
                margin-bottom: var(--gutter-base) !important;
            }

            :is(.sk-template-8) .share-btn > .sk-flex {
                padding: 0;
            }

            /*:is(.sk-template-8) .share-btn > .sk-flex > .sk-icons {
                padding: var(--gutter-small);
                border: .1rem solid;
                border-radius: var(--radius-round);
            }*/
            :is(.sk-template-8) .photo-grid li {
                height: 14rem;
            }
    }

    @media (max-width:500px) {
        .doctor .location-details {
            padding-left: 0;
            padding-top: var(--gutter-base);
        }
    }

    /*.sk-template-8 :is([class^=sk-col-], [class^=sk-col]) :is([class^=sk-col-], [class^=sk-col]) {
        padding-left: 0;
        padding-right: 0;
    }*/
    @media (min-width: 1200px) and (max-width: 1400px) {
        .sk-container, .sk-container-fluid {
            padding-left: 5rem;
            padding-right: 5rem;
        }
    }

    .sk-template-8 .about-doctor:not(p) {
        border-bottom: .1rem solid rgb(var(--color-primary-rgb) / 10%)
    }

    .more-info h2.sk-margin-y {
        margin-bottom: 0;
    }

    @keyframes blink {

        0%, 100% {
            opacity: 1;
        }

        50% {
            opacity: .5;
        }
    }

    .sk-blink {
        animation: blink 2s infinite;
        /* Adjust the duration (2s) to control the speed */
    }

    :is(.sk-template-8) .header-quick-action {
        background: var(--color-black);
        justify-content: center;
        gap: 2rem;
        color: var(--color-white);
        padding: var(--gutter-small);
    }

        :is(.sk-template-8) .header-quick-action p {
            margin-bottom: 0;
        }

    :is(.sk-template-8) .carousel-hero:not(.slick-initialized) {
        padding: 0;
        border-radius: 0;
    }

    /*:is(.sk-template-8) .carousel-hero {
    height: 35rem;
}*/

    :is(.sk-template-8) .carousel-hero img {
        width: 100%;
        height: 100%;
        border-radius: 0;
        object-fit: cover;
        object-position: top left;
    }

    :is(.sk-template-8) .reviews {
        display: flex;
        gap: var(--gutter-base);
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

    :is(.sk-template-8) .review-content {
        flex: 1 0 31%;
        border: 0.1rem solid #ddd;
        padding: var(--gutter-large);
        border-radius: var(--radius-large);
        margin-bottom: 0;
        background: rgb(var(--color-primary-rgb) / 6%);
        border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
        height: 27rem;
    }

    .sk-template-8 .sk-card .sk-card-media:not(:empty) {
        height: revert;
    }

    .sk-template-8 :is(.services-offered, .videos) .slick-arrow svg {
        fill: var(--color-white);
        width: 3.6rem;
        height: 3.6rem;
    }

    .sk-template-8 :is(.hero) :is([class^=sk-col-], [class^=sk-col]) :is([class^=sk-col-], [class^=sk-col]) {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .sk-template-8.appointment-detail-page .sk-panel#panel .sk-panel-header:not(:empty) {
        border: 0;
    }

    :is(.sk-template-8) .videos .slick-arrow {
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        border: 0;
    }

    :is(.sk-template-8) :is(.videos) .slick-nav-left {
        left: -1rem;
    }

    :is(.sk-template-8) :is(.videos) .slick-nav-right {
        right: -1rem;
    }

    :is(.sk-template-8) .address-section .share-btn + .contact-card {
        margin-top: 6rem;
    }

    /*:is(.sk-template-8) section:not(.about-us, .business-hours.animated) .sk-container .sk-row {
    margin: 0;
}*/

    :is(.sk-template-8) section:is(.hero) .sk-container .sk-row {
        margin: 0;
    }

    :is(.sk-template-8) .header-quick-action + .appbar {
        border: 0;
    }

    :is(.sk-template-8) .business-hours .sk-list-inline li {
        font-weight: normal;
        color: var(--color-text-muted);
    }

    .sk-badge-purple {
        background: #56339B;
        color: var(--color-white);
    }

    :is(.sk-template-8) .biz-info {
        /* max-width: calc(100% - 14rem);*/
        /* margin-left: 14rem;*/
        margin-bottom: 1rem;
    }

        :is(.sk-template-8) .biz-info h1 {
            padding: 0;
            margin-bottom: 0.5rem;
            font-size: 3.2rem;
        }

    :is(.sk-template-8) .address-section .sk-overflow-menu {
        margin-bottom: 4rem;
    }

    .hero:not(.listings) .biz-info address {
        max-width: revert;
    }

    /*#region pagination temp fix :: BEGIN*/
    /*:is(.sk-template-8) .sk-pagination li:not(:first-child, :last-child) {
    cursor: default;
}

:is(.sk-template-8) .sk-pagination li:not(:first-child, :last-child):hover {
    color: var(--color-text-muted);
    background: var(--color-white);
}*/

    /*#region pagination temp fix :: END*/
    .fnf-share .sk-surface {
        --color-rgb-success: 36 161 72;
        background: rgb(var(--color-rgb-success) / 10%);
        border-color: var(--color-success);
    }

    .more-info .doctor-info .contact-card:last-child {
        border: none;
    }

    :is(.sk-template-8) .services-offered .slick-slide h4 {
        width: 100%;
    }

    :is(.sk-template-8) .doctors-list .doctor.doctor.single-doctor .sk-avatar {
        border-radius: var(--radius-large);
        border: 0;
    }

    :is(.sk-template-8) .business-hours .sk-list-inline {
        font-size: 1.3rem;
    }

:is(.sk-template-8) .services-offered p {
    line-height: 2.4rem;
}

    .country-code select {
        height: 100%;
        border-radius: var(--radius-base) 0 0 var(--radius-base);
    }

    :is(.sk-template-8) .footer a {
        color: var(--color-link);
    }

    :is(.sk-template-8) .review-section .ratings {
        /* flex-flow: column; */
        row-gap: 1rem;
        column-gap: 1rem;
        /* align-items: flex-start; */
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    :is(.sk-template-8) .review-section .sk-ratings {
        flex-flow: row;
        flex: 0 0 100%;
        justify-content: flex-start;
    }
    :is(.sk-template-8) .review-section .sk-ratings b {
        font-size: 2.6rem;
    }
    :is(.sk-template-8) .review-section .ratings .sk-ratings {
        margin-bottom: 2rem;
    }
    :is(.sk-template-8) .progress-bar-group {
        flex: 0 0 100%;
        width: 100%;
    }

    :is(.sk-template-8) .review-section .review {
        line-height: revert;
    }

    :is(.sk-template-8) .review-content .rating {
        flex-wrap: wrap;
        gap: var(--gutter-xsmall)
    }

    :is(.sk-template-8) .review-content .sk-flex-row {
        align-items: flex-start;
    }

    :is(.sk-template-8) .review-content .review-details {
        flex: 0 0 40%;
    }

    :is(.sk-template-8) .sk-empty-state .sk-success svg {
        fill: var(--color-success);
    }

    .mobile-menu .sk-menu li a {
        width: 100%;
    }

    /*********************************/
    /* Radio Button :: BEGIN */
    /*********************************/
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        width: 0;
        height: 0;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-check-label:empty {
        padding: 0 0rem 2rem 0;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label:before,
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:checked + label:before {
        border: 0;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-check-label {
        position: relative;
        padding: 1rem 2rem;
        cursor: pointer;
        display: inline-block;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: 0.2rem solid var(--color-dark);
        background-color: var(--color-light);
        border-radius: 0.5rem;
        line-height: 2rem;
        -webkit-transition: .28s ease;
        transition: .28s ease;
        user-select: none;
        color: var(--color-body-color);
    }

    :is(.sk-template-8) .button-type-radio .sk-checkbox .sk-check-label:empty {
        padding: 0;
        width: 2rem;
        height: 2rem;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-check-label:before,
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-check-label:after {
        content: '';
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        z-index: 0;
        transition: .28s ease;
        border-radius: 0;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label {
        background-color: var(--color-white);
        border: 0.1rem solid rgba(var(--color-black-rgb) / 42%);
        color: var(--color-body-color);
        line-height: 2.5rem;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:checked + label {
        background-color: var(--color-primary);
        border: 0.1rem solid var(--color-primary);
        color: var(--color-on-primary);
        line-height: 2.5rem;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label:hover,
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label:focus {
        background-color: rgb(var(--color-primary-rgb) / 60%);
        color: var(--color-on-primary);
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:checked + label:after {
        background-color: var(--color-primary);
        transform: scale(0);
        border: 0;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio-group.sk-inline .sk-list {
        overflow-x: auto;
        overflow-x: overlay;
        display: flex;
        gap: 1rem;
        position: relative;
        scroll-behavior: smooth;
        white-space: nowrap;
        overflow-y: hidden;
    }

    /* Disabled :: BEGIN */
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:disabled:not(:checked) + label {
        border-color: #a7a7a7;
        background-color: #f0f0f0;
        color: #a7a7a7;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:disabled:checked + label {
        background-color: #a7a7a7;
        border: 0.2rem solid #a7a7a7;
        color: #fff;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:disabled + label,
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-radio-input:disabled + label * {
        cursor: not-allowed;
    }

    /* Disabled :: END */
    /* Radio Button Large Size :: BEGIN */
    :is(.sk-template-8) .button-type-radio .sk-radio.sk-large .sk-check-label {
        padding: 1.4rem 2.8rem;
        font-size: 1.2rem;
        line-height: 2.4rem;
    }

    /* Large Size :: END */
    /* Group :: BEGIN */
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-list-item {
        width: 100%;
    }

    :is(.sk-template-8) .button-type-radio .sk-radio.sk-inline .sk-list-item {
        width: auto;
        flex: 0 0 auto;
    }

    /* Group :: END */
    /* Hint Text :: BEGIN */
    :is(.sk-template-8) .button-type-radio .sk-radio .sk-helper-text {
        color: var(--color-text-muted);
        font-size: 1.4rem;
        width: 100%;
        display: block;
    }

    /* Hint Text :: END */
    /*********************************/
    /* Radio Button :: END */
    /*********************************/
    :is(.sk-template-8) .sk-otp .otp-block {
        padding: 0;
        margin: 0 0 1rem;
        /*transform: translateX(-68%);*/
    }

    @media (max-width: 768px) {
        :is(.sk-template-8) .address-section .share-btn + .contact-card {
            margin-top: 0;
            padding-top: 0;
        }
        :is(.sk-template-8) .promanage-footer {
            padding-bottom: 1rem;
        }
        :is(.sk-template-8) .footer .social-row {
            justify-content: center;
            gap: 1rem;
        }
        :is(.sk-template-8) .footer .social-row > div .sk-flex-row {
            justify-content: center;
        }
        :is(.sk-template-8) .footer .sk-container {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        :is(.sk-template-8) .address-section .share-btn + .contact-card .sk-flex {
            gap: 1rem;
        }

        :is(.sk-template-8) .address-section .share-btn + .contact-card .sk-flex span {
            flex-shrink: 0;
        }

        :is(.sk-template-8) .review-section-heading .sk-text-end {
            margin-left: 0;
        }

        :is(.sk-template-8) .hero .sk-ratings {
            margin-bottom: var(--gutter-base);
        }


        :is(.sk-template-8) .review-section-heading {
            justify-content: space-between;
            row-gap: 0;
        }


        /*:is(.sk-template-8) .address-section .share-btn+.contact-card {
                margin-top: -2rem;
            }*/

        :is(.sk-template-8) .header-quick-action {
            flex-flow: column;
            padding-bottom: 1.2rem;
        }

        :is(.sk-template-8) .header-quick-action {
            flex-direction: column;
            gap: 1rem;
        }

        :is(.sk-template-8) .review-content {
            flex: 1 0 100%;
            width: 100%;
            padding: var(--gutter-base);
        }

        section:not(.hero) .sk-container > h2,
        .business-hours h2,
        .location-map h2 {
            width: 100%;
        }

        :is(.sk-template-8) .videos .slick-arrow {
            display: none;
        }

        :is(.sk-template-8) :is(.videos) .slick-nav-left {
            left: 0rem;
        }

        :is(.sk-template-8) :is(.videos) .slick-nav-right {
            right: 0rem;
        }

        /*.confirm-buttons {
        flex-wrap: wrap;
    }*/
        .doctor .location-details {
            gap: 0;
        }

        /*:is(.sk-template-8) :is(.current-slide){
        display: flex;
        flex-flow: column;
        
    }
    :is(.sk-template-8) :is(.current-slide.otp-slide){
        text-align: center;
    }*/

    }

    @media (max-width:400px) {
        :is(.sk-template-8) .services-offered .each-service {
            max-width: 30rem;
        }
    }

    /*Slick Slider fix :: BEGIN*/

    :is(.sk-template-8) .hero .sk-ratings {
        margin-bottom: var(--gutter-base);
        align-items: center;
    }

    :is(.sk-template-8) .header-quick-action .sk-flex-row .sk-flex .sk-button {
        background: transparent;
        color: var(--color-white);
    }

    :is(.sk-template-8) .address-section .sk-overflow-menu .sk-icons svg {
        /*  fill: #0066ff;*/
    }

    .map-container:is(:empty) {
        background: rgb(var(--color-black-rgb) / 30%);
    }

    .go-to-home-page:hover {
        text-decoration: underline !important;
    }

    :is(.doctor-profile-page, .appointment-detail-page) .doctor .location-details {
        column-gap: var(--gutter-base);
    }

    :is(.sk-template-8) .sk-bg-danger-light {
        background-color: #fbe8e9;
        color: var(--color-danger) !important;
    }

    .feedback-wrapper .sk-panel-body .sk-button-group .sk-button {
        gap: 1rem;
    }

    :is(.sk-template-8) .services-offered .slick-slider {
        padding: 0 2.5rem;
    }

    .sk-pagination li {
        padding: 0;
    }

        .sk-pagination li a {
            padding: 0 0.5rem;
        }

    @media (max-width: 768px) {
        :is(.sk-template-8) .services-offered .slick-slider {
            padding: 0;
            padding-left: 1.5rem;
        }
    }

    .booking-cancelled {
        text-align: center;
    }

        .booking-cancelled svg {
            margin: 0 auto var(--gutter-base);
        }

        .booking-cancelled .sk-button-group {
            justify-content: center;
        }

    /* Template 8 CSS :: END */

    :is(.sk-template-3) .services-offered .slick-initiate:not(.slick-initialized) .each-service {
        max-width: 35rem;
        flex: 0 0 35rem;
        padding: var(--gutter-base);
        border: .1rem solid var(--color-border);
        border-radius: var(--radius-base);
    }

    :is(.sk-template-3) .google-posts .active .sk-card {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

        :is(.sk-template-3) .google-posts .active .sk-card div {
            border-radius: inherit;
            color: var(--color-on-primary);
        }

    :is(.sk-template-3) .google-posts .sk-button.sk-primary.sk-round {
        background: var(--color-on-primary);
        color: var(--color-primary);
    }

        :is(.sk-template-3) .google-posts .sk-button.sk-primary.sk-round svg {
            fill: currentColor;
        }

    :is(.sk-template-3) .location-map .sk-card,
    :is(.sk-template-3) .location-map iframe {
        border-radius: var(--radius-large);
        margin: 0;
        flex: 0 0 100%;
    }

    @media (min-width: 769px) {
        :is(.sk-template-3) {
        }

            :is(.sk-template-3) .business-hours .sk-surface .sk-margin-x {
                flex: 0 0 30%;
            }

            :is(.sk-template-3) .category-list {
                margin-bottom: var(--gutter-xlarge);
                /* column-count: 2; */
                display: flex;
                gap: var(--gutter-base);
                flex-wrap: wrap;
            }

            :is(.sk-template-3) .category-item {
                background: var(--color-white);
                padding: var(--gutter-base);
                flex: 0 0 49%;
                border-radius: var(--radius-large);
                box-shadow: var(--box-shadow-1);
            }
    }

    /* photo grid :: BEGIN */
    :is(.sk-template-3) .photo-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--gutter-base);
        grid-auto-rows: minmax(100px, auto);
        border-radius: var(--radius-large);
        overflow: hidden;
    }

        :is(.sk-template-3) .photo-grid li {
            position: relative;
            cursor: pointer;
            user-select: none;
            border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
            overflow: hidden;
            height: 14.1rem;
            max-height: 14.1rem;
        }

            :is(.sk-template-3) .photo-grid li img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                object-position: center;
                z-index: 0;
            }

        :is(.sk-template-3) .photo-grid.grid-3 {
            grid-template-columns: repeat(3, 2fr);
        }

        :is(.sk-template-3) .photo-grid:not(.grid-1, .grid-2, .grid-3, .grid-4) li:first-child {
            grid-column: 1 / 5;
            grid-row: 2 / 4;
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-1, .grid-2) li {
            height: 25rem;
            max-height: 25rem;
            grid: auto-flow;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-3) li:first-child {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
            height: 40rem;
            max-height: 40rem;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-3) li {
            height: 19rem;
            max-height: 19rem;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-4) li:first-child {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
            height: 40rem;
            max-height: 40rem;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-4) li {
            height: 19.1rem;
            max-height: 19.1rem;
        }

            :is(.sk-template-3) .photo-grid:is(.grid-4) li:last-child {
                grid-column: 3 / 5;
            }

        :is(.sk-template-3) .photo-grid:is(.grid-5) {
            grid-template-columns: repeat(3, 1fr);
        }

            :is(.sk-template-3) .photo-grid:is(.grid-5) li:last-child {
                height: 30rem;
                max-height: 30rem;
            }

        :is(.sk-template-3) .photo-grid:is(.grid-6) li:first-child {
            grid-column: 1 / 4;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-6) li:last-child {
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-7) li:last-child,
        :is(.sk-template-3) .photo-grid:is(.grid-7) li:nth-last-child(2) {
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-8) li:last-child {
            grid-column: 3 / 5;
        }

        :is(.sk-template-3) .photo-grid:is(.grid-9) li:last-child,
        :is(.sk-template-3) .photo-grid:is(.grid-9) li:nth-last-child(2) {
            height: 14.1rem;
            max-height: 14.1rem;
        }

        :is(.sk-template-3) .photo-grid:not(.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9) li {
        }

    :is(.sk-template-3) .hero .book-appointments .open-status {
        font-size: 1.4rem;
        font-weight: normal;
    }

    :is(.sk-template-3) .videos .slick-arrow {
        border-radius: var(--radius-round);
        width: 4rem;
        height: 4rem;
        padding: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

        :is(.sk-template-3) .videos .slick-arrow svg {
            width: 3rem;
            height: 3rem;
        }

    :is(.sk-template-3) .videos .slick-nav-left.slick-arrow {
        right: 8rem;
    }

    @media (max-width: 1024px) {
        :is(.sk-template-3) {
        }

            :is(.sk-template-3) .photo-grid {
                display: flex;
                flex-wrap: wrap;
                gap: var(--gutter-base);
            }

                :is(.sk-template-3) .photo-grid li {
                    flex: 1 0 40%;
                }

                :is(.sk-template-3) .photo-grid li {
                    max-height: 15rem;
                }
    }

    :is(.sk-template-3) .sk-expansion-panels {
        margin-top: var(--gutter-large);
    }

    /* photo grid :: END */

    :is(.sk-template-3) .sk-menu li {
        padding: 0;
    }

        :is(.sk-template-3) .sk-menu li a {
            padding: 0 var(--gutter-base);
        }

    :is(.sk-template-3) :is(.sk-appbar .sk-menu li, .sk-appbar .sk-menu li a) {
        color: var(--color-body-color);
    }

    :is(.sk-template-3) :is(.sk-appbar .sk-menu li.sk-active, .sk-appbar .sk-menu li.sk-active a) {
        color: var(--color-primary);
    }

    :is(.sk-template-3) .services ul li:first-child {
        list-style-type: disc;
    }

    :is(.sk-template-3) .footer {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    :is(.sk-template-8) .open-status {
        padding: 0 var(--gutter-small);
        border-radius: var(--radius-pill);
        text-transform: uppercase;
        font-size: 1.4rem;
    }

    :is(.sk-template-8) :is(.open-status.sk-badge-success, .open-status.sk-badge-danger) {
        color: var(--color-white);
        font-size: 1.4rem;
    }

    :is(.sk-template-3) .footer a {
        color: inherit;
    }

    :is(.sk-template-3) .footer .sk-icons svg,
    .footer .social .sk-icons svg:hover {
        fill: currentColor;
    }

    .service-detail .sk-panel-body video {
        height: 25rem;
        margin: auto;
    }

    .sk-template-3 .videos .slick-initialized .slick-slide {
        position: relative;
    }

    .sk-template-3 .each-video::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-color: var(--color-white);
        border-radius: 50%;
    }

    .sk-template-3 .each-video::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 18px;
        border-color: transparent transparent transparent rgb(0 0 0 / 80%);
        z-index: 1;
    }

    /* Template 5 Quick Fix :: BEGIN*/
    :is(.sk-template-5) .book-appointments .sk-overflow-menu li {
        font-size: 1.6rem;
        font-weight: normal;
    }

    :is(.sk-template-5) .services-offered :is(.sk-container, .sk-carousel) {
        overflow: hidden;
    }

    :is(.sk-template-5) .services-offered ul {
        box-shadow: none;
    }

    :is(.sk-template-5) .services-offered .sk-carousel-inner {
        justify-content: flex-start;
        overflow-y: hidden;
        padding-bottom: var(--gutter-large);
    }

    :is(.sk-template-5) .services-offered .sk-carousel .sk-carousel-item {
        flex-flow: column;
        text-align: left;
        height: auto;
    }

    :is(.sk-template-5) .services-offered .sk-surface > span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        display: block !important;
    }

    :is(.sk-template-5) .about-us .sk-surface {
        width: 100%;
        max-width: revert;
        padding: 0;
    }

    :is(.sk-template-5) .services-offered .sk-surface > p {
        line-height: 2rem;
        height: 9rem;
    }

    :is(.sk-template-5) .videos .each-video {
        overflow: hidden;
    }

    :is(.sk-template-5) .videos video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    :is(.sk-template-5) .google-posts .active:nth-child(2) .sk-card div {
        border-radius: inherit;
    }

    :is(.sk-template-5) .footer a {
        color: inherit;
    }

        :is(.sk-template-5) .footer a svg {
            fill: currentColor;
        }

    :is(.sk-template-5) .hero .doctor-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    :is(.sk-template-5) .review-section .sk-surface .rating {
        margin-top: auto;
    }

    :is(.sk-template-5) .review-section .slick-arrow {
        width: 5rem;
        height: 5rem;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: var(--color-primary);
        color: var(--color-on-primary);
        border: 0;
    }

        :is(.sk-template-5) .review-section .slick-arrow:hover {
            box-shadow: var(--box-shadow-2);
        }

    :is(.sk-template-5) .doctor-img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    @media (max-width: 768px) {

        :is(.sk-template-5) .sk-appbar.sk-secondary-bg {
            background: var(--color-primary) !important;
            color: var(--color-on-primary) !important;
        }

        :is(.sk-template-5) .sk-appbar-fixed .sk-appbar-align-end .sk-button.sk-round svg {
            color: var(--color-on-primary);
            fill: currentColor;
        }

        :is(.sk-template-5) #dvwebcontctopenprev {
            display: none;
        }

        :is(.sk-template-5) .hero .sk-col-6 {
            text-align: left;
        }

        :is(.sk-template-5) .services-offered .sk-surface {
            width: 100%;
        }

        :is(.sk-template-5) .services-offered .sk-carousel .sk-carousel-item {
            min-width: 70%;
        }

        :is(.sk-template-5) .about-us p {
            text-align: justify;
        }

        :is(.sk-template-5) .photo-grid li,
        :is(.sk-template-5) .photo-grid li:first-child {
            flex: 1 0 47%;
        }
    }

    /* Template 5 Quick Fix :: END*/


    /* Template 7 Quick Fix :: BEGIN */
    :is(.sk-template-7) .hero .slick-initialized .slick-slide {
        max-height: 35rem;
        overflow: hidden;
    }

    :is(.sk-template-7) .location a {
        color: inherit;
    }

    /* photo grid :: BEGIN */
    :is(.sk-template-7) .photo-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--gutter-base);
        grid-auto-rows: minmax(100px, auto);
        border-radius: var(--radius-large);
        overflow: hidden;
    }

        :is(.sk-template-7) .photo-grid li {
            position: relative;
            cursor: pointer;
            user-select: none;
            border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
            overflow: hidden;
            height: 14.1rem;
            max-height: 14.1rem;
        }

            :is(.sk-template-7) .photo-grid li img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                object-position: center;
                z-index: 0;
            }

        :is(.sk-template-7) .photo-grid.grid-3 {
            grid-template-columns: repeat(3, 2fr);
        }

        :is(.sk-template-7) .photo-grid:not(.grid-1, .grid-2, .grid-3, .grid-4) li:first-child {
            grid-column: 1 / 5;
            grid-row: 2 / 4;
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-1, .grid-2) li {
            height: 25rem;
            max-height: 25rem;
            grid: auto-flow;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-3) li:first-child {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
            height: 40rem;
            max-height: 40rem;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-3) li {
            height: 19rem;
            max-height: 19rem;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-4) li:first-child {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
            height: 40rem;
            max-height: 40rem;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-4) li {
            height: 19.1rem;
            max-height: 19.1rem;
        }

            :is(.sk-template-7) .photo-grid:is(.grid-4) li:last-child {
                grid-column: 3 / 5;
            }

        :is(.sk-template-7) .photo-grid:is(.grid-5) {
            grid-template-columns: repeat(3, 1fr);
        }

            :is(.sk-template-7) .photo-grid:is(.grid-5) li:last-child {
                height: 30rem;
                max-height: 30rem;
            }

        :is(.sk-template-7) .photo-grid:is(.grid-6) li:first-child {
            grid-column: 1 / 4;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-6) li:last-child {
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-7) li:last-child,
        :is(.sk-template-7) .photo-grid:is(.grid-7) li:nth-last-child(2) {
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-8) li:last-child {
            grid-column: 3 / 5;
        }

        :is(.sk-template-7) .photo-grid:is(.grid-9) li:last-child,
        :is(.sk-template-7) .photo-grid:is(.grid-9) li:nth-last-child(2) {
            height: 14.1rem;
            max-height: 14.1rem;
        }

        :is(.sk-template-7) .photo-grid:not(.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9) li {
        }

    :is(.sk-template-7) .hero .book-appointments .open-status {
        font-size: 1.4rem;
        font-weight: normal;
    }

    :is(.sk-template-7) .videos .slick-arrow {
        border-radius: var(--radius-round);
        width: 4rem;
        height: 4rem;
        padding: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

        :is(.sk-template-7) .videos .slick-arrow svg {
            width: 3rem;
            height: 3rem;
        }

    :is(.sk-template-7) .videos .slick-nav-left.slick-arrow {
        right: 8rem;
    }

    .sk-template-7 .videos .slick-initialized .slick-slide {
        position: relative;
    }

    .sk-template-7 .each-video::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-color: var(--color-white);
        border-radius: 50%;
    }

    .sk-template-7 .each-video::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 18px;
        border-color: transparent transparent transparent rgb(0 0 0 / 80%);
        z-index: 1;
    }

    :is(.sk-template-7) .google-posts .active .sk-card,
    :is(.sk-template-7) .google-posts .active .sk-card div {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

        :is(.sk-template-7) .google-posts .active .sk-card .sk-card-actions {
            border-radius: inherit
        }

    :is(.sk-template-7) .social-feed {
        background: var(--color-secondary);
    }

    :is(.sk-template-7) .sk-menu nav ul,
    .sk-menu.sk-scrollable nav ul {
        overflow: auto;
    }

    @media (max-width: 1024px) {
        :is(.sk-template-7) {
        }

            :is(.sk-template-7) .photo-grid {
                display: flex;
                flex-wrap: wrap;
                gap: var(--gutter-base);
            }

                :is(.sk-template-7) .photo-grid li {
                    flex: 1 0 40%;
                }

                :is(.sk-template-7) .photo-grid li {
                    max-height: 15rem;
                }
    }

    /* photo grid :: END */
    /* Template 7 Quick Fix :: END */


    /* Template 1 QUICK FIX :: BEGIN */
    :is(.sk-template-1) .hero .slick-initialized .slick-slide {
        max-height: 50rem;
        overflow: hidden;
        border-radius: var(--radius-large);
        border: .1rem solid var(--color-border);
    }

        :is(.sk-template-1) .hero .slick-initialized .slick-slide img {
            object-fit: cover;
        }

    :is(.sk-template-1) .hero .slick-dots {
        display: none !important;
    }


    :is(.sk-template-1) .services-offered .slick-initiate:not(.slick-initialized) .each-service {
        max-width: 35rem;
        flex: 0 0 35rem;
        padding: var(--gutter-base);
        border: .1rem solid var(--color-border);
        border-radius: var(--radius-base);
    }

        :is(.sk-template-1) .services-offered .slick-initiate:not(.slick-initialized) .each-service span.sk-padding-y-small:last-child {
            font-weight: bold;
            font-size: 1.8rem;
        }

    /* Photo Grid :: BEGIN */
    :is(.sk-template-1) .photo-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--gutter-base);
        grid-auto-rows: minmax(100px, auto);
        border-radius: var(--radius-large);
        overflow: hidden;
    }

        :is(.sk-template-1) .photo-grid li {
            position: relative;
            cursor: pointer;
            user-select: none;
            border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
            overflow: hidden;
            height: 14.1rem;
            max-height: 14.1rem;
        }

            :is(.sk-template-1) .photo-grid li img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                object-position: center;
                z-index: 0;
            }

        :is(.sk-template-1) .photo-grid.grid-3 {
            grid-template-columns: repeat(3, 2fr);
        }

        :is(.sk-template-1) .photo-grid:not(.grid-1, .grid-2, .grid-3, .grid-4) li:first-child {
            grid-column: 1 / 5;
            grid-row: 2 / 4;
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-1, .grid-2) li {
            height: 25rem;
            max-height: 25rem;
            grid: auto-flow;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-3) li:first-child {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
            height: 40rem;
            max-height: 40rem;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-3) li {
            height: 19rem;
            max-height: 19rem;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-4) li:first-child {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
            height: 40rem;
            max-height: 40rem;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-4) li {
            height: 19.1rem;
            max-height: 19.1rem;
        }

            :is(.sk-template-1) .photo-grid:is(.grid-4) li:last-child {
                grid-column: 3 / 5;
            }

        :is(.sk-template-1) .photo-grid:is(.grid-5) {
            grid-template-columns: repeat(3, 1fr);
        }

            :is(.sk-template-1) .photo-grid:is(.grid-5) li:last-child {
                height: 30rem;
                max-height: 30rem;
            }

        :is(.sk-template-1) .photo-grid:is(.grid-6) li:first-child {
            grid-column: 1 / 4;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-6) li:last-child {
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-7) li:last-child,
        :is(.sk-template-1) .photo-grid:is(.grid-7) li:nth-last-child(2) {
            height: 30rem;
            max-height: 30rem;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-8) li:last-child {
            grid-column: 3 / 5;
        }

        :is(.sk-template-1) .photo-grid:is(.grid-9) li:last-child,
        :is(.sk-template-1) .photo-grid:is(.grid-9) li:nth-last-child(2) {
            height: 14.1rem;
            max-height: 14.1rem;
        }

        :is(.sk-template-1) .photo-grid:not(.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9) li {
        }

    :is(.sk-template-1) .hero .book-appointments .open-status {
        font-size: 1.4rem;
        font-weight: normal;
        color: var(--color-white);
    }

    :is(.sk-template-1) .videos .slick-arrow {
        border-radius: var(--radius-round);
        width: 4rem;
        height: 4rem;
        padding: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

        :is(.sk-template-1) .videos .slick-arrow svg {
            width: 3rem;
            height: 3rem;
        }

    :is(.sk-template-1) .videos .slick-nav-left.slick-arrow {
        right: 8rem;
    }

    .sk-template-1 .videos .slick-initialized .slick-slide {
        position: relative;
    }

    .sk-template-1 .each-video::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-color: var(--color-white);
        border-radius: 50%;
    }

    .sk-template-1 .each-video video {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .sk-template-1 .each-video::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 18px;
        border-color: transparent transparent transparent rgb(0 0 0 / 80%);
        z-index: 1;
    }

    :is(.sk-template-1) .google-posts .active .sk-card,
    :is(.sk-template-1) .google-posts .active .sk-card div {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

        :is(.sk-template-1) .google-posts .active .sk-card .sk-card-actions {
            border-radius: inherit
        }

    :is(.sk-template-1) .social-feed {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
    }

    :is(.sk-template-1) .sk-menu nav ul,
    .sk-menu.sk-scrollable nav ul {
        overflow: auto;
    }

    :is(.sk-template-1) .footer .social svg {
        fill: #d4d4d4;
    }

    @media (max-width: 1024px) {
        :is(.sk-template-1) {
        }

            :is(.sk-template-1) .photo-grid {
                display: flex;
                flex-wrap: wrap;
                gap: var(--gutter-base);
            }

                :is(.sk-template-1) .photo-grid li {
                    flex: 1 0 40%;
                }

                :is(.sk-template-1) .photo-grid li {
                    max-height: 15rem;
                }
    }

    /* photo grid :: END */
    @media (min-width: 769px) {
        :is(.sk-template-1) .category-list {
            margin-bottom: var(--gutter-xlarge);
            /* column-count: 2; */
            display: flex;
            gap: var(--gutter-base);
            flex-wrap: wrap;
        }

        :is(.sk-template-1) .category-item {
            background: var(--color-white);
            padding: var(--gutter-base);
            flex: 0 0 49%;
            border-radius: var(--radius-large);
            box-shadow: var(--box-shadow-1);
        }
    }

    /* Template 1 QUICK FIX :: END */


    /* Template 2 Quick Fix :: BEGIN */

    :is(.sk-template-2) .services-offered .slick-initiate:not(.slick-initialized) .each-service {
        max-width: 35rem;
        flex: 0 0 35rem;
        padding: var(--gutter-base);
        border: .1rem solid var(--color-border);
        border-radius: var(--radius-base);
    }

        :is(.sk-template-2) .services-offered .slick-initiate:not(.slick-initialized) .each-service .sk-padding-y-small {
            display: block;
            padding-bottom: var(--gutter-base);
        }

    :is(sk-template-2) .hero {
        background: var(--color-primary);
    }

    :is(.sk-template-2) .slick-track {
        margin: 0;
    }

    :is(.sk-template-2) .videos video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    :is(.sk-template-2) .videos .slick-arrow {
        border-radius: var(--radius-round);
        width: 4rem;
        height: 4rem;
        padding: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

        :is(.sk-template-2) .videos .slick-arrow svg {
            width: 3rem;
            height: 3rem;
        }

    :is(.sk-template-2) .videos .slick-nav-left.slick-arrow {
        right: 8rem;
    }

    .sk-template-2 .videos .slick-initialized .slick-slide {
        position: relative;
    }

    .sk-template-2 .each-video::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-color: var(--color-white);
        border-radius: 50%;
    }

    .sk-template-2 .each-video::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 18px;
        border-color: transparent transparent transparent rgb(0 0 0 / 80%);
        z-index: 1;
    }

    /* Template 2 Quick Fix :: END */

    @media (max-width: 768px) {
        :is(.sk-template-1, .sk-template-2, .sk-template-3, .sk-template-5, .sk-template-7) .services-offered .each-service {
            max-width: 25rem;
            flex: 0 0 25rem;
            padding: var(--gutter-base);
            border: .1rem solid var(--color-border);
            border-radius: var(--radius-base);
        }
    }

    :is(.sk-template-8) div#dvaMenuContactpopup.sk-panel .sk-panel-container {
        height: revert;
    }

    /* Category Section :: BEGIN */
    .category-block {
        background: rgb(var(--color-primary-rgb) / 7%);
    }

    .category-container {
        margin-top: var(--gutter-xlarge);
    }

    .category-block .sk-tab-menu {
        background: var(--color-grey-light);
        border: 0.1rem solid var(--color-border);
        border-radius: var(--radius-base);
    }

    .category-block .sk-menu li.sk-active {
        background: var(--color-primary);
        color: var(--color-on-primary);
        /*border-radius: var(--radius-pill);*/
    }

    .category-intro-text {
        color: var(--color-grey);
        margin: var(--gutter-large) 0;
    }

    .category-block .section-title,
    .category-block .section-title + h2 {
        text-align: center;
    }

    .category-block .sk-tab-data {
        padding: 0;
    }

    .category-sub-group .sk-expansion-inner {
        margin-bottom: 1rem;
    }

        .category-sub-group .sk-expansion-inner:first-child,
        .category-sub-group .sk-expansion-inner {
            border: 0.1rem solid var(--color-border);
            border-radius: var(--radius-base);
        }

    .category-sub-group .sk-expansion-header {
        background: var(--color-grey-light);
        border-radius: var(--radius-base);
        align-items: flex-start;
    }

    .category-sub-group .sk-expansion-action {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: var(--radius-pill);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.1rem solid var(--color-border);
        min-width: initial;
    }

    .category-sub-title p {
        margin-bottom: 0;
    }

    .category-sub-title .sk-h4 {
        margin-bottom: 1rem;
    }

    .category-item-group {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        background: var(--color-white);
    }

        .category-item-group .category-item {
            display: flex;
            flex-flow: column;
            background: var(--color-primary);
            color: var(--color-on-primary);
            padding: var(--gutter-large);
            border-radius: var(--radius-base);
            cursor: pointer;
        }

            .category-item-group .category-item .sk-h4 {
                margin-bottom: 1.5rem;
            }

        .category-item-group .category-action {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-top: auto;
        }

            .category-item-group .category-action .sk-icons {
                background: var(--color-white);
                fill: var(--color-primary);
                padding: 0.6rem;
                border-radius: var(--radius-pill);
            }

    .category-sub-title p {
        position: relative;
    }

    .category-read-more {
        position: absolute;
        bottom: 0;
        display: block;
        background: var(--color-grey-light);
        padding: 0 var(--gutter-base);
        right: 0;
        color: var(--color-link);
    }

    .sk-expansion-inner.sk-active .category-read-more,
    .sk-expansion-header:hover .category-read-more {
        background: var(--color-white);
    }

    @media (min-width: 769px) {
        .category-intro-text {
            font-size: 1.8rem;
            /*max-width: 80%;
        text-align: center;*/
            margin: var(--gutter-large) auto;
            line-height: 2.8rem;
        }

        .category-sub-block {
            border: 0.1rem solid var(--color-border);
            border-radius: var(--radius-base);
            position: relative;
        }

        .category-item-group {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--gutter-base);
            height: 50rem;
            overflow: overlay;
            overflow-y: auto;
            padding: 3rem;
        }

            .category-item-group .category-item {
                height: 22rem;
            }

        .category-sub-group {
            height: 50rem;
            width: 40rem;
            overflow: overlay;
            overflow-y: auto;
            background: var(--color-white);
            border-right: .1rem solid var(--color-border);
        }

            .category-sub-group .sk-expansion-inner {
                display: flex;
                width: 40rem;
                position: static;
                margin-bottom: 0;
            }

                .category-sub-group .sk-expansion-inner,
                .category-sub-group .sk-expansion-inner:first-child {
                    border-radius: 0;
                    border: 0;
                }

            .category-sub-group .sk-expansion-header {
                width: 40rem;
                position: relative;
                z-index: 1;
                padding: var(--gutter-large);
                border-bottom: 0.1rem solid var(--color-border);
                border-right: 0.1rem solid var(--color-border);
                height: 12.5rem;
                border-radius: 0;
            }

                .category-sub-group .sk-active .sk-expansion-header,
                .category-sub-group .sk-expansion-header:hover {
                    background: var(--color-white);
                }

            .category-sub-group .sk-expansion-action {
                display: none;
            }

            .category-sub-group .sk-expansion-content {
                position: absolute;
                left: 40rem;
                padding: 0;
                top: 0;
            }
    }

    @media (min-width: 1600px) {
        .category-item-group {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    /* Category Section :: END */

    /*    :is(.sk-template-8) .doctors-list .doctor .about-doctor {
        background: rgb(var(--color-black-rgb) / 6%);
        padding: var(--gutter-small);
        border-radius: var(--radius-base);
        color: var(--color-text-muted);
        position: relative;
        height: 13.6rem;
    }*/

    :is(.sk-template-8) .doctors-list .doctor .about-doctor .read-more-button {
        position: absolute;
        bottom: -1rem;
        background: var(--color-white);
        padding: 0 var(--gutter-small);
        border-radius: inherit;
        right: 1rem;
    }

:is(.sk-template-8) .doctor .sk-card-primary .read-more-button:hover {
    text-decoration: underline;
}

    :is(.sk-template-8) .our-doctors .sk-container .doctors-list [class^=sk-col-], :is(.sk-template-8) .our-doctors .sk-container .doctors-list [class^=sk-col] {
        padding: 1.2rem;
    }


    /*Doctor list CSS :: BEGIN*/
    :is(.sk-template-8) .doctor-sections .appointment-details {
        
    }
    .doctor-list-new {
        background: var(--color-white);
    }

    .doctor-list-new .sk-appbar-row .sk-appbar-align-end .sk-menu a {
        color: var(--color-black);
    }

    .notification-text {
        background: #f1f3f7;
    }

    .informaiton .notification-text {
        background: transparent;
        padding: 0;
        line-height: 1.4;
        color: var(--color-text-muted);
        margin: 0;
    }

    .doctorslist {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }

    .doctors {
        /*flex: 0 0 23%;*/
        flex: 1 1 calc(25% - 2rem);
        max-width: calc(25% - 2rem);
        border: 0.1rem solid rgb(var(--color-black-rgb) / 16%);
        border-radius: var(--radius-large);
    }

    .appointment-button {
        margin-top: auto;
    }

    .doctors img {
        width: 100%;
        object-fit: cover;
        object-position: top;
        border-top-left-radius: var(--radius-large);
        border-top-right-radius: var(--radius-large);
    }

    .doctors .details {
        padding: var(--gutter-base);
    }

    .doctors .designation {
        color: #666;
        padding: .5rem 0;
        font-size: 1.4rem;
    }

    .doctors .details .about-doctor {
        line-height: 1.6;
    }

    .doctorslist .doctors .about-doctor {
        background: rgb(var(--color-black-rgb) / 6%);
        padding: var(--gutter-small);
        border-radius: var(--radius-base);
        color: var(--color-text-muted);
        position: relative;
        height: 7rem;
    }

    .doctorslist .doctors:hover .about-doctor .read-more-button {
        display: block;
    }

    .doctorslist .doctors .about-doctor .read-more-button {
        position: absolute;
        bottom: .5rem;
        background: var(--color-white);
        padding: 0 var(--gutter-small);
        border-radius: inherit;
        right: 1rem;
        display: none;
    }

    .doctors .details a {
        cursor: pointer;
    }

        .doctors .details a:hover {
            text-decoration: underline;
        }

    .doctors .details .sk-icons {
        background-color: #202f59;
        border-radius: var(--radius-pill);
        padding: .5rem;
        display: inline-block;
        cursor: pointer;
    }

        .doctors .details .sk-icons svg {
            fill: var(--color-white);
        }

    .bookappoinment .date-slots {
        position: relative;
        border-bottom: 0.1rem solid var(--color-border);
    }

        .bookappoinment .date-slots .slick-slider .slick-arrow {
            position: absolute;
            background: var(--color-black);
            color: var(--color-on-primary);
            border: 0.1rem solid var(--color-border);
        }

        .bookappoinment .date-slots .slick-slider .arrow-prev.slick-arrow {
            left: 0;
            top: unset;
            bottom: -4rem;
        }

        .bookappoinment .date-slots .slick-slider .arrow-next.slick-arrow {
            right: 0;
            top: unset;
            bottom: -4rem;
        }

            .bookappoinment .date-slots .slick-slider .arrow-next.slick-arrow .sk-icons,
            .bookappoinment .date-slots .slick-slider .arrow-prev.slick-arrow .sk-icons {
                fill: var(--color-white);
            }

    .button-type-radio {
        gap: var(--gutter-base) !important
    }

        .button-type-radio .sk-radio .sk-radio-input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
            width: 0;
            height: 0
        }

        .button-type-radio .sk-radio .sk-check-label:empty {
            padding: 0 0 2rem 0
        }

        .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label:before,
        .button-type-radio .sk-radio .sk-radio-input:checked + label:before {
            border: 0
        }

        .button-type-radio .sk-radio .sk-check-label {
            position: relative;
            padding: 1rem 2rem;
            cursor: pointer;
            display: inline-block;
            align-items: center;
            justify-content: center;
            text-align: center;
            border: .2rem solid var(--color-dark);
            background-color: var(--color-light);
            border-radius: .5rem;
            line-height: 2rem;
            -webkit-transition: .28s ease;
            transition: .28s ease;
            user-select: none;
            color: var(--color-body-color)
        }

        .button-type-radio .sk-checkbox .sk-check-label:empty {
            padding: 0;
            width: 2rem;
            height: 2rem
        }

        .button-type-radio .sk-radio .sk-check-label:before,
        .button-type-radio .sk-radio .sk-check-label:after {
            content: '';
            position: absolute;
            left: 0;
            width: 0;
            height: 0;
            z-index: 0;
            transition: .28s ease;
            border-radius: 0
        }

        .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label {
            background-color: var(--color-white);
            border: .1rem solid rgba(var(--color-black-rgb)/42%);
            color: var(--color-body-color);
            line-height: 2.5rem
        }

        .button-type-radio .sk-radio .sk-radio-input:checked + label {
            background-color: var(--color-primary);
            border: .1rem solid var(--color-primary);
            color: var(--color-on-primary);
            line-height: 2.5rem
        }

        .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label:hover,
        .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label:focus {
            background-color: rgb(var(--color-primary-rgb)/60%);
            color: var(--color-on-primary)
        }


        .button-type-radio .sk-radio .sk-radio-input:checked + label:after {
            background-color: var(--color-primary);
            transform: scale(0);
            border: 0
        }

        .button-type-radio .sk-radio-group.sk-inline .sk-list {
            overflow-x: auto;
            overflow-x: overlay;
            display: flex;
            gap: 1rem;
            position: relative;
            scroll-behavior: smooth;
            white-space: nowrap;
            overflow-y: hidden
        }

        .button-type-radio .sk-radio .sk-radio-input:disabled:not(:checked) + label {
            border-color: #a7a7a7;
            background-color: #f0f0f0;
            color: #a7a7a7
        }

        .button-type-radio .sk-radio .sk-radio-input:disabled:checked + label {
            background-color: #a7a7a7;
            border: .2rem solid #a7a7a7;
            color: #fff
        }

        .button-type-radio .sk-radio .sk-radio-input:disabled + label,
        .button-type-radio .sk-radio .sk-radio-input:disabled + label * {
            cursor: not-allowed
        }

        .button-type-radio .sk-radio.sk-large .sk-check-label {
            padding: 1.4rem 2.8rem;
            font-size: 1.2rem;
            line-height: 2.4rem
        }

        .button-type-radio .sk-radio .sk-list-item {
            width: 100%
        }

        .button-type-radio .sk-radio.sk-inline .sk-list-item {
            width: auto;
            flex: 0 0 auto
        }

        .button-type-radio .sk-radio .sk-helper-text {
            color: var(--color-text-muted);
            font-size: 1.4rem;
            width: 100%;
            display: block
        }

    .sk-radio .sk-radio-input {
        position: absolute;
        opacity: 0;
        pointer-events: none
    }

    .sk-radio .sk-check-label:empty {
        padding: 0 0 2rem 0
    }

    .sk-radio .sk-check-label {
        position: relative;
        padding-left: 3rem;
        cursor: pointer;
        display: flex;
        align-items: start;
        flex-wrap: wrap;
        line-height: 2rem;
        -webkit-transition: .28s ease;
        transition: .28s ease;
        user-select: none;
        color: var(--color-body-color)
    }

    .sk-checkbox .sk-check-label:empty {
        padding: 0;
        width: 2rem;
        height: 2rem
    }

    .sk-radio .sk-check-label:before, .sk-radio .sk-check-label:after {
        content: '';
        position: absolute;
        left: 0;
        width: 2rem;
        height: 2rem;
        z-index: 0;
        transition: .28s ease;
        border-radius: 50%
    }

    .sk-radio .sk-radio-input:not(:checked) + label:before {
        border: .2rem solid var(--color-dark)
    }

    .sk-radio .sk-radio-input:checked + label:before {
        border: .2rem solid var(--color-primary)
    }

    .sk-radio .sk-radio-input:checked + label:after {
        background-color: var(--color-primary);
        transform: scale(.5);
        border: .2rem solid var(--color-primary)
    }

    .sk-radio-group.sk-inline {
        overflow-x: auto;
        overflow-x: overlay;
        display: flex;
        gap: 1rem;
        position: relative;
        scroll-behavior: smooth;
        gap: var(--gutter-large)
    }

        .sk-radio-group.sk-inline .sk-list {
            overflow-x: auto;
            overflow-x: overlay;
            display: flex;
            gap: 1rem;
            position: relative;
            scroll-behavior: smooth;
            white-space: nowrap;
            overflow-y: hidden
        }

    .sk-radio .sk-radio-input:disabled:not(:checked) + label:before {
        border-color: #a7a7a7
    }

    .sk-radio .sk-radio-input:disabled:checked + label:before {
        border: .2rem solid #a7a7a7
    }

    .sk-radio .sk-radio-input:disabled:checked + label:after {
        background-color: #a7a7a7;
        border-color: #939393
    }

    .sk-radio .sk-radio-input:disabled + label,
    .sk-radio .sk-radio-input:disabled + label * {
        cursor: not-allowed;
        color: #939393
    }

    .sk-radio.sk-large .sk-check-label {
        padding-left: 3.4rem;
        line-height: 2.4rem
    }

        .sk-radio.sk-large .sk-check-label:before,
        .sk-radio.sk-large .sk-check-label:after {
            width: 2.4rem;
            height: 2.4rem
        }

    .sk-radio .sk-list-item {
        width: 100%
    }

    .sk-radio.sk-inline .sk-list-item {
        width: auto;
        flex: 0 0 auto
    }

    .sk-radio .sk-helper-text {
        color: var(--color-text-muted);
        font-size: 1.4rem;
        width: 100%;
        display: block
    }

    .booking-details .sk-flex-row {
        margin-bottom: var(--gutter-small);
    }

    .booking-details .title {
        flex: 0 0 48%;
        text-align: left;
    }

.section-bottom-border {
    border-bottom: .5rem solid #f1f3f7;
}

.time-slots .sk-list li {
    color: var(--color-black);
}

.sk-radio .sk-check-label {
    color: var(--color-black);
}

.patient-details .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label {
    color: var(--color-black);
}

.patient-details .sk-row .sk-radio-group {
    margin-bottom: var(--gutter-base);
}


.section-bottom-border {
    border-bottom: .5rem solid #f1f3f7;
}

.time-slots .sk-list li {
    color: var(--color-black);
}

.sk-radio .sk-check-label {
    color: var(--color-black);
}

.patient-details .button-type-radio .sk-radio .sk-radio-input:not(:checked) + label {
    color: var(--color-black);
}

.patient-details .sk-row .sk-radio-group {
    margin-bottom: var(--gutter-base);
}

/*.header-logo img {
    padding: 0.8rem;
}
*/
    @media(min-width: 769px) {
        .sk-panel .sk-panel-inner {
            border-radius: var(--radius-large);
        }
    }


    @media (max-width: 1024px) {
        .doctorslist .doctors {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .about-doctor .sk-container {
            padding-top: var(--gutter-base);
        }
    }

    /*Doctor datalist CSS :: END */

  /*  .listings-banner {
        background-image: url('https://miro.medium.com/v2/resize:fit:720/format:webp/0*M1gkGAj3QgjQKj6G.png');
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: bottom;
        padding: 10rem 0;
        position: relative;
        z-index: 1;
    }

        .listings-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--color-black-rgb) / 70%);
            z-index: -1;
        }

        .listings-banner h1 {
            color: var(--color-white);
        }*/



    /* blog css :: start */


.recent-articles a {
    color: #2a5efe;
}

.blog-detail .recent-articles {
    padding-bottom: var(--gutter-large);
}

.blogs-inner {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    padding-top: 4rem;
}

    .blog_banner .slide-content h1 {
        color: var(--color-white);
    }

    .blog_banner .slide-content span {
        color: var(--color-white);
    }


    .blog-header .sk-appbar .sk-appbar-row .sk-appbar-section .sk-appbar-logo img {
        padding: 0.6rem;
    }

    .blog-listings .blogs-inner .blog-item {
        display: flex;
        flex-direction: column;
    }

    .blog-listings .blogs-inner {
        gap: 2rem;
    }

        .blog-listings .blogs-inner .blog-item {
            letter-spacing: 0.02rem;
        }

        .blog-listings .blogs-inner .blog-item .blog-bottom {
            padding: var(--gutter-base);
            margin-top: auto;
        }

        .blog-listings .blogs-inner .blog-item a:hover {
            text-decoration: underline;
        }

    .doctor {
        border: 0.1rem solid var(--color-border);
    }

        .doctor .location-details {
            padding-left: 0;
        }

.blog-listings .blog-content p {
    line-height: 1.6;
    letter-spacing: 0.02rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #666;
}

    .blogs-inner .blog-item img {
        object-fit: cover;
        height: 25rem;
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        object-position:top;
    }

    section .sk-container {
        border-bottom: none;
    }

    .blog-content {
        padding: var(--gutter-base);
    }

        .blog-content a svg {
            transform: rotate(180deg);
            fill: #7A9AFF;
        }

        .blog-content a {
            display: inline-block;
            font-size:1.8rem;
            padding-top: 1rem;
        }

            .blog-content a:hover {
                color: var(--color-brand-color);
            }

                .blog-content a:hover svg {
                    fill: var(--color-brand-color);
                }
    /*.blog-listings .sk-row .doctor {
    position: sticky;
    top: 8rem;
}*/
    .designation {
        font-size: 1.4rem;
    }

    .doctor .location-details .office,
    .doctor .location-details .location {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .blog-listings .blogs-inner .blog-item:hover {
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    }

    .blog-listings .blogs-inner {
        gap: 3rem;
        padding-top: 0;
    }

    .blog-listings .blog-item h5 {
        color: var(--color-black);
        cursor: pointer;
    }

    .blog-listings .blog-content {
        padding: var(--gutter-base) var(--gutter-base) 0;
    }

        .blog-listings .blog-content .time {
            position: relative;
        }

            .blog-listings .blog-content .time:before {
                content: '';
                position: absolute;
                top: 0.7rem;
                left: -1rem;
                width: 0.3rem;
                height: 0.3rem;
                border-radius: var(--radius-pill);
                background-color: rgba(var(--color-rgb-black) / 50%);
            }

        .blog-listings .blog-content a svg {
            width: 1.2rem;
            height: 1.2rem;
        }

        .blog-listings .blog-content .sk-flex-row {
            gap: 2rem;
        }


    .blog-listings .blogs-inner .blog-item {
        cursor: pointer;
        background-color: var(--color-white);
        color: var(--color-black);
        border-radius: 1rem;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        /*    max-height: 45rem;*/
    }

.blog-listings .blog-item .sk-badge {
    font-size: 1.2rem;
    background-color: #e6e6e6;
    padding:0.6rem;
}

    .blog-listings .blogs-inner .blog-item {
        width: 100%;
        max-width: 100%;
    }


    .blog-detail .doctor > div {
        border-bottom: 0.1rem solid var(--color-border);
        border-radius: 0;
        padding: var(--gutter-large);
    }

.blog-listings .doctor .sk-surface,
.blog-detail .doctor .sk-surface {
    border: 0.1rem solid var(--color-border);
    border-radius: 0.4rem;
    margin-bottom: 0;
    margin-top: var(--gutter-small);
}

   .doctor .sk-surface .consultation,
    .doctor .sk-surface .consultation h6 {
        font-size: 1.4rem;
    }

    .blog-listings .doctor .location,
    .blog-detail .doctor .location {
        gap: 0.5rem;
    }

.blog-detail .doctor .sk-ratings {
    padding-top: 0.3rem;
}

.listings-banner .sk-h1 {
    font-size: 4rem;
}

    /*.blog-detail .doctor {
    height: 60rem;
    overflow-y:auto;
}*/

    .blog-author-intro {
        margin-bottom: var(--gutter-base);
        align-items: center;
        gap: 1rem;
    }

.blog-detail .posted-img img,
.ql-editor p img {
    width: 100%;
    max-height: 50rem;
    object-fit: contain;
    object-position: center;
}
    .blog-detail .posted-img img,
    .ql-editor p img {
        width: 100%;
    }

    .blog-detail .doctor .sk-avatar {
        flex: 0 0 6rem;
        width: 6rem;
        height: 6rem;
    }

    .blog-detail .doctor .designation,
    .blog-detail .doctor .experience {
        font-size: 1.4rem;
    }

   /* .bookappoinment .date-slots .slick-slider .arrow-prev.slick-arrow,
    .bookappoinment .date-slots .slick-slider .arrow-next.slick-arrow {
        bottom: -6rem;
    }*/


    .blog-listings .doctor .location-details {
    }

.blog-listings .sk-card-primary .location {
    background: transparent;
}

.blog-detail .doctor .sk-card-primary .location {
    background: transparent;
}

.blog-detail .doctor {
    height: auto;
}

.blog-listings .doctor,
.blog-detail .doctor {
 background: #fdf5e8;
}

    .blog-listings .doctor .sk-card-primary,
    .blog-detail .doctor .sk-card-primary {
        padding: var(--gutter-large);
    }


    .blog-detail .sk-card-primary {
        height: auto;
        border-bottom: 0 !important;
    }

.blog-sidebar .doctor .sk-card-primary {
    border-bottom: 0.1rem solid var(--color-border) !important;
}

.blog-listings .doctor .sk-avatar {
    flex: 0 0 6rem;
    width: 6rem;
    height: 6rem;
}

.blog-listings .doctor .bio,
.blog-detail .doctor .bio {
    max-width: 100%;
}

.doctor-profile-sticky {
    position: sticky;
    top: 8rem;
}

    .doctor-profile-sticky .tags {
        border: .1rem solid rgb(var(--color-primary-rgb) / 30%);
        margin-top: var(--gutter-base);
    }

        .doctor-profile-sticky .tags .sk-card-primary {
            padding: var(--gutter-large);
        }

        .doctor-profile-sticky .tags .sk-chipset {
            margin:0;
        }


        @media (min-width:1025px) {
            .blog-listings .blogs-inner .blog-item {
            max-width: 48%;
        }

            .blog-listings .blogs-inner .blog-item:only-child {
                width: 100%;
                max-width: 100%;
            }

                .blog-listings .blogs-inner .blog-item:only-child img {
                    object-position: center;
                    height: 30rem;
                }
    }


    @media (max-width: 1024px) {
        .blogs-inner .blog-item {
            max-width: 48%;
        }

        .blog-detail .recent-articles a h3 {
            font-size: 1.8rem;
        }

    }

    @media (max-width: 600px) {
        .blogs-inner .blog-item {
            max-width: 100%;
        }
    }


    @media (max-width: 768px) {

        .blog-detail .recent-articles a h3 {
            font-size: 1.6rem;
        }

        .blog-listings .doctor,
        .blog-listings .sk-card.tags {
            max-width: 100%;
        }
        .blog-listings .blogs-inner {
            margin-bottom: 3rem;
        }

        .blog-sidebar .doctor .sk-card-primary .sk-button-group {
            flex-wrap: wrap;
            justify-content: center;
        }

        .blog-detail .slide-content h1,
        .listings-banner .sk-h1 {
            font-size: 2.4rem;
            line-height: 3rem;
        }
    }
    /* blog detail css :: start */


    .blog-detail h1 {
        font-size: 4rem;
        line-height: 5rem;
        margin-bottom:0;
    }

.blog_banner {
    background-image: url(https://miro.medium.com/v2/resize:fit:720/format:webp/0*M1gkGAj3QgjQKj6G.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
    position: relative
}

        .blog_banner:before {
            background-color: var(--color-black);
            content: "";
            height: 100%;
            left: 0;
            opacity: .4;
            position: absolute;
            top: 0;
            width: 100%
        }

    .slide-content {
/*        color: var(--color-white);*/
        position: relative
    }

    .blog-author-intro {
        gap: 1rem;
        padding: var(--gutter-base) 0;
    }

.blog-detail .blog-author-intro {
    padding: 0;
    margin-bottom: 0;
}

.blog-author-intro .sk-avatar {
    border-radius: var(--radius-round);
    height: 4rem;
    width: 4rem
}

        .blog-author-intro .sk-avatar-name {
            color: var(--color-dark);
            font-weight: var(--font-weight-medium)
        }

        .blog-author-intro .sk-avatar-tag {
            font-size: 1.4rem
        }

        .blog-author-intro .sk-avatar-blog, .blog-author-intro .sk-avatar-name {
            display: block
        }

.blog-posted-wrapper {
    border-bottom: .1rem solid rgb(var(--color-black-rgb)/5%);
    border-top: .1rem solid rgb(var(--color-black-rgb)/5%);
    justify-content: space-between;
    margin: 2rem 0;
    padding: 1rem 0
}

    .blog-posted-wrapper .sk-icons {
        cursor:pointer;
    }

    .blog-posted, .blog-share-icons {
        align-items: center;
        display: flex
    }

    .blog-share-icons {
        gap: 2rem
    }

.blog-posted-wrapper .blog-share-icons .sk-overflow-list {
    left: 50%;
    transform: translateX(-50%);
}

.policyMid li {
    padding-bottom: 1.2rem
}

    .blog-posted .data {
        align-items: center;
        color: var(--color-text-muted);
        display: flex;
        font-size: 1.4rem
    }

    .blog-posted .count {
        align-items: center;
        display: flex;
        gap: .5rem;
        margin-left: 1rem
    }

    .blog-posted :not(:first-child).data:before {
        background: var(--color-dark);
        border-radius: var(--radius-round);
        content: "";
        display: block;
        height: .4rem;
        margin: 0 1rem;
        width: .4rem
    }

    .ql-editor {
        white-space: normal
    }

    .posted-img img {
        margin: auto;
        object-fit: cover;
        width: auto
    }

    .features-lists {
        position: sticky;
        top: 10rem
    }

    .blog-top-articles {
        margin: auto;
        max-width: 35rem
    }

        .blog-top-articles .item {
            margin-bottom: 3rem
        }

            .blog-top-articles .item a {
                display: flex;
                gap: 1rem
            }

    .features-lists a {
        color: var(--color-black)
    }

    .blog-detail p {
        line-height: 3.2rem;
        margin-bottom: var(--gutter-base);
    }

    .blog-top-articles .thumbnail {
        border: .1rem solid rgb(var(--color-rgb-black)/10%);
        border-radius: var(--radius-base);
        flex-shrink: 0;
        height: 8.4rem;
        width: 8.4rem
    }

    .blog-top-articles .content {
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

        .blog-top-articles .content .sk-h6 {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            font-size: 1.4rem;
            font-weight: var(--font-weight-medium);
            overflow: hidden
        }

    .blog-top-articles .item:hover .sk-h6 {
        color: var(--color-secondary)
    }

    .blog-top-articles .blog-posted {
        gap: var(--gutter-base)
    }

    .blog-top-articles .thumbnail img {
        border-radius: var(--radius-base);
        object-fit: cover
    }

.subpagecontent {
    margin: 0 0 2rem 0;
}

    .blog-detail .sk-container {
        border-bottom: .1rem solid rgb(var(--color-rgb-black)/10%)
    }

    .blog-detail ol, .blog-detail ul {
        margin-top: 0
    }

    .blog-list .sk-tabs .sk-menu.sk-scrollable nav ul {
        background-color: #fafafa;
        border: .1rem solid #eaeaea;
        border-radius: var(--radius-pill);
        max-width: max-content
    }

    .blog-list .sk-tabs .sk-menu.sk-scrollable nav {
        justify-content: center
    }

    .blog-list .sk-tabs .sk-menu li .sk-menu-indicator {
        display: none
    }

    .blog-list .sk-tabs .sk-menu li a {
        text-transform: capitalize
    }

        .blog-list .sk-tabs .sk-menu li a:hover {
            color: var(--color-secondary)
        }

    .blog-list .sk-tabs .sk-menu li.sk-active a {
        font-weight: var(--font-weight-bold)
    }

    @media (max-width: 768px) {
        .blog_banner h1 {
            font-size: 2.5rem;
        }

        .blog-posted-wrapper .blog-share-icons .sk-overflow-list {
            right: 0;
            transform: translateX(0);
            left: auto;
        }
    }
    /* blog css :: end*/


    /* Appointment NEW page CSS :: BEGIN */

    .appointment-page-bg {
        background: #f3f5f7;
    }

.patient-details .sk-black {
    font-weight: var(--font-weight-medium);
}

    @media (min-width: 769px) {
        .doctor-detail-info .sk-flex-row {
            align-items: flex-start;
        }

        .doctor-detail-info .sk-flex-row .doctor-profile-image {
            padding: 0;
            margin: 0;
        }

        .doctor-detail-info .sk-flex-row .doctor-profile-image ::before {
            border: 0;
        }

        .doctor-detail-info .sk-flex-row .doctor-profile-image .sk-avatar {
            border-radius: var(--radius-base);
            border: 0;
        }
        .surface-bg {
            background: #F6F6F6;
            padding: var(--gutter-base);
            border-radius: var(--radius-base);
            justify-content: space-between;
        }
        .appointment-book .sk-panel-body {
            overflow-x: hidden;
        }
        .doctor-detail-info .bookappoinment {
            padding: 0;
        }
        
        .doctor-detail-info .bookappoinment .patient-details .sk-text-field .sk-event-group,
        .doctor-detail-info .bookappoinment .patient-details .sk-text-select .sk-event-group,
        .doctor-detail-info .bookappoinment .patient-details .sk-autocomplete .sk-event-group {
        /*  background: #f8f8f8;*/
            border: 0.1rem solid var(--color-border);
            border-radius: 0.4rem;
        }
        .doctor-detail-info .bookappoinment .patient-details .sk-text-field .sk-event-group .sk-input,
        .doctor-detail-info .bookappoinment .patient-details .sk-text-select .sk-event-group .sk-input,
        .doctor-detail-info .bookappoinment .patient-details .sk-autocomplete .sk-event-group .sk-input {
        /*  background: #f8f8f8;*/
        }
        .doctor-detail-info .bookappoinment .patient-details .sk-text-field .sk-event-group .sk-text {
/*            background: #f8f8f8;*/
        }
        .doctor-detail-info .bookappoinment .patient-details .sk-text-field .sk-event-group input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 30px var(--color-white) inset !important;
        }
        .doctor-detail-info .bookappoinment .patient-details .sk-text-field,
        .doctor-detail-info .bookappoinment .patient-details .sk-text-select,
        .doctor-detail-info .bookappoinment .patient-details .sk-autocomplete,
        .doctor-detail-info .bookappoinment .patient-details .sk-textarea,
        .doctor-detail-info .bookappoinment .patient-details .sk-radio-group {
            margin-bottom: var(--gutter-large);
        }
        .doctor-detail-info .slide-content .otp-group {
            text-align: left;
        }
        .booking-details .sk-flex-row .value {
            color: var(--color-black);
        }
        .doctor-detail-info .slide-content .otp-group .otp-block span {
            border: 0.1rem solid var(--color-border);
            border-radius: 0.5rem;
            background: #f8f8f8;
        }

        .doctor-detail-info .slide-content .otp-group .otp-block .last-box {
            border: 0;
            background: transparent;
        }
        .appointment-group-wrapper .date-slots .slick-initiate-date-picker .slick-arrow {
            bottom: 1.5rem !important;
            z-index: 1;
            width: 3rem;
            height: 3rem;
        }
        .appointment-group-wrapper .date-slots .slick-initiate-date-picker .slick-list .slick-track .slick-slide {
            padding: 0;
            min-width: fit-content;
        }
        .bookappoinment .date-slots .slick-slider .arrow-prev.slick-arrow {
            left: -2rem;
        }
        .bookappoinment .date-slots .slick-slider .arrow-next.slick-arrow {
            right: -2rem;
        }
        .appointment-group-wrapper .date-slots .slick-initiate-date-picker {
            margin-bottom: var(--gutter-large);
        }
        .appointment-book .sk-panel-body .panel-close {
            position: absolute;
            right: 1rem;
            top: 1rem;
            cursor: pointer;
        }
        .change-number:hover,
        .caption a:hover {
            text-decoration: underline;
        }
        .patient-details {
            border-bottom: 0 !important;
        }

    }


    @media (max-width: 768px) {

        .appointment-page-bg .sk-container {
            padding-left: 0;
            padding-right: 0;
        }
        .appointment-page-bg .sk-container .doctor-sections .appointment-wrapper h3 {
            padding: 0 1.2rem;
        }
        .appointment-page-bg .sk-container .doctor-sections .appointment-wrapper > .sk-surface {
            margin: 0 1.2rem var(--gutter-base);
        }
        .sticky-bottom .sk-button-group .next-btn {
            border-right: 0 !important;
        }
        .doctor-detail-mobile {
            border-radius: var(--radius-large);
        }

        .doctor-detail-mobile .sk-flex-row .doctor-profile-image::before {
            border: 0;
        }

        .doctor-detail-mobile .sk-flex-row .doctor-profile-image {
            padding: 0;
            margin: 0;
        }

        .doctor-detail-mobile .sk-flex-row .doctor-profile-image .sk-avatar {
            width: 8rem;
            height: 8rem;
            border: 0;
            border-radius: var(--radius-base);
        }

        .specialist {
            width: 22rem;
        }

        .doctor-info-detail .sk-h8 {
            line-height: 1;
            font-weight: var(--font-weight-medium);
        }

        .doctor-info-detail span {
            font-size: 1.4rem;
        }

      /*  .doctor-info-detail .open-status {
            padding: 0;
            border-radius: 0;
        }*/

        .appointment-wrapper #openAppointmentScreen .sk-panel-container .sk-panel-body .current-slide {
            padding: 0;
        }

        .appointment-modal .slide-content {
            color: var(--color-black);
        }

        .appointment-modal .slide-content .informaiton {
            display: none;
        }

        .appointment-modal .slide-content .sk-divider {
            display: none;
        }

        .appointment-modal .slide-content .date-slots .sk-flex-row {
            margin-bottom: var(--gutter-base);
        }

        .appointment-modal .slide-content .date-slots .slick-initiate-date-picker .slick-list .slick-track .sk-flex {
            padding: 0;
            display: flex !important;
        }

        .appointment-modal .slide-content .date-slots .slick-initiate-date-picker {
            margin-bottom: var(--gutter-large);
        }

        .appointment-modal .slide-content .date-slots .slick-initiate-date-picker .slick-arrow {
            bottom: 1.5rem;
            z-index: 1;
            width: 3rem;
            height: 3rem;
        }
        .bookappoinment .date-slots .slick-slider .arrow-prev.slick-arrow {
            left: -1.4rem;
        }
        .bookappoinment .date-slots .slick-slider .arrow-next.slick-arrow {
            right: -1.4rem;
        }

        /* .slick-initiate-date-picker .slot .date-list-item:first-child {
            margin-left: 1.8rem;
        }*/

        .doctor-slot-group .sk-surface {
            margin-bottom: 1.4rem;
        }

        
        .doctor-slot-group .time-slots {
            border-bottom: 0.1rem solid var(--color-border);
            margin-bottom: var(--gutter-base);
        }
        .doctor-slot-group .time-slots:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }
        .slot-empty {
            text-align: center;
        }
        .slot-empty span svg {
            margin: 2rem auto 0;
        }
        .book-slot-detail .sk-bottomsheet-inner {
            height: 60rem;
            border-top-right-radius: var(--radius-large);
            border-top-left-radius: var(--radius-large);
            border-top: 0.5rem solid var(--color-black);
        }

        .book-slot-detail .sk-bottomsheet-inner .sk-bottomsheet-body .current-slide {
            padding: 0;
        }
        .slot-info svg {
            transform: rotate(4deg);
        }
        .book-slot-detail .sk-bottomsheet-header .sk-flex-row {
            padding: var(--gutter-base) var(--gutter-base) 0;
        }
        .book-slot-detail .sk-bottomsheet-inner .sk-bottomsheet-body {
            overflow-x: hidden;
            padding-top: 0;
        }
        .booking-details {
            margin-bottom: 3rem;
        }

        .book-slot-detail .sk-bottomsheet-inner .sk-bottomsheet-body .slide-content {
            color: var(--color-black);
        }

        .book-slot-detail .sk-bottomsheet-body .booking-details .value {
            color: var(--color-black);
        }
       
        .book-slot-detail .bookappoinment .patient-details .sk-text-field,
        .book-slot-detail .bookappoinment .patient-details .sk-text-select,
        .book-slot-detail .bookappoinment .patient-details .sk-autocomplete,
        .book-slot-detail .bookappoinment .patient-details .sk-textarea,
        .book-slot-detail .bookappoinment .patient-details .sk-radio-group {
            margin-bottom: var(--gutter-large);
        }

        .book-slot-detail .bookappoinment .patient-details .sk-text-field .sk-event-group,
        .book-slot-detail .bookappoinment .patient-details .sk-text-select .sk-event-group,
        .book-slot-detail .bookappoinment .patient-details .sk-autocomplete .sk-event-group {
           /* background: #f8f8f8;*/
            border: 0.1rem solid var(--color-border);
            border-radius: 0.4rem;
        }

        .book-slot-detail .bookappoinment .patient-details .sk-text-field .sk-event-group .sk-input,
        .book-slot-detail .bookappoinment .patient-details .sk-text-select .sk-event-group .sk-input,
        .book-slot-detail .bookappoinment .patient-details .sk-autocomplete .sk-event-group .sk-input {
            /*  background: #f8f8f8;*/
        }
        .book-slot-detail .slide-content .otp-group .otp-block span {
            border: 0.1rem solid var(--color-border);
            border-radius: 0.5rem;
            background: #f8f8f8;
        }
        .book-slot-detail .bookappoinment .patient-details .sk-text-field .sk-event-group .sk-text {
            /*background: #f8f8f8;*/
        }
        .book-slot-detail .slide-content .otp-group {
            text-align: left;
        }
        .book-slot-detail .slide-content .otp-group .otp-input span {
            border: 0.1rem solid var(--color-border);
            border-radius: 0.5rem;
            background: #f8f8f8;
        }
        .book-slot-detail .slide-content .otp-group .otp-block .last-box {
            border: 0;
            background: transparent;
        }
        .sk-expansion-panels .sk-expansion-action .sk-icons.slot-info svg {
            transform: rotate(360deg);
        }
        .time-slots .session-group:last-child {
            margin-bottom: var(--gutter-large);
        }


    }
    /* Appointment NEW page CSS :: BEGIN */




    @media (max-width: 768px) {
        .blog_banner h1 {
            font-size: 2.5rem;
        }
    }

.sk-breadcrumbs,
.sk-breadcrumbs a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sk-breadcrumbs {
    font-size: 1.4rem;
    max-width: max-content;
    padding: 1rem 0;
    border-radius: var(--radius-base);
}

    .sk-breadcrumbs a {
        color: rgb(var(--color-black-rgb) / 60%);
        font-weight: var(--font-weight-medium);
    }

        .sk-breadcrumbs a .sk-icons svg {
            fill: rgb(var(--color-black-rgb) / 60%);
        }

        .sk-breadcrumbs a:hover {
            color: var(--color-black);
        }

            .sk-breadcrumbs a:hover .sk-icons svg {
                fill: var(--color-black);
            }

    /* .sk-breadcrumbs a:after {
    content: "/";
    color: #08439d;
    padding: 0 5px;
    cursor: text;
} */

    .sk-breadcrumbs span {
        font-weight: var(--font-weight-medium);
    }