.topbar{background:#0B2345;color:#fff;padding:10px 0;font-size:14px;}.navbar{background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.08);padding:0;}.navbar>.container{display:block;max-width:1400px;}.navbar-brand{display:flex;align-items:center;padding:18px 0;}.navbar-brand img{height:72px;margin-right:18px;}.navbar-brand h4{margin:0;font-size:28px;font-weight:700;}.navbar-brand small{font-size:16px;color:#666;}.navbar-collapse{justify-content:flex-end;}.navbar-nav{margin-left:auto;}.navbar-nav{width:100%;display:flex;flex-wrap:wrap;gap:2px;padding:12px 0;}.navbar-nav .nav-link{padding:12px 9px;font-size:14px;font-weight:600;white-space:nowrap;}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#d4a017;}.navbar-nav .btn{margin-left:auto;}@media(max-width:991px){.topbar{display:none;}.navbar-brand img{height:56px;}.navbar-brand h4{font-size:22px;}.navbar-brand small{font-size:13px;}.navbar-collapse{border-top:none;}.navbar-nav{display:block;padding:8px 0;}.navbar-nav .btn{margin-left:0;width:100%;margin-top:10px;}}.navbar{padding:6px 0 !important;}.navbar-brand{padding:10px 0 !important;}.navbar-brand img{height:58px !important;}.navbar{padding:14px 0;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.08);}.navbar-brand{padding:10px 0!important}.navbar-brand img{height:58px!important}.hero{min-height:320px!important;display:flex;align-items:center;justify-content:center;text-align:center}.hero h1,.home-banner h1{color:#ffffff !important;font-size:25px;font-weight:700;line-height:1.15;text-shadow:0 4px 12px rgba(0,0,0,.45);}.hero p{font-size:18px!important}.navbar .container-fluid{max-width:100%;}.navbar-brand{flex-shrink:0;max-width:260px}.navbar-brand h4{font-size:1.15rem;line-height:1.1;margin:0}.navbar-brand small{font-size:.72rem}.navbar-nav{flex-wrap:nowrap;white-space:nowrap}.navbar-nav .nav-link{padding:.35rem .4rem;font-size:.80rem}@media(min-width:992px){.navbar .navbar-collapse{justify-content:flex-end}}.navbar-brand{max-width:260px;flex-shrink:0;}.navbar-brand img{height:60px !important;}.navbar-brand h4{font-size:28px;}.navbar-brand small{font-size:11px;}.page-banner,.hero-banner,.inner-banner{position:relative;width:100%;height:250px;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(rgba(11,35,69,.35),rgba(11,35,69,.35)),url("../images/banner/banner.jpg") center center/cover no-repeat;}.home-banner{position:relative;width:100%;height:400px;background:linear-gradient(rgba(11,35,69,.45),rgba(11,35,69,.45)),url("../images/banner/banner.jpg") center center/cover no-repeat;display:flex;align-items:flex-start;justify-content:flex-start;}.page-banner::before,.hero-banner::before,.inner-banner::before{display:none;}.page-banner h1,.hero-banner h1,.inner-banner h1{position:relative;z-index:2;color:#fff;font-size:40px;font-weight:700;text-shadow:0 3px 10px rgba(0,0,0,.5);}.page-banner p,.hero-banner p,.inner-banner p{position:relative;z-index:2;color:#fff;font-size:22px;text-shadow:0 2px 6px rgba(0,0,0,.5);}.overlay{background:transparent !important;}.banner-title,.banner-content{background:none !important;box-shadow:none !important;}.section-padding{padding:40px 0 !important;}.page-banner,.hero-banner,.inner-banner{height:300px;margin-bottom:0;}.section-title{margin-bottom:10px;}.gold-line{margin:10px auto 25px;}.row{--bs-gutter-y:1.5rem;}.feature-box,.industry-card,.contact-card{margin-bottom:0;padding:24px;}.list-group-item{margin-bottom:8px;padding:12px 16px;}section{margin-top:0;margin-bottom:0;}.navbar{position:sticky;top:0;z-index:999;}html,body{overflow-x:hidden;}.navbar{position:sticky;top:0;z-index:999;padding:10px 0;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);}.navbar .container-fluid{width:100%;max-width:1400px;margin:auto;padding:0 24px;}.navbar-brand{display:flex;align-items:center;gap:2px;flex:0 0 300px;max-width:300px;}.navbar-brand img{height:58px;}.navbar-brand h4{font-size:28px;margin:0;line-height:1.05;}.navbar-brand small{font-size:12px;color:#666;}.navbar-collapse{justify-content:flex-end;}.navbar-nav{margin-left:auto;display:flex;flex-wrap:nowrap;gap:2px;}.navbar-nav .nav-link{padding:10px 8px;font-size:13.8px;font-weight:600;white-space:nowrap;}.page-banner,.hero-banner,.inner-banner{height:180px;min-height:180px;margin:0;}.page-banner .overlay{height:100%;display:flex;align-items:center;justify-content:center;}.section-padding{padding:50px 0;}.cert-card img{display:block;width:100%;transition:.25s;cursor:pointer;}.cert-card img:hover{transform:scale(1.02);}.navbar{padding:14px 0!important;min-height:95px;}.navbar .container{max-width:1320px;}.navbar-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 240px!important;max-width:240px!important;padding:6px 0!important;}.navbar-brand img{height:85px!important;width:auto!important;}.navbar-collapse{justify-content:flex-end!important;}.navbar-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;gap:2px!important;flex-wrap:nowrap!important;}.navbar-nav .nav-link{padding:12px 0!important;font-size:14px!important;font-weight:600!important;color:#23395d!important;}@media(min-width:1200px){.navbar-expand-lg .navbar-nav{gap:2px!important;}}@media (min-width:992px){.navbar>.container,.navbar .container{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;}.navbar-brand{display:flex!important;align-items:center!important;flex:0 0 190px!important;max-width:190px!important;padding:6px 0!important;margin-right:20px!important;}.navbar-brand img{height:78px!important;width:auto!important;}.navbar-collapse{display:flex!important;flex:1!important;justify-content:flex-end!important;}.navbar-nav{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;margin-left:auto!important;gap:2px!important;}.navbar-nav .nav-link{padding:10px 4px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;}.page-banner,.hero-banner,.inner-banner{height:180px!important;min-height:180px!important;}}.navbar-nav .nav-link{position:relative;transition:.3s ease;}.navbar-nav .nav-link:hover{color:#f4b400 !important;}.navbar-nav .nav-link.active{color:#f4b400 !important;font-weight:700 !important;}.navbar-nav .nav-link.active::after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:3px;background:#f4b400;border-radius:3px;}.workflow-step{padding:10px 0}.workflow-step strong{color:#0B2345;font-size:1.02rem}.workflow-step small{color:#666}.feature-box hr{margin:14px 0;border-color:#e5e5e5}.workflow-flow{display:flex;flex-direction:column;gap:2px}.flow-step{display:flex;align-items:center;gap:2px}.flow-circle{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#0B2345,#2b6cb0);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(11,35,69,.2);flex:0 0 54px}.flow-card{flex:1;background:#fff;border:1px solid #e7ebf0;border-left:5px solid #d4a017;border-radius:14px;padding:18px 22px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.flow-card h4{margin:0 0 6px;color:#0B2345;font-size:1.08rem;font-weight:700}.flow-card p{margin:0;color:#5f6772}.flow-arrow{font-size:30px;color:#d4a017;font-weight:bold}.flow-step:last-child .flow-arrow{display:none}.flow-step:hover .flow-card{transform:translateX(4px);transition:.25s}@media(max-width:768px){.flow-step{flex-wrap:wrap}.flow-arrow{display:none}}.flow-arrow{flex:0 0 70px;height:4px;position:relative;margin:0 2px;}.flow-arrow span{position:absolute;left:0;right:12px;top:50%;height:4px;transform:translateY(-50%);background:linear-gradient(90deg,#d4a017,#f4c542);border-radius:4px;}.flow-arrow span::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #f4c542;}.flow-step:last-child .flow-arrow{display:none;}@media(max-width:768px){.flow-arrow{display:none;}}.flowchart-horizontal{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center;margin-top:20px}.flow-box{width:165px;background:#fff;border:1px solid #e5eaf1;border-top:4px solid #d4a017;border-radius:12px;padding:18px 14px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.08)}.flow-box .num{width:36px;height:36px;border-radius:50%;background:#0B2345;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.flow-box h5{margin:0 0 6px;color:#0B2345;font-size:1rem}.flow-box p{margin:0;font-size:.88rem;color:#666}.flow-connector{position:relative;width:70px;height:8px;flex:0 0 70px}.flow-connector:before{content:'';position:absolute;left:0;right:14px;top:2px;height:4px;background:#d4a017;border-radius:3px}.flow-connector:after{content:'';position:absolute;right:0;top:-3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #d4a017}@media(max-width:1200px){.flowchart-horizontal{flex-direction:column;align-items:stretch}.flow-connector{width:4px;height:42px}.flow-connector:before{left:2px;right:auto;top:0;bottom:14px;width:4px;height:auto}.flow-connector:after{left:-5px;right:auto;top:auto;bottom:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:14px solid #d4a017;border-bottom:none}.flow-box{width:100%}}.workflow-pro{display:grid;grid-template-columns:repeat(11,max-content);align-items:center;justify-content:center;gap:2px;margin-top:20px}.wf-card{width:150px;background:#fff;border:1px solid #e8edf3;border-top:4px solid #d4a017;border-radius:12px;padding:14px 10px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.07);position:relative}.wf-card i{font-size:22px;color:#0B2345;margin:6px 0}.wf-no{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#0B2345;color:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.wf-card h6{margin:4px 0 2px;font-size:14px;font-weight:700;color:#0B2345}.wf-card span{font-size:12px;color:#666}.wf-arrow{width:26px;height:2px;background:#d4a017;position:relative}.wf-arrow:after{content:'';position:absolute;right:-1px;top:-4px;border-left:7px solid #d4a017;border-top:5px solid transparent;border-bottom:5px solid transparent}@media(max-width:1200px){.workflow-pro{grid-template-columns:1fr}.wf-arrow{display:none}.wf-card{width:100%;max-width:380px;justify-self:center}}.quality-kpi-section{background:linear-gradient(180deg,#f8fafc,#ffffff);padding:70px 0!important;}.quality-dashboard{max-width:1240px;margin:0 auto;background:#fff;padding:28px;border:1px solid #e8edf3;border-radius:20px;box-shadow:0 16px 40px rgba(11,35,69,.08);transition:.3s ease;}.quality-dashboard:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(11,35,69,.12);}.quality-dashboard img{display:block;width:100%;border-radius:14px;}@media(max-width:768px){.quality-kpi-section{padding:45px 0!important;}.quality-dashboard{padding:14px;}}.stats-card{background:#fff;border-radius:16px;padding:28px 18px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.08);border-top:4px solid #d4a017;transition:.25s}.stats-card:hover,.feature-box:hover{transform:translateY(-6px)}.stats-card h3{font-size:48px;font-weight:700;color:#0B2345;margin-bottom:8px}.stats-card p{margin:0;font-weight:500;color:#555}.value-list li{margin-bottom:10px}.value-list i{color:#d4a017;margin-right:10px}.infrastructure-card{border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s}.infrastructure-card:hover{transform:translateY(-6px)}.infrastructure-card img{height:250px;object-fit:cover;width:100%}.office-location{margin-bottom:50px;}.office-location iframe{border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.12);}.office-location .contact-card{height:100%;display:flex;flex-direction:column;justify-content:center;}.footer-pro{background:#081c36;color:#fff;padding:60px 0 25px;margin-top:60px}.footer-pro h3,.footer-pro h5{color:#fff}.footer-pro ul{list-style:none;padding:0}.footer-pro li{margin:8px 0}.footer-pro a{color:#dbe8ff;text-decoration:none}.footer-pro a:hover{color:#f4b400}.footer-pro hr{border-color:rgba(255,255,255,.15);margin:25px 0}.footer-bottom{text-align:center;color:#c8d0da}.home-banner .container{max-width:1200px;padding-top:35px !important;padding-bottom:0 !important;}.home-banner h1{font-size:30px !important;font-weight:700;line-height:1;max-width:780px;margin-bottom:20px;}.home-banner p{font-size:20px!important;max-width:760px;margin-bottom:32px}.home-banner .btn{padding:16px 34px;border-radius:10px;font-weight:700}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:70px;max-width:900px}.stat{background:rgba(255,255,255,.08);backdrop-filter:blur(6px);padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:14px;text-align:center}.stat h2{font-size:44px;color:#fff;margin:0}.stat span{color:#e8edf5;font-size:18px}@media(max-width:768px){.hero-stats{grid-template-columns:repeat(2,1fr)}.home-banner h1{font-size:38px!important}.home-banner p{font-size:18px!important}}@media (max-width:991px){.home-banner h1{font-size:36px !important;line-height:1.2;}}@media (max-width:576px){.home-banner h1{font-size:28px !important;}}.home-banner{min-height:500px!important;}.home-banner .hero-content,.home-banner .container{max-width:1180px!important;padding-top:40px!important;}.home-banner h1{font-size:2.55rem!important;line-height:1.15!important;font-weight:700!important;max-width:650px!important;letter-spacing:-0.5px;margin-bottom:18px!important;}.home-banner p{font-size:1.18rem!important;line-height:1.6!important;max-width:620px!important;}.home-banner .badge{font-size:.82rem!important;padding:10px 18px!important;}.hero-buttons .btn{min-width:200px!important;padding:12px 24px!important;font-size:1rem!important;}.hero-stats{margin-top:32px!important;max-width:760px!important;gap:2px!important;}.stat{padding:18px!important;border-radius:12px!important;}.stat h2{font-size:2.4rem!important;}.stat span{font-size:.95rem!important;}@media(max-width:768px){.home-banner h1{font-size:2rem!important;}.home-banner p{font-size:1rem!important;}}.home-banner{min-height:550px!important;}.home-banner .container{max-width:1600px!important;padding-top:20px!important;}.home-banner h1{display:block!important;font-size:2.0rem!important;max-width:none!important;width:100%!important;white-space:nowrap!important;line-height:1.1!important;}.hero-stats{margin-top:30px!important;position:relative!important;top:0!important;}.stat{min-height:210px!important;padding:36px 20px 28px!important;overflow:visible!important;}.stat h2{margin:0 0 14px!important;}.stat span{display:block!important;font-size:20px!important;line-height:1.3!important;}@media(max-width:1200px){.home-banner h1{white-space:normal!important;font-size:2rem!important;}}.cert-card{overflow:hidden}.cert-protect{position:relative;user-select:none;-webkit-user-select:none;}.cert-protect img{width:100%;display:block;pointer-events:none;}.cert-protect::after{content:"";position:absolute;inset:0;background:transparent;}.cert-title{padding:14px 18px;font-size:1.2rem;font-weight:600;}.stats-card{background:linear-gradient(180deg,#ffffff,#f8fafc)!important;border:1px solid #e8edf3!important;border-top:5px solid #d4a017!important;border-radius:18px!important;padding:36px 24px!important;box-shadow:0 12px 30px rgba(11,35,69,.08)!important;transition:.3s;min-height:250px;display:flex;flex-direction:column;justify-content:center;}.stats-card:hover,.feature-box:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(11,35,69,.14)!important;}.stats-card h3{font-size:3.4rem!important;color:#0B2345;font-weight:800}.stats-card p{font-size:1.15rem!important;color:#5f6772}.feature-box{background:#fff!important;border-radius:18px!important;padding:40px 32px!important;border-top:5px solid #d4a017!important;box-shadow:0 12px 28px rgba(11,35,69,.08)!important;height:100%;}.feature-box i{font-size:38px;color:#d4a017;margin-bottom:16px}.feature-box h4{font-size:2rem;color:#0B2345;margin-bottom:18px}.feature-box p{font-size:1.08rem;line-height:1.8;color:#4b5563}.value-list li{padding:10px 0;font-size:1.05rem}.stats-card{min-height:180px!important;padding:24px 18px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;}.stats-card h3{font-size:2.4rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:10px!important;}.stats-card p{font-size:1.05rem!important;line-height:1.35!important;text-align:center!important;}.feature-box{min-height:300px!important;padding:32px 24px!important;}.feature-box h4{font-size:1.8rem!important;}.feature-box p{font-size:1rem!important;line-height:1.7!important;}@media(min-width:992px){.stats-card h3{font-size:2.15rem!important;}}.feature-box{min-height:180px!important;padding:28px 24px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;margin-bottom:0!important;}.feature-box h4{font-size:2rem!important;margin-bottom:12px!important;}.feature-box p{font-size:1.05rem!important;line-height:1.6!important;margin:0!important;}.contact-card{padding:26px 22px!important;}.contact-card h4,.contact-card h3{font-size:1.75rem!important;}.section-padding{padding:55px 0!important;}.office-location{margin-bottom:30px!important;}.row.g-4{--bs-gutter-y:1.25rem!important;}.video-banner{position:relative;min-height:650px;overflow:hidden;background:#0b2345}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,53,.78) 0%,rgba(8,27,53,.45) 55%,rgba(8,27,53,.2) 100%)}.video-banner .hero-content{position:relative;z-index:2;padding-top:90px!important}.video-banner{position:relative;min-height:640px;overflow:hidden;background:#0b2345}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,53,.82),rgba(8,27,53,.45) 55%,rgba(8,27,53,.25))}.video-banner .hero-content{position:relative;z-index:2;padding-top:60px!important}.video1-banner{position:relative;min-height:250px;overflow:hidden;background:#0b2345}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video1-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,53,.78) 0%,rgba(8,27,53,.45) 55%,rgba(8,27,53,.2) 100%)}.video1-banner .hero-content{position:relative;z-index:2;padding-top:90px!important}.video1-banner{position:relative;min-height:640px;overflow:hidden;background:#0b2345}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,53,.82),rgba(8,27,53,.45) 55%,rgba(8,27,53,.25))}.video-banner .hero-content{position:relative;z-index:2;padding-top:60px!important}.navbar{background:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.08)!important;}.navbar .container,.navbar .container-fluid{max-width:1450px!important;}.navbar-brand img{height:62px!important;width:auto;}.navbar-nav{display:flex!important;flex-wrap:nowrap!important;gap:2px!important;margin-left:auto!important;}.navbar-nav .nav-link{background:#f7f9fc;border:1px solid #e4e8ef;border-radius:8px;color:#0B2345!important;font-size:13px!important;font-weight:600!important;padding:9px 10px!important;text-transform:uppercase;transition:.25s ease;white-space:nowrap!important;}.navbar-nav .nav-link:hover{background:#0B2345;color:#fff!important;border-color:#0B2345;transform:translateY(-2px);}.navbar-nav .nav-link.active{background:#d4a017!important;color:#0B2345!important;border-color:#d4a017!important;box-shadow:0 6px 14px rgba(212,160,23,.35);}@media (min-width:992px){.navbar .container-fluid{max-width:1500px !important;padding:0 18px !important;}.navbar-brand{flex:0 0 145px !important;max-width:145px !important;margin-right:12px !important;}.navbar-brand img{height:60px !important;width:auto !important;}.navbar-collapse{flex:1 1 auto !important;display:flex !important;justify-content:flex-end !important;}.navbar-nav{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-end !important;align-items:center !important;gap:2px !important;margin-left:auto !important;width:auto !important;}.navbar-nav .nav-item{margin:0 !important;}.navbar-nav .nav-link{padding:10px 10px !important;font-size:12.8px !important;white-space:nowrap !important;border-radius:8px !important;}.navbar-nav .nav-link::after,.navbar-nav .nav-link.active::after,.navbar-nav .nav-link:hover::after{display:none !important;content:none !important;}.navbar-nav .nav-link.active{background:#d4a017 !important;color:#0B2345 !important;border-color:#d4a017 !important;box-shadow:none !important;}}header,.header,.navbar,.navbar-area,.main-header,.site-header,nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(10,35,66,.55)!important;border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px rgba(0,0,0,.18);transition: background-color .3s, box-shadow .3s;}nav ul li a,.navbar-nav .nav-link{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 18px!important;margin:0 2px;transition:.3s;}nav ul li a:hover,.navbar-nav .nav-link:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,123,255,.25);}nav ul li.active a,.navbar-nav .nav-link.active{background:linear-gradient(135deg,rgba(0,153,255,.45),rgba(255,255,255,.18));color:#fff!important;}.navbar,.header,.main-header{background:rgba(25,45,75,.45)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px rgba(0,0,0,.18);}.navbar-nav{gap:2px!important;}.navbar-nav .nav-link,.navbar-nav li a,.nav-menu a{background:rgba(255,255,255,.10)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.22)!important;border-radius:16px!important;color:#fff!important;padding:10px 12px!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 8px 24px rgba(0,0,0,.18);transition: background-color .3s, box-shadow .3s;}.navbar-nav .nav-link:hover,.navbar-nav li a:hover,.nav-menu a:hover{background:rgba(255,255,255,.20)!important;transform:translateY(-2px);}.navbar-nav .active>.nav-link,.navbar-nav .nav-link.active,.navbar-nav li.active>a{background:linear-gradient(135deg,rgba(0,153,255,.6),rgba(0,86,255,.45))!important;color:#fff!important;}.header,.navbar,.main-header{background:rgba(255,255,255,.74)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:0 8px 30px rgba(0,0,0,.08)!important;}.navbar-nav{gap:14px!important;flex-wrap:nowrap!important;}.navbar-nav .nav-link,.navbar-nav li a,.nav-menu a{background:rgba(255,255,255,.18)!important;color:#16355f!important;font-weight:700!important;border:1px solid rgba(255,255,255,.3)!important;padding:14px 24px!important;border-radius:18px!important;box-shadow:0 10px 25px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.3)!important;}.navbar-nav .nav-link:hover,.navbar-nav li a:hover,.nav-menu a:hover{background:linear-gradient(135deg,#0d6efd,#61a9ff)!important;color:#fff!important;transform:translateY(-2px);}.navbar-nav .active>.nav-link,.navbar-nav .nav-link.active,.navbar-nav li.active>a{background:linear-gradient(135deg,#0b63d9,#54a3ff)!important;color:#fff!important;}.navbar-nav{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;}.nav-link{padding:12px 18px;font-size:13px;border-radius:16px;white-space:nowrap;}@media (min-width:992px){.navbar .container-fluid{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;max-width:100%!important;padding:0 16px!important;}.navbar-brand{flex:0 0 110px!important;max-width:110px!important;margin-right:10px!important;}.navbar-brand img{height:56px!important;}.navbar-collapse{flex:1 1 auto!important;}.navbar-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:4px!important;width:100%!important;}.navbar-nav .nav-link{padding:10px 10px!important;font-size:12px!important;border-radius:14px!important;}}:root{--primary-color:#0A2342;--secondary-color:#5C677D;--accent-color:#D6A648;--light-bg:#F7F8FA;--dark-bg:#081827;}body{background:var(--light-bg);color:#233042;}.navbar,.header,.main-header,.navbar-area,.sticky-header,.header-area{background:rgba(10,35,66,.55)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:none;}.navbar a,.navbar-nav .nav-link,.main-menu a{color:#fff!important;font-weight:600;}.navbar a:hover,.navbar-nav .nav-link:hover,.main-menu a:hover{color:var(--accent-color)!important;}.btn,.theme-btn,.default-btn{background:linear-gradient(135deg,#D6A648,#B8891E)!important;border:none!important;color:#fff!important;}.btn:hover,.theme-btn:hover,.default-btn:hover{filter:brightness(1.08);transform:translateY(-2px);}.section-title h2,h1,h2,h3{color:var(--primary-color);}footer,.footer,.footer-area{background:linear-gradient(180deg,#081827,#0A2342)!important;}.card,.single-service,.feature-card,.service-item{border-radius:18px;border:1px solid rgba(214,166,72,.12);box-shadow:0 12px 35px rgba(10,35,66,.08);}
/* Premium Card Upgrade */
.card,.feature-card,.service-card,.capability-card,.machine-card,.quality-card{
border-radius:18px!important;
background:rgba(255,255,255,.12)!important;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,.18);
box-shadow:0 10px 30px rgba(0,0,0,.12);
transition:transform .35s ease,box-shadow .35s ease;
overflow:hidden;
}
.card:hover,.feature-card:hover,.service-card:hover,.capability-card:hover,.machine-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.22);
}
.card i,.feature-card i,.service-card i,.capability-card i,.machine-card i,.quality-card i,
.card svg,.feature-card svg,.service-card svg,.capability-card svg,.machine-card svg,.quality-card svg{
transition:transform .4s ease,color .4s ease;
}
.card:hover i,.feature-card:hover i,.service-card:hover i,.capability-card:hover i,.machine-card:hover i,
.card:hover svg,.feature-card:hover svg,.service-card:hover svg,.capability-card:hover svg,.machine-card:hover svg{
transform:scale(1.15) rotate(6deg);
color:#D6A648!important;
}
/* Premium Typography Hierarchy */
:root{
--hero-size: clamp(48px,6vw,60px);
--section-title:34px;
--subheading:22px;
--body-size:17px;
}
body{font-size:var(--body-size);line-height:1.7;font-weight:400;}
.hero h1,.banner h1,.page-hero h1,.hero-title{font-size:var(--hero-size)!important;font-weight:400!important;line-height:1.1;}
section h2,.section-title{font-size:var(--section-title)!important;font-weight:600!important;line-height:1.25;margin-bottom:1rem;}
h3,.subheading,.card h3{font-size:var(--subheading)!important;font-weight:600!important;line-height:1.35;}
p,li,.card p{font-size:var(--body-size)!important;line-height:1.7;}
/* Premium Navbar Upgrade */
:root{--nav-glass:rgba(10,35,66,.72);--gold:#D6A648;}
.navbar,.navbar-custom,header nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--nav-glass)!important;border-bottom:1px solid rgba(255,255,255,.12);transition: background-color .3s, box-shadow .3s;}
.navbar.scrolled,.navbar.sticky{box-shadow:0 12px 30px rgba(0,0,0,.22);}
.navbar-brand img,.logo img{max-height:64px!important;width:auto;}
.navbar-nav{gap:.35rem;}
.navbar-nav .nav-link{font-weight:600!important;letter-spacing:.04em;padding:.9rem .9rem!important;position:relative;transition:.3s ease;}
.navbar-nav .nav-link:hover{color:var(--gold)!important;transform:translateY(-2px);}
.navbar-nav .nav-link::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--gold);transform:scaleX(0);transition:.3s;}
.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after,.navbar-nav .active>.nav-link::after{transform:scaleX(1);}
/* Premium Palette Update */
:root{
--primary:#0A2342;
--secondary:#5C677D;
--accent:#D6A648;
--white:#FFFFFF;
--bg:#F7F8FA;
}
body{background:var(--bg);color:#2b3440;}
.navbar,header{background:rgba(10,35,66,.82)!important;color:var(--white)!important;}
.btn-primary,.btn-gold{background:var(--accent)!important;border-color:var(--accent)!important;color:#0A2342!important;}
.btn-primary:hover,.btn-gold:hover{background:#c49634!important;}
h1,h2,h3,h4,.section-title{color:var(--primary)!important;}
.card{background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 10px 30px rgba(10,35,66,.12);}
footer{background:linear-gradient(135deg,#0A2342,#152f54)!important;color:#fff;}
a:hover,.nav-link:hover{color:var(--accent)!important;}
/* Premium footer white text override */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,
footer a, footer p, footer li, .footer a,.footer p,.footer li,
.footer .quick-links a,.footer .capabilities a,.footer .contact a{
color:#fff !important;
}
footer a:hover,.footer a:hover{color:#D6A648 !important;}
/* Banner white text */
.page-banner h1,.page-banner h2,.page-banner p,
.hero-content h1,.hero-content h2,.hero-content p,
.banner-title,.banner-subtitle,
.breadcrumb,.breadcrumb a,
.inner-banner h1,.inner-banner h2,.inner-banner p{
color:#fff !important;
text-shadow:0 3px 10px rgba(0,0,0,.45);
}
/* Premium Capability Cards */
.capability-card,.service-card,.capability-box{
position:relative;
overflow:hidden;
background:rgba(255,255,255,.08)!important;
backdrop-filter:blur(18px) saturate(180%);
-webkit-backdrop-filter:blur(18px) saturate(180%);
border:1px solid rgba(255,255,255,.18);
border-radius:22px;
padding:30px;
transition: background-color .3s, box-shadow .3s;
box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.capability-card:before,.service-card:before,.capability-box:before{
content:"";
position:absolute;inset:0;
background:linear-gradient(135deg,rgba(0,170,255,.12),transparent 60%);
opacity:0;transition:.45s;
}
.capability-card:hover,.service-card:hover,.capability-box:hover{
transform:translateY(-10px);
box-shadow:0 18px 45px rgba(0,120,255,.35);
border-color:rgba(0,170,255,.45);
}
.capability-card:hover:before,.service-card:hover:before,.capability-box:hover:before{opacity:1;}
.capability-card img,.service-card img,.capability-box img{
transition:.45s ease;
border-radius:14px;
}
.capability-card:hover img,.service-card:hover img,.capability-box:hover img{
transform:scale(1.08);
filter:drop-shadow(0 0 18px rgba(0,170,255,.5));
}
.capability-card h3:before,.service-card h3:before,.capability-box h3:before{
content:"⚙ ";
color:#32b8ff;
font-weight:700;
}
.learn-more{
display:inline-flex;
margin-top:18px;
color:#58c7ff;
font-weight:600;
text-decoration:none;
}
.learn-more:after{
content:" →";
transition:.3s;
}
.learn-more:hover:after{transform:translateX(6px);}
/* Premium Button Upgrade */
.btn, button, input[type=submit], .btn-primary, .cta-btn{
border-radius:999px!important;
background:linear-gradient(135deg,#0F52BA,#00AEEF)!important;
color:#fff!important;
padding:14px 32px!important;
font-weight:700!important;
letter-spacing:.3px;
box-shadow:0 10px 30px rgba(0,174,239,.25);
transition: background-color .3s, box-shadow .3s;
position:relative;
overflow:hidden;
border:none!important;
}
.btn::after,.btn-primary::after,.cta-btn::after{
content:"→";
margin-left:10px;
display:inline-block;
transition:transform .35s ease;
}
.btn:hover,button:hover,input[type=submit]:hover,.btn-primary:hover,.cta-btn:hover{
transform:translateY(-3px);
box-shadow:0 18px 40px rgba(0,174,239,.45),0 0 18px rgba(47,199,255,.45);
filter:brightness(1.05);
}
.btn:hover::after,.btn-primary:hover::after,.cta-btn:hover::after{
transform:translateX(6px);
}
/* Global premium blue glow hover */
.infrastructure-item:hover,
.infrastructure-card:hover,
.card:hover,
.machine-card:hover,
.capability-card:hover,
.service-card:hover,
[class*="infrastructure"]:hover{
transform: translateY(-8px);
box-shadow:0 0 20px rgba(0,140,255,.35),0 0 45px rgba(0,140,255,.18);
transition: background-color .3s, box-shadow .3s;
}
.infrastructure-item img:hover,
.infrastructure-card img:hover,
.machine-card img:hover,
[class*="infrastructure"] img:hover{
filter:drop-shadow(0 0 18px rgba(0,140,255,.55));
}
/* Global Premium Glow */
.machine-card:hover,
.capability-card:hover,
.capability-box:hover,
.service-card:hover,
.feature-card:hover,
.infrastructure-card:hover,
.contact-card:hover,
.about-card:hover{
transform:translateY(-6px)!important;
border-color:#4db8ff!important;
box-shadow:0 0 24px rgba(77,184,255,.45),0 18px 36px rgba(11,35,69,.15)!important;
}
/* Premium footer redesign */
footer,.footer{background:linear-gradient(135deg,#08111f,#0d1b33)!important;color:#fff!important;position:relative}
footer:before,.footer:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#00bfff,#2b6cff,#00bfff)}
footer a,.footer a{color:#dfe8ff!important;transition:.3s}
footer a:hover,.footer a:hover{color:#7ec8ff!important;text-shadow:0 0 10px rgba(0,191,255,.7);padding-left:4px}
.footer-title{color:#fff;font-weight:700;margin-bottom:14px;border-bottom:1px solid rgba(0,191,255,.35);padding-bottom:8px}
.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0b5cff;color:#fff;box-shadow:0 10px 30px rgba(0,91,255,.35)}
/* Premium footer branding */
.footer-branding{
background:linear-gradient(180deg,#07101f,#0d1f3d);
text-align:center;
padding:50px 20px 35px;
position:relative;
}
.footer-branding::after{
content:"";
display:block;
height:3px;
margin-top:28px;
background:linear-gradient(90deg,#00d4ff,#2b6cff,#00d4ff);
background-size:200% 100%;
animation:footerGlow 6s linear infinite;
}
@keyframes footerGlow{0%{background-position:0 0}100%{background-position:200% 0}}
.footer-branding img{
width:120px;height:auto;
filter:drop-shadow(0 0 18px rgba(0,170,255,.5));
margin-bottom:18px;
}
.footer-branding h2{
font-size:36px;
font-weight:800;
letter-spacing:2px;
color:#fff;
margin:0;
}
.footer-branding p{
margin-top:10px;
font-size:18px;
color:#c8d7ef;
}
.premium-brand{background:linear-gradient(180deg,#08111f,#10294b);text-align:center;padding:55px 20px 30px}
.premium-brand img{width:110px;filter:drop-shadow(0 0 18px #1ea7ff)}
.premium-brand h2{color:#fff;font-size:34px;font-weight:800}
.premium-brand p{color:#c8d9f0}
.premium-brand:after{content:"";display:block;height:3px;margin-top:25px;background:linear-gradient(90deg,#00d4ff,#2b6cff,#00d4ff);background-size:200% 100%;animation:glow 6s linear infinite}
@keyframes glow{to{background-position:200%}}
.premium-footer-v2{background:#08111f;color:#fff;padding:45px 0}
.footer-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}
.footer-grid5 h4{color:#fff;border-bottom:1px solid #1ea7ff;padding-bottom:8px}
.footer-grid5 ul{list-style:none;padding:0}.footer-grid5 li{margin:8px 0}
.footer-grid5 a{color:#dce8ff;text-decoration:none}
.footer-map iframe{width:100%;height:260px;border:0;border-radius:12px;margin:30px 0;filter:grayscale(1) brightness(.7)}
.footer-social{text-align:center;font-size:28px}
.footer-social a{color:#fff;margin:0 10px}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;margin-top:18px}
.back-to-top{position:fixed;right:24px;bottom:24px;background:#0b66ff;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:992px){.footer-grid5{grid-template-columns:1fr 1fr}}
@media(max-width:576px){.footer-grid5{grid-template-columns:1fr}.premium-brand h2{font-size:24px}}
/* Footer refinement */
.premium-brand h2{
color:#fff!important;
font-size:40px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(0,170,255,.25);
}
.premium-brand img{
width:150px;
filter:drop-shadow(0 0 10px #33b5ff) drop-shadow(0 0 28px rgba(51,181,255,.45));
}
.premium-brand{
position:relative;
overflow:hidden;
}
.premium-brand:after{
content:"";
position:absolute;
left:3%;
right:3%;
bottom:0;
height:3px;
border-radius:50px;
background:linear-gradient(90deg,transparent,#00b8ff 20%,#7fd3ff 50%,#00b8ff 80%,transparent);
box-shadow:0 0 10px #00b8ff,0 0 24px rgba(0,184,255,.6);
}
.premium-brand:before{
content:"";
position:absolute;
left:50%;
bottom:-4px;
width:160px;
height:8px;
transform:translateX(-50%);
border-radius:50%;
background:#59c8ff;
filter:blur(8px);
}
/* premium footer */
.premium-brand{text-align:center;background:linear-gradient(180deg,#07111f,#0d203d);padding:60px 20px 34px;position:relative}
.premium-brand img{width:120px;filter:drop-shadow(0 0 16px rgba(0,170,255,.45))}
.premium-brand h2{color:#fff!important;font-size:20px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:10px 0}
.premium-brand p{color:#d8e6f7;font-size:13px}
.premium-brand p:before,.premium-brand p:after{content:"";display:inline-block;width:48px;height:2px;background:#2196f3;margin:0 14px;vertical-align:middle}
.premium-brand:after{content:"";position:absolute;left:3%;right:3%;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#2aa8ff,#8fd6ff,#2aa8ff,transparent);box-shadow:0 0 14px #2aa8ff}
.premium-footer-v2{background:#091423;color:#fff;padding:40px 0}.footer-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.footer-grid5 h4{font-size:15px}.footer-grid5 a,.footer-grid5 li,.footer-grid5 p{font-size:14px;color:#dbe8ff}.footer-map iframe{width:100%;height:260px;border:0;margin-top:24px;filter:grayscale(1) brightness(.7)}@media(max-width:900px){.footer-grid5{grid-template-columns:1fr 1fr}}@media(max-width:600px){.footer-grid5{grid-template-columns:1fr}}
.premium-footer,.premium-footer-v2,footer,.footer-main{border-top:none!important;}
.premium-footer::before,.premium-footer-v2::before,footer::before{display:none!important;content:none!important;}
footer .footer-brand h2, footer .company-name{font-size:1rem!important;line-height:1.3!important;letter-spacing:1px!important;}
footer{padding-top:35px!important;padding-bottom:20px!important;}
footer .row{justify-content:center!important;align-items:flex-start!important;}
footer .col,footer [class*="col-"]{margin-bottom:12px;}
/* === Shared Logo/Menu Glow Override === */
:root{
--shared-glow-1:0 0 8px rgba(0,153,255,.65);
--shared-glow-2:0 0 18px rgba(0,153,255,.45);
--shared-glow-3:0 0 30px rgba(0,153,255,.30);
}
@keyframes sharedBlueGlow{
0%,100%{filter:drop-shadow(0 0 4px rgba(0,153,255,.35));}
50%{filter:drop-shadow(0 0 10px rgba(0,153,255,.75));}
}
.navbar-brand,.navbar-brand img,.navbar .nav-link{
animation:sharedBlueGlow 2.8s ease-in-out infinite;
transition: background-color .3s, box-shadow .3s;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus-visible,
.navbar .nav-link.active{
color:#fff!important;
border-radius:10px;
text-shadow:var(--shared-glow-1),var(--shared-glow-2),var(--shared-glow-3)!important;
box-shadow:inset 0 0 0 1px rgba(0,153,255,.25),0 0 10px rgba(0,153,255,.45),0 0 22px rgba(0,153,255,.25)!important;
background:rgba(0,153,255,.10)!important;
}
/* ===== Shared Glow System ===== */
:root{
--shared-glow-color:#35a8ff;
--shared-glow-bg:rgba(53,168,255,.14);
--shared-glow-shadow:
0 0 8px rgba(53,168,255,.65),
0 0 18px rgba(53,168,255,.45),
0 0 32px rgba(53,168,255,.30);
}
.shared-glow,
.navbar-brand,
footer .navbar-brand,
.footer-logo,
.navbar .nav-link{
transition: background-color .3s, box-shadow .3s;
}
.shared-glow:hover,
.shared-glow:focus-visible,
.navbar-brand:hover,
.navbar-brand:focus-visible,
footer .navbar-brand:hover,
.footer-logo:hover,
.navbar .nav-link:hover,
.navbar .nav-link:focus-visible,
.navbar .nav-link.active{
color:#fff!important;
background:var(--shared-glow-bg)!important;
border-radius:12px!important;
text-shadow:
0 0 6px var(--shared-glow-color),
0 0 12px var(--shared-glow-color),
0 0 20px var(--shared-glow-color)!important;
box-shadow:var(--shared-glow-shadow)!important;
filter:drop-shadow(0 0 8px rgba(53,168,255,.6));
}
/* Disable ALL header logo hover effects */
header .navbar-brand,
.navbar .navbar-brand{
transition:none !important;
animation:none !important;
}
header .navbar-brand:hover,
.navbar .navbar-brand:hover,
header .navbar-brand:hover *,
.navbar .navbar-brand:hover *{
transform:none !important;
scale:1 !important;
filter:none !important;
box-shadow:none !important;
text-shadow:none !important;
background:transparent !important;
opacity:1 !important;
transition:none !important;
animation:none !important;
}
/* ChatGPT override: remove menu background glow, keep text glow */
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active{
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* ChatGPT navbar refinement */
.navbar, .navbar-custom{min-height:60px;}
.navbar .container{max-width:100%;}
.navbar .container-fluid{padding-left:24px;padding-right:24px;}
.navbar-nav{gap:6px;flex-wrap:nowrap;}
.navbar-nav .nav-link{padding:10px 14px!important;font-size:14px;}
.navbar-brand img,.navbar-brand svg{max-height:56px!important;width:auto;}
@media (min-width:1200px){
.navbar-expand-lg .navbar-nav{flex-wrap:nowrap;}
}
/* Professional whitespace enhancement */
section{
padding-top:90px;
padding-bottom:90px;
}
.section-title, .section-heading{
margin-bottom:24px;
}
section p.lead, .section-subtitle{
margin-bottom:36px;
}
@media (max-width:768px){
section{
padding-top:70px;
padding-bottom:70px;
}
}
/* Hero top alignment override */
.hero,
.hero-section,
.home-banner,
.banner{
display:flex!important;
align-items:flex-start!important;
}
.hero .container,
.hero-content,
.hero-text,
.banner-content{
padding-top:40px!important;
margin-top:0!important;
}
.hero h1{
margin-top:10px!important;
}
/* ===== HERO FINAL OVERRIDE ===== */
.home-banner.video-banner,
.video-banner{
position:relative!important;
display:flex!important;
align-items:flex-start!important;
justify-content:flex-start!important;
min-height:700px!important;
overflow:hidden!important;
}
.hero-video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center top!important;
z-index:0!important;
}
.video-overlay{
position:absolute!important;
inset:0!important;
z-index:1!important;
}
.video-banner .hero-content,
.home-banner .hero-content{
position:relative!important;
z-index:2!important;
padding-top:20px!important;
padding-bottom:80px!important;
margin-top:0!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.video-banner h1,.home-banner h1{margin-top:0!important;}
.hero-stats{margin-top:40px!important;}
/* ===== Clean Hero Definition ===== */
.home-banner.video-banner{
position:relative;
height:700px;
min-height:700px;
overflow:hidden;
display:flex;
align-items:flex-start;
justify-content:flex-start;
background:#0b2345;
}
.hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
z-index:0;
}
.video-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(8,27,53,.78),rgba(8,27,53,.45) 55%,rgba(8,27,53,.2));
z-index:1;
}
.video-banner .hero-content{
position:relative;
z-index:2;
padding-top:30px;
padding-bottom:60px;
margin:0;
max-width:1200px;
}
.hero-stats{margin-top:40px;}
/* 2026 homepage refinements */
.home-banner.video-banner{
display:flex;
align-items:center;
min-height:100vh;
height:calc(100vh - 80px);
max-height:820px;
overflow:hidden;
}
.home-banner.video-banner .hero-content{
padding-top:120px!important;
padding-bottom:60px!important;
}
.hero-content{
max-width:760px;
}
.hero-content h1{font-size:3.2rem!important;line-height:1.1;}
.hero-content p{font-size:1.2rem;max-width:680px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}
.hero-stats .stat{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px;text-align:center}
.hero-buttons .btn{padding:14px 28px;border-radius:10px}
@media(max-width:992px){
.home-banner.video-banner{height:auto;min-height:720px}
.hero-content h1{font-size:2.2rem!important}
.hero-stats{grid-template-columns:repeat(2,1fr)}
}
/* Premium hero fix */
html,body{overflow-x:hidden}
.home-banner.video-banner{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0!important}
.home-banner.video-banner .hero-video{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:0}
.home-banner.video-banner .video-overlay{z-index:1;background:linear-gradient(90deg,rgba(3,18,40,.78),rgba(3,18,40,.45),rgba(3,18,40,.3))}
.home-banner.video-banner .hero-content{position:relative;z-index:2;padding-top:110px;padding-bottom:40px;max-width:1200px}
.hero-content h1,
.hero-title{
font-size:12px;
font-weight:400;
line-height:1.05;
color:#fff !important;
letter-spacing:-1px;
margin:30px 0;
}
.hero-content p{font-size:1.2rem;max-width:960px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}
.hero-stats .stat{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.15)}
@media(max-width:768px){.home-banner.video-banner{height:100svh;min-height:620px}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-content{padding-top:90px!important}}
.video-banner{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%;
height:100vh;
min-height:720px;
max-height:900px;
overflow:hidden;
position:relative;
}
.video-banner .container.hero-content{
position:relative;
z-index:5;
padding-top:0!important;
padding-bottom:0!important;
}
.hero-video{
position:absolute!important;
top:50%!important;
left:50%!important;
width:auto!important;
height:auto!important;
min-width:100%!important;
min-height:100%!important;
transform:translate(-50%,-50%)!important;
object-fit:cover!important;
}
@media(max-width:768px){
.video-banner{height:75vh;min-height:500px;}
}
.machine-image {
height: 260px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.quality-video-section{padding:60px 0;background:#f7f9fc}
.video-wrapper{border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.18);background:#000}
.video-wrapper video{display:block;width:100%;height:auto}
/* Premium Certificate Showcase */
.certificate-grid{
max-width:1200px;
margin:40px auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
gap:32px;
}
.cert-card{
background:linear-gradient(180deg,#fff,#f8fafc)!important;
border:1px solid #e6ecf3;
border-radius:22px!important;
overflow:hidden;
box-shadow:0 16px 40px rgba(11,35,69,.10)!important;
transition:.35s;
}
.cert-card:hover{
transform:translateY(-8px);
box-shadow:0 24px 50px rgba(11,35,69,.18)!important;
}
.cert-card img{
padding:18px;
background:#fff;
border-bottom:1px solid #eef2f6;
}
.cert-title{
text-align:center;
background:linear-gradient(135deg,#0B2345,#1b4d7a);
color:#fff;
font-size:1.15rem;
font-weight:700;
padding:18px;
letter-spacing:.3px;
}
/* ChatGPT hero overflow fix */
html,body{overflow-x:hidden;}
.hero,.hero-section,.hero-banner,.video-banner{position:relative;overflow:hidden!important;min-height:100vh;}
.hero video,.hero-section video,.hero-banner video,.video-banner video{
position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.hero img,.hero-section img,.hero-banner img,.video-banner img{width:100%;height:100%;object-fit:cover;}
.hero-content h1,.hero h1{font-size:3.3rem!important;max-width:900px;line-height:1.15}
.stats-grid,.hero-stats{margin-top:2rem}
.hero-stats .stat-card,.stats-grid .stat-card{padding:24px!important;min-height:170px}
/* FINAL HEADER/HERO FIX */
html,body{overflow-x:hidden!important;}
.header,.navbar,.main-header{width:100%!important;max-width:100%!important;}
.navbar .container,.navbar .container-fluid,.header .container{max-width:1400px!important;width:100%!important;}
.navbar-brand img,.logo img{max-height:58px!important;width:auto!important;}
.navbar-collapse{flex-grow:0!important;}
.navbar-nav{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:auto!important;margin-left:auto!important;}
.navbar-nav .nav-item{flex:0 0 auto!important;}
.navbar-nav .nav-link{padding:10px 12px!important;font-size:14px!important;white-space:nowrap!important;}
@media(min-width:1200px){
.navbar-expand-lg .navbar-collapse{display:flex!important}
}
.home-banner,.video-banner,.hero-section,.hero-banner{
height:calc(100vh - 110px)!important;
min-height:520px!important;
max-height:calc(100vh - 110px)!important;
overflow:hidden!important;
}
.home-banner video,.video-banner video,.hero-section video,.hero-banner video{
width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
}
/* ChatGPT responsive fixes */
.navbar{padding:.35rem 0!important;}
.navbar-brand img{max-height:56px!important;width:auto;}
.navbar-nav .nav-link{padding:.55rem .7rem!important;font-size:.9rem;}
.video-banner{min-height:78vh!important;max-height:600px!important;display:flex;align-items:center;}
.hero-content{padding-top:90px!important;padding-bottom:60px!important;}
.hero-content h1{font-size:clamp(2rem,3.5vw,3.3rem)!important;line-height:1.15;}
.hero-content p{font-size:1.05rem!important;max-width:760px;margin:auto;}
.hero-video{object-fit:cover;}
@media (max-width:991px){
.video-banner{min-height:68vh!important;}
.navbar-brand img{max-height:48px!important;}
.hero-content{padding-top:80px!important;}
}
/* ===== FINAL CLEAN HEADER/HERO PATCH ===== */
.topbar{padding:6px 0!important;font-size:13px!important}
.navbar{min-height:68px!important;padding:4px 0!important}
.navbar-brand{padding:4px 0!important;max-width:120px!important;flex:0 0 120px!important}
.navbar-brand img{height:56px!important;width:auto!important}
.navbar-nav .nav-link{padding:8px 10px!important;font-size:12px!important;border-radius:10px!important}
.home-banner.video-banner,.video-banner{
height:72vh!important;
min-height:520px!important;
max-height:700px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.video-banner .hero-content{
padding-top:20px!important;
padding-bottom:20px!important;
max-width:900px!important;
}
.hero-content h1,.home-banner h1{
font-size:2.8rem!important;
line-height:1.1!important;
}
.hero-content p,.home-banner p{
font-size:1.05rem!important;
}
.hero-stats{margin-top:20px!important}
.hero-stats .stat{padding:14px!important;min-height:auto!important}
/* CHATGPT FINAL NAV FIX */
@media(min-width:992px){
.navbar .container-fluid{padding:0 10px!important;}
.navbar-brand{flex:0 0 100px!important;max-width:100px!important;margin-right:8px!important}
.navbar-brand img{height:52px!important}
.navbar-nav{gap:2px!important;flex-wrap:nowrap!important}
.navbar-nav .nav-link{padding:8px 8px!important;font-size:11.5px!important}
}
.home-banner.video-banner,.video-banner{height:68vh!important;min-height:520px!important;max-height:650px!important}
.hero-content{max-width:820px!important}
.hero-content h1,.home-banner h1{font-size:2.3rem!important;max-width:760px!important;white-space:normal!important}
.hero-content p{font-size:1rem!important;max-width:700px!important}
/* Professional hero alignment */
.home-banner.video-banner{
position:relative;
height:100vh;
min-height:700px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-overlay{position:absolute;inset:0;background:linear-gradient(rgba(5,18,35,.72),rgba(5,18,35,.68))}
.hero-content{
position:relative;
z-index:2;
max-width:900px;
text-align:center;
padding:40px 50px;
background:rgba(7,21,40,.35);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
}
.hero-content .badge{font-size:.9rem;letter-spacing:2px}
.hero-content h1,
.hero-title{
font-size:clamp(12px,4vw,30px);
font-weight:400;
line-height:1.15;
letter-spacing:-1px;
}
.hero-content p{
font-size:1.25rem;
line-height:1.8;
max-width:420px;
margin:0 auto 32px;
color:#eef4fb;
}
.hero-stats{
display:flex;
justify-content:center;
gap:40px;
flex-wrap:wrap;
margin:35px 0;
}
.hero-stats .stat h2{font-size:2rem;color:#f5b400;margin:0}
.hero-stats .stat span{color:#fff;font-size:.95rem;letter-spacing:.5px}
.hero-buttons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
@media(max-width:768px){
.hero-content{padding:30px 22px;margin:20px}
.hero-content h1{font-size:2.2rem}
.hero-content p{font-size:1.05rem}
.hero-stats{gap:20px}
}
/* === ChatGPT Hero Centering Override === */
.home-banner.video-banner,
.video-banner{
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
.home-banner .hero-content,
.video-banner .hero-content{
max-width:980px!important;
width:100%!important;
margin:0 auto!important;
padding:60px 30px!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
.home-banner h1{
max-width:900px!important;
white-space:normal!important;
font-size:4rem!important;
line-height:1.1!important;
margin:20px auto!important;
}
.home-banner p{
max-width:760px!important;
margin:0 auto 20px!important;
font-size:1.4rem!important;
}
.hero-stats{
margin:50px auto 0!important;
max-width:920px!important;
justify-content:center!important;
}
.hero-buttons{
display:flex!important;
justify-content:center!important;
gap:20px!important;
width:100%!important;
margin-top:35px!important;
}
/* HERO FIX OVERRIDE */
.home-banner.video-banner{
min-height:100vh!important;
padding-top:180px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.home-banner .hero-content{
max-width:960px!important;
margin:0 auto!important;
text-align:center!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
}
.home-banner .hero-content>*{text-align:center!important;}
.home-banner h1{
font-size:clamp(48px,5vw,72px)!important;
line-height:1.1!important;
max-width:900px!important;
margin:20px auto!important;
}
.home-banner p{
max-width:700px!important;
margin:0 auto 40px!important;
font-size:22px!important;
line-height:1.7!important;
}
.home-banner .stats,.home-banner .hero-stats{
display:flex!important;justify-content:center!important;gap:24px!important;flex-wrap:wrap!important;margin-top:30px!important;
}
/* HERO REBUILD */
.home-banner.video-banner{
position:relative;
min-height:720px;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:120px 20px 80px!important;
overflow:hidden;
}
.home-banner .hero-content{
position:relative;
z-index:2;
max-width:900px!important;
margin:0 auto!important;
text-align:center!important;
display:flex;
flex-direction:column;
align-items:center;
}
.home-banner .badge{margin-bottom:28px!important;font-size:15px!important;letter-spacing:2px;border-radius:40px;padding:12px 28px!important;}
.home-banner h1{font-size:clamp(3rem,5vw,4.2rem)!important;line-height:1.12!important;font-weight:800!important;max-width:900px;margin:0 auto 28px!important;text-align:center!important;}
.home-banner p{max-width:720px!important;font-size:1.35rem!important;line-height:1.7!important;margin:0 auto 45px!important;text-align:center!important;}
.hero-stats{display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px;width:100%;margin:0 auto 40px!important;}
.hero-stats .stat{padding:28px 20px;border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);}
.hero-buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
@media(max-width:992px){.hero-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.hero-stats{grid-template-columns:1fr}.home-banner{padding-top:90px!important}.home-banner p{font-size:1.05rem!important}}
/* FINAL HERO OVERRIDE */
.home-banner.video-banner,.video-banner{min-height:620px!important;height:620px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.video-banner .hero-content,.home-banner .hero-content{max-width:900px!important;margin:0 auto!important;text-align:center!important;padding:80px 20px 20px!important}.hero-content h1,.home-banner h1{font-size:clamp(2.4rem,4vw,3.8rem)!important;line-height:1.15!important;max-width:900px!important;margin:0 auto 24px!important}.hero-content p{max-width:700px!important;margin:0 auto 32px!important;font-size:1.1rem!important;line-height:1.7!important}.hero-stats{margin-top:20px!important}.hero-stat{padding:20px!important}.hero-stat h3{font-size:2.5rem!important}
/* ===== HERO TITLE PROFESSIONAL OVERRIDE ===== */
.home-banner .hero-content{max-width:1100px!important;margin:0 auto!important;text-align:center!important;}
.home-banner h1{font-size:54px!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-1px!important;max-width:none!important;width:100%!important;white-space:nowrap!important;margin:0 auto 18px!important;}
.home-banner p{max-width:760px!important;margin:0 auto 30px!important;}
.video-banner{min-height:620px!important;}
@media(max-width:1200px){.home-banner h1{white-space:normal!important;font-size:42px!important;}}
/*QUALITY COMPACT*/
.section-padding{padding:28px 0!important}.page-banner{height:100px!important;min-height:150px!important;padding:0!important}.machine-image{height:300px!important}.row.g-4{--bs-gutter-y:.8rem!important}.quality-dashboard{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px)!important;border-radius:20px!important;padding:18px!important}.gold-line{margin:6px auto 14px!important}.trust-row{gap:12px!important}.certificate-grid{gap:16px!important}
/* Professional global spacing/image refinement */
.section-padding{padding:40px 0!important}
section{margin:0!important}
.container{max-width:1200px}
.row{--bs-gutter-y:1.2rem!important}
.machine-image{height:220px!important;background-size:cover!important;background-position:center!important}
.machine-card img,.gallery img,.capability-card img,.industry-card img,.feature-box img,.cert-card img,.quality-dashboard img{
width:100%!important;height:220px!important;object-fit:cover!important;border-radius:12px}
.quality-dashboard img{height:auto!important;max-height:520px!important}
.gold-line{margin:8px auto 16px!important}
.section-title{margin-bottom:.4rem!important}
.text-center.mb-5{margin-bottom:1.5rem!important}
.page-banner{height:100px!important;min-height:160px!important}
.quality-video-section .container{padding:0!important}
/* ===== Universal Premium Cards ===== */
.machine-card,.quality-card,.infrastructure-card,.gallery-card{
background:#fff!important;
border-radius:18px!important;
overflow:hidden!important;
border:1px solid #e7ebf0!important;
box-shadow:0 10px 24px rgba(0,0,0,.08)!important;
transition: background-color .3s, box-shadow .3s;
height:100%!important;
display:flex!important;
flex-direction:column!important;
}
.machine-card:hover,.quality-card:hover,.infrastructure-card:hover,.gallery-card:hover{
transform:translateY(-6px)!important;
box-shadow:0 18px 40px rgba(11,35,69,.15)!important;
}
.machine-image,
.quality-card img,
.infrastructure-card img,
.gallery-card img,
.machine-card img{
width:100%;
height:320px;
object-fit:cover;
}
@media(max-width:768px){
.machine-card{
margin-bottom:25px;
}
.machine-card img{
width:100%;
height:340px;
border-radius:14px;
}
}
@media(max-width:768px){
.machine-card{
margin-bottom:25px;
}
.machine-card img{
width:100%;
height:320px;
object-fit:cover;
}
@media(max-width:768px){
.machine-card{
margin-bottom:25px;
}
.machine-card img{
width:100%;
height:320px;
object-fit:cover;
}
@media(max-width:768px){
.machine-card{
margin-bottom:25px;
}
.machine-card img{
width:100%;
height:340px;
border-radius:14px;
}
}
}
}
.machine-content,
.quality-card .card-body,
.infrastructure-card .card-body,
.gallery-card .card-body{
padding:22px!important;
flex:1!important;
}
.section-padding{padding:38px 0!important;}
.row.g-4{--bs-gutter-y:1rem!important;}
/* spacing optimization */
section,.section-padding{padding:40px 0!important;margin:0!important}.row{--bs-gutter-y:1rem!important}.page-banner,.hero-banner,.inner-banner{height:170px!important;min-height:170px!important}.gold-line{margin:8px auto 16px!important}.machine-image{height:230px!important}.mb-5{margin-bottom:2rem!important}
/* Quality page professional video */
.quality-video-section .container{padding:0}
.video-wrapper{
background:#0b2345;
border-radius:18px;
overflow:hidden;
box-shadow:0 18px 40px rgba(11,35,69,.18);
border:1px solid #dfe6ef;
}
.video-wrapper video{
display:block;
width:100%;
aspect-ratio:16/9;
object-fit:cover;
pointer-events:auto;
}
video::-webkit-media-controls-fullscreen-button{display:none!important;}
video::-internal-media-controls-download-button{display:none!important;}
.machine-card,.trust-item,.cert-card{transition:.3s ease}
.machine-card:hover,.trust-item:hover,.cert-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 36px rgba(11,35,69,.14);
}
.section-title{letter-spacing:.3px}
.premium-cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:32px}
.premium-cert-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 15px 35px rgba(0,0,0,.08);border:1px solid #e5ebf2;text-align:center;position:relative}
.cert-badge{position:absolute;top:18px;right:18px;background:#d4a017;color:#fff;padding:8px 14px;border-radius:30px;font-size:12px;font-weight:700}
.cert-frame{background:#fafafa;border:10px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:10px;border-radius:10px;margin:22px 0}
.cert-frame img{width:100%;height:420px;object-fit:contain;pointer-events:none}
.premium-cert-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(11,35,69,.15)}
/* Premium spacing update */
:root{--section-space:72px;--radius:18px}
section,.section-padding{padding:var(--section-space) 0!important}
.container,.container-fluid{padding-left:20px;padding-right:20px}
.hero,.home-banner{min-height:70vh!important;height:70vh!important}
.home-banner .container,.hero .container{display:flex;align-items:center;height:100%}
.hero h1,.home-banner h1{font-size:clamp(2rem,3.5vw,3.6rem)!important;max-width:900px;line-height:1.15}
.hero p,.home-banner p{max-width:760px;font-size:1.1rem!important}
.card,.feature-box,.industry-card,.contact-card,.machine-card{border:none;border-radius:var(--radius);box-shadow:0 12px 28px rgba(0,0,0,.08);transition:.3s}
.card:hover,.feature-box:hover,.industry-card:hover,.contact-card:hover,.machine-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.12)}
.section-title{margin-bottom:8px!important}
.gold-line{margin:8px auto 20px!important}
p{line-height:1.75}
.row{--bs-gutter-x:1.8rem;--bs-gutter-y:1.8rem}
footer{margin-top:0!important;padding-top:60px!important}
@media(min-width:1200px){
.navbar-brand{max-width:360px!important}
.navbar-brand h4{font-size:1.45rem!important}
.navbar-nav .nav-link{padding:.55rem .7rem!important;font-size:.88rem!important}
}
/* Premium About Section */
.about-premium-section{padding:30px 0;align-items:center}
.about-title{font-size:1rem;font-weight:400;color:#0A2342;margin-bottom:20px}
.about-premium-section .lead{font-size:1.18rem!important;line-height:2;color:#4b5563}
.about-image{
width:100%;
height:620px;
object-fit:cover;
display:block;
border-radius:24px;
border:8px solid #fff;
box-shadow:0 30px 70px rgba(10,35,66,.22);
transition:.45s ease;
}
.about-image:hover{
transform:scale(1.02);
box-shadow:0 40px 90px rgba(10,35,66,.35);
}
@media(max-width:991px){
.about-image{height:420px;margin-top:30px}
.about-title{text-align:left;font-size:1rem}
}
/* Premium About redesign */
.about-premium-section{background:linear-gradient(135deg,#071c34,#0f355d);border-radius:24px;padding:48px;overflow:hidden}
.about-premium-section .lead{color:#eef4fb;font-size:1.08rem;line-height:1.9}
.about-image{width:100%;border-radius:22px;box-shadow:0 25px 55px rgba(0,0,0,.35);aspect-ratio:4/3;object-fit:cover}
.about-premium-section::after{content:'';display:block;clear:both}
.facility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.facility-card{position:relative;overflow:hidden;border-radius:18px}
.facility-card img{width:100%;height:220px;object-fit:cover;transition:.4s}
.facility-card:hover img{transform:scale(1.08)}
.facility-card span{position:absolute;left:16px;bottom:16px;background:rgba(7,28,52,.78);color:#fff;padding:8px 14px;border-radius:30px}
@media(max-width:992px){.about-premium-section{padding:28px}.facility-grid{grid-template-columns:1fr}}
.about-hero-media{position:relative}
.about-image.hero{width:100%;border-radius:22px;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.floating-stats{position:absolute;right:20px;bottom:20px;background:rgba(11,35,69,.88);color:#fff;padding:18px;border-radius:18px;display:flex;gap:18px;backdrop-filter:blur(10px)}
.floating-stats div{text-align:center}.floating-stats strong{display:block;font-size:22px;color:#D6A648}
.facilities-section{background:#f7f9fc}.facility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.facility-grid img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:.3s}.facility-grid img:hover{transform:translateY(-6px) scale(1.02)}
@media(max-width:900px){.facility-grid{grid-template-columns:repeat(2,1fr)}.floating-stats{position:static;margin-top:15px}}
.about-image-wrapper{
display:flex;
justify-content:center;
align-items:center;
padding:10px;
}
.about-company-image{
width:100%;
max-width:620px;
height:auto;
object-fit:contain;
border-radius:18px;
border:1px solid rgba(255,255,255,.15);
box-shadow:0 20px 45px rgba(0,0,0,.25);
transition:.35s ease;
}
.about-company-image:hover{transform:translateY(-4px) scale(1.02);}
/* About image refinement */
.about-content,.about-section .about-content{
display:flex;align-items:flex-start;justify-content:space-between;gap:40px;
}
.about-text{flex:0 0 52%;}
.about-image{flex:0 0 48%;background:transparent!important;padding:0!important;border:none!important;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.12);margin-top:6px}
.about-image img{width:620px;max-width:100%;height:450px;object-fit:contain;display:block;border-radius:14px}
/* === Professional Footer Typography Update === */
footer,
.site-footer{
font-size:0.90rem !important;
line-height:1.6;
}
footer h3,
footer h4,
footer h5,
.site-footer h3,
.site-footer h4,
.site-footer h5{
font-size:1rem !important;
font-weight:600;
margin-bottom:0.8rem;
letter-spacing:.3px;
}
footer p,
footer li,
footer a,
footer span,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer span{
font-size:0.86rem !important;
}
footer ul,
.site-footer ul{
margin:0;
padding-left:0;
}
footer li,
.site-footer li{
margin-bottom:.45rem;
}
footer .copyright,
.site-footer .copyright{
font-size:.78rem !important;
opacity:.85;
}
/* ===== HERO SPACING FIX OVERRIDE ===== */
.video-banner,
.hero-banner,
.hero,
#hero{
min-height:560px!important;
padding-top:0!important;
margin-top:0!important;
}
.video-banner .hero-content,
.hero-content,
.hero-text{
padding-top:10px!important;
margin-top:0!important;
transform:translateY(-70px)!important;
}
.hero-content .hero-badge,
.hero-content .badge{
margin-top:0!important;
margin-bottom:18px!important;
}
.hero-content h1{
margin:10px 0 16px!important;
}
.hero-content p{
margin-bottom:22px!important;
}
.hero-stats,
.stats{
margin-top:20px!important;
}
/* Premium About Layout */
.about-section .container,.about-content .container{max-width:1400px!important;}
.about-section .row,.about-content .row{display:flex!important;align-items:center!important;gap:48px!important;}
.about-section img,.about-content img{width:100%!important;max-width:860px!important;height:auto!important;border-radius:22px!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important;}
.about-section h2,.about-content h2{font-size:3.2rem!important;line-height:1.15!important;}
.about-section p,.about-content p{font-size:1.18rem!important;line-height:2!important;}
/* About premium landscape */
.about-premium-section{align-items:center}
.about-glass-card{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
background:rgba(255,255,255,.9);
padding:18px;
border:10px solid rgba(255,255,255,.85);
border-radius:32px;
box-shadow:0 30px 70px rgba(0,0,0,.28);
backdrop-filter:blur(12px);
}
.unit-panel{display:flex;flex-direction:column}
.unit-header{display:flex;justify-content:center;align-items:center;margin-bottom:12px;position:relative}
.unit-header:before,.unit-header:after{content:'';height:2px;background:#b8c5d6;flex:1}
.unit-header span{margin:0 12px;background:#0d2b45;color:#fff;padding:10px 22px;border-radius:999px;font-weight:700;font-size:1rem;white-space:nowrap}
.about-glass-card img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.15);
}
.unit-divider{display:none}
@media(min-width:992px){.col-lg-7 .about-glass-card{min-height:auto}}
@media(max-width:991px){
.about-glass-card{grid-template-columns:1fr}
}
/* Professional unified footer */
.footer,.site-footer,footer{
width:100%;
}
.footer-container,.footer-content,.footer-grid,.footer-grid4,.footer-grid5{
max-width:1680px;
margin:0 auto;
padding:60px 32px 30px;
}
.footer-grid5,.footer-grid4,.footer-grid{
display:grid!important;
grid-template-columns:1.4fr 1fr 1fr 1.2fr!important;
gap:48px;
align-items:start;
}
.footer-grid5>*:nth-child(n+5){display:none!important;}
@media(max-width:992px){
.footer-grid5,.footer-grid4,.footer-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:640px){
.footer-grid5,.footer-grid4,.footer-grid{grid-template-columns:1fr!important;text-align:center;}
}
.footer-bottom{max-width:1680px;margin:0 auto;padding:20px 32px;text-align:center;border-top:1px solid rgba(255,255,255,.15);}
/* Semiconductor industry enhancements */
.semiconductor{position:relative}
.semiconductor:before{background:linear-gradient(to top,rgba(15,35,75,.88),rgba(0,180,255,.18))!important}
.industry-tile{min-height:360px;border-radius:22px;overflow:hidden}
.industry-content h3{font-size:2rem;font-weight:700}
.industry-content p{font-size:1rem;line-height:1.7}
/* Enterprise industries grid */
.industries-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1680px;margin:0 auto}
.industries-grid>.industry-col{display:block}
.industries-grid .industry-tile{min-height:260px;height:260px}
.industries-grid .industry-content{padding:20px}
.industries-grid .industry-content h3{font-size:2rem}
.industries-grid .industry-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:991px){.industries-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.industries-grid{grid-template-columns:1fr}}
/* Premium capability image hover */
.workflow-image,.materials-image,.capability-image,.capability-image-card,.workflow-card,.materials-card{
overflow:hidden;
border-radius:20px;
transition: background-color .3s, box-shadow .3s;
will-change:transform,box-shadow;
}
.workflow-image img,.materials-image img,.capability-image img,.capability-image-card img,.workflow-card img,.materials-card img{
transition:transform .45s cubic-bezier(.4,0,.2,1);
display:block;
}
.workflow-image:hover,.materials-image:hover,.capability-image:hover,.capability-image-card:hover,.workflow-card:hover,.materials-card:hover{
transform:translateY(-10px);
box-shadow:0 18px 40px rgba(10,35,66,.25),0 0 24px rgba(214,166,72,.22);
}
.workflow-image:hover img,.materials-image:hover img,.capability-image:hover img,.capability-image-card:hover img,.workflow-card:hover img,.materials-card:hover img{
transform:scale(1.05);
}
/* Minimal professional glow for workflow + materials */
.workflow-card,.material-card{
transition:transform .28s ease,box-shadow .28s ease!important;
}
.workflow-card:hover,.material-card:hover{
transform:translateY(-3px)!important;
box-shadow:0 10px 24px rgba(11,35,69,.12),0 0 12px rgba(77,184,255,.20)!important;
}
.workflow-card img,.workflow-image,.material-card img{
transition:transform .28s ease,filter .28s ease!important;
}
.workflow-card:hover img,.material-card:hover img,.workflow-card:hover .workflow-image{
transform:scale(1.015)!important;
filter:drop-shadow(0 0 8px rgba(77,184,255,.22))!important;
}
/* Shared premium image hover */
.workflow-card,.material-card,.premium-image-card{
overflow:hidden;
border-radius:20px;
transition:transform .3s ease,box-shadow .3s ease!important;
}
.workflow-card:hover,.material-card:hover,.premium-image-card:hover{
transform:translateY(-3px)!important;
box-shadow:0 10px 24px rgba(11,35,69,.12),0 0 14px rgba(77,184,255,.28)!important;
}
.workflow-card img,.material-card img,.premium-image-card img{
transition:transform .3s ease,filter .3s ease!important;
display:block;
}
.workflow-card:hover img,.material-card:hover img,.premium-image-card:hover img{
transform:scale(1.015)!important;
filter:drop-shadow(0 0 10px rgba(77,184,255,.3))!important;
}
/* About page fix */
.stats-card{background:#fff;border-radius:24px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 15px 35px rgba(0,0,0,.08);border-top:5px solid #d6a648}
.stats-card h3{font-size:3.5rem;color:#0B2345;font-weight:800}
.stats-card p{font-size:1.05rem;color:#5b6573;font-weight:600}
.about-company-card{padding:0!important;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.12)}
.about-company-card img{width:100%;height:620px;object-fit:cover;display:block}
.about-company-badge{position:absolute;left:24px;bottom:24px;background:rgba(11,35,69,.88);color:#fff;padding:14px 22px;border-radius:14px;font-weight:700;backdrop-filter:blur(8px)}
@media(max-width:991px){.about-company-card img{height:420px}.stats-card{min-height:180px}}
/* Center badge */
.company-image .center-badge,
.two-units-badge,
.image-badge {
width: 90px;          /* was ~130px */
height: 90px;
font-size: 11px;
line-height: 1.15;
padding: 8px;
border: 4px solid #fff;
box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
.company-image .center-badge strong {
font-size: 12px;
}
.company-image .center-badge{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
/* === About page typography refinement === */
.about-text p,
.about-premium p,
.about-desc,
.about-content p,
.about-section p{
font-size:16px !important;
line-height:1.85 !important;
font-weight:400 !important;
color:#d8e2ef !important;
letter-spacing:.1px;
}
.about-text .lead,
.about-premium .lead{
font-size:17px !important;
}
/* ===== FINAL ABOUT PAGE TYPOGRAPHY ===== */
.about-text p,
.about-desc,
.about-content p,
.about-premium p,
.about-section p,
.lead {
font-size: 15px !important;
line-height: 1.85 !important;
font-weight: 400 !important;
letter-spacing: 0.15px !important;
color: #d8e2ee !important;
max-width: 95%;
}
.about-title,
.about-main-title,
.about-intro {
line-height: 1.08 !important;
}
.unit-panel:before,
.unit-panel:after {
font-size: 13px !important;
line-height: 1.3 !important;
padding: 8px 0 !important;
}
/* === About page professional refinement === */
.about-premium-refresh .about-title,
.about-main-title,
.about-intro{
font-size:2.35rem!important;
line-height:1.15!important;
}
.about-text p,
.about-desc,
.about-premium p,
.lead{
font-size:1rem!important;
line-height:1.8!important;
}
.about-content,
.about-hero-grid{
align-items:center!important;
}
.about-glass-card,
.about-visual{
display:flex!important;
justify-content:center!important;
align-items:center!important;
padding:20px!important;
}
.about-glass-card img,
.about-visual img,
.unit-panel img{
display:block!important;
margin:0 auto!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
}
@media(min-width:992px){
.about-content{grid-template-columns:1fr 1fr!important;}
}
/* ChatGPT header enhancement */
header,.header,.site-header,nav.navbar,.navbar{
position:fixed!important;top:0;left:0;right:0;z-index:9999;
background:#fff!important;
height:80px;
display:flex;align-items:center;
border-bottom:none;
transition: background-color .3s, box-shadow .3s;
}
body{padding-top:80px!important;}
header img,.navbar-brand img,.logo img{max-height:60px!important;transition: background-color .3s, box-shadow .3s;}
header.scrolled,.navbar.scrolled,.shrink{height:auto!important;min-height:unset!important;transform:none!important;}
header.scrolled img,.navbar.scrolled .navbar-brand img,.shrink img{max-height:none!important;height:inherit!important;}
.navbar-nav .nav-link{padding:1rem .9rem;font-weight:600;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#C9A227!important;}
/* Professional translucent menu */
.navbar .nav-link,
.navbar-nav .nav-link,
.nav-menu a{
background:rgba(255,255,255,0.12)!important;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,0.22)!important;
color:#fff!important;
box-shadow:0 0 16px rgba(255,255,255,.18), inset 0 1px 0 rgba(255,255,255,.20)!important;
transition: background-color .3s, box-shadow .3s;
}
.navbar .nav-link:hover,
.navbar-nav .nav-link:hover,
.nav-menu a:hover{
background:rgba(255,255,255,0.18)!important;
color:#fff!important;
}
.navbar .nav-link.active,
.navbar-nav .nav-link.active{
background:rgba(255,255,255,0.22)!important;
border-color:#d4af37!important;
color:#d4af37!important;
}
/* ChatGPT menu color update */
.navbar-nav .nav-link,
.navbar .nav-link,
nav ul li a,
.menu a{
color:#0A2342 !important;
font-weight:700;
letter-spacing:.3px;
}
header, .navbar{height:auto!important;transform:none!important;}header.scrolled,.navbar.scrolled{transform:none!important;}
/* Force active menu to use hover white style */
.navbar-nav .nav-link.active,
.navbar-nav .active>.nav-link,
.navbar-nav li.active>a,
.navbar .nav-link.active,
.navbar a.active{
color:#fff !important;
}
header img,.header img,.navbar-brand img,.logo img{
transform:none!important;scale:1!important;transition:none!important;height:auto!important;max-height:60px!important}
header.scrolled img,.header.scrolled img,.sticky img,.shrink img{transform:none!important;max-height:60px!important}
header,.header{min-height:unset!important}
/* Mobile header fix - preserve desktop */
.mobile-fixed-right-logo{display:none;}
@media (max-width:991.98px){
.navbar{position:sticky;top:0;z-index:1050;}
.navbar>.navbar-brand:last-child{display:none!important;}
.navbar .container-fluid{position:relative;min-height:72px;display:flex;align-items:center;}
.navbar .collapse{position:static;}
.mobile-fixed-right-logo{
display:block!important;
position:absolute;
right:16px;
top:50%;
transform:translateY(-50%);
height:44px;
width:auto;
z-index:1060;
pointer-events:none;
}
.navbar-brand img{height:44px!important;width:auto;}
.navbar-toggler{position:relative;z-index:1065;margin-right:64px;}
}
/* Mobile header logo fix */
@media (max-width:991.98px){
.navbar .collapse .navbar-brand{display:none!important;}
.navbar>.container-fluid{display:flex!important;align-items:center;}
.navbar>.container-fluid>.navbar-brand{display:flex!important;flex:0 0 auto;margin-right:8px;}
.navbar>.container-fluid>.navbar-brand img{height:44px!important;width:auto!important;}
.navbar-toggler{margin-left:auto!important;margin-right:0!important;}
.navbar-collapse{position:absolute;top:72px;left:0;right:0;background:#fff;z-index:1045;padding:10px 20px;max-height:calc(100vh - 72px);overflow:auto;}
}
/* FINAL MOBILE HEADER FIX */
@media (max-width:991.98px){
.navbar>.container-fluid{
display:grid!important;
grid-template-columns:64px 1fr 56px!important;
align-items:center!important;
column-gap:10px;
}
.navbar>.container-fluid>.navbar-brand:first-of-type{
grid-column:1;
margin:0!important;
justify-self:start;
}
.mobile-fixed-right-logo{
position:static!important;
transform:none!important;
grid-column:2;
justify-self:center;
display:block!important;
height:42px!important;
pointer-events:auto!important;
}
.navbar-toggler{
grid-column:3;
justify-self:end;
margin:0!important;
position:relative!important;
right:auto!important;
top:auto!important;
}
.navbar-collapse{
grid-column:1/-1;
}
}
@media (max-width:767px){
.about-glass-card{
padding:12px;
border-width:6px;
border-radius:24px;
background:#fff;
}
.unit-header span{
font-size:.95rem;
padding:10px 16px;
}
.about-glass-card img{
aspect-ratio:4/3;
border-radius:16px;
object-fit:cover;
box-shadow:0 16px 35px rgba(13,43,69,.22);
}
}
@media(max-width:767px){
.about-glass-card{
background:transparent!important;
border:none!important;
box-shadow:none!important;
padding:0!important;
border-radius:0!important;
}
.unit-panel{
background:#fff!important;
padding:12px!important;
border-radius:22px!important;
box-shadow:0 10px 25px rgba(0,0,0,.18)!important;
}
.about-glass-card img{
border-radius:16px!important;
aspect-ratio:auto!important;
}
.unit-header{margin-bottom:10px!important;}
}
/* ===== Careers page mobile banner fix ===== */
@media (max-width:768px){
.page-banner{
min-height:320px !important;
height:auto !important;
padding:40px 18px !important;
background-position:center center !important;
}
.page-banner .overlay{
padding:20px 0 !important;
}
.page-banner h1{
font-size:2rem !important;
line-height:1.2 !important;
letter-spacing:.5px !important;
white-space:normal !important;
margin-bottom:16px !important;
}
.page-banner p{
font-size:1rem !important;
line-height:1.6 !important;
max-width:100% !important;
padding:0 !important;
}
}
/* === Global Professional Banner Update === */
.page-banner,.hero-banner,.inner-banner{
min-height:180px!important;
height:180px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
overflow:hidden;
}
.page-banner .overlay,.hero-banner .overlay,.inner-banner .overlay{
display:flex!important;align-items:center!important;justify-content:center!important;
width:100%;height:100%;padding:0 20px;
}
.page-banner h1,.hero-banner h1,.inner-banner h1{
font-size:clamp(2rem,3vw,2.6rem)!important;
line-height:1.15!important;
margin-bottom:.6rem!important;
letter-spacing:.5px!important;
}
.page-banner p,.hero-banner p,.inner-banner p{
font-size:clamp(1rem,1.2vw,1.1rem)!important;
max-width:900px;margin:auto;
}
@media(max-width:768px){
.page-banner,.hero-banner,.inner-banner{
min-height:180px!important;
height:180px!important;
padding:0 16px!important;
}
.page-banner h1,.hero-banner h1,.inner-banner h1{
font-size:1.55rem!important;
line-height:1.25!important;
}
.page-banner p,.hero-banner p,.inner-banner p{
font-size:.95rem!important;
line-height:1.55!important;
}
}
.page-banner{min-height:700px!important;padding:80px 0!important;height:auto!important}
.page-banner .container{text-align:center}
.hero-desc{color:#fff;max-width:900px;margin:20px auto}
.page-banner .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
@media(max-width:768px){.page-banner{min-height:auto!important;padding:40px 20px!important}.page-banner .hero-stats{grid-template-columns:1fr 1fr}.hero-buttons{display:flex;flex-direction:column;gap:12px}.hero-buttons .btn{width:100%}}
/* ===== MOBILE HOMEPAGE HERO REBUILD ===== */
@media (max-width:768px){
body{overflow-x:hidden;}
.page-banner{
min-height:auto!important;
height:auto!important;
padding:110px 0 40px!important;
display:block!important;
}
.page-banner .overlay{
display:block!important;
padding:0 18px!important;
}
.page-banner .container{
max-width:100%!important;
}
.page-banner h1{
font-size:30px!important;
line-height:1.15!important;
letter-spacing:0!important;
white-space:normal!important;
word-break:break-word!important;
margin:0 0 16px!important;
}
.hero-company-line{display:block!important;}
.page-banner p{font-size:16px!important;line-height:1.6!important;}
.page-banner .badge{
display:block!important;
white-space:normal!important;
font-size:14px!important;
margin:18px auto!important;
}
.hero-buttons{
display:flex!important;
flex-direction:column!important;
gap:14px;
}
.hero-buttons .btn{
width:100%!important;
margin:0!important;
}
.hero-stats{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:14px!important;
margin-top:28px!important;
}
.hero-stats .stat{width:auto!important;}
}
/* MachinePortfolio */
@media (max-width:768px){
img.machines-portfolio-image{
width:100% !important;
max-width:100% !important;
height:auto !important;
display:block;
margin:0 auto;
border-radius:12px;
}
}
@media (min-width:769px){
img.machines-portfolio-image{
width:1100px;
max-width:100%;
height:auto;
}
}
/* MOBILE HERO REBUILD */
@media (max-width:768px){
html,body{overflow-x:hidden;background:#0b2d52;}
.page-banner{
min-height:auto;
padding:120px 0 40px!important;
display:flex;
align-items:flex-start;
}
.page-banner .container{max-width:100%;padding:0 20px;}
.page-banner h1{
display:block!important;
font-size:2rem!important;
line-height:1.2!important;
letter-spacing:0!important;
text-transform:none!important;
margin:0 0 12px!important;
}
.hero-company-line{display:block!important;white-space:normal!important;}
.page-banner> .overlay,.page-banner .overlay{padding-top:0!important;}
.page-banner p{font-size:1.1rem!important;}
.hero-buttons{display:flex;flex-direction:column;gap:16px;align-items:stretch;}
.hero-buttons .btn{width:100%;margin:0!important;}
.hero-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;}
.hero-stats .stat{width:auto!important;}
.badge{white-space:normal!important;line-height:1.3;}
}
/* Gallery Banner */
/* =========================================
GALLERY PAGE ONLY
========================================= */
.gallery-banner{
min-height:360px !important;
height:auto !important;
padding:80px 20px !important;
}
.gallery-banner .overlay{
display:flex !important;
align-items:center;
justify-content:center;
min-height:360px;
}
.gallery-banner h1{
font-size:42px !important;
line-height:1.2 !important;
margin-bottom:20px !important;
}
.gallery-banner p{
font-size:18px !important;
line-height:1.8 !important;
}
@media(max-width:768px){
.gallery-banner{
min-height:420px !important;
padding:60px 20px !important;
}
.gallery-banner .overlay{
min-height:420px;
}
.gallery-banner h1{
font-size:34px !important;
}
.gallery-banner p{
font-size:17px !important;
}
}
/* For Home Page Company name */
/* ===================================
HOME MOBILE HERO
===================================*/
@media (max-width:768px){
.hero-company-name{
display:flex !important;
flex-direction:column;
align-items:center;
justify-content:center;
font-size:38px !important;
font-weight:800 !important;
line-height:1.12 !important;
text-align:center;
margin:0 auto 20px;
padding:0;
width:100%;
}
.hero-company-name span{
display:block;
white-space:nowrap;
}
}
/* ===== FINAL MOBILE HERO FIX ===== */
@media (max-width:768px){
.hero-company-name{
display:block!important;
width:100%!important;
max-width:none!important;
padding:0 20px!important;
margin:0 auto 18px!important;
font-size:34px!important;
line-height:1.15!important;
font-weight:800!important;
text-align:center!important;
white-space:normal!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
}
.page-banner .container{
max-width:100%!important;
padding-left:16px!important;
padding-right:16px!important;
}
}
.about-workplace{padding:80px 0;background:#fff}
.wp-header{text-align:center;max-width:900px;margin:0 auto 50px}
.wp-header .eyebrow{color:#D6A648;font-weight:700;letter-spacing:3px}
.wp-header h2{font-size:44px;color:#0A2342;margin:12px 0}
.wp-header p{font-size:18px;line-height:1.8;color:#5f6772}
.wp-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.wp-left{background:linear-gradient(135deg,#0A2342,#123d70);color:#fff;border-radius:18px;padding:40px}
.wp-left h3{color:#fff!important}.wp-left ul{padding-left:18px}
.wp-right .item{display:flex;gap:18px;padding:22px;border-bottom:1px solid #e8edf3}
.wp-right .item i{font-size:28px;color:#D6A648;margin-top:4px}
.wp-right h4{margin:0;color:#0A2342}.wp-right p{margin:6px 0 0;color:#667}
@media(max-width:991px){.wp-layout{grid-template-columns:1fr}}
/*=====================================
WORKPLACE SECTION
=====================================*/
.workplace-section{
padding:100px 0;
background:#f7f9fc;
}
.workplace-image{
overflow:hidden;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
}
.workplace-image img{
width:100%;
height:760px;
object-fit:cover;
display:block;
}
.section-label{
color:#D6A648;
font-size:14px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
margin-bottom:18px;
}
.workplace-section h2{
font-size:48px;
font-weight:800;
color:#0A2342;
line-height:1.2;
margin-bottom:25px;
}
.workplace-section h2 span{
display:block;
color:#24548d;
}
.intro{
font-size:18px;
line-height:1.9;
color:#5b6775;
margin-bottom:40px;
}
.policy-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}
.policy-card{
display:flex;
gap:20px;
padding:24px;
background:#fff;
border-radius:18px;
box-shadow:0 10px 35px rgba(0,0,0,.06);
transition:.3s;
}
.policy-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(10,35,66,.15);
}
.policy-icon{
width:60px;
height:60px;
background:#0A2342;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#D6A648;
font-size:24px;
flex-shrink:0;
}
.policy-card h4{
font-size:20px;
margin-bottom:8px;
color:#0A2342;
}
.policy-card p{
margin:0;
color:#66707d;
line-height:1.7;
}
.commitment{
margin-top:45px;
padding:35px;
border-left:5px solid #D6A648;
background:#fff;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.commitment h3{
color:#0A2342;
margin-bottom:15px;
font-size:28px;
}
.commitment p{
margin:0;
font-size:17px;
line-height:1.9;
color:#5b6775;
}
@media(max-width:991px){
.policy-grid{
grid-template-columns:1fr;
}
.workplace-image{
margin-bottom:50px;
}
.workplace-image img{
height:420px;
}
.workplace-section h2{
font-size:36px;
}
}
/* Mobile fix for Careers opportunity cards */
@media (max-width:768px){.op-grid{grid-template-columns:1fr!important;gap:18px}.op-card{padding:20px!important}.op-head{display:block!important}.op-head h5{font-size:1.45rem!important;margin-bottom:12px!important;line-height:1.25}.badge-job{display:inline-block!important;white-space:nowrap!important;padding:8px 16px!important;margin-bottom:16px!important}.apply-mini{display:block!important;width:100%!important;text-align:center!important;margin-top:18px}}
/* ===== Premium Compact Career Feature Cards ===== */
.career-grid{
max-width:1280px;
margin:40px auto;
display:grid;
grid-template-columns:repeat(3,minmax(220px,1fr));
gap:22px;
padding:0 18px;
}
.career-box{
background:#fff;
border:1px solid #e7edf4;
border-top:4px solid #D6A648;
border-radius:18px;
padding:24px 20px;
min-height:190px;
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
box-shadow:0 10px 24px rgba(10,35,66,.08);
transition:.3s;
}
.career-box:hover{
transform:translateY(-6px);
box-shadow:0 18px 36px rgba(10,35,66,.15);
}
.career-box i{
font-size:34px;
color:#D6A648;
margin-bottom:14px;
}
.career-box h3{
font-size:1.45rem;
font-weight:700;
color:#0A2342;
margin:0 0 10px;
}
.career-box p{
font-size:.95rem;
line-height:1.6;
color:#5b6775;
margin:0;
max-width:220px;
}
@media(max-width:991px){
.career-grid{grid-template-columns:repeat(2,1fr);gap:18px}
.career-box{min-height:170px;padding:20px 16px}
}
@media(max-width:768px){
.career-grid{grid-template-columns:1fr;gap:16px;margin:24px auto;padding:0 14px}
.career-box{
min-height:140px;
padding:18px 14px;
border-radius:16px;
}
.career-box i{font-size:28px;margin-bottom:10px}
.career-box h3{font-size:1.2rem}
.career-box p{font-size:.88rem;max-width:none}
}
@media(min-width:992px){html{font-size:88%;}.container,.container-fluid{max-width:1400px!important}.section-padding,section{padding-top:40px!important;padding-bottom:40px!important}.navbar{min-height:78px!important}.feature-box,.stats-card{padding:20px!important}}
/* === Homepage Hero Final Compact Fix === */
.home-banner,.hero{
min-height:280px !important;
height:280px !important;
padding:0 !important;
}
.home-banner .container,.hero .container{
padding-top:18px !important;
padding-bottom:18px !important;
}
.home-banner h1,.hero h1{
font-size:1.55rem !important;
line-height:1.08 !important;
max-width:520px !important;
margin-bottom:10px !important;
}
.hero-buttons{
gap:8px !important;
}
.hero-buttons .btn,.home-banner .btn{
height:40px !important;
min-height:40px !important;
padding:0 18px !important;
font-size:.88rem !important;
border-radius:8px !important;
}
.home-banner p{
font-size:.95rem !important;
margin-bottom:10px !important;
}
@media (max-width:768px){
.home-banner,.hero{
min-height:auto !important;
height:auto !important;
padding:12px 0 20px !important;
}
.home-banner h1,.hero h1{
font-size:1.95rem !important;
line-height:1.15 !important;
max-width:100% !important;
margin:12px auto !important;
}
.hero-company-line{display:inline !important;}
.hero-buttons{
display:flex !important;
flex-direction:column !important;
gap:8px !important;
}
.hero-buttons .btn{
width:100% !important;
height:40px !important;
min-height:40px !important;
}
.home-banner p{
font-size:.95rem !important;
line-height:1.5 !important;
margin-bottom:10px !important;
}
}
/* FINAL HOMEPAGE HERO OVERRIDE */
.home-banner,.hero-section,.hero{
min-height:280px!important;
height:280px!important;
padding:0!important;
}
.home-banner h1,.hero h1,.hero-title,.hero-content h1{
font-size:1.6rem!important;
line-height:1.05!important;
max-width:520px!important;
margin:8px 0!important;
}
.hero-content{padding-top:10px!important;padding-bottom:10px!important}
.hero-buttons,.hero-actions{gap:8px!important}
.hero-buttons .btn,.hero-actions .btn{
height:40px!important;min-height:40px!important;
padding:0 18px!important;font-size:.88rem!important;
}
@media(max-width:768px){
.home-banner,.hero-section,.hero{
height:auto!important;min-height:auto!important;padding:8px 0 16px!important;
}
.hero-content h1,.home-banner h1,.hero h1,.hero-title{
font-size:2rem!important;line-height:1.12!important;
}
.hero-buttons .btn,.hero-actions .btn{
width:100%!important;height:40px!important;
}
}
/* === Mobile fixed header override === */
@media (max-width: 991.98px){
.navbar,
.navbar.scrolled,
.navbar.shrink,
header,
.sticky-header{
min-height:90px !important;
height:90px !important;
padding-top:10px !important;
padding-bottom:10px !important;
}
.navbar-brand img,
.navbar.scrolled .navbar-brand img,
.navbar.shrink .navbar-brand img{
height:56px !important;
max-height:56px !important;
width:auto !important;
transform:none !important;
scale:1 !important;
}
.navbar *{
transition:none !important;
}
}
/* ===== Mobile menu shake fix ===== */
@media (max-width:991.98px){
.navbar,
.navbar *,
.navbar-brand,
.navbar-brand img,
.navbar-collapse,
.navbar-toggler{
transition:none !important;
animation:none !important;
transform:none !important;
}
.navbar-collapse{
position:relative;
margin-top:12px;
}
.navbar-toggler:focus{
box-shadow:none !important;
}
.navbar-brand img{
height:56px !important;
max-height:56px !important;
}
}