body {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: general-light;
    src: url(../font/GeneralSans-Light.woff2);
}

@font-face {
    font-family: general-regular;
    src: url(../font/GeneralSans-Regular.woff2);
}

@font-face {
    font-family: general-medium;
    src: url(../font/GeneralSans-Medium.woff2);
}

@font-face {
    font-family: general-semibold;
    src: url(../font/GeneralSans-Semibold.woff2);
}

@font-face {
    font-family: damion-regular;
    src: url(../font/Damion-Regular.woff2);
}

:root {
    /* font  */
    --general-light: "general-light", sans-serif;
    --general-regular: "general-regular", sans-serif;
    --general-medium: "general-medium", sans-serif;
    --general-semibold: "general-semibold", sans-serif;
    --damion-regular: "damion-regular", sans-serif;
    /* font-size  */
    --x1: 10px;
    --x2: 12px;
    --x3: 14px;
    --x4: 16px;
    --x5: 18px;
    --x6: 20px;
    --x7: 24px;
    --x8: 28px;
    --x9: 32px;
    --x10: 36px;
    --x11: 48px;
    --x12: 64px;
    --x13: 128px;
    /* color  */
    --grey-6f8: #6f808e;
    --grey-2c3: #2c3339;
    --grey-5e6: #5e6d79;
    --grey-99a: #99a5af;
    --grey-808: #808588;
    --grey-b0b: #b0b0b0;
    --grey-797: #797979;
    --grey-979: #979797;
    --grey-6a6: #6a6a6a;
    --grey-bab: #bababa;
    --grey-849: #84939f;
    --green-93c: #93c16a;
    --green-7eb: #7eb54c;
    --green-6f9: #6f9f7c;
    --green-6b9: #6b9375;
    --green-e9f: #e9f3e196;
    --green-699: #69983f;
    --black-3c3: #3c3c3c;
    --black-283: #283117;
    --white-faf: #fafafa;
    --white-c9d: #c9d1cb;
}

/* color  */

.grey-6f8 {
    color: var(--grey-6f8);
}

.grey-2c3 {
    color: var(--grey-2c3);
}

.grey-5e6 {
    color: var(--grey-5e6);
}

.grey-99a {
    color: var(--grey-99a);
}

.grey-808 {
    color: var(--grey-808);
}

.grey-b0b {
    color: var(--grey-b0b);
}

.grey-797 {
    color: var(--grey-797);
}

.grey-979 {
    color: var(--grey-979);
}

.grey-6a6 {
    color: var(--grey-6a6);
}

.grey-bab {
    color: var(--grey-bab);
}

.grey-849 {
    color: var(--grey-849);
}

.black-3c3 {
    color: var(--black-3c3);
}

.black-283 {
    color: var(--black-283);
}

.green-93c {
    color: var(--green-93c);
}

.green-7eb {
    color: var(--green-7eb);
}

.green-6f9 {
    color: var(--green-6f9);
}

.green-6b9 {
    color: var(--green-6b9);
}

.green-e9f {
    color: var(--green-e9f);
}

.green-699 {
    color: var(--green-699);
}

.white-faf {
    color: var(--white-faf);
}

.white-c9d {
    color: var(--white-c9d);
}

.white-opacity-label {
    color: #ffffff99;
}

.ftr-label-2c3 {
    color: #2c333965;
}

/* font-family  */

.general-light {
    font-family: var(--general-light);
}

.general-regular {
    font-family: var(--general-regular);
}

.general-medium {
    font-family: var(--general-medium);
}

.general-semibold {
    font-family: var(--general-semibold);
}

.damion-regular {
    font-family: var(--damion-regular);
}

/* font-size  */

.fs-10 {
    font-size: var(--x1);
}

.fs-12 {
    font-size: var(--x2);
}

.fs-14 {
    font-size: var(--x3);
}

.fs-16 {
    font-size: var(--x4);
}

.fs-18 {
    font-size: var(--x5);
}

.fs-20 {
    font-size: var(--x6);
}

.fs-24 {
    font-size: var(--x7);
}

.fs-28 {
    font-size: var(--x8);
}

.fs-32 {
    font-size: var(--x9);
}

.fs-36 {
    font-size: var(--x10);
}

.fs-48 {
    font-size: var(--x11);
}

.fs-64 {
    font-size: var(--x12);
}

.fs-128 {
    font-size: var(--x13);
}

.nav-fixed-class {
    top: 24px;
}

.min-vh-100-custom {
    min-height: 100vh;
}

.nav-wrapper {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    padding: 2px;
}

.d-nav {
    background-color: #fffffff2;
    backdrop-filter: blur(2px);
}

.logo {
    width: 108px;
}

.active-nav {
    color: var(--black-3c3);
}

.transition-03 {
    transition: all 0.3s ease;
}

.nav-link-custom:hover {
    color: var(--black-3c3);
    transition: all 0.3s ease;
}

.special-span {
    top: -15px;
}

.navbar-toggler-custom:focus {
    box-shadow: none !important;
}

.btn-close-custom:focus {
    box-shadow: none !important;
}

/* @keyframes bannerBgAnimation {
    0% {
        background-size: auto 100%;
        background-image: url(../img/h-banner-img-3.webp);
    }

    45% {
        background-size: auto 100%;
        background-image: url(../img/h-banner-img-3.webp);
    }

    50% {
        background-size: auto 120%;
        background-image: url(../img/h-banner-img-2.webp);
    }

    95% {
        background-size: auto 120%;
        background-image: url(../img/h-banner-img-2.webp);
    }

    100% {
        background-size: auto 100%;
        background-image: url(../img/h-banner-img-3.webp);
    }
} */

.h-banner-wrapper {
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(../img/h-banner-img-4.webp);
    background-size: cover;
    /* animation-name: bannerBgAnimation;
    animation-duration: 10s;
    animation-timing-function: ease;
    animation-iteration-count: infinite; */
}

.h-banner-div {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 22%,
        rgb(255 255 255) 25%,
        rgba(255, 255, 255, 0) 60%,
        rgba(255, 255, 255, 0) 100%
    );
}

.primary-btn-wrapper {
    background: linear-gradient(
        0deg,
        rgba(147, 193, 106, 1) 0%,
        rgba(148, 194, 108, 1) 100%
    );
    padding: 1px;
}

.primary-btn {
    background: linear-gradient(
        0deg,
        rgba(105, 152, 63, 1) 0%,
        rgba(150, 195, 109, 1) 100%
    );
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-hover:hover {
    box-shadow: 4px 6px 20px 0px #00000021;
    transform: scale(1.02);
    transition: all 0.3s ease;
}

.secondary-btn-wrapper {
    background: linear-gradient(
        0deg,
        rgba(126, 144, 159, 1) 0%,
        rgba(105, 122, 135, 1) 100%
    );
    padding: 1px;
}

.secondary-btn {
    background: linear-gradient(
        0deg,
        rgba(75, 90, 102, 1) 0%,
        rgba(111, 128, 142, 1) 100%
    );
    padding-top: 10px;
    padding-bottom: 10px;
}

.floating-icons {
    filter: drop-shadow(8px 8px 8px #00000010);
}

.floating-icons-link:hover {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.resp-nav-bg {
    background: linear-gradient(
        0deg,
        rgb(255 255 255 / 86%) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    backdrop-filter: blur(4px);
}

.h-banner-strip-wrapper {
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.09567577030812324) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    padding: 1px;
    box-shadow: -18px 24px 96px #0000001f;
}

.h-ban-strip-divider {
    width: 1px;
    height: 64px;
    background: linear-gradient(
        0deg,
        rgba(127, 127, 127, 0) 0%,
        rgba(212, 212, 212, 1) 50%,
        rgba(229, 229, 229, 0) 100%
    );
    rotate: 20deg;
}

.h-ban-strip-location:hover {
    transition: all 0.3s ease;
    margin-left: 4px;
}

.h-banner-strip-main {
    margin-top: -58px;
}

.h-banner-quote {
    margin-bottom: 58px;
}

.s2-s3-texture {
    background-image: url(../img/h-s2-s3-texture.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-padding {
    padding: 64px 0px;
}

.h-s2-icons {
    width: 64px;
}

.h-s2-img {
    transform: translate(-18px, 16px);
}

.green-bg {
    background-color: #0e2916;
}

.department-card {
    background: linear-gradient(
        0deg,
        rgba(14, 41, 21, 1) 0%,
        rgba(55, 95, 65, 1) 100%
    );
}

.department-card-swiper {
    width: 364px;
    height: unset;
}

.department-card-img {
    aspect-ratio: 120/89;
}

.swiper-slide {
    user-select: none;
}

.grey-grad-bg {
    background: linear-gradient(
        0deg,
        rgba(240, 240, 240, 1) 0%,
        rgba(255, 255, 255, 1) 35%,
        rgba(255, 255, 255, 1) 100%
    );
    border-bottom-left-radius: 32px;
}

.doctor-img {
    aspect-ratio: 55/56;
    border-radius: 16px;
    border: 5px solid #0000000d;
    
    &:hover {
        transform: scale(1.02);
        transition: all 0.3s ease;
    }
}

.testimonial-img-div {
    background-image: url(../img/h-s5-img.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 513/256;
}

.h-s5-testimonial-head {
    /* margin-top: 166px; */
    padding-bottom: 48px;
}

.testimonial-card {
    width: 313px;
    aspect-ratio: 337/392;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial-card-filter {
    background-color: #00000099;
}

.h-s5-testimonial-shadow-effect {
    background-color: #0000004d;
    filter: blur(190px);
    height: 115px;
}

.h-s5-testimonial-side-decor {
    margin-top: -22px;
}

.testimonial-side-decor-img {
    width: 84px;
}

.leadership-card-wrapper {
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(232, 232, 232, 1) 100%
    );
    padding: 1px;
}

.leadership-card-bg {
    background-image: url(../img/leadership-card-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.leadership-img {
    aspect-ratio: 65/73;
    width: 195px;
}

.cta-wrapper {
    background: linear-gradient(
        90deg,
        rgba(214, 246, 185, 1) 0%,
        rgba(147, 193, 106, 1) 100%
    );
    padding: 1px;
}

.cta-bg-gradient {
    background: linear-gradient(
        305deg,
        rgba(109, 137, 83, 0) 0%,
        rgba(109, 137, 83, 1) 15%,
        rgba(109, 137, 83, 1) 20%,
        rgba(126, 181, 76, 1) 100%
    );
}

.cta-btn {
    background-image: url(../img/cta-btn-bg.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-btn:hover .cta-btn-icon {
    transform: translateX(5px);
    transition: all 0.3s ease;
}

.ftr-nav-link:hover {
    color: var(--green-7eb);
    transition: all 0.3s ease;
}

.ftr-social-divider {
    height: 1px;
    background-color: #2c333931;
}

.ftr-social-link:hover .ftr-social-label {
    transition: all 0.3s ease;
    color: var(--green-7eb);
}

.ftr-social-link:hover .ftr-social-icon {
    transition: all 0.3s ease;
    fill: var(--green-7eb);
}

.ftr-logo-divider {
    background-color: #2c33392f;
    width: 25%;
    height: 1px;
}

/* about  */

.inner-banner {
    background-image: url(../img/inner-banner-bg.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.min-90-vh {
    min-height: 90vh;
}

.abt-s2-bg {
    background-image: url(../img/abt-s2-bg.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.grey-graphic-bg {
    background-image: url(../img/abt-s3-bg.webp);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

.abt-s4-director-img-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 592/677;
}

.abt-s4-director-img-grad {
    /* background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.8995973389355743) 0%,
        rgba(0, 0, 0, 0.5942752100840336) 21%,
        rgba(0, 0, 0, 0) 100%
    ); */
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.8995973389355743) 0%,
        rgba(0, 0, 0, 0) 21%,
        rgba(0, 0, 0, 0) 100%
    );
}

.abt-s4-ul {
    list-style-image: url(../img/abt-s4-ul-icon.svg);
}

.department-logo {
    aspect-ratio: 59/29;
    width: 236px;
}

.department-service-card {
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(229, 229, 229, 1) 100%
    );
}

.depart-serv-card-wrapper-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.depart-serv-card-main {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.8183648459383753) 0%,
        rgba(0, 0, 0, 0.28335084033613445) 22%,
        rgba(229, 229, 229, 0) 100%
    );
    aspect-ratio: 89/70;
}

.depart-specific-condition-card {
    background-color: #f6f6f6;
}

.depart-gallery-image-swiper-card {
    width: 414px;
}

.depart-gallery-swiper-img {
    aspect-ratio: 207/160;
}

.gallery-swiper-img {
    width: 242px;
}

.gallery-swiper-img-template-1 {
    aspect-ratio: 146/131;
}

.gallery-swiper-img-template-2 {
    aspect-ratio: 292/461;
}

.gallery-swiper-img-template-3 {
    aspect-ratio: 146/269;
}

.h-unset {
    height: unset;
}

.gal-s3-news-card {
    border: 1px solid #d6dbdf;
}

.career-card {
    background: linear-gradient(
        90deg,
        rgba(38, 77, 47, 1) 0%,
        rgba(14, 41, 21, 1) 100%
    );
}

.career-card-chip {
    background-color: #416c4c;
}

.career-modal-bg {
    background-color: #f2f2f2;
}

.outline-none {
    outline: none;
}

.cursor-pointer {
    cursor: pointer;
}

.career-modal-text-area {
    height: 114px;
}

.tertiory-btn {
    border: 1px solid #b7b7b7;
}

.tertiory-btn:hover {
    background-color: #dedede !important;
    transition: all 0.3s ease;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.cnt-link-div:hover .cnt-link-h {
    color: var(--green-7eb);
    transition: all 0.3s ease;
}

.cont-booking-img {
    width: 104px;
}

.cnt-form-sect-bg {
    background-image: url(../img/contact-form-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cnt-form-sect-bg-gradient {
    background: linear-gradient(
        0deg,
        rgba(212, 230, 195, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    backdrop-filter: grayscale(1);
}

.cnt-form-div {
    border: 1px solid #d7dedd;
}

.cnt-input {
    border: 1px solid #d7dedd;
}

.cnt-form-sbmt-btn {
    background-color: var(--green-699);
}

.cnt-form-sbmt-btn:hover {
    transition: all 0.3s ease;
    background-color: var(--green-6b9);
}

.events-img-swiper-slide {
    width: 315px;
}

.events-swiper-img {
    aspect-ratio: 35/24;
}

.insurance-card {
    border-bottom: 3px solid var(--green-93c);
    box-shadow: 0px 0px 28px 0px #0000001a;
}

.insurance-img {
    aspect-ratio: 35/17;
    object-position: center;
}

.insurance-card:hover {
    transition: all 0.3s ease;
    transform: translateY(-5px);
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background: linear-gradient(
        0deg,
        #69983f 0%,
        rgba(150, 195, 109, 1) 100%
    ) !important;
}

div:where(.swal2-container)
    button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
    box-shadow: none !important;
}

.primary-btn-wrapper:has(.primary-btn.disabled) {
    filter: grayscale(1);
}

.primary-btn.disabled {
    cursor: no-drop;
}

/*  */