:root {
    --primaryColor: #f86f02;
    --blackColor: #000;
    --textColor: #747474;
    --whiteColor: #fff;
    --smPadding: 2rem 1.5rem;
    --lgPadding: 4rem 0
}

body {
    font-size: 14px;
}

@font-face {
    font-family: 'antonBold';
    src: url(../fonts/anton-regular-demo) format('svg'),
        url(../fonts/anton-regular.woff) format('woff'),
        url(../fonts/Anton-Regular.ttf) format('truetype'),
        url(../fonts/anton-regular.woff2) format('woff2');
}

@font-face {
    font-family: 'gilroyRegular';
    src: url(../fonts/Gilroy-Regular.eot);
    src: url(../fonts/Gilroy-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Gilroy-Regular.otf) format('otf'),
        url(../fonts/Gilroy-Regular.svg#Gilroy-Regular) format('svg'),
        url(../fonts/Gilroy-Regular.woff) format('woff'),
        url(../fonts/Gilroy-Regular.ttf) format('truetype'),
        url(../fonts/Gilroy-Regular.woff2) format('woff2');
}

@font-face {
    font-family: 'gilroyMedium';
    src: url(../fonts/Gilroy-Medium.eot);
    src: url(../fonts/Gilroy-Medium.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Gilroy-Medium.otf) format('otf'),
        url(../fonts/Gilroy-Medium.svg#Gilroy-Medium) format('svg'),
        url(../fonts/Gilroy-Medium.ttf) format('truetype'),
        url(../fonts/Gilroy-Medium.woff) format('woff'),
        url(../fonts/Gilroy-Medium.woff2) format('woff2');
}

@font-face {
    font-family: 'gilroySemiBold';
    src: url(../fonts/Gilroy-SemiBold.ttf) format('truetype');
}


@font-face {
    font-family: 'gilroyHeavy';
    src: url(../fonts/Gilroy-Heavy.eot);
    src: url(../fonts/Gilroy-Heavy.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Gilroy-Heavy.otf) format('otf'),
        url(../fonts/Gilroy-Heavy.svg#Gilroy-Heavy) format('svg'),
        url(../fonts/Gilroy-Heavy.ttf) format('truetype'),
        url(../fonts/Gilroy-Heavy.woff) format('woff'),
        url(../fonts/Gilroy-Heavy.woff2) format('woff2');
}


@font-face {
    font-family: 'gilroyExtraBold';
    src: url(../fonts/Gilroy-ExtraBold.eot);
    src: url(../fonts/Gilroy-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Gilroy-ExtraBold.otf) format('otf'),
        url(../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold) format('svg'),
        url(../fonts/Gilroy-ExtraBold.ttf) format('truetype'),
        url(../fonts/Gilroy-ExtraBold.woff) format('woff'),
        url(../fonts/Gilroy-ExtraBold.woff2) format('woff2');
}

@font-face {
    font-family: 'gilroyBold';
    src: url(../fonts/Gilroy-Bold.eot);
    src: url(../fonts/Gilroy-Bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Gilroy-Bold.otf) format('otf'),
        url(../fonts/Gilroy-Bold.svg#Gilroy-Bold) format('svg'),
        url(../fonts/Gilroy-Bold.ttf) format('truetype'),
        url(../fonts/Gilroy-Bold.woff) format('woff'),
        url(../fonts/Gilroy-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'Gilroy-Black';
    src: url(../fonts/Gilroy-Black.eot);
    src: url(../fonts/Gilroy-Black.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Gilroy-Black.otf) format('otf'),
        url(../fonts/Gilroy-Black.svg#Gilroy-Black) format('svg'),
        url(../fonts/Gilroy-Black.ttf) format('truetype'),
        url(../fonts/Gilroy-Black.woff) format('woff'),
        url(../fonts/Gilroy-Black.woff2) format('woff2');
}


/* @font-face {
    font-family: gilroyRegular;
    src: url(../font/gilroy/Gilroy-Regular.ttf);
}

@font-face {
    font-family: gilroyMedium;
    src: url(../font/gilroy/Gilroy-Medium.ttf);
}

@font-face {
    font-family: gilroySemiBold;
    src: url(../font/gilroy/Gilroy-SemiBold.ttf);
}

@font-face {
    font-family: gilroyBold;
    src: url(../font/gilroy/Gilroy-Bold.ttf);
}

@font-face {
    font-family: gilroyExtraBold;
    src: url(../font/gilroy/Gilroy-ExtraBold.ttf);
}

@font-face {
    font-family: gilroyHeavy;
    src: url(../font/gilroy/Gilroy-Heavy.ttf);
} */


@keyframes heading {
    0% {
        width: 150px;
    }

    50% {
        width: 50px;
    }

    100% {
        width: 150px;
    }
}


/* scroll */
::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    background: var(--whiteColor);
}

::-webkit-scrollbar-thumb {
    background: var(--primaryColor);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primaryColor);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* start font class */

.font-regular {
    font-family: gilroyRegular;
}

.font-medium {
    font-family: gilroyMedium;
}

.font-semiBold {
    font-family: gilroySemiBold;
}

.font-bold {
    font-family: gilroyBold;
}

.font-heavy {
    font-family: gilroyHeavy;
}

.font-extraBold {
    font-family: gilroyExtraBold;
}

.font-anton {
    font-family: antonBold;
}

.text-primary {
    color: var(--primaryColor) !important;
}

.text-footer {
    color: #999;
}

/* end btn css */

.button {
    border: 2px solid transparent;
    outline: none;
    box-shadow: none;
    color: var(--whiteColor);
    font-size: 16px;
    width: fit-content;
    min-width: 165px;
    font-family: 'gilroyRegular';
    padding: 14px 22px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}


.btn-primary {
    background: var(--primaryColor);
    animation: gradient 3s linear infinite;
    animation-direction: alternate;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn:hover {
    background-color: var(--primaryColor);
    color: var(--whiteColor) !important;
}

.btn-primary::before,
.btn-primary::after {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    background-color: inherit;
    transition: all 0.25s;
    content: "";
    z-index: -1;
}

.btn-primary::before {
    top: 0;
    transform: translate(-100%, 0);
}

.btn-primary::after {
    bottom: 0;
    transform: translate(100%, 0);
}

.btn-primary:hover::before,
.btn-primary:hover::after {
    transform: translate(0, 0);
}

.btn-white {
    border: 2px solid var(--whiteColor);
}

.btn-orange {
    border: 2px solid var(--primaryColor);
    color: var(--primaryColor);
}

.btn-white {
    border: 2px solid var(--whiteColor);
    color: var(--whiteColor);
}

/* end btn css */

/* start common css section */

.breadcrumb {
    margin-bottom: 0;
}

.cursor-pointer {
    cursor: pointer;
}

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

a {
    color: inherit;
    text-decoration: none;
}

.owl-stage {
    display: flex;
}

.owl-item {
    display: flex;
    flex: 1 0 auto;
}

.w-fit {
    width: fit-content;
}

.heading h2 {
    font-size: 25px;
    font-family: gilroyExtraBold;
    position: relative;
}

.heading h5,
.facility-heading h2 {
    position: relative;
}

.heading h1 span {
    font-weight: 100;
}

.heading h1 span.heading-box {
    background-color: var(--primaryColor);
    padding: 0 5px;
    border-radius: 3px;
    font-weight: bold;
}

.heading h5 {
    color: var(--primaryColor);
}

.heading-center h2,
.heading-center h5,
.heading-center p {
    text-align: center;
}

.heading.heading-white h2,
.heading.heading-white p,
.heading.heading-white h1,
.heading.heading-white h5 {
    color: var(--whiteColor);
}

.heading h5::before,
.facility-heading h2::before {
    content: '';
    background-color: var(--primaryColor);
    width: 70px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -9px;
    animation: heading 7s linear infinite;
}

.heading p {
    color: var(--primaryColor);
}

.center-heading h2:before {
    right: 0;
    margin: auto;
}

p {
    font-family: gilroyMedium;
    line-height: 1.4;
    margin-bottom: 0;
}

h2 {
    font-family: gilroyBlack;

}

.blog-title {
    /* font-size: 17px; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}

section,
footer {
    padding: var(--smPadding);
}

/* end common css section */

/* Header css start */
header .header-line {
    background-color: var(--primaryColor);
}

header .header-menu .logo {
    display: block;
    width: 180px;
}

header .header-menu .menu i {
    font-size: 30px;
}

header .header-menu .menu.active {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

header .header-menu ul .links-li {
    padding: 16px 0;
    border-bottom: 1px dotted var(--whiteColor);
}

.nav-item.dropdown.dropdown-mega {
    position: static;
}

.nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 90%;
    top: auto;
    left: 5%;
}

header .header-menu .links-li .dropdown-menu .list-group {
    gap: 7px 10px;
    height: 300px;
    overflow-y: scroll;
    align-items: center;
    padding-bottom: 10px;
}

header .header-menu .links-li .dropdown-menu .list-group-item {
    border: 0;
    padding: 0;
    width: 100%;
    font-family: gilroyMedium;
}

header .header-menu .links-li .dropdown-menu .list-group-item:hover {
    color: var(--primaryColor);
}

header .header-menu ul .links-li:first-child {
    padding-top: 0;
}

header .header-menu ul .links-li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

header .header-menu ul .links-li .link {
    /* font-size: 16px; */
    color: white;
    font-family: gilroyMedium;
}

header .header-menu .menu-links {
    width: 0;
    transition: all 0.5s;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 15;
    background-color: #e31e24;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

header .header-menu .menu-links .follow-list {
    gap: 10px;
}

header .header-menu .menu-links .follow-list a {
    border: 1px solid white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--whiteColor);
    margin-top: 25px;
}

header .header-menu .menu-links .follow-list a:hover {
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    transition: .3s ease-out;
}

header .header-menu .menu-links .menu-toggle {
    color: #F60707;
}

header .header-menu .menu.active+.menu-links {
    padding: 15px;
    width: 100%;
}

header .header-menu .menu.active+.menu-links .menu-toggle {
    display: flex;
    font-size: 30px;
}

header .sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    box-shadow: 0 0 10px grey;
    transition: .5s;
    background: var(--whiteColor);
}

header .sticky-up {
    top: -100px;
}

/* Header css end */

/* Bannner css start */
.banner {
    padding: 0 !important;
}

.banner .banner-container {
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--smPadding);
    width: 98%;
    border-radius: 10px;
}

.banner p {
    font-size: 16px;
}

.banner .owl-dots {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.banner .owl-dots .owl-dot {
    width: 25px;
    height: 5px;
    background: var(--blackColor);
    border-radius: 50px;
}

.banner .owl-dots .active {
    width: 50px;
    background: var(--primaryColor);
}

/* Bannner css ends */

/* Features css start */
.features .features-container .features-box {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3rem 1rem;
    min-height: 250px;
    overflow: hidden;
}

.features .features-container .features-box p {
    font-size: 18px;
}

.features .features-container .features-box h4 {
    font-size: 28px;
}

.features .features-container .features-box img,
.features .features-container .features-box .img i {
    width: 55px;
    margin-bottom: 1rem;
    font-size: 60px;
}

.features .features-container .features-box h5 {
    font-size: 1.7rem;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.features .features-container .features-box:nth-child(1) {
    background-image: url('../img/24-7-bg.png');
}

.features .features-container .features-box:nth-child(2) {
    background: var(--primaryColor);
    overflow: hidden;
}

.features .features-container .features-box img.icons,
.features .features-container .features-box i.icons {
    position: absolute;
    right: -8%;
    top: 10%;
    font-size: 80px;
    opacity: .2;
}

.features .features-container .features-box img.plus {
    right: 12%;
}

.features .features-container .features-box:nth-child(3) {
    background-image: url('../img/hospital-img.png');
}

.features .features-container .features-box:nth-child(4),
.features .features-container .features-box:nth-child(6) {
    background: #f1f2f6;
    position: relative;
}

.features .features-container .features-box:nth-child(4) i.icons,
.features .features-container .features-box:nth-child(6) i.icons {
    content: '';
    position: absolute;
    right: 15%;
    top: 6%;
    font-size: 60px;
}

.features .features-container .features-box:nth-child(5) {
    background-image: url('../img/hospital-img-2.png');
}

.features .features-container .zoom-in::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-size: cover;
    transform-origin: center;
    transition: transform 0.4s ease-in-out;
}

.features .features-container .zoom-in:hover::after {
    transform: scale(1.05);
}

.features .features-container .feature-element {
    max-height: 125px;
}
.features .features-container .feature-element .feat-text {
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
}

/* Features css ends */

/* About css starts */
.about .about-container .about-imgs img {
    width: 80%;
}

.about .about-container .about-imgs img:nth-child(2) {
    border: 10px solid #fff;
    margin-top: -5rem;
    margin-left: 4rem;
}

.about .about-container .about-content p {
    color: var(--blackColor);
}

/* About css ends */

/* Services css ends */
.services {
    background-image: url('../img/services-bg.png');
}

.services .services-list li {
    background-color: var(--whiteColor);
    border-radius: 10px;
    padding: 2rem 1rem;
}

.services .services-list li .service-icon {
    margin-bottom: 10px;
}

.services .services-list li .service-icon img {
    width: 80px;
}

.services .services-list li h5 {
    min-height: 48px;
}

.services .services-list li p {
    line-height: 1.4;
    font-size: 14px;
    text-align: center;
    margin: 10px 0;
}

.services .services-list li .btn {
    color: var(--primaryColor);
    border-bottom: 1px solid var(--primaryColor);
    border-radius: 0;
    width: fit-content;
    padding: 0;
}

.services .services-list li p {
    width: 95%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.services .services-list .owl-dots {
    margin-top: 15px;
    display: flex !important;
    gap: 10px;
    justify-content: center;
}

.services .services-list .owl-dots .owl-dot {
    width: 25px;
    height: 5px;
    background: var(--whiteColor);
    border-radius: 50px;
}

.services .services-list .owl-dots .active {
    width: 50px;
    background: var(--primaryColor);
}

/* Services css ends */

/* specialists css starts */
.specialists .specialist-imgs .specialist-box,
.doctor-list .specialist-box {
    background: var(--whiteColor);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding: .8rem;
    margin: 7px;
    border-radius: 15px;
}

/* .specialists .specialist-imgs .owl-item {
    margin-right: 10px !important;
}  */

.specialists .specialist-imgs .specialist-box .specialist-img img {
    /* max-height: 200px; */
    min-height: 200px;
    object-fit: cover;
    object-position: top;
}

.specialists .specialist-imgs .specialist-box h5,
.doctor-list .specialist-box h5 {
    /* font-weight: 900; */
    font-size: 1.1rem;
    margin-top: 1rem;
    margin-bottom: 0;
}

.specialists .specialist-imgs div.owl-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.specialists .specialist-imgs .owl-prev,
.specialists .specialist-imgs .owl-next {
    border: 1px solid var(--primaryColor);
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}

.specialists .specialist-imgs .owl-prev i,
.specialists .specialist-imgs .owl-next i {
    color: var(--primaryColor);
    font-weight: bold;
}

/* specialists css ends */


/* counter css start */
.counter {
    background-color: var(--primaryColor);
}

.counter .item .number {
    font-size: 35px;
}

.counter .item p {
    font-size: 17px;
}

/* counter css end */

/* Choose-us css start */
.choose-us {
    background-image: url('../img/choose-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.choose-us .choose-row {
    background-color: var(--whiteColor);
    padding: 2rem 1rem;
}

.choose-us .heading h2 {
    font-size: 20px;
}

.choose-us .choose-content .choose-list .item span {
    background-color: var(--primaryColor);
    border-radius: 100px;
    min-width: 50px;
    width: 50px;
    height: 50px;
    padding: 5px;
    color: var(--whiteColor);
    text-align: center;
    font-size: 25px;
    margin-right: 10px;
}

.choose-us .choose-content .choose-list .item span:before {
    content: '';
    border: 1px dashed var(--primaryColor);
    position: absolute;
    left: 0px;
    width: 1px;
    height: 50px;
    z-index: 0;
    top: 83px;
    bottom: 0;
    right: 0;
    margin: auto;
}

.choose-us .choose-content .choose-list .item .last-child::before {
    content: none;
}

.choose-us .choose-img .ambulance-info {
    background-color: white;
    position: absolute;
    padding: 20px;
    border-top-left-radius: 10px;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
}

.choose-us .choose-img .ambulance-info img {
    width: 40px;
    margin-right: 10px;
}

/* Choose-us css end */

/*  testimonial css start */

.testimonial .testimonial-list .item {
    box-shadow: 4px 5px 8px #e5e5e5;
    padding: 1.5rem 1rem;
    border-radius: 20px;
    transition: .5s ease-in-out;
    position: relative;
    width: 90%;
    margin: .5rem auto;
    display: flex;
    flex-direction: column;
}

.testimonial .testimonial-list .item .quote {
    width: 50px;
    height: 40px;
}

.testimonial .testimonial-list .item p {
    font-family: gilroySemiBold;
    font-style: italic;
    flex-grow: 1
}



.testimonial .testimonial-list .item .details .user-img {
    width: 70px;
}

.testimonial .testimonial-list .item .details .name h5 {
    font-size: 18px;
}

.testimonial .testimonial-list .item .details .name .stars {
    width: 100px;
}

.testimonial .testimonial-list .owl-dots {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.testimonial .testimonial-list .owl-dots .owl-dot {
    width: 25px;
    height: 5px;
    background: var(--blackColor);
    border-radius: 50px;
}

.testimonial .testimonial-list .owl-dots .active {
    width: 50px;
    background: var(--primaryColor);
}

/*  testimonial css end */

/* patients css start */
.patients {
    background-color: var(--primaryColor);
}

.patients ul li::before {
    content: '';
    background-image: url('../img/checked.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -26px;
    top: 6px;
    width: 20px;
    height: 20px;
}

.patients ul li {
    margin-left: 20px;
    font-size: 15px;
}

/* patients css end */

/* blog css start  */
.blog .latest-grid-item {
    /* flex-basis: calc(30% - 10px); */
    /* border: 7px solid var(--whiteColor); */
    box-shadow: 4px 5px 8px #e5e5e5;
    border-radius: 15px;
    width: 95%;
    margin: 20px auto;
    padding: 14px;
}

.blog .latest-grid-item h3 {
    font-size: 15px;
}

.blog .latest-grid-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.blog .owl-nav {
    display: flex !important;
    gap: 15px;
    justify-content: center;
}

.blog .owl-nav .owl-prev,
.blog .owl-nav .owl-next {
    background: var(--primaryColor);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: white;
    text-align: center;
    padding: 8px;
}

/* blog css end */

/* Footer css start */
footer {
    background-color: #F1F2F6;
}

footer .footer-info span {
    background-color: var(--primaryColor);
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 7px;
    font-size: 30px;
    margin-right: 10px;
}

footer .footer-logo {
    width: 100%;
    max-width: 280px;
}

footer .moretext {
    display: none;
}

footer .footer-row::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    position: absolute;
    left: 0;
    bottom: 0;
}

footer .nav-link {
    gap: 5px;
    display: grid;
}

footer .nav-link li:hover {
    color: #999;
}

footer .nav-head::before {
    content: '';
    background-color: var(--primaryColor);
    width: 70px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -7px;
    animation: heading 7s linear infinite;
}

footer .follow-us {
    gap: 10px;
}

footer .follow-us a {
    border: 1px solid #000;
    width: 45px;
    height: 45px;
    font-size: 25px;
}

footer .follow-us a:hover {
    border: 1px solid var(--primaryColor);
    background-color: var(--primaryColor);
    transition: .3s ease-in-out;
}

footer .follow-us a:hover i {
    color: var(--whiteColor);
    transition: .3s ease-in-out;
}

footer .nabh-logo {
    width: 155px;
}

/* Footer css end */

/* start description-banner section */
.description-banner {
    background: url('../img/services-bg.png') no-repeat;
    background-size: cover;
    padding: 3rem 1.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: rgb(255 255 255 / 75%);
}


/* end description-banner section */

/* doctor-list css start */

.doctor-list .specialist-box .specialist-img img {
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.doctor-list .row {
    row-gap: 25px;
}

/* doctor-list css end */

/* about-us css start */
.appointment {
    background-color: var(--primaryColor);
}

.appointment .plus-box {
    width: 50px;
}

.appointment .btn-white {
    width: 180px;
    font-size: 17px;
}

.simple-process .process-list .process .process-img {
    width: 200px;
}

.simple-process .process-list .process .number {
    width: 50px;
    height: 50px;
    background-color: var(--primaryColor);
    border-radius: 100px;
    font-size: 21px;
    position: absolute;
    right: 8px;
}

.simple-process .process-list .process h6 {
    font-size: 17px;
}

/* about-us css start */

/*  contact us start */
.contact-us .contact-boxx {
    border: 1px solid #ddd;
    padding: 1.5rem 1rem;
    border-radius: 20px;
    height: 100%;
}

.contact-us .contact-boxx img {
    width: 65px;
}

.contact-us .contact-boxx h3 {
    font-size: 20px;
}

/*  contact us end */

/* doctor-info start */
.doctor-info .doctor-details {
    background-color: #F1F2F6;
}

.doctor-info .doctor-details .num-detail {
    font-size: 16px;
}

.doctor-info .doctor-details .num-detail img {
    width: 32px;
    margin-right: 10px;
}

.doctor-info .border-line {
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 10px;
}

.doctor-info .border-line .head-line {
    border-bottom: 1px solid #ddd;
    padding-bottom: .5rem;
}

/* doctor-info end */

/* insurance css start */
.insurance .img-list {
    gap: 25px;
    margin-top: 35px;
}



.insurance .img-list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.insur_image {
    height:130px;
    border: 1px solid #ddd;
    padding: 20px 10px;
    border-radius: 10px;
}
.insurance-block {
    width: 18%;
    height: 160px
}
h5.text-center {
    margin-top: 7px;
    font-size: 18px;
}

/* insurance css end */

/* facilities css start */

.facility-heading h2 {
    font-size: 20px;
}

.facility-level .facility-content ul li span img,
.facility-service .service ul li img {
    width: 17px;
    margin-right: 7px;
}

.facility-level .facility-content h3 {
    font-size: 17px;
}

/* facilities css end */

/*  package-details css start */
.package-details ul li img {
    width: 17px;
    margin-right: 10px;
}

.package-details h3 {
    font-size: 20px;
}


.package-details .price {
    font-size: 40px;
}

/* package-details css end */

/* Packages section css start */
.packages .packages-list .packages-box {
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    border-radius: 20px;
    padding: .5rem 0;
    margin-top: 1rem;
}

.packages .packages-list .packages-box h2.plan {
    padding: 1rem;
    border-radius: 20px 20px 0 0;
    width: 95%;
    margin: 0 auto;
}

.packages .packages-list .packages-box a.btn {
    text-transform: uppercase;
    min-width: 135px;
}

.packages .packages-list .packages-box a.btn:nth-child(1) {
    margin-right: 10px;
}

.packages .packages-list .packages-box:nth-child(1) h2.plan,
.packages .packages-list .packages-box:nth-child(n + 4) h2.plan {
    background: #F86F03;
}

.packages .packages-list .packages-box:nth-child(2) h2.plan,
.packages .packages-list .packages-box:nth-child(2n + 4) h2.plan {
    background: #4ABBA9;
}

.packages .packages-list .packages-box:nth-child(3) h2.plan,
.packages .packages-list .packages-box:nth-child(3n + 4) h2.plan {
    background: #FD5940;
}

.packages .packages-list .packages-box:nth-child(4) h2.plan,
.packages .packages-list .packages-box:nth-child(4n + 4) h2.plan {
    background: #778BEB;
}

.packages .packages-list .packages-box:nth-child(1) .buttons .btn:nth-child(1),
.packages .packages-list .packages-box:nth-child(n + 4) .buttons .btn:nth-child(1) {
    border: 1px solid #F86F03;
    color: #F86F03;
}

.packages .packages-list .packages-box:nth-child(1) .buttons .btn:nth-child(2),
.packages .packages-list .packages-box:nth-child(n + 4) .buttons .btn:nth-child(2) {
    background: #F86F03;
    color: #fff;
}

.packages .packages-list .packages-box:nth-child(2) .buttons .btn:nth-child(1),
.packages .packages-list .packages-box:nth-child(2n + 4) .buttons .btn:nth-child(1) {
    border: 1px solid #4ABBA9;
    color: #4ABBA9;
}

.packages .packages-list .packages-box:nth-child(2) .buttons .btn:nth-child(2),
.packages .packages-list .packages-box:nth-child(2n + 4) .buttons .btn:nth-child(2) {
    background: #4ABBA9;
    color: #fff;
}

.packages .packages-list .packages-box:nth-child(3) .buttons .btn:nth-child(1),
.packages .packages-list .packages-box:nth-child(3n + 4) .buttons .btn:nth-child(1) {
    border: 1px solid #FD5940;
    color: #FD5940;
}

.packages .packages-list .packages-box:nth-child(3) .buttons .btn:nth-child(2),
.packages .packages-list .packages-box:nth-child(3n + 4) .buttons .btn:nth-child(2) {
    background: #FD5940;
    color: #fff;
}

.packages .packages-list .packages-box:nth-child(4) .buttons .btn:nth-child(1),
.packages .packages-list .packages-box:nth-child(4n + 4) .buttons .btn:nth-child(1) {
    border: 1px solid #778BEB;
    color: #778BEB;
}

.packages .packages-list .packages-box:nth-child(4) .buttons .btn:nth-child(2),
.packages .packages-list .packages-box:nth-child(4n + 4) .buttons .btn:nth-child(2) {
    background: #778BEB;
    color: #fff;
}

.packages .packages-list .packages-box h3.price {
    font-size: 40px;
}

.packages .packages-list .packages-box .packages-perks p {
    padding: 15px;
}

.packages .packages-list .packages-box .packages-perks p:nth-child(odd) {
    background: #F6F7F8;
}

/* Packages section css end */

/* apointment section start */
.book-appointment .apointment .appointment-box,
.book-appointment .need-help,
.book-appointment .emergency {
    background: #fff;
    border: 1px solid #DDDDDD;
    padding: 1rem;
    border-radius: 5px;
    height: 92%;
}

.book-appointment .apointment .appointment-box .doctor-details img {
    width: 93px;
    height: 107px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.book-appointment .apointment .appointment-box button {
    border-radius: 0;
}

.book-appointment .apointment .appointment-box .doctor-details .detail h4,
.book-appointment .apointment .appointment-box .doctor-details .detail h5,
.book-appointment .apointment .appointment-box .doctor-details .detail p,
.book-appointment .apointment .appointment-box .schedule h5,
p {
    font-size: 15px;
}

.book-appointment .apointment .appointment-box .schedule h4 {
    font-size: 18px;
}

.book-appointment .need-help a {
    font-size: 18px;
}


/* #bookAppointment form .input-container input[type="checkbox"] {
    display: none;
}

#bookAppointment form .input-container input[type="checkbox"]+label {
    border: solid 1px #ddd;
    border-radius: 7px;
    color: #4C4C4C;
    padding: 7px 10px;
    background-color: var(--whiteColor);
    cursor: pointer;
    font-family: gilroyBold;
    font-size: 14px;
} */

#bookAppointment form .input-container input[type="radio"]:checked+label {
    border: solid 1px var(--primaryColor);
}

#bookAppointment form .input-container input[type="radio"] {
    display: none;
}

#bookAppointment form .input-container input[type="radio"]+label {
    border: solid 1px #ddd;
    border-radius: 7px;
    color: #4C4C4C;
    padding: 7px 10px;
    background-color: var(--whiteColor);
    cursor: pointer;
    font-family: gilroyBold;
    font-size: 14px;
}

#bookAppointment form .input-container input[type="checkbox"]:checked+label {
    border: solid 1px var(--primaryColor);
}

input[type="date"] {
    position: relative;
}

input[type="date"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f073";
    color: var(--primaryColor);
    padding: 0 5px;
    font-size: 16px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

input[type="date"]::-webkit-clear-button {
    z-index: 1;
}

#bookAppointment form .slot {
    gap: 7px;
}

#bookAppointment form .slot h6 {
    font-size: 16px;
}

/* apointment section end */

/* start network section */

.network-heading h2 {
    font-size: 25px;
}

.network-heading h2::before {
    margin: auto;
    right: 0;
}

.network .network-list .network-title {
    position: absolute;
    bottom: 0;
    padding-left: 10px;
}

.network .network-list .network-title h2 {
    font-size: 18px;
}

.network .network-list .network-box {
    margin-top: 21px;
}

.network .network-list .network-box span img {
    filter: brightness(0.5);
    object-fit: cover;
}

/* end network section */

/* start news-events section */
.news-events .latest-grid .latest-grid-item img {
    border-radius: 10px;
}

.news-events .latest-grid .latest-grid-item h4 {
    font-size: 18px;
}

.details-box h4 {
    font-size: 21px;
}

.details-box h3 {
    font-size: 15px;
}

.news-events .latest-grid .latest-grid-item {
    height: 93%;
}

.news-events .latest-grid .latest-grid-item p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-blog-detail .recent-post {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
}

.news-blog-detail .recent-post h2 {
    border-bottom: 1px solid #ccc;
    padding: 0 10px 10px;
    font-size: 21px;

}

.news-blog-detail .recent-post h5 {
    font-size: 15px
}

.news-blog-detail .recent-post .post span {
    height: 100px;
    width: 100px;
}

.news-blog-detail .recent-post .post span img {
    border-radius: 10px;
    object-fit: cover;
}

.news-blog-detail .recent-post .post .details {
    width: calc(100% - 100px);
}

.news-blog-detail .recent-post .post .details {
    font-size: 15px;
}

.news-blog-detail .recent-post .post .details .blog-info h3 {
    font-size: 13px;
}

.news-blog-detail .recent-post .post .details p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* end news-events section */

/* start career section */
.career .career-list .career-box {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}

.career .career-list .career-box .name span {
    width: 50px;
}

.career .career-list .career-box .name h4 {
    font-size: 20px;
}

/* end career section */

/* start table section */
.biomdecial-waste table {
    font-size: 14px;
}

/* end table section */

.dropzone {
    border: 0.0625rem solid #c6ccd6;
    border-radius: 0.5rem;
    background-color: #f9f9fb;
    display: block;
}

.dropzone .dropzone-container {
    padding: 2rem 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #8c96a8;
    z-index: 20;
    border-radius: 0.5rem;
}

.dropzone .dropzone-container .dropzone-title {
    padding-top: 1.5rem;
}

.dropzone .dropzone-container .browse {
    text-decoration: underline;
    color: #007bff;
}

.dropzone .file-input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.file-icon {
    /* Need position to allow stacking of pseudo-elements */
    position: relative;
    width: 4rem;
    height: 5.25rem;
    /* Padding for demo purposes */
    padding: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 2rem;
    color: #007bff;
    /* Second sheet of paper */
}

.file-icon,
.file-icon:before,
.file-icon:after {
    background-color: #fff;
    border-radius: 0.25rem;
    border: 0.125rem solid #b8bec9;
}

.file-icon:before,
.file-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0.125rem solid #ccd0d8;
}

.file-icon:before {
    left: -0.625rem;
    top: 0.5rem;
    z-index: -1;
}

.file-icon:after {
    top: -0.25rem;
    right: -0.25rem;
    left: auto;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.25rem;
    border-width: 0.625rem;
    border-style: solid;
    border-color: #f9f9fb #f9f9fb #b8bec9 #b8bec9;
}

.career-detail .right-desp {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px 21px;
}

.career-detail .right-desp span {
    height: 150px;
}

.career-detail .right-desp span img {
    object-fit: cover;
}

/* start summary section */

.summary .summary-box {
    border: 1px solid #ccc;
    padding: 10px 15px;
    border-radius: 10px;
}

.summary .border-line {
    border-bottom: 1px solid #ccc;
}

/* news and events start */
.news-box {
    border: 1px solid #ccc;
    box-shadow: none !important;
    height: initial !important;
}

.news-box p {
    -webkit-line-clamp: 3 !important;
}

.news-box .news-btn {
    background-color: var(--primaryColor);
    border-radius: 7px;
    padding: 7px 10px;
    width: fit-content;
}

.news-box img {
    height: 240px !important;
}

.post-det img {
    width: 300px;
    height: 100%;
    object-fit: cover;
}

.gallery-list img {
    width: 100%;
    height: 100%;
}

.posted-details h3 {
    font-size: 17px;
}

.posted-details .details {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.posted-details .details:last-child {
    border-bottom: 0;
}

.posted-details .details h5 {
    font-size: 16px;
}
/* news and events end */