@charset "utf-8";
/*************** DEFAULT CSS ***************/
@font-face {
    font-family: 'PPMonumentExtendedRegularBF645465a253250';
    src: url('../fonts/PPMonumentExtendedRegularBF645465a253250.eot');
    src: url('../fonts/PPMonumentExtendedRegularBF645465a253250.eot') format('embedded-opentype'),
         url('../fonts/PPMonumentExtendedRegularBF645465a253250.woff2') format('woff2'),
         url('../fonts/PPMonumentExtendedRegularBF645465a253250.woff') format('woff'),
         url('../fonts/PPMonumentExtendedRegularBF645465a253250.ttf') format('truetype'),
         url('../fonts/PPMonumentExtendedRegularBF645465a253250.svg#PPMonumentExtendedRegularBF645465a253250') format('svg');
}
@font-face {
    font-family: 'PPMonumentExtendedLightBF645465a264007';
    src: url('../fonts/PPMonumentExtendedLightBF645465a264007.eot');
    src: url('../fonts/PPMonumentExtendedLightBF645465a264007.eot') format('embedded-opentype'),
         url('../fonts/PPMonumentExtendedLightBF645465a264007.woff2') format('woff2'),
         url('../fonts/PPMonumentExtendedLightBF645465a264007.woff') format('woff'),
         url('../fonts/PPMonumentExtendedLightBF645465a264007.ttf') format('truetype'),
         url('../fonts/PPMonumentExtendedLightBF645465a264007.svg#PPMonumentExtendedLightBF645465a264007') format('svg');
}
@font-face {
    font-family: 'PPMonumentExtendedBlackBF645465a1e687b';
    src: url('../fonts/PPMonumentExtendedBlackBF645465a1e687b.eot');
    src: url('../fonts/PPMonumentExtendedBlackBF645465a1e687b.eot') format('embedded-opentype'),
         url('../fonts/PPMonumentExtendedBlackBF645465a1e687b.woff2') format('woff2'),
         url('../fonts/PPMonumentExtendedBlackBF645465a1e687b.woff') format('woff'),
         url('../fonts/PPMonumentExtendedBlackBF645465a1e687b.ttf') format('truetype'),
         url('../fonts/PPMonumentExtendedBlackBF645465a1e687b.svg#PPMonumentExtendedBlackBF645465a1e687b') format('svg');
}


:root {
    --body-font: "Encode Sans Expanded", sans-serif;
    --body-font-size: 15px;
    --body-color: #000;
    --primary-color: #021f81;
    --secondary-color: #39720c;
    --black: #000;
    --white: #fff;
    --heading-font-regular: 'PPMonumentExtendedRegularBF645465a253250';
	--heading-font-light: 'PPMonumentExtendedLightBF645465a264007';
	--heading-font-bold: 'PPMonumentExtendedBlackBF645465a1e687b';
    
}
body{
 	font-family: var(--body-font);
	font-size:var(--body-font-size);
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: var(--body-color);
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	font-optical-sizing: auto;
}
html{ scroll-behavior: smooth;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::selection {background: #000; color:#fff;}
::-moz-selection {background: #000;color:#fff;}
a {color:var(--primary-color);text-decoration: none;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
a:hover {color: var(--primary-color);}
p {margin:0 0 30px 0;clear:left;padding:0; line-height: 28px;  }
ul{padding: 0px; margin: 0 0 25px;}
ul li{list-style: none;}
/******* Headings Style *******/
h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 22px;}
h6 {font-size: 18px;}
h1, h2, h3, h4, h5, h6 {margin:0 0 20px 0;padding:0;font-weight:normal; font-family: var(--heading-font-bold); }	
hr {margin:40px  0 60px 0;height:1px;border:0;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;width:100%;position:relative;}
img{border:0; max-width: 100%;}	
a img {border: 0;}
/*************** PRELOADER ***************/
#preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999; display: flex; justify-content: center; align-items: center;
transition: opacity 0.6s ease, visibility 0.6s ease; overflow: hidden; }
#preloader.hidden { opacity: 0; visibility: hidden; }
.preloader-inner { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; }
.preloader-ring-wrap { position: relative; width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; }
.preloader-ring-wrap svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.preloader-ring-track { fill: none; stroke: #e7ebf3; stroke-width: 3; }
.preloader-ring-bar { fill: none; stroke: url(#preloaderGradient); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 440; stroke-dashoffset: 440; transition: stroke-dashoffset 0.15s linear; }
.preloader-logo { width: 105px ; margin-top: 12px; height: auto; animation: preloaderPulse 1.6s ease-in-out infinite; filter: drop-shadow(0 6px 18px rgba(2,31,129,0.18)); }
.preloader-percent { font-family: var(--heading-font-bold); font-size: 34px; letter-spacing: 0.5px; color: var(--primary-color); line-height: 1; display: flex; align-items: baseline; }
.preloader-percent span.sign { font-size: 18px; margin-left: 2px; color: var(--secondary-color); }
.preloader-label { font-family: var(--body-font); font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #8992a6; }
.preloader-bar-track { width: 200px; height: 3px; background: #edf0f6; border-radius: 3px; overflow: hidden; }
.preloader-bar-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #16b5e0, var(--primary-color) 55%, var(--secondary-color)); border-radius: 3px; transition: width 0.15s linear; }
@keyframes preloaderPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@media (max-width: 480px) {
  .preloader-ring-wrap { width: 120px; height: 120px; }
  .preloader-logo { width: 56px; }
  .preloader-percent { font-size: 26px; }
}

/*************** COLUMS AND ROWS ***************/
main{ position:relative;}
.row{ width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.justify-content-center { justify-content: center; }
.space-between{ justify-content: space-between; }
.justify-content-flex-end{ justify-content: flex-end }
.section-spacing{padding:100px 0;}
.sticky{position: -webkit-sticky !important;position: sticky !important;top: 100px;width:100%;}
.clearfix{width:100%;height:100px;margin:0;padding:0;display:block;}
.container{	width:1400px;margin:0 auto;}
.fullwidth{	width:100%;display:block;}
.two-col{flex:0 0 48%; }
.three-col{	flex:0 0 31%;}
.four-col{flex:0 0 22%;}
section {width: 100%; display: block;position: relative;}
aside { flex:0 0 25%; margin: 0; padding: 0;}
summary { flex:0 0 70%; margin: 0; padding: 0;}
.list{padding: 0px;margin: 0 0 25px;display: flex;width: 100%;flex-direction: column;}
.list li{list-style: none;color: #3a4455;padding-left: 22px;margin-bottom: 6px;line-height: 24px;position: relative;}
.list li:after{position: absolute;content: '';width: 6px;height: 6px;border: 2px solid var(--primary-color);left: 0px;top: 8px;border-radius: 50px;}
.list li a{ color: #3a4455; }
.text-center{text-align: center;}
.scrollwrap{width: calc(50vw + 688px);overflow: hidden;}
.scrollwrap-left { margin-left: calc(-50vw + 50%); overflow: hidden;}
.gap-1{gap:1%}
.gap-2{gap:2%}
.gap-3{gap:3%}
.gap-4{gap:4%}
.gap-5{gap:5%}
.gap-10, .gap-20, .gap-30, .gap-40, .gap-50, .gap-60, .gap-70, .gap-80, .gap-90, .gap-100{display: flex; width: 100%; height: 10px;}
.gap-20{ height: 20px;}
.gap-30{ height: 30px;}
.gap-40{ height: 40px;}
.gap-50{ height: 50px;}
.gap-60{ height: 60px;}
.gap-70{ height: 70px;}
.gap-80{ height: 80px;}
.gap-90{ height: 90px;}
.gap-100{ height: 100px;}
.m-b-0{ margin-bottom: 0px;}
.m-b-5{ margin-bottom: 5px;}
.m-b-10{ margin-bottom: 10px;}
.m-b-15{ margin-bottom: 15px;}
.m-b-20{ margin-bottom: 20px;}
.m-b-25{ margin-bottom: 25px;}
.m-b-30{ margin-bottom: 30px;}
.m-b-35{ margin-bottom: 35px;}
.m-b-40{ margin-bottom: 40px;}
.m-b-45{ margin-bottom: 45px;}
.m-b-50{ margin-bottom: 50px;}
.button-style a, .button-style-span{position: relative;background-color: var(--primary-color);color: var(--white);font-weight: 700;font-size: 16px;padding: 16px 56px 16px 25px;border-radius: 50px;display: inline-block;}
.button-style a:after, .button-style-span:after{color: var(--white);content: "\f061";font-family: 'Font Awesome 7 Free';font-weight: 900;right: 20px;position: absolute;top: 12px;line-height: 28px;border-radius: 50px;text-align: center;transition: .3s ease-in-out;transform: rotate(1deg);font-size: 20px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.button-style a:hover, .button-style-span:hover{ background-color: var(--secondary-color); color: var(--white);}
.button-style a:hover:after, .button-style-span:after{transform: rotate(328deg);}


/*************BACK TO TOP*******/
.progress-wrap {position: fixed;right: 10px;bottom: 10px;height: 45px;width: 45px;cursor: pointer;display: block;border-radius: 50px;
z-index: 99;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;content: "\f30c";font-family: 'Font Awesome 5 Free';font-weight: 900;text-align: center;line-height: 45px;
font-size: 20px;color: var(--secondary-color);left: 0;top: 0;height: 45px;width: 45px;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
.progress-wrap svg path {fill: none;}
.progress-wrap svg.progress-circle path {stroke: var(--secondary-color);stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}

/*************** HEADER ***************/
#site-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;padding: 20px 0;transition: all 300ms ease-in-out;background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));}
#site-header.scrolled{background: #ffffff;padding: 12px 0;box-shadow: 0 4px 20px rgba(0,0,0,.15);}
#site-header.scrolled .site-logo img{filter: none;}
#site-header.scrolled .main-nav>ul>li>a{color: #000;}
#site-header.scrolled .nav-toggle span{background: #000;}
.header-inner{display: flex;align-items: center;justify-content: space-between;gap: 30px;    width: 90%;}
.site-logo{display: inline-flex;flex: 0 0 auto;}
.site-logo img{height: 46px;width: auto;display: block;filter: brightness(0) invert(1);}
.header-right{display: flex;align-items: center;gap: 30px;background: rgba(255,255,255,.16);padding: 5px 20px;border-radius: 8px;}
.main-nav{flex: 0 0 auto;}
.main-nav>ul{display: flex;align-items: center;gap: 20px;margin: 0;flex-wrap: wrap;}
.main-nav>ul>li{position: relative;}
.main-nav>ul>li>a{display: flex;align-items: center;gap: 6px;color: var(--white);font-size: 11px;text-transform: uppercase;padding: 8px 0;font-family: var(--heading-font-bold);}
.main-nav>ul>li>a:hover{color: #7fb0ff;}
.main-nav>ul>li.has-dropdown>a i{font-size: 11px;transition: transform 300ms ease-in-out;}
.main-nav>ul>li.has-dropdown:hover>a i{transform: rotate(180deg);}
.dropdown-menu{position: absolute;top: 100%;left: 0;min-width: 220px;background: #fff;margin: 0;padding: 10px 0;border-radius: 6px;box-shadow: 0 15px 35px rgba(0,0,0,.18);opacity: 0;visibility: hidden;transform: translateY(8px);transition: all 250ms ease-in-out;}
.main-nav>ul>li.has-dropdown:hover .dropdown-menu{opacity: 1;visibility: visible;transform: translateY(0);}
.dropdown-menu li a{display: block;padding: 10px 22px;color: var(--body-color);font-size: 11px;text-transform: none;font-family: var(--heading-font-bold);}
.dropdown-menu li a:hover{background: #f3f5fa;color: var(--primary-color);}
.header-cta{flex: 0 0 auto;background-color: var(--primary-color);color: var(--white);font-size: 11px;text-transform: uppercase;padding: 10px 18px;border-radius: 8px;font-family: var(--heading-font-bold);}
.header-cta:hover{background-color: var(--secondary-color);color: var(--white);}
.header-cta{border: 0;cursor: pointer;font-family: var(--heading-font-bold);}
.nav-toggle{display: none;flex-direction: column;justify-content: center;gap: 5px;width: 34px;height: 30px;background: none;border: 0;padding: 0;cursor: pointer;flex: 0 0 auto;}
.nav-toggle span{display: block;width: 100%;height: 2px;background: var(--white);transition: all 300ms ease-in-out;}
.nav-toggle.active span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity: 0;}
.nav-toggle.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.nav-backdrop{position: fixed;inset: 0;background: rgba(0,0,0,.5);opacity: 0;visibility: hidden;transition: opacity 300ms ease-in-out;z-index: 998;}
.nav-backdrop.active{opacity: 1;visibility: visible;}
.main-nav-head{display: none;}
.nav-close{display: none;}

/*************** HERO SLIDER ***************/
.hero-slider{width: 100%;height: 100vh;min-height: 600px;position: relative;overflow: hidden;}
.hero-slider .heroSwiper, .hero-slider .swiper-wrapper, .hero-slider .swiper-slide{height: 100%;}
.hero-slider .swiper-slide{background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;display: flex;align-items: center;justify-content: center;}
.hero-overlay{position: absolute;inset: 0;background:rgba(0, 0, 0, .3);}
.hero-content{position: relative;z-index: 2;color: var(--white);width: 100%;text-align: center;padding-bottom: 0;}
.hero-content h1{font-size: 36px;text-transform: uppercase;line-height: 1.12;margin-bottom: 22px;font-family: var(--heading-font-bold);}
.hero-content p{font-size: 24px;line-height: 1.6;color: var(--white); text-align: center;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{color: var(--white);width: 46px;height: 46px;background: rgba(255,255,255,.12);border-radius: 50%;backdrop-filter: blur(4px);}
.hero-slider .swiper-button-prev:after, .hero-slider .swiper-button-next:after{font-size: 16px;}
.hero-slider .swiper-button-disabled{opacity: 1 !important;pointer-events: auto !important;cursor: pointer;}
.hero-slider .swiper-button-prev{left: 25px;}
.hero-slider .swiper-button-next{right: 25px;}
.hero-slider .swiper-pagination-bullet{background: var(--white);opacity: .5;width: 10px;height: 10px;}
.hero-slider .swiper-pagination-bullet-active{opacity: 1;background: var(--secondary-color);}
.scroll-down{position: absolute;left: 40px;bottom: 40px;z-index: 3;display: flex;flex-direction: column;align-items: center;gap: 14px;color: var(--white);}
.scroll-down span{writing-mode: vertical-rl;font-size: 13px;letter-spacing: .1em;text-transform: uppercase;}
.scroll-down:after{content: '';width: 1px;height: 60px;background: rgba(255,255,255,.6);}
.hero-banner-logo{position: absolute;right: 30px;bottom: 30px;z-index: 3;display: inline-flex;background: #fff;padding: 10px 16px;border-radius: 8px;}
.hero-banner-logo img{height: 60px;width: auto;display: block;}

/*************** ABOUT SECTION ***************/
.about-section{background: var(--white);}
.about-top{display: flex;align-items: flex-start;gap: 25px 7%;margin-bottom: 60px;}
.about-text{flex: 0 0 68%;}
.section-tag{display: block;position: relative;padding-top: 12px;margin-bottom: 22px;color: #8a8a8a;font-size: 30px;font-family: var(--heading-font-regular);}
.section-tag:before{content: '';position: absolute;top: 0;left: 0;width: 60px;height: 1px;background: var(--secondary-color);}
.heading{font-size: 40px;margin: 0;color: var(--body-color);font-family: var(--heading-font-regular);margin-bottom: 25px;}
.color-filling-text{    line-height: 1.8;font-size: 26px;margin: 0;color: rgba(20,20,20,.16);font-family: var(--heading-font-regular);margin-bottom: 25px;}
.about-text .color-filling-text .fill-word{
	--fill: 0%;
	background-image: linear-gradient(90deg, #000 var(--fill), rgba(20,20,20,.16) var(--fill));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	will-change: background-image;
}
.about-image{flex: 0 0 25%;position: relative;}
.about-img-wrap{width: 100%;/* aspect-ratio: 4/3; */border-radius: 6px;overflow: hidden;position: relative;}
.about-img-wrap:after{content: '';position: absolute;inset: 0;background: linear-gradient(180deg, rgba(2,31,129,0) 40%, rgba(2,31,129,.55) 100%);opacity: 0;transition: opacity 350ms ease-in-out;}
.about-img-wrap img{width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 500ms ease-in-out;}
.about-img-wrap:hover img{transform: scale(1.08);}
.about-img-wrap:hover:after{opacity: 1;}
.read-more-btn{position: absolute;left: -40px;bottom: -24px;display: inline-flex;align-items: center;gap: 10px;background: var(--white);color: var(--body-color);font-weight: 700;font-size: 15px;padding: 14px 20px;border-radius: 50px;box-shadow: 0 10px 30px rgba(0,0,0,.12);}
.read-more-btn i{color: var(--secondary-color);transition: transform 300ms ease-in-out;}
.read-more-btn:hover{color: var(--body-color);}
.read-more-btn:hover i{transform: translateX(4px);}
.fact-boxes{display: flex;
    gap: 20px 2%;
    flex-wrap: wrap;}
.fact-box{flex: 1;min-height: 200px;border-radius: 6px;padding: 30px;position: relative;display: flex;flex-direction: column;overflow: hidden;transition: transform 450ms cubic-bezier(.22,1,.36,1), box-shadow 450ms cubic-bezier(.22,1,.36,1);}
.fact-box:before{content: '';position: absolute;inset: 0;background: rgba(255,255,255,.14);transform: translateX(-100%) skewX(-12deg);transition: transform 550ms cubic-bezier(.22,1,.36,1);pointer-events: none;}
.fact-box:hover{transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0,0,0,.25);}
.fact-box:hover:before{transform: translateX(100%) skewX(-12deg);}
.fact-blue{background-color: var(--primary-color);}
.fact-green{background-color: var(--secondary-color);}
.fact-icon{width: 70px;height: 70px;object-fit: contain;filter: brightness(0) invert(1);position: relative;z-index: 1;transition: transform 400ms cubic-bezier(.22,1,.36,1);}
.fact-box:hover .fact-icon{transform: scale(1.15) rotate(-4deg);}
.fact-number{font-family: var(--heading-font-bold);font-size: 46px;line-height: 1;margin: 48px 0 12px;text-align: right;color: transparent;-webkit-text-stroke: 1px rgba(255,255,255,.6);position: relative;z-index: 1;}
.fact-label{margin: 0;color: var(--white);font-size: 15px;text-align: right;position: relative;z-index: 1;}
.fact-boxes-about-page .fact-box { padding: 25px;}
.fact-boxes-about-page .fact-number { font-size: 34px;}
.fact-boxes-about-page .fact-label { font-size: 14px;}

/*************** PRODUCTS SECTION ***************/
.products-section{background: #ececec;overflow: hidden;}
.products-head{display: flex;flex-direction: column;align-items: flex-start;gap: 22px;margin-bottom: 22px;}
.products-nav{display: flex;align-items: center;gap: 14px;flex: 0 0 auto;}
.products-prev, .products-next{width: 44px;height: 44px;border-radius: 50%;border: 1px solid #c7c7c7;background: transparent;color: var(--secondary-color);display: flex;align-items: center;justify-content: center;font-size: 15px;cursor: pointer;transition: all 300ms ease-in-out;}
.products-prev:hover, .products-next:hover{background: var(--secondary-color);border-color: var(--secondary-color);color: var(--white);}
.products-prev.swiper-button-disabled, .products-next.swiper-button-disabled{opacity: .35;cursor: default;}
.products-slider-wrap{width: 100%;overflow: visible;}
.productsSwiper{width: 100%;overflow: visible;}
.product-slide{flex-shrink: 0;}
.product-card{ overflow: hidden; position: relative;width: 100%;/* height: 420px; */background: var(--white);display: flex;align-items: center;justify-content: center;padding: 10px;border-radius: 10px;}
.product-card img{ -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; max-width: 100%;max-height: 100%;object-fit: contain;}
.product-num{position: absolute;top: 20px;right: 25px;font-family: var(--heading-font-bold);font-size: 26px;color: #d8d8d8;}
.product-view-btn{position: absolute;right: 0;top: 28px;width: 50px;height: 50px;border-radius: 50%;background: transparent;border: 1px solid #0c0c0c;display: flex;align-items: center;justify-content: center;color: var(--secondary-color);box-shadow: 0 8px 20px rgba(0,0,0,.08);transition: all 300ms ease-in-out;z-index: 2;}
.product-view-btn:hover{background: var(--secondary-color);border-color: var(--secondary-color);color: var(--white);transform: rotate(-45deg);}
.product-meta{padding: 25px 50px 0 0;position: relative;}
.product-meta h3{font-size: 20px;margin: 0 0 8px;color: var(--body-color);}
.product-meta p{font-size: 15px;color: #666;margin: 0;}
.product-slide:hover .product-card img{ -moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.productsSwiper-detail-page .product-slide{ border: 1px solid #e2e2e2; padding: 30px; border-radius: 10px;}

/*************** MARQUEE SECTION ***************/
.marquee-section{background: #000;overflow: hidden;padding: 30px 0;}
.marquee-track{width: 100%;overflow: hidden;}
.marquee-content{display: flex;width: max-content;animation: marqueeScroll 40s linear infinite;will-change: transform;}
.marquee-group{display: flex;align-items: center;flex-shrink: 0;}
.marquee-item{color: var(--white);font-family: var(--heading-font-bold);font-size: 32px;text-transform: uppercase;white-space: nowrap;padding: 0 28px;line-height: 1;}
.marquee-sep{width: 18px;height: 18px;object-fit: contain;flex-shrink: 0;}
.marquee-section:hover .marquee-content{animation-play-state: paused;}
@keyframes marqueeScroll{from{transform: translateX(0);}to{transform: translateX(-50%);}}
@media (prefers-reduced-motion: reduce){.marquee-content{animation: none;}}

/*************** INDUSTRIES SECTION ***************/
.industries-inner{display: flex;align-items: center;gap: 25px 3%;}
.industries-text{flex: 0 0 34%;}
.industries-text p{font-size: 15px;line-height: 1.6;color: #555;margin: 0 0 26px;}
.discover-btn{display: inline-flex;align-items: center;gap: 12px;background: var(--white);color: var(--body-color);font-weight: 700;font-size: 15px;padding: 14px 22px;border-radius: 50px;border: 1px solid #d8d8d8;transition: all 300ms ease-in-out;}
.discover-btn i{color: var(--secondary-color);transition: transform 300ms ease-in-out;}
.discover-btn:hover{border-color: var(--secondary-color);color: var(--body-color);}
.discover-btn:hover i{transform: translateX(4px);}
.industries-grid{flex: 0 0 63%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.industry-box{aspect-ratio: 1/1;border-radius: 6px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 18px;padding: 20px;text-align: center;position: relative;overflow: hidden;text-decoration: none;transition: transform 350ms ease-in-out, box-shadow 350ms ease-in-out;}
.industry-box:before{content: '';position: absolute;inset: 0;background: rgba(255,255,255,.14);transform: translateY(100%);transition: transform 400ms ease-in-out;}
.industry-box:hover{transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0,0,0,.18);}
.industry-box:hover:before{transform: translateY(0);}
.industry-box:hover img{transform: scale(1.12);}
.ind-blue{background-color: var(--primary-color);}
.ind-green{background-color: var(--secondary-color);}
.industry-box img{width: auto;height: auto;max-width: 100%;object-fit: contain;filter: brightness(0) invert(1);position: relative;z-index: 1;transition: transform 350ms ease-in-out;}
.industry-box span{color: var(--white);font-size: 14px;position: relative;z-index: 1;font-family: var(--heading-font-regular);}

/*************** WHY CHOOSE SECTION ***************/
.why-inner{display: flex;align-items: stretch;gap: 60px 5%;}
.why-text{flex: 0 0 38%;}
.why-features{display: flex;flex-direction: column;gap: 20px;margin-top: 30px;}
.why-feature{display: flex;align-items: flex-start;gap: 22px;background: #f0f0f0;border-radius: 6px;padding: 26px 28px;transition: all 350ms ease-in-out;}
.why-feature:hover{background: var(--primary-color);transform: translateX(6px);box-shadow: 0 15px 30px rgba(0,0,0,.12);}
.why-feature img{/* width: 46px; */height: auto;flex-shrink: 0;transition: filter 350ms ease-in-out;}
.why-feature:hover img{filter: brightness(0) invert(1);}
.why-feature-body h3{font-size: 20px;margin: 0 0 8px;color: var(--body-color);transition: color 350ms ease-in-out;font-family: var(--heading-font-regular);}
.why-feature-body p{font-size: 15px;line-height: 1.6;color: var(--body-color);margin: 0;transition: color 350ms ease-in-out;}
.why-feature:hover .why-feature-body h3, .why-feature:hover .why-feature-body p{color: var(--white);}
.why-image{flex: 0 0 57%;position: relative;background-size: cover;background-position: center;border-radius: 0;overflow: hidden;min-height: 560px;display: flex;/* align-items: center; */}
.why-image-overlay{position: absolute;inset: 0;background: linear-gradient(90deg, rgba(2,8,25,.72) 0%, rgba(2,8,25,.3) 55%, rgba(2,8,25,.15) 100%);}
.why-image-text{position: relative;z-index: 1;padding: 50px;color: var(--white);min-width: 0;width: 100%;}
.why-lead{font-family: var(--heading-font-regular);font-size: 40px;margin: 0 0 10px;color: var(--white);}
.why-image-text h3{font-family: var(--heading-font-bold);font-weight: normal;font-size: 36px;line-height: 1.3;margin: 0;text-transform: uppercase;color: var(--white);}

/*************** TESTIMONIALS SECTION ***************/
.testimonials-slider-wrap{width: 100%;overflow: hidden;margin-top: 70px;}
.testimonialsSwiper{padding: 10px 0 30px;}
.testimonial-slide{display: flex !important;align-items: flex-start;gap: 20px;padding: 0 30px;}
.testimonial-slide.swiper-slide-active{opacity: 1;}
.testimonial-slide img{width: 64px;height: 64px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}
.testimonial-body p{font-size: 14px;line-height: 1.7;color: #444;margin: 0 0 20px;font-family: var(--heading-font-regular);}
.testimonial-body h4{font-size: 11px;color: var(--body-color);margin: 0 0 4px;/* font-family: var(--body-font); */}
.testimonial-body span{font-size: 11px;color: #888;font-family: var(--heading-font-regular);}

/*************** BOTTOM CTA SECTION ***************/
.bottom-cta-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.cta-box{padding: 50px 40px;border-radius: 6px;position: relative;overflow: hidden;transition: transform 350ms ease-in-out, box-shadow 350ms ease-in-out;}
.cta-box:hover{transform: translateY(-8px);box-shadow: 0 25px 45px rgba(0,0,0,.2);}
.cta-blue{background-color: var(--primary-color);}
.cta-green{background-color: var(--secondary-color);}
.cta-box img{width: 72px;height: 72px;object-fit: contain;filter: brightness(0) invert(1);margin-bottom: 30px;transition: transform 350ms ease-in-out;}
.cta-box:hover img{transform: scale(1.1) rotate(-4deg);}
.cta-box-body h3{color: var(--white);font-size: 20px;margin: 0 0 14px;font-family: var(--heading-font-regular);}
.cta-box-body p{color: rgba(255,255,255,.85);font-size: 15px;line-height: 1.6;margin: 0 0 30px;}
.cta-outline-btn{display: inline-flex;align-items: center;gap: 14px;border: 1px solid rgba(255,255,255,.6);color: var(--white);font-weight: 700;font-size: 14px;padding: 13px 22px;border-radius: 50px;transition: all 300ms ease-in-out;}
.cta-outline-btn i{transition: transform 300ms ease-in-out;}
.cta-outline-btn:hover{background: var(--white);border-color: var(--white);}
.cta-blue .cta-outline-btn:hover{color: var(--primary-color);}
.cta-green .cta-outline-btn:hover{color: var(--secondary-color);}
.cta-outline-btn:hover i{transform: translateX(4px);}

/*************** CLIENTS SLIDER SECTION ***************/
.clients-section{background: var(--white);padding: 0 0 70px;overflow: hidden;}
.clients-group{gap: 90px;}
.client-slide{display: flex;align-items: center;justify-content: center;/* height: 60px; */flex-shrink: 0;/* padding: 0 45px; */}
.client-slide img{/* max-width: 140px; */max-height: 100%;object-fit: contain;}

/*************** FINAL CTA SECTION ***************/
.final-cta-section{     background-attachment: fixed; position: relative;min-height: 540px;background-size: cover;background-position: center;display: flex;align-items: center;}
.final-cta-overlay{position: absolute;inset: 0;background: linear-gradient(90deg, rgba(2,8,25,.6) 0%, rgba(2,8,25,.25) 45%, rgba(2,8,25,.05) 75%);}
.final-cta-inner{position: relative;z-index: 1;width: 100%;}
.final-cta-box{max-width: 608px;border: 1px solid rgba(255,255,255,.6);padding: 34px 36px;margin-bottom: 40px;}
.final-cta-box h2{font-family: var(--heading-font-bold);font-weight: normal;font-size: 32px;line-height: 1.25;color: var(--white);text-transform: uppercase;margin: 0 0 16px;}
.final-cta-box p{font-size: 16px;line-height: 1.6;color: rgba(255,255,255,.9);margin: 0;font-family: var(--heading-font-regular);}
.final-cta-btn{position: absolute;right: 0;bottom: 40px;display: inline-flex;align-items: center;gap: 14px;background: transparent;color: #fff;font-weight: 700;font-size: 15px;padding: 15px 24px;border-radius: 50px;transition: all 300ms ease-in-out;border: 1px solid #fff;}
.final-cta-btn i{color: #fff;transition: transform 300ms ease-in-out;}
.final-cta-btn:hover{background: var(--secondary-color);color: var(--white);}
.final-cta-btn:hover i{color: var(--white);transform: translateX(4px);}

/*************** NEWS SECTION ***************/
.news-section{position: relative;overflow: hidden;}
.news-bg-deco{position: absolute;top: 0;right: 0;height: 100%;width: auto;max-width: 45%;object-fit: contain;opacity: .5;pointer-events: none;z-index: 0;}
.news-head{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 40px;position: relative;z-index: 1;}
.news-view-all{display: inline-flex;align-items: center;gap: 12px;background: var(--white);color: var(--body-color);font-weight: 700;font-size: 14px;padding: 13px 22px;border-radius: 50px;border: 1px solid #d8d8d8;transition: all 300ms ease-in-out;}
.news-view-all i{color: var(--secondary-color);transition: transform 300ms ease-in-out;}
.news-view-all:hover{border-color: var(--secondary-color);}
.news-view-all:hover i{transform: translateX(4px);}
.news-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px 2%;position: relative;z-index: 1;}
.news-card{display: block;position: relative;height: 450px;border-radius: 6px;overflow: hidden;text-decoration: none;}
.news-card-img{position: absolute;inset: 0;background-size: cover;background-position: center;transition: transform 500ms ease-in-out;}
.news-card:hover .news-card-img{transform: scale(1.1);}
.news-card-overlay{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.85) 100%);transition: background 350ms ease-in-out;}
.news-card:hover .news-card-overlay{background: linear-gradient(180deg, rgba(0,0,0,.1) 30%, rgba(0,0,0,.9) 100%);}
.news-card-body{position: absolute;left: 0;right: 0;bottom: 0;padding: 24px 26px 26px;border-top: 1px solid rgba(255,255,255,.7);}
.news-date{display: block;color: rgba(255,255,255,.85);font-size: 13px;margin-bottom: 10px;}
.news-card-body h3{color: var(--white);font-family: var(--body-font);font-weight: 600;font-size: 18px;line-height: 1.4;margin: 0;}

/*************** FOOTER ***************/
.site-footer{background-size: cover;background-position: center;background-color: #050b1f;padding: 90px 0 0;}
.footer-main{display: flex;gap: 6%;padding-bottom: 70px;}
.footer-left{flex:0 0 54%;}
.footer-left h2{font-family: var(--heading-font-bold);font-weight: normal;font-size: 31px;line-height: 1.25;color: var(--white);text-transform: uppercase;margin: 0 0 50px;}
.footer-addresses{display: flex;gap: 50px;}
.footer-address h4{color: var(--white);font-size: 16px;text-transform: uppercase;letter-spacing: .04em;margin: 0 0 14px;padding-bottom: 14px;border-bottom: 1px solid rgba(255,255,255,.25);font-family: var(--heading-font-bold);}
.footer-address p{color: rgba(255,255,255,.75);font-size: 15px;line-height: 1.7;margin: 0;}
.footer-phone{display: inline-flex;align-items: center;gap: 10px;margin-top: 14px;color: var(--white);font-size: 15px;font-weight: 600;letter-spacing: .02em;}
.footer-phone i{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;flex: 0 0 auto;border-radius: 50%;background: var(--secondary-color);color: var(--white);font-size: 12px;transition: transform 350ms cubic-bezier(.22,1,.36,1), box-shadow 350ms cubic-bezier(.22,1,.36,1);}
.footer-phone:hover{color: var(--secondary-color);}
.footer-phone:hover i{transform: scale(1.12);box-shadow: 0 0 0 6px rgba(57,114,12,.3);}
.footer-col{flex: 0 0 20%;padding-left: 3%;border-left: 1px solid rgba(255,255,255,.15);}
.footer-col-02{flex: 0 0 14%;}
.footer-col h4{color: var(--white);font-family: var(--heading-font-regular);font-size: 14px;text-transform: uppercase;letter-spacing: .06em;margin: 0 0 22px;}
.footer-col ul{margin: 0;display: flex;flex-direction: column;gap: 13px;}
.footer-col ul li a{color: rgba(255,255,255,.75);font-size: 15px;}
.footer-col ul li a:hover{color: var(--white);}
.footer-bottom{border-top: 1px solid rgba(255,255,255,.12);background-color: rgba(0,0,0,.15);}
.footer-bottom-inner{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 22px 0;flex-wrap: wrap;}
.footer-bottom-inner span{color: rgba(255,255,255,.7);font-size: 14px;}
.footer-social{display: flex;gap: 12px;}
.footer-social a{width: 38px;height: 38px;border-radius: 50%;border: 1px solid rgba(255,255,255,.35);display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 14px;transition: all 300ms ease-in-out;}
.footer-social a:hover{background: var(--white);color: var(--primary-color);border-color: var(--white);}
.rigt-btn{    display: flex;
    justify-content: flex-end;}
.text-green{ color: var(--secondary-color);}
.about-inn-wrap{
    display: flex;
    gap: 25px 4%;
}
.about-left{
    flex: 0 0 48%;
    position: relative;
}
.year-abt-box{
    position: absolute;
    left: 25px;
    bottom: 25px;
    width: 150px;
    background-color: var(--primary-color);
    padding: 25px;
    box-shadow: -10px 10px 0px -5px #fff;
}
.year-abt-box h6{
    color: var(--white);
    margin: 0px;
    font-size: 58px;
}
.year-abt-box h6 span{
    display: block;
    font-family: var(--body-font);
    font-size: 17px;
}
.about-right{
    flex: 0 0 48%;
}
.about-bg{
    background-image: url(../images/bg-4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.about-bg .heading{color: var(--white);}
.about-bg .container{ position:relative; z-index:1}
.about-bg:after{position:absolute;content:'';width: 100%;height: 100%;background-color: var(--black);left: 0px;top: 0px;z-index: 0;opacity: .6;}
.jouny-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 14px 1%;
}
.jouny-box{
    flex: 0 0 24.25%;
    background-color: var(--white);
    padding: 30px;
    border-radius: 8px;
    /* min-height: 270px; */
    overflow: hidden;
} 
.jouny-box h6{
    font-size: 16px;
    margin-bottom: 10px;
}
.jouny-box p{
    margin-bottom: 0px;
}
.jouny-box-cnt{min-height: 200px;}
.jouny-box-img{line-height: 0px;padding: 0px;background-position: center;background-size: cover;background-repeat: no-repeat;margin-bottom: 25px;}
.jouny-box-img-bg-1{ background-image: url(../images/jouny-1.jpg);}
.jouny-box-img-bg-2{ background-image: url(../images/jouny-2.jpg);}
.jouny-box-img-bg-3{ background-image: url(../images/jouny-3.jpg);}
.jouny-box-green{
    background-color: rgba(57, 114, 12, .7);
}
.jouny-box-blue{
    background-color: rgba(2, 31, 129, .7);
}
.jouny-box-img img{width: 100%;border-radius: 10px;}
.msn-vsn-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 25px 0%;
    align-content: flex-start;
    align-items: flex-start;
}
.msn-vsn-box{
    flex: 0 0 25%;
    border: 1px solid #e2e2e2;
    padding: 30px 30px 62px;
    min-height: 360px;
    border-radius: 0;
    margin-left: -1px;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.msn-vsn-box h6{
    font-size: 18px;
    -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.msn-vsn-box p{
    margin-bottom: 0;
    -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.msn-vsn-box span{
    font-family: var(--heading-font-bold);
    font-size: 34px;
    margin-bottom: 0px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #e2e2e2;
    -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.msn-vsn-box:nth-child(2){
    margin-top: 30px;
}
.msn-vsn-box:nth-child(3){
    margin-top: 60px;
}
.msn-vsn-box:nth-child(4){
    margin-top: 90px;
}
.msn-vsn-box:hover{ margin-top: 0px; background-color: var(--primary-color);}
.msn-vsn-box:hover:nth-child(2){ margin-top: 0px;}
.msn-vsn-box:hover:nth-child(3){ margin-top: 30px;}
.msn-vsn-box:hover:nth-child(4){ margin-top: 60px;}
.msn-vsn-box:hover h6, .msn-vsn-box:hover p, .msn-vsn-box:hover .list li{ color: var(--white);}
.msn-vsn-box:hover .list li:after{ border-color: var(--white);}
.product-list-wrap{
    display: flex;
    gap: 25px 2%;
}
.product-list-box{
    flex: 0 0 32.66666666%;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}
.product-list-box .product-card{border-bottom: 1px solid #e2e2e2;border-radius: 0;}
.product-list-box .product-meta{
    padding: 25px 10px;
}
.product-list-box .product-meta h3{ font-size: 18px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.product-list-box:hover .product-card img{ transform: scale(1.08);}
.product-list-box:hover .product-meta h3{ color: var(--primary-color);}
.product-detail-wrap{
    display: flex;
    align-items: flex-start;
    gap: 25px 4%;
    margin-bottom: 120px;
}
.prod-dtl-left{
    flex: 0 0 40%;
    position: sticky;
    top: 80px;
}

.prod-dtl-right{
    flex: 0 0 56%;
}
.prod-dtl-right h1{
    font-size: 30px;
    margin: 0;
    color: var(--body-color);
    margin-bottom: 14px;
}
.prod-dtl-right h2{
    font-size: 18px;
    font-family: var(--body-font);
    font-weight: 600;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 21px;
    text-transform: uppercase;
}
.product-list-left{
    flex: 0 0 22%;
}
.product-list-right{
    display: flex;
    flex-wrap: wrap;
    gap: 25px 1%;
    flex: 0 0 76%;
}
.product-list-left h3{
    font-size: 18px;
    font-family: var(--heading-font-regular);
    background-color: var(--primary-color);
    color: var(--white);
    padding: 15px 15px;
    margin-bottom: 0px;
}
.product-list-left-inn{
   
    background-color: rgb(2, 31, 129, .09);
    border-radius: 8px;
    overflow: hidden;
}
.sticky{ position: sticky;
    top: 100px;}
.catgry-list{
    padding: 20px;
    margin-bottom: 0px;
}
.catgry-list li{
    border-bottom: 1px solid #d6d9e2;
    margin-bottom: 10px;
}
.catgry-list li a{
    color: var(--black);
    font-size: 13px;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
    font-family: var(--heading-font-regular);
}
.catgry-list li a:after{position: absolute;content: "\f061";right: 0px;top: 2px;font-family: "Font Awesome 7 Free";font-weight: 900;font-size: 12px;}
.catgry-list li:last-child{ margin-bottom: 0px; border-bottom: none;}
.catgry-list li:last-child a{ padding-bottom: 0px;}
.catgry-list li a:hover{ color: var(--primary-color); padding-left: 5px;}
.catgry-list li a:hover::after{ color: var(--primary-color);}


.ideal-box-wrap{
    display: flex;
    gap: 15px 1%;
    flex-wrap: wrap;
}
.ideal-box{
    flex: 0 0 24.24%;
    text-align: center;
    border: 1px solid #e2e2e2;
    padding: 20px 10px;
    border-radius: 10px;
}
.ideal-box p{
    margin-bottom: 10px;
}
.ideal-box p i{
    color: #39720c;
    font-size: 22px;
    width: 60px;
    height: 60px;
    background-color: rgb(57, 114, 12, .09);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.ideal-box h5{
    font-size: 12px;
    font-family: var(--heading-font-regular);
    margin-bottom: 0px;
}
.quality-box-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 2%;
}
.quality-box{
    flex: 0 0 32%;
    background-color: #edf2e9;
    padding: 18px;
    border-radius: 10px;
}
.quality-box h4{
    font-size: 14px;
    font-family: var(--heading-font-regular);
    border-bottom: 1px solid #ccd4c5;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.quality-box p{
    margin-bottom: 0px;
}
.contact-inn-wrap{
    display: flex;
    gap: 25px 4%;
}
.contact-left{
    flex: 0 0 48%;
}

.ctact-adrs-wrap{
    background-color: var(--primary-color);
    padding: 30px;
    margin-bottom: 25px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}
.ctact-adrs-wrap h3{
    color: var(--white);
    margin-bottom: 10px;
}
.ctact-adrs-box{
    display: flex;
    gap: 18px;
    align-items: center;
}
.ctact-adrs-box i{
    flex: 0 0 50px;
    height: 50px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color);
    border-radius: 8px;
    font-size: 20px;
}
.ctact-adrs-box p{
    color: var(--white);
    margin-bottom: 0px;
}
.ctact-adrs-box p a{
    color: var(--white);
}
.contact-right {
    flex: 0 0 48%;
    background-color: rgb(2, 31, 129, .09);
    padding: 50px;
    border-radius: 20px;
}
.subheading {
    font-size: 30px;
    color: var(--body-color);
    margin-bottom: 20px;
    font-weight: 700;
}
.label-style {
    font-size: 15px;
    margin-bottom: 7px;
    display: block;
    font-weight: 600;
    letter-spacing: .5px;
}
.career-form-wrap form{display: flex;flex-wrap: wrap;/* justify-content: space-between; *//* flex: 0 0 70%; */padding: 50px;border-radius: 20px;box-shadow: 0px 5px 28px #00000030;gap: 10px 1%;}
.career-form-wrap form .form-group{/* margin-bottom: 18px; */flex: 0 0 32.666666666%;}

.career-form-wrap form .form-group-full{ flex: 0 0 100%; }
.about-btm-box{background-image: url(../images/bg-5.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;padding: 100px;position: relative;text-align: center;display: flex;flex-direction: column;align-items: center;border-radius: 25px;overflow: hidden;margin-top: 100px;}
.about-btm-box h6{
    position: relative;
    z-index: 1;
}
.about-btm-box:after{position:absolute;content:'';width: 100%;height: 100%;left: 0px;top: 0px;background-color: #000;opacity: .4;z-index: 0;}
.about-btm-box h6 span{
    color: var(--white);
    background-color: var(--primary-color);
    font-size: 14px;
    font-family: var(--heading-font-regular);
    padding: 10px 20px;
    border-radius: 5px;
}
.about-btm-box h2{
    color: var(--white);
    position: relative;
    z-index: 1;
    font-size: 50px;
}
.about-btm-box p{
    color: var(--white);
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 36px;
}
.about-btm-box .cta-outline-btn{   position: relative;
    z-index: 1;}

.call-today-pro{
    background-image: url(../images/bg-6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 20px 20px;
    margin-top: 20px;
    border-radius: 10px;
    background-position: center;
}
.call-today-pro h6{
    color: var(--white);
    font-size: 16px;
    font-family: var(--heading-font-regular);
    border-bottom: 1px solid #fff;
    padding-bottom: 12px;
}
.call-today-pro h5{
    color: var(--white);
    font-size: 15px;
    margin-bottom: 7px;
}
.call-today-pro a{
    color: var(--white);
    margin-bottom: 18px;
    display: block;
    font-size: 14px;
}
.call-today-pro a i{
    margin-right: 6px;
}
.pro-seach-box{ margin-bottom: 20px;}
.dept-search-form {
	position: relative;
}
.dept-search-icon {
	position: absolute;
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--secondary-color);
	font-size: 16px;
	pointer-events: none;
}
.dept-search-input {
	width: 100%;
	padding: 16px 20px 16px 52px;
	border: 1px solid #dfe6e5;
	border-radius: 8px;
	font-family: var(--body-font);
	font-size: 15px;
	color: var(--body-color);
	outline: none;
	background: var(--white);
	transition: border-color 250ms ease, box-shadow 250ms ease;
}
.dept-search-input::placeholder {
	color: #8a9a98;
}
.dept-search-input:focus {
	border-color: var(--secondary-color);
	box-shadow: 0 0 0 3px rgba(7, 88, 106, 0.12);
}



.project-inn-wrap{
    display: flex;
    gap: 25px 4%;
    flex-wrap: wrap;
}
.prjct-box{
    flex: 0 0 48%;
}
.proj-cnt{
    padding: 25px 0px;
}
.proj-cnt h5{
    margin-bottom: 10px;
    font-family: var(--heading-font-regular);
    font-size: 14px;
}

.certi-inn-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 25px 2%;
        justify-content: center;
}
.certi-box{
    flex: 0 0 32%;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 8px;
}

/*************** NEWS DETAIL ***************/
.news-detail-wrap{display:flex;gap:0 5%;align-items:flex-start;}
.news-detail-main{flex:0 0 68%; overflow: hidden;}
.news-detail-side{flex:0 0 27%;position:sticky;top:110px;align-self:flex-start;}
.news-detail-img{margin-bottom:35px;overflow:hidden;border-radius:6px;}
.news-detail-img img{width:100%;display:block;}
.news-detail-meta{display:flex;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap;}
.news-detail-meta span{font-size:14px;color:#6b6b6b;display:flex;align-items:center;gap:6px;}
.news-detail-meta span i{color:var(--secondary-color);}
.news-detail-main p{color:#4a4a4a;font-size:17px;line-height:28px;}
.news-detail-main h3{font-size:26px; font-weight: 700; }
.news-detail-share{display:flex;align-items:center;gap:15px;margin-top:20px;padding-top:30px;border-top:1px solid #e5e5e5;}
.news-detail-share span{font-weight:700;color:var(--primary-color);font-size:14px;}
.news-detail-share a{width:36px;height:36px;border:1px solid var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:14px;}
.news-detail-share a:hover{background:var(--secondary-color);color:#fff;}
.side-box{background:#f6f6f8;padding:30px;margin-bottom:30px;}
.side-box h6{color:var(--primary-color);font-weight:700;margin-bottom:22px;border-left:4px solid var(--secondary-color);padding-left:12px;}
.side-news{display:flex;gap:15px;margin-bottom:18px;}
.side-news:last-child{margin-bottom:0;}
.side-news-img{flex:0 0 70px;height:70px;overflow:hidden;border-radius:6px;}
.side-news-img img{width:100%;height:100%;object-fit:cover;display:block;}
.side-news-text a{color:var(--primary-color);font-weight:600;font-size:14px;line-height:19px;display:block;margin-bottom:6px;}
.side-news-text a:hover{color:var(--secondary-color);}
.side-news-text span{color:#8a8a8a;font-size:12px;}
.side-contact{background:var(--primary-color);color:#fff;}
.side-contact h6{color:#fff;}
.side-contact p{color:#c7cbdb;font-size:14px;margin-bottom:20px;}
.hw-works{ margin-bottom: 100px;}
.clnt-logo-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 1%;
}
.clnt-logo-list li{
    flex: 0 0 15.83333%;
    border: 1px solid #e3e3e3;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    border-radius: 8px;
}


/*************** inner banner ***************/
.banner {
	width: 100%;
	height: 400px;
	display: flex;
	flex-direction: column;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../images/banner.jpg);
	background-color: var(--primary-color);
	justify-content: center;
	text-align: center;
	border-radius: 0 0 200px 0;
	width: 100%;
    overflow: hidden;

}

.banner::before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top:0px; background-color: var(--black); opacity: 0.36; }


.banner h1 {
	color: var(--white);
	font-size: 34px;
	margin:40px 0 12px;
	padding: 0;
	position: relative;
	z-index: 1;
	font-weight: 700;
}

.breadcrumb {
	display: flex;
	color: var(--white);
	margin: 0;
	position: relative;
	z-index: 1;
	text-align: center;
	justify-content: center;
}

.breadcrumb ul {

	display: flex;

	flex-wrap: wrap;

	list-style: none;

	margin: 0;
}

.breadcrumb li {
	margin: 0;
	font-size: 13px;
	color: var(--white);
	letter-spacing: .5px;
}

.breadcrumb li:not(:last-child)::after {
	display: inline-flex;
	margin: 0 5px;
	content: "  ";
	width: 13px;
	height: 1px;
	background-color: var(--white);
	position: relative;
	top: -3px;
	transform: rotate(298deg);
}

.breadcrumb a {
	color: var(--white);
}

.breadcrumb a:hover {
	color: #cccccc;

}


/*************** table style ***************/
.responsive-table{overflow-x: auto;}
.table-style {border-collapse: collapse;width: 100%;}
td, th {border: 1px solid #ddd;padding: 8px;}
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}
th { padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: var(--primary-color);color:var(--white);}

/**********forms**************/
form{margin:0;padding:0;}
*:focus {outline: none;}
.fieldset{width:100%;height: 50px;padding: 8px 15px;background-color: var(--white);display:block;border: 1px solid #c1c1c1;
margin:0 0 10px 0;color: #262626;font-size: 14px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;}
textarea.fieldset, textarea{ height: 140px; }
.sendbutton{width:auto;height:auto;border:0;outline:0;margin:0 5px 0 0;float:left;color:var(--white);font-size: 18px;cursor:pointer;
vertical-align:top;padding: 14px 25px 16px;text-align:center;background-color: var(--secondary-color);text-transform:uppercase;
border-radius: 50px;}
.sendbutton:hover{background-color:var(--primary-color);color:var(--white);}
::-webkit-input-placeholder {color: #262626 !important;}
:-moz-placeholder {color: #262626 !important;}
::-moz-placeholder { color: #262626 !important;}
:-ms-input-placeholder { color: #262626 !important;}

/*************HOVER EFFECT*******/
.hover-effect{width:100%;display: block;position:relative;overflow:hidden;}
.hover-effect i{width:50px;height:50px;background-color:var(--primary-color);color:var(--white);position:absolute;left:50%;top:-100px;z-index:1;line-height:50px;
text-align:center;margin:0 0 0 -25px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.hover-effect:hover i{top:50%;margin:-25px 0 0 -25px;}
.hover-effect:hover i:hover{background-color:var(--secondary-color);}
.hover-effect img {display:block;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;width:100%;}
.hover-effect:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

/*********file chosen style**************/
input[type="file"] {
    display: none;
}
.custom-file-upload {
    /* border: 0; */
    display: block;
    /* padding: 10px 20px; */
    line-height: 32px;
    cursor: pointer;
    background-color: var(--primary-color);
    color: var(--white);
    border-color: var(--primary-color);
}

/************************************* 1330px *************************************/
@media only screen and (max-width: 1450px) {
.container{ width:95%;}
.scrollwrap { width: 100% !important; padding: 0;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
.hero-content h1{font-size: 30px;}
.about-top{flex-wrap: wrap;gap: 40px;}
.about-text{flex: 0 0 100%;}
.about-image{flex: 0 0 100%;max-width: 460px;}
.heading{font-size: 28px;}
.color-filling-text{font-size: 28px;}
.product-slide{width: 360px;}
.marquee-item{font-size: 26px;padding: 0 22px;}
.industry-box span{font-size: 13px;}
.why-lead{font-size: 26px;}
.why-image-text h3{font-size: 26px;}
.why-image{min-height: 480px;}
.cta-box{padding: 36px 28px;}
.cta-box-body h3{font-size: 22px;}
.final-cta-section{min-height: 460px;}
.final-cta-box h2{font-size: 26px;}
.news-card{height: 380px;}
.footer-left h2{font-size: 32px;}
.footer-col{flex: 0 0 20%;}
.client-slide{height: 46px;}
.nav-toggle{display: flex;}
.header-cta{display: none;}
.main-nav{position: fixed;top: 0;right: -320px;width: 300px;height: 100vh;background: #06122e;padding: 30px;transition: right 300ms ease-in-out;overflow-y: auto;overscroll-behavior: contain;flex: none;z-index: 999;}
.main-nav.active{right: 0;box-shadow: -10px 0 30px rgba(0,0,0,.3);}
.main-nav-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,.1);}
.main-nav-head span{color: var(--white);font-family: var(--heading-font-bold);font-size: 13px;text-transform: uppercase;letter-spacing: .06em;}
.nav-close{display: flex;align-items: center;justify-content: center;width: 34px;height: 34px;background: rgba(255,255,255,.08);border: 0;border-radius: 50%;color: var(--white);font-size: 15px;cursor: pointer;}
.nav-close:hover{background: rgba(255,255,255,.18);}
body.nav-open{overflow: hidden;}
html.nav-open{overflow: hidden;}
.main-nav>ul{flex-direction: column;align-items: flex-start;gap: 0;}
.main-nav>ul>li{width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);}
.main-nav>ul>li>a{padding: 14px 0;width: 100%;justify-content: space-between;font-size: 14px;}
.dropdown-menu{position: static;opacity: 1;visibility: visible;transform: none;display: none;box-shadow: none;background: rgba(255,255,255,.05);width: 100%;}
.main-nav>ul>li.has-dropdown.open .dropdown-menu{display: block;}
.dropdown-menu li a{color: var(--white);}
.dropdown-menu li a:hover{background: rgba(255,255,255,.08);color: #7fb0ff;}
.banner h1 {  font-size: 30px;}
.banner { height: 250px; border-radius: 0 0 100px 0;}
.about-inn-wrap{ flex-direction: column;}
.jouny-box {flex: 0 0 32.6666%; padding: 20px;}
.jouny-wrap { justify-content: center;}
.msn-vsn-box {
    flex: 0 0 50%;}
.msn-vsn-wrap{ gap:0px}
.quality-box {
    flex: 0 0 49%;}
    .ideal-box {
    flex: 0 0 49.5%;}
        .product-list-box {
        flex: 0 0 49%;
    }
    .clnt-logo-list li {
    flex: 0 0 24.22222222%;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
    .contact-inn-wrap, .news-detail-wrap{ flex-direction: column;}
        .news-detail-side {
        width: 100%;
        position: static; margin-top: 25px;
    }
    .product-list-wrap {
  flex-direction: column-reverse;}
  .career-form-wrap form .form-group {

    flex: 0 0 49.5%;
}
.career-form-wrap form {
  
    padding: 30px;}
.sticky{ position: inherit; }
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
.hero-content h1{font-size: 24px;}
.hero-content p{font-size: 16px;}
.hero-content{padding-bottom: 110px;}
.hero-banner-logo{bottom: 108px;}
.hero-banner-logo img{height: 44px;}
.scroll-down{display: none;}
    .jouny-box {
        flex: 0 0 49.5%;
        padding: 30px;
        min-height: auto;
    }
        .banner h1 {
        font-size: 26px;
    }
    .product-list-box {
    flex: 0 0 49%;}
    .product-detail-wrap{ flex-direction: column;}
    .prod-dtl-left { position: initial;}
.about-btm-box { padding: 100px 35px;}
.about-btm-box h2 {
   font-size: 28px;}
.about-btm-box p {
 font-size: 16px;
    line-height: 28px;}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.two-col, .three-col, .four-col, aside, summary{ flex:0 0 100%; margin:0 0 25px 0; }
.fact-boxes{flex-wrap: wrap;gap: 15px;}
.fact-box{flex: 0 0 100%;}
.read-more-btn{position: static;margin-top: 20px;}
.products-head{flex-wrap: wrap;gap: 20px;}
.product-card{padding: 25px;}
.product-meta{padding: 35px 15px 0 0;}
.marquee-item{font-size: 20px;padding: 0 16px;}
.marquee-sep{width: 14px;height: 14px;}
.industries-inner{flex-wrap: wrap;gap: 35px;}
.industries-text{flex: 0 0 100%;}
.industries-grid{flex: 0 0 100%;grid-template-columns: repeat(4, 1fr);gap: 14px;}
.industry-box{gap: 12px;padding: 12px;}
.why-inner{flex-wrap: wrap;gap: 30px;}
.why-text{flex: 0 0 100%;}
.why-image{flex: 0 0 100%;min-height: 420px;}
.why-feature{padding: 20px;gap: 16px;}
.why-feature:hover{transform: none;}
.bottom-cta-grid{grid-template-columns: 1fr;gap: 20px;}
.cta-box{padding: 32px 26px;}
.final-cta-section{min-height: auto;padding: 60px 0 100px;}
.final-cta-inner{display: flex;flex-direction: column;}
.final-cta-box{max-width: 100%;padding: 26px;margin-bottom: 24px;}
.final-cta-box h2{font-size: 22px;}
.final-cta-btn{position: static;align-self: flex-start;}
.news-head{flex-wrap: wrap;gap: 16px;}
.news-grid{grid-template-columns: 1fr;gap: 20px;}
.news-card{height: 320px;}
.news-bg-deco{max-width: 60%;opacity: .35;}
.footer-main{flex-wrap: wrap;gap: 40px;padding-bottom: 45px;}
.footer-left{flex: 0 0 100%;}
.footer-left h2{font-size: 26px;margin-bottom: 35px;}
.footer-addresses{flex-wrap: wrap;gap: 30px;}
.footer-col{flex: 1 1 45%;padding-left: 0;border-left: 0;}
.footer-bottom-inner{justify-content: center;text-align: center;}
.client-slide{height: 36px;}
.testimonial-slide{padding: 0 15px;gap: 14px;}
.industry-box span{font-size: 12px;}
.product-view-btn { display: none;}
.project-inn-wrap{ flex-direction: column;}
.certi-box {
    flex: 0 0 49%;}
.product-detail-wrap, .hw-works{ margin-bottom: 60px;}
}


/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
 .clnt-logo-list li {
    flex: 0 0 32.666%;}
}

/************************************* 575px *************************************/
@media only screen and (max-width: 575px) {
.gap-50{ height: 25px;}
.gap-100{ height: 50px;}
.hero-content h1{font-size: 20px;}
.hero-banner-logo{right: 20px;bottom: 78px;}
.hero-banner-logo img{height: 34px;}
#site-header{padding: 14px 0;}
.site-logo img{height: 36px;}
.about-text h2{font-size: 22px;}
.fact-number{font-size: 36px;}
.marquee-item{font-size: 16px;padding: 0 12px;}
.industries-grid{grid-template-columns: repeat(2, 1fr);gap: 12px;}
.industry-box{aspect-ratio: 1.3/1;}
.why-feature{flex-direction: column;text-align: center;align-items: center;}
.why-image-text{padding: 0 24px;}
.why-lead{font-size: 22px;}
.why-image-text h3{font-size: 22px;}
.why-image{min-height: 340px;}
    .heading {
        font-size: 24px;
    }
.jouny-box {
  
        padding: 20px;}
        .jouny-box h6 {
    font-size: 15px;
}
.msn-vsn-wrap{ flex-direction: column; align-items: normal; gap: 20px;}
.msn-vsn-box{ min-height: auto; margin-top: 0px !important;}
  .heading br{ display: none;}
  .section-spacing{ padding: 60px 0px;}
  .product-list-box .product-meta h3 {
    font-size: 16px;}
    .subheading {
    font-size: 22px;}
    .news-detail-main h3 {
   
    font-size: 20px;}
.career-form-wrap form{ flex-direction: column;}
.subheading br{ display: none;}
.about-btm-box h2 {
        font-size: 20px;
    }
    .about-btm-box{ margin-top: 60px;}
        .banner {
   
        border-radius: 0 0 60px 0;}
   
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.jouny-wrap{ flex-direction: column;}
.jouny-box-img{ background-image: none; padding: 0px;}
.jouny-box-img img{ display: block; width: 100%;}
    .heading, .banner h1 {
        font-size: 22px;
    }
.msn-vsn-box { padding: 20px 20px 62px;}
.product-list-box .product-card{ padding: 0px;}
.quality-box-wrap{ flex-direction: column;}
.prod-dtl-right h1 {
    font-size: 24px;}
    .certi-inn-wrap{ flex-direction: column;}
        .clnt-logo-list li {
        flex: 0 0 49.5%;
    }
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.product-list-right, .ideal-box-wrap{ flex-direction: column;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {
}

/* Request a Quote popup */
body.quote-modal-open{overflow: hidden;}
.quote-modal{position: fixed;inset: 0;z-index: 2000;visibility: hidden;opacity: 0;transition: opacity 300ms ease, visibility 300ms ease;display: flex;align-items: center;justify-content: center;padding: 20px;overflow-y: auto;}
.quote-modal.is-open{visibility: visible;opacity: 1;}
.quote-modal-overlay{position: absolute;inset: 0;background: rgba(2,10,40,.72);backdrop-filter: blur(3px);}
.quote-modal-dialog{position: relative;display: flex;max-width: 900px;width: 100%;max-height: calc(100vh - 60px);overflow: hidden auto;margin: auto;background: var(--white);border-radius: 16px;box-shadow: 0 30px 70px rgba(0,0,0,.35);transform: translateY(24px) scale(.97);opacity: 0;transition: transform 350ms cubic-bezier(.2,.8,.2,1), opacity 300ms ease;}
.quote-modal.is-open .quote-modal-dialog{transform: translateY(0) scale(1);opacity: 1;}
.quote-modal-close{position: absolute;top: 16px;right: 16px;width: 34px;height: 34px;border-radius: 50%;border: 0;background: rgba(0,0,0,.06);color: var(--body-color);font-size: 22px;line-height: 1;cursor: pointer;z-index: 5;transition: background 200ms ease, color 200ms ease;}
.quote-modal-close:hover{background: var(--secondary-color);color: var(--white);}
.quote-modal-side{flex: 0 0 34%;background: linear-gradient(155deg, var(--primary-color), #06122e);color: var(--white);padding: 44px 32px;display: flex;flex-direction: column;justify-content: center;}
.quote-modal-side h3{font-family: var(--heading-font-bold);font-size: 22px;line-height: 1.3;margin: 0 0 16px;}
.quote-modal-side p{font-size: 14px;line-height: 1.7;opacity: .85;margin: 0 0 22px;}
.quote-modal-points{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 12px;font-size: 13px;}
.quote-modal-points li{display: flex;align-items: center;gap: 10px;}
.quote-modal-points i{width: 22px;height: 22px;flex: none;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--secondary-color);font-size: 10px;}
.quote-modal-form{flex: 1;padding: 44px 40px;min-width: 0;}
.quote-modal-form .subheading{margin-bottom: 20px;}
.quote-modal-form .contact-form{transition: opacity 200ms ease;}
.quote-modal-form .contact-form.is-hidden{display: none;}
.quote-modal-form .form-field{margin-bottom: 4px;}
.quote-modal-success{display: none;font-size: 15px;line-height: 1.7;color: var(--secondary-color);font-family: var(--heading-font-bold);}
.quote-modal-success.is-visible{display: block;}
@media (max-width: 768px){
.quote-modal-dialog{flex-direction: column;max-height: calc(100vh - 30px);}
.quote-modal-side{padding: 28px 24px;}
.quote-modal-form{padding: 30px 24px 34px;}
}

/* Product listing: keep the desktop design at the tablet/desktop breakpoint. */
@media only screen and (min-width: 981px) {
    .product-list-wrap {
        align-items: flex-start;
    }

    .product-list-left {
        flex: 0 0 22%;
        min-width: 0;
    }

    .product-list-left .pro-seach-box,
    .product-list-left .dept-search-form,
    .product-list-left .dept-search-input {
        width: 100%;
        max-width: 100%;
    }

    .product-list-right {
        flex: 1 1 0;
        min-width: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 25px 1%;
    }

    .product-list-right .product-list-box {
        width: auto;
        min-width: 0;
        flex: none;
    }
}

/* Product listing cards: keep featured images and card content aligned. */
.product-list-right .product-list-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-list-right .product-list-box .product-card {
    height: 260px;
    min-height: 260px;
    padding: 20px;
    box-sizing: border-box;
}

.product-list-right .product-list-box .product-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-list-right .product-list-box .product-meta {
    flex: 1;
}

.catgry-sublist {
    margin: 10px 0 0;
    padding: 0 0 0 15px;
    list-style: none;
}

@media only screen and (max-width: 767px) {
    .product-list-right .product-list-box .product-card {
        height: 220px;
        min-height: 220px;
    }
}

@media only screen and (max-width: 480px) {
    .product-list-right .product-list-box .product-card {
        height: 200px;
        min-height: 200px;
    }
}

.justify {
    text-align: justify;
    
}