*{margin:0;padding:0;box-sizing:border-box;}
.menu .menu-list>:nth-child(5) {background: url(images/skanda-logo.jpg) 100% / 100% no-repeat;height: 8rem;transition-duration: .3s;
transition-property: transform;transition-timing-function: cubic-bezier(.4, 0, .2, 1);width: 8rem;}
.menu .menu-list>:nth-child(3) {background: none !important;height:auto !important;width:auto !important;}
.menu .menu-list li ul {top:80px !important;}
header{position:relative !important;}
.menu-list .menu-link{font-family: "Space Grotesk", sans-serif !important;}
h1, h2, h3, h4, h5, h6{font-family: "Sora", sans-serif !important;}
.hide{display: none !important;}
.experience-box p{color: #fff !important;}
.philosophy-card ul{flex-wrap: wrap;display: flex;gap: 20px;}
.philosophy-card{background: #34718a !important;}
.philosophy-card .card-content h3, .philosophy-card .card-content  p, .philosophy-card .card-content  li {color: #fff !important;}
.philosophy-card .card-content li {padding: 0px 0;border-bottom: 0px solid #eee;}
.menu .menu-list {gap: 3rem !important;}
#masthead.sticky {position: fixed !important;top: 0;left: 0;width: 100%;background: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);animation: slideDown 0.3s ease;transform: none !important;}
.header.scrolled .menu {width: max-content !important;}
.home__project{margin-bottom:0px !important;}
.footer__row{justify-content:center !important;}
/************************** Circles CSS Starts ****************************/
.sectors{max-width:1400px;margin:auto;padding:40px 0px 0px 0px;}
.sector-wrapper{display:flex;justify-content:space-between;gap:10px;}
.sector-item{/*width:220px;*/width:auto;text-align:center;cursor:pointer;}
.circle{width:120px;height:120px;margin:auto;border-radius:50%;padding:0px;position:relative;transition:.35s;}
.circle::after{content:"";position:absolute;inset:0;border-radius:50%;filter:blur(25px);opacity:0;transition:.35s;z-index:-1;}
.circle-middle{width:100%;height:100%;border-radius:50%;padding:12px;opacity:.75;}
.circle-inner{width:100%;height:100%;border-radius:50%;padding:12px;opacity:.65;}
.circle-white{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;transition:.35s;}
.circle-white i{font-size:70px;color:#000;}
.sector-item h3{color:#000;margin-top:20px;font-size:18px;transition:.35s;}
.sector-item:hover .circle{transform:translateY(-8px);}
.sector-item:hover .circle::after{opacity:1;}
.education, .education .circle-middle, .education .circle-inner{background:linear-gradient(135deg,#2dd4bf,#14b8a6,#0f766e);}
.education::after{background:linear-gradient(135deg,#2dd4bf,#14b8a6,#0f766e);}
.healthcare, .healthcare .circle-middle, .healthcare .circle-inner{background:linear-gradient(135deg,#4ade80,#84cc16,#fde047);}
.healthcare::after{background:linear-gradient(135deg,#4ade80,#84cc16,#fde047);}
.realty, .realty .circle-middle, .realty .circle-inner{background:linear-gradient(135deg,#fde047,#fbbf24,#fb923c);}
.realty::after{background:linear-gradient(135deg,#fde047,#fbbf24,#fb923c);}
.hospitality, .hospitality .circle-middle, .hospitality .circle-inner{background:linear-gradient(135deg,#fdba74,#fb923c,#fb7185);}
.hospitality::after{background:linear-gradient(135deg,#fdba74,#fb923c,#fb7185);}
.auto, .auto .circle-middle, .auto .circle-inner{background:linear-gradient(135deg,#60a5fa,#818cf8,#c084fc);}
.auto::after{background:linear-gradient(135deg,#60a5fa,#818cf8,#c084fc);}
.retail, .retail .circle-middle, .retail .circle-inner {background: linear-gradient(135deg,#f59e0b,#ea580c,#c2410c);}
.retail::after {background: linear-gradient(135deg,#f59e0b,#ea580c,#c2410c);}
/************************** Circles CSS Ends ****************************/
.logos{position: absolute;left: 50%;bottom: 150px;transform: translateX(-50%);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 20px;width: 100%;z-index: 3;}
.logos img{width: 120px;height: 120px;object-fit: contain;background: #fff;border-radius: 50%;padding: 6px;transition: .3s;}
.edu-logo img{width:400px;height:150px;border-radius:10px;}
.card:hover .logos img{transform: scale(1.1);}

/*=================ABOUT PAGE CSS============*/
:root{--primary:#081B33;--secondary:#D4AF37;--white:#ffffff;--text:#6B7280;--light:#F6F8FB;--border:#E6EAF0;--radius:28px;--transition:.45s ease;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;color:var(--primary);background:#fff;overflow-x:hidden;line-height:1.7;}
img{max-width:100%;display:block;}
a{text-decoration:none;}
.container{ width:min(1280px,92%);margin:auto;}
.section-header{max-width:900px;margin:0 auto 90px;}
.section-header.center{text-align:center;}
.section-header span{display:inline-block;color:var(--secondary);letter-spacing:5px;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:20px;}
.section-header h2{font-size:58px;line-height:1.15;font-weight:800;color:var(--primary);margin-bottom:30px;}
.section-header p{color:var(--text);font-size:18px;line-height:34px;}
.btn, .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 42px;border-radius:60px;font-weight:600;transition:var(--transition);}
.btn-primary, .primary-btn{background:var(--secondary);color:#fff;}
.btn-primary:hover, .primary-btn:hover{background:var(--primary);transform:translateY(-4px);}
.btn-outline, .outline-btn{border:2px solid #fff;color:#fff;}
.outline-btn{border:2px solid var(--primary);color:var(--primary);}
.btn-outline:hover{background:#fff;color:var(--primary);}
.outline-btn:hover{background:var(--primary);color:#fff;}
.hero{height:100vh;position:relative;overflow:hidden;}
.hero-bg{position:absolute;inset:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:heroZoom 15s linear infinite alternate;}
@keyframes heroZoom{from{transform:scale(1.05);}to{transform:scale(1.15);}}
.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,51,.92),rgba(8,27,51,.72),rgba(8,27,51,.25));}
.hero .container{position:relative;z-index:5;height:100%;display:flex;align-items:center;}
.hero-content{max-width:760px;}
.hero-subtitle{color:var(--secondary);text-transform:uppercase;letter-spacing:6px;font-size:15px;font-weight:700;}
.hero h1{color:#fff;font-size:82px;line-height:1.05;font-weight:800;margin:25px 0;}
.hero p{color:#f4f4f4;font-size:20px;line-height:36px;max-width:700px;}
.hero-buttons{display:flex;gap:20px;margin-top:50px;}
.scroll-down{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);width:32px;height:55px;border:2px solid rgba(255,255,255,.8);border-radius:50px;}
.scroll-down span{width:7px;height:7px;background:#fff;border-radius:50%;position:absolute;left:50%;top:10px;transform:translateX(-50%);animation:scroll 2s infinite;}
@keyframes scroll{0%{opacity:0;top:10px;}50%{opacity:1;}100%{opacity:0;top:32px;}}
.intro-section{padding:140px 0;}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;}
.intro-image{position:relative;}
.intro-image img{border-radius:35px;width:100%;transition:.6s;}
.intro-image:hover img{transform:scale(1.03);}
.experience-box{position:absolute;bottom:-40px;right:-40px;width:250px;padding:40px;border-radius:30px;background:var(--primary);color:#fff;box-shadow:0 35px 60px rgba(0,0,0,.25);}
.experience-box h2{color:var(--secondary);font-size:64px;font-weight:800;}
.intro-content .section-tag{color:var(--secondary);letter-spacing:5px;font-size:14px;text-transform:uppercase;font-weight:700;}
.intro-content h2{font-size:58px;line-height:1.15;margin:20px 0;}
.line{width:90px;height:4px;background:var(--secondary);border-radius:30px;margin-bottom:30px;}
.intro-content p{color:var(--text);margin-bottom:22px;font-size:18px;line-height:34px;}
.stats-section{background:var(--primary);padding:110px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.stat-box{text-align:center;padding:45px 25px;border:1px solid rgba(255,255,255,.08);border-radius:25px;background:rgba(255,255,255,.05);backdrop-filter:blur(15px);transition:.4s;}
.stat-box:hover{transform:translateY(-10px);border-color:var(--secondary);}
.stat-box h3{font-size:64px;color:var(--secondary);font-weight:800;}
.stat-box span{display:block;color:#fff;margin-top:15px;font-size:18px;}
.philosophy{padding:150px 0;background:#f8f9fb;position:relative;}
.philosophy::before{content:"";position:absolute;top:0;left:0;width:100%;height:320px;background:linear-gradient(180deg,#fff,transparent);}
.philosophy-section {position: relative;padding: 120px 0;background: #f7f5f0;overflow: hidden;}
.philosophy-heading {max-width: 900px;margin: 0 auto 80px;padding: 0 25px;text-align: center;}
.philosophy-eyebrow {position: relative;display: inline-flex;align-items: center;gap: 18px;margin-bottom: 25px;font-size: 11px;font-weight: 700;letter-spacing: 4px;color: #9a7441;}
.philosophy-eyebrow::before, .philosophy-eyebrow::after {content: "";width: 45px;height: 1px;background: #c8a36a;}
.philosophy-heading h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px, 5vw, 60px);line-height:1.08;font-weight:400;letter-spacing:-2px;color:#152338}
.philosophy-heading h2 em{color:#b38a54;font-style:normal}
.philosophy-heading p{max-width:650px;margin:25px auto 0;font-size:16px;line-height:1.8;color:#596474}
.philosophy-list{width:min(1180px, calc(100% - 50px));margin:0 auto;display:flex;flex-direction:column;gap:35px}
.philosophy-item{position:relative;display:flex;align-items:stretch;min-height:430px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 18px 55px rgb(20 30 45 / .07);transition:transform 0.5s ease,box-shadow 0.5s ease}
.philosophy-item:hover{transform:translateY(-8px);box-shadow:0 30px 75px rgb(20 30 45 / .12)}
.philosophy-number{position:absolute;top:25px;left:30px;z-index:5;font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1;color:rgb(255 255 255 / .9);pointer-events:none}
.philosophy-image{position:relative;width:48%;min-height:430px;overflow:hidden}
.philosophy-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0 / .18),transparent 55%)}
.philosophy-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.9s cubic-bezier(.2,.8,.2,1)}
.philosophy-item:hover .philosophy-image img{transform:scale(1.07)}
.philosophy-content {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 60px 75px;}
.philosophy-label{display:block;margin-bottom:15px;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#a47b45}
.philosophy-content h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px, 4vw, 58px);line-height:1.1;font-weight:400;color:#152338}
.philosophy-line{width:55px;height:3px;margin:25px 0;background:#bd9256;transition:width 0.4s ease}
.philosophy-item:hover .philosophy-line{width:90px}
.philosophy-content p{max-width:570px;margin:0;font-size:15px;line-height:1.9;color:#596474}
.philosophy-link{display:inline-flex;align-items:center;gap:18px;width:fit-content;margin-top:30px;padding-bottom:7px;border-bottom:1px solid #c7a36b;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#152338;transition:gap 0.3s ease}
.philosophy-link i{font-size:19px;font-style:normal;transition:transform 0.3s ease}
.philosophy-link:hover{gap:25px}
.philosophy-link:hover i{transform:translate(4px,-4px)}
.philosophy-item-dark {background: #152b46;}
.philosophy-item-dark .philosophy-content h3 {color: #ffffff;}
.philosophy-item-dark .philosophy-content p {color: rgba(255, 255, 255, 0.72);}
.philosophy-item-dark .philosophy-link {color: #ffffff;}
.philosophy-item-dark .philosophy-label {color: #d0a66b;}
.philosophy-item-dark .philosophy-line {background: #d0a66b;}
.philosophy-item-dark .philosophy-number {color: rgba(255, 255, 255, 0.85);}
.values-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:45px;max-width:620px}
.value-row{display:flex;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid #eee;transition:padding-left 0.3s ease}
.value-row span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#f1ece3;font-size:10px;font-weight:700;color:#9b7548}
.value-row strong{font-size:14px;font-weight:600;color:#344052}
.value-row:hover{padding-left:7px}
.business-overview{padding:160px 0;background:#081B33;color:#fff}
.business-overview .container{display:grid;grid-template-columns:450px 1fr;gap:80px;align-items:center}
.left-content span{color:#D4AF37;letter-spacing:5px;text-transform:uppercase;font-size:14px;font-weight:700}
.left-content h2{font-size:40px;line-height:1.1;margin:20px 0;color:#fff}
.left-content p{color:#d5d8de;line-height:25px;margin-bottom:40px}
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.business-box{background:rgb(255 255 255 / .06);backdrop-filter:blur(15px);border:1px solid rgb(255 255 255 / .08);border-radius:28px;padding:20px;text-align:center;transition:.45s}
.business-box:hover{transform:translateY(-12px);background:#D4AF37}
.business-box img{width:70px;margin:0 auto 25px;filter:brightness(0) invert(1)}
.business-box:hover img{filter:none}
.business-box h4{color:#fff;font-size:22px;font-weight:600}
.leadership-section{padding:160px 0;background:#fff}
.leader-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-bottom:140px}
.leader-row.reverse .leader-image{order:2}
.leader-row.reverse .leader-content{order:1}
.leader-image{position:relative}
.leader-image img{width:100%;border-radius:35px;box-shadow:0 35px 70px rgb(0 0 0 / .15);transition:.8s}
.leader-image:hover img{transform:scale(1.03)}
.leader-image::after{content:"";position:absolute;width:180px;height:180px;background:#D4AF37;border-radius:30px;bottom:-35px;right:-35px;z-index:-1}
.designation{color:#D4AF37;letter-spacing:4px;text-transform:uppercase;font-weight:700}
.leader-content h3{font-size:54px;margin:18px 0;color:var(--primary)}
.gold-line{width:90px;height:4px;background:#D4AF37;border-radius:50px;margin:30px 0}
.leader-content p{color:var(--text);line-height:34px;margin-bottom:22px;font-size:18px}
.leader-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.director-card{overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 25px 70px rgb(0 0 0 / .08);transition:.45s}
.director-card:hover{transform:translateY(-12px)}
.director-card img{width:100%;height:340px;object-fit:cover;transition:1s;object-position:top}
.director-card:hover img{transform:scale(1.08)}
.director-info{padding:35px}
.director-info span{color:#D4AF37;text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:600}
.director-info h4{margin:15px 0;font-size:30px;color:#081B33}
.director-info p{color:var(--text);line-height:30px}
.cta-section{position:relative;padding:180px 0;overflow:hidden}
.cta-bg{position:absolute;inset:0}
.cta-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.cta-overlay{position:absolute;inset:0;background:rgb(8 27 51 / .82)}
.cta-content{position:relative;z-index:5;max-width:900px;margin:auto;text-align:center}
.cta-content span{color:#D4AF37;letter-spacing:6px;text-transform:uppercase;font-weight:700}
.cta-content h2{color:#fff;font-size:72px;line-height:1.1;margin:30px 0}
.cta-content p{color:#ddd;font-size:20px;line-height:36px;max-width:700px;margin:auto}
.cta-buttons{display:flex;justify-content:center;gap:20px;margin-top:50px}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{background:#D4AF37;border-radius:50px}
::-webkit-scrollbar-track{background:#ececec}
/* =========AKSHAYA HEALTHCARE PAGE ======= */
.healthcare-hero{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden}
.healthcare-hero .hero-bg{position:absolute;inset:0}
.healthcare-hero .hero-bg img{width:100%;height:100%;object-fit:cover}
.healthcare-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0 / .65),rgb(0 0 0 / .25))}
.healthcare-hero .hero-content{position:relative;max-width:650px;color:#fff;z-index:2}
.healthcare-hero h1{font-size:62px;line-height:1.15;margin:25px 0}
.healthcare-hero p{font-size:20px;line-height:1.7;margin-bottom:35px}
.hero-scroll{position:absolute;bottom:30px;left:50%}
.hero-scroll span{display:block;width:2px;height:70px;background:#fff}
.about-akshaya{padding:100px 0 40px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-image{position:relative}
.about-image img{width:100%;border-radius:25px}
.experience-card{position:absolute;bottom:30px;left:30px;background:#fff;padding:30px;border-radius:15px;box-shadow:0 15px 40px rgb(0 0 0 / .12)}
.experience-card h2{font-size:28px;margin:0}
.experience-card p{margin:10px 0 0;color:#777}
.specialities{padding:100px 0;background:#f8f7f5}
.speciality-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.speciality-card{background:#fff;padding:35px 25px;text-align:center;border-radius:20px;transition:.3s}
.speciality-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .1)}
.speciality-card img{margin-bottom:20px}
.speciality-card h3{font-size:22px;margin-bottom:15px}
.speciality-card p{color:#666;line-height:1.6}
/* ================= ADVANCED HEALTHCARE ================= */
.advanced-healthcare{padding:110px 0}
.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.feature-list{margin-top:40px}
.feature{display:flex;gap:25px;margin-bottom:30px}
.feature .icon{width:65px;height:65px;flex:none;background:#f5eeee;border-radius:50%;display:flex;align-items:center;justify-content:center}
.feature img{width:32px}.feature h4{margin:0 0 10px;font-size:20px}
.feature p{margin:0;color:#666}
.advanced-image img{width:100%;border-radius:25px}
/* ================= DOCTOR ================= */
.doctor-section{background:#f8f7f5;padding:100px 0}
.doctor-grid{display:grid;grid-template-columns:420px 1fr;gap:70px;align-items:center}
.doctor-image img{width:100%;border-radius:25px}
.doctor-content>span{color:#b38383;font-weight:600;letter-spacing:2px}
.doctor-content h2{font-size:48px;margin:20px 0 5px}
.doctor-content h4{font-size:22px;color:#777}
.doctor-content blockquote{margin:30px 0;padding-left:25px;border-left:3px solid #b38383;font-size:20px;line-height:1.7;font-style:italic}
.healthcare-cta{position:relative;min-height:600px;display:flex;align-items:center;color:#fff}
.healthcare-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .55)}
.cta-content{position:relative;max-width:750px}
.cta-content h2{font-size:55px}
/*===========EDUCATION HERO================*/
.edu-hero{position:relative;height:100vh;min-height:850px;overflow:hidden}
.edu-hero-bg{position:absolute;inset:0}
.edu-hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.edu-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 27 51 / .92),rgb(8 27 51 / .75),rgb(8 27 51 / .25))}
.edu-hero .container{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.edu-hero-content{max-width:760px}
.edu-tag{display:inline-block;color:#D4AF37;letter-spacing:5px;text-transform:uppercase;font-size:14px;font-weight:700;margin-bottom:25px}
.edu-hero-content h1{font-size:78px;line-height:1.05;color:#fff;margin-bottom:30px;font-weight:800}
.edu-hero-content p{color:#f5f5f5;font-size:20px;line-height:38px;max-width:650px;margin-bottom:45px}
.edu-buttons{display:flex;gap:20px;flex-wrap:wrap}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:34px;height:56px;border:2px solid rgb(255 255 255 / .6);border-radius:50px}
.hero-scroll span{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:6px;height:6px;background:#fff;border-radius:50%;animation:scrollDown 2s infinite}
@keyframes scrollDown{0%{opacity:0;top:10px}50%{opacity:1}100%{opacity:0;top:30px}}
.education-about{padding:70px 0;background:#fff}
.education-about-grid{display:grid;grid-template-columns:560px 1fr;gap:110px;align-items:center}
.education-about-image{position:relative}
.education-about-image::before{content:"";position:absolute;width:220px;height:220px;background:#D4AF37;border-radius:35px;top:-35px;left:-35px}
.education-about-image img{width:100%;position:relative;border-radius:35px;z-index:2;box-shadow:0 35px 80px rgb(0 0 0 / .18)}
.floating-campus-card{position:absolute;right:-40px;bottom:-40px;width:260px;background:#081B33;color:#fff;border-radius:30px;padding:40px;z-index:5;box-shadow:0 30px 70px rgb(0 0 0 / .25)}
.floating-campus-card h2{font-size:72px;color:#D4AF37;line-height:1}
.floating-campus-card span{display:block;font-size:24px;font-weight:600;margin-top:10px}
.floating-campus-card p{margin-top:18px;color:#ddd;line-height:30px}
.education-about-content h2{font-size:58px;line-height:1.15;color:#081B33;margin:20px 0 25px}
.education-about-content p{font-size:18px;line-height:34px;color:#666;margin-bottom:25px}
.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:45px}
.about-features div{padding:28px;background:#f8f9fb;border-radius:20px;transition:.4s;border:1px solid #eef1f5}
.about-features div:hover{transform:translateY(-8px);background:#081B33}
.about-features strong{display:block;font-size:22px;color:#D4AF37;margin-bottom:8px}
.about-features span{color:#666;line-height:28px}
.about-features div:hover span{color:#fff}
.education-partnership{padding:100px 0 70px 0;background:#f8f9fc;overflow:hidden}
.partnership-grid{display:grid;grid-template-columns:1fr 560px;gap:110px;align-items:center}
.partnership-content h2{font-size:58px;line-height:1.15;color:#081B33;margin:20px 0 25px}
.partnership-content p{color:#666;font-size:18px;line-height:34px;margin-bottom:25px}
.partnership-points{margin-top:45px;}
#school-skanda-counter{margin-top:100px;}
#main-points .partnership-points{display: flex;flex-direction: row;flex-wrap: wrap;gap: 40px;justify-content: center;}
#main-points .partnership-points div{gap:15px;font-size: 20px;font-weight: bold;}
.partnership-points div{display:flex;align-items:center;gap:25px;padding:22px 0;border-bottom:1px solid #e8edf4;transition:.35s}
.partnership-points div:hover{transform:translateX(12px)}
#main-points .partnership-points strong{width:80px;height:80px;font-size:40px}
.partnership-points strong{width:65px;height:65px;border-radius:50%;background:#081B33;color:#D4AF37;display:flex;align-items:center;justify-content:center;font-size:20px}
.partnership-images{position:relative;min-height:700px}.image-main{width:100%}
.image-main img{width:100%;border-radius:35px;box-shadow:0 35px 80px rgb(0 0 0 / .18)}
.image-small{position:absolute;width:280px;bottom:-40px;left:-70px}
.image-small img{width:100%;border-radius:30px;border:8px solid #fff;box-shadow:0 20px 60px rgb(0 0 0 / .18)}
.experience-badge{position:absolute;top:-35px;right:-35px;width:180px;height:180px;border-radius:50%;background:#D4AF37;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .20)}
.experience-badge strong{font-size:42px;line-height:1}
.experience-badge span{margin-top:10px;font-size:15px;line-height:22px;max-width:120px}
.campus-experience{padding:70px 0;background:#fff}
.experience-row{display:grid;grid-template-columns:560px 1fr;gap:110px;align-items:center;margin-bottom:50px}
.experience-row:last-child{margin-bottom:0}
.experience-row.reverse{grid-template-columns:1fr 560px}
.experience-row.reverse .experience-image{order:2}
.experience-row.reverse .experience-content{order:1}
.experience-image{position:relative}
.experience-image::before{content:"";position:absolute;width:220px;height:220px;background:#D4AF37;border-radius:30px;top:-30px;left:-30px;z-index:0}
.experience-row.reverse .experience-image::before{left:auto;right:-30px}
.experience-image img{position:relative;width:100%;border-radius:35px;z-index:2;box-shadow:0 35px 80px rgb(0 0 0 / .16);transition:1s}
.experience-image:hover img{transform:scale(1.05)}
.experience-content span{color:#D4AF37;letter-spacing:4px;font-size:14px;text-transform:uppercase;font-weight:700}
.experience-content h3{font-size:54px;margin:20px 0;line-height:1.15;color:#081B33}
.experience-content p{color:#666;font-size:18px;line-height:34px;margin-bottom:35px}
.experience-content ul{list-style:none}
.experience-content li{position:relative;padding:18px 20px 18px 55px;background:#f8f9fb;border-radius:16px;transition:.35s}
.experience-content li::before{content:"✓";position:absolute;left:20px;top:18px;width:22px;height:22px;background:#D4AF37;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px}
.experience-content li:hover{background:#081B33;color:#fff;transform:translateX(8px)}

.student-life{padding:170px 0;background:#f8f9fb}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;margin-top:80px}
.gallery-item{position:relative;overflow:hidden;border-radius:32px;min-height:340px;grid-column:span 4;cursor:pointer}
.gallery-item.large{grid-column:span 8;min-height:700px}
.gallery-item.wide{grid-column:span 8;min-height:360px}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:1s}
.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgb(8 27 51 / .88))}
.gallery-item:hover img{transform:scale(1.12)}
.gallery-content{position:absolute;left:40px;right:40px;bottom:40px;z-index:5;color:#fff}
.gallery-content span{display:inline-flex;width:58px;height:58px;border-radius:50%;background:#D4AF37;align-items:center;justify-content:center;font-weight:700;margin-bottom:22px}
.gallery-content h3{font-size:34px;margin-bottom:12px}
.gallery-content p{color:#f1f1f1;line-height:30px;max-width:420px}
.gallery-item:hover .gallery-content{transform:translateY(-10px);transition:.45s}
.holistic-section{padding:170px 0;background:#081B33;position:relative;overflow:hidden}
.holistic-section::before{content:"";position:absolute;width:600px;height:600px;background:rgb(212 175 55 / .08);border-radius:50%;top:-250px;right:-200px}
.holistic-header{max-width:820px;margin:0 auto 90px;text-align:center;position:relative;z-index:2}
.holistic-header h2{font-size:58px;color:#fff;margin:25px 0;line-height:1.15}
.holistic-header p{color:#d5dbe4;font-size:18px;line-height:34px}
.holistic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;position:relative;z-index:2}
.holistic-card{padding:45px;border-radius:28px;background:rgb(255 255 255 / .06);backdrop-filter:blur(18px);border:1px solid rgb(255 255 255 / .08);transition:.45s}
.holistic-card:hover{transform:translateY(-12px);background:#D4AF37}
.card-number{font-size:70px;font-weight:800;color:rgb(255 255 255 / .18);line-height:1;margin-bottom:20px}
.holistic-card h3{color:#fff;font-size:30px;margin-bottom:18px}
.holistic-card p{color:#d6d6d6;line-height:30px}
.holistic-card:hover .card-number,.holistic-card:hover h3,.holistic-card:hover p{color:#fff}
.masterplan-section{position:relative;padding:190px 0;overflow:hidden}
.masterplan-bg{position:absolute;inset:0}
.masterplan-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.masterplan-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 27 51 / .90),rgb(8 27 51 / .65),rgb(8 27 51 / .35))}
.masterplan-section .container{position:relative;z-index:5}
.masterplan-content{max-width:760px;margin-bottom:80px}
.masterplan-content h2{color:#fff;font-size:64px;line-height:1.1;margin:25px 0}
.masterplan-content p{color:#ececec;font-size:20px;line-height:36px}
.masterplan-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.master-box{padding:45px 35px;border-radius:28px;background:rgb(255 255 255 / .08);backdrop-filter:blur(18px);border:1px solid rgb(255 255 255 / .10);transition:.45s}
.master-box:hover{transform:translateY(-10px);background:#D4AF37}
.master-box h3{font-size:56px;color:#D4AF37;margin-bottom:15px;font-weight:800}
.master-box span{color:#fff;font-size:18px}
.master-box:hover h3,.master-box:hover span{color:#fff}
.education-cta{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden}
.education-cta-bg{position:absolute;inset:0}
.education-cta-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:eduZoom 18s linear infinite alternate}
@keyframes eduZoom{from{transform:scale(1.05)}to{transform:scale(1.15)}}
.education-cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 27 51 / .92),rgb(8 27 51 / .72),rgb(8 27 51 / .40))}
.education-cta .container{position:relative;z-index:5}
.education-cta-content{max-width:850px}
.education-cta-content h2{font-size:72px;color:#fff;line-height:1.08;margin:28px 0}
.education-cta-content p{font-size:20px;line-height:36px;color:#ececec;max-width:720px}
.education-cta-buttons{display:flex;gap:20px;margin-top:50px;flex-wrap:wrap}
.education-cta-buttons .outline-btn{border:2px solid rgb(255 255 255 / .75);color:#fff}
.education-cta-buttons .outline-btn:hover{background:#fff;color:#081B33}
/*========================RETAIL===========================*/
.retail-section{padding:170px 0;background:#fff}
.retail-grid{display:grid;grid-template-columns:1fr 580px;gap:90px;align-items:center}
.retail-content h2{font-size:60px;line-height:1.1;margin:25px 0;color:#081B33}
.retail-content p{color:#6B7280;font-size:18px;line-height:34px;margin-bottom:25px}
.retail-points{display:flex;gap:30px;margin-top:50px}
.retail-points div{flex:1;background:#fff;padding:35px;border-radius:24px;box-shadow:0 25px 60px rgb(0 0 0 / .08);transition:.4s}
.retail-points div:hover{transform:translateY(-10px)}
.retail-points h3{font-size:34px;color:#D4AF37;margin-bottom:10px}
.retail-points span{color:#6B7280}.retail-image{position:relative}
.retail-image img{width:100%;border-radius:35px;box-shadow:0 35px 70px rgb(0 0 0 / .15)}
.floating-brand{position:absolute;width:140px;height:140px;background:#fff;border-radius:30px;padding:25px;left:-40px;bottom:50px;box-shadow:0 25px 60px rgb(0 0 0 / .15)}
.floating-brand.second{left:auto;right:-40px;top:50px}
.floating-brand img{width:100%;height:100%;object-fit:contain;box-shadow:none}
.retail-brands{padding:170px 0;background:#f8f9fc}
.brand-row{display:grid;grid-template-columns:560px 1fr;gap:90px;align-items:center;margin-top:120px}
.brand-row.reverse .brand-image{order:2}
.brand-row.reverse .brand-content{order:1}
.brand-image{position:relative}
.brand-image img{width:100%;border-radius:30px;box-shadow:0 30px 80px rgb(0 0 0 / .12);transition:.6s}
.brand-row:hover img{transform:scale(1.03)}
.brand-content h3{font-size:52px;line-height:1.15;color:#081B33;margin:22px 0}
.brand-content p{color:#6B7280;font-size:18px;line-height:34px;margin-bottom:35px}
.brand-content ul{list-style:none}
.brand-content li{padding:18px 0;border-bottom:1px solid #ececec;color:#081B33;font-weight:600;position:relative;padding-left:34px}
.brand-content li::before{content:"✓";position:absolute;left:0;color:#D4AF37;font-weight:700}
.brand-content li:last-child{border-bottom:none}
.retail-achievements{padding:170px 0;background:#081B33}
.retail-achievements .section-header h2,.retail-achievements .section-header p{color:#fff}
.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:80px}
.achievement-card{background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .08);backdrop-filter:blur(15px);border-radius:30px;padding:55px 35px;text-align:center;transition:.45s}
.achievement-card:hover{transform:translateY(-12px);background:#D4AF37}
.achievement-card.featured{transform:translateY(-35px)}
.achievement-card.featured:hover{transform:translateY(-48px)}
.achievement-card h3{font-size:64px;color:#D4AF37;font-weight:800;margin-bottom:20px}
.achievement-card:hover h3{color:#fff}
.achievement-card h4{color:#fff;font-size:26px;margin-bottom:18px}
.achievement-card p{color:#d9d9d9;line-height:30px}
.achievement-card:hover p{color:#fff}
.retail-cta{position:relative;min-height:800px;display:flex;align-items:center;overflow:hidden}
.retail-cta-bg{position:absolute;inset:0}
.retail-cta-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:retailZoom 18s linear infinite alternate}
@keyframes retailZoom{from{transform:scale(1.05)}to{transform:scale(1.15)}}
.retail-cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 27 51 / .92),rgb(8 27 51 / .72),rgb(8 27 51 / .45))}
.retail-cta .container{position:relative;z-index:5}
.retail-cta-content{max-width:820px}
.retail-cta-content h2{font-size:72px;color:#fff;line-height:1.08;margin:25px 0}
.retail-cta-content p{color:#e4e4e4;font-size:20px;line-height:36px;max-width:700px}
.retail-cta-buttons{display:flex;gap:20px;margin-top:50px;flex-wrap:wrap}
.retail-cta-buttons .outline-btn{border:2px solid rgb(255 255 255 / .8);color:#fff}
.retail-cta-buttons .outline-btn:hover{background:#fff;color:#081B33}
/*==================================================
HOSPITALITY HERO
==================================================*/

.hospitality-hero{

    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;

}

.hospitality-hero .hero-bg{

    position:absolute;
    inset:0;

}

.hospitality-hero .hero-bg img{

    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.08);
    animation:hospitalityZoom 18s linear infinite alternate;

}

@keyframes hospitalityZoom{

    from{

        transform:scale(1.05);

    }

    to{

        transform:scale(1.15);

    }

}

.hospitality-hero .hero-overlay{

    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(8,27,51,.92),
        rgba(8,27,51,.70),
        rgba(8,27,51,.30)
    );

}

.hospitality-hero .container{

    position:relative;
    z-index:2;

}

.hospitality-hero .hero-content{

    max-width:760px;

}

.hospitality-hero h1{

    color:#fff;
    font-size:78px;
    line-height:1.08;
    margin:25px 0;

}

.hospitality-hero p{

    color:#f2f2f2;
    font-size:20px;
    line-height:36px;
    max-width:700px;

}

.hospitality-hero .hero-buttons{

    display:flex;
    gap:20px;
    margin-top:50px;
    flex-wrap:wrap;

}

/*==================================================
ABOUT HOSPITALITY
==================================================*/

.about-hospitality{padding:170px 0 100px 0;background:#fff;}

.hospitality-grid{

    display:grid;

    grid-template-columns:560px 1fr;

    gap:90px;

    align-items:center;

}

.hospitality-image{

    position:relative;

}

.hospitality-image img{

    width:100%;

    border-radius:35px;

    box-shadow:0 35px 80px rgba(0,0,0,.12);

    transition:.7s;

}

.hospitality-image:hover img{

    transform:scale(1.03);

}

.hospitality-badge{

    position:absolute;

    right:-45px;

    bottom:45px;

    width:220px;

    padding:35px;

    background:#081B33;

    color:#fff;

    border-radius:30px;

    box-shadow:0 30px 70px rgba(0,0,0,.25);

}

.hospitality-badge h2{

    font-size:72px;

    color:#D4AF37;

    margin-bottom:8px;

}

.hospitality-badge span{

    line-height:30px;

    display:block;

}

.hospitality-content h2{

    font-size:58px;

    line-height:1.12;

    margin:22px 0;

    color:#081B33;

}

.hospitality-content p{

    color:#6B7280;

    font-size:18px;

    line-height:34px;

    margin-bottom:25px;

}

.hospitality-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

    margin-top:45px;

}

.hospitality-features div{

    background:#fff;

    padding:35px;

    border-radius:24px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

}

.hospitality-features div:hover{

    transform:translateY(-10px);

}

.hospitality-features h4{

    font-size:26px;

    color:#081B33;

    margin-bottom:10px;

}

.hospitality-features span{

    color:#6B7280;

}

@media(max-width:991px){

.hospitality-grid{

grid-template-columns:1fr;

gap:60px;

}

.hospitality-badge{

position:relative;

right:auto;

bottom:auto;

margin-top:25px;

width:100%;

}

.hospitality-features{

grid-template-columns:1fr;

}

.hospitality-content h2{

font-size:40px;

}

}

/*==================================================
SIGNATURE DESTINATION
==================================================*/

.signature-destination{padding:100px 0 170px 0;background:#f8f9fb;}

.destination-wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.destination-image{

    overflow:hidden;

    border-radius:35px;

    box-shadow:0 35px 90px rgba(0,0,0,.12);

}

.destination-image img{

    width:100%;

    transition:.9s;

}

.destination-image:hover img{

    transform:scale(1.08);

}

.destination-content h2{

    font-size:58px;

    line-height:1.1;

    margin:22px 0;

    color:#081B33;

}

.destination-content p{

    color:#6B7280;

    font-size:18px;

    line-height:34px;

    margin-bottom:45px;

}

.destination-stats{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.stat-item{

    background:#fff;

    border-radius:25px;

    padding:35px;

    text-align:center;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

}

.stat-item:hover{

    transform:translateY(-10px);

    background:#ed1b24;

}

.stat-item h3{

    font-size:58px;

    color:#081B33;

    margin-bottom:10px;

    font-weight:800;

}

.stat-item span{

    color:#6B7280;

    font-size:17px;

    display:block;

}

.stat-item:hover h3,

.stat-item:hover span{

    color:#fff;

}

@media(max-width:991px){

.destination-wrapper{

grid-template-columns:1fr;

}

.destination-content h2{

font-size:40px;

}

.destination-stats{

grid-template-columns:1fr;

}

}

/*==================================================
PROJECTS
==================================================*/

.hospitality-projects{

    padding:100px 0px 100px 0;

    background:#fff;

}

.projects-timeline{position:relative;margin:90px auto 0;}

.project-block{

    width:100%;

    position:relative;

    padding:0 70px 0px;

}

.project-block:nth-child(odd){

    left:0;

    text-align:center;

}

.project-block:nth-child(even){

    left:50%;

}

.project-year{

    display:inline-block;

    padding:12px 28px;

    border-radius:50px;

    background:#081B33;

    color:#fff;

    font-weight:700;

    margin-bottom:25px;

}

.project-card{

    background:#fff;

    border-radius:30px;

    padding:40px;

    box-shadow:0 25px 70px rgba(0,0,0,.08);

    transition:.4s;

}

.project-card:hover{

    transform:translateY(-10px);

}

.project-status{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:#1D8F47;

    color:#fff;

    font-size:13px;

    letter-spacing:2px;

    margin-bottom:18px;

}

.project-status.upcoming{

    background:#D4AF37;

}

.project-card h3{

    font-size:32px;

    color:#081B33;

    margin-bottom:20px;

}

.project-card p{

    color:#6B7280;

    line-height:32px;

    margin-bottom:25px;

}

.project-card ul{list-style:none;display: flex;justify-content: space-between;}

.project-card li{

    padding:12px 0;

    color:#081B33;

}

.project-card li:last-child{

    border:none;

}

/* Responsive */

@media(max-width:991px){

.projects-timeline::before{

left:18px;

}

.project-block,

.project-block:nth-child(even),

.project-block:nth-child(odd){

width:100%;

left:0;

text-align:left;

padding:0 0 0px 0px;

}

}

/*==================================================
HOSPITALITY GALLERY
==================================================*/

.hospitality-gallery{

    padding:170px 0;

    background:#f8f9fb;

}

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(12,1fr);

    gap:28px;

    margin-top:80px;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    min-height:340px;

    grid-column:span 4;

    box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.gallery-item.large{

    grid-column:span 8;

    min-height:620px;

}

.gallery-item.wide{

    grid-column:span 8;

    min-height:340px;

}

.gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1s;

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.gallery-overlay{

    position:absolute;

    inset:0;

    display:flex;

    align-items:flex-end;

    padding:35px;

    background:linear-gradient(
        transparent,
        rgba(8,27,51,.88)
    );

}

.gallery-overlay h3{

    color:#fff;

    font-size:28px;

    font-weight:600;

}

@media(max-width:991px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

.gallery-item,

.gallery-item.large,

.gallery-item.wide{

grid-column:span 1;

min-height:320px;

}

}

/*==================================================
HOSPITALITY CTA
==================================================*/

.hospitality-cta{

    position:relative;

    min-height:850px;

    display:flex;

    align-items:center;

    overflow:hidden;

}

.hospitality-cta .cta-bg{

    position:absolute;

    inset:0;

}

.hospitality-cta .cta-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

    transform:scale(1.08);

    animation:hospitalityCTAZoom 18s linear infinite alternate;

}

@keyframes hospitalityCTAZoom{

    from{

        transform:scale(1.05);

    }

    to{

        transform:scale(1.15);

    }

}

.hospitality-cta .cta-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(8,27,51,.94),
        rgba(8,27,51,.76),
        rgba(8,27,51,.42)
    );

}

.hospitality-cta .container{

    position:relative;

    z-index:5;

}

.hospitality-cta .cta-content{

    max-width:860px;

}

.hospitality-cta h2{

    font-size:72px;

    line-height:1.08;

    color:#fff;

    margin:28px 0;

}

.hospitality-cta p{

    color:#ececec;

    font-size:20px;

    line-height:36px;

    max-width:720px;

}

.hospitality-cta .cta-buttons{

    display:flex;

    gap:20px;

    margin-top:55px;

    flex-wrap:wrap;

}

.hospitality-cta .outline-btn{

    border:2px solid rgba(255,255,255,.8);

    color:#fff;

}

.hospitality-cta .outline-btn:hover{

    background:#fff;

    color:#081B33;

}

@media(max-width:768px){

.hospitality-cta{

min-height:650px;

padding:120px 0;

}

.hospitality-cta h2{

font-size:40px;

}

.hospitality-cta p{

font-size:17px;

line-height:30px;

}

.hospitality-cta .cta-buttons{

flex-direction:column;

}

.hospitality-cta .cta-buttons a{

width:100%;

}

}


/*==================================================
REALTY HERO
==================================================*/

.realty-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

}

.realty-hero .hero-bg{

    position:absolute;

    inset:0;

}

.realty-hero .hero-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

    transform:scale(1.08);

    animation:realtyZoom 18s linear infinite alternate;

}

@keyframes realtyZoom{

    from{

        transform:scale(1.05);

    }

    to{

        transform:scale(1.15);

    }

}

.realty-hero .hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(8,27,51,.92),
        rgba(8,27,51,.72),
        rgba(8,27,51,.30)
    );

}

.realty-hero .container{

    position:relative;

    z-index:5;

}

.realty-hero .hero-content{

    max-width:760px;

}

.realty-hero h1{

    font-size:82px;

    line-height:1.05;

    color:#fff;

    margin:28px 0;

}

.realty-hero p{

    color:#ececec;

    font-size:20px;

    line-height:36px;

    max-width:700px;

}

.realty-hero .hero-buttons{

    display:flex;

    gap:20px;

    margin-top:50px;

    flex-wrap:wrap;

}

.realty-hero .outline-btn{

    border:2px solid rgba(255,255,255,.8);

    color:#fff;

}

.realty-hero .outline-btn:hover{

    background:#fff;

    color:#081B33;

}

@media(max-width:768px){

.realty-hero{

min-height:700px;

padding:120px 0;

}

.realty-hero h1{

font-size:42px;

}

.realty-hero p{

font-size:17px;

line-height:30px;

}

.realty-hero .hero-buttons{

flex-direction:column;

}

.realty-hero .hero-buttons a{

width:100%;

}

}


/*==============================
REALTY PROJECTS
==============================*/

.realty-projects{

    padding:140px 0;
    background:#f7f8fc;

}

.projects-wrapper{

    margin-top:80px;
    display:grid;
    grid-template-columns:1fr 430px 1fr;
    gap:45px;
}

.column-title{

    margin-bottom:35px;

}

.column-title span{

    display:inline-block;
    padding:16px 34px;
    background:#081B33;
    color:#fff;
    border-radius:50px;
    font-size:15px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700;

}

.column-title.upcoming span{

    background:#D4AF37;
    color:#081B33;

}

.project-card{

    background:#fff;
    padding:30px 20px 30px 20px;
    border-radius:22px;
    margin-bottom:22px;
    box-shadow:0 18px 45px rgba(0,0,0,.06);
    transition:.35s;

}

.project-card:hover{

    transform:translateY(-8px);

}

.project-card h3{

    font-size:24px;
    color:#081B33;
    margin-bottom:15px;

}

.project-card h3 small{

    font-size:14px;
    color:#D4AF37;

}

.project-card p{

    color:#666;
    line-height:30px;

}

.projects-image{

    text-align:center;
    align-items: center;
    display: flex;

}

.projects-image img{

    width:100%;
    animation:floatBuilding 5s ease-in-out infinite;

}

@keyframes floatBuilding{

    50%{

        transform:translateY(-12px);

    }

}

@media(max-width:991px){

.projects-wrapper{

grid-template-columns:1fr;

}

.projects-image{

order:-1;
max-width:350px;
margin:auto;

}

}

/*==============================
COMPLETED REALTY
==============================*/

.completed-realty{

    padding:150px 0;
    background:#fff;

}

.completed-wrapper{

    margin-top:80px;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:70px;
    align-items:center;

}

.city-projects{

    display:flex;
    flex-direction:column;
    gap:35px;

}

.city-card{

    background:#fff;
    border-radius:24px;
    padding:35px;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.35s;

}

.city-card:hover{

    transform:translateY(-8px);

}

.city-card h3{

    font-size:30px;
    color:#081B33;
    margin-bottom:20px;

}

.city-card ul{

    list-style:none;

}

.city-card li{

    padding:14px 0;
    border-bottom:1px solid #ececec;
    color:#666;

}

.city-card li:last-child{

    border:none;

}

.feature-project{

    display:grid;
    grid-template-columns:420px 1fr;
    gap:45px;
    align-items:center;
    background:#f8f9fc;
    border-radius:35px;
    padding:60px;

}

.feature-image{

    text-align:center;

}

.feature-image img{

    width:100%;
    animation:floatLand 6s ease-in-out infinite;

}

@keyframes floatLand{

50%{

transform:translateY(-12px);

}

}

.feature-content span{

    color:#D4AF37;
    letter-spacing:3px;
    font-weight:700;
    text-transform:uppercase;

}

.feature-content h2{

    font-size:45px;
    margin:15px 0 5px;
    color:#081B33;

}

.feature-content h4{

    font-size:28px;
    color:#081B33;
    margin-bottom:25px;

}

.feature-content p{

    color:#666;
    line-height:32px;

}

.location-tags{

    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;

}

.location-tags span{

    background:#081B33;
    color:#fff;
    padding:12px 24px;
    border-radius:50px;
    font-size:14px;
    letter-spacing:1px;

}

@media(max-width:991px){

.completed-wrapper{

grid-template-columns:1fr;

}

.feature-project{

grid-template-columns:1fr;
padding:40px;

}

.feature-content{

text-align:center;

}

.location-tags{

justify-content:center;

}

}

/*======================================
REALTY GALLERY
======================================*/

.realty-gallery{

    padding:150px 0;
    background:#f7f8fb;

}

.gallery-layout{

    margin-top:80px;
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:25px;

}

.gallery-left{

    overflow:hidden;
    border-radius:32px;
    height:700px;

}

.gallery-left img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s;

}

.gallery-left:hover img{

    transform:scale(1.08);

}

.gallery-right{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;

}

.gallery-right img{

    width:100%;
    height:335px;
    object-fit:cover;
    border-radius:28px;
    transition:.7s;
    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.gallery-right img:hover{

    transform:translateY(-8px) scale(1.04);

}

@media(max-width:991px){

.gallery-layout{

grid-template-columns:1fr;

}

.gallery-left{

height:450px;

}

.gallery-right{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.gallery-right{

grid-template-columns:1fr;

}

.gallery-left{

height:320px;

}

.gallery-right img{

height:250px;

}

}

/*==================================================
REALTY CTA
==================================================*/

.realty-cta{

    position:relative;

    min-height:850px;

    display:flex;

    align-items:center;

    overflow:hidden;

}

.realty-cta .cta-bg{

    position:absolute;

    inset:0;

}

.realty-cta .cta-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

    transform:scale(1.08);

    animation:realtyCtaZoom 18s linear infinite alternate;

}

@keyframes realtyCtaZoom{

    from{

        transform:scale(1.05);

    }

    to{

        transform:scale(1.15);

    }

}

.realty-cta .cta-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(8,27,51,.94),
        rgba(8,27,51,.75),
        rgba(8,27,51,.40)
    );

}

.realty-cta .container{

    position:relative;

    z-index:2;

}

.realty-cta .cta-content{

    max-width:820px;

}

.realty-cta h2{

    font-size:72px;

    color:#fff;

    line-height:1.08;

    margin:28px 0;

}

.realty-cta p{

    color:#ececec;

    font-size:20px;

    line-height:36px;

    max-width:720px;

}

.realty-cta .cta-buttons{

    display:flex;

    gap:20px;

    margin-top:55px;

    flex-wrap:wrap;

}

.realty-cta .outline-btn{

    border:2px solid rgba(255,255,255,.85);

    color:#fff;

}

.realty-cta .outline-btn:hover{

    background:#fff;

    color:#081B33;

}

/*==============================
Responsive
==============================*/

@media(max-width:768px){

.realty-cta{

min-height:650px;

padding:120px 0;

}

.realty-cta h2{

font-size:40px;

}

.realty-cta p{

font-size:17px;

line-height:30px;

}

.realty-cta .cta-buttons{

flex-direction:column;

}

.realty-cta .cta-buttons a{

width:100%;

}

}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}


.container{

width:90%;
max-width:1200px;
margin:auto;

}


/* HERO */

.contact-hero{

height:520px;

background:
linear-gradient(
rgba(0,0,0,.55),
rgba(0,0,0,.55)
),
url("images/skanda-convention-night.jpg");

background-size:cover;

background-position:center;

display:flex;

align-items:center;

}


.hero-content{

color:#fff;

max-width:750px;

}


.hero-content span{

font-size:16px;

text-transform:uppercase;

letter-spacing:2px;

color:#d9a441;

}


.hero-content h1{

font-size:55px;

line-height:1.2;

margin:20px 0;

}


.hero-content p{

font-size:18px;

line-height:1.8;

}




/* CONTACT SECTION */


.contact-section{

padding:100px 0;

}


.contact-intro{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}



.sub-title{

color:#c89b45;

font-weight:600;

text-transform:uppercase;

}



.contact-left h2{

font-size:45px;

margin:20px 0;

line-height:1.3;

}



.contact-left p{

color:#666;

line-height:1.8;

}



.contact-details{

margin-top:40px;

}



.contact-item{

display:flex;

gap:20px;

margin-bottom:25px;

}



.icon{

height:55px;

width:55px;

background:#111;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

}



.contact-item h4{

font-size:18px;

margin-bottom:5px;

}



.contact-item p{

margin:0;

}




/* FORM */


.contact-form-box{

padding:45px;

background:#fff;

border-radius:25px;

box-shadow:
0 20px 60px rgba(0,0,0,.10);

}



.contact-form-box h3{

font-size:32px;

margin-bottom:30px;

}



.input-row{

display:flex;

gap:20px;

}



input,
textarea{


width:100%;

padding:16px;

border:1px solid #ddd;

border-radius:10px;

margin-bottom:20px;

font-size:15px;

}


textarea{

height:150px;

}



button{

background:#111;

color:white;

border:0;

padding:16px 45px;

border-radius:50px;

font-size:16px;

cursor:pointer;

transition:.3s;

}


button:hover{

background:#c89b45;

}




/* MAP */


.map-section{

padding-bottom:100px;

}


.map-wrapper iframe{

width:100%;

height:450px;

border:0;

border-radius:25px;

}





/* CTA */


.contact-cta{

background:#111;

color:white;

text-align:center;

padding:80px 20px;

}



.contact-cta h2{

font-size:42px;

}



.contact-cta p{

margin:20px 0 35px;

}



.contact-cta a{

background:#c89b45;

color:#fff;

padding:15px 45px;

border-radius:50px;

text-decoration:none;

}




/* RESPONSIVE */


@media(max-width:992px){


.contact-intro{

grid-template-columns:1fr;

}


.hero-content h1{

font-size:40px;

}


}


@media(max-width:600px){


.input-row{

flex-direction:column;

}


.contact-left h2{

font-size:32px;

}


}

/*=====================================
AUTO HERO
=====================================*/

.auto-hero{

    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#081B33;

}

.auto-hero-bg{

    position:absolute;
    inset:0;

}

.auto-hero-bg img{

    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.08);
    animation:autoZoom 18s linear infinite alternate;

}

.health-bg img{object-position: -70% center;}

@keyframes autoZoom{

    from{

        transform:scale(1.05);

    }

    to{

        transform:scale(1.15);

    }

}

.auto-overlay{

    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg,
    rgba(8,27,51,.92),
    rgba(8,27,51,.72),
    rgba(8,27,51,.35));

}

.auto-hero .container{

    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:1fr 340px;
    gap:80px;
    align-items:center;

}

.auto-hero-content{

    max-width:720px;

}

.hero-tag{

    display:inline-flex;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    color:#58A6FF;
    letter-spacing:3px;
    font-size:13px;
    font-weight:700;

}

.auto-hero h1{

    color:#fff;
    font-size:74px;
    line-height:1.08;
    margin:28px 0;
    font-weight:800;

}

.auto-hero p{

    color:#e7e7e7;
    font-size:20px;
    line-height:36px;
    max-width:640px;

}

.hero-buttons{

    display:flex;
    gap:20px;
    margin-top:45px;

}

.hero-floating{

    display:flex;
    flex-direction:column;
    gap:25px;

}

.hero-card{

    background:rgba(255,255,255,.10);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:24px;
    padding:35px;
    transition:.45s;
    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.hero-card:hover{

    transform:translateY(-8px);
    background:#fff;

}

.hero-card h2{

    color:#3B82F6;
    font-size:42px;
    margin-bottom:8px;
    font-weight:800;

}

.hero-card span{

    color:#fff;
    font-size:17px;
    font-weight:500;

}

.hero-card:hover span{

    color:#081B33;

}

@media(max-width:992px){

.auto-hero{

    padding:140px 0 100px;
    min-height:auto;

}

.auto-hero .container{

    grid-template-columns:1fr;
    gap:50px;

}

.auto-hero h1{

    font-size:48px;

}

.hero-floating{

    flex-direction:row;
    flex-wrap:wrap;

}

.hero-card{

    flex:1;
    min-width:220px;

}

}

@media(max-width:768px){

.auto-hero h1{

    font-size:38px;

}

.auto-hero p{

    font-size:17px;
    line-height:30px;

}

.hero-buttons{

    flex-direction:column;

}

.hero-buttons a{

    width:100%;

}

.hero-floating{

    flex-direction:column;

}

}

/*=====================================
ABOUT AUTO
=====================================*/

.auto-about{

    padding:140px 0;
    background:#fff;

}

.auto-about-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;

}

.auto-about-image{

    position:relative;

}

.auto-about-image img{

    width:100%;
    border-radius:30px;
    box-shadow:0 30px 70px rgba(0,0,0,.12);
    transition:.6s;

}

.auto-about-image:hover img{

    transform:scale(1.03);

}

.auto-experience{

    position:absolute;
    right:-35px;
    bottom:-35px;

    width:220px;

    padding:35px;

    border-radius:28px;

    background:#0F4C81;

    color:#fff;

    box-shadow:0 30px 60px rgba(0,0,0,.25);

}

.auto-experience h2{

    font-size:64px;

    color:#58A6FF;

    margin-bottom:10px;

    line-height:1;

}

.auto-experience span{

    line-height:30px;

    font-size:18px;

}

.auto-about-content h2{

    font-size:54px;

    line-height:1.15;

    margin:22px 0;

    color:#081B33;

}

.title-line{

    width:80px;

    height:4px;

    background:#3B82F6;

    border-radius:30px;

    margin-bottom:35px;

}

.auto-about-content p{

    color:#6B7280;

    font-size:18px;

    line-height:34px;

    margin-bottom:25px;

}
.skanda-counter{grid-template-columns:repeat(4,1fr) !important;margin-top:0px !important;margin-bottom:50px !important;}
.auto-skanda-counter{grid-template-columns:repeat(3,1fr) !important;}
.auto-stats{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:22px;

    margin-top:45px;

}

.auto-stat{

    background:#fff;

    border-radius:22px;

    padding:30px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.4s;

    border:1px solid #eef2f6;

    text-align: center;

}

.blue-bg{background:#34718a !important;}

.blue-bg .section-tag, .blue-bg h2, .blue-bg p{color: #fff !important;}

.auto-stat:hover{

    transform:translateY(-10px);

    border-color:#3B82F6;

}

.auto-stat h3{

    color:#3B82F6;

    font-size:34px;

    margin-bottom:10px;

    font-weight:700;

}

.auto-stat span{color:#000;font-size:16px;font-weight: 700;}

@media(max-width:991px){

.auto-about-grid{

    grid-template-columns:1fr;

}

.auto-experience{

    right:20px;

    bottom:20px;

}

}

@media(max-width:767px){

.auto-about{

    padding:90px 0;

}

.auto-about-content h2{

    font-size:38px;

}

.auto-stats{

    grid-template-columns:1fr !important;

}

.auto-experience{

    position:relative;

    right:auto;

    bottom:auto;

    width:100%;

    margin-top:20px;

}

}

/*=====================================
HYUNDAI
=====================================*/

.hyundai-section{

    padding:140px 0;
    background:#f7f9fc;

}

.hyundai-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;

}

.hyundai-image{

    position:relative;

}

.hyundai-image img{

    width:100%;
    border-radius:30px;
    display:block;
    box-shadow:0 30px 70px rgba(0,0,0,.10);
    transition:.6s;

}

.hyundai-image:hover img{

    transform:scale(1.03);

}

.hyundai-badge{

    position:absolute;
    left:-35px;
    bottom:40px;

    background:#fff;

    padding:28px 35px;

    border-radius:24px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.hyundai-badge h4{

    color:#0F4C81;

    font-size:26px;

    margin-bottom:6px;

}

.hyundai-badge span{

    color:#777;

    font-size:15px;

}

.hyundai-content h2{

    font-size:54px;

    line-height:1.15;

    margin:22px 0;

}

.hyundai-content p{

    color:#6b7280;

    font-size:18px;

    line-height:34px;

    margin-bottom:22px;

}

.hyundai-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:22px;

    margin-top:45px;

}

.hyundai-features.special-blue{grid-template-columns:repeat(3,1fr);}
.hyundai-features.special-blue .hyundai-card{background:#0F4C81;}
.hyundai-features.special-blue .hyundai-card:hover{background:#fff;}
.hyundai-features.special-blue .hyundai-card h3, .hyundai-features.special-blue .hyundai-card span{color:#fff;}
.hyundai-features.special-blue .hyundai-card:hover h3, .hyundai-features.special-blue .hyundai-card:hover span{color:#000;}

.hyundai-card{

    background:#fff;

    border-radius:22px;

    padding:28px;

    text-align:center;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.4s;

}

.hyundai-card:hover{

    transform:translateY(-10px);

    background:#0F4C81;

}

.hyundai-card h3{

    color:#3B82F6;

    font-size:25px;

    margin-bottom:10px;

    font-weight:700;

}

.hyundai-card i{color:#ed1b24;}

.hyundai-card span{

    color:#6b7280;

    font-size:15px;

    line-height:24px;

}

.hyundai-card:hover h3{

    color:#fff;

}

.hyundai-card:hover span{

    color:#e9eef5;

}

@media(max-width:991px){

.hyundai-grid{

    grid-template-columns:1fr;

}

.hyundai-badge{

    left:20px;

    bottom:20px;

}

.hyundai-features{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.hyundai-section{

    padding:90px 0;

}

.hyundai-content h2{

    font-size:38px;

}

.hyundai-features{

    grid-template-columns:1fr;

}

.hyundai-badge{

    position:relative;

    left:auto;

    bottom:auto;

    margin-top:20px;

}

}

/*=====================================
AUTO CTA
=====================================*/

.auto-cta{

    position:relative;

    padding:180px 0;

    overflow:hidden;

}

.auto-cta-bg{

    position:absolute;

    inset:0;

}

.auto-cta-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

    transform:scale(1.08);

}

.auto-cta-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    90deg,
    rgba(8,27,51,.90),
    rgba(8,27,51,.70),
    rgba(8,27,51,.45));

}

.auto-cta-content{

    position:relative;

    z-index:5;

    max-width:760px;

}

.auto-cta-content span{

    display:inline-flex;

    padding:10px 22px;

    border-radius:50px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(10px);

    color:#58A6FF;

    letter-spacing:3px;

    font-size:13px;

    font-weight:700;

}

.auto-cta-content h2{

    color:#fff;

    font-size:64px;

    line-height:1.1;

    margin:30px 0;

    font-weight:800;

}

.auto-cta-content p{

    color:#e8e8e8;

    font-size:20px;

    line-height:36px;

    max-width:620px;

}

.auto-cta .hero-buttons{

    margin-top:45px;

}

.auto-cta .outline-btn{

    border:2px solid rgba(255,255,255,.6);

    color:#fff;

}

.auto-cta .outline-btn:hover{

    background:#fff;

    color:#081B33;

}

@media(max-width:991px){

.auto-cta{

    padding:120px 0;

}

.auto-cta-content h2{

    font-size:48px;

}

}

@media(max-width:767px){

.auto-cta{

    padding:90px 0;

}

.auto-cta-content{

    text-align:center;

}

.auto-cta-content h2{

    font-size:36px;

}

.auto-cta-content p{

    font-size:17px;

    line-height:30px;

}

.auto-cta .hero-buttons{

    flex-direction:column;

}

.auto-cta .hero-buttons a{

    width:100%;

}

}





















/*====================================
CONTACT INFO
====================================*/

.contact-info{

padding:120px 0 40px;

background:#fff;

}

.contact-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.contact-card{

padding:45px 35px;

text-align:center;

border-radius:28px;

background:#fff;

box-shadow:0 20px 60px rgba(0,0,0,.4);

transition:.45s;

}

.contact-card:hover{

transform:translateY(-12px);

background:#081B33;

}

.contact-card .icon{

width:80px;

height:80px;

margin:auto;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#eef5ff;

color:#2563eb;

margin-bottom:25px;

}

.contact-card i{

width:34px;

height:34px;

}

.contact-card h3{

font-size:24px;

margin-bottom:15px;

}

.contact-card p{

color:#666;

line-height:30px;

}

.contact-card:hover h3,

.contact-card:hover p{

color:#fff;

}

.contact-card:hover .icon{

background:#fff;

}

/*====================================
FORM
====================================*/

.contact-section{

padding:120px 0;

background:#f7f9fc;

}

.contact-wrapper{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:80px;

align-items:center;

}

.contact-form h2{

font-size:54px;

margin:20px 0;

}

.form-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-bottom:20px;

}

.contact-form input,

.contact-form textarea{

width:100%;

padding:20px 24px;

border:1px solid #e5e7eb;

border-radius:16px;

font-size:16px;

transition:.35s;

}

.contact-form textarea{

height:180px;

resize:none;

margin-bottom:25px;

}

.contact-form input:focus,

.contact-form textarea:focus{

outline:none;

border-color:#2563eb;

box-shadow:0 0 0 4px rgba(37,99,235,.08);

}

.office-info{

position:relative;

}

.office-info img{

width:100%;

border-radius:28px;

}

.office-card{

/*position:absolute;*/

left:30px;

bottom:30px;

background:#fff;

padding:35px;

border-radius:24px;

box-shadow:0 25px 60px rgba(0,0,0,.18);

width:100%;

}

.office-card h3{

margin-bottom:15px;

font-size:28px;

}

.office-card p{

line-height:30px;

margin-bottom:20px;

}

.office-card ul{

list-style:none;

padding:0;

}

.office-card li{

padding:8px 0;

}

/*====================================
MAP
====================================*/

.contact-map{

height:600px;

}

.contact-map iframe{

width:100%;

height:100%;

border:0;

}

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

@media(max-width:991px){

.contact-grid{

grid-template-columns:repeat(2,1fr);

}

.contact-wrapper{

grid-template-columns:1fr;

}

.office-card{

position:relative;

left:auto;

bottom:auto;

width:100%;

margin-top:20px;

}

}

@media(max-width:767px){

.contact-grid{

grid-template-columns:1fr;

}

.form-row{

grid-template-columns:1fr;

}

.contact-form h2{

font-size:38px;

}

.contact-map{

height:400px;

}

}

.gallery-section{
    padding:100px 0;
    background:#fff;
}

.gallery-section .container{
    width:min(1320px,90%);
    margin:auto;
}


.edu-gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-auto-rows:260px;
    gap:22px;
}

.edu-gallery-item{
    display:block;
    overflow:hidden;
    border-radius:18px;
    position:relative;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.edu-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.edu-gallery-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
        rgba(0,0,0,.45),
        transparent);
    opacity:0;
    transition:.4s;
    z-index:1;
}

.edu-gallery-item:hover img{
    transform:scale(1.08);
}

.edu-gallery-item:hover::before{
    opacity:1;
}

.edu-gallery-item.tall{
    grid-row:span 2;
}

.edu-gallery-item.wide{
    grid-column:span 2;
}

@media(max-width:991px){

.edu-gallery-grid{
    grid-template-columns:repeat(2,1fr);
}

.edu-gallery-item.tall,
.edu-gallery-item.wide{
    grid-column:span 1;
    grid-row:span 1;
}

}

@media(max-width:767px){

.edu-gallery-grid{
    grid-template-columns:1fr;
}

.edu-gallery-grid{
    gap:18px;
}

}



@media (min-width: 320px) and (max-width: 767px) {
.line {margin-bottom: 5px;}
.navigation .logo{margin-top:0px !important;}
.navigation .logo {height: 6rem !important;}
.home__about .title {font-size: 2.5rem !important;}
.sector-wrapper {flex-wrap: wrap;}
.sectors {padding: 0px 0px 0px 0px;}
}


.realty-gallery {
    padding: 80px 0;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 50px;
}

.gallery-grid a {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.gallery-grid img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.gallery-grid a:hover img {
    transform: scale(1.08);
}

/* Masonry Style */
.gallery-grid a:nth-child(1),
.gallery-grid a:nth-child(6) {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-grid a:nth-child(1) img,
.gallery-grid a:nth-child(6) img {
    height: 580px;
}

@media (max-width:991px){
    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .gallery-grid a:nth-child(1),
    .gallery-grid a:nth-child(6){
        grid-column:span 2;
    }
}

@media (max-width:767px){
    .gallery-grid{
        grid-template-columns:1fr;
    }

    .gallery-grid a:nth-child(1),
    .gallery-grid a:nth-child(6){
        grid-column:span 1;
        grid-row:span 1;
    }

    .gallery-grid img,
    .gallery-grid a:nth-child(1) img,
    .gallery-grid a:nth-child(6) img{
        height:260px;
    }
}


/* ==========================================
   SKANDA STATISTICS
========================================== */

.skanda-stats {
    width: 100%;
    background: #fff;
    padding: 80px 30px;
}


/* Main grid */

.project-counter {
    max-width: 1320px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(12, 1fr);

    row-gap: 55px;
}


/* ==========================================
   TOP 4
========================================== */

.skanda-stats .stat-item:nth-child(1),
.skanda-stats .stat-item:nth-child(2),
.skanda-stats .stat-item:nth-child(3),
.skanda-stats .stat-item:nth-child(4) {
    grid-column: span 3;
}


/* ==========================================
   BOTTOM 3
========================================== */

.skanda-stats .stat-item:nth-child(5) {
    grid-column: 3 / span 3;
}

.skanda-stats .stat-item:nth-child(6) {
    grid-column: 6 / span 3;
}

.skanda-stats .stat-item:nth-child(7) {
    grid-column: 9 / span 3;
}


/* ==========================================
   STAT ITEM
========================================== */

.skanda-stats .stat-item {
    position: relative;

    text-align: center;

    padding: 10px 25px 5px;

    transition: transform 0.35s ease;
}


/* Vertical separator */

.skanda-stats .stat-item:not(:nth-child(4)):not(:nth-child(7))::after {
    content: "";

    position: absolute;

    right: 0;
    top: 15px;

    width: 1px;
    height: 75px;

    background: #ddd8d1;
}


/* ==========================================
   NUMBER
========================================== */

.stat-number {
    display: flex;

    align-items: baseline;
    justify-content: center;

    margin-bottom: 14px;
}


.stat-number .count {
   /* font-family: Georgia, "Times New Roman", serif;*/

    font-size: clamp(50px, 5vw, 78px);

    line-height: 0.9;

    font-weight: 400;

    letter-spacing: -3px;

    color: #282828;

    transition: color 0.3s ease;
}


.stat-number .plus {
    margin-left: 4px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 27px;

    color: #a78354;

    font-weight: 400;
}


/* ==========================================
   GOLD LINE
========================================== */

.skanda-stats .stat-item::before {
    content: "";

    display: block;

    width: 34px;
    height: 2px;

    margin: 0 auto 14px;

    background: #a78354;

    transition: width 0.35s ease;
}


/* ==========================================
   LABEL
========================================== */

.stat-label {
    display: block;

    font-size: 12px;

    line-height: 1.5;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: #686868;
}


/* ==========================================
   HOVER
========================================== */

.skanda-stats .stat-item:hover {
    transform: translateY(-5px);
}

.skanda-stats .stat-item:hover::before {
    width: 60px;
    background:#fff;
}

.skanda-stats .stat-item:hover .count {
    color: #fff;
}


/* ==========================================
   SUBTLE SECOND ROW DIVIDER
========================================== */

.skanda-stats .stat-item:nth-child(5)::before,
.skanda-stats .stat-item:nth-child(6)::before,
.skanda-stats .stat-item:nth-child(7)::before {
    margin-top: 5px;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .skanda-stats {
        padding: 60px 25px;
    }

    .project-counter {
        grid-template-columns: repeat(4, 1fr);

        row-gap: 45px;
    }

    .skanda-stats .stat-item:nth-child(1),
    .skanda-stats .stat-item:nth-child(2),
    .skanda-stats .stat-item:nth-child(3),
    .skanda-stats .stat-item:nth-child(4),
    .skanda-stats .stat-item:nth-child(5),
    .skanda-stats .stat-item:nth-child(6),
    .skanda-stats .stat-item:nth-child(7) {
        grid-column: span 1;
    }

    .skanda-stats .stat-item:nth-child(5) {
        grid-column: 1;
    }

    .skanda-stats .stat-item:nth-child(6) {
        grid-column: 2;
    }

    .skanda-stats .stat-item:nth-child(7) {
        grid-column: 3;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .skanda-stats {
        padding: 45px 15px;
    }

    .project-counter {
        grid-template-columns: repeat(2, 1fr);

        row-gap: 35px;
    }

    .skanda-stats .stat-item:nth-child(1),
    .skanda-stats .stat-item:nth-child(2),
    .skanda-stats .stat-item:nth-child(3),
    .skanda-stats .stat-item:nth-child(4),
    .skanda-stats .stat-item:nth-child(5),
    .skanda-stats .stat-item:nth-child(6),
    .skanda-stats .stat-item:nth-child(7) {
        grid-column: span 1;
    }

    .skanda-stats .stat-item:nth-child(5) {
        grid-column: span 1;
    }

    .skanda-stats .stat-item:nth-child(6) {
        grid-column: span 1;
    }

    .skanda-stats .stat-item:nth-child(7) {
        grid-column: 1 / span 2;
    }


    .skanda-stats .stat-item:nth-child(even)::after {
        display: none;
    }


    .stat-number .count {
        font-size: 43px;
        letter-spacing: -2px;
    }

    .stat-number .plus {
        font-size: 21px;
    }

    .stat-label {
        font-size: 10px;
        letter-spacing: 1px;
    }

}

/* =====================================================
   AKSHAYA FACILITY GALLERY
   All styles are scoped to this gallery only
===================================================== */

.akshaya-facility-gallery {
    padding: 110px 0;
    background: #fff;
    overflow: hidden;
}


/* =========================
   HEADER
========================= */

.akshaya-facility-gallery .akshaya-gallery-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.akshaya-facility-gallery .akshaya-gallery-header > span {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #a9824d;
}

.akshaya-facility-gallery .akshaya-gallery-header h2 {
    margin: 0 0 18px;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 500;
    color: #263b35;
}

.akshaya-facility-gallery .akshaya-gallery-header p {
    max-width: 600px;
    margin: 0 auto;
    color: #6f7774;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================
   GALLERY GRID
========================= */

.akshaya-facility-gallery .akshaya-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 260px 260px;
    gap: 18px;
}


/* =========================
   GALLERY ITEM
========================= */

.akshaya-facility-gallery .akshaya-gallery-item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    isolation: isolate;
}

.akshaya-facility-gallery .akshaya-gallery-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .65, .25, 1);
}


/* =========================
   LARGE IMAGE
========================= */

.akshaya-facility-gallery .akshaya-gallery-large {
    grid-column: span 2;
    grid-row: span 2;
}


/* =========================
   IMAGE HOVER
========================= */

.akshaya-facility-gallery .akshaya-gallery-item:hover img {
    transform: scale(1.06);
}


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

.akshaya-facility-gallery .akshaya-gallery-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    padding: 24px;

    background: linear-gradient(
        to top,
        rgba(20, 35, 31, .75),
        rgba(20, 35, 31, 0) 55%
    );

    opacity: 0;
    transition: opacity .35s ease;
}

.akshaya-facility-gallery .akshaya-gallery-item:hover
.akshaya-gallery-overlay {
    opacity: 1;
}

.akshaya-facility-gallery .akshaya-gallery-overlay span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.akshaya-facility-gallery .akshaya-gallery-overlay svg {
    width: 20px;
    height: 20px;
    color: #fff;
    stroke-width: 1.5;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .akshaya-facility-gallery {
        padding: 85px 0;
    }

    .akshaya-facility-gallery .akshaya-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 300px 220px 220px;
    }

    .akshaya-facility-gallery .akshaya-gallery-large {
        grid-column: span 2;
        grid-row: span 1;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .akshaya-facility-gallery {
        padding: 70px 0;
    }

    .akshaya-facility-gallery .akshaya-gallery-header {
        margin-bottom: 35px;
    }

    .akshaya-facility-gallery .akshaya-gallery-header h2 {
        font-size: 34px;
    }

    .akshaya-facility-gallery .akshaya-gallery-header p {
        font-size: 15px;
    }

    .akshaya-facility-gallery .akshaya-gallery-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 260px);
        gap: 12px;
    }

    .akshaya-facility-gallery .akshaya-gallery-large {
        grid-column: span 1;
        grid-row: span 1;
    }

    .akshaya-facility-gallery .akshaya-gallery-overlay {
        opacity: 1;
        padding: 18px;
    }

}

.home__about.small_space{margin-bottom:2em !important;}
.footer__form [data-name=countrycode] {width: 28% !important;}
.project-card svg{display:inline;}

@media only screen and (min-width: 320px) and (max-width: 767px){
.project-card ul {flex-direction: column;}
.hospitality-projects {padding: 0px 0px 40px 0;}
.home__about .project-counter {margin-top: 4rem;margin-bottom: 4em;}
.vertical-showcase {grid-template-columns: auto;}
.banner-logos{flex-direction:column;}
.auto-content-home{bottom:0px;top:50px;}
.banner-logos.single-logo {width: auto;}
.banner-logos.single-logo a {width: 300px;}
.banner-logos.single-logo a img{height: 80px;}
}

/*************** Bootstrap Card CSS Starts ******************************/
        * {
            box-sizing: border-box;
        }

        /* =============================
           SECTION
        ============================= */

        .vertical-coverflow-section {
            width: 100%;
            min-height: 750px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: #fff;
            padding: 70px 0;
        }

        .vertical-coverflow {
            position: relative;
            width: 100%;
            max-width: 1500px;
            height: 620px;
            display: flex;
            align-items: center;
            justify-content: center;

            perspective: 1500px;
        }

        /* =============================
           CARD
        ============================= */

        .vertical-card {
            position: absolute;

            width: 420px;
            height: 560px;

            border: none;
            border-radius: 20px;

            overflow: hidden;

            transition:
                transform 0.8s cubic-bezier(.22,.61,.36,1),
                opacity 0.8s ease,
                filter 0.8s ease,
                z-index 0s;

            cursor: pointer;

            background: #222;

            box-shadow:
                0 20px 60px rgba(0,0,0,.35);
        }

        /* Main background image */

        .vertical-card > img.card-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;

            top: 0;
            left: 0;
        }

        /* Overlay */

        .vertical-card::after {
            content: "";

            position: absolute;
            inset: 0;

            background:
                linear-gradient(
                    to top,
                    rgba(0,0,0,.88) 0%,
                    rgba(0,0,0,.50) 45%,
                    rgba(0,0,0,.05) 100%
                );

            z-index: 1;
        }

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

        .vertical-card-content {
            position: absolute;

            left: 0;
            right: 0;
            bottom: 0;

            padding: 35px;

            color: white;

            z-index: 3;

            transition: all .6s ease;
        }

        .vertical-number {
            display: inline-block;

            margin-bottom: 15px;

            font-size: 15px;
            letter-spacing: 2px;
            opacity: .75;
        }

        .vertical-card h3 {
            font-size: 38px;
            font-weight: 600;
            color:#fff;
            margin-bottom: 12px;
        }

        .vertical-card p {
            font-size: 16px;
            line-height: 1.7;
            color: #fff;
            margin: 0;

            opacity: .9;
        }

        /* =============================
           EXPLORE BUTTON
        ============================= */

        .vertical-explore {
            display: inline-flex;

            align-items: center;
            gap: 10px;

            margin-top: 20px;

            color: #fff;
            text-decoration: none;

            font-size: 14px;
            font-weight: 600;

            opacity: 0;
            transform: translateY(15px);

            transition: .5s ease;
        }

        .vertical-card.active .vertical-explore {
            opacity: 1;
            transform: translateY(0);
        }

        .vertical-arrow {
            width: 38px;
            height: 38px;

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

            border-radius: 50%;

            background: #fff;
            color: #111;

            font-size: 18px;
        }

        /* =============================
           LOGOS
        

        .banner-logos {
            position: absolute;

            top: 25px;
            left: 25px;
            right: 25px;

            z-index: 4;

            display: flex;
            align-items: center;
            flex-wrap: wrap;

            gap: 8px;

            transition: .5s;
        }

        .banner-logos a {
            width: 58px;
            height: 45px;

            background: #fff;

            border-radius: 5px;

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

            padding: 5px;
        }

        .banner-logos img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        .banner-logos.single-logo a {
            width: 100px;
            height: 60px;
        }
        
        ============================= */
        
/* ==========================================
   LOGO PANEL
========================================== */

/* =========================================
   BANNER LOGOS - RESPONSIVE
========================================= */

/* =========================================================
   BANNER LOGOS
   ========================================================= */

.banner-logos {
    position: relative;

    width: min(100%, 680px);

    margin: 0 auto clamp(20px, 3vw, 35px);

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

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

    gap: clamp(10px, 1.5vw, 18px);

    padding: 0;

    box-sizing: border-box;

    z-index: 5;
}


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

.banner-logos a {
    display: flex;

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

    width: 100%;

    min-height: clamp(65px, 7vw, 90px);

    padding: clamp(10px, 1.4vw, 16px);

    box-sizing: border-box;

    background: #ffffff;

    border-radius: clamp(8px, 1vw, 12px);

    overflow: hidden;

    text-decoration: none;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


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

.banner-logos img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: clamp(45px, 6vw, 70px);

    object-fit: contain;

    margin: 0 auto;
}


/* =========================================================
   HOVER
   ========================================================= */

.banner-logos a:hover {
    transform: translateY(-2px);
}


/* =========================================================
   5 LOGOS
   2 + 2 + 1
   ========================================================= */

.banner-logos:has(a:nth-child(5):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    width: min(100%, 680px);

    margin-left: auto;
    margin-right: auto;
}


/* Center fifth logo */

.banner-logos:has(a:nth-child(5):last-child) a:nth-child(5) {
    grid-column: 1 / -1;

    width: 50%;

    justify-self: center;
}


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

.banner-logos:has(a:only-child) {
    display: flex;

    width: 100%;

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

    margin: 0 auto clamp(22px, 3vw, 35px);

    padding: 0;
}


.banner-logos:has(a:only-child) a {
    width: auto;
    max-width: 90%;

    min-height: 0;

    padding: clamp(10px, 1.8vw, 18px);

    margin: 0 auto;
}


.banner-logos:has(a:only-child) img {
    width: auto;
    height: auto;

    max-width: 100%;
    max-height: clamp(65px, 9vw, 110px);
}


/* =========================================================
   CONTENT
   IMPORTANT:
   Keeps title/text BELOW logos
   ========================================================= */

.vertical-image-content {
    position: relative;

    width: 100%;

    box-sizing: border-box;

    z-index: 4;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1024px) {

    .banner-logos {
        width: min(90%, 680px);

        margin-top: 0;
        margin-bottom: clamp(25px, 3vw, 40px);
    }

    .banner-logos a {
        min-height: clamp(70px, 6vw, 95px);
    }

    .banner-logos img {
        max-height: clamp(50px, 5vw, 75px);
    }

    .banner-logos:has(a:only-child) {
        margin-bottom: clamp(25px, 3vw, 40px);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1023px) {

    .banner-logos {
        width: min(90%, 600px);

        gap: 10px;

        margin-bottom: 25px;
    }

    .banner-logos a {
        min-height: 70px;

        padding: 9px;
    }

    .banner-logos img {
        max-height: 55px;
    }

    .banner-logos:has(a:nth-child(5):last-child) a:nth-child(5) {
        width: 50%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .banner-logos {

        width: min(94%, 500px);

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 8px;

        margin-left: auto;
        margin-right: auto;

        margin-bottom: 20px;
    }


    .banner-logos a {

        min-height: clamp(55px, 14vw, 75px);

        padding: 7px;
    }


    .banner-logos img {

        max-width: 100%;

        max-height: clamp(40px, 10vw, 55px);
    }


    /* 5 logos */

    .banner-logos:has(a:nth-child(5):last-child) a:nth-child(5) {

        width: 50%;

        grid-column: 1 / -1;

        justify-self: center;
    }


    /* Single logo */

    .banner-logos:has(a:only-child) {

        width: 100%;

        margin-bottom: 22px;
    }


    .banner-logos:has(a:only-child) a {

        max-width: 90%;

        padding: 8px 12px;
    }


    .banner-logos:has(a:only-child) img {

        max-height: 85px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .banner-logos {

        width: 94%;

        gap: 7px;

        margin-bottom: 18px;
    }


    .banner-logos a {

        min-height: 52px;

        padding: 6px;
    }


    .banner-logos img {

        max-height: 42px;
    }


    .banner-logos:has(a:only-child) a {

        max-width: 94%;

        padding: 8px;
    }


    .banner-logos:has(a:only-child) img {

        max-height: 75px;
    }
}

        /* =============================
           CARD STATES
        ============================= */

        /*
        JS adds:
        position-minus-2
        position-minus-1
        active
        position-plus-1
        position-plus-2
        */

        /* LEFT BACK */

        .vertical-card.position-minus-2 {
            transform:
                translateX(-650px)
                translateZ(-300px)
                rotateY(18deg)
                scale(.72);

            opacity: .35;
            filter: brightness(.45);
            z-index: 1;
        }

        /* LEFT */

        .vertical-card.position-minus-1 {
            transform:
                translateX(-360px)
                translateZ(-160px)
                rotateY(12deg)
                scale(.85);

            opacity: .6;
            filter: brightness(.60);
            z-index: 2;
        }

        /* ACTIVE CENTER */

        .vertical-card.active {
            transform:
                translateX(0)
                translateZ(80px)
                rotateY(0deg)
                scale(1);

            opacity: 1;
            filter: brightness(1);

            z-index: 5;

            cursor: default;

            box-shadow:
                0 30px 80px rgba(0,0,0,.55);
        }

        /* RIGHT */

        .vertical-card.position-plus-1 {
            transform:
                translateX(360px)
                translateZ(-160px)
                rotateY(-12deg)
                scale(.85);

            opacity: .6;
            filter: brightness(.60);
            z-index: 2;
        }

        /* RIGHT BACK */

        .vertical-card.position-plus-2 {
            transform:
                translateX(650px)
                translateZ(-300px)
                rotateY(-18deg)
                scale(.72);

            opacity: .35;
            filter: brightness(.45);
            z-index: 1;
        }

        /* =============================
           NON ACTIVE CONTENT
        ============================= */

        .vertical-card:not(.active) .vertical-card-content {
            opacity: .55;
        }

        .vertical-card:not(.active) .banner-logos {
            opacity: .4;
        }

        /* =============================
           DOTS
        ============================= */

        .vertical-dots {
            position: absolute;

            bottom: -35px;
            left: 50%;

            transform: translateX(-50%);

            display: flex;
            gap: 10px;
        }

        .vertical-dot {
            width: 8px;
            height: 8px;

            border-radius: 50%;

            background: rgba(0,0,0,.3);

            cursor: pointer;

            transition: .4s;
        }

        .vertical-dot.active {
            width: 30px;
            border-radius: 10px;

            background: rgb(237 27 36);
        }

        /* =============================
           MOBILE
        ============================= */

        @media (max-width: 1200px) {

            .vertical-card {
                width: 370px;
                height: 520px;
            }

            .vertical-card.position-minus-2 {
                transform:
                    translateX(-480px)
                    scale(.65);
            }

            .vertical-card.position-minus-1 {
                transform:
                    translateX(-280px)
                    scale(.78);
            }

            .vertical-card.position-plus-1 {
                transform:
                    translateX(280px)
                    scale(.78);
            }

            .vertical-card.position-plus-2 {
                transform:
                    translateX(480px)
                    scale(.65);
            }
        }

        @media (max-width: 767px) {

            .vertical-coverflow-section {
                min-height: 650px;
                padding: 40px 0;
            }

            .vertical-coverflow {
                height: 560px;
            }

            .vertical-card {
                width: 82vw;
                max-width: 360px;
                height: 500px;
            }

            .vertical-card.position-minus-2 {
                transform:
                    translateX(-280px)
                    scale(.55);

                opacity: 0;
            }

            .vertical-card.position-minus-1 {
                transform:
                    translateX(-190px)
                    scale(.72);

                opacity: .35;
            }

            .vertical-card.position-plus-1 {
                transform:
                    translateX(190px)
                    scale(.72);

                opacity: .35;
            }

            .vertical-card.position-plus-2 {
                transform:
                    translateX(280px)
                    scale(.55);

                opacity: 0;
            }

            .vertical-card h3 {
                font-size: 30px;
            }

            .vertical-card-content {
                padding: 25px;
            }
        }
        
.wh-1 {background-color: #4CAF50;color: white;border-radius: 06px 0px 0px 06px;padding: 14px 20px;font-size: 28px;position: fixed;bottom: 350px;right: -10px;z-index: 99}
.ph-1 {background-color: #007bff;color: white;border-radius: 06px 0px 0px 06px;padding: 14px 20px;font-size: 28px;position: fixed;bottom: 280px;right: -10px;z-index: 99;}


/********** Media Query Starts ***********/
@media(max-width:991px){
.sector-item{width:calc(50% - 20px);}
.circle{width:160px;height:160px;}
.circle-white i{font-size:60px;}
}
@media(max-width:576px){
.sector-item{width:auto;}
}
@media (min-width: 75rem) {
.menu {padding-inline: 0rem !important;}
.home__award {margin: 10.3125rem 0 0 0 !important;}
}

@media (max-width: 900px) {

    .philosophy-section {
        padding: 90px 0;
    }

    .philosophy-heading {
        margin-bottom: 55px;
    }

    .philosophy-item {
        min-height: auto;
    }

    .philosophy-image {
        width: 42%;
        min-height: 450px;
    }

    .philosophy-content {
        padding: 45px;
    }

    .values-list {
        column-gap: 25px;
    }

}

@media (max-width: 767px) {

    .philosophy-section {
        padding: 70px 0;
    }

    .philosophy-heading {
        padding: 0 20px;
        margin-bottom: 45px;
    }

    .philosophy-eyebrow {
        gap: 10px;
        letter-spacing: 2.5px;
    }

    .philosophy-eyebrow::before,
    .philosophy-eyebrow::after {
        width: 25px;
    }

    .philosophy-heading h2 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .philosophy-heading p {
        font-size: 14px;
    }

    .philosophy-list {
        width: calc(100% - 30px);
        gap: 22px;
    }

    /* Stack image and content vertically */
    .philosophy-item {
        display: block;
        border-radius: 22px;
    }

    .philosophy-image {
        width: 100%;
        height: 260px;
        min-height: 260px;
    }

    .philosophy-number {
        top: 20px;
        left: 22px;
        font-size: 48px;
    }

    .philosophy-content {
        padding: 32px 25px 35px;
    }

    .philosophy-content h3 {
        font-size: 38px;
    }

    .philosophy-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .values-list {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .value-row {
        padding: 10px 0;
    }

}

@media (max-width: 480px) {

    .philosophy-heading h2 {
        font-size: 34px;
    }

    .philosophy-image {
        height: 220px;
        min-height: 220px;
    }

    .philosophy-content {
        padding: 28px 22px 32px;
    }

    .philosophy-content h3 {
        font-size: 34px;
    }

}

@media(max-width:1200px){

.hero h1,
.cta-content h2,
.section-header h2,
.intro-content h2,
.left-content h2{
    font-size:52px;
}

.leader-row,
.intro-grid,
.business-overview .container{
    grid-template-columns:1fr;
    gap:60px;
}

.philosophy-grid,
.business-grid,
.why-grid,
.leader-cards,
.stats-grid{
    grid-template-columns:repeat(2,1fr);
}

.timeline::before{
    left:20px;
}

.timeline-item,
.timeline-item:nth-child(even),
.timeline-item:nth-child(odd){
    width:100%;
    left:0;
    text-align:left;
    padding:0 0 60px 70px;
}

.timeline-item::before,
.timeline-item:nth-child(even)::before,
.timeline-item:nth-child(odd)::before{
    left:11px;
    right:auto;
}

}

@media(max-width:768px){

.hero{
    height:auto;
    padding:140px 0 100px;
}

.hero h1{
    font-size:42px;
}

.hero p{
    font-size:17px;
    line-height:30px;
}

.hero-buttons,
.cta-buttons{
    flex-direction:column;
}

.hero-buttons a,
.cta-buttons a{
    width:100%;
}

.section-header h2,
.intro-content h2,
.left-content h2,
.cta-content h2{
    font-size:36px;
}

.philosophy-grid,
.business-grid,
.why-grid,
.leader-cards,
.stats-grid{
    grid-template-columns:1fr;
}

.experience-box{
    position:relative;
    right:0;
    bottom:0;
    width:100%;
    margin-top:20px;
}

.timeline-item{
    padding-left:55px;
}

.container{
    width:92%;
}

}
@media(max-width:1200px){

    .speciality-grid {
        grid-template-columns:repeat(3,1fr);
    }

}


@media(max-width:991px){

    .healthcare-hero {
        min-height:700px;
    }

    .healthcare-hero h1 {
        font-size:42px;
    }


    .about-grid,
    .advanced-grid,
    .doctor-grid {
        grid-template-columns:1fr;
    }


    .speciality-grid,
    .why-grid {
        grid-template-columns:repeat(2,1fr);
    }


    .doctor-grid {
        text-align:center;
    }

}



@media(max-width:600px){

    .healthcare-hero h1 {
        font-size:34px;
    }


    .speciality-grid,
    .why-grid,
    .hospital-features {
        grid-template-columns:1fr;
    }


    .hospital-content h2,
    .cta-content h2 {
        font-size:38px;
    }


    .experience-card {
        position:relative;
        bottom:auto;
        left:auto;
        margin-top:-20px;
    }

}

@media(max-width:1200px){

    .education-about-grid,
    .partnership-grid,
    .experience-row,
    .experience-row.reverse{

        grid-template-columns:1fr;
        gap:70px;

    }

    .experience-row.reverse .experience-image,
    .experience-row.reverse .experience-content{

        order:initial;

    }

    .holistic-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .gallery-item.large,
    .gallery-item.wide,
    .gallery-item{

        grid-column:span 6;

    }

    .masterplan-stats{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .edu-hero{

        min-height:720px;
        height:auto;
        padding:130px 0 100px;

    }

    .edu-hero-content h1,
    .education-about-content h2,
    .partnership-content h2,
    .experience-content h3,
    .holistic-header h2,
    .masterplan-content h2,
    .education-cta-content h2{

        font-size:38px;

    }

    .edu-buttons,
    .education-cta-buttons{

        flex-direction:column;

    }

    .edu-buttons a,
    .education-cta-buttons a{

        width:100%;

    }

    .about-features,
    .holistic-grid,
    .masterplan-stats{

        grid-template-columns:1fr;

    }

    .gallery-grid{

        grid-template-columns:1fr;

    }

    .gallery-item,
    .gallery-item.large,
    .gallery-item.wide{

        grid-column:span 1;
        min-height:320px;

    }

    .floating-campus-card,
    .experience-badge{

        position:relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        margin-top:25px;

    }

    .education-cta{

        min-height:650px;

    }

}

@media(max-width:768px){
.retail-cta{min-height:650px;padding:120px 0}
.retail-cta-content h2{font-size:40px}
.retail-cta-content p{font-size:17px;line-height:30px}
.retail-cta-buttons{flex-direction:column}
.retail-cta-buttons a{width:100%}
}
@media(max-width:991px){
.achievement-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.achievement-grid{grid-template-columns:1fr}
.achievement-card.featured{transform:none;}
}
@media(max-width:991px){
.brand-row,.brand-row.reverse{grid-template-columns:1fr;gap:50px}
.brand-row.reverse .brand-image,.brand-row.reverse .brand-content{order:initial}
.brand-content h3{font-size:36px}
}