body{margin: 0;padding: 0;color: #1e1e1e;font-weight: 500;overflow-x: hidden;font-family: "Montserrat", sans-serif;box-sizing:border-box;}
body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-track {background-color: #ffffff;}
body::-webkit-scrollbar-thumb {background-color: #00adef;}
/* ===========================================================
SEA METALS - style.css
=========================================================== */
:root{
--blue:#124B98;          /* primary brand blue */
--blue-dark:#0e3f87;     /* footer / deeper blue */
--blue-light:#0988E5;
--navy:#142C4E;          /* header / banner overlay navy */
--cyan:#0d8de9;          /* bright ribbon cyan */
--cyan-light:#3fb0f5;    /* lighter cyan accent */
--grey:#ececed;          /* product grey card */
--text-dark:#1c1c1c;
}
*{box-sizing:border-box;}
body{font-family: "Inter", sans-serif;color:var(--text-dark);margin:0;overflow-x:hidden;background:#fff;}
a{text-decoration:none;}
img{max-width:100%;}
.ms-auto {
    margin-right: auto !important;margin-left:0 !important;
}
/* ===================== HERO / BANNER ===================== */
.hero{position:relative;background:#043372;padding-bottom:300px;overflow:hidden;height: 100vh;}
.hero-media{position:absolute;inset:0;z-index:0;opacity: 35%;}
.hero-img,.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,38,72,.88) 0%,rgba(18,55,110,.72) 45%,rgba(20,45,90,.78) 100%);}
/* Navbar */
.site-nav{position:relative;z-index:5;padding:18px 0;}
.site-nav .navbar-brand{padding:0;}
.site-nav .nav-link{color:#fff !important;font-size:.78rem !important;font-weight:500;letter-spacing:.5px;padding:.4rem .8rem !important;position:relative;opacity:.9;}
.site-nav .nav-link:hover{opacity:1;}
.site-nav .nav-link.active{opacity:1;}
.site-nav .nav-link {position: relative;}
.site-nav .nav-link::after {content: "";position: absolute;left: .8rem;bottom: -2px;height: 2px;width: 0;background: #0988E5;transition: width 0.3s ease;}
.site-nav .nav-link:hover::after,.site-nav .nav-link.active::after {width: calc(100% - 1.6rem); /* accounts for left offset */}
.site-nav .nav-lang{border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:.3rem .8rem !important;margin-left:.6rem;}
.navbar-toggler{border-color:rgba(255,255,255,.5);}
.navbar-toggler-icon{filter:invert(1);}
/* Hero content */
.hero-content{position:relative;z-index:5;padding-top:10%;}
.hero-title{color:#fff;font-weight:400;font-size:90px;line-height:1.02;margin-bottom:22px;}
.hero-title-em{font-weight:700;font-style:italic;font-size: 110px;}
.hero-text{color: #fff;font-size: 24px;line-height: 1.6;margin-bottom: 34px;font-weight: 500;}
.btn-explore{background:rgba(9, 136, 229, 0.8);color:#fff;font-weight:700;font-size:20px;letter-spacing:.5px;border-radius:0px;padding:19px 34px;border:none;transition:.25s;}
.btn-explore:hover{background:rgba(9, 136, 229, 1);color:#fff;}
/* Hero stats */
.hero-stats{background:#0988E53D;border-radius:14px;padding:10px 30px;backdrop-filter:blur(4px);max-width:220px;margin-right:auto;text-align: right;}
.stat-item{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.3);}
.stat-item:last-child{border-bottom:none;}
.stat-num{display:block;color:#fff;font-size:2rem;font-weight:700;line-height:1;}
.stat-num sup{font-size:1.1rem;}
.stat-label{display:block;color:#cdd9ee;font-size:.78rem;margin-top:6px;}
/* ===================== WAVES ===================== */
.wave{position:absolute;left:0;right:0;z-index:1;line-height:0;pointer-events:none;}
.wave img{width:100%;display:block;}
.wave-banner{bottom:-2px;height:auto;z-index: 10;}
.wave-banner img{height:200px;object-fit:fill;}
.wave-footer{top:210px;transform:translateY(-99%);}
.wave-footer img{height:400px;object-fit:fill;}
/* ===================== ABOUT SECTION ===================== */
.about-section{position:relative;background:var(--blue) ;padding:70px 0 130px;}
.watermark{position:absolute;bottom:-2px;left:0;}
.section-tag{display: inline-block;color: #31D2FF;font-size: 16px;font-weight: 400;letter-spacing: 1px;margin-bottom: 18px;}
.about-heading{color: #fff;font-size: 52px;font-weight: 500;line-height: 1.1;margin-bottom: 26px;max-width: 560px;}
.about-desc{color: #fff;font-size: 20px;line-height: 1.7;max-width: 520px;margin-bottom: 34px;font-weight: 400;}
.btn-know-more{background: #0988E5;color: #fff;font-weight: 500;border-radius: 0;padding: 14px 26px;display: inline-flex;align-items: center;gap: 60px;transition: .25s;position: relative;font-size: 20px;}
.btn-know-more:hover{background:#0a6fc0;color:#fff;}
.btn-know-more i{font-size:1.1rem;}
.about-visual{position:relative;}
.wave-icon{position:absolute;top:-50px;right:30px;color:var(--cyan-light);font-size:2.6rem;opacity:.85;}
.about-circle{position:relative;}
.about-circle img{width:100%;height:100%;object-fit:cover;}
.circle-badge{position:absolute;top:30px;left:-10px;width:78px;height:78px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;}
.circle-badge img{width:46px;height:auto;}
/* ===================== PRODUCTS SECTION ===================== */
.products-section1{position:relative;background:#fff;padding-bottom:40px;}
.products-head{position:relative;padding:80px 0 20px;}
.products-head-bg{position: absolute;inset: 0;width: 44%;background: url(../images/steel-bars.png) no-repeat;/* background-size: auto 100%; *//* filter: grayscale(1) brightness(.7); */height: 760px;}
.products-head-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,40,42,.4),rgba(255,255,255,.0) 90%);}
.products-head .container{position:relative;z-index:2;}
.products-watermark{color:rgba(255,255,255,.7);font-size:.8rem;font-weight:600;letter-spacing:1px;display:inline-flex;align-items:center;gap:6px;}
.products-title1{color: #fff;font-size: 52px;font-weight: 600;margin-top: 6px;}
.products-sub{color: #000;font-size: 20px;margin: 0;font-weight: 300;}
.btn-more-products{background: #0988E5;color: #fff;font-weight: 600;border-radius: 0;padding: 17px 31px;display: inline-flex;align-items: center;gap: 12px;transition: .25s;}
.btn-more-products:hover{background:#0e3f87;color:#fff;}
/* product grid */
.products-grid-wrap{margin-top:34px;}
.products-grid > [class*="col-"]{display:flex;}
.prod-card{position:relative;width:100%;height:300px;transition: all 0.2s ease-in-out;}
.prod-card:hover{background: #052d76;color: #fff;}
.prod-card:hover  p{color: #fff ;}
.prod-card-text{padding:34px 30px;display:flex;flex-direction:column;overflow:hidden;}
.prod-blue{background:#052D76;color:#fff;}
.prod-grey{background:var(--grey);color:var(--text-dark);}
.prod-card-text h3{font-size:32px;font-weight:500;line-height:1.15;margin-bottom:16px;}
.prod-card-text p{font-size:.86rem;line-height:1.6;margin-bottom:auto;}
.prod-blue p{color:#e3ecfb;}
.prod-grey p{color:#444;}
.prod-link{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.9rem;font-weight:500;margin-top:24px;padding-bottom:4px;width:fit-content;border-bottom:1px solid var(--cyan);}
.prod-link.light{color:#fff;border-color:rgba(255,255,255,.6);}
.prod-link.light:hover .bi-arrow-up-right{transform: rotate(45deg);}
.prod-card-img{background:#1a1a1a;}
.prod-card-img img{width:100%;height:100%;display:block;}
.prod-deco{position: absolute;top: 29px;left: -21px;width: 40px;}
.cursor-hint{position:absolute;bottom:26px;right:30px;color:#fff;font-size:1.3rem;opacity:.85;}
/* ===================== FOOTER ===================== */
.site-footer{position:relative;background:#124B97;color:#dbe6f7;padding-top:0px;margin-top:60px; background-size: cover;}
.site-footer.footertop{margin-top: 230px}
.footer-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:240px;background:radial-gradient(ellipse at center,rgba(63,176,245,.45),transparent 70%);pointer-events:none;}
.footer-body{position:relative;z-index:2;padding:50px 0 40px;}
.footer-brand1 .footer-contact{list-style:none;padding:0;margin:0 0 24px;}
.footer-contact1{padding: 0}
.footer-contact1 li{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;margin-bottom:14px;color:#cdddf3;}
.footer-contact1 li a{color:#cdddf3;}
.footer-contact1 i{color:#fff;margin-top:3px;}
.footer-social1 a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0988E5;margin-right:10px;font-size:.95rem;transition:.25s;line-height: 36px;}
.footer-social1 a:hover{background:var(--cyan-light);}
.footer-col h5{color:#fff;font-size:1.05rem;font-weight:600;margin-bottom:14px;}
.footer-underline{display:block;width:46px;height:2px;background:rgba(255,255,255,.5);margin-bottom:20px;}
.footer-col ul{list-style:none;padding:0;margin:0;}
.footer-col li{margin-bottom:13px;}
.footer-col a{color:#cdddf3;font-size:.9rem;transition:.2s;}
.footer-col a:hover{color:#fff;}
.footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);padding:20px 0;font-size:.82rem;}
.footer-legal a,.footer-copy a{color:#cdddf3;}
.footer-legal a:hover,.footer-copy a:hover{color:#fff;}
.footer-legal span{margin:0 8px;opacity:.5;}
.logo-white, .logo-black{max-width: 260px}
/* NAVBAR */
#mainNav{transition:background .35s,box-shadow .35s;background:transparent;padding:14px 0;}
.fixed-top .logo-black{display: none;}
#mainNav .navbar-brand .brand-sub{font-size:9px;color:rgba(255,255,255,.8);display:block;}
#mainNav .nav-link{color:#fff !important;font-size:14px !important;font-weight:500;letter-spacing:.8px;padding:6px 14px!important;transition:color .2s;opacity: 1;}
.fixed-top{transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
/* HERO */
.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:#0d1117;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:url('../images/banner.webp') center/cover no-repeat;opacity:1;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75) 40%,transparent 100%);}
/*.hero-content{position:relative;z-index:2;padding:75px 20px 0 140px;}*/
.hero-label{font-size: 16px;font-weight: 500;letter-spacing: 2px;color: #fff;text-transform: uppercase;border-left: 2px solid #00adef;padding-left: 10px;margin-bottom: 20px;display: inline-block;}
/*.hero-title{font-size:clamp(28px,4vw,36px);font-weight:500;color:#fff;line-height:1.25;max-width:490px;}*/
.hero-scroll-btn{width: 82px;height: 82px;display: block;text-align: center;line-height: 82px;color: #ffffff;font-size: 24px;margin-top: 45px;background: url(../images/btn-polygon.webp) center center no-repeat;position: relative;}
.hero-scroll-btn:before{content: "";width: 1px;height: 600px;background: #85888a;position: absolute;left: 41px;top: 99%;}
.hero-scroll-btn i{color:#fff;font-size:16px;}
.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;background:#25d366;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.45);}
.whatsapp-float i{color:#fff;font-size:24px;}
/* ABOUT */
/*.about-section{background: #e2e3e7 url(../images/about-bg.webp) center center no-repeat;background-size: cover;position: relative;}*/
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:460px; align-items: center;}
.about-single-img{height:100%;min-height:460px;overflow:hidden;}
.about-single-img img{width:100%;height:100%;object-fit:cover;display:block;}
.about-content{padding:0px 0 50px 110px; max-width: 580px}
.section-title-accent{display:inline-block;font-size:48px;font-weight:500;color:#00adef;border-left:2px solid #00adef;padding-left:20px;line-height:1.2;margin-bottom:50px;}
.about-content p{color: #1e1e1e;line-height: 1.5;margin-bottom: 14px;font-weight: 500;}
.about-img-right{max-width: 267px;position: absolute;right: 0;top: 110px;}
.about-img-right:before{content: "";width: 2px;height: 40px;background: #00adef;position: absolute;left: 50px;bottom: -29px;}
.about-img-right img{width: 100%}
/* PRODUCTS */
.products-section{padding:80px 0;background:#fff;}
.products-label{font-size: 18px;font-weight: 700;color: #000;letter-spacing: 1px;border-left: 2px solid #00adef;padding-left: 10px;margin-bottom: 14px;display: inline-block;}
.products-title{font-size:clamp(20px,2.5vw,28px);font-weight:600;color:#1a1a1a;max-width:680px;margin:0 auto 50px;line-height:1.4;}
/* Slider */
.slider-wrapper{position:relative;overflow:hidden;}
.slider-track{display:flex;transition:transform .5s ease;}
.slide-item{min-width:calc(100%/3);padding:0 10px;box-sizing:border-box;}
.product-card{position:relative;overflow:hidden;min-height: 380px;}
.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.product-card:hover img{transform:scale(1.05);}
.product-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72) 100%);}
.product-info{position:absolute;bottom:0;top:0;left:0;right:0;}
.product-info:before  {content: "";width: 100%;height: 100% 300px;background: rgba(0, 0, 0, 0.5);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.product-name{position: absolute;left: 0;right: 0;top: 0;padding: 40px 30px 0;color: #ffffff;font-size: 24px;margin-bottom: 0;font-weight: 400;}
.find-more-btn{position: absolute;bottom: 40px;left: 30px;color: #ffffff;font-weight: 400;text-transform: uppercase;text-decoration: none;}
.find-more-btn span {display: inline-block;width: 45px;height: 45px;background: url(../images/btn-polygon.webp) center center no-repeat;background-size: contain;line-height: 45px;text-align: center;margin-right: 10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.find-more-btn:hover{border-color:#2196f3;color:#fff;}
.find-more-btn:hover span {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.find-more-btn i{font-size:12px;}
.slider-dots{display:flex;justify-content:center;gap:2px;margin-top:0px;}
.dot{width: 25px;height: 2px;background: #cccccc;margin: 0 2px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;outline: none; border: 0} 
.dot.active{background:#00adef;width:25px;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:background .2s;}
.slider-arrow:hover{background:#2196f3;color:#fff;}
.slider-arrow.prev{left:0;}
.slider-arrow.next{right:0;}
/* CATALOG */
.catalog-section{background: #2e4c79;
padding: 60px 0 90px;}
.catalog-title{font-size:clamp(26px,3vw,48px);font-weight:600;color:#fff;margin-bottom:20px;line-height:1.2;}
.catalog-single-img{width:100%;display:block;}
/* CTA */
.cta-section{}
.cta-section .content{background: #00adef;padding: 45px 65px;color: #ffffff;display: flex;display: -ms-flexbox;justify-content: space-between;font-size: 30px;align-items: center;font-weight: 400;margin-top: -75px;}
.cta-section h3{font-size:clamp(14px,2vw,22px);font-weight:600;color:#fff;margin:0;}
/* FOOTER */
.footer-main{background:#fff;padding:50px 0 30px;border-top:1px solid #eee;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.footer-brand .ft{font-size:11px;font-weight:700;color:#1a1a1a;display:block;letter-spacing:.3px;}
.footer-brand .fs{font-size:9px;color:#666;display:block;}
.footer-address{font-size:17px;color: #2e4c79;text-align: center;line-height:1.8;}
.footer-contact{font-size:17px;color:#2e4c79;text-align:center;}
.footer-contact a{color:#2e4c79; text-decoration: none;}
.footer-social{display:flex;gap:10px;justify-content:center;margin:20px 0;}
.footer-social a{width:48px;height:48px;border:1px solid #2e4c79;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2e4c79;font-size:14px;text-decoration:none;transition:border-color .2s,color .2s;}
.footer-social a:hover{border-color:#2196f3;color:#2196f3;}
.footer-bottom-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #eee;}
.footer-bottom-links a{font-size:14px;font-weight:500;color:#2e4c79;text-decoration:none;letter-spacing:.8px;text-transform:uppercase;transition:color .2s;}
.footer-bottom-links a:hover{color:#2196f3;}
.footer-copy{text-align:center;font-size:12px;color:#abb4c3;margin-top:16px;}
.footer-copy a{text-decoration: none;color: #2e4c79}
/* Logo circle */
.logo-circle{width:44px;height:44px;border-radius:50%;background:#1565c0;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-circle svg{width:26px;height:26px;}
.catalog-btn {display: inline-block;color: #fff;font-weight: 600;padding: 8px 26px;border: 1px solid #2eb8ee;border-radius: 30px;margin-top: 50px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;font-size: 16px; text-decoration: none;}
.catalog-btn:hover {color: #ffffff;box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);-webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);-moz-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);-o-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);background: #2eb8ee;}
.cta-btn {font-size: 16px;color: #ffffff;margin: 0;font-weight: 400;border-color: #ffffff; padding: 8px 26px; border: 1px solid #fff; border-radius: 20px;text-decoration: none;}
.cta-btn:hover {color: #ffffff;box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);-webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);-moz-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);-o-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);background: #00adef; }
.about-hero {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;background: url('../images/about-banner.png') center bottom no-repeat;}
/* Dark navy overlay */
.about-hero::before {content: '';position: absolute;inset: 0;}
.inner-hero-title {position: relative;z-index: 2;color: #fff;font-size: 48px;font-weight: 400;letter-spacing: 1px;margin-bottom: 20px;}
/* Scroll-down circle button */
.inner-hero-scroll {z-index: 2;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.1rem;text-decoration: none;transition: border-color .3s, background .3s;width: 82px;height: 82px;background: url(../images/btn-polygon2.webp) center center no-repeat;position: relative;}
.inner-hero-scroll:hover {}
/* Vertical line connector below hero */
.hero-connector {width: 2px;height: 56px;background: #29abe2;margin: 0 auto;}
/* ══════════════════════════════════════
WHO WE ARE — content area
══════════════════════════════════════ */
.aboutus-content {background: #fff;padding: 60px 0 70px;position: relative;}
.section-eyebrow {font-size: 24px;font-weight: 600;letter-spacing: 3px;color: #00ADEF;text-transform: uppercase;margin-bottom: 22px;}
.about-headline {font-size: 24px;font-weight: 600;color: #1E1F1F;line-height: 1.55;margin: 0 auto 32px;text-align: center;}
.about-body p {font-size: 16px;line-height: 1.8;color: #1e1e1e;margin-bottom: 18px;}
/* ── Steel Manufacturing sub-section ── */
.steel-section {margin-top: 44px;}
.steel-section h2 {font-size: 1.55rem;font-weight: 700;color: #111;margin-bottom: 22px;}
/* Video / image placeholder */
.about-media {width: 100%;background: #1a2a40;margin-top: 32px;display: flex;align-items: center;justify-content: center;}
.about-media img {width: 100%;height: 100%;object-fit: cover;opacity: .85;}
.about-media video{width: 100%;height: auto;}
/* ══════════════════════════════════════
MISSION / VISION / GOALS STRIP
══════════════════════════════════════ */
.mvg-strip {background: #ECF1F7;position: relative;padding: 70px 0 80px;margin-bottom: 170px;}
.mvg-item {position: relative;z-index: 2;text-align: center;padding: 0 24px;}
/* Teal icon circle */
.mvg-icon-wrap img {max-width: 90px;}
.mvg-title {margin: 18px 0;font-size: 30px;font-weight: 600;color: #0988E5;}
.mvg-text {font-size: 18px;font-weight: 400;color: #000000;margin: 0 auto;}
.products-hero {position: relative;min-height: 220px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: url('../images/banner-product.webp') center/cover no-repeat;}
.products-hero::before {content: '';position: absolute;inset: 0;}
.products-hero-title {position: relative;z-index: 2;color: #fff;font-size: 2.6rem;font-weight: 400;letter-spacing: 1px;margin-bottom: 18px;}
.products-hero-scroll {position: relative;z-index: 2;width: 46px;height: 46px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.55);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.1rem;text-decoration: none;transition: border-color .3s, background .3s;}
.products-hero-scroll:hover {border-color: #29abe2;background: rgba(41,171,226,.18);color: #29abe2;}
.products-hero-scroll svg {width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;}
/* Vertical connector line */
.hero-connector {width: 2px;height: 56px;background: #29abe2;margin: 0 auto;}
/* ══════════════════════════════════════
PRODUCTS CONTENT
══════════════════════════════════════ */
.products-section {background: #fff;padding: 50px 0 0px;}
.products-intro {font-size: 24px;font-weight: 600;line-height: 30px;text-align: center;color: #1E1F1F;line-height: 1.6;max-width: 760px;margin: 0 auto 48px;}
/* ── Product Card ── */
.product-card {margin-bottom: 40px;}
.slider-wrapper  .product-card{min-height: 270px;}
.slider-wrapper .slider-arrow{display: none;}
.product-card-img-wrap {position: relative;overflow: hidden;display: block;text-decoration: none;}
.product-card-img-wrap img {width: 100%;aspect-ratio: 16/10;object-fit: cover;display: block;transition: transform .4s ease;height: 280px;}
.product-card-img-wrap:hover img {transform: scale(1.04);}
/* Title overlay on image */
.product-card-label {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, transparent 100%);padding: 28px 14px 12px;color: #fff;font-size: 20px;font-weight: 500;line-height: 1.35;}
/* Card body */
.product-card-body {padding: 14px 0 0;}
.product-card-body p {font-size: 16px;color: #7d7d7d;line-height: 1.7;margin-bottom: 10px;min-height: 58px;}
.product-read-more {font-size: 14px;font-weight: 600;color: #00adef;text-decoration: none;display: inline-flex;align-items: center;gap: 5px;transition: gap .2s, color .2s;}
.product-read-more:hover {color: #1a8bbf;gap: 9px;}
.product-read-more svg {width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;flex-shrink: 0;}
.inner-banner{padding: 100px 0px 30px 0px;min-height: 450px;position: relative;}
.inner-banner:after{content: '';width: 1px;height: 156px;background: #00adef;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -44px;z-index: 999;}
.product-details{padding: 70px 0;}
/* ── FAQ Accordion ── */
.product-details  .faq-accordion { margin-top: 20px; }
.product-details .accordion-item {border-bottom: 1px solid #e5e5e5;}
.product-details  .accordion-btn {width: 100%;background: none;border: none;padding: 16px 0;display: flex;align-items: center;justify-content: space-between;gap: 12px;font-family: 'Montserrat', sans-serif;font-size: 16px;font-weight: 600;color: #111;cursor: pointer;text-align: left;}
.product-details  .accordion-btn svg {width: 18px;height: 18px;flex-shrink: 0;fill: none;stroke: #29abe2;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;transition: transform .3s;}
.product-details  .accordion-btn.open svg {transform: rotate(180deg);}
.product-details .accordion-body {display: none;padding: 0 0 16px;font-size: .88rem;color: #555;line-height: 1.75;}
.product-details  .accordion-body.open {display: block;}
.product-details  .product-content{max-width: 900px;margin: 0 auto;}
.product-details  .product-content h2{font-size: 24px;font-weight: 600;color: #2E4C79;}
.product-details  .product-content h3{font-size: 23px;font-weight: 600;color: #2E4C79;}
.product-details  .product-content h4{font-size: 18px;font-weight: 600;color: #2E4C79;}
.product-details  .product-content p,.product-details  .product-content ul li{font-weight: 400;}
/* ── Section wrapper ── */
.order-form-section {padding: 100px 0;background: #f3f3f3;}
.order-form-section .container{max-width: 930px;}
/* ── Title ── */
.order-form-title {font-size: 24px;color: #00adef;margin-bottom: 20px;font-weight: 600;}
/* ── Inputs & Textarea ── */
.order-input {width: 100%;height: 52px;padding: 0 16px;border: 1px solid #d5d9de;border-radius: 3px;background: #fff;font-family: 'Montserrat', sans-serif;font-size: .88rem;color: #333;outline: none;transition: border-color .25s, box-shadow .25s;display: block;}
.order-input:focus {border-color: #29abe2;box-shadow: 0 0 0 3px rgba(41,171,226,.12);}
.order-input::placeholder {color: #999;}
/* Readonly product field */
.order-input--readonly {background: #e8ecef;color: #555;cursor: default;}
.order-input--readonly:focus {border-color: #d5d9de;box-shadow: none;}
/* Textarea */
.order-textarea {height: auto;padding: 14px 16px;resize: vertical;line-height: 1.6;}
/* ── Captcha row ── */
.order-captcha {display: flex;align-items: center;gap: 14px;}
.captcha-code {font-family: 'Courier New', monospace;font-size: 1.15rem;font-weight: 700;letter-spacing: 4px;color: #1a3a5c;background: #e8ecef;border: 1px solid #d5d9de;border-radius: 3px;padding: 10px 18px;user-select: none;white-space: nowrap;min-width: 110px;text-align: center;}
.order-input--captcha {flex: 1;max-width: 300px;}
/* ── Submit button ── */
.order-submit {text-transform: uppercase;background: #00adef;border: 0;color: #ffffff;font-weight: 600;padding: 20px 40px;margin-top: 20px;}
.order-submit:hover {background: #1a8bbf;}
.order-submit:active {background: #157aa8;}
.career-section{background: #fff;padding: 60px 0 70px;}
.career-section h2 {font-size: 28px;font-weight: 700;line-height: 30px;color: #1E1F1F;}
.career-section h3 {font-size: 24px;font-weight: 600;color: #000000;margin-bottom: 22px;}
.aboutus-content h4 {font-size: 24px;font-weight: 600;color: #000000;margin-bottom: 22px;}
.faq-list{margin-bottom: 22px;}
.faq-list h5 {font-size: 20px;font-weight: 600;color: #000000;margin-bottom: 5px;}
.faq-list p{margin-bottom: 10px;}
.join-section{background: #fff;padding: 20px 0 70px;}
.join-section h2{font-size: 24px;font-weight: 600;line-height: 30px;color: #1E1F1F;}
.form-wrapper {}
.form-title {text-align: center;font-size: 26px;font-weight: 600;margin-bottom: 30px;}
.custom-input {height: 55px;border-radius: 0px;border: 1px solid #747474;padding: 10px;transition: 0.3s;}
.custom-input:focus {border-color: #00adef;box-shadow: none;}
textarea.custom-input {height: 120px;}
select.custom-input {appearance:auto;}
.file-upload {display: flex;align-items: center;gap: 15px;}
.file-upload label {background: #2d4f7c;color: #fff;padding: 12px 20px;cursor: pointer;border-radius: 0px;}
.file-upload input {display: none;}
.submit-btn {text-transform: uppercase;background: #00adef;border: 0;color: #ffffff;font-weight: 600;padding: 20px 40px;margin-top: 20px;}
.submit-btn:hover {}
.contact-section {padding: 60px 0;}
.contact-title {font-size: 20px;font-weight: 600;color: #2E4C79;margin-bottom: 30px}
.contact-left{padding: 0 50px 0 0}
.contact-right{padding: 0 0 0 50px}
/* RIGHT SIDE */
.contact-box {display: flex;align-items: flex-start;margin-bottom: 25px;}
.contact-box a{color: #1e1e1e; text-decoration: none;}
.icon-circle {width: 59px;height: 59px;background: #00ADEF;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-left: 15px;font-size: 20px;}
.contact-heading {font-weight: 600;color: #00ADEF;margin-bottom: 5px;}
.company-name {font-size: 24px;font-weight: 600;color: #00ADEF;margin-bottom: 20px;}
.contact-map iframe{width: 100%}
.accredited-logo{display: flex;gap: 20px;justify-content: center;}
.accredited-logo .logo-card{border: 1px solid #ebebeb;}
.accredited-logo .logo-card img{max-height: 76px;}
.download_catalog_btn{background-color: #6194CE;padding: 10px 20px;border-radius: 6px;color: #fff;text-decoration: none;display: inline-block;}
.mitwalli-trading-detail .about-body p{color: #7A7A7A;font-weight: 500;}
.mitwalli-img{margin-bottom: 30px;}
.angle-bar{padding: 0 0 70px}
.angle-bar h3{font-size: 30px;color: #2e4c79;font-weight: 800;margin-top: 25px;margin-bottom: 25px;}
.angle-bar img{width: 100%}
.captcha-box { display: flex; align-items: center; gap: 12px; }
.captcha-question { font-size: 16px; font-weight: 700; color: #1a1a2e; background: #f0f3ff; padding: 10px 18px; border-radius: 8px; white-space: nowrap; }
.captcha-input { max-width: 100px; }
/* Hamburger button */
.hamburger {width: 28px;height: 22px;position: relative;background: none;border: none;cursor: pointer;padding: 0;display: none;}
.hamburger span {display: block;position: absolute;height: 3px;width: 100%;background: #ffffff;border-radius: 2px;left: 0;transition: transform 0.3s ease, opacity 0.2s ease, top 0.3s ease;}
.hamburger span:nth-child(1) { top: 0; }
.hamburger span:nth-child(2) { top: 9px; }
.hamburger span:nth-child(3) { top: 18px; }
/* Hamburger -> X animation when menu open */
body.menu-open .hamburger span:nth-child(1) { top: 9px; transform: rotate(45deg); }
body.menu-open .hamburger span:nth-child(2) { opacity: 0; }
body.menu-open .hamburger span:nth-child(3) { top: 9px; transform: rotate(-45deg); }
/* Overlay */
.overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.4);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;z-index: 20;}
body.menu-open .overlay {opacity: 1;visibility: visible;}
/* Slide-out menu from right */
.side-menu {position: fixed;top: 0;right: 0;height: 100%;width: 280px;max-width: 80%;background: #0988E5;box-shadow: -4px 0 20px rgba(0,0,0,0.12);transform: translateX(100%);transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);z-index: 999;display: flex;flex-direction: column;}
body.menu-open .side-menu {transform: translateX(0);}
.side-menu-header {display: flex;align-items: center;justify-content: space-between;padding: 20px 22px;border-bottom: 1px solid #44b0ff;}
.side-menu-header .title {font-weight: 700;font-size: 1.05rem;color: #fff;}
/* Close button */
.close-btn {width: 26px;height: 26px;position: relative;background: none;border: none;cursor: pointer;color: #fff;}
.close-btn::before,.close-btn::after {content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 2.5px;background: #fff;border-radius: 2px;}
.close-btn::before { transform: rotate(45deg); }
.close-btn::after  { transform: rotate(-45deg); }
/* Nav links */
.side-menu nav {display: flex;flex-direction: column;padding: 12px 0;}
.side-menu nav a {padding: 15px 24px;text-decoration: none;color: #fff;font-size: 1rem;border-bottom: 1px solid #44b0ff;transition: background 0.2s ease, padding-left 0.2s ease;}
.side-menu nav a:hover {background: #f7f7f7;padding-left: 30px;}
nav.navbar {position: absolute;top:0;width: 100%;}
.hero nav.navbar {position: relative;z-index: 10;}
.inner-banner-common{
	position: relative;
}
.inner-banner-common .container{
	position: absolute;
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
}
.inner-banner-common .inner-hero-title{
	position: relative;
	padding-right: 70px;
	margin: 0;
}
.inner-banner-common .inner-hero-title:after{
	content: '';
    width: 58px;
    background: #fff;
    height: 2px;
    position: absolute;
    right: 0;
    bottom: 14px;

}
.content-left-icon{
	background: url(../images/content-icon.svg) 0 100px no-repeat;
}
.about-page .wave-footer{
	background: #ecf1f7;
}
.about-page .site-footer.footertop {
    margin-top: 170px;
}
.icon-about{
	position: absolute;
    right: 100px;
    top: -50px;
}