/* =========================================================
   GULATI METALS — ABOUT PAGE CSS
   Keep About page styling separate from the global stylesheet.
   ========================================================= */
:root{
  --about-blue:#edc231;
  --about-dark:#d7a600;
  --about-electric:#fad65c;
  --about-ink:#0b1730;
  --about-muted:#66748b;
  --about-line:#dfe8f5;
}

	
.about-page{background:#fff;color:var(--about-ink);overflow-x:hidden}
.about-hero{min-height:35vh;position:relative;display:flex;align-items:flex-end;isolation:isolate; overflow: hidden; padding: 20px;
  background:linear-gradient(110deg,rgba(6,29,68,.96),rgba(17,76,151,.78) 48%,rgba(25,126,255,.38)),
  url("../images/about_bg2.jpg") center/cover;}
.about-hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 30%,black 80%,transparent)}
.about-hero-cable{position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-180px;top:-180px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}
.about-hero-content{padding:90px 0 30px;color:#fff}
.about-eyebrow,.section-eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800}
.about-eyebrow:before,.section-eyebrow:before{content:"";width:34px;height:2px;background:linear-gradient(90deg, #fff93d, #edc231);}
.about-hero h1{font-size:clamp(3.2rem,7vw,70px);line-height:.92;letter-spacing:-.055em;max-width:1000px;margin:20px 0}
.about-hero h1 em{font-style:normal;color:#edc231}
.about-hero p{max-width:690px;font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.82)}
.about-intro,.team-section{padding:50px 0}
.about-display{font-size:clamp(2.2rem,4.4vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0 30px}
.about-display span{color:var(--about-blue)}
.about-owner-display{font-size:clamp(1rem,2vw,2rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0 30px}
.about-owner-display span{color:var(--about-blue)}
.about-copy{color:var(--about-muted);font-size:1.04rem;line-height:1.5}
.about-image-wrap{position:relative}.about-image{width:100%;height:620px;object-fit:cover;border-radius:30px;box-shadow:0 28px 70px rgba(12,45,90,.16)}
.about-image-badge{position:absolute;left:-28px;bottom:28px;background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 18px 45px rgba(12,45,90,.16);min-width:190px}
.about-image-badge strong{display:block;font-size:2.4rem;color:var(--about-blue);line-height:1}.about-image-badge small{color:var(--about-muted);font-weight:700}
.about-stats{padding:0 0 0px}.about-stat{padding:30px;border-top:1px solid var(--about-line);height:100%}
.about-stat strong{display:block;font-size:3.2rem;letter-spacing:-.05em;color:#edc231;}.about-stat span{color:var(--about-muted);font-weight:700}
.mv-section{padding:50px 0;background:linear-gradient(180deg,#f6faff,#edf5ff)}
.mv-card{position:relative;height:100%;padding:46px;border:1px solid rgba(23,88,168,.1);border-radius:28px;background:#fff;overflow:hidden;transition:.45s ease}
.mv-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:linear-gradient(135deg,rgba(23,88,168,.16),rgba(61,140,255,.03))}
.mv-card:hover{transform:translateY(-10px);box-shadow:0 28px 65px rgba(23,88,168,.14)}
.mv-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:1.5rem;background:linear-gradient(90deg, #cb9f0a, #edc231);margin-bottom:30px;box-shadow:0 12px 25px rgba(23,88,168,.22)}
.mv-card h3{font-size:2rem;letter-spacing:-.035em}.mv-card p{color:var(--about-muted);line-height:1.85;margin:0}
.team-card{height:100%;background:#fff;border:1px solid var(--about-line);border-radius:26px;overflow:hidden;transition:.45s ease}.team-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(14,52,98,.13)}
.team-photo{height:390px;width:100%;object-fit:cover;filter:saturate(.88)}.team-info{padding:25px 26px 28px}.team-info h4{margin:0 0 6px;font-size:1.25rem}.team-info p{margin:0;color:var(--about-muted)}.team-role{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:var(--about-blue);font-weight:800}
.contact-section{padding:70px 0;color:#fff;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(157,204,255,.12);border-radius:50%;right:-270px;top:-310px;box-shadow:0 0 0 80px rgba(157,204,255,.025),0 0 0 160px rgba(157,204,255,.02)}
.contact-section h2{font-size:clamp(2.8rem,5vw,3.3rem);letter-spacing:-.05em;line-height:.98;max-width:720px}.contact-section h2 span{color:#edc231}.contact-copy{color:rgba(255,255,255,.68);line-height:1.8;max-width:570px}
.contact-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:34px;border-radius:28px;backdrop-filter:blur(14px)}
.contact-form .form-control,.contact-form .form-select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:14px;padding:14px 16px}.contact-form .form-control::placeholder{color:rgba(255,255,255,.45)}.contact-form .form-select option{color:#111}.contact-form label{font-size:.8rem;color:rgba(255,255,255,.65);font-weight:700;margin-bottom:7px}
.contact-detail{display:flex;gap:14px;align-items:flex-start;margin-top:28px}.contact-detail i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(61,140,255,.15);color:#edc231;flex:0 0 auto}.contact-detail strong{display:block}.contact-detail span{display:block;color:rgba(255,255,255,.55);margin-top:3px}
.about-cta{padding:80px 0;background: linear-gradient(135deg, #caa012 0%, #d1b34c 58%, #a18321 100%); }.about-cta h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.045em;margin:0}
.about-cta p{color:#000;margin:12px 0 0}
.about-cta .btn{background: linear-gradient(135deg, #ffe000 0%, #fbf3d5 58%, #ffe000 100%); color:#000;}
.aboutTextScrol { height: 500px; overflow-y: scroll; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #fff; }
.smallHeading { color: #edc231; }
@media(max-width:991.98px){.about-hero{min-height:68vh}.about-intro,.mv-section,.team-section,.contact-section{padding:90px 0}.about-image{height:480px;margin-top:35px}.about-image-badge{left:18px}}
@media(max-width:575.98px){.about-hero-cable { display: none; }.about-hero-content{padding:130px 0 65px}.about-hero h1{font-size:3.25rem}.about-image{height:390px}.about-image-badge{position:relative;left:auto;bottom:auto;margin-top:-35px;margin-left:18px;width:max-content}.mv-card{padding:32px}.team-photo{height:330px}.contact-form{padding:24px} .about-hero-cable { display: none; }
.about-intro, .mv-section, .team-section, .contact-section { padding: 40px 0;}
.about-hero-content { padding: 70px 0 5px; }

}