:root {
--red:   #C8001A;
--redk:  #8f0013;
--redlt: #fff5f6;
--dark:  #111214;
--mid:   #3a3d42;
--muted: #6c7079;
--bdr:   #e2e4e8;
--bg:    #f7f8fa;
--white: #ffffff;
}

 

section {padding:60px 0;}
.bg_gray {background: var(--bg);}
.bg_dark {background: var(--dark);}

section {text-align:justify}

/* HERO SWIPER */
/* ========== HERO SWIPER ========== */

.s1 { background: linear-gradient(135deg, #0a0a0a 0%, #1a0305 40%, #2d0008 100%); }

.s-grid {
position: absolute; inset: 0;
background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
background-size: 60px 60px;
}
 
.s-glow {
position: absolute; bottom: -100px; right: -100px; width: 500px; height: 500px;
background: radial-gradient(ellipse, rgba(200,0,26,.22) 0%, transparent 70%);
}
.s-redbar { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--red); }
.s-content {
position: relative; z-index: 10; height: 100%;
display: flex; flex-direction: column; justify-content: center;
padding:80px;
}
.s-tag {
font-size: 12px; font-weight: 700; letter-spacing:1px; text-transform: uppercase;
color: var(--white); margin-bottom: 16px;
display: flex; align-items: center; gap: 10px;
}
.s-tag::before { content: ""; display: block; width: 28px; height: 2px; background: var(--red); }
.s-content h1 {
font-size: clamp(28px, 4vw, 50px); font-weight: 800; color: #fff;
line-height: 1.12; margin-bottom: 18px; letter-spacing: -.5px;
}
.s-content h1 em { color: var(--red); font-style: normal;}
.s-content p { font-size: 14px; color: rgba(255,255,255,.62); line-height: 1.75; margin-bottom: 32px; max-width: 500px; }
.s-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-red {
background: var(--red); color: #fff; text-decoration: none;
font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
padding: 13px 30px; display: inline-flex; align-items: center; gap: 8px;
transition: background .2s; border: none; border-radius: 0;
}
.btn-red:hover, .btn-red:focus { background: var(--redk); color: #fff; text-decoration: none; }
.btn-outline {
border: 1.5px solid rgba(255,255,255,.35); color: rgba(255,255,255,.85);
text-decoration: none; font-size: 11px; font-weight: 700; letter-spacing: 2px;
text-transform: uppercase; padding: 13px 26px; display: inline-flex; align-items: center; gap: 8px;
transition: border-color .2s, color .2s; background: transparent;
}
.btn-outline:hover, .btn-outline:focus { border-color: #fff; color: #fff; text-decoration: none; }

/* Stats Bar */

.stat-item {
flex: 1; padding: 16px 20px; border-right: 1px solid rgba(255,255,255,.08);
display: flex; align-items: center; gap: 13px;
}
.stat-item:last-child { border-right: none; }
.stat-ico {
width: 36px; height: 36px; background: var(--red); flex-shrink: 0;
display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px;
}
.stat-num { font-size: 20px; font-weight: 800; color: #fff; line-height: 1; }
.stat-lbl { font-size: 9.5px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,.45); margin-top: 3px; }
 

/* SECTION COMMON */
.sec-hd {
text-align: center;
margin-bottom:30px;
}
.sec-hd .over {
font-size:13px;
font-weight: 700;
text-transform: uppercase;
color: var(--red);
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.sec-hd .over::before, .sec-hd .over::after {
content: "";
display: block;
width: 28px;
height: 2px;
background: var(--red);
}
.sec-hd h2 {
font-size: clamp(22px, 3vw, 34px);
font-weight: 800;
color: var(--dark);
margin-bottom: 12px;
line-height: 1.18;
}
.sec-hd p {
font-size: 15px;
color: var(--muted);
line-height: 1.78;
}
.sec-hd.light .over {
color: rgba(255, 255, 255);
}
.sec-hd.light .over::before, .sec-hd.light .over::after {
background: rgba(255, 255, 255);
}
.sec-hd.light h2 {
color: #fff;
}
.sec-hd.light p {
color: rgba(255, 255, 255);
}
/* WHAT IS FRP */
#about {background:#fff!important}

.what-grid {
display: grid;
grid-template-columns:1fr;
gap: 56px;
align-items: start;
}
.what-text p {
margin-bottom: 18px;
font-size: 16px;
line-height: 1.82;
}
.what-text strong {
color: var(--dark);
font-weight: 700;
}

.text p {
margin-bottom: 18px;
font-size:16px;
line-height: 1.82;
}



/* TYPES — TABBED */
.tab-nav {
display: flex;
border-bottom: 2px solid var(--bdr);
margin-bottom: 36px;
}
.tab-btn {
font-family: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 13px 26px;
background: none;
border: none;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
cursor: pointer;
color: var(--muted);
display: flex;
align-items: center;
gap: 8px;
transition: color .2s, border-color .2s;
}
.tab-btn.active {
color: var(--red);
border-bottom-color: var(--red);
}
.tab-panel {
display: none;
}
.tab-panel.active {
display: block;
}
.type-intro {
font-size: 14.5px;
line-height: 1.82;
margin-bottom: 26px;
}
.type-intro strong {
color: var(--dark);
font-weight: 700;
}
/* TABLES */
.tbl-wrap {
overflow-x: auto;
border: 1px solid var(--bdr);
box-shadow: 0 2px 10px rgba(0, 0, 0, .06); background:#fff;
}
table {
width: 100%;
border-collapse: collapse;
font-size: 13.5px; text-align:center;
}
thead tr {
background: var(--dark);
}
thead th {
color: #fff;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 12px 16px;
white-space: nowrap; text-align: center!important; 
}
thead th:first-child {
border-left: 4px solid var(--red);
}
tbody tr:nth-child(even) {
background: #fafafa;
}
tbody tr:hover {
background: var(--redlt);
}
tbody td {
padding: 10px 16px;
border-bottom: 1px solid var(--bdr);
color: var(--mid);
}
tbody td:first-child {
font-weight: 700;
color: var(--dark);
border-left: 4px solid transparent;
}
tbody tr:hover td:first-child {
border-left-color: var(--red);
}
/* RESIN */
.resin-sec {
background: var(--dark);
}
.resin-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.resin-card {
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .08);
border-top: 4px solid rgba(255, 255, 255, .12);
padding: 28px 24px;
transition: border-top-color .2s, transform .25s;  border-radius:15px;
}


.min-h {min-height:470px;}

.resin-card:hover {
border-top-color: var(--red);
transform: translateY(-4px);
}
.resin-card.feat {
border-top-color: var(--red);
}
.r-badge {
display: inline-block;
font-size:12px;
font-weight: 700;
padding: 3px 10px;
background: var(--red);
color: #fff;
margin-bottom: 12px;
}
.r-badge.dim {
background: rgba(255, 255, 255,0.1);
color: rgba(255, 255, 255, .9);
}
.resin-card h4 {
font-size: 18px;
font-weight: 700;
color: #fff;
margin-bottom: 4px;
}
.r-sub {
font-size: 12px;
color: rgba(255, 255, 255);
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
}
.resin-card p {
font-size:14px;
color: rgba(255, 255, 255, .9);
line-height: 1.7;
margin-bottom: 14px;
}
.r-tag {
font-size: 14px;
color: rgba(255, 255, 255, .9);
display: flex;
align-items: center;
gap: 6px;
}
.r-tag i {
color: var(--red); font-size:20px;
}
/* BENEFITS */
.benefits-sec {
background: var(--white);
}
.bene-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.bene-box {
background: var(--white);
border: 1px solid var(--bdr);
padding: 32px 26px;
text-align: center;
position: relative;
overflow: hidden;
transition: box-shadow .25s, transform .25s, border-color .25s; margin-bottom:15px
}
.bene-box::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: var(--red);
transform: scaleX(0);
transform-origin: left;
transition: transform .3s;
}
.bene-box:hover {
box-shadow: 0 8px 28px rgba(200, 0, 26, .1);
transform: translateY(-4px);
border-color: #f0c0c8;
}
.bene-box:hover i {color:#fff}


.bene-box:hover::after {
transform: scaleX(1);
}
.bene-ico {
width: 64px;
height: 64px;
background: var(--redlt);
border: 2px solid #f0c0c8;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 18px;
font-size: 24px;
color: var(--red);
transition: background .25s, color .25s, border-color .25s;
}
.bene-box:hover .bene-ico {
background: var(--red);
color: #fff;
border-color: var(--red);
}
.bene-box h4 {
font-size: 15px;
font-weight: 700;
color: var(--dark);
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: .8px;
}
.bene-box p {
color: var(--muted);
line-height: 1.72;
margin: 0;
}
/* APPLICATIONS */
 
.app-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
 
.app-card:hover {
box-shadow: 0 8px 28px rgba(0, 0, 0, .1);
transform: translateY(-3px);
}
.app-head {
background: var(--dark);
padding:5px 15px;
display: flex;
align-items: center;
gap: 12px;
}
.app-head i {
font-size: 20px;
color: var(--red);
width: 24px;
text-align: center;
}
.app-head h4 {
font-size:16px;
font-weight: 700;
color: #fff;
letter-spacing: .8px;
text-transform: uppercase;
}
.app-body {
padding: 16px 20px;
font-size:16px;
color: var(--muted);
line-height: 1.72;  
}
/* SELECTION */
.sel-sec {
background: var(--dark);
}
.sel-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.sel-card {
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .08);
padding: 26px;
display: flex;
gap: 18px;
align-items: flex-start;
transition: background .25s;
}
.sel-card:hover {
background: rgba(200, 0, 26, .1);
}
.sel-ico {
width: 46px;
height: 46px;
background: var(--red);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #fff;
}
.sel-card h4 {
font-size: 14.5px;
font-weight: 700;
color: #fff;
margin-bottom: 8px;
letter-spacing: .5px;
}
.sel-card p {
font-size:15px;
color: rgba(255, 255, 255, .55);
line-height: 1.72;
margin: 0;
}
.sel-card strong {
color: rgba(255, 255, 255, .82);
}
/* INSTALL */
.inst-sec {
background: var(--bg);
}
.inst-steps {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.inst-step {
background: var(--white);
border: 1px solid var(--bdr);
padding: 28px 24px;
display: flex;
gap: 18px;
align-items: flex-start;
}
.inst-num {
font-size: 36px;
font-weight: 800;
color: rgba(200, 0, 26, .12);
line-height: 1;
flex-shrink: 0;
width: 48px;
text-align: center;
}
.inst-ico {
font-size: 26px;
color: var(--red);
margin-bottom: 12px;
display: block;
}
.inst-step h4 {
font-size: 15px;
font-weight: 700;
color: var(--dark);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: .8px;
}
.inst-step p {
font-size: 13.5px;
color: var(--muted);
line-height: 1.72;
margin: 0;
}
/* COMPARISON */
.cmp-wrap {
overflow-x: auto;
}
.cmp-tbl {
width: 100%;
border-collapse: collapse;
font-size: 13.5px;
}
.cmp-tbl thead th {
background: var(--bg);
color: var(--dark);
font-size: 12px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 14px 20px;
text-align: center;
border: 1px solid var(--bdr);
}
.cmp-tbl thead th:first-child {
text-align: left;
background: var(--dark);
color: #fff;
border: none;
}
.cmp-tbl thead th.hl {
background: var(--red);
color: #fff;
border-color: var(--red);
}
.cmp-tbl tbody td {
padding: 12px 20px;
border: 1px solid var(--bdr);
color: var(--muted);
}
.cmp-tbl tbody td:first-child {
text-align: left;
font-weight: 700;
color: var(--dark);
background: var(--bg);
border-left: none;
}
.cmp-tbl tbody td.hl {
background: var(--redlt);
font-weight: 700;
color: var(--dark);
}
.ic-g {
color: #2a9d3e;
}
.ic-b {
color: #c0392b;
}
.ic-m {
color: #e67e22;
}
/* WHY AMROCK */
.why-sec {background: var(--bg);}
#why-amrock {background: var(--white)!important;}
#why-amrock2 {background: var(--bg)!important;}

.why-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.why-card {
background: var(--white);
border: 1px solid var(--bdr);
padding: 26px 20px;
text-align: center;
transition: box-shadow .25s, transform .25s; border-radius:15px;
}
.why-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
transform: translateY(-3px);
}
.why-card i {
font-size: 28px;
color: var(--red);
margin-bottom: 14px;
display: block;
}
.why-card h4 {
font-size:15px;
font-weight: 700;
color: var(--dark);
margin-bottom: 8px;
}
.why-card p {
font-size: 15px;
color: var(--muted);
line-height: 1.7;
margin: 0;
}
/* FAQ */
 
/* CTA */
.cta-sec {
background: var(--red);
padding: 60px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.cta-sec a {color:#de1e37}
.cta-sec .container { position:relative; z-index:999}

.cta-sec::before {
content: "";
position: absolute;
inset: 0;
background-image:
repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, .05) 2px, transparent 2px, transparent 36px),  repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, .05) 2px, transparent 2px, transparent 36px);
}
.cta-sec h2 {
font-size: 32px;
font-weight: 800;
color: #fff;
margin-bottom: 12px;
position: relative;
}
.cta-sec p {
color: rgba(255, 255, 255, .75);
font-size: 15px;
margin-bottom:15px;
position: relative;
}
.cta-btns {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
position: relative;
}
.btn-cta-w {
background: #fff;
color: var(--red);
text-decoration: none;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 14px 34px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: background .2s;
}
.btn-cta-w:hover {
background: var(--dark);
color: #fff;
}
.btn-cta-o {
border: 2px solid rgba(255, 255, 255, .5);
color: #fff;
text-decoration: none;
font-size:14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding:12px 30px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: border-color .2s, background .2s; color:#fff!important
}
.btn-cta-o:hover {border-color:#fff; background:rgba(255, 255, 255, .1); }
.btn-cta-o:focus {color:#fff!important}


/* responsive */
@media(max-width:900px) {
.nav-links {
display: none;
}
 
 

.s-content {
padding: 90px 28px 60px;
}
 
.what-grid, .footer-grid {
grid-template-columns: 1fr;
}
.bene-grid, .app-grid, .resin-grid {
grid-template-columns: 1fr 1fr;
}
.why-grid {
grid-template-columns: 1fr 1fr;
}
.sel-grid {
grid-template-columns: 1fr;
}
.inst-steps {
grid-template-columns: 1fr;
}
}
@media(max-width:580px) {
.hero-swiper {
}
.s-content h1 {
font-size: 24px;
}
.bene-grid, .app-grid, .resin-grid {
grid-template-columns: 1fr;
}
}

/* =============================================
FRP PLATFORMS PAGE - ADDITIONAL STYLES
============================================= */

/* GLOBAL */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: "Century Gothic", CenturyGothic, AppleGothic, "Trebuchet MS", sans-serif;
font-size: 15px; line-height: 1.8; color: var(--mid); background: var(--white);
}



/* SCROLL REVEAL */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .5s ease, transform .5s ease; }
.reveal.in { opacity: 1; transform: translateY(0); }

/* SCOPE CARDS (What We Supply section) */
.scope-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.scope-card {
background: var(--white); border: 1px solid var(--bdr);
border-top: 4px solid var(--red); padding: 26px 22px;
transition: box-shadow .25s, transform .25s;
}
.scope-card:hover { box-shadow: 0 8px 28px rgba(200,0,26,.1); transform: translateY(-4px); }
.scope-card i { font-size: 26px; color: var(--red); margin-bottom: 14px; display: block; }
.scope-card h4 {font-size:18px; font-weight: 700; color: var(--dark);margin-bottom:8px; letter-spacing: .6px;}

.scope-card p { font-size: 13.5px; color: var(--muted); line-height: 1.72; margin: 0; }

/* PROCESS SECTION (How We Work) */
.process-sec { padding: 80px 0; background: var(--dark)}
.process-steps {
display: grid; grid-template-columns: repeat(4,1fr);
gap: 0; position: relative;
}
.process-steps::before {
content: ""; position: absolute; top: 36px; left: 10%; right: 10%;
height: 2px; background: rgba(200,0,26,.3); z-index: 0;
}

.proc-step { margin-bottom:15px;}

.proc-step { text-align: center; padding: 0 16px; position: relative; z-index: 1; }
.proc-num {
width: 72px; height: 72px; background: var(--red); border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 20px; font-size: 22px; color: #fff;
}
.proc-step h4 {
font-size:20px; font-weight: 700; color: #fff;
margin-bottom: 10px;  letter-spacing: .6px;
}
.proc-step p { font-size:15px; color: rgba(255,255,255,.7); line-height: 1.7; }

/* DELIVERABLES SECTION */
.deliv-sec { padding: 80px 0; background: var(--bg); }
.deliv-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.deliv-card {
background: var(--white); border: 1px solid var(--bdr);
padding: 28px 26px; display: flex; gap: 18px; align-items: flex-start;
transition: box-shadow .25s, border-color .25s; border-radius:15px;
}
.deliv-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.07); border-color: #f0c0c8; }
.deliv-ico {
width: 52px; height: 52px; background: var(--redlt);
border: 2px solid #f0c0c8; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 20px; color: var(--red); flex-shrink: 0;
}
.deliv-card h4 { font-size: 14px; font-weight: 700; color: var(--dark); margin-bottom: 6px; }
.deliv-card p { font-size: 13.5px; color: var(--muted); line-height: 1.72; margin: 0; }
.m-0 { margin-bottom:0!important;}

/* RESPONSIVE — PLATFORMS PAGE */
@media(max-width:900px) {
.scope-grid { grid-template-columns: 1fr 1fr; }
.process-steps { grid-template-columns: 1fr 1fr; }
.process-steps::before { display: none; }
.deliv-grid { grid-template-columns: 1fr; }

}
@media(max-width:580px) {
.scope-grid, .process-steps { grid-template-columns: 1fr; }
}



/* ========== SECTION COMMON ========== */
.sec-hd .over {
font-size: 10px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase;
color: var(--red); margin-bottom: 10px;
display: flex; align-items: center; justify-content: center; gap: 12px;
}
.sec-hd .over::before, .sec-hd .over::after { content: ""; display: block; width: 28px; height: 2px; background: var(--red); }
.sec-hd h2 { font-size: clamp(22px, 3vw, 34px); font-weight: 800; color: var(--dark); margin-bottom: 12px; line-height: 1.18; }
.sec-hd p {color: var(--muted);   margin: 0 auto; line-height: 1.78; }
.sec-hd.light .over { color: rgba(255,255,255,.4); }
.sec-hd.light .over::before, .sec-hd.light .over::after { background: rgba(255,255,255,.3); }
.sec-hd.light h2 { color: #fff; }
.sec-hd.light p { color: rgba(255,255,255,.5); }

/* ========== INTRO SECTION ========== */
.intro-sec {background: var(--bg); }
.intro-text p { margin-bottom: 18px;}
.intro-text strong { color: var(--dark); font-weight: 700; }


/* ========== PRODUCTS SECTION ========== */
.prod-card {
border: 1px solid var(--bdr); border-top: 4px solid var(--red);
background: var(--white); padding: 26px 24px; margin-bottom: 24px;
transition: box-shadow .25s;
}
.prod-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.09); }
.prod-ico {
width: 46px; height: 46px; background: var(--red); color: #fff;
display: flex; align-items: center; justify-content: center; font-size: 18px;
margin-bottom: 16px;
}
.prod-card h4 { font-size: 15px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }
.prod-card p { font-size: 13.5px; color: var(--muted); line-height: 1.72; margin: 0; }

/* ========== WHY SOURCE FROM INDIA ========== */
.why-india-sec { background: var(--dark); }
.reason-card {
background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
border-top: 4px solid var(--red); padding: 28px 24px; margin-bottom: 24px;
}
.reason-card h4 { font-size: 15px; font-weight: 800; color: #fff; margin-bottom: 10px; }
.reason-card p { font-size: 13.5px; color: rgba(255,255,255,.55); line-height: 1.78; margin: 0; }
.reason-card .r-ico {
width: 42px; height: 42px; background: var(--red);
display: flex; align-items: center; justify-content: center;
color: #fff; font-size: 17px; margin-bottom: 16px;
}

/* ========== INDUSTRIES ========== */
.industries-sec { background: var(--bg); }
.ind-card {
background: var(--white); border: 1px solid var(--bdr);
padding: 24px 20px; margin-bottom:15px; transition: box-shadow .25s;
}
.ind-card:hover {box-shadow:0 6px 22px rgba(0,0,0,.08);}
.ind-head {display: flex; align-items: center; gap: 12px; margin-bottom: 10px;}
.ind-head i {font-size: 22px; color: var(--red);}
.ind-head h4 {font-size:16px; font-weight: 800; color: var(--dark); margin: 0;}
.ind-card p {color: var(--muted); margin: 0; line-height: 1.7;}

/* ========== EXPORT PROCESS ========== */
.process-sec2 { padding: 80px 0; background: var(--white); }
.process-steps2 { position: relative; }
.process-step2 {
display: flex; gap: 24px; margin-bottom: 36px;
padding-bottom: 36px; border-bottom: 1px solid var(--bdr);
}
.process-step2:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.step-num2 {
flex-shrink: 0; width: 52px; height: 52px; background: var(--red);
color: #fff; font-size: 22px; font-weight: 800;
display: flex; align-items: center; justify-content: center;
}
.step-content2 h4 { font-size: 16px; font-weight: 800; color: var(--dark); margin-bottom: 8px; }
.step-content2 p { font-size: 14px; color: var(--muted); line-height: 1.8; margin: 0; }


/* ========== TABLES ========== */
.tbl-wrap { overflow-x: auto; border: 1px solid var(--bdr); box-shadow: 0 2px 10px rgba(0,0,0,.06); }
table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
thead tr { background: var(--dark); }
thead th { color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 12px 16px; white-space: nowrap; }
thead th:first-child { border-left: 4px solid var(--red); }
tbody tr:nth-child(even) { background: #fafafa; }
tbody tr:hover { background: var(--redlt); }
tbody td { padding: 10px 16px; border-bottom: 1px solid var(--bdr); color: var(--mid); vertical-align: middle; }
tbody td:first-child { font-weight: 700; color: var(--dark); border-left: 4px solid transparent; }
tbody tr:hover td:first-child { border-left-color: var(--red); }

/* ========== FAQ ========== */
 
 

/* ========== WHY AMROCK ========== */
.why-sec {background: var(--white); }
.why-card {
border: 1px solid var(--bdr); background: var(--bg);
padding: 28px 24px; text-align: center; margin-bottom: 24px;
transition: box-shadow .25s, border-color .25s;
}
.why-card:hover { border-color: var(--red); box-shadow: 0 8px 28px rgba(0,0,0,.09); }
.why-card i { font-size: 30px; color: var(--red); display: block; margin-bottom: 14px; }
.why-card h4 { font-size: 15px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }
.why-card p { font-size: 13.5px; color: var(--muted); margin: 0; }

/* ========== CTA ========== */
.cta-sec {
padding: 80px 0;
background: linear-gradient(135deg, #0a0a0a 0%, #1a0305 60%, #2d0008 100%);
text-align: center;
}
.cta-sec h2 { font-size: clamp(22px, 3vw, 36px); font-weight: 800; color: #fff; margin-bottom: 16px; }

.btn-cta-w {
display: inline-flex; align-items: center; gap: 10px;
background: #fff; color: var(--dark); text-decoration: none;
font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;

padding: 15px 34px; margin: 6px; transition: background .2s;
}
.btn-cta-w:hover, .btn-cta-w:focus { background: var(--redlt); color: var(--red); text-decoration: none; }
.btn-cta-o {
display: inline-flex; align-items: center; gap: 10px;
background: transparent; border: 2px solid rgba(255,255,255,.35); color: rgba(255,255,255,.85);
text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 2px;
text-transform: uppercase; padding: 14px 34px; margin: 6px; transition: border-color .2s, color .2s;
}
.btn-cta-o:hover, .btn-cta-o:focus { border-color: #fff; color: #fff; text-decoration: none; }

/* ========== EQUAL HEIGHT CARDS ========== */
/* Make Bootstrap rows use flexbox for equal height cols */
.products-sec .row,
.why-india-sec .row,
.industries-sec .row,
.adv-sec .row,
.why-sec .row {
display: flex;
flex-wrap: wrap;
}
.products-sec .row > [class*="col-"],
.why-india-sec .row > [class*="col-"],
.industries-sec .row > [class*="col-"],
.adv-sec .row > [class*="col-"],
.why-sec .row > [class*="col-"] {
display: flex;
flex-direction: column;
}
/* Cards stretch to full col height */
.prod-card,
.reason-card,
.ind-card,
.adv-card,
.why-card {
flex: 1;
}

/* reveal animation */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s, transform .55s; }
.reveal.in { opacity: 1; transform: none; }

/* Responsive tweaks */

.process-sec-2 {
gap: 24px;    display: flex;
margin-bottom: 36px;
padding-bottom: 36px;
border-bottom: 1px solid #e2e4e8;
}

.process-sec-2:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

@media (max-width: 768px) {
.s-content { padding: 90px 24px 60px; }
.stats-bar { flex-wrap: wrap; }
.stat-item { min-width: 50%; border-bottom: 1px solid rgba(255,255,255,.08); }
.process-step { flex-direction: column; gap: 14px;}
.s-content p {font-size:13px}
.s-btns { display:none}
.s-content {padding:20px 20px 20px;}
.swiper-button-prev, .swiper-button-next {display:none} 

.process-sec-2 {
flex-direction: column;
gap: 14px;
}
}

 

/*--------03-06-2026------------*/
/* SECTION COMMON */
.sec-hd .over {
font-size: 10px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase;
color: var(--red); margin-bottom: 10px;
display: flex; align-items: center; justify-content: center; gap: 12px;
}
.sec-hd .over::before, .sec-hd .over::after { content: ""; display: block; width: 28px; height: 2px; background: var(--red); }
.sec-hd h2 { font-size: clamp(22px, 3vw, 34px); font-weight: 800; color: var(--dark); margin-bottom: 12px; line-height: 1.18; }

.sec-hd.light .over { color: rgba(255,255,255,.4); }
.sec-hd.light .over::before, .sec-hd.light .over::after { background: rgba(255,255,255,.3); }
.sec-hd.light h2 { color: #fff; }
.sec-hd.light p { color: rgba(255,255,255,.5); }

/* WHAT IS GFRP */
.what-text p { margin-bottom: 18px; font-size: 14.5px; line-height: 1.82; }
.what-text strong { color: var(--dark); font-weight: 700; }
.what-box {
background: var(--white); border: 1px solid var(--bdr);
border-top: 4px solid var(--red); padding: 26px;
}
.what-box-title {
font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
color: var(--red); margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid var(--bdr);
}
.diff-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--bdr); font-size: 13.5px; }
.diff-row:last-child { border-bottom: none; }
.diff-lbl { color: var(--muted); }
.diff-val { font-weight: 700; color: var(--dark); }
.good { color: #2a9d3e; }
.warn { color: #c0392b; }

/* KEY ATTRIBUTES */

/* PRODUCT RANGE */
.prod-range-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.prod-range-card {
background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
border-top: 4px solid rgba(255,255,255,.12); padding: 28px 24px;
transition: border-top-color .2s, transform .25s;
}
.prod-range-card:hover { border-top-color: var(--red); transform: translateY(-4px); }
.prod-range-card.feat { border-top-color: var(--red); }
.prod-range-card i { font-size: 26px; color: var(--red); margin-bottom: 14px; display: block; }
.prod-range-card h4 { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.prod-range-card p { font-size: 13.5px; color: rgba(255,255,255,.58); line-height: 1.72; margin-bottom: 0; }

/* APPLICATIONS */
.app-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.app-card { border: 1px solid var(--bdr); overflow: hidden; transition: box-shadow .25s, transform .25s; background: var(--white);}




.app-card{
    background:#fff;
    border:1px solid #e6e6e6;
    border-top:4px solid #c8001a;
    justify-content:center;
    transition:all .3s ease;
    box-shadow:0 2px 10px rgba(0,0,0,.04); margin-bottom:15px;
}

.app-card:hover{
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,.10);
border-color:#c8001a;
}

.app-card h4 {font-size:15px;font-weight: 700;color: var(--dark);margin-bottom: 10px;text-transform: uppercase; 
line-height:22px}





.app-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.1); transform: translateY(-3px); }
.app-head { background: var(--dark); padding: 12px 18px; display: flex; align-items: center; gap: 12px; }
.app-head i { font-size: 20px; color: var(--red); width: 24px; text-align: center; }
.app-head h4 { font-size: 13px; font-weight: 700; color: #fff; letter-spacing: .8px; text-transform: uppercase; margin: 0; }
.app-body { padding: 14px 18px; font-size: 13.5px; color: var(--muted); line-height: 1.72;}
.app-body ul { list-style: none; margin: 0; padding: 0; }
.app-body ul li { padding: 4px 0; border-bottom: 1px solid var(--bdr); }
.app-body ul li:last-child { border-bottom: none; }

.app-body ul li {
list-style: none;
position: relative;
padding-left: 25px;
}
.app-body ul li::before {
content: "\f00c"; /* Font Awesome check icon */
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
top: 2px; color:#de1e37
}

/* BENEFITS */
.bene-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
/* COMPARISON */

.cmp-wrap { overflow-x: auto;}
.cmp-tbl { width: 100%; border-collapse: collapse; font-size: 13.5px; background:#fff}
.cmp-tbl thead th { background: var(--bg); color: var(--dark); font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 14px 20px; text-align: center; border: 1px solid var(--bdr); }
.cmp-tbl thead th:first-child { text-align: left; background: var(--dark); color: #fff; border: none; }
.cmp-tbl thead th.hl { background: var(--red); color: #fff; border-color: var(--red); }
.cmp-tbl tbody td { padding: 12px 20px; border: 1px solid var(--bdr); text-align: center; color: var(--muted); }
.cmp-tbl tbody td:first-child { text-align: left; font-weight: 700; color: var(--dark); background: var(--white); border-left: none; }
.cmp-tbl tbody td.hl { background: var(--redlt); font-weight: 700; color: var(--dark); }
.ic-g { color: #2a9d3e; } .ic-b { color: #c0392b; } .ic-m { color: #e67e22; }

/* WHY AMROCK */
.why-sec {background: var(--bg); }
.why-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.why-card {
background: var(--white); border: 1px solid var(--bdr); padding: 26px 20px;
text-align: center; transition: box-shadow .25s, transform .25s; border-radius: 12px;
}
.why-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); transform: translateY(-3px); }
.why-card i { font-size: 28px; color: var(--red); margin-bottom: 14px; display: block; }
.why-card h4 { font-size: 13.5px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
.why-card p { font-size: 12.5px; color: var(--muted); line-height: 1.7; margin: 0; }

/* FAQ */
.faq-inner { max-width: 820px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid var(--bdr); }
.faq-q {
width: 100%; background: none; border: none; cursor: pointer; text-align: left;
padding: 18px 0; font-family: inherit; font-size:17px; font-weight: 700;
color: var(--dark); display: flex; align-items: center; justify-content: space-between; gap: 12px;
transition: color .2s;
}
.faq-q:hover { color: var(--red); }
.faq-ico {
width: 26px; height: 26px; background: var(--redlt); border: 1.5px solid #f0c0c8;
border-radius: 50%; display: flex; align-items: center; justify-content: center;
color: var(--red); font-size: 13px; flex-shrink: 0;
transition: transform .25s, background .2s;
}
.faq-item.open .faq-ico { transform: rotate(45deg); background: var(--red); color: #fff; border-color: var(--red); }
.faq-a { display: none; padding: 0 32px 18px 0; font-size: 14px; color: var(--muted); line-height: 1.82; }
.faq-item.open .faq-a { display: block; }

/* CTA */
.cta-sec {
background: var(--red); padding: 60px 0; text-align: center; position: relative; overflow: hidden;
}
.cta-sec::before {
content: ""; position: absolute; inset: 0;
background-image:
repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 2px,transparent 2px,transparent 36px),
repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 2px,transparent 2px,transparent 36px);
}
.cta-sec .wrap { position: relative; z-index: 999; }
.cta-sec h2 { font-size: 32px; font-weight: 800; color: #fff; margin-bottom: 12px; }
.cta-sec p { color: rgba(255,255,255,.75); font-size: 15px; margin-bottom: 28px; }
.cta-btns { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.btn-cta-w {
background: #fff; color: var(--red); text-decoration: none;
font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
padding: 14px 34px; display: inline-flex; align-items: center; gap: 8px;
transition: background .2s;
}
.btn-cta-w:hover { background: var(--dark); color: #fff; }
.btn-cta-o {
border: 2px solid rgba(255,255,255,.5); color: #fff; text-decoration: none;
font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
padding: 14px 30px; display: inline-flex; align-items: center; gap: 8px;
transition: border-color .2s, background .2s;
}
.btn-cta-o:hover { border-color: #fff; background: rgba(255,255,255,.1); color: #fff; }

/* FOOTER */
.footer { background: #0a0a0c; padding: 52px 0 24px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.f-logo { font-size: 22px; font-weight: 800; letter-spacing: 4px; color: #fff; margin-bottom: 14px; }
.f-logo span { color: var(--red); }
.footer-brand p { font-size: 13px; color: rgba(255,255,255,.38); line-height: 1.78; margin-bottom: 18px; }
.f-socials { display: flex; gap: 8px; }
.f-soc {
width: 32px; height: 32px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
display: flex; align-items: center; justify-content: center;
color: rgba(255,255,255,.45); font-size: 13px; text-decoration: none;
transition: background .2s, color .2s;
}
.f-soc:hover { background: var(--red); color: #fff; border-color: var(--red); }
.footer-col h5 { font-size: 10.5px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.06); }
.footer-col ul { list-style: none; padding: 0; margin: 0; }
.footer-col li { margin-bottom: 8px; }
.footer-col a { font-size: 13px; color: rgba(255,255,255,.38); text-decoration: none; transition: color .2s; }
.footer-col a:hover { color: var(--red); }
.fc-item { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 9px; }
.fc-item i { color: var(--red); font-size: 12px; margin-top: 3px; flex-shrink: 0; }
.fc-item span { font-size: 12.5px; color: rgba(255,255,255,.4); line-height: 1.6; }
.f-bar { border-top: 1px solid rgba(255,255,255,.06); padding-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.f-bar p { font-size: 11.5px; color: rgba(255,255,255,.28); margin: 0; }
.f-bar a { color: var(--red); text-decoration: none; }

/* reveal */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .5s ease, transform .5s ease; }
.reveal.in { opacity: 1; transform: translateY(0); }


.top-img img {
width: 100%;
height:450px;object-fit: cover;
}

/* TYPES */
.type-card {
border: 1px solid var(--bdr);
border-top: 4px solid var(--red);
background: var(--white);
padding: 28px 24px;
height: 100%;
transition: box-shadow .25s, transform .25s; margin-bottom:20px;
}
.type-card:hover {
	box-shadow: 0 8px 28px rgba(200, 0, 26, .1);
	transform: translateY(-4px);
}
.type-card i {
	font-size: 28px;
	color: var(--red);
	margin-bottom: 14px;
	display: block;
}
.type-card h4 {
	font-size: 16px;
	font-weight: 800;
	color: var(--dark);
	margin-bottom: 10px;
}
.type-card p {
	font-size: 14px;
	color: var(--muted);
	line-height: 1.72;
	margin: 0;
}

/* MANUFACTURING */
.mfg-step {
	background: var(--white);
	border: 1px solid var(--bdr);
	padding: 28px 24px;
	display: flex;
	gap: 18px;
	align-items: flex-start;
	height: 100%;
}
.mfg-ico {
	font-size: 26px;
	color: var(--red);
	margin-bottom: 0;
	display: block;
	flex-shrink: 0;
	margin-top: 4px;
}
.mfg-step h4 {
	font-size: 14px;
	font-weight: 700;
	color: var(--dark);
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: .8px;
}
.mfg-step p {
	font-size: 13.5px;
	color: var(--muted);
	line-height: 1.72;
	margin: 0;
}


/* TYPE CARDS */
.type-card2 {
  border: 1px solid var(--bdr); border-top: 4px solid var(--red);
  background: var(--white); padding: 28px 24px; height: 100%;
  transition: box-shadow .25s, transform .25s; min-height:250px; margin-bottom: 24px;
}
.type-card2:hover { box-shadow: 0 8px 28px rgba(200,0,26,.1); transform: translateY(-4px); }
.type-card2 i { font-size: 28px; color: var(--red); margin-bottom: 14px; display: block; }
.type-card2 h4 { font-size: 16px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }
.type-card2 p { font-size: 14px; color: var(--muted); line-height: 1.72; margin: 0; }

/* PRE-GALV VS HOT-DIP COMPARISON CARDS */
.cmp-card {
  background: var(--white); border: 1px solid var(--bdr); border-top: 4px solid var(--red);
  padding: 28px 24px; margin-bottom: 24px; height: 100%;
}
.cmp-card h4 { font-size: 16px; font-weight: 800; color: var(--dark); margin-bottom: 12px; }
.cmp-card p { font-size: 14px; color: var(--muted); line-height: 1.78; margin: 0; }
.cmp-card.featured { background: var(--redlt); border-color: #f0c0c8;}

/* BENEFITS */

.bene-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* yahi equal height karta hai */
  gap: 24px;
}

.bene-row .bene-box {
  flex: 1 1 calc(33.333% - 16px); /* 3 column grid */
  margin-bottom: 0; /* flex gap use kar raha hai */
  display: flex;
  flex-direction: column;
}

.bene-box p {
  flex: 1; /* yeh paragraph neeche tak stretch hoga */
}


 

/* ---- NEW CSS — added at bottom ---- */

 
/* Certification ribbon */
.cert-ribbon {
  background: var(--redlt); border-top: 3px solid var(--red); border-bottom: 1px solid #f0c0c8;
  padding: 12px 0;
}
.cert-ribbon .cr-inner { display: flex; align-items: center; justify-content: center; gap: 32px; flex-wrap: wrap; }
.cert-item { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--dark); letter-spacing: .3px; }
.cert-item i { color: var(--red); font-size: 15px; }

/* Sizes badge list */
.size-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

.size-pill {
  background: var(--bg); border: 1px solid var(--bdr); color: var(--dark);
  font-size: 10px; font-weight: 700; padding: 5px 8px; letter-spacing: .5px;
  transition: background .2s, border-color .2s, color .2s;
}

.size-pill:hover { background: var(--red); border-color: var(--red); color: #fff; }

/* process steps (How we make) */
.mfg-sec { padding: 80px 0; background: var(--dark); }
.process-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; position: relative; }
.process-steps::before {
  content: ""; position: absolute; top: 36px; left: 10%; right: 10%;
  height: 2px; background: rgba(200,0,26,.3); z-index: 0;
}
.proc-step { text-align: center; padding: 0 16px; position: relative; z-index: 1; margin-bottom: 15px; }
.proc-num {
  width: 72px; height: 72px; background: var(--red); border-radius: 50%;
  display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 22px; color: #fff;
}
.proc-step h4 { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 10px; letter-spacing: .4px; }
.proc-step p { font-size: 13.5px; color: rgba(255,255,255,.6); line-height: 1.7; }





/* ---- LOAD CLASSES ---- */
.load-sec {background: var(--dark); }
.load-card {
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  border-top: 4px solid rgba(255,255,255,.12); padding: 28px 24px; height: 100%;
  transition: border-top-color .2s, transform .25s; border-radius: 12px; margin-bottom:10px;
}
.load-card:hover { border-top-color: var(--red); transform: translateY(-4px); }
.load-card.feat { border-top-color: var(--red); }
.load-badge {
  display: inline-block; font-size: 11px; font-weight: 700; padding: 3px 10px;
  background: var(--red); color: #fff; margin-bottom: 12px;
}
.load-badge.dim { background: rgba(255,255,255,.1); color: rgba(255,255,255,.85); }
.load-card h4 { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 6px;}
.load-card .l-sub { font-size: 11px; color: rgba(255,255,255,.5); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; }
.load-card p { font-size: 13.5px; color: rgba(255,255,255,.65); line-height: 1.72; margin-bottom: 0; }
.load-card .l-tag { font-size: 13px; color: rgba(255,255,255,.75); display: flex; align-items: center; gap: 6px; margin-top: 12px; }
.load-card .l-tag i { color: var(--red); }


.cursor {cursor:pointer;}
.img-responsive {max-width:100%}


.row-flex {
display: flex;
flex-wrap: wrap;
}
.row-flex::before,
.row-flex::after {
display: none;
}


.row-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}

.row-flex .load-card {
height: 100%;
width: 100%;
}

.row-flex .fix-h {
height: 100%;
width: 100%;
}

 
 
   /* BENEFITS ICON BOXES */
  .bene-box { background: var(--white); border: 1px solid var(--bdr); border-top: 4px solid var(--red); padding: 28px 24px; transition: box-shadow .25s, transform .25s; }
  .bene-box:hover { box-shadow: 0 8px 28px rgba(200,0,26,.1); transform: translateY(-4px); }
  .bene-box i { font-size: 28px; color: var(--red); display: block; }
  .bene-box h5 { font-size: 15px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }
  .bene-box p { font-size: 13.5px; color: var(--muted); line-height: 1.72; margin: 0; }
  
.mb-0 { margin-bottom:0!important}
 
/* ---- WHY SOURCE FROM INDIA ---- */
.why-india-sec { background: var(--bg); }
.reason-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.reason-card {
  background: var(--white); border: 1px solid var(--bdr);
  border-top: 4px solid var(--red); padding: 28px 24px;
  transition: box-shadow .25s, transform .25s;
}
.reason-card:hover { box-shadow: 0 8px 28px rgba(200,0,26,.1); transform: translateY(-4px); }
.reason-card .r-ico {
  width: 42px; height: 42px; background: var(--red);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 17px; margin-bottom: 16px;
}
.reason-card h4 { font-size: 15px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }
.reason-card p { font-size: 13.5px; color: var(--muted); line-height: 1.78; margin: 0; }
/* ---- INDUSTRIES ---- */
.industries-sec { padding: 80px 0; background: var(--white); }
.ind-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.ind-card {
  background: var(--white); border: 1px solid var(--bdr);
  padding: 24px 20px; transition: box-shadow .25s, border-color .25s;
}
.ind-card:hover { box-shadow: 0 6px 22px rgba(0,0,0,.08); border-color: #f0c0c8; }
.ind-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.ind-head i { font-size: 22px; color: var(--red); }
.ind-head h4 { font-size: 15px; font-weight: 800; color: var(--dark); margin: 0; }
.ind-card p { color: var(--muted); margin: 0; line-height: 1.7; font-size: 13.5px; }


@media(max-width:1440px) {
 
.s-content h1 {font-size:clamp(28px, 4vw, 40px);}
} 

@media(min-width:900px) {
.grid-5 {grid-template-columns: repeat(5, 1fr)!important}
}



/* RESPONSIVE */
@media(max-width:900px) {
.nav-links { display: none; }
 
.s-content { padding: 90px 28px 60px; }
.footer-grid { grid-template-columns: 1fr; }
.bene-grid, .app-grid, .prod-range-grid { grid-template-columns: 1fr 1fr; }
.why-grid { grid-template-columns: 1fr 1fr; }
}

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

@media(max-width:580px) {
.hero-swiper {height:auto;}
 

.s-content h1 { font-size: 24px; }
.bene-grid, .app-grid, .prod-range-grid { grid-template-columns: 1fr; }
.why-grid { grid-template-columns: 1fr 1fr; }
.s-content { padding: 20px 20px 20px; }
.s-btns { display: none; }

.top-img img {height:200px; }

.sec-hd {margin-bottom:20px;}
.tab-btn {padding:10px 10px;}
.cta-sec h2 {font-size:25px;}
.btn-cta-w, .btn-cta-o {padding:15px 15px}
.why-card {margin-bottom:0;}
.bene-row .bene-box {flex:100%;}
.why-card { margin-bottom:10px}

section {padding:30px 0;} 
.app-card {margin-bottom:10px!important}

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

}

@media(max-width:480px) {
.why-grid { grid-template-columns:1fr;}
.tab-btn {line-height:15px;}
.s-content h1 {font-size: 23px;}
}

.text-white {color:#fff!important}

.hero-swiper2 img { width:100%!important; height:auto!important; object-fit:inherit!important; }
.swiper-wrapper { height:auto!important}