body{
    font-family: 'DM Sans';
}
@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Medium.eot');
    src: url('../fonts/DMSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Medium.woff2') format('woff2'),
        url('../fonts/DMSans-Medium.woff') format('woff'),
        url('../fonts/DMSans-Medium.ttf') format('truetype'),
        url('../fonts/DMSans-Medium.svg#DMSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Bold.eot');
    src: url('../fonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Bold.woff2') format('woff2'),
        url('../fonts/DMSans-Bold.woff') format('woff'),
        url('../fonts/DMSans-Bold.ttf') format('truetype'),
        url('../fonts/DMSans-Bold.svg#DMSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-SemiBold.eot');
    src: url('../fonts/DMSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-SemiBold.woff2') format('woff2'),
        url('../fonts/DMSans-SemiBold.woff') format('woff'),
        url('../fonts/DMSans-SemiBold.ttf') format('truetype'),
        url('../fonts/DMSans-SemiBold.svg#DMSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Serif Text';
    src: url('../fonts/DMSerifText-Italic.woff2') format('woff2'),
        url('../fonts/DMSerifText-Italic.woff') format('woff'),
        url('../fonts/DMSerifText-Italic.ttf') format('truetype'),
        url('../fonts/DMSerifText-Italic.svg#DMSerifText-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Light.eot');
    src: url('../fonts/DMSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Light.woff2') format('woff2'),
        url('../fonts/DMSans-Light.woff') format('woff'),
        url('../fonts/DMSans-Light.ttf') format('truetype'),
        url('../fonts/DMSans-Light.svg#DMSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Regular.eot');
    src: url('DMSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DMSans-Regular.woff2') format('woff2'),
        url('../fonts/DMSans-Regular.woff') format('woff'),
        url('../fonts/DMSans-Regular.ttf') format('truetype'),
        url('../fonts/DMSans-Regular.svg#DMSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
    /* scrollbar-color: #000 #000;
    scrollbar-width: thin; */
    scroll-behavior: smooth;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
::-webkit-scrollbar {
    width: 0px;
}
::-webkit-scrollbar-thumb {
    background: #ca252b; 
}
::-webkit-scrollbar-thumb:hover {
    background: #ca252b; 
}

.main-container{
    margin: 0 30px;
}
.locate-sec{
    background: #a2d40a;
    padding: 10px 0; 
}
.locate-text p{
    color: #ffffff;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}
.email-text a{
    color: #ffffff;
    margin: 0;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.5s;
}
.email-text a:hover{
    color: #5F3616;
    transition: 0.5s;
}
.email-text{
    text-align: right;
}
/* hedear */
.headerRightmainAll ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {transform: translate3d(-493px, 0, 0);}
.hc-nav-trigger{
    display: none;
}
header .toggle{
    display: none !important;
}
header{
    position: relative;
    z-index: 9;
}
.navbar-expand-lg .navbar-nav .nav-link{
    color: #2D322C;
    font-weight: 500;
    font-size: 16px;
    padding: 8px 10px;
}
.navbar-light .navbar-nav .nav-link.active{
    color: #a2d40a;
}
.navbar-light .navbar-nav .nav-link:focus{
    color: #a2d40a;
}
.call-text span{
    color: #6B7469;
    font-weight: 500;
    font-size: 12px;
}
.call-text h5{
   font-weight: bold;
   color: #2D322C;
   font-size: 17px;
   margin: 0;
}
.call-box{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 30px;
    
}
/* .booking-btn{
    margin-top: -50px;
} */
.booking-btn a{
    background: #5F3616;
    padding: 12px 30px;
    text-decoration: none;
    color: #fff;
    transition: 0.5s;
    font-size: 14px;
    font-weight: bold;
    border-radius: 100px;
}
.booking-btn a:hover{
    background: #a2d40a;
    transition: 0.5s;
    color:#ffffff;
}
.desktop-menu .dropdown .dropbtn {
    border: none;
    outline: none;
    background-color: inherit;
    margin: 0;
    cursor: pointer;
    color: #2D322C;
    font-weight: 100;
    font-size: 15px;
    font-weight: 500;
}
.desktop-menu .dropdown i {
    font-size: 8px;
    color: #2D322C;;
    vertical-align: middle;
    margin-top: 0px;
}
.desktop-menu .dropdown-content {
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;
    visibility: hidden;
    width: 200px;
    padding: 5px 0;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.4s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    border-bottom: 3px solid #a2d40a;
    background-color: #ffffff;
    box-shadow:0 10px 37px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 0 10px 37px rgb(0 0 0 / 7%);
}
.desktop-menu .dropdown-content a {
    float: none;
    color: #2D322C !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}
.desktop-menu .dropdown:hover .dropdown-content {
    display: block;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.desktop-menu .dropdown-content a:hover {
    color: #fff !important;
    background: #a2d40a;
}
/* .navbar-expand-lg .navbar-collapse{
    margin-top: -45px;
} */
.navbar-expand-lg{
    padding-top: 0;
}
/* nav-bar-start */

.m-tags li{
    list-style: none;
    padding-left: 0;
    padding-bottom: 10px;
}
#megaMenu{
    cursor: pointer;
}
.tenderdet
{
background-color: #ca252b;
padding: 15px;
color: #fff;
}
.tenderdet p {
    color: #fff !important;
}
.overlay-close {
    position: fixed;
    z-index: 999;
    top: 50px;
    right: 50px;
    display: inline;
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.overlay-menu {
    background-color: #fff;
    color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: all 0.5s;
    z-index: -1;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
}
.overlay-menu.active {
    z-index: 99999;
    opacity: 1;
    visibility: visible;
}
.overlay-close i {
    font-size: 25px;
    color: #fff;
    float: right;
    cursor: pointer;
}
header.smaller {
    top: 0px;
    transition: all 0.3s ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 10;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
}
.menu-container {
    width: 100%;
    height: 100%;
    padding: 50px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    border-radius: 20px;
    background: transparent linear-gradient(90deg, #81ac4c 0%, #75a443 32%, #5a96ba 100%) 0% 0%;
    padding: 40px;
    scrollbar-width: none;
}
.footer-social ul{
    padding: 0;
    margin: 0;
}
.footer-social li{
    display: inline-block;
    padding: 0 10px;
}
.footer-social li:first-child{
    padding-left: 0;
}
.m-contents {
    transition: 0.5s;
    opacity: 0;
    transform: translateY(20px);
}
.overlay-menu.active .m-contents {
    transition: 0.5s;
    opacity: 1;
    transform: translateY(0);
}
.mlinks-bx {
    padding-top: 40px;
}
.m-contact h4::before {
    font-family: "FontAwesome";
    position: absolute;
    left: -20px;
    content: "\f041";
    color: #fff;
}
.m-header h2 {
    font-size: 30px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.m-header h2::before {
    content: "";
    background-color: #ffffff;
    width: 60%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.m-contact {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.m-contact h4 {
    font-size: 22px;
    position: relative;
}
.m-contact p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}
.m-tags {
    padding-top: 30px;
}
.m-links a {
    font-size: 17px;
    color: #fff;
    margin-bottom: 10px;
    transition: 0.5s;
    text-decoration: none;
}
.m-links a:hover {
    padding-left: 5px;
    transition: 0.5s;
}
.m-medias {
    align-items: center;
    gap: 30px;
}
.m-medias a i {
    color: #fff;
    font-size: 19px;
    transition: 0.5s;
}
.head-menu{
    position: absolute;
    top: 25px;
    right: 0;
    background: #81ac4c;
    padding: 5px;
    border-radius: 5px;
}
.desktop-menu{
    position: relative;
}
.phone-menu{
    display: none;
}
/* banner */
.banner{
    
    position: relative;
}
.phone-banner{
    display: none;
}
.banner-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 9;
}      
.banner-text h2{
    font-weight: 600;
    font-size: 60px;
    color: #FFFFFF;
}
.banner-text h3{
    font-family: 'DM Serif Text';
    font-style: italic;
    font-weight: normal;
    color: #fff;
    font-size: 60px;
}
.banner-text p{
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    padding: 0 17%;
    margin-bottom: 30px;
}
.banner-btn a{
    background: #a2d40a;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    font-weight: 700;
    border-radius: 200px;
    transition: 0.5s;
}
.banner-btn a:hover{
    background: #5F3616;
    transition: 0.5s;
}
.servicss-btn{
    background: #5F3616 !important;
    padding: 15px 50px !important;
    transition: 0.5s;
}
.servicss-btn:hover{
    background: #a2d40a !important;
    transition: 0.5s;
}
.baanner .owl-carousel .owl-dots.disabled{
  display: block;
}
.banner .owl-carousel button.owl-dot{
    width: 6px;
    height: 6px;
    background: #ffffff6e;
    border-radius: 50%;
    margin: 5px;
}
.banner .owl-carousel button.owl-dot.active{
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.banner .owl-dots{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}
.banner-img{
    position: relative;
}
.social-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 25px;
    bottom: 50%;
    z-index: 9;
    translate: 50% 50%;
}
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background-color: white;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
.icon:hover {
    background-color: #a2d40a;
    color: #fff;
}
.line {
    width: 2px;
    height: 50px;
    background-color: #fff;
}
.text {
    writing-mode: vertical-rl;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}
.icon-box{
    display: flex;
    align-items: center;
    gap: 10px;
}
.icon-box h5{
    font-size: 18px;
    font-weight: 500;
    color: #2D322C;
    margin: 0;
}
.other-sec{
    padding: 30px 0;
    border-bottom: 1px solid #5F361633;
}


/* banner five buttons css starts here \ Alexxy */
.card-buttons {position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);display: flex;z-index: 10;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;max-width: 100%;padding-bottom: 6px;scrollbar-width: thin;scrollbar-color: #a2d40a transparent;}
.card-buttons::-webkit-scrollbar {height: 6px;}
.card-buttons::-webkit-scrollbar-track {background: transparent;}
.card-buttons::-webkit-scrollbar-thumb {background-color: #a2d40a;border-radius: 10px;border: none;}
.card-buttons span {padding-left: 3px;}
.card-buttons .card-btn {display: flex;align-items: center; background: #fff;color: #000;padding: 18px 28px;font-weight: 600;text-decoration: none;border: 1px solid #ccc;font-size: 15px;transition: 0.3s ease;white-space: nowrap;height: 100px;flex-shrink: 0;border-radius: 0;}
.card-buttons .card-btn:first-child {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}.card-buttons .card-btn:last-child {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}.card-buttons .card-btn + .card-btn {margin-left: 0;border-left: none;}.card-buttons .card-btn:hover {background: #a2d40a;color: #fff;border-color: #a2d40a;}
  /* ============================
     Mobile-friendly view
     ============================ */
@media (max-width: 768px) {
.card-buttons {position: static;transform: none;justify-content: center;flex-wrap: wrap;overflow: visible;gap: 15px;padding: 20px 10px;}
.card-buttons .card-btn {width: calc(50% - 10px);flex-direction: column;justify-content: center;align-items: center;text-align: center;height: auto;padding: 20px 10px;font-size: 14px;border-radius: 16px !important;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;opacity: 0;transform: translateY(20px);animation: fadeSlideUp 0.6s forwards;}
.card-buttons .card-btn i {font-size: 24px;margin-bottom: 8px;color: #a2d40a;}
.card-buttons .card-btn span {padding-left: 0;font-weight: 600;}
.card-buttons .card-btn:hover {background: #a2d40a;color: #fff;transform: translateY(-5px);}
.card-buttons .card-btn:hover i {color: #fff;}
.card-buttons .card-btn:nth-child(1) { animation-delay: 0.1s; }
.card-buttons .card-btn:nth-child(2) { animation-delay: 0.2s; }
.card-buttons .card-btn:nth-child(3) { animation-delay: 0.3s; }
.card-buttons .card-btn:nth-child(4) { animation-delay: 0.4s; }
.card-buttons .card-btn:nth-child(5) { animation-delay: 0.5s; }
@keyframes fadeSlideUp {to {opacity: 1;transform: translateY(0);}}}  
/* banner five buttons css end here \ Alexxy */

/* best outcomes and experience */
.experience-heding h5{
    display: inline-block;
    background: #5F36161A;
    padding: 10px 25px;
    border-radius: 200px;
    color: #5F3616;
    font-size: 14px;
    font-weight: 500;
}
.experience-heding h4{
    font-family: 'DM Serif Text';
    font-style: italic;
    font-weight: normal;
    color: #2D322C;
    font-size: 30px;
    padding: 0 10%;
    line-height: 40px;
}
.experience-heding{
    text-align: center;
    padding: 80px 0;
}
/* The Heart and Science of Medicine */
.medicine-img{
    position: relative;
}
.medicine-logo{
    position: absolute;
    right: 0;
    bottom: 0;
}
.medicine-logo img{
    width: 170px;
}
.medicine-text h5{
    background: #5F36161A;
    padding: 10px 25px;
    border-radius: 200px;
    color: #5F3616;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.medicine-text h3{
    font-weight: 600;
    font-size: 45px;
    color: #000000;
}
.medicine-text span{
    font-family: 'DM Serif Text';
    font-style: italic;
    font-weight: normal;
}
.medicine-text p{
    font-size: 16px;
    font-weight: normal;
    color: #2D322C;
    line-height: 35px;
}
.medicine-text a{
    background: #a2d40a;
    padding: 10px 35px;
    border-radius: 200px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    transition: 0.5s;
}
.medicine-text a:hover{
    background: #5F3616;
    transition: 0.5s;
}
/* count */
.count-up .prg-count{
    font-weight: 300;
    color: #2D322C;
    font-size: 60px;
}
.count-up span{
    font-weight: 300;
    color: #a2d40a;
    font-size: 60px;
}
.count-box h6{
    color: #2D322C;
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
    margin: 0;
}
.count-box{
    text-align: center;
    border-right: 1px solid #5f36164d;
}
.border-line{
    border-right: none;
}
.count-sec{
    padding: 80px 0;
}
/* Aroha Clinic’s Laser Treatment for */
.treatment-sec h3{
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    padding-bottom: 20px;
}
.treatment-sec span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.treatment-sec{
    padding: 60px 0;
    background: #FEF5F2;
}
.treatment-box h5{
    color: #2D322C;
    font-weight: 500;
    margin: 0;
    transition: 0.5s;
    font-size: 16px;
}
.treatment-box{
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #EBE6DE;
    border-radius: 10px;
    padding: 15px;
    transition: 0.5s;
}
.treatment-box:hover{
    border: 1px solid #a2d40a;
    background: #EEF4E0;
}
.treatment-box:hover h5{
    color: #a2d40a;
    transition: 0.5s;
}
/* What We Do */
.what-sec h5{
    background: #5F36161A;
    padding: 10px 25px;
    border-radius: 200px;
    color: #5F3616;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.what-sec h3{
    font-weight: 600;
    font-size: 50px;
    color: #2D322C;
    padding-bottom: 20px;
}
.what-sec span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.what-heding{
    text-align: center;
}
.department-box-sec {
    background: #FEF5F2;
    padding: 20px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9;
    transition: 0.5s;
    border: 1px solid #EBE6DE;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.department-hover:hover .department-box-sec {
    background: transparent;
    transition: 0.5s;
}
.department-hover:hover {
    border: none;
    transition: 0.5s;
}
.department-hover:hover .department-box-sec .normal-icon {
    display: none;
    transition: 0.5s;
}
.department-hover:hover .department-box-sec .hover-icon {
    display: block;
    transition: 0.5s;
}
.department-box-sec img {
    position: relative;
}
.hover-icon {
    display: none;
    transition: 0.5s;
}
.department-hover:hover .department-box-sec h5 {
    color: #fff;
    transition: 0.5s;
}
.department-box-sec h4 {
    font-size: 20px;
    color: #2D322C;
    font-weight: 600;
    padding-top: 20px;
    transition: 0.5s;
}
.department-hover:hover .department-box-sec h4 {
    color: #fff !important;
    transition: 0.5s;
}
.department-box-sec p {
    font-size: 15px;
    color: #2D322C;
    font-weight: normal;
    transition: 0.5s;
}
.department-hover:hover .department-box-sec p {
    color: #fff;
    transition: 0.5s;
}
.hover-btn {
    display: none;
    transition: 0.5s;
}
.department-hover:hover .department-box-sec .hover-btn {
    display: block;
    transition: 0.5s;
}
.department-hover::after {
    position: absolute;
    top: 0;
    left: 0;
    background: #5F3616D9;
    content: '';
    width: 100%;
    height: 100%;
    display: none;
    transition: 0.5s;
}
.department-hover:hover::after {
    display: block;
    transition: 0.5s;
}
.department-hover {
    position: relative;
    transition: 0.5s;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.department-box-sec a {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}
.hover-btn {
    display: none;
    transition: 0.5s;
}
.department-hover:hover .department-box-sec .hover-btn {
    display: block;
    transition: 0.5s;
}
.all-departments{
    height: 100%;
    width: 100%;
    background: #a2d40a;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
}
.round-icon{
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 20px;
}
.all-departments a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}
.what-sec{
    padding: 80px 0;
}
/* What Our Services */




.tab-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.arrow {
    font-size: 35px;
    cursor: pointer;
    color: #949494;
    transition: color 0.3s ease-in-out;
}
.tab-wrapper .arrow:hover {
    color: #333;
}
.tab-wrapper .nav-tabs {
    display: flex;
    border: none;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    scrollbar-width: none;
    flex-wrap: nowrap;
    margin: 0 10px;
}
.nav-tabs::-webkit-scrollbar {
    display: none;
}
.tab-wrapper .nav-item {
    position: relative;
    margin: 0 5px;
}
.tab-content {
    background: #fff;
    border-radius: 30px;
    padding-left: 30px;
}
.tab-wrapper .nav-tabs .nav-link{
   color: #949494;
   font-weight: 400;
   font-size: 18px;
   border: none;
   border-radius: 0;
   padding: 10px;
}
.tab-wrapper .nav-tabs .nav-link.active{
    border-bottom: 1px solid #a2d40a;
    color: #2D322C;
    font-weight: 600;
    background: transparent;
}
.tab-detial-contant h4{
    font-weight: 600;
    color: #2D322C;
    font-size: 35px;
}
.tab-detial-contant p{
    font-size: 16px;
    color: #2D322C;
    font-weight: normal;
    line-height: 30px;
}
.tab-detial-contant ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}
.tab-detial-contant ul li {
    font-size: 20px;
    color: #333;
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
    margin: 5px 0;
}
.tab-detial-contant ul li::before {
    content: "✔";
    color: #a2d40a;
    margin-right: 10px;
}
.tab-detial-contant a{
    background: #a2d40a;
    padding: 13px 35px;
    border-radius: 200px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: 0.5s;
}
.tab-detial-contant a:hover{
    background: #5F3616;
    transition: 0.5s;
}
.service-sec{
    background: #FEF5F2;
    padding: 80px 0;
}
.services-heding h5{
    background: #5F36161A;
    padding: 10px 25px;
    border-radius: 200px;
    color: #5F3616;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.services-heding h3{
    font-weight: 600;
    font-size: 50px;
    color: #2D322C;
    padding-bottom: 20px;
}
.services-heding span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.services-heding{
    text-align: center;
}
/*  */
.department-heding h3{
    font-weight: 600;
    font-size: 50px;
    color: #2D322C;
    padding-bottom: 20px;
    margin: 0;
}
.department-heding span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.department-btn a{
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    background: #a2d40a;
    transition: 0.5s;
    text-decoration: none;
    padding: 13px 35px;
    border-radius: 200px;
}
.department-btn a:hover{
    background: #5F3616;
    transition: 0.5s;
}
.department-btn{
    text-align: right;
}
.service-text h4{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
    font-size: 45px;
    color: #F0D9D1;
}
.service-text h5{
    color: #2D322C;
    font-weight: 600;
    font-size: 25px;
}
.service-text p{
    font-size: 14px;
    font-weight: normal;
    color: #2D322C;
    line-height: 25px;
}
.service-text a{
    font-size: 13px;
    font-weight: 800;
    color: #5F3616;
    text-decoration: none;
    transition: 0.5s;
}
.service-text a img{
    transition: 0.5s;
}
.service-text a:hover img{
    padding-left: 5px;
    transition: 0.5s;
}
.service-text{
    background: #FEF5F2;
    padding: 0 20px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.padd-rigt{
    padding-right: 0;
    border-top-left-radius: 25px;
}
.padd-left{
    padding-left: 0;
}
/* al3 */
.department-box .col-lg-6.padd-rigt img,
.department-box .curved-img {border-top-left-radius: 20px;border-bottom-left-radius: 20px;overflow: hidden;}
/* al3 */
.other-department-sec .owl-carousel .owl-nav button.owl-next{
    width: 35px;
    height: 35px;
    border: 1px solid #5F361633;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.other-department-sec .owl-carousel .owl-nav button.owl-next:hover{
    background: #a2d40a;
    transition: 0.5s;
}
.other-department-sec .owl-carousel .owl-nav button.owl-next:hover span{
    color: #fff;
}
.other-department-sec .owl-carousel .owl-nav button.owl-next span{
    font-size: 35px;
    color: #5F361680;
    margin-top: -3px;
}
.other-department-sec .owl-carousel .owl-nav button.owl-prev{
    width: 35px;
    height: 35px;
    border: 1px solid #5F361633;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.other-department-sec .owl-carousel .owl-nav button.owl-prev span{
    font-size: 35px;
    color: #5F361680;
    margin-top: -3px;
}
.other-department-sec .owl-carousel .owl-nav button.owl-prev:hover{
    background: #a2d40a;
    transition: 0.5s;
}
.other-department-sec .owl-carousel .owl-nav button.owl-prev:hover span{
    color: #fff;
}
.other-department-sec .owl-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 30px;
}
.other-department-sec .owl-nav::before{
    background: #5F361626;
    position: absolute;
    content: '';
    width: 91%;
    height: 1px;
    left: 47px;
    bottom: 17px;
}
.other-department-sec .owl-nav::after{
    background: #5F3616;
    position: absolute;
    content: '';
    width: 30%;
    height: 2px;
    left: 235px;
    bottom: 17px;
}
.other-department-sec{
    padding: 80px 0;
}
.department-slider{
    padding-top: 40px;
}
/* Advance Medical Technology */
.technology-text h5{
    background: #5F36161A;
    padding: 10px 25px;
    border-radius: 200px;
    color: #5F3616;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.technology-text h3{
    font-weight: 600;
    font-size: 50px;
    color: #2D322C;
    padding-bottom: 20px;
    margin: 0;
}
.technology-text span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.technology-text p{
    font-size: 16px;
    color: #2D322C;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 30px;
}
.technology-text a{
    background: #a2d40a;
    padding: 13px 35px;
    border-radius: 200px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: 0.5s;
}
.technology-text a:hover{
    background: #5F3616;
    transition: 0.5s;
}
.technology-sec{
    padding: 80px 0;
    background: #FEF5F2;
}
.back-bg{
    background: #FFFFFF;
    border-radius: 30px;
}
.box-box{
    padding-left: 0;
}
.second-sec{
    padding: 80px 0;
}
.back-bg-box{
    background: #FEF5F2;
    border-radius: 30px;
}
.box-box-2{
    padding-right: 0;
}
.other-technology{
    padding-left: 30px;
}
/* Testimonials */
.testi-heding h5{
    background: #5F36161A;
    padding: 10px 25px;
    border-radius: 200px;
    color: #5F3616;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.testi-heding h3{
    font-weight: 600;
    font-size: 50px;
    color: #2D322C;
    margin: 0;
}
.testi-heding span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.testi-heding p{
    font-size: 16px;
    color: #2D322C;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 30px;
}
.testi-heding{
    text-align: center;
}
.testi-box{
    position: relative;
}
.testi-box .btn-primary{
    width: 60px;
    height: 60px;
    backdrop-filter: blur(25px);
    background: #ffffff42;
    border-radius: 50%;
    border: none;
    box-shadow: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.testi-bg .owl-carousel .owl-nav button.owl-prev {
    width: 35px;
    height: 35px;
    border: 1px solid #5F361633;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.testi-bg .owl-carousel .owl-nav button.owl-prev span {
    font-size: 35px;
    color: #5F361680;
    margin-top: -3px;
}
.testi-bg .owl-carousel .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    border: 1px solid #5F361633;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.testi-bg .owl-carousel .owl-nav button.owl-next span {
    font-size: 35px;
    color: #5F361680;
    margin-top: -3px;
}
.testi-bg .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 30px;
    margin: 0 160px;
}
.testi-bg .owl-nav::before {
    background: #5F361626;
    position: absolute;
    content: '';
    width: 91%;
    height: 1px;
    left: 47px;
    bottom: 17px;
}
.testi-bg .owl-nav::after {
    background: #5F3616;
    position: absolute;
    content: '';
    width: 30%;
    height: 2px;
    left: 235px;
    bottom: 17px;
}
.testi-bg{
    padding: 80px 0;
}
/* Our latest News articles */
.latest-heding h5{
    background: #5F36161A;
    padding: 10px 25px;
    border-radius: 200px;
    color: #5F3616;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.latest-heding h3{
    font-weight: 600;
    font-size: 50px;
    color: #2D322C;
    margin: 0;
}
.latest-heding span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.latest-btn a{
    background: #a2d40a;
    padding: 13px 35px;
    border-radius: 200px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: 0.5s;
}
.latest-btn a:hover{
    background: #5F3616;
    transition: 0.5s;
}
.latest-btn{
    text-align: right;
}
.latest-box{
    background: #FBF9F6;
    border: 1px solid #EBE6DE;
    border-radius: 20px;
}
.latest-contant h5{
    color: #5F3616;
    font-size: 14px;
    font-weight: 600;
}
.latest-contant h4{
    font-size: 20px;
    font-weight: normal;
    color: #2D322C;
}
.latest-contant a{
    color: #a2d40a;
    text-decoration: none;
    font-weight: 800;
    transition: 0.5s;
    font-size: 13px;
}
.latest-contant a:hover{
    color: #5F3616;
    transition: 0.5s;
}
.latest-contant img{
    transition: 0.5s;
}
.latest-contant a:hover img{
    padding-left: 5px;
    transition: 0.5s;
}
.latest-contant{
    padding: 20px 15px;
}
.latest-sec .owl-carousel .owl-dots.disabled{
    display: block;
}
.latest-sec .owl-carousel button.owl-dot.active {
    background: #5F3616;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.latest-sec .owl-carousel button.owl-dot {
    width: 6px;
    height: 6px;
    background: #5F361626;
    border-radius: 50%;
    margin: 5px;
}
.latest-sec .owl-dots{
    text-align: center;
    padding-top: 30px;
}
.latest-sec{
    padding: 50px 0;
    margin: 80px 0;
    background: linear-gradient(180deg, #FEF5F2 0%, #FFFFFF 100%);
}
.latest-heding{
    padding-bottom: 30px;
}
/* Prioritize Your Health Today, Schedule an Appointment */
.appointment-footer{
    background: #a2d40a;
    padding: 80px 0;
    text-align: center;
}
.appointment-footer h3{
    color: #fff;
    font-weight: 600;
    font-size: 35px;
}
.appointment-footer span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.appointment-footer p{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 30px;
}
.appointment-footer a{
    background: #5F3616;
    color: #fff;
    text-decoration: none;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 100px;
    transition: 0.5s;
}
.appointment-footer a:hover{
    background: #fff;
    color: #2D322C;
    transition: 0.5s;
}
.footer-menu ul{
    margin: 0;
    padding: 0;
}
.footer-menu li{
    list-style: none;
    display: inline-block;
    padding: 0 20px;
}
.footer-menu a{
    color: #2D322C;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: 0.5s;
}
.footer-menu a:hover{
    color: #a2d40a;
    transition: 0.5s;
}
.footeter-menu-sec{
    padding: 40px 0;
    border-bottom: 1px solid #2D322C33;
}
.social-icon ul{
    margin: 0;
    padding: 0;
}
.social-icon li{
    list-style: none;
    display: inline-block;
}
.social-icon a{
    color: #5F3616;
}
.social-icon .icon{
    border: 1px solid #5F3616;
    width: 35px;
    height: 35px;
}
.footer-logo{
    padding-bottom: 20px;
}
.footer-links h5{
    font-weight: 600;
    font-size: 20px;
    color: #2D322C;
    padding-bottom: 10px;
}
.footer-links span{
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
}
.footer-links ul{
    margin: 0;
    padding: 0;
}
.footer-links li{
    list-style: none;
    padding-bottom: 10px;
}
.footer-links li:last-child{
    padding-bottom: 0;
}
.footer-links a{
    color: #2D322C;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    transition: 0.5s;
}
.footer-links a:hover{
    padding-left: 5px;
    transition: 0.5s;
    color: #a2d40a;
}
.locate-footer{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.locate-footer p{
    color: #2D322C;
    font-weight: 400;
    font-size: 15px;
}
.footer-call {
    align-items: flex-start;
    padding-bottom: 20px;
}
.footer-call img{
    width: 18px;
    padding-top: 10px;
}
.footer-box{
    padding: 40px 0;
}
.coppy-right-sec{
    padding: 10px 0;
    background: #5F3616;
}
.coppy-text p{
    color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
}
.design-sec p{
    color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
}
.design-sec a{
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}
.design-sec a:hover{
    color: #a2d40a;
    transition: 0.5s;
}
.design-sec{
    text-align: right;
}
/* department-sec */
.department-bg{
    background: #fff;
}
.department-bg-contant{
    background: #FEF5F2;
    padding: 40px 0;
}
.sub-links{
    gap: 8px;
}
.department-bg-img img{
    border-radius: 10px;
    height: 100%;
}
.department-bg-img{
    height: 100%;
}
.department-contant h3{
    color: #2D322C;
    font-weight: 600;
    font-size: 45px;
}
.department-contant span{
    font-family: 'DM Serif Text';
    font-style: italic;
    font-weight: normal;
}
.department-contant h6{
    color: #2D322C;
    display: inline-block;
    border-bottom: 1px solid #5F3616;
}
.department-contant h4{
    color: #2D322C;
    font-family: 'DM Serif Text';
    font-style: italic;
    font-weight: normal;
    font-size: 30px;
    display: inline-block;
    background: #EFEFEF;
    margin-bottom: 30px;
    padding: 13px 35px;
    border-radius: 200px;
}
.department-contant p{
    font-size: 16px;
    color: #2D322C;
    font-weight: normal;
    margin: 0;
    line-height: 30px;
    padding-bottom: 30px;
}
.doctor-img p{
    padding-bottom: 0;
    margin-bottom: 10px;
}
.doctor-img h5{
    color: #2D322C;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding-top: 10px;
}
.doctor-img{
    background: #fff;
    padding: 20px 15px;
    border-radius: 20px;
}
.doctor-img a{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.5s;
    text-transform: uppercase;
    background: #5F3616;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 5px;
}
.color-change{
    background: #a2d40a !important;
    margin-top: 5px;
}
.color-change:hover{
    background: #5F3616 !important;
}
.doctor-img a:hover{
    color: #fff;
    background: #a2d40a;
    transition: 0.5s;
}
.doctor-img img{
    border-radius: 10px;
}
.department-contant p:last-child{
    padding-bottom: 0;
}
/* .department-box{
    background: #fff;
    border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0px 3px 6px #00000029;
} */
.heding-department h3{
    font-weight: 600;
    color: #2D322C;
    font-size: 40px;
}
.heding-department span{
    font-family: 'DM Serif Text';
    font-style: italic;
    font-weight: normal;
}
.heding-department p{
    font-size: 16px;
    color: #2D322C;
    font-weight: normal;
    padding-bottom: 30px;
}
.heding-department{
    text-align: center;
    padding: 0 8%;
}
.department-bg{
    padding: 40px 0;
}
.department-all-box{
    padding: 40px 0;
}
.department-contant ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
.department-contant ul li {
    font-size: 16px;
    color: #333;
    margin: 5px 0;
    position: relative;
    padding-left: 25px;
}
.department-contant ul li::before {
    content: "✔";
    color: #a2d40a;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
}
/* services */
.home-btn li{
    list-style: none;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    padding: 0 15px;
}
.home-btn ul{
    margin: 0;
    padding: 0;
}
.home-btn a{
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s;
    position: relative;
}
.home-btn a:hover{
    color: #81ac4c;
    transition: 0.5s;
}
.home-btn a::before{
    position: absolute;
    content: '';
    right: -25px;
    bottom: 2px;
    width: 15px;
    height: 15px;
    background: url(../images/next.png) no-repeat;
    background-position: center;
}
.services-sec{
    background: url(../images/services-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px 0;
}
.services-sec h4{
    font-weight: 700;
    font-size: 23px;
    color: #5F3616;
    background: #EFEFEF;
    border-radius: 200px;
    display: inline-block;
    padding: 13px 35px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.services-sec span{
    color: #81ac4c;
}
.online-box{
    width: 175px;
    height: 175px;
    box-shadow: 0px 4px 4px 0px #00000040;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.online-text h5{
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    text-align: center;
    margin: 0;
    padding-top: 10px;
}
.online-text p{
    color: #828282;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}
.padd-box{
    padding-top: 85px;
    padding-left: 113px;
}
.dotted-line{
    position: relative;
}
.dotted-line::before{
    position: absolute;
    content: '';
    background: url(../images/arow-doted.png) no-repeat;
    width: 945px;
    height: 162px;
    left: 115px;
    top: 58px;
    z-index: -1;
}
.box-box{
    padding-top: 50px;
    padding-left: 185px;
}
.department-service-bg h4{
    font-weight: 700;
    font-size: 23px;
    color: #5F3616;
    background: #EFEFEF;
    border-radius: 200px;
    display: inline-block;
    padding: 13px 35px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.department-service-bg span{
    color: #81ac4c;
}
.department-service-bg{
    padding: 40px 0;
    background: #FEF5F2;
}
.icon-servics{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #a2d40a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.services-box{
    background: #FFFFFF;
    border-radius: 30px;
    padding: 30px 20px;
    height: 525px;
    margin-bottom: 30px;
}
.service-btns h6{
    font-weight: 800;
    font-size: 16px;
    color: #000;
    margin: 0;
}
.services-box p{
    font-size: 15px;
    color: #828282;
    border-top: 1px solid #D9D9D9;
    padding-top: 20px;
    margin-top: 20px;
}
.online-apponment-sec h4{
    font-weight: 700;
    font-size: 23px;
    color: #5F3616;
    background: #EFEFEF;
    border-radius: 200px;
    display: inline-block;
    padding: 13px 35px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.online-apponment-sec span{
    color: #81ac4c;
}
.online-apponment-sec h3{
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    color: #000;
}
.online-apponment-sec p{
    color: #646464;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 0 3%;
}
.online-box-appoinment h6{
    width: 50px;
    height: 50px;
    background: #81ac4c;
    color: #fff;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 25px;
    margin-top: 30px;
}
.online-box-appoinment h5{
    font-weight: 700;
    color: #000;
    font-size: 22px;
    padding-top: 30px;
}
.online-box-appoinment p{
    color: #646464;
    font-weight: 500;
    font-size: 19px;
    margin: 0;
}
.online-box-appoinment{
    text-align: center;
}
.line-online{
    position: relative;
}
.line-online::before{
    position: absolute;
    content: '';
    background: #CFCFCF;
    width: 100%;
    height: 1px;
    left: 0;
    top: 305px;
    z-index: -1;
}
.online-apponment-sec{
    padding: 40px 0;
}
.servics-testi{
    background: #FEF5F2;
    padding: 40px 0;
}
.testi-heding-sub h5{
    font-weight: 700;
    font-size: 23px;
    color: #5F3616;
    background: #EFEFEF;
    border-radius: 200px;
    display: inline-block;
    padding: 13px 35px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.testi-heding-sub span{
    color: #81ac4c;
}
.testi-heding-sub h3{
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    color: #000;
}
.testi-heding-sub p{
    color:#646464;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 0 27%;
    margin-bottom: 50px;
}
.sub-text-box ul{
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}
.sub-text-box li{
    list-style: none;
    display: inline-block;
}
.sub-text-box i{
    color: #81ac4c;
    font-size: 20px;
}
.sub-text-box{
    background: #fff;
    border-radius: 30px;
    padding: 30px 20px;
}
.sub-text-box p{
    color: #646464;
    font-size: 19px;
    font-weight: 500;
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.name-box{
    display: flex;
    align-items: center;
    gap: 10px;
}
.name-box h5{
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.name-box h6{
    color: #646464;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}
.servics-testi .owl-carousel .owl-dots.disabled{
    display: block;
}
.servics-testi .owl-carousel button.owl-dot{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #a2d40a;
    margin: 3px;
}
.servics-testi .owl-carousel button.owl-dot.active{
    background: transparent;
    border: 4px solid #a2d40a;
}
.servics-testi .owl-dots{
    text-align: center;
    padding-top: 30px;
}

/*prasanth for subpgae */

.department-bg ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    text-align: left;
}
.department-bg ul li {
    font-size: 20px;
    color: #333;
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
    margin: 5px 0;
}
.department-bg ul li::before {
    content: "✔";
    color: #a2d40a;
    margin-right: 10px;
}


.medicine-text ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    text-align: left;
}
.medicine-text ul li {
    font-size: 18px;
    color: #333;
    font-family: 'DM Serif Text';
    font-weight: normal;
    font-style: italic;
    margin: 5px 0;
    
}
.medicine-text ul li::before {
    content: "✔";
    color: #a2d40a;
    margin-right: 10px;
}


/*end*/

/* responsive */
@media (max-width: 1265px){
    .booking-btn a{
        padding: 12px 20px;
        font-size:13px;
    }
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding:8px 7px;
    }
    .navbar-brand
    {
        margin-right:0.2rem;
    }
}
@media (max-width: 1200px){
    header .toggle{
        display: flex !important;
}
.navbar-expand-lg .navbar-collapse{
    display: none !important;
}
.call-box{
    display: none;
}
.booking-btn{
    display: none;
}
header .toggle {
    top: 14px;
    right: 0px;
  }
}
@media (max-width: 991px){
.navbar-expand-lg{
    justify-content: space-between;
    padding-bottom: 0;
}
.hc-nav-trigger{
    display: flex;
}
.banner-btn a{
    font-size: 14px;
}
.tab-detial-contant{
    padding-bottom: 30px;
}
.tab-wrapper .nav-tabs .nav-link{
    font-size: 14px;
}
.phone-menu{
    display: block;
}
.navbar-light .navbar-toggler{
    display: none;
}
header .toggle{
    height: auto;
    width: auto;
    top: 25px;
    right: 0;
}

.navbar-brand img{
    /* height: 75px; */
}
.navbar-expand-lg .navbar-collapse{
    margin-top: 0;
}
.main-container{
    margin: 0 15px;
}
.locate-sec{
    display: none;
}
.banner{
    margin-top: 0;
}
.booking-btn a{
    display: none;
}
.call-box{
    display: none;
}
.phone-banner{
    display: block;
}
.desk-top-banner{
    display: none;
}
.banner-text h3{
    font-size: 25px;
}
.banner-text h2{
    font-size: 35px;
}
.social-links{
    display: none;
}
.banner-text p{
    padding: 0;
    font-size: 14px;
}
.banner-btn a{
    display: block;
}
.banner-btn a{
    margin-top: 10px;
}
.banner .owl-dots{
    bottom: 20px;
}
.icon-box{
    display: block;
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 20px 10px;
}
.icon-box h5{
    font-size: 16px;
    padding-top: 10px;
}
.experience-heding{
    padding: 40px 0;
}
.experience-heding h4{
    padding: 0;
}
.experience-heding h4{
    font-size: 25px;
}
.medicine-logo img {
    width: 110px;
}
.medicine-text{
    padding-top: 30px;
}
.medicine-text h3{
    font-size: 25px;
}
.medicine-text br{
    display: none;
}
.medicine-text p{
    font-size: 14px;
    line-height: unset;
}
.count-up .prg-count{
    font-size: 30px;
}
.count-up span{
    font-size: 25px;
}
.count-sec {
    padding: 40px 0;
}
.count-box{
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}
.count-box h6{
    font-size: 16px;
}
.treatment-sec h3{
    font-size: 25px;
}
.treatment-sec{
    padding: 30px 0;
}
.what-sec h3{
    font-size: 25px;
}
.department-hover{
    margin-bottom: 20px !important;
}
.what-sec {
    padding: 40px 0;
}
.all-departments{
    padding: 30px;
}
.service-sec{
    padding: 40px 0;
}
.services-heding h3{
    font-size: 25px;
    padding-bottom: 10px;
}
.tab-content{
    padding: 20px 15px;
    border-radius: 10px;
}
.tab-detial-contant h4{
    font-size: 25px;
}
.tab-detial-contant ul li{
    font-size: 16px;
}
.tab-detial-contant p{
    font-size: 14px;
    line-height: unset;
}
.other-department-sec{
    padding: 40px 0;
}
.department-heding h3{
    font-size: 25px;
}
.department-btn{
    text-align: left;
}
.department-box img{
    width: 100%;
}
.service-text img{
    width: auto;
}
.other-department-sec .owl-nav::before{
    display: none;
}
.other-department-sec .owl-nav::after{
    display: none;
}
.other-department-sec .owl-nav{
    justify-content: center;
    gap: 10px;
    padding-top: 20px;
}
.service-text{
    padding-bottom: 20px;
}
.technology-sec{
    padding: 40px 15px;
}
.technology-text{
    padding-top: 30px;
    padding-bottom: 30px;
}
.technology-text h3{
    font-size: 25px;
}
.technology-text p{
    font-size: 14px;
    line-height: unset;
}
.second-sec{
    padding: 40px 0;
}
.other-technology{
    padding-left: 0;
}
.testi-bg .owl-nav::before{
    display: none;
}
.testi-bg .owl-nav::after{
    display: none;
}
.testi-bg{
    padding: 40px 0;
}
.testi-heding h3{
    font-size: 25px;
}
.testi-heding p{
    font-size: 14px;
}
.latest-sec{
    margin: 0px 0;
    margin-top: 0;
    padding: 40px 0;
}
.latest-heding h3{
    font-size: 25px;
}
.latest-btn{
    text-align: left;
    padding-bottom: 30px;
}
.latest-sec .owl-dots{
    padding-top: 10px;
}
.appointment-footer{
    padding: 40px 0;
}
.appointment-footer h3{
    font-size: 25px;
}
.appointment-footer p{
    font-size: 16px;
}
.footer-menu li{
    padding: 0 5px;
}
.footeter-menu-sec{
    padding: 20px 0;
}
.footer-box{
    padding: 20px 0;
}
.footer-links h5{
    margin: 0;
    padding-top: 10px;
}
.footer-call-2{
    display: flex;
    padding-top: 20px;
}
.footer-call{
    padding-bottom: 10px;
    display: flex;
}
.call-text h5{
    padding: 0;
}
.call-text h5{
    font-size: 16px;
}
.design-sec{
    text-align: left;
}
/* deparatment */
.heding-department{
    padding: 0;
}
.heding-department h3{
    font-size: 25px;
}
.heding-department p{
    font-size: 14px;
    margin: 0;
}
.department-box{
    margin: 0;
    padding: 0px 0;
}
.department-contant p{
    font-size: 14px;
    line-height: unset
}
.department-contant h4{
    font-size: 25px;
    margin-bottom: 10px;
}
.department-contant ul li{
    font-size: 14px;
}
.department-contant h3{
    font-size: 25px;
}
.doctor-img{
    margin-bottom: 20px;
}
.doctor-img a{
    font-size: 12px;
}
/* services */
.dotted-line::before{
    display: none;
}
.services-sec h4{
    font-size: 17px;
}
.padd-box {
    padding-top: 25px;
    padding-left: 0;
}
.box-box{
    padding-top: 25px;
    padding-left: 0;
}
.department-service-bg h4{
    font-size: 17px;
}
.services-box p{
    font-size: 14px;
}
.services-box{
    height: auto;
}
.services-box{
    padding: 20px 15px;
    margin-bottom: 20px;
}
.online-apponment-sec h4{
    font-size: 17px;
}
.online-apponment-sec h3{
    font-size: 25px;
}
.online-apponment-sec p{
    font-size: 16px;
    padding: 0;
}
.line-online::before{
    display: none;
}
.online-box-appoinment{
    background: #fff;
    box-shadow: 0px 2px 4px 2px #0000001a;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 20px 15px;
}
.online-box-appoinment h5{
    font-size: 20px;
    padding-top: 15px;
}
.online-box-appoinment h6{
    font-size: 20px;
    margin-top: 15px;
}
.testi-heding-sub h5{
    font-size: 17px;
}
.testi-heding-sub h3{
    font-size: 25px;
}
.testi-heding-sub p{
    font-size: 17px;
    padding: 0;
    margin-bottom: 20px;
}
.sub-text-box p{
    font-size: 17px;
}
.servics-testi .owl-carousel button.owl-dot{
    width: 15px;
    height: 15px;
}
.servics-testi .owl-dots{
    padding-top: 20px;
}
}



/* backtotop css starts here */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: dotted 2px #a2d40a;
    color: rgb(0, 0, 0);
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0;
    visibility: hidden;
    background: transparent;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: spin 3s linear infinite;
}

/* Ensure the button becomes visible when scrolling */
#backToTop.show {
    opacity: 1;
    visibility: visible;
}

/* Stops spinning when hovered */
#backToTop:hover {
    background-color: #7ea32e;
    color: rgb(255, 255, 255);
    transform: scale(1.1);
    animation: none;
}

/* Prevent the icon from rotating */
#backToTop span {
    display: inline-block;
}

/* backtotop css end here */

.modal-content { height: 450px !important;}