/* ============================================================
   HAPPILY CLUB CODE
   DR. HARISH KUMAR H — WEBSITE STYLESHEET
   Cleaned against the supplied index.html and
   about-dr-harish-kumar-h.html.

   Organization: global styles, shared layout, navigation,
   hero, header/contact, internal banner, profile, homepage
   sections, footer, and responsive rules.

   Header/footer/mobile navigation selectors are retained because
   those elements are injected through SSI include files that were
   not supplied for this audit.
============================================================ */


@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?60611426');
  src: url('fonts/fontello.eot?60611426#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?60611426') format('woff2'),
       url('fonts/fontello.woff?60611426') format('woff'),
       url('fonts/fontello.ttf?60611426') format('truetype'),
       url('fonts/fontello.svg?60611426#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('fonts/SofiaPro-Light.woff2') format('woff2'),
        url('fonts/SofiaPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('fonts/SofiaPro.woff2') format('woff2'),
        url('fonts/SofiaPro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('fonts/SofiaPro-SemiBold.woff2') format('woff2'),
        url('fonts/SofiaPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Scrollbar CSS */

::selection {
	background: #eb595f;
	color: #fff;
}
::-moz-selection {
	background: #eb595f;
	color: #fff;
}
::-o-selection {
	background: #eb595f;
	color: #fff;
}
::-ms-selection {
	background: #eb595f;
	color: #fff;
}
::-webkit-scrollbar {
	width: 8px;
	background: #52585e;
}
::-webkit-scrollbar-thumb {
	background: #eb595f;
}
/* ----- Global CSS ----- */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
	margin: 0px;
	padding: 0px;
}
body {
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
}
ul li {
	list-style: none;
}
img {
	border: 0px;
	max-width: 100%;
	vertical-align: middle;
}
a, a:hover {
	text-decoration: none;
	color: inherit;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* ----- Fixed CSS ----- */

.table-div {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.table-cell {
	display: table-cell;
	vertical-align: top;
}
/* ---------- Theme CSS ---------- */

#Container, header, nav, section, footer, #Content-Container, #Fold, #Slider-Container-S, #Internal-Banner, #About, #Info, #Connect, #Welcome, #Services, #Testimonials,


#iAbout, #iProfile, #iEducation, #iAssociations, #iContact, #iFAQ, #iResearch, #iService-Hero, #iService-Overview, #iService-Conditions, #iService-Approach {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#Container {
	overflow: hidden;
}
#Header, #Main-Menu, .bannerTxt, #Content-Main, #Internal-Banner-Intra, #Fold-Intra, #Slider, #Internal-Banner-Intra, #About-Intra, #Info-Intra, #Connect-Intra, #Footer, #Welcome-Intra, #Services-Intra, #Testimonials-Intra,

#iAbout-Intra, #iProfile-Intra, #iEducation-Intra, #iAssociations-Intra, #iContact-Intra, #iFAQ-Intra, #iResearch-Intra, #iService-Hero-intra, #iService-Overview-Intra, #iService-Conditions-Intra, #iService-Approach-Intra  {
	max-width: 1366px;
	min-width: 300px;
	margin: 0px auto;
	padding: 0 15px;
	position: relative;
}

/* Menu */

nav {
	z-index: 9999;
}
#Main-Menu {
	display: block;
	position: relative;
    padding: 0;
}
#Mobile-Menu {
	display: none;
	position: absolute;
	width: 40px;
	height: 20px;
	right: 10px;
	top: 41%;
	min-width: auto;
	padding: 0 ! important;
}

/* ==============================
   MAIN NAVIGATION
============================== */

.menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu > li {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
    list-style: none;
}

.menu li {
    position: relative;
    color: #282426;
    font: 400 13px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 0.3px;
    text-align: left;
    text-transform: none;
    list-style: none;
}

.menu > li > a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 13px;
    color: #282426;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.menu > li:last-child > a{
	padding-right: 0;
}

/* Underline indicator */
.menu > li > a::after {
    position: absolute;
    content: "";
    left: 13px;
    right: 13px;
    bottom: 7px;
    height: 2px;
    background: #542832;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.menu > li:hover > a,
.menu > li:focus-within > a,
.menu > li.active > a {
    color: #542832;
}

.menu > li:hover > a::after,
.menu > li:focus-within > a::after,
.menu > li.active > a::after {
    transform: scaleX(1);
}

/* Active navigation item */
.menu > li.active {
    background: transparent;
}

/* ==============================
   DROPDOWN INDICATOR
============================== */

.menu > li:has(> ul) > a {
    padding-right: 27px;
}

.menu > li:has(> ul) > a::before {
    position: absolute;
    content: "";
    right: 12px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.3s ease;
}

.menu > li:hover > a::before,
.menu > li:focus-within > a::before {
    transform: translateY(-20%) rotate(225deg);
}

/* ==============================
   LEVEL 2 DROPDOWN
============================== */

.menu ul {
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    display: block;
    min-width: 220px;
    margin: 0;
    padding: 8px;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #E9E1DA;
    box-shadow: 0 12px 32px rgba(40, 36, 38, 0.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}

.menu > li:hover > ul,
.menu > li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.menu ul li {
    width: 100%;
    margin: 0;
    background: transparent;
    border-bottom: 1px solid #F0EAE6;
    font: 400 12px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 0;
}

.menu ul li:last-child {
    border-bottom: 0;
}

.menu ul li a {
    position: relative;
    display: block;
    padding: 12px 28px 12px 14px;
    color: #282426;
    text-decoration: none;
    background: transparent;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        padding 0.25s ease;
}

.menu ul li a:hover,
.menu ul li a:focus-visible {
    padding-left: 19px;
    color: #542832;
    background: #F7F3EF;
}

/* Small right arrow on dropdown links */
.menu ul li > a::after {
    position: absolute;
    content: "\203A";
    right: 12px;
    top: 50%;
    color: #AA0404;
    font-size: 18px;
    line-height: 1;
    opacity: 0;
    transform: translate(-4px, -50%);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.menu ul li a:hover::after,
.menu ul li a:focus-visible::after {
    opacity: 1;
    transform: translate(0, -50%);
}

/* =========================================
   MOBILE MENU
   Dr. Harish Kumar H
========================================= */

/* Mobile menu wrapper */

.mobile-menu {
    display: none;
    position: relative;
    z-index: 9;
    padding: 0;
}

/* Hamburger icon */

.mobile-menu img {
    display: block;
    width: 26px;
    height: auto;
}

.mobile-menu .sidemenu_btn {
    position: relative;
    display: inline-block;
    margin: 0;
    transition: opacity 0.25s ease;
}

.mobile-menu .sidemenu_btn:hover {
    opacity: 0.75;
}

/* =========================================
   SIDE DRAWER
========================================= */

.side-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    width: 90%;
    max-width: 420px;
    height: 100vh;
    height: 100dvh;
    box-sizing: border-box;
    overflow: hidden;
    background: #542832;
    border-top: 4px solid #D8B9B8;
    box-shadow: -12px 0 40px rgba(40, 36, 38, 0.18);
    z-index: 99999999;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

.side-menu.left {
    right: auto;
    left: 0;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
}

.side-menu.side-menu-active,
.side-menu.before-side {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.side-menu.before-side {
    width: 90%;
    max-width: 420px;
}

.pul-menu .side-menu.side-menu-active {
    visibility: visible;
    opacity: 1;
}

/* =========================================
   DRAWER CONTENT
========================================= */

.side-menu .inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 30px 28px 22px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
}

.pul-menu.pushwrap .side-menu .inner-wrapper {
    padding: 30px 28px 22px;
}

/* =========================================
   LOGO
========================================= */

.side-menu .inner-wrapper > a:first-of-type {
    display: block;
    width: fit-content;
    max-width: calc(100% - 46px);
    margin: 0;
    padding: 0;
    line-height: 0;
}

.mobile-menu img.logoslide {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* =========================================
   CLOSE BUTTON
========================================= */

.side-menu .btn-close {
    position: absolute;
    top: 27px;
    right: 22px;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #D8B9B8;
    border-radius: 50%;
    background: #F7F3EF;
    text-align: center;
    cursor: pointer;
    z-index: 5;
}

.side-menu.before-side .btn-close {
    display: block;
}

.side-menu .btn-close::before,
.side-menu .btn-close::after {
    position: absolute;
    top: 7px;
    left: 14px;
    width: 1.5px;
    height: 16px;
    content: "";
    background: #542832;
}

.side-menu .btn-close::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.side-menu .btn-close::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* =========================================
   OPEN BUTTON POSITION
========================================= */

.just-sidemenu #sidemenu_toggle {
    position: fixed;
    top: 16px;
    right: 0;
    z-index: 999;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.sidemenu_btn.left {
    right: auto;
    left: 15px;
}

/* =========================================
   BACKGROUND OVERLAY
========================================= */

#close_side_menu {
    position: fixed;
    inset: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #282426;
    opacity: 0.45;
    z-index: 1031;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}

/* =========================================
   MAIN NAVIGATION
========================================= */

.side-menu .side-nav {
    display: block;
    width: 100%;
    margin: 30px 0 0;
}

.side-nav .navbar-nav {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-nav .navbar-nav .nav-item {
    display: block;
    margin: 0;
    padding: 0 !important;
    border-bottom: 1px solid rgba(247, 243, 239, 0.15);
    font: 500 16px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.side-nav .navbar-nav .nav-link {
    display: block;
    position: relative;
    padding: 15px 0;
    color: #F7F3EF;
    background: transparent;
    text-decoration: none;
    transition: color 0.25s ease;
    -webkit-transition: color 0.25s ease;
}

.side-nav .navbar-nav .nav-link:hover,
.side-nav .navbar-nav .nav-link:focus-visible,
.side-nav .navbar-nav .nav-link.active {
    color: #D8B9B8;
}

.side-nav .navbar-nav .nav-link.active {
    background: transparent;
}

/* =========================================
   TREATMENTS DROPDOWN
========================================= */

.side-nav .navbar-nav .toggle-submenu {
    padding-right: 30px;
}

.side-nav .navbar-nav .toggle-submenu::after {
    position: absolute;
    top: 50%;
    right: 2px;
    content: "+";
    color: #D8B9B8;
    font: 400 22px / 1 "Sofia Pro", Arial, sans-serif;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.side-nav .navbar-nav .nav-item.open > .toggle-submenu::after {
    content: "\2212";
}

/* Submenu visibility */

.mobile-menu .sub-menu {
    display: none;
    margin: 0;
    padding: 4px 0 14px 14px;
    border-left: 2px solid #D8B9B8;
    list-style: none;
}

.mobile-menu .nav-item.open > .sub-menu {
    display: block;
}

/* Submenu links */

.side-nav .sub-menu li {
    display: block;
    margin: 0;
    padding: 0;
}

.side-nav .sub-menu li a {
    display: block;
    padding: 9px 0;
    color: #E9E1DA;
    font: 400 14px / 1.55 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 0;
    text-decoration: none;
    transition: color 0.25s ease;
    -webkit-transition: color 0.25s ease;
}

.side-nav .sub-menu li a:hover,
.side-nav .sub-menu li a:focus-visible {
    color: #D8B9B8;
}

/* =========================================
   COPYRIGHT AND WEBSITE CREDIT
========================================= */

.side-menu .inner-wrapper > p {
    margin: auto 0 0;
    padding: 28px 0 0;
    color: #D8B9B8;
    font: 400 12px / 1.9 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 0.5px;
    text-align: left;
}

.side-menu p {
    font-size: 11px;
    color: #D8B9B8;
}

.side-menu .inner-wrapper > p a {
    color: #F7F3EF;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.25s ease;
}

.side-menu .inner-wrapper > p a:hover {
    color: #D8B9B8;
}

/* Retain compatibility with existing markup */

.side-menu p .icon-heart {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.side-menu p span.icon-heart::before {
    position: absolute;
    top: 0;
    left: 2px;
    right: 0;
    margin: auto;
    content: "\E81D";
    font-family: "fontello";
    color: #D8B9B8;
}

/* =========================================
   OTHER EXISTING COMPONENT
========================================= */

.modal-content {
    border-radius: 0;
}

.appointment-btn a {
    display: block;
    width: 220px;
    padding: 10px;
    border-radius: 30px;
    background: #D8B9B8 !important;
    color: #542832;
    font: 500 16px / 32px "Sofia Pro", Arial, sans-serif;
    text-align: center;
    text-decoration: none;
}

/* =========================================
   KEYBOARD ACCESSIBILITY
========================================= */

.side-menu a:focus-visible,
.side-menu .btn-close:focus-visible {
    outline: 2px solid #D8B9B8;
    outline-offset: 4px;
}

/* =========================================
   RESPONSIVE ADJUSTMENTS
========================================= */

@media (max-width: 380px) {
    .side-menu,
    .side-menu.before-side {
        width: 92%;
    }

    .side-menu .inner-wrapper,
    .pul-menu.pushwrap .side-menu .inner-wrapper {
        padding: 24px 22px 18px;
    }

    .mobile-menu img.logoslide {
        width: 230px;
    }

    .side-menu .btn-close {
        top: 23px;
        right: 17px;
    }

    .side-nav .navbar-nav .nav-item {
        font-size: 15px;
    }

    .side-nav .sub-menu li a {
        font-size: 13px;
    }
}

/* Banner Code */

.home header{
	position: absolute;
	left: 0; 
	right: 0;
	margin: auto;
	z-index: 1;
}

#Fold {
	width: 100%;
    height: 100vh;
    min-height: 680px;
    margin: 0;
    padding: 0;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #282426;
    background: url(../images/dr-harish-onchology-banner.png) no-repeat right bottom #F7F3EF;
    background-size: 70% auto;
}

#Fold-Intra,
#Fold-Intra .table-div {
    height: 100%;
}

#Fold-Intra {
    max-width: 1366px;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
}

.fold-block {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
    padding: 10px;
}

.fold-block h1 {
    max-width: 850px;
    margin: 0;
    color: #282426;
    font: 400 60px / 72px "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1px;
    text-wrap: balance;
    text-transform: uppercase;
}

.fold-block h1 span {
    display: block;
}

.fold-block h1 em,
.fold-block h1 i {
    display: block;
    color: #542832;
    font-weight: 400;
	font-style: normal;
}

.fold-block p.info {
    max-width: 440px;
    margin: 27px 0 0 4px;
    color: #141414;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.fold-block .anchor-link-dark {
	margin: 30px 0 0 0;
}

.anchor-link-dark{
	position: relative;
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 17px 18px;
    background: #542832;
    color: #F7F3EF;
    font-family: "Sofia Pro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.25s ease;
	width: 250px;
}

.anchor-link-dark:hover {
    background: #8B4C59;
	color: #fff;
}

.anchor-link-dark .anchor-link-dark-arrow {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}

.anchor-link-dark:hover .anchor-link-dark-arrow {
    transform: translateX(4px);
}

.anchor-link-dark-arrow::before {
    font-family: "fontello";
    content: "\E826";
}

.anchor-link-light{
	position: relative;
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 17px 18px;
    background: #8B4C59;
    color: #F7F3EF;
    font-family: "Sofia Pro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.25s ease;
	width: 250px;
}

.anchor-link-light:hover {
    background: #F7F3EF;
    color: #542832;
}

.anchor-link-light .anchor-link-light-arrow {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}

.anchor-link-light:hover .anchor-link-light-arrow {
    transform: translateX(4px);
}

.anchor-link-light-arrow::before {
    font-family: "fontello";
    content: "\E826";
}

/* Webcode */ 

#Header{
	padding: 0 10px;
}

header{
    padding: 5px 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
	background: #F7F3EF;
}

.logo{
    width: 360px;
    vertical-align: middle;
	transition: 0.7s all ease;
}

.logo a.logos{
	display: inline-block;
	width: 350px;
}

.header-right{
	vertical-align: middle;
    text-align: right;
}

.anchor-tag {
    display: block;
    height: 10px;
    position: relative;
    top: -71px;
    width: 10px;
    z-index: 99999;
    background: none !important;
}

.quick-connect {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.quick-connect li {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
    font: 400 13px / 1.6 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 0.2px;
}

.quick-connect li a {
    display: block;
    padding: 5px 0 5px 27px;
    color: #282426;
    text-decoration: none;
    transition: color 0.3s ease;
}

.quick-connect li::before {
    position: absolute;
    left: 0;
    top: 50%;
    font-family: "fontello";
    font-size: 16px;
    line-height: 1;
    color: #542832;
    transform: translateY(-50%);
    transition: color 0.3s ease;
}

.quick-connect li:hover::before,
.quick-connect li:focus-within::before {
    color: #AA0404;
}

.quick-connect li a:hover,
.quick-connect li a:focus-visible {
    color: #542832;
}

.quick-connect .call-ico::before {
    content: "\E80E";
}

.quick-connect .mail-ico::before {
    content: "\E808";
}

.quick-connect a:focus-visible {
    outline: 2px solid #AA0404;
    outline-offset: 4px;
}

/* Internal */
 
#Internal-Banner{
    position: relative;
	padding: 90px 0;
}

.page-title {
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
} 

.page-title h1 {
    position: relative;
    margin: 0;
    padding-bottom: 22px;
    color: #542832;
    font: 500 38px / 1.3 "Sofia Pro", Arial, sans-serif;
    letter-spacing: -0.6px;
}

.page-title h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 56px;
    height: 3px;
    background: #AA0404;
    transform: translateX(-50%);
}

.page-title h1 span {
    display: block;
    margin-top: 10px;
    color: #6F6667;
    font: 400 14px / 1.7 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

/* Welcome */

#Welcome {
    padding: 80px 0 300px 0;
    background: url(../images/dots.png) repeat left top, linear-gradient(to right top, #542832, #501f2a, #4c1621, #470b19, #42000f) #8b4c59;
}

.welcome h2 {
    font: 300 16px / 30px "Sofia Pro", Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    letter-spacing: 3px;
	padding: 0 0 50px 0;
}

.welcome h2 a {
    font: 600 40px / 50px "Sofia Pro", Arial, sans-serif;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.welcome p {
    font: 400 15px / 33px "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
    max-width: 90%;
    margin: auto;
    text-align: center;
    color: #fefefe;
}


/* About */

#About {
	position: relative;
}

#About-Intra {
	margin: -220px auto 0 auto;
    padding: 40px ! important;
	background: #fff;
}

.doctor-l{
    vertical-align: middle;
    padding: 0 30px 0 0;
}
.doctor-l h2 {
    position: relative;
    margin: 0 0 24px;
    padding: 0 0 22px;
    color: #542832;
    font: 500 36px / 1.3 "Sofia Pro", Arial, sans-serif;
    letter-spacing: -0.6px;
}

.doctor-l h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 3px;
    background: #AA0404;
}

.doctor-l h2 span {
    display: block;
    color: #6F6667;
    font: 400 14px / 1.8 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

.doctor-l p {
    letter-spacing: 0.2px;
    color: #282426;
    text-align: justify;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
    padding: 8px 0;
}

.doctor-l .anchor-link-dark{
	margin: 30px 0 0 0;
}

.doctor-r{
    width: 320px;
    text-align: center;
    vertical-align: middle;
}

.doctor-r-intra, .res-doc{
    position: relative;
    width: 320px;
    margin: auto;
}

.dr-img{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.res-doc{
	display: none;
    margin: 20px auto;
    width: 280px;
}
 
/* Info */

#Info {
    padding: 30px 36px;
	background-image: linear-gradient(to right top, #542832, #501f2a, #4c1621, #470b19, #42000f);
    box-shadow: 0 14px 35px rgba(84, 40, 50, 0.12);
}

@keyframes hc-doctor-marquee-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.hc-doctor-marquee-track {
    display: flex;
    width: max-content;
    animation: hc-doctor-marquee-scroll 35s linear infinite;
    will-change: transform;
}

.hc-doctor-marquee-content {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 28px;
    padding-right: 28px;
    white-space: nowrap;
}

.hc-doctor-marquee-content span {
    color: #F8F7F1;
    font-family: "Sofia Pro", sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.hc-doctor-marquee-content i {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #F8F7F1;
}

.hc-doctor-marquee-track:hover {
    animation-play-state: paused;
}

/* Services */

#Services {
    padding: 110px 24px;
    background: #F7F3EF;
}

.services-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 55px;
}

.services-eyebrow,
.service-category,
.services-bottom-kicker {
    color: #8B4C59;
    font: 600 10px/1.7 "Sofia Pro", Arial, sans-serif;
    letter-spacing: .16em;
}

.services-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.services-eyebrow i {
    width: 24px;
    height: 1px;
    background: #B87580;
}

.services-heading h2 {
    margin: 20px 0 0;
    font: 400 clamp(42px, 5vw, 66px)/1.08 "Sofia Pro", Arial, sans-serif;
    letter-spacing: -.045em;
}

.services-heading h2 em {
    color: #8B4C59;
	font-style: normal;
}

.services-heading-r {
    max-width: 390px;
}

.services-heading-r p,
.service-content p,
.services-bottom-action p {
    color: #6B6062;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.services-all {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-top: 10px;
    color: #542832;
    font: 600 12px/1.6 "Sofia Pro", Arial, sans-serif;
    text-decoration: none;
}

.fontello-arrow::before {
    font-family: "fontello";
    content: "\E826";
}

.fontello-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease;
}

.services-all:hover .fontello-arrow,
.service-item:hover .fontello-arrow {
    transform: translate(3px, -3px);
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #DED2CD;
    border-left: 1px solid #DED2CD;
}

.service-item {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    border-right: 1px solid #DED2CD;
    border-bottom: 1px solid #DED2CD;
}

.service-art {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 205px;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 100%, rgba(216,185,184,.36), transparent 68%),
        linear-gradient(145deg, #F3EAE5, #F8F3EF);
}

.service-number {
    position: absolute;
    top: 17px;
    left: 19px;
    color: #8B4C59;
    font: 400 12px/1.5 "Sofia Pro", Arial, sans-serif;
}

.service-art-label {
    position: absolute;
    right: 18px;
    bottom: 17px;
    color: #8B4C59;
    font: 600 9px/1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: .13em;
}

.service-art img {
    position: relative;
    z-index: 1;
    width: 94px;
    height: 94px;
    object-fit: contain;
    transition: transform .35s ease;
}

.service-art-ring {
    position: absolute;
    width: 145px;
    height: 145px;
    border: 1px solid rgba(139,76,89,.13);
    border-radius: 50%;
    transition: transform .4s ease, border-color .4s ease;
}

.service-art-ring::before,
.service-art-ring::after {
    position: absolute;
    content: "";
    border: 1px solid rgba(139,76,89,.10);
    border-radius: 50%;
}

.service-art-ring::before {
    inset: 12px;
}

.service-art-ring::after {
    inset: -12px;
}

.service-item:hover .service-art img {
    transform: scale(1.08);
}

.service-item:hover .service-art-ring {
    transform: scale(1.08);
    border-color: rgba(139,76,89,.3);
}

.service-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 27px 25px 24px;
    background: #F7F3EF;
    transition: background .25s ease;
}

.service-item:hover .service-content {
    background: #F1E8E3;
}

.service-content h3 {
    margin: 13px 0 12px;
    font: 400 25px/1.25 "Sofia Pro", Arial, sans-serif;
}

.service-content p {
    margin: 20px 0;
    font-size: 15px;
    line-height: 1.85;
}

.service-link {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #DED2CD;
    color: #542832;
    font: 600 12px / 1.6 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

.services-bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top: 45px;
    padding: 40px 42px;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(216,185,184,.16), transparent 45%),
        linear-gradient(120deg, #542832, #713A46);
}

.services-bottom-copy,
.services-bottom-action {
    position: relative;
    z-index: 1;
}

.services-bottom-kicker {
    color: #D8B9B8;
}

.services-bottom-copy h3 {
    margin: 14px 0 0;
    color: #F7F3EF;
    font: 400 clamp(27px, 3vw, 38px)/1.2 "Sofia Pro", Arial, sans-serif;
}

.services-bottom-action {
    max-width: 320px;
}

.services-bottom-action p {
    margin: 0 0 18px;
    color: #E9DCDD;
    font-size: 13px;
}


.services-bottom-mark {
    position: absolute;
    right: 28%;
    bottom: -90px;
    color: rgba(247,243,239,.045);
    font: 400 300px/.9 "Sofia Pro", Arial, sans-serif;
    pointer-events: none;
}


#Testimonials {
	padding: 30px 0 80px 0;
    background: #F7F3EF;
    color: #282426;
}

.patient-faq-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 100px;
    align-items: start;
}

.patient-faq-intro {
    position: sticky;
    top: 100px;
}

.patient-faq-eyebrow,
.patient-faq-heading > span {
    display: block;
    color: #8B4C59;
    font-family: "Sofia Pro", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.patient-faq-intro h2 {
    max-width: 440px;
    margin: 24px 0 22px;
    color: #542832;
    font-family: "Sofia Pro", Arial, sans-serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

.patient-faq-description {
    max-width: 440px;
    margin: 0;
    color: #70666A;
    font-family: "Sofia Pro", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
}

.patient-faq-note {
    display: flex;
    gap: 18px;
    align-items: stretch;
    margin-top: 34px;
}

.patient-faq-note-line {
    display: block;
    flex: 0 0 2px;
    background: #D8B9B8;
}

.patient-faq-note p {
    margin: 0;
    color: #542832;
    font-family: "Sofia Pro", sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

.patient-faq-link {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    margin-top: 34px;
    padding-bottom: 9px;
    border-bottom: 1px solid #8B4C59;
    color: #542832;
    font-family: "Sofia Pro", sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.25s ease;
}

.patient-faq-link:hover {
    color: #8B4C59;
}

.patient-faq-content {
    min-width: 0;
}

.patient-faq-heading {
    margin-bottom: 26px;
}

.patient-faq-heading h3 {
    margin: 13px 0 0;
    color: #542832;
    font-family: "Sofia Pro", Arial, sans-serif;
    font-size: clamp(27px, 2.5vw, 36px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.7px;
}

.patient-faq-list {
    border-top: 1px solid #DCCFC9;
}

.patient-faq-item {
    border-bottom: 1px solid #DCCFC9;
}

.patient-faq-item summary {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 24px;
    gap: 14px;
    align-items: center;
    padding: 23px 0;
    cursor: pointer;
    list-style: none;
}

.patient-faq-item summary::-webkit-details-marker {
    display: none;
}

.patient-faq-number {
    align-self: start;
    padding-top: 3px;
    color: #A16A73;
    font-family: "Sofia Pro", sans-serif;
    font-size: 11px;
    letter-spacing: 0.5px;
}

.patient-faq-question {
    color: #542832;
    font-family: "Sofia Pro", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}

.patient-faq-toggle {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #D8B9B8;
    border-radius: 50%;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.patient-faq-toggle::before,
.patient-faq-toggle::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 1px;
    background: #542832;
    content: "";
    transform: translate(-50%, -50%);
}

.patient-faq-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform 0.25s ease;
}

.patient-faq-item[open] .patient-faq-toggle {
    border-color: #542832;
    background: #542832;
}

.patient-faq-item[open] .patient-faq-toggle::before,
.patient-faq-item[open] .patient-faq-toggle::after {
    background: #F7F3EF;
}

.patient-faq-item[open] .patient-faq-toggle::after {
    transform: translate(-50%, -50%) rotate(0);
}

.patient-faq-answer {
    padding: 0 38px 24px 46px;
}

.patient-faq-answer p {
    margin: 0;
    color: #70666A;
    font-family: "Sofia Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
}
 
.patient-faq-link:hover .fontello-arrow {
    transform: translateX(3px);
}

.patient-faq-link .fontello-arrow {
    transition: transform 0.25s ease;
}


/* Footer Tab */

footer {
    background: url(../images/dots.png) repeat left top #542832;
}

.hc-footer-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.65fr);
    align-items: center;
    gap: 8%;
    min-height: 490px;
    padding: 76px 0 82px;
    border-bottom: 1px solid rgba(247, 243, 239, 0.19);
}

.hc-footer-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 730px;
}

.hc-footer-kicker {
    display: block;
    margin-bottom: 28px;
    color: #D8B9B8;
    font-family: "Sofia Pro", sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
}

.hc-footer-hero h2 {
    margin: 0;
    color: #F7F3EF;
    font-family: "Sofia Pro", Arial, sans-serif;
    font-size: clamp(58px, 7.1vw, 104px);
    font-weight: 400;
    line-height: 0.99;
    letter-spacing: -4px;
}

.hc-footer-hero h2 em {
    color: #D8B9B8;
    font-weight: 400;
	font-style: normal;
}

.hc-footer-hero-copy > p {
    max-width: 410px;
    margin: 27px 0 0;
    color: #D8C7C5;
    font-family: "Sofia Pro", sans-serif;
    font-size: 14px;
    line-height: 1.95;
}


.hc-footer-appointment {
    position: relative;
    z-index: 2;
    padding: 30px;
    background: #F7F3EF;
    color: #542832;
}

.hc-footer-appointment-index {
    display: block;
    margin-bottom: 25px;
    color: #8B4C59;
    font-family: "Sofia Pro", sans-serif;
    font-size: 9px;
    letter-spacing: 1.7px;
}

.hc-footer-appointment > p {
    margin: 0 0 20px;
    color: #542832;
    font-family: "Sofia Pro", Arial, sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.4;
}

.hc-footer-appointment-rule {
    height: 1px;
    margin: 27px 0 23px;
    background: rgba(84, 40, 50, 0.17);
}

.hc-footer-small-label {
    display: block;
    margin-bottom: 12px;
    color: #8B4C59;
    font-family: "Sofia Pro", sans-serif;
    font-size: 9px;
    letter-spacing: 1.6px;
}

.hc-footer-phone {
    display: block;
    width: fit-content;
    margin-top: 9px;
    color: #542832;
    font-family: "Sofia Pro", Arial, sans-serif;
    font-size: 19px;
    text-decoration: none;
    transition: color 0.25s ease;
}

.hc-footer-phone:hover {
    color: #8B4C59;
}


.hc-footer-watermark {
    position: absolute;
    right: 28%;
    bottom: -120px;
    z-index: 0;
    color: rgba(216, 185, 184, 0.035);
    font-family: "Sofia Pro", Arial, sans-serif;
    font-size: clamp(300px, 40vw, 600px);
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}


.hc-footer-navigation {
    display: grid;
    grid-template-columns: 0.9fr 0.8fr 1.3fr 0.95fr;
    gap: 42px;
    padding: 58px 0 64px;
    border-bottom: 1px solid rgba(247, 243, 239, 0.19);
}

.hc-footer-nav-intro,
.hc-footer-nav-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    letter-spacing: 0.3px;
}

.hc-footer-nav-label,
.hc-footer-nav-heading {
    display: block;
    margin-bottom: 22px;
    color: #D8B9B8;
    font-family: "Sofia Pro", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.6px;
}

.hc-footer-nav-intro p {
    max-width: 190px;
    margin: 0;
    color: #D8C7C5;
    font-family: "Sofia Pro", sans-serif;
    font-size: 13px;
    line-height: 1.9;
}

.hc-footer-nav-group {
    gap: 15px;
}

.hc-footer-nav-group a {
    color: #F0E5E1;
    font-family: "Sofia Pro", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.75;
    text-decoration: none;
    transition: color 0.25s ease;
}

.hc-footer-nav-group a:hover {
    color: #D8B9B8;
}

.hc-footer-nav-heading {
    margin-bottom: 7px;
}

.hc-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 0 27px;
    border-top: 1px solid rgba(247, 243, 239, 0.19);
}

.hc-footer-bottom p {
    margin: 0;
    font-family: "Sofia Pro", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
    color: #D8B9B8;
}

.hc-footer-copyright {
    color: #D8C7C5;
    text-align: left;
}

.hc-footer-credit {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgba(247, 243, 239, 0.62);
    text-align: right;
}

.hc-footer-credit a {
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
    color: #D8B9B8;
    font-weight: 500;
    text-decoration: none;
}

.hc-footer-credit a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #D8B9B8;
    content: "";
    transform: scaleX(1);
    transform-origin: left;
    transition: background 0.3s ease, height 0.3s ease;
}

/* About */


#Shadow:before{
}

#iAbout{
	background: #F7F3EF;
}

.iabout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    align-items: center;
    gap: clamp(40px, 7vw, 100px);
    padding: 80px 0;
    color: #282426;
}

.iabout-l {
    min-width: 0;
}

.iabout-l .above-h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 23px;
    color: #AA0404;
    font: 600 12px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.iabout-l .above-h1::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.iabout-l h1 {
    max-width: 650px;
    margin: 0;
    color: #542832;
    font: 400 clamp(52px, 6.2vw, 70px) / .98 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -3px;
    text-wrap: balance;
}

.iabout-l .below-h1 {
    display: block;
    margin: 22px 0 24px;
    color: #AA0404;
    font: 600 12px / 1.7 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.iabout-l p {
    max-width: 550px;
    margin: 0;
    color: #141414;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.iabout-l a {
	margin: 30px 0 0 0;
}

.iabout-r {
    position: relative;
    min-width: 0;
    padding: 0 14px 14px 0;
}

.iabout-r::before {
    position: absolute;
    z-index: 0;
    top: -14px;
    right: 0;
    width: 72%;
    height: 72%;
    border: 1px solid #542832;
    content: "";
}

.doc-img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 450px;
    aspect-ratio: .88;
    margin-left: auto;
    overflow: hidden;
    background: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.doc-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
}

/* Responsive layout */

@media (max-width: 760px) {
    .iabout-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
        padding: 42px 22px 48px;
    }

    .iabout-l .above-h1 {
        margin-bottom: 18px;
    }

    .iabout-l h1 {
        font-size: clamp(48px, 12vw, 68px);
        letter-spacing: -2px;
    }

    .iabout-l .below-h1 {
        margin: 17px 0 19px;
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .iabout-l p {
        font-size: 13px;
        line-height: 1.85;
    }

    .iabout-r {
        width: min(100%, 390px);
        margin: 0 auto;
    }

    .doc-img {
        max-width: none;
    }
}

/* iProfile */

#iProfile {
    background: #FFFFFF;
    color: #282426;
    padding: 75px 0 85px;
}

.iprofile-grid {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    align-items: start;
    gap: 80px;
}

.iprofile-heading .above-h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.iprofile-heading .above-h1::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.iprofile-heading h2 {
    max-width: 430px;
    margin: 0;
    color: #542832;
    font: 400 clamp(42px, 4.2vw, 58px) / 1.02 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.iprofile-heading h2 em {
    display: block;
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
} 

.iprofile-content h3 {
    margin: 0 0 17px;
    color: #542832;
    font: 400 25px / 1.55 "Sofia Pro", Arial, sans-serif;
}

.iprofile-content p,
.iprofile-stat p {
    margin: 0 0 15px;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.iprofile-content p:last-child {
    margin-bottom: 0;
}

.iprofile-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 40px;
    border-top: 1px solid #D8B9B8;
    border-bottom: 1px solid #D8B9B8;
}

.iprofile-stat {
    min-width: 0;
    padding: 19px 21px;
    border-right: 1px solid #E9E1DA;
}

.iprofile-stat:first-child {
    padding-left: 0;
}

.iprofile-stat:last-child {
    padding-right: 0;
    border-right: 0;
}

.iprofile-stat h3 {
    margin: 0 0 7px;
    color: #542832;
    font: 400 18px / 1.4 "Sofia Pro", Arial, sans-serif;
}

.iprofile-stat p {
    margin-bottom: 0;
}

/* Responsive layout */

@media (max-width: 760px) {
    #iProfile {
        padding: 45px 22px;
    }

    .iprofile-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
    }

    .iprofile-heading h2 {
        max-width: 480px;
        font-size: clamp(42px, 10.5vw, 54px);
        letter-spacing: -1.3px;
    }

    .iprofile-content h3 {
        font-size: 21px;
        line-height: 1.5;
    }

    .iprofile-stats {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 30px;
    }

    .iprofile-stat,
    .iprofile-stat:first-child,
    .iprofile-stat:last-child {
        padding: 15px 0;
        border-right: 0;
        border-bottom: 1px solid #E9E1DA;
    }

    .iprofile-stat:last-child {
        border-bottom: 0;
    }
}

/* iClinical */

/* Happily Club Code — Clinical Interests */

#iClinical {
    padding: 75px 0 85px;
    background: #F0E7E3;
    color: #282426;
}

#iClinical-Intra {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 15px;
}

.iclinical-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
    align-items: end;
    gap: 60px;
}

.iclinical-heading .above-h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.iclinical-heading .above-h1::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.iclinical-heading h2 {
    margin: 0;
    color: #542832;
    font: 400 clamp(42px, 4.2vw, 58px) / 1.02 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.iclinical-heading h2 em {
    display: block;
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.iclinical-heading-r {
    padding-bottom: 5px;
}

.iclinical-heading-r p,
.iclinical-card p {
    margin: 0;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.iclinical-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 36px;
    border-top: 1px solid #D8B9B8;
    border-left: 1px solid #D8B9B8;
}

.iclinical-card {
    min-width: 0;
    padding: 24px 22px;
    border-right: 1px solid #D8B9B8;
    border-bottom: 1px solid #D8B9B8;
    background: #F7F3EF;
    transition: background .25s ease;
}

.iclinical-card:hover {
    background: #FFFFFF;
}

.iclinical-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
    color: #AA0404;
    font: 400 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

.iclinical-card-top i {
    width: 7px;
    height: 7px;
    border: 1px solid #B36E7B;
    border-radius: 50%;
}

.iclinical-card h3 {
    margin: 0 0 12px;
    color: #542832;
    font: 400 23px / 1.3 "Sofia Pro", Arial, sans-serif;
}

@media (max-width: 760px) {
    #iClinical {
        padding: 45px 0;
    }

    #iClinical-Intra {
        padding: 0 22px;
    }

    .iclinical-heading {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .iclinical-heading h2 {
        font-size: clamp(40px, 10vw, 52px);
        letter-spacing: -1.3px;
    }

    .iclinical-grid {
        grid-template-columns: 1fr;
        margin-top: 28px;
    }

    .iclinical-card {
        padding: 20px 17px;
    }

    .iclinical-card-top {
        margin-bottom: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .iclinical-card {
        transition: none;
    }
}

/* Education */


#iEducation {
    padding: 75px 0 85px;
    background: #542832;
    color: #F7F3EF;
}


.ieducation-grid {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    align-items: start;
    gap: 80px;
}

.ieducation-intro .above-h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #D8B9B8;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.ieducation-intro .above-h1::before {
    width: 25px;
    height: 1px;
    background: #D8B9B8;
    content: "";
}

.ieducation-intro h2 {
    margin: 0;
    color: #F7F3EF;
    font: 400 clamp(42px, 4.2vw, 58px) / 1.08 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.ieducation-intro h2 em {
    display: block;
    color: #D8B9B8;
    font-weight: 400;
	font-style: normal;
}

.ieducation-intro p {
    max-width: 390px;
    margin: 25px 0 0;
    color: #E9DCDD;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.ieducation-label {
    display: block;
    margin-bottom: 14px;
    color: #D8B9B8;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ieducation-qualification {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 19px 0;
    border-top: 1px solid #76535B;
}

.ieducation-qualification:last-child {
    border-bottom: 1px solid #76535B;
}

.ieducation-year {
    padding-top: 5px;
    color: #E9DCDD;
    font: 400 12px / 1.7 "Sofia Pro", Arial, sans-serif;
}

.ieducation-qualification h3 {
    margin: 0 0 6px;
    color: #F7F3EF;
    font: 400 21px / 1.35 "Sofia Pro", Arial, sans-serif;
}

.ieducation-qualification div > span {
    color: #E9DCDD;
    font: 400 13px / 1.7 "Sofia Pro", Arial, sans-serif;
}

.ieducation-training {
    margin-top: 35px;
}

.ieducation-training-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ieducation-training-grid li {
    position: relative;
    padding: 14px 0 14px 17px;
    border-bottom: 1px solid #76535B;
    color: #F7F3EF;
    font: 400 14px / 1.75 "Sofia Pro", Arial, sans-serif;
}

.ieducation-training-grid li::before {
    position: absolute;
    top: 23px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #D8B9B8;
    content: "";
}

.ieducation-training-grid li span {
    color: #E9DCDD;
}

/* Happily Club Code — Professional Associations */

#iAssociations {
    padding: 75px 0 85px;
    background: #F0E7E3;
    color: #282426;
}

#iAssociations-Intra {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 15px;
}

.iassociations-grid {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: 80px;
}

.iassociations-heading .above-h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.iassociations-heading .above-h1::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.iassociations-heading h2 {
    margin: 0;
    color: #542832;
    font: 400 clamp(42px, 4.2vw, 58px) / 1.08 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.iassociations-heading h2 em {
    display: block;
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.iassociations-heading p {
    max-width: 390px;
    margin: 23px 0 0;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.iassociations-list {
    border-top: 1px solid #D8B9B8;
}

.iassociation-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 23px 0;
    border-bottom: 1px solid #D8B9B8;
}

.iassociation-item h3 {
    margin: 0;
    color: #542832;
    font: 400 22px / 1.45 "Sofia Pro", Arial, sans-serif;
}

.iassociation-item span {
    flex-shrink: 0;
    color: #542832;
    font: 600 13px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

/* Responsive layout */

@media (max-width: 760px) {
    #iAssociations {
        padding: 45px 0;
    }

    #iAssociations-Intra {
        padding: 0 22px;
    }

    .iassociations-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .iassociations-heading h2 {
        font-size: clamp(42px, 10vw, 54px);
        letter-spacing: -1.3px;
    }

    .iassociations-heading p {
        margin-top: 18px;
    }

    .iassociation-item {
        gap: 15px;
        padding: 19px 0;
    }

    .iassociation-item h3 {
        font-size: 19px;
    }
}

/* Contact Page */

/* Happily Club Code — Contact & Appointments */

#iContact {
    padding: 75px 0 85px;
    background: #F7F3EF;
    color: #282426;
}

.icontact-heading {
    max-width: 760px;
    margin-bottom: 50px;
}

#iContact .above-h1,
.icontact-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

#iContact .above-h1::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.icontact-heading h1 {
    margin: 0;
    color: #542832;
    font: 400 clamp(42px, 4.4vw, 60px) / 1.06 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.icontact-heading h1 em {
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.icontact-heading > p,
.icontact-info > p,
.icontact-form-heading > p,
.icontact-form-note {
    margin: 0;
    color: #65585A;
    font: 400 16px / 1.85 "Sofia Pro", Arial, sans-serif;
}

.icontact-heading > p {
    max-width: 620px;
    margin-top: 16px;
}

.icontact-grid {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    align-items: start;
    gap: 48px;
}

.icontact-info {
    min-width: 0;
    padding-top: 8px;
}

.icontact-info .icontact-kicker {
    margin-bottom: 12px;
}

.icontact-info h2 {
    margin: 0 0 20px;
    color: #542832;
    font: 400 32px / 1.2 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -.6px;
}

.icontact-info > p {
    margin-bottom: 24px;
}

/* Contact methods */

.icontact-methods {
    border-top: 1px solid #D8B9B8;
}

.icontact-method {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 17px 0;
    border-bottom: 1px solid #D8B9B8;
    color: #542832;
    text-decoration: none;
}

.icontact-icon.hc-social-icon {
    position: relative;
    display: block;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
}

.icontact-icon.hc-social-icon::before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-family: fontello;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    transform: translateY(-50%);
    transition: color .3s ease;
}

.whatsapp-ico::before {
    content: "\F232";
    color: #25D366;
}

.email-ico::before {
    content: "\E808";
    color: #EA4335;
}

.call-ico::before {
    content: "\E80E";
    color: #34A853;
}

.meetup-ico::before {
    content: "\E806";
    color: #4285F4;
}

.icontact-method-copy {
    flex: 1;
    min-width: 0;
}

.icontact-method-copy small {
    display: block;
    margin-bottom: 4px;
    color: #70666A;
    font: 600 9px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

.icontact-method-copy strong {
    display: block;
    overflow-wrap: anywhere;
    color: #542832;
    font: 400 17px / 1.5 "Sofia Pro", Arial, sans-serif;
}

.icontact-method:hover .icontact-method-copy strong {
    color: #AA0404;
}

/* Online booking link */

/* Happily Club Code — Online Appointment Link */

.icontact-online {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding: 18px;
    background: #542832;
    color: #F7F3EF;
    text-decoration: none;
    transition: background .2s ease;
}

.icontact-online small,
.icontact-online strong {
    display: block;
}

.icontact-online small {
    margin-bottom: 5px;
    color: #D8B9B8;
    font: 600 9px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

.icontact-online strong {
    font: 400 18px / 1.4 "Sofia Pro", Arial, sans-serif;
}

.icontact-online::after {
    content: "\E826";
    flex-shrink: 0;
    font-family: "fontello";
    font-size: 18px;
    line-height: 1;
    transition: transform .25s ease;
}

.icontact-online:hover {
    background: #713A46;
	color: #fff;
}

.icontact-online:hover::after {
    transform: translate(3px, -3px);
}

.icontact-info .icontact-note {
    margin-top: 16px;
}

/* Appointment form */

.icontact-form-wrap {
    min-width: 0;
    padding: 30px;
    border: 1px solid #E9E1DA;
    background: #FFFFFF;
}

.icontact-form-heading {
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E1DA;
}

.icontact-form-heading .icontact-kicker {
    margin-bottom: 10px;
}

.icontact-form-heading h2 {
    margin: 0 0 8px;
    color: #542832;
    font: 400 30px / 1.2 "Playfair Display", "Sofia Pro", Arial, sans-serif;
}

.icontact-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px 16px;
    padding-top: 22px;
}

.icontact-field {
    min-width: 0;
}

.icontact-field-full {
    grid-column: 1 / -1;
}

.icontact-field label {
    display: block;
    margin-bottom: 7px;
    color: #542832;
    font: 600 12px / 1.5 "Sofia Pro", Arial, sans-serif;
}

.icontact-field input,
.icontact-field select,
.icontact-field textarea {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 11px 12px;
    border: 1px solid #D8B9B8;
    border-radius: 0;
    outline: none;
    background: #F7F3EF;
    color: #282426;
    font: 400 16px / 1.5 "Sofia Pro", Arial, sans-serif;
}

.icontact-field textarea {
    min-height: 100px;
    resize: vertical;
}

.icontact-field input::placeholder,
.icontact-field textarea::placeholder {
    color: #8A7C7D;
}

.icontact-field input:focus,
.icontact-field select:focus,
.icontact-field textarea:focus {
    border-color: #AA0404;
    background: #FFFFFF;
}

.icontact-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 19px;
    color: #65585A;
    font: 400 13px / 1.75 "Sofia Pro", Arial, sans-serif;
}

.icontact-consent input {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 3px 0 0;
    accent-color: #542832;
}

.icontact-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 0 17px;
    border: 1px solid #542832;
    border-radius: 0;
    background: #542832;
    color: #FFFFFF;
    cursor: pointer;
    font: 500 14px / 1.5 "Sofia Pro", Arial, sans-serif;
    transition: background .2s ease;
}

.icontact-submit:hover {
    background: #8B4C59;
    color: #fff;
}

.icontact-form .icontact-form-note {
    margin-top: 12px;
}

#iContact a:focus-visible,
#iContact button:focus-visible {
    outline: 2px solid #AA0404;
    outline-offset: 4px;
}

/* Responsive layout */

@media (max-width: 760px) {
    #iContact {
        padding: 45px 0;
    }

    #iContact-Intra {
        padding: 0 22px;
    }

    .icontact-heading {
        margin-bottom: 34px;
    }

    .icontact-heading h1 {
        font-size: clamp(42px, 10vw, 54px);
        letter-spacing: -1.3px;
    }

    .icontact-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    .icontact-info h2 {
        font-size: 30px;
    }

    .icontact-form-wrap {
        padding: 23px 18px;
    }

    .icontact-form-heading h2 {
        font-size: 28px;
    }

    .icontact-fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
        padding-top: 19px;
    }

    .icontact-field-full {
        grid-column: auto;
    }
}














/* FAQ */

/* Happily Club Code — FAQ Page */

#iFAQ {
    padding: 75px 0 85px;
    background: #F7F3EF;
    color: #282426;
}

#iFAQ * {
    box-sizing: border-box;
}

#iFAQ-Intra {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 15px;
}

.ifaq-grid {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: 75px;
}

.ifaq-intro {
    min-width: 0;
}

#iFAQ .above-h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

#iFAQ .above-h1::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.ifaq-intro h1 {
    margin: 0;
    color: #542832;
    font: 400 clamp(42px, 4.2vw, 58px) / 1.06 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.ifaq-intro h1 em {
    display: block;
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.ifaq-intro > p,
.ifaq-answer p {
    margin: 22px 0 0;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.ifaq-answer p {
    margin: 0;
}

.ifaq-intro a{
	margin: 30px 0 0 0;
}

/* FAQ accordion */

.ifaq-content {
    min-width: 0;
    border-top: 1px solid #D8B9B8;
}

.ifaq-item {
    border-bottom: 1px solid #D8B9B8;
}

.ifaq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 22px 0;
    color: #542832;
    cursor: pointer;
    list-style: none;
    font: 400 20px / 1.45 "Sofia Pro", Arial, sans-serif;
}

.ifaq-item summary::-webkit-details-marker {
    display: none;
}

.ifaq-item summary::after {
    content: "+";
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid #D8B9B8;
    color: #AA0404;
    font: 400 19px / 1 "Sofia Pro", Arial, sans-serif;
    transition: background .2s ease, color .2s ease;
}

.ifaq-item[open] summary::after {
    content: "−";
    border-color: #542832;
    background: #542832;
    color: #FFFFFF;
}

.ifaq-item summary:hover {
    color: #AA0404;
}

.ifaq-item summary:focus-visible,
#iFAQ a:focus-visible {
    outline: 2px solid #AA0404;
    outline-offset: 4px;
}

.ifaq-answer {
    padding: 0 45px 24px 0;
}

/* Responsive layout */

@media (max-width: 760px) {
    #iFAQ {
        padding: 45px 0;
    }

    #iFAQ-Intra {
        padding: 0 22px;
    }

    .ifaq-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

    .ifaq-intro h1 {
        font-size: clamp(42px, 10vw, 54px);
        letter-spacing: -1.3px;
    }

    .ifaq-intro > p {
        margin-top: 18px;
    } 

    .ifaq-item summary {
        gap: 15px;
        padding: 19px 0;
        font-size: 18px;
    }

    .ifaq-answer {
        padding: 0 0 21px;
    }
}


/* Research and Publications */

/* Happily Club Code — Research & Publications */

#iResearch {
    padding: 75px 0 85px;
    background: #F7F3EF;
    color: #282426;
}

#iResearch * {
    box-sizing: border-box;
}

#iResearch-Intra {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Page heading */

.iresearch-heading {
    padding-bottom: 42px;
}

#iResearch .above-h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

#iResearch .above-h1::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.iresearch-heading-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: end;
    gap: 55px;
}

.iresearch-heading h1 {
    max-width: 760px;
    margin: 0;
    color: #542832;
    font: 400 clamp(42px, 4.5vw, 62px) / 1.05 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.iresearch-heading h1 em {
    display: block;
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.iresearch-heading-grid > p,
.iresearch-section-heading > p,
.iresearch-conference-list p {
    margin: 0;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

/* Publication metrics */

.iresearch-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 38px;
    border-top: 1px solid #D8B9B8;
    border-bottom: 1px solid #D8B9B8;
}

.iresearch-stat {
    padding: 18px 20px;
    border-right: 1px solid #D8B9B8;
}

.iresearch-stat:first-child {
    padding-left: 0;
}

.iresearch-stat:last-child {
    padding-right: 0;
    border-right: 0;
}

.iresearch-stat strong,
.iresearch-stat span {
    display: block;
}

.iresearch-stat strong {
    margin-bottom: 5px;
    color: #542832;
    font: 400 30px / 1.2 "Playfair Display", "Sofia Pro", Arial, sans-serif;
}

.iresearch-stat span {
    color: #65585A;
    font: 400 12px / 1.6 "Sofia Pro", Arial, sans-serif;
}

/* Section headings */

.iresearch-section {
    margin-top: 58px;
}

.iresearch-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
    align-items: end;
    gap: 40px;
    margin-bottom: 25px;
}

.iresearch-index {
    display: block;
    margin-bottom: 12px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.5px;
}

.iresearch-section-heading h2 {
    margin: 0;
    color: #542832;
    font: 400 clamp(32px, 3.5vw, 44px) / 1.15 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1px;
}

/* Original article list */

.iresearch-list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #D8B9B8;
    list-style: none;
    counter-reset: research;
}

.iresearch-list li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px solid #D8B9B8;
    counter-increment: research;
}

.iresearch-list li::before {
    padding-top: 4px;
    color: #AA0404;
    content: counter(research, decimal-leading-zero);
    font: 600 14px / 1.6 "Sofia Pro", Arial, sans-serif;
    letter-spacing: .5px;
}

.iresearch-entry h3 {
    margin: 0 0 8px;
    color: #542832;
    font: 400 21px / 1.45 "Sofia Pro", Arial, sans-serif;
}

.iresearch-meta {
    display: block;
    color: #70666A;
    font: 400 13px / 1.75 "Sofia Pro", Arial, sans-serif;
}

.iresearch-meta i {
    padding: 0 4px;
    color: #AA0404;
    font-style: normal;
}

/* Case reports */

.iresearch-cases {
    margin-top: 65px;
    padding: 42px 30px 30px;
    background: #F0E7E3;
}

.iresearch-case-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #D8B9B8;
    border-left: 1px solid #D8B9B8;
}

.iresearch-case {
    min-width: 0;
    padding: 23px 22px;
    border-right: 1px solid #D8B9B8;
    border-bottom: 1px solid #D8B9B8;
    background: #F7F3EF;
}

.iresearch-case-number {
    display: block;
    margin-bottom: 18px;
    color: #AA0404;
    font: 600 14px / 1.6 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

.iresearch-case h3 {
    margin: 0 0 13px;
    color: #542832;
    font: 400 20px / 1.45 "Sofia Pro", Arial, sans-serif;
}

/* Conferences and presentations */

.iresearch-presentations {
    margin-top: 65px;
}

.iresearch-presentation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 27px;
    border-top: 1px solid #D8B9B8;
    border-bottom: 1px solid #D8B9B8;
}

.iresearch-presentation {
    padding: 22px 20px;
    border-right: 1px solid #D8B9B8;
}

.iresearch-presentation:first-child {
    padding-left: 0;
}

.iresearch-presentation:last-child {
    padding-right: 0;
    border-right: 0;
}

.iresearch-presentation span,
.iresearch-presentation strong {
    display: block;
}

.iresearch-presentation span {
    margin-bottom: 10px;
    color: #70666A;
    font: 600 9px / 1.6 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

.iresearch-presentation strong {
    color: #542832;
    font: 400 27px / 1.3 "Playfair Display", "Sofia Pro", Arial, sans-serif;
}

.iresearch-conference-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 35px;
    margin-top: 22px;
}

.iresearch-conference-list > div {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #E9E1DA;
}

.iresearch-conference-mark {
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #AA0404;
}


/* Responsive layout */

@media (max-width: 760px) {
    #iResearch {
        padding: 45px 0;
    }

    #iResearch-Intra {
        padding: 0 22px;
    }

    .iresearch-heading-grid,
    .iresearch-section-heading {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .iresearch-heading h1 {
        font-size: clamp(42px, 10vw, 54px);
        letter-spacing: -1.3px;
    }

    .iresearch-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .iresearch-stat {
        padding: 16px 12px;
        border-bottom: 1px solid #D8B9B8;
    }

    .iresearch-stat:nth-child(2) {
        border-right: 0;
    }

    .iresearch-stat:nth-child(3),
    .iresearch-stat:nth-child(4) {
        border-bottom: 0;
    }

    .iresearch-stat:first-child,
    .iresearch-stat:nth-child(3) {
        padding-left: 0;
    }

    .iresearch-section,
    .iresearch-cases,
    .iresearch-presentations {
        margin-top: 42px;
    }

    .iresearch-cases {
        padding: 28px 15px 15px;
    }

    .iresearch-list li {
        grid-template-columns: 27px minmax(0, 1fr);
        gap: 12px;
        padding: 18px 0;
    }

    .iresearch-entry h3 {
        font-size: 19px;
    }

    .iresearch-case-grid,
    .iresearch-conference-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .iresearch-case {
        padding: 20px 16px;
    }

    .iresearch-presentation-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .iresearch-presentation,
    .iresearch-presentation:first-child,
    .iresearch-presentation:last-child {
        padding: 17px 0;
        border-right: 0;
        border-bottom: 1px solid #D8B9B8;
    }

    .iresearch-presentation:last-child {
        border-bottom: 0;
    }

}










/* Responsive layout */

@media (max-width: 760px) {
    #iEducation {
        padding: 45px 0;
    }

    #iEducation-Intra {
        padding: 0 22px;
    }

    .ieducation-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

    .ieducation-intro h2 {
        font-size: clamp(42px, 10vw, 54px);
        letter-spacing: -1.3px;
    }

    .ieducation-training {
        margin-top: 30px;
    }

    .ieducation-qualification {
        grid-template-columns: 85px minmax(0, 1fr);
        gap: 14px;
    }

    .ieducation-qualification h3 {
        font-size: 19px;
    }

    .ieducation-training-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}




 
/* Mobile */

@media (max-width: 1120px) {
	.ortho-cards {
		grid-template-columns: repeat(2, 1fr);
	}
	.card {
		margin: 25px 0;
	}
	#Welcome {
		padding: 80px 0;
	}
	#About-Intra {
		margin: 0;
	}
}

@media (max-width: 1100px) {
    #Footer {
        padding: 0 30px;
    }

    .hc-footer-hero {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
        gap: 35px;
        min-height: 0;
        padding: 65px 0;
    }

    .hc-footer-hero h2 {
        font-size: clamp(54px, 6vw, 76px);
        letter-spacing: -2.5px;
    }

    .hc-footer-appointment {
        padding: 24px;
    }

    .hc-footer-navigation {
        grid-template-columns: 1fr 1fr;
        gap: 42px 35px;
    }

    .hc-footer-nav-intro p {
        max-width: 240px;
    }
 
 
}

@media (max-width: 1024px) {
    #Testimonials {
        padding: 85px 26px;
    }

    .patient-faq-grid {
        grid-template-columns: 0.85fr 1.15fr;
        gap: 50px;
    }

    .patient-faq-intro {
        position: static;
    } 
  .review-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .review-tabs {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .review-tabs::-webkit-scrollbar {
    display: none;
  }

  .review-tabs {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .review-tabs .tab {
    white-space: nowrap;
    flex-shrink: 0;
  }
	.logo {
		width: 280px;
	}
  .logo a.logos {
		width: 280px;
	}
}

@media (max-width: 991px) {
    .doctor-l h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 960px) {
	.logo{
		display: block;
		width: auto;
		text-align: center;
		margin: 10px 0;
	}
	.header-right{
		display: block;
		width: auto;
		text-align: center;
	}
}

@media (max-width: 900px) {
    #Services {
        padding: 75px 20px;
    }

    .services-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }

    .services-heading-r {
        max-width: 560px;
    }

    .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-content {
        padding: 23px 20px;
    }

    .service-content h3 {
        font-size: 23px;
    }

    .services-bottom {
        padding: 32px 26px;
        gap: 25px;
    }
}

@media (max-width: 767px) {
    #Testimonials {
        padding: 65px 20px;
    }

    .patient-faq-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .patient-faq-intro h2 {
        max-width: 360px;
        font-size: 42px;
    }

    .patient-faq-description {
        font-size: 14px;
    }

    .patient-faq-heading h3 {
        font-size: 30px;
    }

    .patient-faq-item summary {
        grid-template-columns: 25px minmax(0, 1fr) 22px;
        gap: 10px;
        padding: 20px 0;
    }

    .patient-faq-question {
        font-size: 14px;
    }

    .patient-faq-answer {
        padding: 0 30px 22px 35px;
    }

    .patient-faq-answer p {
        font-size: 13px;
    } 
	
}

@media (max-width: 650px) {
    #Footer {
        padding: 0 21px;
    }

    .hc-footer {
        padding-top: 26px;
    }

    .hc-footer-hero {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 52px 0 45px;
    } 

    .hc-footer-hero h2 {
        font-size: clamp(48px, 12vw, 69px);
        line-height: 1.03;
        letter-spacing: -2.2px;
    }

    .hc-footer-hero-copy > p {
        max-width: 370px;
        margin-top: 21px;
        font-size: 13px;
        line-height: 1.9;
    }

    .hc-footer-appointment {
        padding: 25px;
    }

    .hc-footer-appointment > p {
        font-size: 22px;
    }

    .hc-footer-watermark {
        right: -40px;
        bottom: 250px;
        font-size: 300px;
    }

    .hc-footer-navigation {
        grid-template-columns: 1fr 1fr;
        gap: 37px 22px;
        padding: 40px 0;
    }

    .hc-footer-nav-intro,
    .hc-footer-nav-group {
        min-width: 0;
    }

    .hc-footer-nav-label,
    .hc-footer-nav-heading {
        margin-bottom: 16px;
        font-size: 8px;
        letter-spacing: 1.2px;
    }

    .hc-footer-nav-group {
        gap: 12px;
    }

    .hc-footer-nav-group a {
        font-size: 11px;
        line-height: 1.8;
        overflow-wrap: anywhere;
    }

    .hc-footer-nav-intro p {
        font-size: 11px;
    }
 
}

@media screen and (max-width: 640px) {	
	#Specialities-Intra .info {
		font: 400 16px / 28px "Sofia Pro", Arial, sans-serif;
	}
	.specialities-list > li,
	.textMain .specialities-list > li{
		display: block;
		width: 95%;
		margin: 20px auto;
		min-height: auto;
	}
	.sticky-social{
		display: none;
	}
	#Header-Top {
		border-bottom: none;
	}
	.header-top-l{
		display: block;
		text-align: center;
	}
	.header-top-r{
		display: block;
		text-align: center;
		width: auto;
	}
	header {
		position: relative;
		z-index: 9999;
		padding: 5px 0 0 0;
	}
	body.home header {
		position: absolute;
	}
	#Header{
		padding: 10px 0 0 0;
	}
		
	.header-right {
		display: none;
	}
	#Mobile-Menu {
        display: block;
	}
	.logo {
        text-align: left;
    }
	.logo a.logos{
		width: 280px;
		padding: 0 0 0 10px;
	}
	#Main-Banner {
		height: calc(var(--vh) * 100);
		padding-top: env(safe-area-inset-top);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.info-l{
		display: block;
	}
	.info-r{
		display: block;
		margin: auto;
	}
	.fold-block h1 {
		font: 400 36px / 46px "Sofia Pro", Arial, sans-serif;
	}
}

@media (max-width: 600px) {
    .hc-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 20px 0 24px;
    }

    .hc-footer-bottom p {
        font-size: 11px;
        text-align: left;
    }
}

@media (max-width: 575px) {
    .quick-connect {
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px 16px;
    }

    .quick-connect li {
        font-size: 11px;
    }
}

@media (max-width: 575px) {
    .page-title h1 {
        font-size: 28px;
        letter-spacing: -0.3px;
        padding-bottom: 18px;
    }

    .page-title h1 span {
        margin-top: 8px;
        font-size: 12px;
        letter-spacing: 0.5px;
    } 
    .doctor-l h2 {
        font-size: 27px;
        letter-spacing: -0.3px;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }

    .doctor-l h2 span {
        margin-top: 6px;
        font-size: 15px;
        letter-spacing: 0.7px;
    }

    .doctor-l h2::after {
        width: 52px;
        height: 3px;
    }
}

@media (max-width: 560px) {
    #Services {
        padding: 55px 18px;
    }

    .services-heading h2 {
        font-size: clamp(38px, 10vw, 48px);
    }

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

    .service-art {
        height: 185px;
    }

    .service-content {
        padding: 24px 21px;
    }

    .service-content h3 {
        font-size: 25px;
    }

    .services-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px 22px;
    }

    .services-bottom-action {
        max-width: none;
        width: 100%;
    }

    .services-cta {
        width: 100%;
        box-sizing: border-box;
    }

    .services-bottom-mark {
        right: -10px;
        bottom: -35px;
        font-size: 190px;
    }
	.welcome h2 {
		font: 300 8px / 30px "Sofia Pro", Arial, sans-serif;
		letter-spacing: 2px;
	}
	.welcome h2 a {
		font: 600 30px / 46px "Sofia Pro", Arial, sans-serif;
		letter-spacing: 1px;
	}
	.welcome p {
		font: 400 15px / 33px "Sofia Pro", Arial, sans-serif;
		letter-spacing: 1px;
		max-width: max-content;
	}
}

@media (prefers-reduced-motion: reduce) {
    .patient-faq-toggle,
    .patient-faq-toggle::after,
    .patient-faq-link .fontello-arrow {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-footer-phone,
    .hc-footer-nav-group a  {
        transition: none;
    }
}





















/* Happily Club Code — Service Hero */

#iService-Hero {
    padding: 90px 0;
    background: #F7F3EF;
    color: #282426;
}

#iService-Hero-intra {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: center;
    gap: 64px;
    margin: 0 auto;
}

.service-hero-content {
    min-width: 0;
}

.service-hero-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 23px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.service-hero-label::before {
    flex: 0 0 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.service-hero-content h1 {
    margin: 0;
    color: #542832;
    font: 400 clamp(44px, 4.5vw, 64px) / 1.04 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.8px;
}

.service-hero-content h1 em {
    display: block;
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.service-hero-content > p {
    max-width: 560px;
    margin: 22px 0 0;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.service-hero-content > a {
	margin: 30px 0 0 0;
}

/* Happily Club Code — Service Hero Visual */ 

.service-hero-visual {
    position: relative;
    min-width: 0;
    height: 570px;
    isolation: isolate;
}

.service-hero-art {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 78%;
    height: 94%;
    padding: 22px;
    background: #542832;
    color: #F7F3EF;
    border-bottom-left-radius: 75px;
}

.service-hero-art-index {
    display: block;
    text-align: right;
    font: 600 9px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.2px;
}

.service-hero-art-copy {
    position: absolute;
    right: 15px;
    bottom: 72px;
    width: 34%;
}

.service-hero-art-copy > span {
    display: block;
    width: 25px;
    height: 1px;
    margin-bottom: 15px;
    background: #D8B9B8;
}

.service-hero-art-copy p {
    margin: 0;
    color: #F7F3EF;
    font: 400 19px / 1.35 "Playfair Display", "Sofia Pro", Arial, sans-serif;
}

.service-hero-art-copy em {
    color: #D8B9B8;
    font-weight: 400;
	font-style: normal;
}

.service-hero-image {
    position: absolute;
    top: 50%;
    left: 0;
    width: 68%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #E9E1DA;
    transform: translateY(-50%);
}

.service-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.service-hero-caption {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 5%;
    width: 48%;
    padding: 15px 16px;
    border-left: 3px solid #AA0404;
    background: #F7F3EF;
    color: #542832;
    font: 600 9px / 1.7 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1px;
}

/* Responsive layout */

@media (max-width: 760px) {
    .service-hero-visual {
        height: auto;
        aspect-ratio: 4 / 4.5;
        margin: 8px 8px 0 0;
    }

    .service-hero-art {
        width: 82%;
        height: 94%;
        padding: 15px;
        border-bottom-left-radius: 48px;
    }

    .service-hero-art-index {
        font-size: 8px;
        letter-spacing: .8px;
    }

    .service-hero-art-copy {
        right: 10px;
        bottom: 48px;
        width: 35%;
    }

    .service-hero-art-copy p {
        font-size: 15px;
    }

    .service-hero-image {
        width: 72%;
    }

    .service-hero-caption {
        bottom: 3%;
        width: 53%;
        padding: 12px;
        font-size: 8px;
        letter-spacing: .6px;
    }
}

 
/* Responsive layout */

@media (max-width: 760px) {
    #iService-Hero {
        padding: 60px 0;
    }

    #iService-Hero-intra {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
        padding: 0 22px;
    }

    .service-hero-label {
        margin-bottom: 18px;
        font-size: 9px;
        letter-spacing: 1.2px;
    }

    .service-hero-content h1 {
        font-size: clamp(42px, 10vw, 54px);
        letter-spacing: -1.3px;
    }

    .service-hero-content > p {
        margin-top: 18px;
    }
 
    .service-hero-visual {
        height: auto;
        aspect-ratio: 1.1;
    }
}

/* Happily Club Code — Service Overview */

#iService-Overview {
    padding: 0 3%;
    background: #FFFFFF;
    padding: 60px 0 65px;
}

#iService-Overview-Intra {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
    align-items: start;
    gap: 70px;
}

.service-overview-heading,
.service-overview-content {
    min-width: 0;
}

.service-overview-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.service-overview-label::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.service-overview-heading h2 {
    margin: 0;
    color: #542832;
    font: 400 clamp(38px, 3.6vw, 50px) / 1.08 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.5px;
}

.service-overview-heading h2 em {
    display: block;
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.service-overview-content {
    padding-top: 5px;
}

.service-overview-content p {
    margin: 0 0 18px;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.service-overview-content p:last-child {
    margin-bottom: 0;
}

/* Responsive layout */

@media (max-width: 760px) {
    #iService-Overview {
        padding: 0 22px;
    }

    #iService-Overview-Intra {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        padding: 42px 0 45px;
    }

    .service-overview-label {
        margin-bottom: 18px;
    }

    .service-overview-heading h2 {
        font-size: clamp(38px, 9vw, 48px);
        letter-spacing: -1.2px;
    }

    .service-overview-content {
        padding-top: 0;
    }

    .service-overview-content p {
        margin-bottom: 15px;
    }
}

/* Happily Club Code — Service Conditions */

#iService-Conditions {
    padding: 90px 15px;
    background: #F0E7E3;
    color: #282426;
}


.service-conditions-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
    align-items: end;
    gap: 55px;
    margin-bottom: 36px;
}

.service-conditions-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.service-conditions-label::before {
    width: 25px;
    height: 1px;
    background: #AA0404;
    content: "";
}

.service-conditions-heading h2 {
    margin: 0;
    color: #542832;
    font: 400 clamp(38px, 3.6vw, 50px) / 1.08 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.5px;
}

.service-conditions-heading h2 em {
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.service-conditions-heading > p {
    margin: 0 0 5px;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.service-conditions-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #D8B9B8;
    border-left: 1px solid #D8B9B8;
}

.service-condition {
    min-width: 0;
    padding: 24px 22px 26px;
    border-right: 1px solid #D8B9B8;
    border-bottom: 1px solid #D8B9B8;
    transition: background .2s ease;
}

.service-condition:hover {
    background: #F7F3EF;
}

.service-condition-index {
    display: block;
    margin-bottom: 23px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: .8px;
}

.service-condition h3 {
    margin: 0 0 10px;
    color: #542832;
    font: 400 21px / 1.4 "Sofia Pro", Arial, sans-serif;
}

.service-condition p {
    margin: 0;
    color: #65585A;
    font: 400 16px / 1.85 "Sofia Pro", Arial, sans-serif;
}

/* Responsive layout */

@media (max-width: 760px) {
    #iService-Conditions {
        padding: 42px 22px;
    }

    .service-conditions-heading {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        margin-bottom: 28px;
    }

    .service-conditions-heading h2 {
        font-size: clamp(38px, 9vw, 48px);
        letter-spacing: -1.2px;
    }

    .service-conditions-label {
        margin-bottom: 18px;
    }

    .service-conditions-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .service-condition {
        padding: 21px 18px;
    }

    .service-condition-index {
        margin-bottom: 15px;
    }
}


/* Happily Club Code — Surgical Approaches */

#iService-Approach {
    padding: 90px 15px;
    background: #FFFFFF;
    color: #282426;
}


.service-approach-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
    align-items: start;
    gap: 65px;
    margin-bottom: 36px;
}

.service-approach-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 23px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.service-approach-label::before {
    width: 25px;
    height: 1px;
    flex-shrink: 0;
    background: #AA0404;
    content: "";
}

.service-approach-heading h2 {
    margin: 0;
    color: #542832;
    font: 400 clamp(38px, 3.6vw, 50px) / 1.08 "Playfair Display", "Sofia Pro", Arial, sans-serif;
    letter-spacing: -1.5px;
}

.service-approach-heading h2 em {
    color: #B36E7B;
    font-weight: 400;
	font-style: normal;
}

.service-approach-heading > p {
    margin: 0;
    padding-top: 2px;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

.service-approach-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #D8B9B8;
    border-bottom: 1px solid #D8B9B8;
}

.service-approach-card {
    min-width: 0;
    padding: 24px 24px 26px;
    border-right: 1px solid #D8B9B8;
}

.service-approach-card:first-child {
    padding-left: 0;
}

.service-approach-card:last-child {
    padding-right: 0;
    border-right: 0;
}

.service-approach-index {
    display: block;
    margin-bottom: 22px;
    color: #AA0404;
    font: 600 10px / 1.5 "Sofia Pro", Arial, sans-serif;
    letter-spacing: .8px;
}

.service-approach-card h3 {
    margin: 0 0 10px;
    color: #542832;
    font: 400 21px / 1.4 "Sofia Pro", Arial, sans-serif;
}

.service-approach-card p {
    margin: 0;
    color: #65585A;
    font: 400 16px / 1.95 "Sofia Pro", Arial, sans-serif;
}

/* Responsive layout */

@media (max-width: 760px) {
    #iService-Approach {
        padding: 42px 22px;
    }

    .service-approach-heading {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        margin-bottom: 28px;
    }

    .service-approach-heading h2 {
        font-size: clamp(38px, 9vw, 48px);
        letter-spacing: -1.2px;
    }

    .service-approach-label {
        margin-bottom: 18px;
    }

    .service-approach-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .service-approach-card,
    .service-approach-card:first-child,
    .service-approach-card:last-child {
        padding: 21px 0;
        border-right: 0;
        border-bottom: 1px solid #D8B9B8;
    }

    .service-approach-card:last-child {
        border-bottom: 0;
    }

    .service-approach-index {
        margin-bottom: 14px;
    }
	.doctor-r{
		display: none;
	}
	.doctor-l {
		padding: 0;
	}
	.res-doc{
		display: block;
	}
}