@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sen:wght@400..800&display=swap");

:root {
    --primary-color: #0b3b8c;
    --secondary-color: #ff8d02;
    --accent-color: #1f5fbf;

    --heading-color: #0b3b8c;
    --text-color: #4f5d75;

    --bg-color: #f8fafc;
    --white-color: #ffffff;
    --black-color: #000000;

    --border-color: #e5e7eb;
    --shadow-color: rgba(11, 59, 140, 0.08);

    --btn-color: #0b3b8c;
    --btn-hover: #082d6b;
    --onc-shadow: 0 0.75rem 2rem rgba(11, 59, 140, 0.15);
}

body {
    margin: 0;
    padding-top: 5rem;
    font-family: "Roboto", sans-serif;
}

section {
    padding: 4rem 0rem;
}

a {
    text-decoration: none;
}

.drNavbarWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: var(--white-color);
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}

.drNavLink.drActive::after {
    content: "";
    position: absolute;
    bottom: -0.6rem;
    left: 0;
    width: 100%;
    height: 0.12rem;
    background: var(--secondary-color);
}

.drNavbarInner {
    min-height: 5rem;
}

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

.drLogoText {
    color: var(--ent-gold);
    line-height: 1.1;
}

.drLogoTitle {
    color: var(--primary-color);
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.drLogoSub {
    color: var(--black-color);
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.drDivider {
    width: 0.08rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.3);
}

.drSpecText {
    color: var(--ent-white);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    line-height: 1.5;
}

.drNavMenu {
    gap: 1.5rem;
}

.drNavLink {
    color: var(--black-color);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    transition: 0.3s;
}

.drNavLink:hover,
.drNavLink.drActive {
    color: var(--secondary-color) !important;
}

.drBookBtn {
    background-color: var(--primary-color);
    color: var(--ent-primary-dark);
}

.drBookBtn {
    padding: 0.8rem 1rem;
    border: none;
    cursor: pointer;
    border-radius: 0.5rem;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: 1rem;
    font-weight: 700;
    transition: all 0.4s ease;
    z-index: 1;
}

/* Hover Lift */

.drBookBtn:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 0.75rem 1.5rem rgba(212, 165, 84, 0.35);
}

.drBookBtn:hover::before {
    left: 120%;
}

.drBookBtn:hover::after {
    transform: translateX(0.35rem);
}

/* Click Effect */

.drBookBtn:active {
    transform: scale(0.97);
}

.drToggleBtn {
    width: 3rem;
    height: 3rem;
    border: none;
    background: none;
    color: var(--black-color);
    font-size: 1.4rem;
}

.drMobileMenu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 18rem;
    height: 100vh;
    background: var(--white-color);
    transition: 0.4s ease;
    z-index: 10000;
    padding: 2rem 1.5rem;
}

.drMobileMenu.drShow {
    right: 0;
}

.drCloseBtn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    color: var(--ent-white);
    font-size: 1.5rem;
}

.drMobileLinks {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.drMobileLinks a {
    color: var(--black-color);
    text-decoration: none;
    font-size: 1rem;
    border-bottom: 0.05rem solid rgba(0, 0, 0, 0.15);
    padding-bottom: 0.8rem;
}

.drOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 9998;
}

.drOverlay.drShow {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 991px) {

    .drDivider,
    .drSpecText,
    .drDesktopMenu,
    .drDesktopBtn {
        display: none !important;
    }

    .drLogoTitle {
        font-size: 1.4rem;
    }

    .drLogoSub {
        font-size: 0.75rem;
    }
}

@media (min-width: 992px) {

    .drToggleBtn,
    .drMobileMenu,
    .drOverlay {
        display: none;
    }
}

.drNavLink:hover,
.drNavLink.drActive {
    color: var(--ent-gold);
}

/* Wrapper */

.oncBtnWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

/* Common */

.oncPrimaryBtn,
.oncOutlineBtn {
    min-height: 3.5rem;
    padding: 0 2rem;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
}

/* Primary */

.oncPrimaryBtn {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: var(--white-color);
    box-shadow: var(--onc-shadow);
}

.oncPrimaryBtn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);

    transition: 0.6s;
}

.oncPrimaryBtn:hover {
    transform: translateY(-0.25rem);
    color: var(--white-color);
    box-shadow: 0 1rem 2rem rgba(11, 59, 140, 0.25);
}

.oncPrimaryBtn:hover::before {
    left: 100%;
}

/* Outline */

.oncOutlineBtn {
    background: var(--white-color);
    color: var(--primary-color);
    border: 0.125rem solid var(--primary-color);
}

.oncOutlineBtn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--onc-primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s;
    z-index: -1;
}

.oncOutlineBtn:hover {
    color: var(--onc-white);
    transform: translateY(-0.25rem);
}

.oncOutlineBtn:hover::before {
    transform: scaleX(1);
}

/* Mobile */

@media (max-width: 36rem) {
    .oncBtnWrap {
        flex-direction: column;
    }

    .oncPrimaryBtn,
    .oncOutlineBtn {
        width: 100%;
    }
}

.top-bg {
    background-image: url(../images/dr-mitanshu-home-bg.jpg);
    background-size: cover;
    position: relative;
}

.about-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/about-bg.jpg);
    background-position: center;
    background-size: cover;

}

#expertise {
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/dr-mitanshu-shalby-hospital.jpg);
    background-position: center;
    background-size: cover;
}


#researchconf {
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/dr-mitanshu-speaker-bg.jpg);
    background-position: center;
    background-size: cover;
}

/* Main Heading */

.oncHeroTitleUnique {
    font-size: 3rem;
    line-height: 1.15;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 1.5rem;
    font-family: Georgia, serif;
}

/* Gold Text */

.oncHeroHighlightUnique {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--secondary-color);
    margin-bottom: 1rem;
    font-family: Georgia, serif;
}

/* Description */

.oncHeroDescriptionUnique {
    font-size: 1.3rem;
    line-height: 1.7;
    font-weight: normal;
    color: var(--text-color);
    max-width: 36rem;
    margin-bottom: 0;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncHeroTitleUnique {
        font-size: 3.5rem;
    }

    .oncHeroHighlightUnique {
        font-size: 2.4rem;
    }

    .oncHeroDescriptionUnique {
        font-size: 1.2rem;
    }
}

/* Mobile */

@media (max-width: 48rem) {
    .oncHeroContentUnique {
        padding: 2rem 0;
    }

    .oncHeroTextWrapUnique {
        text-align: center;

        margin: auto;
    }

    .oncHeroTitleUnique {
        font-size: 1.5rem;
        text-align: left;
        margin-bottom: 1rem;
    }

    .oncHeroHighlightUnique {
        font-size: 1.8rem;
        text-align: left;
        margin-bottom: 1rem;
    }

    .oncHeroDescriptionUnique {
        font-size: 1rem;
        text-align: left;
        line-height: 1.8;
        max-width: 100%;
    }
}

.oncDoctorInfoCardUnique {
    position: absolute;
    right: 2%;
    top: 20%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(0.8rem);
    -webkit-backdrop-filter: blur(0.8rem);
    border: 0.0625rem solid rgba(255, 255, 255, 0.8);
    border-radius: 1rem;
    padding: 1.5rem;
    max-width: 18rem;
    box-shadow: 0 1rem 2.5rem rgba(11, 59, 140, 0.1);
    transition: 0.4s ease;
}

.oncDoctorInfoCardUnique:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 1.5rem 3rem rgba(11, 59, 140, 0.15);
}

.oncDoctorNameUnique {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--heading-color);
    margin-bottom: 1rem;
    font-family: Georgia, serif;
}

.oncDoctorDesignationUnique {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 0.8rem;
}

.oncDoctorCertificationUnique {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 1.5rem;
}

.oncDoctorDividerUnique {
    width: 4rem;
    height: 0.18rem;
    background: var(--secondary-color);
    margin-bottom: 1rem;
}

.oncDoctorHospitalUnique {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 500;
    color: var(--text-color);
}

/* Tablet */

@media (max-width: 62rem) {
    .oncDoctorInfoCardUnique {
        max-width: 100%;
    }

    .oncDoctorNameUnique {
        font-size: 1.8rem;
    }

    .oncDoctorDesignationUnique,
    .oncDoctorCertificationUnique {
        font-size: 1.4rem;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncDoctorInfoCardUnique {
        padding: 1.5rem;
    }

    .top-bg {
        background-image: none;
        padding-top: 10px;
    }

    .about-bg-white {
        padding: 1.5rem !important;
    }

    .oncDoctorNameUnique {
        font-size: 1.6rem;
    }

    .oncDoctorDesignationUnique,
    .oncDoctorCertificationUnique {
        font-size: 1.2rem;
    }

    .oncDoctorHospitalUnique {
        font-size: 1rem;
    }
}

.white-bg {
    background: rgba(255, 255, 255, 0.95);
    border: 0.0625rem solid rgba(255, 255, 255, 0.8);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1rem 2.5rem rgba(11, 59, 140, 0.1);
    transition: 0.4s ease;
}

.white-bg h1 {
    color: var(--primary-color);
    font-size: 1.2rem;
    text-align: center;
    font-weight: 540;
}

.oncAchievementCardUnique {
    background: var(--white-color);
    border: 0.0625rem solid var(--border-color);
    border-radius: 1rem;
    padding: 1rem;
    text-align: center;
    height: 100%;
    transition: 0.35s;
    box-shadow: 0 0.4rem 1rem var(--shadow-color);
}

.oncAchievementCardUnique:hover {
    transform: translateY(-0.4rem);
    border-color: var(--primary-color);
    box-shadow: 0 1rem 2rem rgba(11, 59, 140, 0.12);
}

.oncAchievementIconUnique {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 2.2rem;
    margin-bottom: 1rem;
    transition: 0.3s;
}

.oncAchievementIconUnique img {
    width: 80px;
}

.oncAchievementCardUnique h4 {
    font-size: 1.1rem;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 0.8rem;
    line-height: 1.4;
}

.oncAchievementCardUnique p {
    color: var(--text-color);
    font-size: 1rem;
    line-height: 1.8;
    margin: 0;
}

.oncAchievementCardUnique p span {
    display: block;
    margin-top: 0.3rem;
    font-weight: 600;
    color: var(--heading-color);
}

/* Mobile */

@media (max-width: 62rem) {
    .oncAchievementCardUnique {
        padding: 1.5rem 0.8rem;
    }

    .oncAchievementCardUnique h4 {
        font-size: 1.1rem;
    }
}

@media (max-width: 36rem) {
    .oncAchievementCardUnique h4 {
        font-size: 1rem;
    }

    .oncAchievementCardUnique p {
        font-size: 0.9rem;
    }
}

.oncAboutContentUnique {
    max-width: 48rem;
}

/* Subtitle */

.oncAboutSubTitleUnique {
    display: inline-block;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    color: var(--secondary-color);
    margin-bottom: 1rem;
}

/* Heading */

.oncAboutTitleUnique {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 1rem;
    font-family: Georgia, serif;
}

/* Paragraph */

.oncAboutTextUnique {
    font-size: 1.1rem;
    line-height: 2;
    color: var(--text-color);
    margin-bottom: 1rem;
}

/* List */

.oncAboutListUnique {
    padding: 0;
    list-style: none;
}

.oncAboutListUnique li {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-color);
}

.oncAboutListUnique i {
    color: var(--secondary-color);
    font-size: 1.1rem;
    margin-top: 0.2rem;
}

@media (max-width: 62rem) {
    .oncAboutTitleUnique {
        font-size: 2.6rem;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncExpertiseHeadingUnique {
        text-align: left !important;
    }

    .oncJourneyHeadingUnique {
        text-align: left !important;
    }

    .oncConferenceHeadingUnique {
        text-align: left !important;
    }

    .oncAboutTitleUnique {
        font-size: 1.5rem;
    }

    .oncAboutTextUnique {
        font-size: 1rem;
    }

    .oncAboutListUnique li {
        font-size: 1rem;

        text-align: left;
    }
}

/* Heading */

.oncExpertiseHeadingUnique {
    text-align: center;
    margin-bottom: 2.5rem;
}

.oncExpertiseHeadingUnique span {
    display: block;
    color: var(--secondary-color);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    margin-bottom: 0.6rem;
}

.oncExpertiseHeadingUnique h2 {
    color: var(--heading-color);
    font-size: 2.6rem;
    font-weight: 700;
    margin: 0;
    font-family: Georgia, serif;
}

/* Card */

.oncExpertiseCardUnique {
    background: var(--white-color);
    border: 0.0625rem solid var(--border-color);
    border-radius: 1rem;
    height: 100%;
    padding: 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.35s ease;
    box-shadow: 0 0.25rem 1rem rgba(11, 59, 140, 0.05);
}

.oncExpertiseCardUnique:hover {
    transform: translateY(-0.4rem);
    border-color: var(--primary-color);
    box-shadow: 0 1rem 2rem rgba(11, 59, 140, 0.12);
}

/* Icon */

.oncExpertiseCardUnique img {
    width: 60px;
    margin-bottom: 1rem;
    transition: 0.3s;
}

.oncExpertiseCardUnique:hover i {
    color: var(--secondary-color);
    transform: scale(1.1);
}

/* Title */

.oncExpertiseCardUnique h4 {
    margin: 0;
    color: var(--heading-color);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.5;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncExpertiseHeadingUnique h2 {
        font-size: 2.1rem;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncExpertiseHeadingUnique h2 {
        font-size: 1.5rem;
    }

    .oncExpertiseCardUnique {
        min-height: 8rem;

        padding: 1rem;
    }

    .oncExpertiseCardUnique i {
        font-size: 1.8rem;
    }

    .oncExpertiseCardUnique h4 {
        font-size: 0.9rem;
    }
}

/* Heading */

.oncJourneyHeadingUnique {
    text-align: center;
    margin-bottom: 3rem;
}

.oncJourneyHeadingUnique span {
    display: block;
    color: var(--secondary-color);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.oncJourneyHeadingUnique h2 {
    color: var(--heading-color);
    font-size: 2.8rem;
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
}

/* Timeline */

.oncTimelineUnique {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    gap: 2rem;
}

.oncTimelineUnique::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    width: 100%;
    height: 0.12rem;
    background: #b8c7e6;
}

.oncTimelineItemUnique {
    position: relative;
    padding-top: 2rem;
}

.oncTimelineDotUnique {
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: var(--primary-color);
    border: 0.2rem solid var(--white-color);
    box-shadow: 0 0 0 0.12rem var(--primary-color);
}

.oncTimelineItemUnique small {
    display: block;
    color: var(--primary-color);
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.oncTimelineItemUnique h4 {
    font-size: 1.3rem;
    color: var(--heading-color);
    margin-bottom: 0.8rem;
}

.oncTimelineItemUnique p {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--text-color);
    margin: 0;
}

/* Right Card */

.oncResearchCardUnique {
    background: #f8fafc;
    border: 0.0625rem solid var(--border-color);
    border-radius: 1rem;
    padding: 2rem;
    height: 100%;
    transition: 0.35s;
}

.oncResearchCardUnique:hover {
    transform: translateY(-0.3rem);
    box-shadow: 0 0.8rem 2rem rgba(11, 59, 140, 0.08);
}

.oncResearchCardUnique i {
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.oncResearchCardUnique h4 {
    color: var(--heading-color);
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.oncResearchCardUnique p {
    color: var(--text-color);
    line-height: 1.9;
    margin: 0;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncTimelineUnique {
        grid-template-columns: repeat(2, 1fr);
        margin-left: 7px;
    }

    .oncTimelineUnique::before {
        display: none;
    }

    .oncTimelineDotUnique {
        top: 0;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncJourneyHeadingUnique h2 {
        font-size: 1.5rem;
    }

    .oncTimelineUnique {
        grid-template-columns: 1fr;
    }

    .oncTimelineItemUnique {
        border-left: 0.12rem solid #b8c7e6;
        padding-left: 1.5rem;
        padding-top: 0;
    }

    .oncTimelineDotUnique {
        left: -0.45rem;
        top: 0.2rem;
    }
}

.research {
    display: flex;
    gap: 1rem;
}

/* Heading */

.oncConferenceHeadingUnique {
    text-align: center;
    margin-bottom: 2rem;
}

.oncConferenceHeadingUnique span {
    display: block;
    color: var(--secondary-color);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.oncConferenceHeadingUnique h2 {
    color: var(--heading-color);
    font-family: "Cormorant Garamond", serif;
    font-size: 2.8rem;
    font-weight: 700;
    margin: 0;
}

/* Card */

.oncConferenceCardUnique {
    overflow: hidden;
    border-radius: 0.8rem;
    background: var(--white-color);
    border: 0.0625rem solid var(--border-color);
    box-shadow: 0 0.4rem 1rem rgba(11, 59, 140, 0.06);
    transition: 0.35s;
}

.oncConferenceCardUnique:hover {
    transform: translateY(-0.3rem);
    box-shadow: 0 1rem 2rem rgba(11, 59, 140, 0.1);
}

.oncConferenceCardUnique img {
    width: 100%;
    height: 16rem;
    object-fit: cover;
    transition: 0.5s;
}

.oncConferenceCardUnique:hover img {
    transform: scale(1.05);
}

/* Button */

.oncConferenceBtnWrapUnique {
    margin-top: 2rem;
    text-align: center;
}

.oncConferenceBtnUnique {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 2.5rem;
    border-radius: 0.7rem;
    background: var(--white-color);
    border: 0.12rem solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none;
    transition: 0.35s;
}

.oncConferenceBtnUnique:hover {
    background: var(--primary-color);
    color: var(--white-color);
    transform: translateY(-0.2rem);
}

.oncConferenceBtnUnique i {
    transition: 0.3s;
}

.oncConferenceBtnUnique:hover i {
    transform: translateX(0.3rem);
}

/* Tablet */

@media (max-width: 62rem) {
    .oncConferenceHeadingUnique h2 {
        font-size: 2.2rem;
    }

    .oncConferenceCardUnique img {
        height: 14rem;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncConferenceHeadingUnique h2 {
        font-size: 1.5rem;
    }

    .oncConferenceCardUnique img {
        height: 12rem;
    }

    .oncConferenceBtnUnique {
        width: 100%;
        margin-top: 4rem;
        justify-content: center;
    }
}

/* Title */

.oncSectionTitleUnique {
    text-align: center;
    margin-bottom: 2rem;
}

.oncSectionTitleUnique span {
    color: var(--secondary-color);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

/* Award Card */

.oncAwardCardUnique {
    text-align: center;
    padding: 1.5rem 1rem;
    border-right: 0.0625rem solid var(--border-color);
    transition: 0.35s;
}

.oncAwardCardUnique:last-child {
    border-right: none;
}

.oncAwardCardUnique img {
    width: 60px;
    margin-bottom: 1rem;
}

.oncAwardCardUnique h5 {
    color: var(--heading-color);
    font-size: 1rem;
    margin-bottom: 0.4rem;
}

.oncAwardCardUnique p {
    color: var(--text-color);
    font-size: 0.95rem;
    margin: 0;
}

.oncAwardCardUnique:hover {
    transform: translateY(-0.3rem);
}

.oncAwardCardUnique:hover i {
    color: var(--secondary-color);
    transform: scale(1.1);
}

/* Membership */

.oncMembershipCardUnique {
    text-align: center;
    padding: 1rem;
    border-left: 0.0625rem solid var(--border-color);
    transition: 0.35s;
}

.oncMembershipCardUnique img {
    max-width: 9rem;
    margin: auto;
    margin-bottom: 1rem;
    transition: 0.3s;
}

.oncMembershipCardUnique:hover img {
    transform: scale(1.08);
}

.oncMembershipCardUnique p {
    margin: 0;
    color: var(--text-color);
    font-size: 0.95rem;
    line-height: 1.7;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncAwardCardUnique {
        border: none;
    }

    .oncMembershipCardUnique {
        border: none;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncAwardCardUnique {
        padding: 0rem;
    }

    .oncMembershipCardUnique {
        padding: 1rem 0.5rem;
    }

    .oncMembershipCardUnique img {
        max-width: 9rem;
    }

    .oncMembershipCardUnique p {
        font-size: 0.8rem;
    }
}

.oncConsultationBoxUnique {
    background: linear-gradient(135deg, var(--primary-color), #082d6b);
    border-radius: 1rem;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    overflow: hidden;
    box-shadow: 0 1rem 2rem rgba(11, 59, 140, 0.15);
}

/* Left */

.oncConsultationLeftUnique {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex: 1;
}

.oncConsultationIconUnique {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 0.12rem solid rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
}

.oncConsultationLeftUnique h2 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 0.6rem;
}

.oncConsultationLeftUnique p {
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.8;
}

/* Features */

.oncConsultationFeatureUnique {
    display: flex;
    gap: 2rem;
}

.oncConsultationFeatureUnique div {
    text-align: center;
}

.oncConsultationFeatureUnique i {
    display: block;
    color: #fff;
    font-size: 1.7rem;
    margin-bottom: 0.6rem;
}

.oncConsultationFeatureUnique span {
    color: #fff;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Button */

.oncConsultationBtnAreaUnique {
    text-align: center;
}

.oncConsultationBtnUnique {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    background: var(--secondary-color);
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.6rem;
    text-decoration: none;
    font-weight: 600;
    transition: 0.35s;
}

.oncConsultationBtnUnique:hover {
    transform: translateY(-0.2rem);
    background: #c88c21;
    color: #fff;
}

.oncConsultationBtnAreaUnique small {
    display: block;
    color: #fff;
    margin-top: 0.8rem;
    font-size: 0.95rem;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncConsultationBoxUnique {
        flex-direction: column;
        text-align: center;
    }

    .oncConsultationLeftUnique {
        flex-direction: column;
    }

    .oncConsultationFeatureUnique {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncConsultationBoxUnique {
        padding: 1.5rem;
    }

    .oncConsultationLeftUnique h2 {
        font-size: 1.6rem;
    }

    .oncConsultationFeatureUnique {
        gap: 1.2rem;
    }

    .oncConsultationBtnUnique {
        width: 100%;

        justify-content: center;
    }
}

.oncFooterUnique {
    background: var(--white-color);
    padding-top: 4rem;
    border-top: 0.0625rem solid var(--border-color);
}

/* Widget */

.oncFooterWidgetUnique h4 {
    color: var(--heading-color);
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.oncFooterWidgetUnique p {
    color: var(--black-color);
    font-weight: 500;
    line-height: 1.9;
    margin-bottom: 1.5rem;
}

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

.oncFooterWidgetUnique ul li {
    color: var(--black-color);
    margin-bottom: 0.8rem;
    line-height: 1.8;
}

.oncFooterWidgetUnique ul li i {
    color: var(--primary-color);
    margin-right: 0.5rem;
}

.oncFooterWidgetUnique a {
    color: var(--black-color);
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}

.oncFooterWidgetUnique a:hover {
    color: var(--secondary-color);
}

/* Social */

.oncFooterSocialUnique {
    display: flex;
    gap: 0.8rem;
}

.oncFooterSocialUnique a {
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary-color);
    color: #fff;
    transition: 0.35s;
}

.oncFooterSocialUnique a:hover {
    background: var(--secondary-color);
    color: var(--white-color);
    transform: translateY(-0.2rem);
}

/* Bottom */

.oncFooterBottomUnique {
    margin-top: 2rem;
    background: var(--primary-color);
    padding: 1rem 0;
}

.oncFooterBottomWrapUnique {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.oncFooterBottomWrapUnique span {
    color: #fff;
    font-size: 0.95rem;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncFooterBottomWrapUnique {
        justify-content: center;

        text-align: center;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncFooterUnique {
        padding-top: 3rem;
    }

    .oncFooterBottomWrapUnique {
        flex-direction: column;
    }
}

.location {
    display: flex;
    gap: 0.3rem;
}

.jdQualificationContent p {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    color: var(--text-color);
    margin: 0;
}

.jdQualificationBox {
    text-align: center;
}

.jdQualificationBox h4 {
    font-size: 1.2rem;
    font-weight: 550;
    color: var(--heading-color);
    margin: 1rem 0 0.8rem;
}

.jdQualificationBox p {
    font-size: 1rem;
    line-height: 1.6rem;
    color: var(--text-color);
    font-weight: 500;
    margin: 0;
}

@media (max-width: 62rem) {
    .jdQualificationContent {
        text-align: center;
        margin-bottom: 1rem;
    }
}

@media (max-width: 36rem) {
    .drNavLink.drActive::after {
        bottom: -0.1rem !important;
    }

    .jdQualificationContent p {
        font-size: 1rem;
        line-height: 1.8rem;
    }

    .jdQualificationBox {
        padding: 1.5rem 0.8rem;
    }

    .jdQualificationIcon {
        width: 3.5rem;
        height: 3.5rem;
    }

    .jdQualificationIcon img {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .jdQualificationBox h4 {
        font-size: 1rem;
    }

    .jdQualificationBox p {
        font-size: 0.85rem;
        line-height: 1.4rem;
    }
}

.jdQualificationIcon img {
    width: 70px;
    height: 70px;
}

.jdJourneySection {
    overflow: hidden;
}

.jdSectionTitle {
    margin-bottom: 2.5rem;
}

.jdSectionTitle span {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    color: var(--secondary-color);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
    margin-bottom: 1rem;
}

.jdSectionTitle span::after {
    content: "";
    width: 3rem;
    height: 0.08rem;
    background: var(--secondary-color);
}

.jdSectionTitle h2 {
    font-size: 2.3rem;
    color: var(--heading-color);
    font-weight: 700;
    line-height: 3rem;
}

.jdTimeline {
    position: relative;
    padding-left: 2rem;
}

.jdTimeline::before {
    content: "";
    position: absolute;
    left: 0.45rem;
    top: 0;
    width: 0.08rem;
    height: 100%;
    background: var(--border-color);
}

.jdTimelineItem {
    position: relative;
    padding-bottom: 2.5rem;
}

.jdTimelineDot {
    position: absolute;
    left: -2rem;
    width: 1rem;
    height: 1rem;
    border: 0.15rem solid var(--secondary-color);
    border-radius: 50%;
    background: var(--white-color);
}

.jdTimelineContent small {
    display: block;
    color: var(--text-color);
    font-size: 0.85rem;
    margin-bottom: 0.6rem;
}

.jdTimelineContent h5 {
    font-size: 1.2rem;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 0.8rem;
}

.jdTimelineContent p {
    font-size: 0.95rem;
    color: var(--text-color);
    line-height: 1.8rem;
    margin: 0;
}

.jdAwardCard {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    background: #faf8f5;
    border-radius: 1rem;
    padding: 1.8rem;
    margin-bottom: 1.5rem;
    transition: 0.4s;
}

.jdAwardCard:hover {
    transform: translateY(-0.3rem);
    box-shadow: 0 0.8rem 2rem var(--shadow-color);
}

.jdAwardIcon {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.jdAwardIcon img {
    width: 60px;
}

.jdAwardCard h5 {
    color: var(--heading-color);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
}

.jdAwardCard p {
    color: var(--text-color);
    font-size: 0.95rem;
    line-height: 1.8rem;
    margin: 0;
}

@media (max-width: 62rem) {
    .jdJourneySection {
        padding: 4rem 0;
    }

    .jdSectionTitle h2 {
        font-size: 2rem;
        line-height: 2.6rem;
    }
}

@media (max-width: 36rem) {
    .jdJourneySection {
        padding: 3rem 0;
    }

    .jdSectionTitle h2 {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .jdAwardCard {
        flex-direction: column;
        text-align: center;
    }

    .jdAwardIcon {
        margin: auto;
    }
}

.jdExpertiseHeading {
    max-width: 50rem;
    margin: auto;
    margin-bottom: 4rem;
}

.jdExpertiseHeading h2 {
    font-size: 2.6rem;
    color: var(--secondary-color);
    font-weight: 700;
    margin-bottom: 1rem;
}

.jdExpertiseFlower {
    margin-bottom: 1rem;
}

.jdExpertiseFlower i {
    font-size: 1.2rem;
    color: var(--secondary-color);
}

.jdExpertiseHeading p {
    color: var(--text-color);
    line-height: 1.8rem;
    font-size: 1rem;
}

.jdExpertiseCard {
    border: 0.06rem solid var(--border-color);
    border-radius: 1rem;
    background: #faf8f5;
    padding: 2.5rem 2rem;
    text-align: center;
    height: 100%;
    transition: 0.4s;
}

.jdExpertiseCard:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 0.8rem 2rem var(--shadow-color);
}

.jdExpertiseIcon {
    width: 5rem;
    height: 5rem;
    margin: auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.jdExpertiseIcon img {
    width: 85px;
}

.jdExpertiseCard h4 {
    font-size: 1.6rem;
    color: var(--heading-color);
    margin-bottom: 1rem;
    font-weight: 700;
}

.jdExpertiseCard span {
    width: 2rem;
    height: 0.12rem;
    background: var(--secondary-color);
    display: block;
    margin: auto;
    margin-bottom: 1.5rem;
}

.jdExpertiseCard p {
    color: var(--black-color);
    line-height: 1.9rem;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 0px;
}

.jdExpertiseCard a {
    text-decoration: none;
    color: var(--heading-color);
    font-weight: 600;
    font-size: 1rem;
}

.jdExpertiseCard a i {
    color: var(--secondary-color);
    margin-left: 0.4rem;
    transition: 0.3s;
}

.jdExpertiseCard:hover a i {
    margin-left: 0.8rem;
}

@media (max-width: 62rem) {
    .jdExpertiseHeading h2 {
        font-size: 2rem;
    }
}

@media (max-width: 36rem) {
    .jdExpertiseHeading h2 {
        font-size: 1.7rem;
    }

    .jdExpertiseCard {
        padding: 2rem 1.5rem;
    }

    .jdExpertiseIcon {
        width: 4rem;
        height: 4rem;
    }

    .jdExpertiseIcon i {
        font-size: 1.6rem;
    }

    .jdExpertiseCard h4 {
        font-size: 1.3rem;
    }
}

.oncApproachWrapperUnique {
    background: linear-gradient(90deg, #f9fbfd, #f3f6fb);
    border: 0.0625rem solid var(--border-color);
    border-radius: 1.2rem;
    padding: 3rem;
    box-shadow: 0 0.5rem 2rem var(--shadow-color);
}

/* Left */
.oncApproachContentUnique h2 {
    font-size: 2.8rem;
    color: var(--heading-color);
    font-weight: bold;
    font-family: "Cormorant Garamond", serif;
    margin-bottom: 1.5rem;
}

.oncApproachContentUnique p {
    font-size: 1.15rem;
    line-height: 2;
    color: var(--text-color);
    margin: 0;
}

/* Right Cards */
.oncApproachCardUnique {
    text-align: center;
    padding: 1rem 2rem;
    border-right: 0.0625rem solid var(--border-color);
    height: 100%;
    transition: 0.35s;
}

.oncApproachBorderRemoveUnique {
    border-right: none;
}

.oncApproachCardUnique:hover {
    transform: translateY(-0.3rem);
}

.oncApproachCardUnique img {
    width: 90px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 1rem;
    transition: 0.35s;
}

.oncApproachCardUnique:hover i {
    color: var(--primary-color);
    transform: scale(1.08);
}

.oncApproachCardUnique h4 {
    font-size: 1.1rem;
    color: var(--heading-color);
    line-height: 1.8;
    font-weight: 600;
    margin: 0;
}

/* Tablet */
@media (max-width: 62rem) {
    .oncApproachWrapperUnique {
        padding: 2rem;
    }

    .oncApproachContentUnique {
        text-align: center;
        margin-bottom: 2rem;
    }

    .oncApproachCardUnique {
        border: none;
        padding: 1.5rem 1rem;
    }
}

/* Mobile */
@media (max-width: 36rem) {
    .oncApproachSectionUnique {
        padding: 3rem 0;
    }

    .oncApproachWrapperUnique {
        padding: 1.5rem;
    }

    .oncApproachContentUnique h2 {
        font-size: 2rem;
        text-align: center;
    }

    .oncApproachContentUnique p {
        font-size: 1rem;
        text-align: center;
    }

    .oncApproachCardUnique {
        padding: 1rem;
    }

    .oncApproachCardUnique i {
        font-size: 2rem;
    }

    .oncApproachCardUnique h4 {
        font-size: 0.95rem;
        line-height: 1.6;
    }
}

.oncQualificationWrapperUnique {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.2rem 1.8rem;
    border: 0.0625rem solid var(--border-color);
    border-radius: 3rem;
    background: #fff;
    box-shadow: 0 0.4rem 1.5rem var(--shadow-color);
}

/* Icon */
.oncQualificationIconUnique {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(212, 162, 76, 0.1);
    color: var(--secondary-color);
    font-size: 1.3rem;
    flex-shrink: 0;
}

.oncQualificationIconUnique img {
    width: 30px;
}

/* Title */
.oncQualificationTitleUnique {
    color: var(--secondary-color);
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    white-space: nowrap;
}

/* Divider */
.oncQualificationDividerUnique {
    width: 0.08rem;
    height: 1.5rem;
    background: var(--border-color);
}

/* List */
.oncQualificationListUnique {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.oncQualificationListUnique li {
    position: relative;
    color: var(--heading-color);
    font-size: 1rem;
    font-weight: 600;
    padding-right: 1rem;
}
 
/* Hover */
.oncQualificationWrapperUnique:hover {
    box-shadow: 0 0.8rem 2rem rgba(11, 59, 140, 0.1);
}

/* Tablet */
@media (max-width: 62rem) {
    .oncQualificationWrapperUnique {
        justify-content: center;
        text-align: center;
    }

    .oncQualificationDividerUnique {
        display: none;
    }
}

/* Mobile */
@media (max-width: 36rem) {
    .oncQualificationStripUnique {
        padding: 1.5rem 0;
    }

    .oncQualificationWrapperUnique {
        border-radius: 1rem;
        padding: 1rem;
    }

    .oncQualificationIconUnique {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.1rem;
    }

    .oncQualificationTitleUnique {
        width: 100%;
        text-align: center;
    }

    .oncQualificationListUnique {
        justify-content: center;
        gap: 0.5rem;
    }

    .oncQualificationListUnique li {
        font-size: 0.9rem;
        padding-right: 0.8rem;
    }
}

.oncCounterWrapperUnique {
    background: #fff;
    border: 0.0625rem solid var(--border-color);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 1.5rem var(--shadow-color);
}

.oncCounterCardUnique {
    text-align: center;
    padding: 2rem 1rem;
    border-right: 0.0625rem solid var(--border-color);
    transition: 0.35s;
}

.oncCounterBorderRemoveUnique {
    border-right: none;
}

.oncCounterCardUnique:hover {
    background: #fafcff;
    transform: translateY(-0.2rem);
}

.oncCounterNumberUnique {
    font-size: 3.2rem;
    font-family: "Cormorant Garamond", serif;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.oncCounterNumberUnique::after {
    content: "+";
}

.oncCounterCardUnique span {
    display: block;
    color: var(--heading-color);
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
}

.oncCounterCardUnique p {
    color: var(--text-color);
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

/* Tablet */
@media (max-width: 62rem) {
    .oncCounterCardUnique {
        border-right: none;
        border-bottom: 0.0625rem solid var(--border-color);
    }
}

/* Mobile */
@media (max-width: 36rem) {
    .oncCounterSectionUnique {
        padding: 3rem 0;
    }

    .oncCounterCardUnique {
        padding: 1.5rem 0.8rem;
        height: 100%;
    }

    .oncCounterNumberUnique {
        font-size: 2.3rem;
    }

    .oncCounterCardUnique span {
        font-size: 1rem;
    }

    .oncCounterCardUnique p {
        font-size: 0.85rem;
    }
}

.oncQuoteSectionUnique {
    padding: 5rem 0;

    background: linear-gradient(135deg, var(--primary-color), #082d6b);
}

.oncQuoteWrapperUnique {
    max-width: 60rem;

    position: relative;
}

.oncQuoteIconUnique {
    margin-bottom: 1rem;
}

.oncQuoteIconUnique i {
    font-size: 2.8rem;

    color: var(--secondary-color);

    line-height: 1;
}

.oncQuoteWrapperUnique h2 {
    color: var(--white-color);

    font-family: "Cormorant Garamond", serif;

    font-size: 2.2rem;

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 1.5rem;
}

.oncQuoteWrapperUnique h4 {
    color: var(--secondary-color);

    font-size: 1.5rem;

    font-weight: 600;

    margin-bottom: 1.8rem;
}

.oncQuoteLineUnique {
    display: block;

    width: 4rem;

    height: 0.15rem;

    background: var(--white-color);

    margin-bottom: 2rem;
}

.oncQuoteWrapperUnique p {
    color: rgba(255, 255, 255, 0.88);

    font-size: 1.1rem;

    line-height: 2;

    max-width: 52rem;

    margin: 0;
}

/* Hover */

.oncQuoteWrapperUnique {
    transition: 0.35s;
}

.oncQuoteWrapperUnique:hover {
    transform: translateY(-0.2rem);
}

/* Tablet */

@media (max-width: 62rem) {
    .oncQuoteWrapperUnique h2 {
        font-size: 2.3rem;
    }

    .oncQuoteWrapperUnique p {
        font-size: 1rem;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncQuoteSectionUnique {
        padding: 3rem 0;
    }

    .oncQuoteIconUnique i {
        font-size: 2rem;
    }

    .oncQuoteWrapperUnique h2 {
        font-size: 1.5rem;
    }

    .oncQuoteWrapperUnique h4 {
        font-size: 1.1rem;
    }

    .oncQuoteWrapperUnique p {
        font-size: 0.95rem;

        line-height: 1.8;
    }
}

.QuoteIconUnique-bg {
    background-image: url(../images/dr-mitanshu-speaker-bg-dark.jpg);
    background-position: center;
    background-size: cover;
}

/* Image */

.oncAcademicImageUnique {
    overflow: hidden;

    border-radius: 1rem;

    box-shadow: 0 0.6rem 2rem var(--shadow-color);
}

.oncAcademicImageUnique img {
    width: 100%;
    height: 436px;
    object-fit: scale-down;
    display: block;
    transition: 0.4s;
}

.oncAcademicImageUnique:hover img {
    transform: scale(1.04);
}

/* Content */

.oncAcademicContentUnique h2 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    font-size: 2.5rem;
    color: var(--heading-color);
    margin-bottom: 1rem;
}

.oncAcademicLineUnique {
    display: block;

    width: 4rem;

    height: 0.15rem;

    background: var(--secondary-color);

    margin-bottom: 1rem;
}

.oncAcademicContentUnique p {
    color: var(--text-color);
    font-size: 1.05rem;
    line-height: 2;
}

/* Qualification */

.oncQualificationItemUnique {
    display: flex;

    align-items: flex-start;

    gap: 1rem;

    transition: 0.3s;
}

.oncQualificationItemUnique:hover {
    transform: translateY(-0.2rem);
}

.Saurashtra {
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(212, 162, 76, 0.12);
    color: var(--secondary-color);
    font-size: 1.3rem;
    flex-shrink: 0;
}

.Saurashtra img {
    width: 35px;
}

.oncQualificationItemUnique h5 {
    color: var(--heading-color);

    font-size: 1.05rem;

    margin-bottom: 0.3rem;

    font-weight: 700;
}

.oncQualificationItemUnique span {
    color: var(--text-color);

    font-size: 0.92rem;

    line-height: 1.7;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncAcademicContentUnique {
        text-align: center;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncAcademicContentUnique h2 {
        font-size: 1.5rem;
        text-align: left;
    }

    .oncAcademicContentUnique p {
        font-size: 0.95rem;
        text-align: left;
        line-height: 1.8;
    }

    .oncQualificationItemUnique {
        align-items: center;
    }

    .oncQualificationItemUnique i {
        width: 2.7rem;

        height: 2.7rem;

        font-size: 1.1rem;
    }

    .oncQualificationItemUnique h5 {
        font-size: 0.95rem;
        text-align: left;
    }

    .oncQualificationItemUnique span {
        font-size: 0.82rem;
        text-align: left;
    }
}

.oncJourneyContentUnique {
    padding-right: 3rem;
    border-right: 0.0625rem solid var(--border-color);
}

.oncJourneyContentUnique h2,
.oncResearchContentUnique h2 {
    font-size: 2.5rem;
    color: var(--heading-color);
    font-weight: 600;
    font-family: "Cormorant Garamond", serif;
    margin-bottom: 1rem;
}

.oncHeadingLineUnique {
    display: block;
    width: 4rem;
    height: 0.15rem;
    background: var(--secondary-color);
    margin-bottom: 2rem;
}

/* Journey */
.oncJourneyItemUnique {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.oncJourneyItemUnique i {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(212, 162, 76, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary-color);
    font-size: 1.3rem;
    flex-shrink: 0;
}

.oncJourneyItemUnique h4 {
    font-size: 1.1rem;
    color: var(--heading-color);
    margin-bottom: 0.5rem;
}

.oncJourneyItemUnique p {
    color: var(--text-color);
    line-height: 1.8;
    margin: 0;
}

.oncJournalCardUnique img {
    width: 100%;
    display: block;
}

.oncResearchContentUnique p {
    color: var(--text-color);
    line-height: 1.9;
}

.oncResearchContentUnique h5 {
    color: var(--secondary-color);
    margin-top: 1.2rem;
    margin-bottom: 0.8rem;
}

.oncResearchContentUnique h4 {
    color: var(--heading-color);
    font-size: 1.25rem;
    line-height: 1.7;
}

.oncResearchContentUnique small {
    display: block;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}

/* Tablet */
@media (max-width: 62rem) {
    .oncJourneyContentUnique {
        border: none;
        padding-right: 0;
    }

    .oncResearchContentUnique {
        padding-left: 0;
    }
}

/* Mobile */
@media (max-width: 36rem) {
    .oncResearchSectionUnique {
        padding: 3rem 0;
    }

    .oncJourneyContentUnique h2,
    .oncResearchContentUnique h2 {
        font-size: 1.5rem;
    }

    .oncJourneyItemUnique {
        align-items: flex-start;
    }

    .oncResearchBtnUnique {
        width: 100%;
        justify-content: center;
    }
}

/* Left */

.oncConferenceContentUnique {
    padding-right: 2rem;
}

.oncSectionTagUnique {
    display: block;

    color: var(--secondary-color);

    font-size: 0.9rem;

    font-weight: 700;

    letter-spacing: 0.08rem;

    margin-bottom: 0.8rem;
}

.oncConferenceContentUnique h2 {
    font-size: 2.3rem;
    font-weight: 600;
    color: var(--heading-color);
    font-family: "Cormorant Garamond", serif;
    margin-bottom: 1rem;
}

.oncTitleLineUnique {
    display: block;

    width: 4rem;

    height: 0.15rem;

    background: var(--secondary-color);

    margin-bottom: 1.8rem;
}

.oncConferenceContentUnique p {
    color: var(--text-color);

    font-size: 1rem;

    line-height: 2;

    margin-bottom: 1rem;
}

/* Cards */

.academic {
    background: #fff;

    border-radius: 0.8rem;

    overflow: hidden;

    border: 0.0625rem solid var(--border-color);

    transition: 0.35s;

    height: 100%;
}

.academic:hover {
    transform: translateY(-0.3rem);

    box-shadow: 0 0.8rem 2rem var(--shadow-color);
}

.academic img {
    width: 100%;

    display: block;

    aspect-ratio: 16/10;

    object-fit: cover;
}

.oncConferenceInfoUnique {
    padding: 1rem;

    text-align: center;
}

.oncConferenceInfoUnique h4 {
    color: var(--heading-color);

    font-size: 1.1rem;

    margin-bottom: 0.3rem;
}

.oncConferenceInfoUnique span {
    color: var(--text-color);

    font-size: 0.95rem;
}

/* Tablet */

@media (max-width: 62rem) {
    .oncConferenceContentUnique {
        padding-right: 0;

        text-align: center;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncConferenceContentUnique h2 {
        font-size: 1.5rem;
        text-align: left;
    }

    .oncConferenceContentUnique p {
        font-size: 0.95rem;
        text-align: left;
        line-height: 1.8;
    }

    .oncConferenceInfoUnique h4 {
        font-size: 1rem;
    }

    .oncConferenceInfoUnique span {
        font-size: 0.85rem;
    }
}

.oncSectionTagUnique {
    display: block;

    color: var(--secondary-color);

    font-size: 0.9rem;

    font-weight: 700;

    letter-spacing: 0.08rem;

    margin-bottom: 0.8rem;
}

.oncRecognitionWrapperUnique h2 {
    font-size: 2.5rem;
    font-weight: 600;
    font-family: "Cormorant Garamond", serif;

    color: var(--heading-color);

    margin-bottom: 1rem;
}

.oncSectionLineUnique {
    display: block;

    width: 4rem;

    height: 0.15rem;

    background: var(--secondary-color);
}

/* Cards */

.oncRecognitionCardUnique {
    display: flex;

    gap: 1.5rem;

    align-items: flex-start;

    transition: 0.35s;
}

.oncRecognitionCardUnique:hover {
    transform: translateY(-0.3rem);
}

.oncRecognitionIconUnique {
    width: 4rem;

    height: 4rem;

    border-radius: 50%;

    background: rgba(212, 162, 76, 0.12);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;
}

.oncRecognitionIconUnique i {
    color: var(--secondary-color);

    font-size: 1.8rem;
}

.oncRecognitionCardUnique h4 {
    color: var(--heading-color);
    font-size: 1.3rem;
    text-align: left;
    margin-bottom: 0.6rem;
}

.oncRecognitionCardUnique p {
    color: var(--text-color);
    line-height: 1.9;
    text-align: left;
    margin: 0;
}

/* CTA */

.oncCancerCtaUnique {
    margin: 3rem 0rem;

    padding: 3rem;

    border-radius: 1rem;

    background: linear-gradient(135deg, var(--primary-color), #082d6b);

    overflow: hidden;
}

.oncCancerContentUnique h2 {
    color: #fff;
    font-weight: 600;
    font-size: 2.3rem;

    font-family: "Cormorant Garamond", serif;

    margin-bottom: 1rem;
}

.oncCancerContentUnique .oncSectionLineUnique {
    background: var(--secondary-color);

    margin-bottom: 1.5rem;
}

.oncCancerContentUnique p {
    color: rgba(255, 255, 255, 0.88);

    line-height: 2;

    margin: 0;
}

/* Buttons */

.oncCancerBtnGroupUnique {
    display: flex;

    justify-content: end;

    gap: 1rem;

    flex-wrap: wrap;
}

.oncPrimaryBtnUnique {
    padding: 1rem 2rem;

    background: var(--secondary-color);

    color: #fff;

    border-radius: 0.5rem;

    text-decoration: none;

    transition: 0.35s;
}

.oncPrimaryBtnUnique:hover {
    background: #bf8d32;

    color: #fff;
}

.oncOutlineBtnUnique {
    padding: 1rem 2rem;

    border: 0.08rem solid rgba(255, 255, 255, 0.4);

    color: #fff;

    border-radius: 0.5rem;

    text-decoration: none;

    transition: 0.35s;
}

.oncOutlineBtnUnique:hover {
    background: #fff;

    color: var(--primary-color);
}

/* Tablet */

@media (max-width: 62rem) {
    .oncRecognitionWrapperUnique {
        text-align: center;
    }


    .oncCancerContentUnique {
        text-align: center;
    }

    .oncCancerBtnGroupUnique {
        justify-content: center;
    }
}

/* Mobile */

@media (max-width: 36rem) {
    .oncRecognitionWrapperUnique h2 {
        font-size: 1.5rem;
        text-align: left;
    }

    .oncTimelineHeadingUnique h2 {
        text-align: left;
    }

    .oncCancerContentUnique h2 {
        font-size: 1.5rem;
        text-align: left;
    }

    .oncCancerContentUnique p {
        text-align: left;
    }

    .oncCancerCtaUnique {
        padding: 2rem 1.2rem;
    }

    .oncPrimaryBtnUnique,
    .oncOutlineBtnUnique {
        width: 100%;

        text-align: center;
    }
}


.oncConferenceStatsWrapperUnique {

    background: #fff;

    border: .0625rem solid var(--border-color);

    border-radius: 1rem;

    overflow: hidden;

    box-shadow:
        0 .5rem 1.5rem var(--shadow-color);
}

.oncConferenceStatCardUnique {

    text-align: center;

    padding: 2.2rem 1rem;

    border-right:
        .0625rem solid var(--border-color);

    transition: .35s;
}

.oncConferenceBorderRemoveUnique {

    border-right: none;
}

.oncConferenceStatCardUnique:hover {

    background: #fafcff;

    transform: translateY(-.2rem);
}

.oncConferenceStatCardUnique i {

    font-size: 2.3rem;

    color: var(--secondary-color);

    margin-bottom: 1rem;

    display: block;

    transition: .3s;
}

.oncConferenceStatCardUnique:hover i {

    transform: scale(1.08);

    color: var(--primary-color);
}

.oncCounterUnique {

    font-size: 3rem;

    font-family:
        "Cormorant Garamond",
        serif;

    color: var(--heading-color);

    margin-bottom: .5rem;
}

.oncCounterUnique::after {

    content: "+";
}

.oncConferenceStatCardUnique h3 {

    font-size: 1.5rem;

    color: var(--heading-color);

    margin-bottom: .5rem;

    line-height: 1.5;
}

.oncConferenceStatCardUnique p {

    color: var(--text-color);

    font-size: 1rem;

    line-height: 1.7;

    margin: 0;
}

/* Tablet */

@media(max-width:62rem) {

    .oncConferenceStatCardUnique {

        border-right: none;

        border-bottom:
            .0625rem solid var(--border-color);
    }

}

/* Mobile */

@media(max-width:36rem) {


    .oncConferenceStatCardUnique {
        height: 100%;
        padding: 1.5rem .8rem;
    }

    .oncTimelineLineUnique {
        margin: 1rem 0 !important;
    }

    .oncSectionTagUnique {
        text-align: left;
    }

    .oncCounterUnique {

        font-size: 2.2rem;
    }

    .oncConferenceStatCardUnique h3 {

        font-size: 1rem;
    }

    .oncConferenceStatCardUnique p {

        font-size: .85rem;
    }

}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--primary-color);
    border-radius: 50px;
}

.nav-pills .nav-link {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50px;
}

.nav-pills .nav-link:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.oncConferenceGalleryCardUnique {

    background: #fff;

    border: .0625rem solid var(--border-color);

    border-radius: 1rem;

    overflow: hidden;

    transition: .35s;

    height: 100%;
}


.oncConferenceGalleryImgUnique {

    overflow: hidden;
}

.oncConferenceGalleryImgUnique img {

    width: 100%;

    display: block;

    aspect-ratio: 16/10;

    object-fit: cover;

    transition: .4s;
}

.oncConferenceGalleryCardUnique:hover .oncConferenceGalleryImgUnique img {

    transform: scale(1.05);
}

.oncConferenceGalleryContentUnique {

    padding: 1.6rem;
}

.oncConferenceGalleryContentUnique h3 {
    color: var(--heading-color);
    font-weight: 500;
    font-size: 1.3rem;
    margin-bottom: .5rem;
}

.oncConferenceGalleryContentUnique span {

    display: inline-block;

    color: var(--secondary-color);

    font-weight: 600;

    margin-bottom: 1rem;
}

.oncConferenceGalleryContentUnique p {

    color: var(--text-color);

    line-height: 1.9;

    margin-bottom: 1.5rem;
}

.oncConferenceMetaUnique {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 1rem;

    border-top:
        .0625rem solid var(--border-color);

    padding-top: 1rem;
}

.oncConferenceMetaUnique div {

    display: flex;

    align-items: center;

    gap: .5rem;

    color: var(--text-color);

    font-size: .95rem;
}

.oncConferenceMetaUnique i {

    color: var(--primary-color);
}

/* Tablet */

@media(max-width:62rem) {

    .oncConferenceMetaUnique {

        justify-content: flex-start;
    }

}

/* Mobile */

@media(max-width:36rem) {


    .oncConferenceGalleryContentUnique {

        padding: 1.2rem;
    }

    .oncConferenceGalleryContentUnique h3 {

        font-size: 1.2rem;
    }

    .oncConferenceGalleryContentUnique p {

        font-size: .95rem;

        line-height: 1.8;
    }

    .oncConferenceMetaUnique {

        flex-direction: column;

        gap: .8rem;
    }

}



.slick-slide {
    margin: 0 5px;
}

.slick-slide img {
    width: 100%;
}

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

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

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

.slick-slide img {
    display: block;
}

.slick-initialized .slick-slide {
    display: block;
}

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

.slider {
    position: relative;
}


.slider .prevArrow {
    position: absolute;
    top: 12rem;
    left: 0%;
    z-index: 10;
    color: var(--black-color);
    width: 50px;
    height: 50px;
    background: var(--white-color);
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    cursor: pointer;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.slider #prevslide {
    top: 6rem;
}

.slider #nextslide {
    top: 6rem;
}

.slider .nextArrow {
    position: absolute;
    top: 12rem;
    right: 0%;
    color: var(--black-color);
    width: 50px;
    height: 50px;
    background: var(--white-color);
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    cursor: pointer;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


@media only screen and (max-width: 1024px) {
    .slider .nextArrow {
        right: 43%;
    }

    .slider .prevArrow {
        left: 43%;
    }
}


@media only screen and (max-width: 768px) {
    .slider .nextArrow {
        right: 42%;
        top: 104%;
    }

    .oncConferenceBtnUnique {
        margin-top: 4rem;
    }

    .slider #prevslide {
        top: 15.5rem;
    }

    .slider #nextslide {
        top: 15.5rem;
    }

    .slider .prevArrow {
        left: 42%;
        top: 104%;
    }

    .logo a {
        display: block !important;
    }

    #elctrnic {
        width: 100%;
    }
}


@media only screen and (max-width: 576px) {
    .slider .nextArrow {
        right: 40%;
    }

    .slider .prevArrow {
        left: 40%;
    }



    .banner img {
        display: none;
    }

    #elctrnic {
        width: 100%;
    }
}



@media only screen and (max-width: 425px) {
    .slider .nextArrow {
        right: 35%;
        top: 104%;
    }

    .slider .prevArrow {
        left: 35%;
        top: 104%;
    }

    .slider #prevslide {
        top: 13.5rem;
    }

    .slider #nextslide {
        top: 13.5rem;
    }

    h2 {
        font-size: 60px;
    }
}



.oncTimelineHeadingUnique {

    text-align: center;

    margin-bottom: 2rem;
}

.oncTimelineHeadingUnique span {

    color:
        var(--secondary-color);

    font-size: 1rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .08rem;
}

.oncTimelineHeadingUnique h2 {

    font-size: 3rem;
    font-weight: 600;
    color:
        var(--heading-color);

    font-family:
        "Cormorant Garamond",
        serif;
}

.oncTimelineLineUnique {

    width: 4rem;

    height: .15rem;

    background:
        var(--secondary-color);

    margin: 1rem auto 0;
}

.oncTimelineWrapperUnique {

    position: relative;
}

.oncTimelineWrapperUnique::before {

    content: "";

    position: absolute;

    left: 5rem;

    top: 0;

    bottom: 0;

    width: .12rem;

    background:
        var(--border-color);
}

.drAcademicTimelineCard {

    display: flex;

    align-items: flex-start;

    margin-bottom: 2rem;

    position: relative;
}

.drAcademicTimelineYear {

    width: 4rem;

    font-size: 1.4rem;

    font-weight: 700;

    color:
        var(--primary-color);

    text-align: center;
}

.drAcademicTimelinePoint {
    position: absolute;
    top: 0.4rem;
    left: 38px;
    width: 1.2rem;

    height: 1.2rem;

    border-radius: 50%;

    background:
        var(--secondary-color);

    border: .25rem solid #fff;

    box-shadow: 0 0 0 .12rem var(--secondary-color);

    margin: 0 2rem;

    flex-shrink: 0;

    z-index: 2;
}

.oncTimelineContentUnique {

    flex: 1;
    margin-left: 40px;
    background: #fff;

    border: .0625rem solid var(--border-color);

    border-radius: 1rem;

    padding: 2rem;

    box-shadow:
        0 .4rem 1.5rem var(--shadow-color);

    transition: .35s;
}

.oncTimelineContentUnique:hover {

    transform: translateY(-.2rem);
}

.oncTimelineContentUnique h3 {

    color:
        var(--heading-color);

    font-size: 1.5rem;

    margin-bottom: 1rem;
}

.oncTimelineContentUnique ul {

    margin: 0;

    padding-left: 1.2rem;
}

.oncTimelineContentUnique li {

    margin-bottom: .8rem;

    color:
        var(--text-color);

    line-height: 1.8;
}

.oncTimelineContentUnique img {

    width: 100%;

    border-radius: .8rem;

    display: block;
}

/* Tablet */

@media(max-width:62rem) {

    .oncTimelineWrapperUnique::before {

        display: none;

    }

    .drAcademicTimelineCard {

        flex-direction: column;

    }



    .drAcademicTimelineYear {

        width: auto;

    }

}

/* Mobile */

@media(max-width:36rem) {


    .oncTimelineHeadingUnique h2 {

        font-size: 1.5rem !important;

    }

    .oncTimelineContentUnique {

        padding: 1.2rem;

    }

    .oncTimelineContentUnique h3 {

        font-size: 1.2rem;

    }

    .oncTimelineContentUnique li {

        font-size: .95rem;

    }

}

.about-bg-white {
    background: #fff;
    border: .0625rem solid var(--border-color);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 .4rem 1.5rem var(--shadow-color);
    transition: .35s;
    height: 100%;
}

.shalby-center {
    width: 150px;
}

.drContactInfoSection {

    padding: 4rem 0;

    background: var(--white-color);

}



.drContactInfoCard {

    display: flex;

    align-items: center;

    gap: 1.5rem;

    border-right: .0625rem solid var(--border-color);

    transition: .35s;

    height: 100%;

}

.drContactBorderRemove {

    border-right: none;

}


.drContactInfoIcon {

    width: 3.2rem;

    height: 3.2rem;

    border-radius: 50%;

    background: rgba(212, 162, 76, .12);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}

.drContactInfoIcon i {

    font-size: 1.3rem;

    color: var(--secondary-color);

}

.drContactInfoText span {

    display: block;
    text-align: left;
    font-size: 1rem;

    color: var(--text-color);

    margin-bottom: .5rem;

    font-weight: 500;

}

.drContactInfoText a {

    text-decoration: none;

    color: var(--heading-color);

    font-size: 1rem;

    font-weight: 700;

    transition: .3s;

    word-break: break-word;

}

.drContactInfoText a:hover {

    color: var(--secondary-color);

}

/* Tablet */

@media(max-width:62rem) {


    .drContactBorderRemove {

        border-bottom: none;

    }

}

/* Mobile */

@media(max-width:36rem) {

    .drContactInfoSection {

        padding: 3rem 0;

    }

    .drContactInfoCard {

        gap: 1rem;

        align-items: flex-start;

    }

    .drContactInfoIcon {

        width: 3.5rem;

        height: 3.5rem;

    }

    .drContactInfoIcon i {

        font-size: 1.4rem;

    }

    .drContactInfoText a {

        font-size: 1.2rem;

        line-height: 1.6;

    }

}



.drContactFormCardUnique,
.drConsultationCardUnique {

    background: #fff;

    border: .0625rem solid var(--border-color);

    border-radius: 1rem;

    padding: 2.5rem;

    height: 100%;

    box-shadow:
        0 .5rem 1.5rem var(--shadow-color);

}

.drContactFormCardUnique h2,
.drConsultationCardUnique h2 {

    font-size: 2.2rem;
    font-weight: 600;
    color: var(--heading-color);

    font-family:
        "Cormorant Garamond",
        serif;

}

.drContactLineUnique {

    display: block;

    width: 3.5rem;

    height: .15rem;

    background:
        var(--secondary-color);

    margin: 1rem 0 2rem;

}

.drContactInputUnique,
.drContactTextareaUnique {

    width: 100%;

    border: .0625rem solid var(--border-color);

    border-radius: .5rem;

    padding: 1rem;

    font-size: 1rem;

    outline: none;

    transition: .3s;

}

.drContactInputUnique:focus,
.drContactTextareaUnique:focus {

    border-color:
        var(--secondary-color);

}

.drContactTextareaUnique {

    resize: none;

}

.drContactBtnUnique {

    background:
        var(--primary-color);

    color: #fff;

    border: none;

    padding: 1rem 2rem;

    border-radius: .5rem;

    display: inline-flex;

    align-items: center;

    gap: .8rem;

    transition: .35s;

}

.drContactBtnUnique:hover {

    background:
        var(--secondary-color);

}

.drConsultationItemUnique {

    display: flex;

    gap: 1.2rem;

    margin-bottom: 2rem;

}

.drConsultationIconUnique {

    width: 4rem;

    height: 4rem;

    border-radius: 50%;

    background:
        rgba(212, 162, 76, .12);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}

.drConsultationIconUnique i {

    font-size: 1.7rem;

    color:
        var(--secondary-color);

}

.drConsultationItemUnique h5 {

    color:
        var(--heading-color);

    margin-bottom: .5rem;

    font-size: 1.1rem;

}

.drConsultationItemUnique p {

    color:
        var(--text-color);

    margin: 0 0 .4rem;

    line-height: 1.8;

}

/* Tablet */

@media(max-width:62rem) {

    .drContactFormCardUnique,
    .drConsultationCardUnique {

        padding: 2rem;

    }

}

/* Mobile */

@media(max-width:36rem) {


    .drContactFormCardUnique,
    .drConsultationCardUnique {

        padding: 1.5rem;

    }

    .drContactFormCardUnique h2,
    .drConsultationCardUnique h2 {
        font-size: 1.5rem;
    }

    .drContactBtnUnique {

        width: 100%;

        justify-content: center;

    }

    .drConsultationItemUnique {

        align-items: flex-start;

    }

    .drConsultationIconUnique {

        width: 3.5rem;

        height: 3.5rem;

    }

}


.drHospitalLocationWrapperUnique {

    background: #fff;

    border: .0625rem solid var(--border-color);

    border-radius: 1rem;

    padding: 2rem;

    box-shadow:
        0 .5rem 1.5rem var(--shadow-color);

}

.drHospitalInfoUnique h2 {

    font-size: 2.2rem;
    font-weight: 600;
    color:
        var(--heading-color);

    font-family:
        "Cormorant Garamond",
        serif;

}

.drHospitalLineUnique {

    display: block;

    width: 3.5rem;

    height: .15rem;

    background:
        var(--secondary-color);

    margin: 1rem 0 2rem;

}

.drHospitalItemUnique {

    display: flex;

    gap: 1rem;

    align-items: flex-start;

    margin-bottom: 1rem;

}

.drHospitalItemUnique i {

    color:
        var(--secondary-color);

    font-size: 1.4rem;

    margin-top: .2rem;

}

.drHospitalItemUnique h5 {

    color:
        var(--heading-color);

    font-size: 1.1rem;

    margin-bottom: .5rem;

}

.drHospitalItemUnique p {

    color:
        var(--text-color);

    line-height: 1.9;

    margin: 0;

}

.drHospitalItemUnique a {

    text-decoration: none;

    color:
        var(--heading-color);

    transition: .3s;

    word-break: break-word;

}

.drHospitalItemUnique a:hover {

    color:
        var(--secondary-color);

}

.drHospitalBtnUnique {

    display: inline-flex;

    align-items: center;

    gap: .6rem;

    margin-top: 1rem;

    color:
        var(--secondary-color);

    font-weight: 600;

    text-decoration: none;

    transition: .3s;

}

.drHospitalBtnUnique:hover {

    gap: 1rem;

}

.drHospitalMapUnique {

    overflow: hidden;

    border-radius: .8rem;

    border:
        .0625rem solid var(--border-color);

}

.drHospitalMapUnique iframe {

    width: 100%;

    height: 30rem;

    border: none;

    display: block;

}

/* Tablet */

@media(max-width:62rem) {

    .drHospitalLocationWrapperUnique {

        padding: 1.5rem;

    }

    .drHospitalMapUnique iframe {

        height: 25rem;

    }

}

/* Mobile */

@media(max-width:36rem) {

    .drHospitalLocationWrapperUnique {

        padding: 1rem;

    }

    .dpv-card {
        padding: 1.8rem !important;
    }

    .about-bg-white {}

    .about-bg {
        background-image: none;
        padding-top: 10px;
    }

    #expertise {
        background-image: none;
        padding-top: 10px;
        height: 100%;
    }

    #researchconf {
        background-image: none;
        padding-top: 10px;
        height: 100%;
    }

    .drHospitalInfoUnique h2 {

        font-size: 1.5rem;

    }

    .drHospitalMapUnique iframe {

        height: 20rem;

    }

    .drHospitalBtnUnique {

        width: 100%;

        justify-content: center;

    }

}

.dpv-hero {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    padding: 6rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}



.dpv-title {
    color: var(--primary-color);
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.dpv-subtitle {
    max-width: 50rem;
    margin: auto;
    font-size: 1.1rem;
}

.dpv-breadcrumb {
    margin-top: 1.5rem;
    color: var(--dpv-primary);
    font-weight: 600;
}

.dpv-card {
    background: var(--white-color);
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 3rem;
}

.dpv-heading {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: .8rem;
    border-bottom: .125rem solid gainsboro;
}

.dpv-section {
    margin-bottom: 3rem;
}

.dpv-list {
    padding-left: 1.5rem;
    margin-top: 1rem;
}

.dpv-list li {
    margin-bottom: .6rem;
}

.dpv-contact {
    background: #eff6ff;
    border-left: .3rem solid #2563eb;
    padding: 2rem;
    border-radius: .8rem;
    margin-top: 1rem;
}

.dpv-contact h3 {
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}


#drBackTopBtn {
    position: fixed;
    right: 1rem;
    bottom: 4rem;
    width: 3rem;
    height: 3rem;
    border: none;
    border-radius: 50%;
    background: var(--primary-color);
    color: var(--white-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 .4rem 1.5rem rgba(0, 0, 0, .25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    transition: .35s;
    z-index: 9999;
}

#drBackTopBtn:hover {
    background: var(--secondary-color);
    transform: translateY(-.3rem);
}

#drBackTopBtn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media(max-width:768px) {

    #drBackTopBtn {
        right: 1rem;
        bottom: 1rem;
        width: 3.2rem;
        height: 3.2rem;
    }

}

.oncConferenceCardUnique {
    overflow: hidden;
    border-radius: 1rem;
    cursor: pointer;
}

.oncConferenceCardUnique img {
    width: 100%;
    display: block;
    transition: .4s;
}

.oncConferenceCardUnique:hover img {
    transform: scale(1.05);
}

/* Popup */

.oncImagePopup {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .92);

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;

    transition: .35s;

    z-index: 999999;

}

.oncImagePopup.active {

    opacity: 1;
    visibility: visible;

}

.oncPopupImage {

    max-width: 85%;
    max-height: 85vh;
    border-radius: 1rem;

}

.oncPopupClose {

    position: absolute;
    top: 2rem;
    right: 2rem;

    font-size: 3rem;

    color: #fff;

    cursor: pointer;

}

.oncPrev,
.oncNext {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    font-size: 3rem;

    color: #fff;

    cursor: pointer;

    user-select: none;

    padding: 1rem;

}

.oncPrev {

    left: 2rem;

}

.oncNext {

    right: 2rem;

}

@media(max-width:768px) {

    .oncPopupImage {

        max-width: 95%;
        max-height: 75vh;

    }

    .oncPrev,
    .oncNext {

        font-size: 2rem;

    }

    .oncPopupClose {

        font-size: 2.4rem;

    }

}

:root {
    --onc-primary: #0b3b8c;
    --onc-secondary: #d4a24c;
    --onc-white: #ffffff;
    --onc-text: #667085;
    --onc-border: #e4e7ec;
}

.oncPrimaryBtn {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    padding: 1rem 1.5rem;
    background: var(--onc-primary);
    color: var(--onc-white);
    text-decoration: none;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 600;
}

.oncModalBox {
    border: none;
    border-radius: 1.5rem;
    overflow: hidden;
}

.oncModalClose {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 99;
}

.oncModalLeft {
    height: 100%;
    background: var(--onc-primary);
    color: #fff;
}

.oncDoctorImg {
    width: 100%;
    object-fit: cover;
}

.oncDoctorInfo {
    padding: 1.5rem;
}

.oncDoctorInfo h3 {
    font-size: 1.6rem;
    margin-bottom: .5rem;
}

.oncDoctorInfo span {
    display: block;
    color: var(--onc-secondary);
    margin-bottom: 1rem;
}

.oncDoctorInfo ul {
    padding-left: 1.2rem;
}

.oncDoctorInfo li {
    margin-bottom: .75rem;
}

.oncModalRight {
    padding: 2rem;
}

.oncModalRight h2 {
    font-size: 2rem;
    color: var(--onc-primary);
    margin-bottom: .5rem;
}

.oncModalRight p {
    color: var(--onc-text);
    margin-bottom: 2rem;
}

.oncInput {
    min-height: 3.25rem;
    border: .0625rem solid var(--onc-border);
    border-radius: .75rem;
}

textarea.oncInput {
    min-height: 7rem;
}

.oncSubmitBtn {
    width: 100%;
    border: none;
    background: var(--onc-primary);
    color: #fff;
    padding: 1rem;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 600;
}

.oncSubmitBtn:hover {
    background: #082d6b;
}

@media(max-width:991px) {

    .oncDoctorImg {
        height: 28rem;
    }

    .oncModalRight {
        padding: 1.5rem;
    }

    .oncModalRight h2 {
        font-size: 1.6rem;
    }

}

.drLogo img {
    width: 222px;
    padding: 5px 0px;
}