@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
body {
    overflow-x: hidden;
}

:root {
    --primary-font: "Titillium Web", serif;
    --secondary-font: "Titillium Web", serif;
    --primary-color: #2b4661;
    --secondary-color: #026a72;
    --theme-light-color: #fffafa;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--primary-font);
}

a {
    text-decoration: none;
    color: #000;
    display: block;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

/* header section style start */

.header-section {
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0px 0px 35px 1px rgba(55,41,67,0.05);
}

.header-section .topheader {
    background: #fff;
    padding: 10px 0px;
}

.header-section .topheader .topheaderbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-section .topheader .topheaderbox .logo {
}

.header-section .topheader .topheaderbox .logo a {
    display: flex;
    align-items: center;
}

.header-section .topheader .topheaderbox .logo a img {
    width: 80px;
}

.header-section .topheader .topheaderbox .logo a .logo-text {
    font-size: 22px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--primary-color);
}

.header-section .topheader .topheaderbox .logo a .logo-text span {
    color: var(--secondary-color);
    font-weight: 700;
}

.header-section .topheader .topheaderbox .toprightbox {
    display: flex;
    align-items: center;
    flex-basis: 75%;
    justify-content: end;
}

.header-section .topheader .topheaderbox .toprightbox .emergency {
    border-right: 2px solid var(--secondary-color);
    padding-right: 10px;
}

.header-section .topheader .topheaderbox .toprightbox .emergency h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
}

.header-section .topheader .topheaderbox .toprightbox .emergency h5 p {}

.header-section .topheader .topheaderbox .toprightbox .addressbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 10px;
    border-right: 2px solid var(--primary-color);
    width: 35%;
}

.header-section .topheader .topheaderbox .toprightbox .addressbox:last-child {
    border: none;
}

.header-section .topheader .topheaderbox .toprightbox .addressbox p b {
    font-weight: 700;
}

.header-section .topheader .topheaderbox .toprightbox .addressbox .icon {}

.header-section .topheader .topheaderbox .toprightbox .addressbox .icon svg {
    width: 35px;
    fill: var(--secondary-color);
}

.header-section .topheader .topheaderbox .toprightbox .addressbox p {
    font-size: 14px;
    font-weight: 600;
}
.header-section .mainheader {
    background: var(--primary-color);
}
.header-section .header-box {width: 60%;margin-left: auto;margin-right: auto;}

.header-section .header-box .logo {}

.header-section .header-box .logo a {
    display: flex;
    align-items: center;
}

.header-section .header-box .logo a img {
    width: 80px;
}

.header-section .header-box .logo a .logo-text {
    font-size: 22px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--primary-color);
}

.header-section .header-box .logo a .logo-text span {
    color: var(--secondary-color);
    font-weight: 700;
}

.header-section .header-box .header-menubox {}

.header-section .header-box .header-menubox ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-section .header-box .header-menubox ul li {
    border-right: 1px solid var(--secondary-color);
}
.header-section .header-box .header-menubox ul li:last-child {
    border: none;
}

.header-section .header-box .header-menubox ul li a {
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--primary-font);
    letter-spacing: 0.5px;
    transition: all .3s ease;
    padding: 10px 18px;
    color: #fff;
}

.header-section .header-box .header-menubox ul li a:hover {
    color: #fff;
}

.header-section .header-box .emergency-numberbox {}

.header-section .header-box .emergency-numberbox ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-section .header-box .emergency-numberbox ul li {}

.header-section .header-box .header-menubox ul .dropdown-li ul.dropdownbox {
    position: absolute;
    flex-direction: column;
    width: 200px;
    z-index: 11;
    text-align: left;
    padding: 1rem 10px;
    align-items: start;
    box-shadow: 0px 0px 50px 3px rgba(232,232,232,0.5);
    top: 100%;
    background: #fff;
    display: none;
}

.header-section .header-box .header-menubox ul .dropdown-li ul.dropdownbox li {
    margin: 0;
    position: relative;
    border: none;
    transition: all .3s ease;
}

.header-section .header-box .header-menubox ul .dropdown-li ul.dropdownbox li:hover {
    background: var(--primary-color);
    border-radius: 5px;
}

.header-section .header-box .header-menubox ul .dropdown-li ul.dropdownbox li:hover a {
    color: #fff;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.header-section .header-box .header-menubox ul .dropdown-li ul.dropdownbox li a {
    padding: 5px 10px;
    color: #262626;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
}

.header-section .header-box .header-menubox ul .dropdown-li ul.dropdownbox li a:hover {
    color: #fff;
}

.header-section .header-box .header-menubox ul .dropdown-li:hover ul.dropdownbox {
    display: block;
}

.header-section .header-box .emergency-numberbox ul li a {
    padding: 0.5rem 1em 0.7rem;
    background: var(--secondary-color);
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    transition: all .3s ease;
}

.header-section .header-box .header-menubox ul li a i {
    font-size: 12px;
}

.header-section .header-box .emergency-numberbox ul li a:hover {
    background: var(--primary-color);
}

.header-section .header-box .emergency-numberbox ul li a span {
}

.header-section .header-box .emergency-numberbox ul li a span svg {
    width: 20px;
}

.header-section .header-box .emergency-numberbox ul li a.appointment-btn {
    background: var(--primary-color);
}

.header-section .header-box .emergency-numberbox ul li a.appointment-btn:hover {
    background: var(--secondary-color);
}

/* header section style end */

/* mobile header section style start */

.mobile-header-section {
    padding: 20px 0px;
    display: none;
}

.mobile-header-section .mobile-header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-section .mobile-header-box .mobile-logo {}

.mobile-header-section .mobile-header-box .mobile-logo a {
    display: flex;
    align-items: center;
}

.mobile-header-section .mobile-header-box .mobile-logo a img {
    width: 70px;
}

.mobile-header-section .mobile-header-box .tooglemenu-icon {}

.mobile-header-section .mobile-header-box .tooglemenu-icon svg {
    width: 40px;
}

.mobile-header-section .appointmentbtn {
    width: 100%;
    margin: 20px 0 0px;
}

.mobile-header-section .appointmentbtn a {
    width: 100%;
    background: var(--primary-color);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.mobile-header-section .mobile-header-box .mobile-logo a .logo-text {
    font-size: 24px;
    font-weight: 600;
    font-family: var(--primary-font);
    color: var(--primary-color);
}

.mobile-header-section .mobile-header-box .mobile-logo a .logo-text span {
    color: var(--secondary-color);
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-logo a .logo-text {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--primary-font);
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-logo a .logo-text span {
    color: var(--secondary-color);
}

/* mobile header section style end */

/* mobile sidemenu section style start */

.mobile-sidemenu {
    position: fixed;
    top: -100%;
    left: 0;
    background: #262626;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    transition: all .3s ease;
}

.mobile-sidemenu.show {
    top: 0;
}

.mobile-sidemenu .mobile-sidemenubox {
    position: relative;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* width: 80%; */
    margin: 0 auto;
    gap: 20px;
    padding: 0;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-logo {background: #fff;padding: 10px 0px;}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-logo a {display: flex;align-items: center;justify-content: center;}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-logo a img {width: 100px;}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item {
    padding: 0px 20px;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul {
    display: flex;
    flex-direction: column;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li {}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li a {
    color: #fff;
    font-size: 1rem;
    padding: 5px 0 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li .dropbox {
    background: #171717;
    padding: 10px 20px;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li .dropbox ul {}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li .dropbox ul li {}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li .dropbox ul li a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: inline-block;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .close-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .close-icon svg {
    width: 25px;
    fill: #000;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .close-icon svg path {
    fill: #000000;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li .icon {
    border: 1px solid;
    display: flex;
    align-items: center;
    height: 30px;
    width: 30px;
    justify-content: center;
    background: #3c3c3c;
}

.mobile-sidemenu .mobile-sidemenubox .sidemenu-box .sidemenu-item ul li .icon i {
    color: #fff;
}

/* mobile sidemenu section style end */

/* banner section style start */

.banner-section {}

.banner-section .banner-img {}

.banner-section .banner-img img {
    width: 100%;
}

/* banner section style end */

/* about section style start */

.about-section {
    padding: 50px 0px;
}

.about-section .about-img {
    border-radius: 5px;
    overflow: hidden;
}

.about-section .about-img img {
    width: 100%;
}

.about-section .about-box {}

.about-box .heading-box {
    padding: 0 0 0px;
}

.about-section .about-box .about-heading-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.about-section .about-box .about-heading-box .heading {
    font-size: 3em;
    font-weight: 600;
    color: #262626;
}

.about-section .about-box .about-heading-box h5 {
    font-size: 1.6rem;
    font-weight: 500;
    font-family: var(--secondary-font);
    color: #262626;
}

.about-box .heading-box .sub-heading:after {
    transform: unset;
    left: unset;
}

.about-section .about-box .about-heading-box p {
    color: #000000;
    font-weight: 500;
    padding: 0 0 10px;
    text-align: justify;
}

.about-section .about-box .about-heading-box .counters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.about-section .about-box .about-heading-box ul li {}

.about-section .about-box .about-heading-box ul li .counters-count {
    font-size: 3rem;
    font-weight: 700;
    display: block;
    color: var(--primary-color);
}

.about-section .about-box .about-heading-box ul li .counters-text {
    font-size: 1.2rem;
    color: #262626;
    font-weight: 700;
}

.about-box a.servicebtn {
    margin-left: unset;
}

/* about section style end */

/* service section style start */

.service-section {
    padding: 45px 0px;
    background: #fbfbfb;
}

.service-section .heading-box {
    text-align: center;
}

.heading-box {
    padding: 0 0 30px;
}

.heading-box .heading {
    font-size: 3em;
    font-weight: 600;
    color: #262626;
}

.heading-box .sub-heading {
    font-size: 2rem;
    font-weight: 400;
    font-family: var(--secondary-font);
    color: #262626;
}

.heading-box .sub-heading:after {
    content: '';
    width: 73px;
    height: 3px;
    display: block;
    position: relative;
    margin-bottom: 0;
    margin-top: 1rem;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e8e8e8;
}

.service-section .service-box {
    margin: 10px 0px 20px;
    padding: 10px;
}

.service-section .service-box .service-image-box {
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
}

.service-section .service-box .service-image-box:after {
    content: '';
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    background: #000000;
    width: 100%;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.service-section .service-box:hover .service-image-box:after {
    opacity: 0.3;
}

.service-section .service-box .service-image-box .service-image {
}

.service-section .service-box .service-image-box .service-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

.service-section .service-box .service-image-box .service-image-inner {
    margin-top: 0;
    position: absolute;
    font-size: 7em;
    bottom: -0.33em;
    line-height: 1;
    left: 50%;
    z-index: 9;
    letter-spacing: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.service-section .service-box:hover .service-image-box .service-image-inner {
    bottom: 2.5rem;
}

.service-section .service-box .service-image-box .service-image-inner p {
    color: #fff;
}

.service-section .service-box .service-details-box {
    padding: 1rem 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0px 0px 35px 1px rgb(55 41 67 / 9%);
}

.service-section .service-box .service-details-box .service-title {
    position: relative;
    z-index: 9;
    padding-bottom: 1rem;
    font-size: 1.5rem;
}
.service-section .service-box .service-details-box .service-title a {
    color: #262626;
    font-weight: 600;
    transition: all .3s ease;
}

.service-section .service-box .service-details-box .service-title:hover a {
    color: var(--primary-color);
}

.service-section .service-box .service-details-box .service-title:after {
    content: '';
    width: 73px;
    height: 3px;
    display: block;
    position: absolute;
    margin-bottom: 0;
    margin-top: 1rem;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #e8e8e8;
}

.service-section .service-box .service-details-box p {
    color: #000000;
    font-size: 1rem;
    font-weight: 500;
}

.servicebtn {
    color: #ffffff;
    background-color: var(--primary-color);
    position: relative;
    display: inline-block;
    padding: 8px 30px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.service-section .service-box .service-details-box .servicebtn i {
    font-size: 12px;
    padding: 0 0 0 5px;
}

.servicebtn:hover {
    background: var(--secondary-color);
}

a.viewallbtn {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-transform: capitalize;
    margin: 40px auto 0px;
    text-align: center;
    width: 170px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
}

a.viewallbtn i {
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    line-height: unset;
    transition: all .3s ease;
}

a.viewallbtn:hover i {
    right: 0px;
}

a.viewallbtn:hover {
    color: var(--primary-color);
}

/* service section style end */

/* service details section style start */

.service-details {
    padding: 50px 0px;
}

.service-details .service-detailsbox {}

.service-details .service-detailsbox .service-image {
    text-align: center;
    margin: 0 0 20px;
}

.service-details .service-detailsbox .service-image img {
    width: 70%;
    border-radius: 15px;
}

.service-details .service-detailsbox .service-details-box {}

.service-details .service-detailsbox .service-details-box p {
    color: #000000;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 1rem;
    font-family: var(--secondary-font);
}

.service-details .service-detailsbox .service-details-box h3 {
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--primary-font);
}

.service-details .service-detailsbox .service-details-box ul {
    list-style: disc;
    margin: 0 2rem 1rem;
}

.service-details .service-detailsbox .service-details-box ul li {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--secondary-font);
}

/* service details section style end */

/* testimonial section style start */

.testimonials-section {
    padding: 50px 0px;
}

.testimonials-section .testimonials-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3.5rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    z-index: 2;
}

.testimonials-section .testimonials-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2b46615e;
    z-index: -1;
}

.testimonials-section .testimonials-bg .testimonial-heading {}

.testimonials-section .testimonials-bg .testimonial-heading h3 {
    display: inline-block;
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
}

.testimonials-section .testimonials-bg .testimonial-heading h3:after {
    content: '';
    width: 73px;
    height: 3px;
    display: block;
    position: relative;
    margin-bottom: 0;
    margin-top: 1rem;
    background: #e8e8e8;
}

.testimonials-section .testimonials-bg .testimonial-slider {

}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box {
    display: flex!important;
    flex-direction: column;
    gap: 30px;
}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testimonial-description {}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testimonial-description p {
    font-size: 18px;
    color: #fff;
}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testmonials-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testmonials-info .testimonials-img {}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testmonials-info .testimonials-img img {
    width: 50px;
}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testmonials-info .testimonial-name {}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testmonials-info .testimonial-name .name {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    font-family: var(--primary-font);
}

.testimonials-section .testimonials-bg .testimonial-slider .testimonial-box .testmonials-info .testimonial-name .place {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    font-family: var(--secondary-font);
}

/* testimonial section style end */

/* blogs section style start */

.blogs-section {
    padding: 50px 0px;
    background: #fbfbfb;
}

.blogs-section .heading-box {
    text-align: center;
}

.blogs-section .blogs-box {
    box-shadow: 0px 0px 35px 1px rgba(55,41,67,0.1);
    margin: 0 0 20px;
}

.blogs-section .blogs-box .blog-img {

}

.blogs-section .blogs-box .blog-img a {

}

.blogs-section .blogs-box .blog-img a img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    object-position: center;
}

.blogs-section .blogs-box .blogs-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
}

.blogs-section .blogs-box .blogs-content .title {
    font-size: 1.5rem;
    margin: 0;
    font-family: var(--primary-font);
    font-weight: 600;
    font-style: normal;
    color: #262626;
}

.blogs-section .blogs-box .blogs-content .title a {
    color: #262626;
    transition: all .3s ease;
}
.blogs-section .blogs-box .blogs-content .title a:hover{
    color: var(--primary-color);
}

.blogs-section .blogs-box .blogs-content .author-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blogs-section .blogs-box .blogs-content .author-box p {

}

.blogs-section .blogs-box .blogs-content .author-box p a {
    color: #9693a2;
    transition: all .3s ease;
    font-weight: 600;
}

.blogs-section .blogs-box .blogs-content .author-box p a:hover {
    color: #262626;
}

.blogs-section .blogs-box .blogs-content .author-box p a span {
    margin: 0;
    padding: 0;
}

.blogs-section .blogs-box .blogs-content .author-box p a span svg {
    width: 16px;
    fill: #9693a2;
    transition: all .3s ease;
}

.blogs-section .blogs-box .blogs-content .author-box p a:hover span svg {
    fill: #000;
    
}

.blogs-section .blogs-box .blogs-content p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

/* blogs section style end */

/* appointment section style start */

.appointment-section {
    padding: 50px 0px;
}

.appointment-section .appointment-imgbox {
    position: relative;
}
.appointment-section .appointment-imgbox:before {
    content: "";
    background: #2b46616b;
    width: 100%;
    height: 100%;
    position: absolute;
}
.appointment-section .appointment-imgbox .appointment-img {}

.appointment-section .appointment-imgbox .appointment-img img {
    width: 100%;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox {}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a {
    display: flex;
    gap: 20px;
    align-items: center;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a .icon {
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .3s ease;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a:hover .icon {
    background: #fff;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a .icon svg{
    width: 45px;
    fill: #fff;
    transition: all .3s ease;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a:hover .icon svg {
    fill: var(--primary-color);
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a .text {
    display: flex;
    flex-direction: column;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a .text span:first-child{
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}

.appointment-section .appointment-imgbox .appointment-imgbox-inner .appointment-numberbox a .text span:nth-child(2) {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
}

.appointment-section .appointment-box {}

.appointment-section .appointment-box .appointment-heading-box {}

.appointment-section .appointment-box .appointment-heading-box .heading-box .sub-heading:after {
    left: unset;
    transform: unset;
}

.appointment-section .appointment-box .appointment-heading-box .appointment-form {}

.appointment-section .appointment-box .appointment-heading-box .appointment-form form {}

.appointment-section .appointment-box .appointment-heading-box .appointment-form form .inputbox {
    margin: 0px 0px 20px;
}

.appointment-section .appointment-box .appointment-heading-box .appointment-form form .inputbox input[type="text"], 
.appointment-section .appointment-box .appointment-heading-box .appointment-form form .inputbox input[type="email"] {
    width: 100%;
    height: 40px;
    border: 2px solid #e8e8e8;
    color: #262626;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    outline: unset;
}

.appointment-section .appointment-box .appointment-heading-box .appointment-form form .inputbox textarea {
    width: 100%;
    border: 2px solid #e8e8e8;
    outline: unset;
    padding: .5rem 1rem;
    font-weight: 600;
}

.submitbtn {
    color: #ffffff;
    background-color: var(--primary-color);
    position: relative;
    display: inline-block;
    padding: 8px 10px;
    width: max-content;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.submitbtn:hover {
    background-color: var(--secondary-color);
}

/* appointment section style end */

/* home map section style start */

.home-mapsection {

}

.home-mapsection .map {

}

.home-mapsection .map iframe {
    width: 100%;
    height: 300px;
}

/* home map section style end */

/* footer section style start */

.footer-section {
    padding: 100px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

.footer-section:before {
    content: "";
    background: #2b466157;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.footer-section .footer-box {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    gap: 20px;
    min-height: 310px;
    justify-content: center;
    box-shadow: 0px 0px 35px 1px rgba(55,41,67,0.1);
    margin: 0 0 20px;
}

.footer-section .footer-box .footer-icon {}

.footer-section .footer-box .footer-icon svg {
    width: 50px;
    fill: var(--primary-color);
}

.footer-section .footer-box .footer-title {}

.footer-section .footer-box .footer-title h3 {
    font-size: 1.3rem;
    color: #262626;
    font-weight: 600;
}

.footer-section .footer-box .footer-title h3:after {
    content: '';
    width: 73px;
    height: 3px;
    display: block;
    position: relative;
    margin-top: 20px;
    text-align: center;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e8e8e8;
}

.footer-section .footer-box .footerdesc {}

.footer-section .footer-box .footerdesc p {
    color: #9693a2;
    font-weight: 400;
    font-size: 1rem;
    font-family: var(--primary-font);
}

.footer-section .footer-box .footerdesc p b {
    color: #000;
    font-weight: 600;
}


.footer-section .footer-box .footerdesc p a {
    display: inline-block;
    font-weight: 400;
    color: #262626;
}

.footer-section .footer-box .footerdesc a.getdirectionbtn {
    font-weight: 600;
    color: #9693a2;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-section .footer-box .footerdesc a.getdirectionbtn i {
    padding: 0 0 0 10px;
    font-size: 14px;
}

.footer-section .footer-box .footerdesc a.getdirectionbtn:hover {
    color: var(--primary-color);
}

.footer-section .copyright-text {
    margin: 40px 0px 0px;
}

.footer-section .copyright-text p {
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.footer-section .copyright-text p a {
    display: inline;
    color: var(--primary-color);
    font-size: 1rem;
    font-weight: 600;
    transition: all .3s ease;
}

.footer-section .copyright-text p a:hover {
    color: var(--secondary-color);
}

/* footer section style end */

/* breadcrumb section style start */

.breadcrumb-area {
    padding: 20px 0 20px;
    background: var(--primary-color);
    background: var(--secondary-color);
    background: linear-gradient(45deg, #2b4661, #3e5f8f);
}
.breadcrumb-area h1 {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.5rem;
    margin: 0;
    color: #fff;
}
.breadcrumb-area .breadcrumb {
    background: var(--primary-color);
    display: inline-block;
    margin: 0;
    padding: 10px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area .breadcrumb li {
    padding: 0 15px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area .bredcrumb-info {
    text-align: right;
}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {
    font-family: var(--primary-font);
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {
    font-family: var(--primary-font);
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
}
.breadcrumb-area .breadcrumb li i {
    margin-right: 5px;
}
.breadcrumb-area .breadcrumb li.active {
    text-decoration: underline;
}
.breadcrumb-area .breadcrumb li:nth-child(2):after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    left: -5px;
    font-weight: 600;
    position: absolute;
    top: 1px;
}
.shadow.dark::after {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* breadcrumb section style end */

/* gallery section style start */

.gallery-section {
    padding: 50px 0px;
}

.gallery-section .gallery-imgbox {
    margin: 0 0 20px;
    position: relative;
}

.gallery-section .gallery-imgbox:before {
    content: '';
    background: #0000001f;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
}

.gallery-section .gallery-imgbox:hover:before {
    opacity: 1;
    visibility: visible;
}

.gallery-section .gallery-imgbox .gallery-img {

}

.gallery-section .gallery-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.gallery-section .gallery-imgbox .gallery-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.gallery-section .gallery-imgbox .gallery-inner a {
    font-size: 20px;
    color: #fff;
    font-weight: 400 !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    z-index: 2;
    display: inline-block;
    font-family: var(--primary-font);
    border: 1px solid #ffffff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.gallery-section .gallery-imgbox:hover .gallery-inner a {
    opacity: 1;
    visibility: visible;
}
.gallery-section .gallery-imgbox .gallery-inner a i {
    
}

/* gallery section style end */

/* contact page section style start */

.contact-page {
    padding: 50px 0px;
}

.contact-page .heading-box {
    text-align: center;
}

.contact-page .box {
    width: 25%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-page .box .icon {}

.contact-page .box .icon svg {
    width: 40px;
    fill: var(--primary-color);
}

.contact-page .box h4 {
    font-size: 1.5rem;
    font-weight: 600;
}

.contact-page .box p {
    color: #9693a2;
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--primary-font);
}

.contact-page .box a {
    color: #9693a2;
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--primary-font);
    transition: all .3s ease;
}

.contact-page .box a:hover {
    color: var(--primary-color);
}

.contact-section {
    padding: 50px 0px;
}

.contact-section .contact-map {
    
}

.contact-section .contact-map iframe {
    width: 100%;
    height: 400px;
}

.contact-section .contact-box {}

.contact-section .contact-box .contact-heading-box {}

.contact-section .contact-box .contact-heading-box .heading-box .sub-heading:after {
    left: unset;
    transform: unset;
}

.contact-section .contact-box .contact-heading-box .contact-form {}

.contact-section .contact-box .contact-heading-box .contact-form form {}

.contact-section .contact-box .contact-heading-box .contact-form form .inputbox {
    margin: 0px 0px 20px;
}

.contact-section .contact-box .contact-form form .inputbox input[type="text"], 
.contact-section .contact-box .contact-form form .inputbox input[type="email"] {
    width: 100%;
    height: 40px;
    border: 2px solid #e8e8e8;
    color: #262626;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    outline: unset;
}

.contact-section .contact-box .contact-form form .inputbox textarea {
    width: 100%;
    border: 2px solid #e8e8e8;
    outline: unset;
    padding: .5rem 1rem;
    font-weight: 600;
}

.submitbtn {
    color: #ffffff;
    background-color: var(--primary-color);
    position: relative;
    display: inline-block;
    padding: 8px 10px;
    width: max-content;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    transition: all 0.3s ease;
    border: unset;
}

.submitbtn:hover {
    background-color: var(--secondary-color);
}

/* contact page section style end */

/* appointment page section style start */

.appointment-page {
    padding: 50px 0px;
}

.appointment-page .appointment-box {
    padding: 20px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 35px 1px rgba(55,41,67,0.1);
}

.appointment-page .appointment-box .heading-box {
    padding: 0 0 20px;
}

.appointment-page .appointment-box .heading-box .heading {
    font-size: 2.1rem;
}

.appointment-page .appointment-box .heading-box .heading:after {
    content: '';
    width: 73px;
    height: 3px;
    display: block;
    position: relative;
    margin-bottom: 0;
    margin-top: 1rem;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e8e8e8;
}

.appointment-page .appointment-box form {

}

.appointment-page .appointment-box form .inputbox {

margin: 10px 0px 0px;
}

.appointment-page .appointment-box form .inputbox label {
    font-size: 1rem;
    color: var(--primary-color);
    font-weight: 600;
    color: #000;
    padding: 10px 0px;
}

.appointment-page .appointment-box form .inputbox .inputgroup {
    position: relative;
}

.appointment-page .appointment-box form .inputbox .inputgroup i {
    width: 30px;
    font-size: 20px;
    color: var(--primary-color);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.appointment-page .appointment-box form .inputbox .inputgroup input[type=text], 
.appointment-page .appointment-box form .inputbox .inputgroup input[type=email], 
.appointment-page .appointment-box form .inputbox .inputgroup input[type=date] {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1em;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.9);
    outline: unset;
    font-weight: 600;
}

.appointment-page .appointment-box form .inputbox .radiobox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.appointment-page .appointment-box form .inputbox .radiobox .radio {
    position: relative;
    width: 23%;
}

.appointment-page .appointment-box form .inputbox .radiobox .radio label {
    border: 1px solid #ddd;
    width: 100%;
    text-align: center;
    background: #f6f6f6;
    cursor: pointer;
    border-radius: 8px;
}

.appointment-page .appointment-box form .inputbox .radiobox .radio input[type="radio"] {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
}

.appointment-page .appointment-box form .inputbox .radiobox .radio input[type="radio"]:checked+label {
    border-color: var(--primary-color);
    background: #fff6fa;
}

.appointment-page .appointment-box form .inputbox .inputgroup textarea {
    width: 100%;
    padding: 12px 15px 12px 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1em;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.9);
    outline: unset;
    font-weight: 600;
}

.appointment-page .submitbtn {
    width: 100%;
    text-align: center;
    padding: 12px 0px;
}

/* appointment page section style end */

/* blogs page style start */

.blog-details {
    padding: 50px 0px;
}

.blog-details .blog-detailsbox {}

.blog-details .blog-detailsbox .blog-image {
    text-align: center;
    margin: 0 0 20px;
}

.blog-details .blog-detailsbox .blog-image img {
    width: 70%;
    border-radius: 15px;
}

.blog-details .blog-detailsbox .service-details-box {}

.blog-details .blog-detailsbox .service-details-box p {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 10px;
}

.blogs-sidebox {
    box-shadow: 0px 0px 50px 3px rgba(232,232,232,0.7);
    height: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blogs-sidebox h4 {
    font-size: 1.7rem;
    font-weight: 600;
    color: var(--primary-color);
    letter-spacing: 0.5px;
    margin: 0 0 20px;
}

.blogs-sidebox .blogs-boxx {}

.blogs-sidebox .blogs-boxx a {
    display: flex;
    gap: 15px;
}

.blogs-sidebox .blogs-boxx a .blogs-img {}

.blogs-sidebox .blogs-boxx a .blogs-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.blogs-sidebox .blogs-boxx a .blogs-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.blogs-sidebox .blogs-boxx a .blogs-info h5 {
    font-size: 1rem;
    font-weight: 600;
    transition: all .3s ease;
}
.blogs-sidebox .blogs-boxx a:hover .blogs-info h5 {
    color: var(--primary-color);
}

.blogs-sidebox .blogs-boxx a .blogs-info .date {
    color: #9693a2;
    font-size: 0.95rem;
    font-weight: 400;
}

/* blogs page style end */

.whatsappicon {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9;
}
.whatsappicon img {
    width: 100%;
}

    .modal-content.success { background-color: #d4edda; border-left: 5px solid #28a745; }
    .modal-content.error { background-color: #f8d7da; border-left: 5px solid #dc3545; }
    .btn-success { background-color: #28a745; color: white; }
    .btn-danger { background-color: #dc3545; color: white; }
    .spinner { display: none; text-align: center; font-size: 18px; font-weight: bold; }