/* ============================================
   Modheshwari Group of Companies — Static Site
   Colors:
     Primary Blue:  #1B4B8A
     Light Blue:    #4A9FD9
     Accent Orange: #E87722
     Foreground:    #333945
     Muted FG:      #6B7280
     Muted BG:      #F1F5F9
     Border:        #DCE3ED
   ============================================ */

/* === Reset & Base === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#333945;background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font:inherit}
input,textarea,select{font:inherit}

/* === Container === */
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* === Top Bar === */
.top-bar{background:#1B4B8A;color:#fff;padding:10px 0;font-size:13px}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.top-bar a{color:#fff;transition:color .2s}
.top-bar a:hover{color:#E87722}
.top-bar-left{display:flex;gap:20px;align-items:center}
.top-bar-right{color:rgba(255,255,255,.7);display:none}
@media(min-width:768px){.top-bar-right{display:block}}
.top-bar .icon{width:14px;height:14px;margin-right:6px;vertical-align:middle}

/* === Navbar === */
.navbar{background:#fff;position:sticky;top:0;z-index:100;transition:box-shadow .3s}
.navbar.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}
.navbar .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.navbar-logo img{height:56px;width:auto}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a{font-size:14px;font-weight:500;color:#333945;transition:color .2s;position:relative;padding-bottom:4px}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#E87722;transition:width .3s}
.nav-links a:hover,.nav-links a.active{color:#1B4B8A}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{display:none;padding:10px 22px;background:#E87722;color:#fff;border-radius:6px;font-weight:600;font-size:14px;transition:background .2s}
.nav-cta:hover{background:#cf6a1e}
@media(min-width:768px){.nav-cta{display:inline-block}}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px}
.hamburger span{display:block;width:24px;height:2px;background:#333945;transition:transform .3s}
@media(max-width:1023px){.nav-links,.nav-cta-desktop{display:none}.hamburger{display:flex}}

/* === Dropdown Menu === */
.dropdown{position:relative}
.dropdown-toggle{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#333945;transition:color .2s;position:relative;padding-bottom:4px}
.dropdown-toggle::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#E87722;transition:width .3s}
.dropdown-toggle:hover,.dropdown-toggle.active{color:#1B4B8A}
.dropdown-toggle:hover::after,.dropdown-toggle.active::after{width:100%}
.dropdown-arrow{font-size:10px;transition:transform .3s}
.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:100%;left:0;min-width:250px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.15);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s;z-index:1000;border:1px solid #DCE3ED;display:flex;flex-direction:column;padding:0}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu a{display:block;padding:12px 20px;color:#333945;font-size:14px;font-weight:500;transition:all .2s;border-bottom:1px solid #F1F5F9;text-decoration:none;white-space:nowrap;line-height:1.4;flex-shrink:0}
.dropdown-menu a:last-child{border-bottom:none}
.dropdown-menu a:hover{background:#F1F5F9;color:#1B4B8A;padding-left:24px}
.dropdown-menu a:first-child{border-radius:8px 8px 0 0}
.dropdown-menu a:last-child{border-radius:0 0 8px 8px}
.coming-soon{color:#E87722;font-size:12px;font-weight:400;margin-left:4px}

/* Mobile Menu */
.mobile-menu{display:none;flex-direction:column;padding:16px 20px;border-top:1px solid #DCE3ED;background:#fff}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:12px 0;font-weight:500;color:#333945;border-bottom:1px solid #f1f5f9}
.mobile-menu a:hover,.mobile-menu a.active{color:#1B4B8A}
.mobile-menu .nav-cta-mobile{margin-top:12px;text-align:center;padding:12px;background:#E87722;color:#fff;border-radius:6px;font-weight:600}

/* Mobile Dropdown */
.mobile-dropdown{margin:8px 0}
.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-weight:500;color:#333945;border-bottom:1px solid #f1f5f9}
.mobile-dropdown-toggle:hover{color:#1B4B8A}
.mobile-dropdown-menu{display:none;flex-direction:column;padding-left:20px}
.mobile-dropdown-menu.open{display:flex}
.mobile-dropdown-menu a{padding:8px 0;font-size:13px;color:#6B7280;border-bottom:none}
.mobile-dropdown-menu a:hover{color:#1B4B8A}

/* Mobile Dropdown Groups */
.mobile-dropdown-group{position:relative}
.mobile-dropdown-parent{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#1B4B8A}
.mobile-dropdown-submenu{display:none;flex-direction:column;padding-left:20px;margin-top:8px}
.mobile-dropdown:hover .mobile-dropdown-submenu{display:flex}
.mobile-dropdown-submenu a{padding:6px 0;font-size:13px;color:#6B7280;border-bottom:none}
.mobile-dropdown-submenu a:hover{color:#1B4B8A}

/* === Page Hero / Banner === */
.page-hero{background:linear-gradient(135deg,#1B4B8A,#4A9FD9);color:#fff;padding:80px 0 60px;text-align:center}
.page-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:8px}
.page-hero .subtitle{font-size:1.1rem;opacity:.85;max-width:600px;margin:0 auto 16px}
.breadcrumbs{font-size:13px;opacity:.7}
.breadcrumbs a{text-decoration:underline;opacity:1}
.breadcrumbs a:hover{color:#E87722}

/* === Hero Slider === */
.hero-slider{position:relative;height:60vh;min-height:650px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.slide.active{opacity:1}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(27,75,138,.9),rgba(27,75,138,.6),transparent)}
.slide-content{position:relative;height:100%;display:flex;align-items:center}
.slide-text{max-width:600px;color:#fff}
.slide-text .small{font-size:1.2rem;font-weight:300;display:block;margin-bottom:4px}
.slide-text h1{font-size:3.2rem;font-weight:800;line-height:1.15;margin-bottom:6px}
.slide-text .of{font-size:1.1rem;font-weight:300}
.slide-text p{font-size:1.05rem;opacity:.8;margin:16px 0 28px;max-width:500px}
.slide-btns{display:flex;gap:12px;flex-wrap:wrap}
.slide-btns a{padding:12px 28px;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:6px;font-weight:600;font-size:14px;transition:all .2s}
.slide-btns a:hover{background:#E87722;border-color:#E87722}
.slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.slider-dots button{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s}
.slider-dots button.active{background:#E87722;width:28px;border-radius:6px}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);backdrop-filter:blur(4px);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;transition:background .2s}
.slider-arrow:hover{background:rgba(255,255,255,.3)}
.slider-arrow.prev{left:16px}
.slider-arrow.next{right:16px}

/* === Section Shared === */
.section{padding:80px 0}
.section-muted{background:#F1F5F9}
.section-header{text-align:center;margin-bottom:48px}
.section-header .label{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#E87722;font-weight:600}
.section-header .label .line{width:50px;height:1px;background:#E87722}
.section-header h2{font-size:2.2rem;font-weight:800;color:#333945}
.section-header p{font-size:1.05rem;color:#6B7280;max-width:600px;margin:8px auto 0}
.section-header h2 .highlight{color:#1B4B8A}

/* === Stats === */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding-top:48px;border-top:1px solid #DCE3ED}
.stat-item{text-align:center}
.stat-item .value{font-size:2.5rem;font-weight:800;color:#E87722}
.stat-item .label{font-size:.85rem;color:#6B7280;margin-top:4px}
@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}

/* === Cards === */
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px -4px rgba(27,75,138,.1);transition:all .3s}
.card:hover{box-shadow:0 8px 30px -8px rgba(27,75,138,.2);transform:translateY(-4px)}
.card-img{position:relative;height:220px;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-img img{transform:scale(1.08)}
.card-img .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,75,138,.7),transparent)}
.card-img .badge{position:absolute;bottom:12px;left:12px;padding:6px 14px;background:#E87722;color:#fff;font-size:13px;font-weight:600;border-radius:20px}
.card-img .icon-badge{position:absolute;bottom:12px;left:12px;width:40px;height:40px;background:rgba(232,119,34,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.card-body{padding:24px}
.card-body h3{font-size:1.3rem;font-weight:700;margin-bottom:8px;color:#333945}
.card-body p{font-size:.9rem;color:#6B7280;margin-bottom:16px}

/* === Buttons === */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:all .2s;cursor:pointer}
.btn-primary{background:#1B4B8A;color:#fff}
.btn-primary:hover{background:#15407a}
.btn-accent{background:#E87722;color:#fff}
.btn-accent:hover{background:#cf6a1e}
.btn-outline{border:1px solid #1B4B8A;color:#1B4B8A;background:transparent}
.btn-outline:hover{background:#1B4B8A;color:#fff}
.btn-outline-accent{border:1px solid #E87722;color:#E87722;background:transparent}
.btn-outline-accent:hover{background:#E87722;color:#fff}
.btn-lg{padding:14px 32px;font-size:15px}
.btn-full{width:100%}

/* === Grid Layouts === */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1023px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

/* === Company Block (Group Companies Page) === */
.company-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1100px;margin:0 auto}
.company-block.reverse .company-img{order:2}
.company-block.reverse .company-info{order:1}
@media(max-width:768px){.company-block,.company-block.reverse .company-img,.company-block.reverse .company-info{grid-template-columns:1fr;order:unset}.company-block{grid-template-columns:1fr}}
.company-img{border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.1);position:relative}
.company-img img{width:100%;height:380px;object-fit:cover}
.company-img .img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,75,138,.3),transparent)}
.company-info .company-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.company-info .company-title .icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.company-info .company-title .icon-circle.blue{background:rgba(27,75,138,.1);color:#1C4C87}
.company-info .company-title .icon-circle.orange{background:rgba(232,119,34,.1);color:#E87722}
.company-info h2{font-size:1.8rem;font-weight:700;color:#333945}
.company-info p{color:#6B7280;line-height:1.7;margin-bottom:12px}
.company-info p .highlight{color:#1B4B8A;font-weight:600}

/* === Product Detail === */
.product-hero-img{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.product-hero-img img{width:100%;height:400px;object-fit:cover}
.product-hero-img .formula-badge{position:absolute;top:16px;right:16px;background:#E87722;color:#fff;padding:8px 18px;border-radius:20px;font-weight:700}
.product-by{color:#E87722;font-weight:500;margin-bottom:16px}
.grades-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.grade-tag{padding:6px 14px;background:#F1F5F9;color:#6B7280;font-size:13px;border-radius:6px}
.app-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}
.app-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6B7280}
.app-item .check{color:#E87722;font-weight:700}

/* === Specs Table === */
.tabs{display:flex;gap:4px;margin-bottom:24px;flex-wrap:wrap}
.tab-btn{padding:10px 20px;background:#F1F5F9;color:#6B7280;border-radius:6px;font-weight:500;font-size:14px;transition:all .2s}
.tab-btn.active{background:#1B4B8A;color:#fff}
.spec-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px -4px rgba(27,75,138,.1)}
.spec-table thead{background:#1B4B8A;color:#fff}
.spec-table th{padding:14px 20px;text-align:left;font-weight:600;font-size:14px}
.spec-table th:last-child{text-align:right}
.spec-table td{padding:12px 20px;border-bottom:1px solid #F1F5F9;font-size:14px;color:#333945}
.spec-table td:last-child{text-align:right;color:#6B7280}
.spec-table tr:last-child td{border-bottom:none}
.tab-content{display:none}
.tab-content.active{display:block}

/* === Industries Grid === */
.industries-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;max-width:900px;margin:0 auto}
.industry-item{text-align:center;padding:16px 8px;background:#fff;border-radius:10px;box-shadow:0 4px 20px -4px rgba(27,75,138,.1);transition:box-shadow .3s}
.industry-item:hover{box-shadow:0 8px 30px -8px rgba(27,75,138,.2)}
.industry-item .ind-icon{width:48px;height:48px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:20px;color:#1C4C87}
.industry-item span{font-size:11px;font-weight:500;color:#6B7280}
@media(max-width:768px){.industries-grid{grid-template-columns:repeat(4,1fr)}}

/* === CTA Banner === */
.cta-banner{background:#1B4B8A;color:#fff;padding:64px 0;text-align:center}
.cta-banner h2{font-size:2rem;font-weight:700;margin-bottom:12px}
.cta-banner p{opacity:.8;max-width:500px;margin:0 auto 28px}
.cta-banner .btn-accent{margin:0 8px}

/* === Why Choose Us === */
.why-card{text-align:center;padding:32px;background:#fff;border-radius:12px;box-shadow:0 4px 20px -4px rgba(27,75,138,.1);transition:all .3s}
.why-card:hover{box-shadow:0 8px 30px -8px rgba(27,75,138,.2);transform:translateY(-4px)}
.why-card .why-icon{width:64px;height:64px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:#1C4C87}
.industry-card:hover .industry-icon svg{stroke:#D4752F}
.why-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#333945}
.why-card p{font-size:.85rem;color:#6B7280}

/* === Quality Page === */
.quality-card{padding:28px;background:#fff;border-radius:12px;box-shadow:0 4px 20px -4px rgba(27,75,138,.1);transition:all .3s}
.quality-card:hover{box-shadow:0 8px 30px -8px rgba(27,75,138,.2);transform:translateY(-4px)}
.quality-card .q-icon{width:56px;height:56px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;color:#1C4C87}

/* === About Page Layout === */
.watermark-bg{position:relative;overflow:hidden;background:#fff}
.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:auto;opacity:.04;filter:grayscale(100%);pointer-events:none}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.max-w-3xl{max-width:960px;margin:0 auto}
.max-w-4xl{max-width:896px;margin:0 auto}
.max-w-5xl{max-width:1024px;margin:0 auto}
.section-title{font-size:2rem;font-weight:700;color:#333945;margin-bottom:24px}
.section-description{color:#6B7280;line-height:1.6;margin-bottom:16px}
.text-primary{color:#1C4C87}
.text-muted-foreground{color:#6B7280}
.text-accent{color:#E87722}
.bg-primary{background:#1C4C87}
.bg-primary\/10{background:rgba(28,76,135,.1)}
.bg-accent\/10{background:rgba(232,119,34,.1)}
.text-primary-foreground{color:#fff}
.bg-border{background:#DCE3ED}
.flex-shrink-0{flex-shrink:0}
.quality-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#333945}
.quality-card p{font-size:.85rem;color:#6B7280}
.cert-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-radius:10px;border:1px solid #DCE3ED;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.cert-item .cert-icon{color:#E87722;font-size:20px;flex-shrink:0}
.cert-item span{font-size:14px;font-weight:500;color:#333945}

/* === About Page Components === */
.overview-content{text-align:center}
.overview-text{max-width:800px;margin:0 auto}
.overview-text p{margin-bottom:16px}
.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px -4px rgba(0,0,0,.08);padding:24px;text-align:center}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px -8px rgba(0,0,0,.12)}
.stat-icon{font-size:32px;margin-bottom:12px}
.stat-card h4{font-size:1rem;font-weight:700;margin-bottom:8px;color:#333945}
.stat-card p{font-size:0.875rem;color:#6B7280}

.leadership-section{padding:80px 0;background:#F9FAFB}
.leadership-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1024px;margin:0 auto}
.leader-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px -4px rgba(0,0,0,.08);padding:32px;text-align:center;transition:transform .3s}
.leader-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px -8px rgba(0,0,0,.12)}
.leader-image{width:120px;height:120px;border-radius:50%;margin-bottom:20px;object-fit:cover}
.leader-info h3{font-size:1.25rem;font-weight:700;color:#333945;margin-bottom:8px}
.leader-title{color:#E87722;font-weight:600;font-size:0.875rem;margin-bottom:12px}
.leader-info p{color:#6B7280;line-height:1.6}
.why-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px -4px rgba(27,75,138,.1);transition:all .3s}
.why-card:hover{box-shadow:0 8px 30px -8px rgba(27,75,138,.2);transform:translateY(-4px)}
.why-card .why-icon{width:64px;height:64px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:#1C4C87}
.why-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#333945}
.why-card p{font-size:.85rem;color:#6B7280}
.vision-mission{padding:80px 0;background:#fff}
.vision-mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1280px;margin:0 auto}
.vm-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px -4px rgba(0,0,0,.08);padding:32px;text-align:center;transition:transform .3s}
.vm-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px -8px rgba(0,0,0,.12)}
.vm-icon{width:56px;height:56px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:28px;color:#1C4C87}
.vm-card h3{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:#333945}
.vm-card p{color:#6B7280;line-height:1.6}
.icon-circle{width:56px;height:56px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:24px}
.core-values{padding:80px 0;background:#F9FAFB}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1280px;margin:0 auto}
.value-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px -4px rgba(0,0,0,.08);padding:32px;text-align:center;transition:transform .3s}
.value-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px -8px rgba(0,0,0,.12)}
.value-icon{width:64px;height:64px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px;color:#1C4C87}
.value-card h4{font-size:1.125rem;font-weight:700;margin-bottom:12px;color:#333945}
.value-card p{font-size:0.875rem;color:#6B7280}
.company-timeline{padding:80px 0;background:#fff}
.timeline-container{max-width:960px;margin:0 auto;position:relative}
.timeline-container::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;height:100%;background:#DCE3ED;z-index:0}
.timeline-item{display:flex;gap:24px;align-items:flex-start;padding:24px 0;position:relative}
.timeline-item::before{content:'';position:absolute;left:0;top:24px;width:16px;height:100%;background:#fff;z-index:1}
.timeline-year{width:40px;height:40px;border-radius:50%;background:#1C4C87;color:#fff;font-weight:700;font-size:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2}
.timeline-content{padding-top:12px;padding-bottom:32px}
.timeline-content h4{font-size:1.125rem;font-weight:700;margin-bottom:8px;color:#333945}
.timeline-content p{color:#6B7280;line-height:1.6}

/* === Contact Form === */
.contact-form-card{background:#fff;border-radius:16px;padding:36px;box-shadow:0 4px 20px -4px rgba(27,75,138,.1);border:1px solid #DCE3ED}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#333945}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}
.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid #DCE3ED;border-radius:8px;font-size:14px;color:#333945;background:#fff;transition:border-color .2s}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1B4B8A;box-shadow:0 0 0 3px rgba(27,75,138,.1)}
.form-textarea{min-height:120px;resize:vertical}
.contact-detail{display:flex;gap:16px;margin-bottom:24px}
.contact-detail .cd-icon{width:48px;height:48px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#1C4C87;font-size:20px}
.contact-detail h4{font-weight:600;margin-bottom:4px;color:#333945}
.contact-detail p,.contact-detail a{font-size:.9rem;color:#6B7280;line-height:1.6}
.contact-detail a:hover{color:#1B4B8A}
.map-embed{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px -4px rgba(27,75,138,.1);border:1px solid #DCE3ED}

/* === About Page === */
.watermark-bg{position:relative;overflow:hidden}
.watermark-bg .watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;opacity:.04;filter:grayscale(100%);pointer-events:none}
.values-item{text-align:center}
.values-item .v-icon{width:64px;height:64px;border-radius:50%;background:rgba(27,75,138,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:26px;color:#1C4C87}
.values-item h4{font-weight:700;margin-bottom:6px;color:#333945}
.values-item p{font-size:.85rem;color:#6B7280}
.vision-card{padding:36px;background:#fff;border-radius:12px;box-shadow:0 4px 20px -4px rgba(27,75,138,.1)}
.vision-card .v-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px}
.vision-card .v-icon.blue{background:rgba(27,75,138,.1);color:#1C4C87}
.vision-card .v-icon.orange{background:rgba(232,119,34,.1);color:#E87722}
.vision-card h3{font-size:1.4rem;font-weight:700;margin-bottom:12px;color:#333945}
.vision-card p{color:#6B7280;line-height:1.7}

/* === Footer === */
.footer{background:#1B4B8A;color:#fff;padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:40px}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
.footer-logo{height:80px;width:auto;margin-bottom:14px}
.footer p{color:rgba(255,255,255,.7);font-size:.85rem;line-height:1.7}
.footer h4{font-size:1.05rem;font-weight:600;margin-bottom:20px;position:relative;display:inline-block}
.footer h4::after{content:'';position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:#E87722}
.footer ul li{margin-bottom:10px}
.footer ul a{color:rgba(255,255,255,.65);font-size:.85rem;transition:color .2s}
.footer ul a:hover{color:#E87722}
.footer-contact-item{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start}
.footer-contact-item .fc-icon{color:#E87722;flex-shrink:0;margin-top:2px;font-size:18px}
.footer-contact-item a,.footer-contact-item span{color:rgba(255,255,255,.7);font-size:.85rem;line-height:1.6}
.footer-contact-item a:hover{color:#E87722}
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:background .2s}
.footer-social a:hover{background:#E87722}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding:20px 0}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{color:rgba(255,255,255,.5);font-size:.85rem}
.footer-bottom-links{display:flex;gap:24px}
.footer-bottom-links a{color:rgba(255,255,255,.5);font-size:.85rem;transition:color .2s}
.footer-bottom-links a:hover{color:#E87722}

/* === Group Companies small text === */
.footer-group{margin-top:12px}
.footer-group .fg-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.4);font-weight:600;margin-bottom:4px}
.footer-group p{font-size:.85rem;color:rgba(255,255,255,.65)}

/* === Divider === */
.divider{height:1px;background:#DCE3ED;max-width:1100px;margin:0 auto}

/* === Text Center === */
.text-center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}
.max-w-800{max-width:800px}
.max-w-1100{max-width:1100px}
.mb-0{margin-bottom:0}
.mb-12{margin-bottom:12px}
.mb-16{margin-bottom:16px}
.mb-24{margin-bottom:24px}
.mb-32{margin-bottom:32px}
.mb-48{margin-bottom:48px}
.mt-12{margin-top:12px}
.mt-24{margin-top:24px}

/* === Manufacturing Strength Section === */
.mfg-strength{background:#1B4B8A;color:#fff}
.mfg-card{padding:24px;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);border-radius:12px;display:flex;gap:16px;align-items:flex-start}
.mfg-card .mfg-icon{width:48px;height:48px;border-radius:10px;background:rgba(232,119,34,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.mfg-card h4{font-weight:700;margin-bottom:4px;font-size:.95rem}
.mfg-card p{font-size:.82rem;color:rgba(255,255,255,.7)}

/* === Applications Box === */
.app-box{background:#F1F5F9;border-radius:12px;padding:24px}
.app-box h4{font-weight:700;margin-bottom:12px;color:#333945}

/* === Certifications Grid === */
.cert-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:900px;margin:0 auto}

/* === Footer Registration === */
.footer-reg{border-top:1px solid rgba(255,255,255,.1);padding:12px 0}
.footer-reg .container{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.footer-reg span{font-size:12px;color:rgba(255,255,255,.45)}

/* === Slide Sub === */
.slide-sub{font-size:1.3rem;font-weight:300;margin-bottom:8px;opacity:.9}

/* === Animations === */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp .6s ease-out forwards}

/* === Toast Notification === */
.toast{position:fixed;bottom:30px;right:30px;background:#1B4B8A;color:#fff;padding:16px 28px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.2);z-index:1000;transform:translateY(120%);transition:transform .4s ease;font-size:14px;font-weight:500}
.toast.show{transform:translateY(0)}

/* === Responsive hero text === */
@media(max-width:768px){
  .slide-text h1{font-size:2rem}
  .slide-text .small{font-size:1rem}
  .page-hero h1{font-size:1.8rem}
  .section-header h2{font-size:1.6rem}
  .mfg-card{flex-direction:column;text-align:center;align-items:center}
}

/* === Timeline === */
.timeline{position:relative;padding-left:40px}
.timeline::before{content:'';position:absolute;left:27px;top:0;bottom:0;width:2px;background:#DCE3ED}
.timeline-item{display:flex;gap:20px;align-items:flex-start;margin-bottom:8px}
.timeline-dot{width:56px;height:56px;border-radius:50%;background:#1B4B8A;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;position:relative;z-index:1}
.timeline-content{padding:16px 0 24px}
.timeline-content p{color:#6B7280;line-height:1.7}

/* === Hero slide accent button === */
.btn-slide-accent{background:#E87722!important;border-color:#E87722!important;color:#fff!important}
.btn-slide-accent:hover{background:#cf6a1e!important;border-color:#cf6a1e!important}

/* === WhatsApp Floating Button === */
.join_whatsapp_wrapper{position:fixed;right:20px;bottom:20px;width:50px;height:50px;background:#25d366;border-radius:50%;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,.3);transition:all .3s ease}
.join_whatsapp_wrapper:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.4)}
.Whatsapp-Click{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;border-radius:50%;position:relative}
.whatsapp-icon img{width:30px;height:30px;object-fit:contain}
.join_whatsapp_wrapper::after{content:'Connect via WhatsApp';position:absolute;bottom:60px;right:0;background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}
.join_whatsapp_wrapper:hover::after{opacity:1;visibility:visible;transform:translateY(0)}

/* === About Page Styles === */

/* About Hero Section */
.about-hero{background:linear-gradient(135deg,#1B4B8A 0%,#4A9FD9 100%);color:#fff;padding:80px 0;position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50" font-size="100" fill="rgba(255,255,255,0.03)">MG</text></svg>') center/cover}
.about-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.about-hero-text h1{font-size:3rem;font-weight:800;margin-bottom:20px;line-height:1.2}
.about-hero-text .highlight{color:#E87722}
.hero-subtitle{font-size:1.3rem;font-weight:300;margin-bottom:15px;color:rgba(255,255,255,0.9)}
.hero-description{font-size:1rem;margin-bottom:30px;color:rgba(255,255,255,0.8);line-height:1.6}
.hero-stats{display:flex;gap:30px}
.hero-stat{text-align:center}
.stat-number{font-size:2.5rem;font-weight:800;color:#E87722;margin-bottom:5px}
.stat-label{font-size:0.9rem;color:rgba(255,255,255,0.8)}
.about-hero-image{border-radius:15px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.2)}
.about-hero-image img{width:100%;height:400px;object-fit:cover}

/* Company Overview Section */
.about-overview{padding:80px 0;background:#F8FAFC}
.overview-content{grid-template-columns:2fr 1fr;gap:60px;align-items:start}
.overview-text p{font-size:1.1rem;color:#6B7280;line-height:1.8;margin-bottom:20px}
.overview-text strong{color:#1B4B8A}
.overview-stats{display:flex;flex-direction:column;gap:20px}
.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.08);text-align:center;transition:transform .2s}
.stat-card:hover{transform:translateY(-3px)}
.stat-icon{font-size:2rem;margin-bottom:15px;color:#1C4C87}
.stat-card h4{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#333945}
.stat-card p{font-size:0.9rem;color:#6B7280}

/* Leadership Section */
.leadership-section{padding:80px 0;background:#fff}
.leadership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}
.leader-card{background:#F8FAFC;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:transform .2s}
.leader-card:hover{transform:translateY(-5px)}
.leader-image{height:250px}
.leader-image img{width:100%;height:100%;object-fit:cover}
.leader-info{padding:30px}
.leader-info h3{font-size:1.5rem;font-weight:600;margin-bottom:5px;color:#333945}
.leader-title{color:#E87722;font-weight:600;margin-bottom:15px}
.leader-info p{color:#6B7280;line-height:1.6}

/* Vision & Mission Section */
.vision-mission{padding:80px 0;background:#F8FAFC}
.vision-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}
.vm-card{background:#fff;padding:40px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);text-align:center;transition:transform .2s}
.vm-card:hover{transform:translateY(-3px)}
.vm-card.vision{border-top:4px solid #1B4B8A}
.vm-card.mission{border-top:4px solid #E87722}
.vm-icon{margin-bottom:25px}
.icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem}
.vm-card.vision .icon-circle{background:rgba(27,75,138,0.1);color:#1C4C87}
.vm-card.mission .icon-circle{background:rgba(232,119,34,0.1);color:#E87722}
.vm-card h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#333945}
.vm-card p{color:#6B7280;line-height:1.6}

/* Core Values Section */
.core-values{padding:80px 0;background:#fff}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.value-card{background:#F8FAFC;padding:30px;border-radius:12px;text-align:center;transition:all .2s}
.value-card:hover{background:#1B4B8A;color:#fff;transform:translateY(-3px)}
.value-card:hover .value-icon{color:#E87722}
.value-card:hover h4{color:#fff}
.value-card:hover p{color:rgba(255,255,255,0.8)}
.value-icon{font-size:2.5rem;margin-bottom:20px;color:#1C4C87}
.value-card h4{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#333945}
.value-card p{font-size:0.9rem;color:#6B7280}

/* Company Timeline Section */
.company-timeline{padding:80px 0;background:#F8FAFC}
.timeline-container{max-width:800px;margin:0 auto}
.timeline-item{display:flex;gap:30px;margin-bottom:40px;position:relative}
.timeline-item::before{content:'';position:absolute;left:60px;top:80px;bottom:-40px;width:2px;background:#DCE3ED}
.timeline-item:last-child::before{display:none}
.timeline-year{flex-shrink:0;width:120px;height:120px;background:#1B4B8A;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}
.timeline-content{flex:1;background:#fff;padding:25px;border-radius:12px;box-shadow:0 3px 15px rgba(0,0,0,0.08);position:relative}
.timeline-content::before{content:'';position:absolute;left:-10px;top:30px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}
.timeline-content h4{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#333945}
.timeline-content p{color:#6B7280;line-height:1.6}

/* Responsive Design */
@media(max-width:768px){
  .about-hero-content{grid-template-columns:1fr;gap:40px}
  .about-hero-text h1{font-size:2.5rem}
  .hero-stats{flex-wrap:wrap}
  .overview-content{grid-template-columns:1fr}
  .leadership-grid{grid-template-columns:1fr}
  .vision-mission-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .timeline-item{flex-direction:column;align-items:center;text-align:center}
  .timeline-item::before{display:none}
  .timeline-content::before{display:none}
}

@media(max-width:480px){
  .about-hero{padding:60px 0}
  .about-hero-text h1{font-size:2rem}
  .hero-stats{gap:20px}
  .values-grid{grid-template-columns:1fr}
  .timeline-year{width:100px;height:100px;font-size:1.2rem}
}

/* === Industries Grid === */
.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}
.industry-card{background:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,0.08);transition:all .3s}
.industry-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.industry-icon{font-size:2.5rem;margin-bottom:20px;color:#1C4C87}
.industry-card h4{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#333945}
.industry-card p{font-size:0.9rem;color:#6B7280;line-height:1.5}

/* === Responsive 6-col grid === */
@media(max-width:1023px){
  [style*="grid-template-columns:repeat(6"]{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:600px){
  [style*="grid-template-columns:repeat(6"]{grid-template-columns:repeat(2,1fr)!important}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .industries-grid{grid-template-columns:1fr}
}

/* === Section Tags === */
.section-tag{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}
.section-tag.orange{background:rgba(232,119,34,.1);color:#E87722}
.section-tag.blue{background:rgba(27,75,138,.1);color:#1B4B8A}

/* === Infrastructure Page === */
.infra-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1100px;margin:0 auto}
@media(max-width:768px){.infra-hero-grid{grid-template-columns:1fr;gap:32px}}
.infra-hero-img{border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.infra-hero-img img{width:100%;height:420px;object-fit:cover}
@media(max-width:768px){.infra-hero-img img{height:280px}}
.infra-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.infra-stat{background:#F1F5F9;border-radius:12px;padding:16px 20px;border-left:3px solid #E87722}
.infra-stat-value{font-size:1.1rem;font-weight:700;color:#E87722}
.infra-stat-label{font-size:12px;color:#6B7280;margin-top:4px}

/* Facility Cards */
.facility-card{padding:32px;background:#fff;border-radius:12px;border:1px solid #DCE3ED;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s}
.facility-card:hover{box-shadow:0 8px 30px -8px rgba(27,75,138,.15);transform:translateY(-4px)}
.facility-card .facility-icon{width:56px;height:56px;border-radius:12px;background:rgba(27,75,138,.06);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;color:#1B4B8A}
.facility-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:#333945}
.facility-card p{font-size:.85rem;color:#6B7280;line-height:1.6}

/* === Group Companies Page === */
.gc-stat-card{text-align:center;padding:24px 16px;background:#F1F5F9;border-radius:12px}
.gc-stat-val{font-size:1.15rem;font-weight:700;color:#333945}
.gc-stat-lbl{font-size:12px;color:#6B7280;margin-top:4px}
.gc-company-card{display:grid;grid-template-columns:2fr 3fr;max-width:1100px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px -8px rgba(27,75,138,.12)}
.gc-company-card.reverse{grid-template-columns:3fr 2fr}
@media(max-width:768px){.gc-company-card,.gc-company-card.reverse{grid-template-columns:1fr}}
.gc-company-img{position:relative;min-height:350px}
.gc-company-img img{width:100%;height:100%;object-fit:cover}
.gc-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,75,138,.7),rgba(27,75,138,.1))}
.gc-img-label{position:absolute;bottom:24px;left:24px;color:#fff}
.gc-img-label h3{font-size:1.5rem;font-weight:700;margin:0}
.gc-badge{display:inline-block;padding:4px 12px;background:#1B4B8A;color:#fff;font-size:11px;font-weight:600;border-radius:20px;margin-bottom:8px}
.gc-company-body{padding:32px 36px}
@media(max-width:768px){.gc-company-body{padding:24px 20px}}

/* Coming Soon Card */
.gc-coming-soon{border:2px dashed rgba(27,75,138,.3)}
.gc-coming-soon-visual{background:linear-gradient(135deg,#1B4B8A,#4A9FD9);display:flex;align-items:center;justify-content:center;min-height:300px}
.gc-coming-soon-inner{text-align:center;padding:32px;color:#fff}
.gc-coming-soon-icon{width:80px;height:80px;border-radius:16px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px}
.gc-coming-soon-inner h3{font-size:1.5rem;font-weight:700;margin-bottom:4px}
.gc-coming-soon-inner p{font-size:14px;color:rgba(255,255,255,.7)}
.gc-coming-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#1B4B8A;color:#fff;font-size:11px;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:600px){.gc-coming-soon .gc-company-body [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important}}

/* === Enhanced Mobile Responsiveness === */

/* Mobile-specific improvements */
@media(max-width:768px){
  /* Improved mobile navigation */
  .navbar .container{padding:0 16px}
  .navbar-logo img{height:48px}
  .hamburger{padding:6px}
  
  /* Better mobile typography */
  .page-hero h1{font-size:2rem;line-height:1.2}
  .page-hero .subtitle{font-size:1rem}
  .section-header h2{font-size:1.8rem}
  .section-header p{font-size:.95rem}
  
  /* Improved mobile spacing */
  .section{padding:60px 0}
  .page-hero{padding:60px 0 40px}
  
  /* Better mobile buttons */
  .btn{padding:12px 20px;font-size:14px;min-height:44px}
  .btn-lg{padding:16px 24px;font-size:16px;min-height:48px}
  
  /* Improved mobile forms */
  .form-input,.form-select,.form-textarea{padding:12px 16px;font-size:16px;min-height:44px}
  
  /* Better mobile cards */
  .card{margin-bottom:20px}
  
  /* Improved mobile footer */
  .footer{padding:48px 0 0}
  .footer-grid{gap:24px}
  
  /* Better mobile contact details */
  .contact-detail{margin-bottom:20px}
  .contact-detail .cd-icon{width:40px;height:40px;font-size:18px}
  
  /* Better mobile hero slider */
  .hero-slider{height:50vh;min-height:400px}
  .slide-text h1{font-size:2rem}
  .slide-text p{font-size:.95rem}
  .slider-arrow{width:40px;height:40px;font-size:20px}
  
  /* Better mobile stats */
  .stat-item .value{font-size:2rem}
  
  /* Better mobile industries grid */
  .industries-grid{gap:16px}
  .industry-item{padding:16px 12px}
  
  /* Better mobile timeline */
  .timeline-container::before{left:20px}
  .timeline-item{padding-left:60px}
  .timeline-year{left:0}
}

@media(max-width:480px){
  /* Enhanced small mobile styles */
  .container{padding:0 16px}
  
  /* Better small mobile typography */
  .page-hero h1{font-size:1.8rem}
  .section-header h2{font-size:1.6rem}
  .slide-text h1{font-size:1.8rem}
  
  /* Better small mobile spacing */
  .section{padding:48px 0}
  .page-hero{padding:48px 0 32px}
  
  /* Better small mobile buttons */
  .btn{padding:10px 16px;font-size:13px}
  .btn-lg{padding:14px 20px;font-size:15px}
  
  /* Better small mobile forms */
  .form-input,.form-select,.form-textarea{padding:10px 14px;font-size:16px}
  
  /* Better small mobile footer */
  .footer{padding:40px 0 0}
  .footer-grid{gap:20px}
  
  /* Better small mobile contact */
  .contact-detail{margin-bottom:16px}
  .contact-detail .cd-icon{width:36px;height:36px;font-size:16px}
  
  /* Better small mobile hero */
  .hero-slider{height:45vh;min-height:350px}
  .slide-text{padding:20px}
  
  /* Better small mobile stats */
  .stat-item .value{font-size:1.8rem}
  
  /* Better small mobile industries */
  .industry-item{padding:12px 8px}
  .industry-item .ind-icon{width:40px;height:40px;font-size:18px}
  
  /* Better small mobile cards */
  .card{margin-bottom:16px}
  
  /* Better small mobile grid layouts */
  .grid-2{gap:20px}
  .grid-3{gap:20px}
  .grid-4{gap:16px}
}

/* Touch-friendly improvements */
.btn,.nav-links a,.footer-contact-item a,.contact-detail a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Remove conflicting touch-friendly styles for text links */
.nav-links a,.footer-contact-item a,.contact-detail a{
  min-height:auto;
  display:inline;
}

/* Mobile-specific fixes */
@media(max-width:768px){
  /* Prevent horizontal scroll */
  body{overflow-x:hidden}
  
  /* Better mobile images */
  img{height:auto}
  
  /* Better mobile tables */
  table{display:block;overflow-x:auto}
  
  /* Better mobile iframes */
  iframe{max-width:100%;height:auto}
  
  /* Better mobile embedded content */
  .map-embed iframe{min-height:250px}
  
  /* Better mobile WhatsApp button */
  .join_whatsapp_wrapper{bottom:20px;right:20px}
  .join_whatsapp_wrapper a{width:56px;height:56px}
  .join_whatsapp_wrapper img{width:24px;height:24px}
  
  /* Fix mobile grid layouts */
  .grid-2,.grid-3,.grid-4{display:flex;flex-direction:column;gap:24px}
  
  /* Fix mobile flex layouts */
  .footer-grid{display:flex;flex-direction:column;gap:24px}
  
  /* Fix mobile contact form */
  .contact-form-card{padding:45px}
  
  /* Fix mobile product cards */
  .product-hero{flex-direction:column}
  .product-hero-img{order:-1;margin-bottom:20px}
  .product-hero-img img{height:250px}
  
  /* Fix mobile quality cards */
  .quality-card{margin-bottom:16px}
  
  /* Fix mobile timeline */
  .timeline-item{flex-direction:column;gap:12px}
  
  /* Fix mobile company blocks */
  .company-block{grid-template-columns:1fr;gap:32px}
  
  /* Fix mobile hero content */
  .slide-content{padding:0 20px}
  
  /* Fix mobile navigation */
  .mobile-menu{max-height:80vh;overflow-y:auto}
}

/* Mobile-specific zoom fixes */
@media(max-width:480px){
  /* Prevent text zoom on orientation change */
  body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
  
  /* Better mobile input focus */
  input:focus,textarea:focus,select:focus{font-size:16px}
  
  /* Better mobile tap targets */
  a,button{min-height:44px;min-width:44px}
  
  /* Force grid layouts to stack on small mobile */
  .grid-2,.grid-3,.grid-4{display:flex;flex-direction:column;gap:16px}
  
  /* Fix mobile footer layout */
  .footer-grid{display:flex;flex-direction:column;gap:20px}
  
  /* Fix mobile contact layout */
  .contact-detail{flex-direction:column;gap:8px}
  .contact-detail .cd-icon{width:32px;height:32px;font-size:14px}
  
  /* Fix mobile stats grid */
  .stats-grid{display:flex;flex-direction:column;gap:16px}
  
  /* Fix mobile industries grid */
  .industries-grid{display:flex;flex-direction:column;gap:12px}
  
  /* Fix mobile product hero */
  .product-hero-img img{height:200px}
  
  /* Fix mobile quality cards */
  .quality-card{padding:16px}
  
  /* Fix mobile CTA banner */
  .cta-banner{padding:40px 20px}
  
  /* Fix mobile form layout */
  .form-row{display:flex;flex-direction:column;gap:12px}
  
  /* Fix mobile footer contact items */
  .footer-contact-item{flex-direction:column;gap:4px;align-items:flex-start}
  
  /* Fix mobile social links */
  .footer-social{gap:8px}
  .footer-social a{width:32px;height:32px;font-size:12px}
  
  /* Fix mobile footer bottom */
  .footer-bottom .container{flex-direction:column;gap:12px;text-align:center}
  .footer-bottom-links{justify-content:center}
}

/* Mobile landscape fixes */
@media(max-width:768px) and (orientation:landscape){
  .page-hero{padding:40px 0}
  .section{padding:40px 0}
  .hero-slider{height:60vh;min-height:300px}
}

/* High DPI mobile fixes */
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
  .navbar-logo img{image-rendering:-webkit-optimize-contrast}
  img{image-rendering:crisp-edges}
}

/* Additional mobile layout fixes */
@media(max-width:768px){
  /* Fix mobile text overflow */
  *{word-wrap:break-word;overflow-wrap:break-word}
  
  /* Fix mobile navigation links */
  .nav-links a{padding:8px 0;font-size:15px}
  
  /* Fix mobile top bar */
  .top-bar .container{flex-direction:column;align-items:flex-start;gap:8px}
  .top-bar-left{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
  
  /* Fix mobile hero slider text */
  .slide-text{max-width:100%;padding:20px}
  .slide-text h1{font-size:1.8rem;line-height:1.3}
  .slide-text p{font-size:.9rem;max-width:100%}
  .slide-btns{flex-direction:row;gap:8px;flex-wrap:wrap}
  .slide-btns a{width:auto;padding:6px 12px;font-size:11px;display:inline-flex;align-items:center;gap:4px}
  .slide-btns a svg,.slide-btns a img{width:14px;height:14px}
  
  /* Fix mobile page hero */
  .page-hero{padding:50px 0 30px}
  .page-hero h1{font-size:1.8rem;line-height:1.3}
  .page-hero .subtitle{font-size:.95rem}
  
  /* Fix mobile section headers */
  .section-header{margin-bottom:32px}
  .section-header h2{font-size:1.6rem;line-height:1.3}
  
  /* Fix mobile cards */
  .card{margin-bottom:20px}
  .card img{height:auto}
  
  /* Fix mobile contact form grid */
  .contact-form-grid{display:flex;flex-direction:column;gap:24px}
  
  /* Fix mobile map embed */
  .map-embed{border-radius:8px;overflow:hidden}
  
  /* Fix mobile footer logo */
  .footer-logo{height:60px}
  
  /* Fix mobile footer text */
  .footer p{font-size:.8rem;line-height:1.6}
  
  /* Fix mobile footer links */
  .footer ul a{font-size:.8rem;padding:8px 0}
  
  /* Fix mobile footer contact */
  .footer-contact-item{flex-direction:column;gap:6px;align-items:flex-start}
  .footer-contact-item .fc-icon{font-size:16px}
  
  /* Fix mobile CTA banner */
  .cta-banner{padding:50px 20px}
  .cta-banner h2{font-size:1.5rem}
  .cta-banner p{font-size:.9rem}
  .cta-banner .btn{width:100%;margin-bottom:8px}
  
  /* Fix mobile product sections */
  .product-hero{flex-direction:column}
  .product-hero-img{order:-1;margin-bottom:20px}
  .product-hero-img img{height:250px}
  
  /* Fix mobile quality cards grid */
  .quality-card{margin-bottom:16px}
  
  /* Fix mobile timeline */
  .timeline-container{padding-left:0}
  .timeline-item{padding-left:50px}
  
  /* Fix mobile company blocks */
  .company-block{display:flex;flex-direction:column;gap:32px}
  .company-img img{height:280px}
  
  /* Fix mobile infrastructure grid */
  .infra-hero-grid{display:flex;flex-direction:column;gap:32px}
  .infra-hero-img img{height:280px}
  
  /* Fix mobile group companies cards */
  .gc-company-card{display:flex;flex-direction:column}
  .gc-company-img{min-height:280px}
  
  /* Fix mobile global presence cards */
  .quality-card{padding:20px}
}

/* Small mobile specific fixes */
@media(max-width:480px){
  /* Fix mobile container padding */
  .container{padding:0 12px}
  
  /* Fix mobile navigation */
  .navbar .container{padding:0 12px}
  
  /* Fix mobile hero text */
  .slide-text h1{font-size:1.5rem}
  .slide-text p{font-size:.85rem}
  .slide-btns a{padding:5px 10px;font-size:10px}
  .slide-btns a svg,.slide-btns a img{width:12px;height:12px}
  .slider-dots button{width:14px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s}
  a,button{min-height:10px;min-width:10px}
  
  /* Fix mobile page hero */
  .page-hero h1{font-size:1.5rem}
  .page-hero .subtitle{font-size:.85rem}
  
  /* Fix mobile section headers */
  .section-header h2{font-size:1.4rem}
  
  /* Fix mobile buttons */
  .btn{padding:10px 16px;font-size:13px}
  .btn-lg{padding:14px 20px;font-size:14px}
  
  /* Fix mobile forms */
  .form-input,.form-select,.form-textarea{padding:12px;font-size:14px}
  
  /* Fix mobile footer */
  .footer-logo{height:50px}
  .footer h4{font-size:1rem}
  
  /* Fix mobile contact details */
  .contact-detail h4{font-size:1rem}
  .contact-detail a{font-size:.85rem}
  
  /* Fix mobile stats */
  .stat-item .value{font-size:1.6rem}
  
  /* Fix mobile industries */
  .industry-item{padding:12px}
  
  /* Fix mobile timeline */
  .timeline-item{padding-left:40px}
  .timeline-year{width:32px;height:32px;font-size:.65rem}
  
  /* About Us page - larger timeline circles on mobile */
  .company-timeline .timeline-year{width:60px;height:60px;font-size:.85rem}
  
  /* Fix mobile product images */
  .product-hero-img img{height:200px}
  
  /* Fix mobile company images */
  .company-img img{height:220px}
  
  /* Fix mobile infrastructure images */
  .infra-hero-img img{height:220px}
  
  /* Fix mobile group company images */
  .gc-company-img{min-height:220px}
}