.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-c94e891{padding:0px 0px 0px 50px;color:#102B5C;}.elementor-13 .elementor-element.elementor-element-c94e891.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-3597fdc{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-6b7b88d{padding:30px 0px 30px 0px;border-radius:208px 208px 208px 208px;box-shadow:0px 0px 9px -4px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-6b7b88d .elementor-icon-box-wrapper{text-align:center;gap:19px;}.elementor-13 .elementor-element.elementor-element-6b7b88d .elementor-icon-box-title{margin-block-end:0px;color:#102B5C;}.elementor-13 .elementor-element.elementor-element-6b7b88d.elementor-view-stacked .elementor-icon{background-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-6b7b88d.elementor-view-framed .elementor-icon, .elementor-13 .elementor-element.elementor-element-6b7b88d.elementor-view-default .elementor-icon{fill:#F47C20;color:#F47C20;border-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-6b7b88d .elementor-icon{font-size:42px;}.elementor-13 .elementor-element.elementor-element-6b7b88d .elementor-icon i{transform:rotate(0deg);}.elementor-13 .elementor-element.elementor-element-6b7b88d:has(:hover) .elementor-icon-box-title,
.elementor-13 .elementor-element.elementor-element-6b7b88d:has(:focus) .elementor-icon-box-title{color:#F47C20;}.elementor-13 .elementor-element.elementor-element-6b7b88d .elementor-icon-box-description{color:#000000;}.elementor-13 .elementor-element.elementor-element-ce1ca68{padding:30px 0px 30px 0px;border-radius:208px 208px 208px 208px;box-shadow:0px 0px 9px -4px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-ce1ca68 .elementor-icon-box-wrapper{text-align:center;gap:19px;}.elementor-13 .elementor-element.elementor-element-ce1ca68 .elementor-icon-box-title{margin-block-end:0px;color:#102B5C;}.elementor-13 .elementor-element.elementor-element-ce1ca68.elementor-view-stacked .elementor-icon{background-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-ce1ca68.elementor-view-framed .elementor-icon, .elementor-13 .elementor-element.elementor-element-ce1ca68.elementor-view-default .elementor-icon{fill:#F47C20;color:#F47C20;border-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-ce1ca68 .elementor-icon{font-size:42px;}.elementor-13 .elementor-element.elementor-element-ce1ca68 .elementor-icon i{transform:rotate(0deg);}.elementor-13 .elementor-element.elementor-element-ce1ca68:has(:hover) .elementor-icon-box-title,
.elementor-13 .elementor-element.elementor-element-ce1ca68:has(:focus) .elementor-icon-box-title{color:#F47C20;}.elementor-13 .elementor-element.elementor-element-ce1ca68 .elementor-icon-box-description{color:#000000;}.elementor-13 .elementor-element.elementor-element-35ade86{padding:30px 0px 30px 0px;border-radius:208px 208px 208px 208px;box-shadow:0px 0px 9px -4px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-35ade86 .elementor-icon-box-wrapper{text-align:center;gap:19px;}.elementor-13 .elementor-element.elementor-element-35ade86 .elementor-icon-box-title{margin-block-end:0px;color:#102B5C;}.elementor-13 .elementor-element.elementor-element-35ade86.elementor-view-stacked .elementor-icon{background-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-35ade86.elementor-view-framed .elementor-icon, .elementor-13 .elementor-element.elementor-element-35ade86.elementor-view-default .elementor-icon{fill:#F47C20;color:#F47C20;border-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-35ade86 .elementor-icon{font-size:42px;}.elementor-13 .elementor-element.elementor-element-35ade86 .elementor-icon i{transform:rotate(0deg);}.elementor-13 .elementor-element.elementor-element-35ade86:has(:hover) .elementor-icon-box-title,
.elementor-13 .elementor-element.elementor-element-35ade86:has(:focus) .elementor-icon-box-title{color:#F47C20;}.elementor-13 .elementor-element.elementor-element-35ade86 .elementor-icon-box-description{color:#000000;}.elementor-13 .elementor-element.elementor-element-55cc8a0{padding:30px 0px 30px 0px;border-radius:208px 208px 208px 208px;box-shadow:0px 0px 9px -4px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-55cc8a0 .elementor-icon-box-wrapper{text-align:center;gap:19px;}.elementor-13 .elementor-element.elementor-element-55cc8a0 .elementor-icon-box-title{margin-block-end:0px;color:#102B5C;}.elementor-13 .elementor-element.elementor-element-55cc8a0.elementor-view-stacked .elementor-icon{background-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-55cc8a0.elementor-view-framed .elementor-icon, .elementor-13 .elementor-element.elementor-element-55cc8a0.elementor-view-default .elementor-icon{fill:#F47C20;color:#F47C20;border-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-55cc8a0 .elementor-icon{font-size:42px;}.elementor-13 .elementor-element.elementor-element-55cc8a0 .elementor-icon i{transform:rotate(0deg);}.elementor-13 .elementor-element.elementor-element-55cc8a0:has(:hover) .elementor-icon-box-title,
.elementor-13 .elementor-element.elementor-element-55cc8a0:has(:focus) .elementor-icon-box-title{color:#F47C20;}.elementor-13 .elementor-element.elementor-element-55cc8a0 .elementor-icon-box-description{color:#000000;}.elementor-13 .elementor-element.elementor-element-c3677ec{padding:30px 0px 30px 0px;border-radius:208px 208px 208px 208px;box-shadow:0px 0px 9px -4px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-c3677ec .elementor-icon-box-wrapper{text-align:center;gap:19px;}.elementor-13 .elementor-element.elementor-element-c3677ec .elementor-icon-box-title{margin-block-end:0px;color:#102B5C;}.elementor-13 .elementor-element.elementor-element-c3677ec.elementor-view-stacked .elementor-icon{background-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-c3677ec.elementor-view-framed .elementor-icon, .elementor-13 .elementor-element.elementor-element-c3677ec.elementor-view-default .elementor-icon{fill:#F47C20;color:#F47C20;border-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-c3677ec .elementor-icon{font-size:42px;}.elementor-13 .elementor-element.elementor-element-c3677ec .elementor-icon i{transform:rotate(0deg);}.elementor-13 .elementor-element.elementor-element-c3677ec:has(:hover) .elementor-icon-box-title,
.elementor-13 .elementor-element.elementor-element-c3677ec:has(:focus) .elementor-icon-box-title{color:#F47C20;}.elementor-13 .elementor-element.elementor-element-c3677ec .elementor-icon-box-description{color:#000000;}.elementor-13 .elementor-element.elementor-element-1db8985{padding:30px 0px 30px 0px;border-radius:208px 208px 208px 208px;box-shadow:0px 0px 9px -4px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-1db8985 .elementor-icon-box-wrapper{text-align:center;gap:19px;}.elementor-13 .elementor-element.elementor-element-1db8985 .elementor-icon-box-title{margin-block-end:0px;color:#102B5C;}.elementor-13 .elementor-element.elementor-element-1db8985.elementor-view-stacked .elementor-icon{background-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-1db8985.elementor-view-framed .elementor-icon, .elementor-13 .elementor-element.elementor-element-1db8985.elementor-view-default .elementor-icon{fill:#F47C20;color:#F47C20;border-color:#F47C20;}.elementor-13 .elementor-element.elementor-element-1db8985 .elementor-icon{font-size:42px;}.elementor-13 .elementor-element.elementor-element-1db8985 .elementor-icon i{transform:rotate(0deg);}.elementor-13 .elementor-element.elementor-element-1db8985:has(:hover) .elementor-icon-box-title,
.elementor-13 .elementor-element.elementor-element-1db8985:has(:focus) .elementor-icon-box-title{color:#F47C20;}.elementor-13 .elementor-element.elementor-element-1db8985 .elementor-icon-box-description{color:#000000;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-13 .elementor-element.elementor-element-aebbc9c .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-13 .elementor-element.elementor-element-aebbc9c .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-aebbc9c{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13 .elementor-element.elementor-element-ce4c53f .elementor-button{background-color:#F47C20;border-style:solid;border-radius:145px 145px 145px 145px;}.elementor-13 .elementor-element.elementor-element-ce4c53f{margin:27px 27px calc(var(--kit-widget-spacing, 0px) + 27px) 27px;}.elementor-13 .elementor-element.elementor-element-f002232{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-42d8500{padding:18px 0px 18px 24px;border-radius:26px 26px 26px 26px;box-shadow:0px 0px 6px 1px #F47C20;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-42d8500 p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-6e7962a{padding:018px 0px 018px 24px;border-radius:26px 26px 26px 26px;box-shadow:0px 0px 6px 1px #F47C20;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-6e7962a p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-a221f46{padding:18px 0px 18px 24px;border-radius:26px 26px 26px 26px;box-shadow:0px 0px 6px 1px #F47C20;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-a221f46 p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-bbba374{padding:18px 0px 18px 24px;border-radius:26px 26px 26px 26px;box-shadow:0px 0px 6px 1px #F47C20;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-bbba374 p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-2799fa8{padding:18px 0px 18px 24px;border-radius:26px 26px 26px 26px;box-shadow:0px 0px 6px 1px #F47C20;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-2799fa8 p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-b26b8e3{padding:18px 0px 18px 24px;border-radius:26px 26px 26px 26px;box-shadow:0px 0px 6px 1px #F47C20;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-b26b8e3 p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-d8421de .elementor-button{background-color:#FFFFFF;fill:#F47C20;color:#F47C20;border-radius:71px 71px 71px 71px;padding:14px 14px 14px 14px;}.elementor-13 .elementor-element.elementor-element-d8421de{padding:020px 0px 020px 0px;}.elementor-13 .elementor-element.elementor-element-d8421de.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-13 .elementor-element.elementor-element-d8421de .elementor-button-content-wrapper{flex-direction:row;}.elementor-13 .elementor-element.elementor-element-d8421de .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-13 .elementor-element.elementor-element-a4ec90c{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-3597fdc{--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-f002232{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-c94e891{width:var( --container-widget-width, 534px );max-width:534px;--container-widget-width:534px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-c94e891.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-3597fdc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-f002232{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-92648a8 *//* ==========================================================
Dr. Sandeep Chahar — HERO SECTION ONLY
Palette: White #FFFFFF (60%) | Orange #F47C20 (30%) | Navy #102B5C (10%)
Font: Poppins
========================================================== */
:root{
--white:#FFFFFF;
--orange:#F47C20;
--navy:#102B5C;
--grey-bg:#FAFAFA;
--text-dark:#1c1c1c;
--text-body:#4a4a4a;
--radius-btn:12px;
--shadow-soft:0 8px 24px rgba(16,43,92,0.08);
--max-width:1280px;
--transition:0.3s ease;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
font-family:'Poppins', sans-serif;
color:var(--text-body);
background:var(--white);
line-height:1.7;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
img{max-width:100%;display:block;border-radius:20px;}
a{text-decoration:none;color:inherit;}
h1{font-weight:700;color:var(--orange);line-height:1.3;}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}
/* -------- Reduced motion -------- */
@media (prefers-reduced-motion: reduce){
.fade-up{opacity:1 !important;transform:none !important;transition:none !important;}
}
/* -------- Fade-up animation (0.5s only) -------- */
.fade-up{
opacity:0;
transform:translateY(16px);
animation:fadeUp 0.5s ease forwards;
}
@keyframes fadeUp{
to{opacity:1;transform:translateY(0);}
}
/* -------- Eyebrow label -------- */
.eyebrow{
display:inline-block;
color:var(--orange);
font-weight:600;
font-size:0.85rem;
letter-spacing:0.08em;
text-transform:uppercase;
margin-bottom:12px;
}
/* -------- Buttons -------- */
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:48px;
padding:12px 28px;
border-radius:var(--radius-btn);
font-weight:600;
font-size:0.98rem;
transition:background var(--transition), color var(--transition);
border:2px solid transparent;
cursor:pointer;
}
.btn-primary{
background:var(--navy);
color:var(--white);
}
.btn-primary:hover{
background:var(--orange);
color:var(--white);
}
.btn-outline{
background:transparent;
border-color:var(--navy);
color:var(--navy);
}
.btn-outline:hover{
background:var(--orange);
border-color:var(--orange);
color:var(--white);
}
/* ============ HERO ============ */
.hero{
background:linear-gradient(180deg, var(--white) 0%, var(--grey-bg) 100%);
padding:72px 0 64px;
}
.hero-grid{
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:56px;
align-items:center;
}
.hero h1{
font-size:clamp(2rem, 4vw, 3rem);
margin-bottom:20px;
}
.hero-sub{
font-size:1.05rem;
margin-bottom:32px;
max-width:560px;
}
.hero-actions{
display:flex;
gap:16px;
flex-wrap:wrap;
margin-bottom:32px;
}
.trust-badges{
display:flex;
flex-wrap:wrap;
gap:20px;
}
.badge{
display:flex;
align-items:center;
gap:8px;
font-size:0.85rem;
font-weight:600;
color:var(--navy);
}
.badge i{color:var(--orange);}
.hero-media img{
box-shadow:var(--shadow-soft);
aspect-ratio:6/7;
object-fit:cover;
}
/* -------- Focus states (accessibility) -------- */
a:focus-visible, .btn:focus-visible{
outline:3px solid var(--orange);
outline-offset:2px;
}
/* ============ TABLET (768px – 1024px) ============ */
@media (max-width:1024px){
.hero{padding:64px 0 56px;}
.hero-grid{gap:40px;}
}
/* ============ MOBILE (below 900px) ============ */
@media (max-width:900px){
.hero-grid{grid-template-columns:1fr;}
.hero-media{order:-1;}
.hero-media img{aspect-ratio:4/3;}
}
@media (max-width:480px){
.hero{padding:48px 0;}
.hero-actions{flex-direction:column;}
.hero-actions .btn{width:100%;}
.trust-badges{gap:14px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c70150 *//* ==========================================================
Dr. Sandeep Chahar — TRUST STATS SECTION ONLY
Palette: White #FFFFFF | Orange #F47C20 (numbers) | Navy #102B5C (background)
Font: Poppins
Update: rounded corners added to the navy stats block
========================================================== */
:root{
--white:#FFFFFF;
--orange:#F47C20;
--navy:#102B5C;
--max-width:1280px;
--radius-block:350px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
font-family:'Poppins', sans-serif;
-webkit-font-smoothing:antialiased;
}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}
/* -------- Reduced motion -------- */
@media (prefers-reduced-motion: reduce){
.fade-up{opacity:1 !important;transform:none !important;transition:none !important;}
}
/* -------- Fade-up animation (0.5s only) -------- */
.fade-up{
opacity:0;
transform:translateY(16px);
animation:fadeUp 0.5s ease forwards;
}
@keyframes fadeUp{
to{opacity:1;transform:translateY(0);}
}
/* ============ STATS STRIP ============ */
.stats-strip{
padding:32px 0;
}
.stats-strip .container{
background:var(--orange);
border-radius:var(--radius-block);
padding:48px 40px;
box-shadow:0 12px 28px rgba(16,43,92,0.18);
}
.stats-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:24px;
text-align:center;
}
.stat{
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
}
.stat-num{
font-size:2.2rem;
font-weight:800;
color:var(--white);
line-height:1.1;
}
.stat-label{
color:var(--white);
font-size:0.9rem;
font-weight:500;
}
/* ============ TABLET (below 1024px) ============ */
@media (max-width:1024px){
.stats-strip .container{padding:40px 28px;border-radius:20px;}
.stat-num{font-size:2rem;}
}
/* ============ MOBILE (below 700px) ============ */
@media (max-width:700px){
.stats-grid{
grid-template-columns:repeat(2, 1fr);
row-gap:32px;
}
}
/* ============ SMALL MOBILE (below 400px) ============ */
@media (max-width:400px){
.stats-strip{padding:24px 0;}
.stats-strip .container{padding:32px 20px;border-radius:16px;}
.stat-num{font-size:1.7rem;}
.stat-label{font-size:0.8rem;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48edbba *//* ==========================================================
Dr. Sandeep Chahar — SERVICES / SPECIALTIES SECTION (CLICKABLE CARDS)
Palette: White #FFFFFF (60%) | Orange #F47C20 (30% - icons/link accent) | Navy #102B5C (10% - hover state)
Font: Poppins
Update: each card is now a full link to its own service page
========================================================== */
:root{
--white:#FFFFFF;
--orange:#F47C20;
--navy:#102B5C;
--grey-bg:#FAFAFA;
--text-dark:#f47c20;
--text-body:#102b5c;
--radius-card:1000px;
--shadow-soft:0 8px 24px rgba(16,43,92,0.08);
--max-width:1280px;
--transition:0.3s ease;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
font-family:'Poppins', sans-serif;
color:var(--text-body);
line-height:1.7;
-webkit-font-smoothing:antialiased;
}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}
h2,h3{font-weight:700;color:var(--text-dark);line-height:1.3;}
/* -------- Reduced motion -------- */
@media (prefers-reduced-motion: reduce){
.fade-up{opacity:1 !important;transform:none !important;transition:none !important;}
}
/* -------- Fade-up animation (0.5s only) -------- */
.fade-up{
opacity:0;
transform:translateY(16px);
animation:fadeUp 0.5s ease forwards;
}
@keyframes fadeUp{
to{opacity:1;transform:translateY(0);}
}
/* -------- Eyebrow label -------- */
.eyebrow{
display:inline-block;
color:var(--orange);
font-weight:600;
font-size:0.85rem;
letter-spacing:0.08em;
text-transform:uppercase;
margin-bottom:12px;
}
/* -------- Section head -------- */
.section-head{
text-align:center;
max-width:680px;
margin:0 auto 48px;
}
.section-head h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px;}
/* ============ SERVICES SECTION ============ */
.services-section{
background:var(--grey-bg);
padding:80px 0;
}
.services-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:24px;
}
/* -------- Clickable card (now an ) -------- */
.service-card{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
text-decoration:none;
color:inherit;
background:var(--white);
border:1px solid #eee;
border-radius:var(--radius-card);
box-shadow:var(--shadow-soft);
padding:32px 24px;
cursor:pointer;
transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.service-card:hover,
.service-card:focus-visible{
transform:translateY(-6px);
box-shadow:0 16px 32px rgba(16,43,92,0.14);
border-color:var(--orange);
}
.service-card:focus-visible{
outline:3px solid var(--orange);
outline-offset:3px;
}
.service-card i{
font-size:1.8rem;
color:var(--orange);
margin-bottom:16px;
transition:transform var(--transition);
}
.service-card:hover i{
transform:scale(1.1);
}
.service-card h3{
font-size:1.05rem;
margin-bottom:8px;
}
.service-card p{
font-size:0.9rem;
margin-bottom:16px;
}
/* -------- "Learn More" link indicator -------- */
.card-link{
margin-top:auto;
display:inline-flex;
align-items:center;
gap:6px;
font-size:0.85rem;
font-weight:600;
color:var(--navy);
transition:color var(--transition), gap var(--transition);
}
.service-card:hover .card-link{
color:var(--orange);
gap:10px;
}
.card-link i{
font-size:0.75rem;
color:inherit;
margin:0;
transition:transform var(--transition);
}
.service-card:hover .card-link i{
transform:translateX(3px);
}
/* ============ TABLET (below 1024px) ============ */
@media (max-width:1024px){
.services-section{padding:64px 0;}
.services-grid{grid-template-columns:repeat(3, 1fr);}
}
/* ============ SMALL TABLET / LARGE MOBILE (below 900px) ============ */
@media (max-width:900px){
.services-grid{grid-template-columns:repeat(2, 1fr);}
}
/* ============ MOBILE (below 520px) ============ */
@media (max-width:520px){
.services-section{padding:48px 0;}
.services-grid{grid-template-columns:1fr;gap:20px;}
.service-card{padding:28px 20px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-209f928 *//* ==========================================================
Dr. Sandeep Chahar — FAQ SECTION ONLY
Palette: White #FFFFFF (60%) | Orange #F47C20 (30% - icons/eyebrow) | Navy #102B5C (10% - active title)
Font: Poppins
Pure HTML / — no JavaScript required
========================================================== */
:root{
--white:#FFFFFF;
--orange:#F47C20;
--navy:#102B5C;
--text-dark:#1c1c1c;
--text-body:#4a4a4a;
--max-width:1280px;
--transition:0.3s ease;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
font-family:'Poppins', sans-serif;
color:var(--text-body);
line-height:1.7;
-webkit-font-smoothing:antialiased;
}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}
h2{font-weight:700;color:var(--navy);line-height:1.3;}
/* -------- Reduced motion -------- */
@media (prefers-reduced-motion: reduce){
.fade-up{opacity:1 !important;transform:none !important;transition:none !important;}
}
/* -------- Fade-up animation (0.5s only) -------- */
.fade-up{
opacity:0;
transform:translateY(16px);
animation:fadeUp 0.5s ease forwards;
}
@keyframes fadeUp{
to{opacity:1;transform:translateY(0);}
}
/* -------- Eyebrow label -------- */
.eyebrow{
display:inline-block;
color:var(--orange);
font-weight:600;
font-size:0.85rem;
letter-spacing:0.08em;
text-transform:uppercase;
margin-bottom:12px;
}
/* -------- Section head -------- */
.section-head{
text-align:center;
margin:0 auto 48px;
}
.section-head h2{font-size:clamp(1.6rem,3vw,2.2rem);}
/* ============ FAQ SECTION ============ */
.faq-section{
background:var(--white);
padding:80px 0;
}
.faq-container{
max-width:820px;
}
/* -------- FAQ item (native ) -------- */
.faq-item{
border-bottom:1px solid #eee;
padding:20px 0;
}
.faq-item summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
font-weight:600;
font-size:1rem;
color:var(--orange);
cursor:pointer;
list-style:none;
transition:color var(--transition);
}
/* remove default browser markers */
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::marker{content:"";}
.faq-item summary i{
flex-shrink:0;
font-size:0.9rem;
color:var(--orange);
transition:transform var(--transition);
}
/* active/open state */
.faq-item[open] summary{
color:var(--navy);
}
.faq-item[open] summary i{
transform:rotate(180deg);
}
.faq-item p{
margin-top:14px;
font-size:0.95rem;
color:var(--text-body);
line-height:1.7;
}
/* smooth-ish reveal of answer text */
.faq-item p{
animation:fadeIn 0.3s ease;
}
@keyframes fadeIn{
from{opacity:0;}
to{opacity:1;}
}
/* -------- Accessibility: focus state -------- */
.faq-item summary:focus-visible{
outline:3px solid var(--orange);
outline-offset:4px;
border-radius:4px;
}
/* ============ TABLET (below 1024px) ============ */
@media (max-width:1024px){
.faq-section{padding:64px 0;}
}
/* ============ MOBILE (below 600px) ============ */
@media (max-width:600px){
.faq-section{padding:48px 0;}
.faq-item summary{font-size:0.95rem;}
.faq-item p{font-size:0.9rem;}
}/* End custom CSS */