/**
Theme Name: Astra Child
Author: Developer
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
   :root{
    --ink:#18191b;
    --ink-soft:#232527;
    --stone:#e9e4d8;
    --paper:#faf8f4;
    --bronze:#ac7434;
	 --stand:#ac7434; 
    --bronze-deep:#7d5323;
    --steel:#6c7075;
    --line-dark:rgba(250,248,244,0.14);
    --line-light:rgba(24,25,27,0.14);
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }  
  
 
@font-face {
    font-family: 'Graphik Arabic';
    src: url('font/GraphikArabic-Regular.eot');
    src: local('GraphikArabicRegular'), local('GraphikArabic-Regular'),
        url('font/GraphikArabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/GraphikArabic-Regular.woff2') format('woff2'),
        url('font/GraphikArabic-Regular.woff') format('woff'),
        url('font/GraphikArabic-Regular.ttf') format('truetype');  
    font-style: normal;
    font-display: swap;
}

body
{
 font-family: 'Graphik Arabic';
 font-style: normal;
 font-weight: normal;
 font-size:18px;
 line-height:1.2;
}
 .ast-pagination   .ast-right-arrow {
	line-height: 20px;
}
 
.pagination a:hover { 
	background: #b67a49 !important;
}

.ast-builder-menu-1 {
    font-family: 'Graphik Arabic' !important;
   font-weight: 700;  
	text-transform: capitalize;
}
#journey .stats {
	background: #fff;
}


 #footer-site-navigation .menu-item-object-custom.menu-item-1102,
#footer-site-navigation .menu-item-object-custom.menu-item-1124 { 
	display: none;
} 
.ast-builder-menu-1 .sub-menu  {
	width: 140px !important;
} 
 img{max-width:100%; display:block;}
  .wrap{max-width:1420px; margin:0 auto; padding:0 clamp(20px,5vw,64px);} 
  h1,h2,h3{
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:900;
    letter-spacing:0.01em;
    line-height:0.98;
  } 
  .eyebrow-free{}   
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0; color:var(--ink);background:var(--paper);line-height:1.55}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
header{position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(15,20,18,.94);border-bottom:1px solid rgba(255,255,255,.12)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{font-weight:800;letter-spacing:3px;color:#fff;font-size:20px;line-height:1}
.logo small{display:block;font-size:9px;letter-spacing:4px;color:var(--sand2);margin-top:7px}
nav{display:flex;align-items:center;gap:28px}
nav a{font-size:12px;font-weight:700;color:#eef1ee;letter-spacing:.7px;text-transform:uppercase}
nav a:hover,nav a.active{color:var(--sand2)}
.menu{display:none;background:none;border:1px solid #666;color:white;padding:8px 10px}
.hero{min-height:720px;background:
linear-gradient(90deg,rgba(12,17,15,.96) 0%,rgba(12,17,15,.78) 42%,rgba(12,17,15,.18) 100%),
radial-gradient(circle at 75% 42%,rgba(183,154,103,.35),transparent 27%),
linear-gradient(135deg,#17201d,#3c453f 58%,#151b19);
display:flex;align-items:center;color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-100px;top:120px;width:620px;height:620px;border:1px solid rgba(209,187,143,.3);transform:rotate(45deg)}
.hero-content{position:relative;z-index:2;padding-top:90px;max-width:690px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--sand2);font-weight:800;margin-bottom:18px}
h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:0 0 22px;letter-spacing:-2px}
h1 span{color:var(--sand2)}
.lead{font-size:18px;color:#d8ddd9;max-width:610px}
.buttons{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{padding:14px 22px;border:1px solid var(--sand2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.btn.primary{background:var(--sand);color:#151713;border-color:var(--sand)}
.btn.secondary{color:#fff}
section{padding:92px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.section-tag{font-size:14px;letter-spacing:2.5px;text-transform:uppercase;color:#85704b;font-weight:800}
h2{font-size:42px;line-height:1.08;margin:12px 0 20px;letter-spacing:-1px}
h3{margin:0 0 8px;font-size:18px}
.copy{color:#59625e;max-width:600px}
.visual{min-height:370px;background:linear-gradient(145deg,#202a26,#515a53);position:relative;overflow:hidden}
.visual:before{content:"TUWAIQ";position:absolute;color:rgba(255,255,255,.08);font-size:110px;font-weight:900;right:-25px;bottom:15px;letter-spacing:-5px}
.factory{background:linear-gradient(135deg,#25302c,#70756c 55%,#303631)}
.factory .building{position:absolute;left:10%;right:10%;bottom:14%;height:42%;background:#252b29;border-top:5px solid var(--sand);box-shadow:0 25px 45px rgba(0,0,0,.3)}
.factory .building:before{content:"TUWAIQ ARMOUR";position:absolute;top:30px;left:30px;color:#e7dfcf;font-weight:800;letter-spacing:3px}
.factory .building:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:45%;border-top:1px solid #666;background:repeating-linear-gradient(90deg,#1b211f 0 52px,#303734 52px 57px)}
.stats{background:#171d1b;color:white;padding:30px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:14px 28px;border-right:1px solid #414944}
.stat:last-child{border:0}.stat strong{display:block;color:var(--sand2);font-size:15px;margin-bottom:4px}.stat span{font-size:12px;color:#c6cbc7}
.products{background:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:20px}
.section-head a{font-size:16px;font-weight:800;text-transform:uppercase;color:#6f5c3e} 
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product{border:1px solid var(--line);background:#fafaf7;transition:.2s}
.product:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.product-art{height:235px;background:linear-gradient(145deg,#1d2421,#59605a);position:relative;display:grid;place-items:center;overflow:hidden}
.product-art:after{content:"";position:absolute;width:190px;height:130px;border:2px solid rgba(209,187,143,.7);transform:rotate(-12deg);border-radius:35%}
.helmet:before{content:"";width:125px;height:100px;background:#343d38;border-radius:55% 55% 25% 25%;box-shadow:inset 0 0 0 8px #222a27,30px 8px 0 -5px #2b332f;z-index:2}
.plate:before{content:"";width:115px;height:145px;background:#222a27;border-radius:12% 12% 25% 25%;z-index:2;box-shadow:inset 0 0 0 2px #66706a}
.armour:before{content:"";width:135px;height:150px;background:#303934;border-radius:18px 18px 10px 10px;z-index:2;box-shadow:inset 0 0 0 7px #202622}
.shield:before{content:"";width:120px;height:150px;background:#242c28;clip-path:polygon(50% 0,90% 14%,100% 58%,72% 100%,28% 100%,0 58%,10% 14%);z-index:2}
.product-body{padding:22px}.product-body p{font-size:13px;color:#68716c;min-height:60px}.link{font-size:11px;font-weight:800;text-transform:uppercase;color:#806b45}
.dark{background:#18201e;color:#fff}.dark .copy{color:#c5cbc7}
.cap-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;border-top:1px solid #4c5751}
.check{padding:18px 0;border-bottom:1px solid #4c5751;font-size:16px;color:#d9dedb} 
.check:before{content:"✓";color:var(--sand2);font-weight:900;margin-right:12px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:38px}
.step{border-top:2px solid var(--sand);padding-top:15px}.step b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.6px}.step p{font-size:12px;color:#68716c}
.quality{background:#eceeea}.certs{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.cert{border:1px solid #c9cec9;background:#fff;padding:15px 22px;font-weight:900;font-size:13px;letter-spacing:1px}
.partner{background:#fff}
.partner-box{background:#eef0ec;padding:46px;display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}
.logos{display:flex;gap:24px;align-items:center;justify-content:center}.logos span{font-size:28px;font-weight:900;letter-spacing:2px}.logos i{height:50px;border-left:1px solid #b9c0ba}
.apps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}
.app{min-height:135px;background:#222b27;color:#fff;padding:0px;display:flex;align-items:end;font-size:14px;font-weight:800}
.app:nth-child(2){background:#303a35}.app:nth-child(3){background:#424a44}.app:nth-child(4){background:#252d29}.app:nth-child(5){background:#515850}
.cta{background:linear-gradient(90deg,#111714,#303a35);color:#fff;padding:58px 0}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0 0 8px;font-size:34px}.cta p{margin:0;color:#cbd0cd}
footer{background:#0d1210;color:#c0c6c2;padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:16px; text-transform:uppercase}
.copyright{border-top:1px solid #2c3430;margin-top:30px;padding-top:20px;font-size:16px;color:#7f8983} 

.row.prodctrow {
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
}
.row.prodctrow::last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.product-row .product {
	border: 0px none !important;	 
} 
.page-template-all-products .ast-container {
	width: 100%;
	display: block !important;
	/* height: 400px; */
}
.custom-hero {
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

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

.custom-hero-content {
    color: #fff;
    text-align: center;
}
.custom-hero-content h1 {
	color: #fff; 
}

.footer-widget-area, .footer-widget-area a {
	color: #fff !important;
}
.specifications_sec p {
	margin-bottom: 5px;
}
.absbtns {
	right: 0 !important;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 260px !important;
	font-size: 12px !important;
}
.ast-builder-html-element p {
	margin-bottom: 0;
}
.specifications_sec h1 {
	font-size: 48px;
	margin-bottom: 10px;
}
.specifications_sec h3, .specifications_sec h2 {
	margin-bottom: 15px;
}
hr {
	background-color: #000;
}
.specifications_sec ul {
	margin-left: 15px;
}
 .pr_btns {
	font-weight: 700;
	color: #fff;
}
.container {
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
}

.row.prodctrow {
	display: flex;
	margin-top: 50px;
	margin-bottom: 30px;
	gap: 30px;
	align-items: center;
}
.small_description_prod {
	margin-top: 15px;
	margin-bottom: 15px;
}
.btn.button.bordreless.greenishbtn {
	background: #b67a49;
}
.posts-wrapper .products {
	margin-bottom: 30px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 0;
	background: transparent;
	border: 0;
}
.posts-wrapper .products a{
 color:#b67a49;
}
.posts-wrapper .products a:hover,
.posts-wrapper .products a:focus{
	color: #000;
}
.pagination {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
	max-width: 250px;
	margin-bottom: 50px;
}
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #b67a49;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #000;
color:#fff;
}
.product-gallery{
    display:flex;
    gap:20px;
}

.thumb-slider{
    width:90px;
    height:500px;
}
 
.main-slider img {
  transition: all ease 0.5s;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(0.8);
}
.main-slider img:hover {
	transform: scale(1.1);
}
 
.thumb-slider img{
    width:100%;
    cursor:pointer; 
}

.main-slider{
    flex:1;
    height:600px;
}


.product-gallery {
	width: 100%;
	max-width: 620px;
}
.product-gallery-parent {
	display: flex;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.breadcrumbtext {
	margin-bottom: 50px;
	margin-top: 30px;
}
.product-gallery-parent {
	margin-bottom: 50px;
}

/* ---------- Hero ---------- */

.page-id-512  .hero{
    position:relative;
    min-height:100svh;
    display:flex; align-items:flex-end;
    background:#0f0f10;
  }
 .page-id-512  .hero-photo{
    position:absolute; inset:0;
    background-image:
      linear-gradient(180deg, rgba(15,15,16,0.35) 0%, rgba(15,15,16,0.35) 40%, rgba(12,12,13,0.94) 92%),
      url('https://tuwaiqarmour.com/wp-content/uploads/2026/09/main-bg.jpg');
    background-size:cover;
    background-position:center 40%;
  }
.page-id-512 .hero .hero-content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0 clamp(20px,5vw,64px) clamp(56px,8vh,96px);
	color: #f7f5f0;
	max-width: 100%;
} 
 
 .page-id-512   .hero-content .inner{max-width:1180px; margin:0 auto;}
  .page-id-512  .hero-tag{
    font-size:0.82rem; letter-spacing:0.03em; color:#d8ceb8;
    margin-bottom:18px; max-width:520px;
  }
 .page-id-512   .hero .hero-content h1{
    font-size:clamp(3.4rem,11vw,8.5rem);
    color:#f7f5f0;
    margin-bottom:0.15em;
	line-height: 1;
  }
  
 .page-id-512  .hero-sub{
    font-size:clamp(1.05rem,2.1vw,1.35rem);
    max-width:640px;
    color:#e5e0d3;
    font-weight:400;
    margin-bottom:26px;
  }
 .page-id-512  .hero-jv{
    display:inline-flex; align-items:center; gap:10px;
    border:1px solid var(--line-dark);
    padding:10px 18px;
    font-size:0.86rem;
    color:#f0ecdf;
    background:rgba(255,255,255,0.04);
  }
 .page-id-512  .hero-jv b{color:var(--bronze); font-weight:600;}

.buttons .btn {
	color: #fff;
	border: 1px solid #85704b;
}
  
.footer-links a:focus,.footer-links a:hover  {
	color: #fff;
} 
  /* ---------- Section generic ---------- */
 
  section {
	padding: 50px 0; 
}
#home .container.hero-content {
	padding-top: 0;
}
#home.hero {
	min-height: 500px;
	 
} 
#colophon {
	padding-top: 0;
	padding-bottom: 0;
}
  .on-ink{background:var(--ink); color:var(--paper);}
  .on-stone{background:var(--stone); color:var(--ink);}
  .on-paper{background:var(--paper); color:var(--ink);}

  /* ---------- Leadership ---------- */
  .leadership{
    background:#0e0e0f;
    padding:clamp(56px,8vw,96px) 0;
    border-bottom:1px solid var(--line-dark);
  }
  .leadership-head{
    text-align:center;
    max-width:640px;
    margin:0 auto clamp(36px,5vw,56px);
  }
  .leadership-head p{
    color:#a9a69d;
    font-size:0.96rem;
  }
  .leadership-grid{
    display:flex;
    justify-content:center;
    gap:clamp(28px,6vw,88px);
    flex-wrap:wrap;
  }
  .royal{
    text-align:center;
    width:220px;
  }
  .royal img{
    width:160px; height:160px;
    object-fit:cover;
    border-radius:50%;
    margin:0 auto 20px;
    border:1px solid var(--line-dark);
  }
  .royal .name{
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:700;
    font-size:1.15rem;
    color:var(--paper);
    line-height:1.2;
  }
  .royal .title{
    font-size:0.84rem;
    color:var(--bronze);
    margin-top:8px;
    line-height:1.4;
  }

  .lede{
    font-size:clamp(1.5rem,3vw,2.1rem);
    line-height:1.32;
    max-width:760px;
    font-family:'Inter',sans-serif;
    font-weight:500;
  }
  p.body-text{
    font-size:1.04rem;
    color:inherit;
    max-width:640px;
  }
  .on-stone p.body-text{color:#33352f;}
  .on-ink p.body-text{color:#cfcdc6;}

  /* ---------- Who we are ---------- */
  .who-grid{
    display:grid;
    grid-template-columns:1.35fr 1fr;
    gap:clamp(40px,6vw,96px);
    align-items:start;
  }
  .who-grid .lede{color:#1c1c1a;}
  .who-grid p.body-text + p.body-text{margin-top:1.1em;}
  .vision-block{
    border-top:1px solid var(--line-light);
    padding-top:26px;
  }
  .vision-block q{
    display:block;
    quotes:none;
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:700;
    font-size:clamp(1.5rem,2.6vw,2rem);
    line-height:1.14;
    color:var(--bronze-deep);
    font-style:normal;
  }
  .vision-label{
    margin-top:18px;
    font-size:0.92rem;
    color:var(--steel);
  }

  #who  {
	margin-top: -30px;
}  
  .elementor.elementor-512 {
	margin-top: -30px;
	margin-bottom: -30px;
}

  /* ---------- Milestone / WDS ---------- */
  .milestone-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(32px,5vw,72px);
    align-items:center;
  }
  .milestone-photo{overflow:hidden;}
  .milestone-photo img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/3;}
  .milestone-text h2{
    font-size:clamp(2rem,4vw,3rem);
    color:var(--paper);
    margin-bottom:22px;
  }
  .leader-list{margin-top:32px;}
  .leader-row{
    display:flex; justify-content:space-between; gap:20px;
    padding:16px 0;
    border-top:1px solid var(--line-dark);
    font-size:0.98rem;
  }
  .leader-row:last-child{border-bottom:1px solid var(--line-dark);}
  .leader-name{font-weight:600; color:var(--paper);}
  .leader-role{color:#a9a69d; text-align:right; max-width:56%;}

  /* ---------- Partners ---------- */
  
  .partners{display:flex; flex-direction:column; gap:0;}
  .partners .partner{
    padding:clamp(40px,6vw,64px) 0;
    border-top:1px solid var(--line-light);
	background:transparent; 
  }
  .partner:last-child{border-bottom:1px solid var(--line-light);}
  .partner-grid{
    display:grid;
    grid-template-columns:0.9fr 1.6fr;
    gap:clamp(28px,5vw,64px);
  }
  .partner-id{display:flex; flex-direction:column; gap:14px;}
  .partner-word{
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:900;
    font-size:2.3rem;
    letter-spacing:0.01em;
  }
  .partner-tagline{color:var(--steel); font-size:0.9rem;}
  .partner-body h3{
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:700;
    font-size:clamp(1.5rem,2.6vw,2rem);
    margin-bottom:14px;
    max-width:520px;
  }
  .partner-body p{max-width:600px; color:#33352f; font-size:1.02rem;}
  .stat-row{
    display:flex; flex-wrap:wrap;
    gap:0;
    margin-top:30px;
    border-top:1px solid var(--line-light);
  }
  .stat{
    flex:1 1 140px;
    padding:18px 20px 18px 20px; 
    border-right:1px solid var(--line-light);
  }

  .stat:last-child{border-right:none;}
  .stat b{
    display:block;
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:900;
    font-size:2.1rem;
    color:var(--bronze-deep);
    line-height:1;
    margin-bottom:6px;
  }
  .stat span{font-size:0.84rem; color:var(--steel);}
  .cats-line{margin-top:22px; font-size:0.96rem; color:#4a4c45; max-width:600px;}
  .sondos-logo{height:56px; width:auto; align-self:flex-start;}

  /* ---------- Infrastructure ---------- */
  .infra-head{max-width:680px; margin-bottom:clamp(36px,5vw,56px);}
  .infra-head h2{
    font-size:clamp(2rem,4vw,3rem);
    color:var(--paper);
    margin-bottom:20px;
  }
  .infra-photos{
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:16px;
  }
  .infra-photos img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/3;}

  /* ---------- Capabilities gallery ---------- */
  .cap-note{
    margin-top:clamp(36px,5vw,56px);
    padding-top:clamp(36px,5vw,56px);
    border-top:1px solid var(--line-dark);
  }
  .cap-note p.body-text{max-width:680px; margin-bottom:28px;}
  .cap-gallery{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    grid-auto-rows:120px;
    gap:12px;
  }
  .cap-gallery figure{
    margin:0; overflow:hidden; position:relative;
  }
  .cap-gallery img{width:100%; height:100%; object-fit:cover;}
  .cap-gallery figcaption{
    position:absolute; left:0; right:0; bottom:0;
    padding:10px 12px;
    font-size:18px; 
    color:#f0ecdf;
    background:linear-gradient(180deg, rgba(15,15,16,0) 0%, rgba(15,15,16,0.78) 100%);
  }
  .cap-1{grid-column:span 3; grid-row:span 2;}
  .cap-2{grid-column:span 3; grid-row:span 2;}
  .cap-3{grid-column:span 2; grid-row:span 2;}
  .cap-4{grid-column:span 2; grid-row:span 2;}
  .cap-5{grid-column:span 2; grid-row:span 2;}
  .cap-credit{
    margin-top:18px;
    font-size:18px; 
    color:#8c8a83;
  }

  /* ---------- What we manufacture ---------- */
  .product-row{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0;
    margin-top:clamp(36px,5vw,56px);
    border-top:1px solid var(--line-light);
  }
  .product{
    padding:clamp(24px,3vw,32px) clamp(20px,3vw,28px) 0 0;
    border-right:1px solid var(--line-light);
  }
  .product:last-child{border-right:none;}
  .product-photo{
    aspect-ratio:3/4;
    display:flex; align-items:center; justify-content:center;
    background:#f2efe6;
    margin-bottom:22px;
  }
  .product-photo img{max-width:78%; max-height:78%; object-fit:contain;}
  .product h3{
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:700;
    font-size:1.3rem;
    margin-bottom:8px;
  }
  .product p {
	font-size: 0.92rem;
	color: #4a4c45;
	margin-bottom: 14px;
	min-height: 80px;
} 
.metaslider h1 {
	text-shadow: 2px 2px #131010;
	font-family: 'Big Shoulders Display',sans-serif;
	font-weight: 600;
	color:#fff; 
}
.metaslider.ms-theme-databold .flexslider .caption-wrap .caption {
	left: 10% !important;
	width: 100% !important;
} 
.slidecnt .btn {
	color: #fff !important;
	background: #85704b;
}
#metaslider-id-59 .flexslider .caption-wrap .caption {
	background: transparent;
	box-shadow: none !important;
} 
#journey .stats {
	padding-top: 0;
}   
#partnership {
	background: #eef0ec;
} 
.quality {
	background: #cccccc73;
} 
  .product .spec{
    display:flex; justify-content:space-between;
    font-size:0.82rem; color:var(--bronze-deep);
    border-top:1px solid var(--line-light);
    padding:12px 0;
  }

  /* ---------- Standards ---------- */
  .std-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    margin-top:clamp(32px,5vw,48px); 
     
  }
  .std{
    padding:24px 24px 24px 24px;  
    border-right:1px solid var(--line-light);
  }
  .std:last-child{border-right:none;}
  .std b{
    display:block;
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:700;
    font-size:1.4rem;
    margin-bottom:8px;
  }
  .std span{font-size:0.9rem; color:#4a4c45;} 
  .ridge{
    position:absolute; left:0; right:0; bottom:0; height:auto;
    opacity:0.5; pointer-events:none;
  }



.armour-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.armour-box h2 {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 32px;
	text-align: center;
	left: 0;
	right: 0;
}
/* Main box */
.armour-box {
    position: relative;
    height: 480px;
    overflow: hidden;
    cursor: pointer;
}
/* Image */
.armour-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

/* Hover content */
.armour-hover {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
}

/* Title */
.armour-hover h3 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}

/* Red line */
.armour-hover span {
    display: block;
    width: 100px;
    height: 2px;
    background: #ed1c24;
    margin-bottom: 25px;
    transition: width 0.4s ease;
}
/* Description */
.armour-hover p {
    max-width: 350px;
    margin: 0 0 25px;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

/* Button */
.armour-hover a {
    display: inline-block;
    padding: 10px 25px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}
.armour-hover a:hover {
    background: #ed1c24;
    border-color: #ed1c24;
}

/* IMAGE HOVER */
.armour-box:hover img {
    transform: scale(1.08);
}
/* SHOW CONTENT */
.armour-box:hover .armour-hover {
    opacity: 1;
    transform: translateY(0);
}
.armour-box:hover h2 {
    opacity:0;
    
}
/* Expand red line */
.armour-box:hover .armour-hover span {
    width: 180px;
}
@media (max-width: 991px) {

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

    .armour-box {
        height: 420px;
    }

}


@media (max-width: 600px) {
	.metaslider h1 {
 
	font-size: 22px;
}

    .armour-products {
        grid-template-columns: 1fr;
    }

    .armour-box {
        height: 400px;
    }

    .armour-hover h3 {
        font-size: 25px;
    }

    .armour-hover p {
        font-size: 14px;
    }

} 

  @media (prefers-reduced-motion:no-preference){
    .hero h1{animation:rise 0.9s cubic-bezier(.2,.8,.2,1) both;}
    .hero-sub, .hero-jv, .hero-tag{animation:fade 1s ease 0.15s both;}
  } 
  @keyframes rise{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);}}
  @keyframes fade{from{opacity:0;} to{opacity:1;}} 



@media (min-width: 768px) {
.col-lg-4.col-xs-12.ppboximg {
	width: 30%;
}
	.col-lg-8.col-xs-12.ppboxcntmain {
	width: 70%;
}
}


@media(max-width:900px){
	.wrap {
	max-width: 840px;	 
} 
 nav{display:none}.menu{display:block}.grid2,.cap-grid,.partner-box{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid #414944}.process{grid-template-columns:1fr 1fr}.apps{grid-template-columns:1fr 1fr}.hero{min-height:680px}
 .process{grid-template-columns:1fr 1fr}}@media(max-width:600px){.process{grid-template-columns:1fr}
}

 
  @media (max-width:860px){
    .who-grid, .milestone-grid, .partner-grid, .infra-photos, .foot-grid{
      grid-template-columns:1fr;
    }
    .milestone-photo{order:-1;}
    .leader-role{text-align:left; max-width:100%;}
    .leader-row{flex-direction:column; gap:4px;}
    .std-row{grid-template-columns:1fr;}
    .std{border-right:none; border-bottom:1px solid var(--line-light); padding:20px 0;}
    .std:last-child{border-bottom:none;}
    .stat-row{flex-direction:column;}
    .stat{border-right:none; border-bottom:1px solid var(--line-light); padding:16px 0;}
    .stat:last-child{border-bottom:none;}
    .foot-contact{text-align:left;}
    .foot-addr{max-width:100%;}
    .cap-gallery{grid-template-columns:repeat(2,1fr); grid-auto-rows:150px;}
    .cap-1,.cap-2,.cap-3,.cap-4,.cap-5{grid-column:span 1; grid-row:span 1;}
    .product-row{grid-template-columns:1fr;}
    .product{border-right:none; border-bottom:1px solid var(--line-light); padding-right:0; padding-bottom:32px; margin-bottom:32px;}
    .product:last-child{border-bottom:none;}
  }
@media(max-width:768px){

.product-gallery{
    flex-direction:column;
}

.thumb-slider{
    width:100%;
    height:auto;
}

}   
@media (max-width: 767px) {
.col-lg-4.col-xs-12.ppboximg {
	width: 100%;
	margin-bottom:30px;
	padding: 0 30px;
}
	.col-lg-8.col-xs-12.ppboxcntmain {
	width: 100%;
		padding: 0 30px;
}
	.row.prodctrow {
	display: flex;
 flex-wrap:wrap;
}
	.ppimgbox {
	width: 100%;
	max-width: 300px;
}
}

@media(max-width:600px){
 .container{width:min(100% - 28px,var(--max))}.nav{height:68px}.hero-content{padding-top:80px}.lead{font-size:16px}section{padding:65px 0}h2{font-size:32px}.product-grid,.stats-grid,.process,.apps{grid-template-columns:1fr}.stat{border-right:0}.section-head{display:block}.section-head a{display:inline-block;margin-top:15px}.partner-box{padding:28px}.cta-inner,.footer-top{display:block}.footer-links{margin-top:25px}.logos{justify-content:flex-start}

}

.vision-card{background:#18201c;border:1px solid #4d554f;color:#fff;padding:32px}.vision-card hr{border:0;border-top:1px solid #4d554f;margin:24px 0}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px}.step{border-top:2px solid var(--sand);padding-top:15px}.step b{font-size:12px}.step p{font-size:11px;
color:var(--muted)}
 
 #manufacturing .step b {
	font-size: 20px;
} 
#manufacturing  .step p {
	font-size: 14px; 
	line-height: 1.2;
}