/* Global */
.oswald{font-family:oswald;}
.montserrat{font-family:montserrat;}

body{font-family:montserrat;}
a{text-decoration:none;}
.btn-style{font-family:oswald;font-weight:500; font-size:18px;text-transform:uppercase;background:#367c2b;color:#fff;display:inline-block;padding:10px 40px;border:1px solid #367c2b;}
.btn-style:hover{background:#fff;}
.post, .page{margin:0 !important;}
.mfp-bg,.mfp-wrap{width:100vw !important;}
.error-404.not-found.top-section{max-width: 1540px; margin: auto;  padding: 0 20px 100px;text-align:center;font-size:18px;}
.error-404.not-found.top-section h1 { font-size: 230px;  font-family: oswald;  text-align: center;  color: #3c7f31; margin: 0;text-shadow: -3px 5px #000;}
.error-404.not-found.top-section h2{font-size:48px;  text-transform: uppercase; margin: 0px;}

.single-post { max-width: 1320px;margin: 0 auto; padding: 0 20px;}
@media(max-width:980px){
	.error-404.not-found.top-section h1 { font-size: 180px;}
	.error-404.not-found.top-section h2{font-size:35px;}
	.error-404.not-found.top-section{padding-bottom:80px;}
}
@media(max-width:767px){
	.error-404.not-found.top-section h1 { font-size: 150px;}
	.error-404.not-found.top-section h2{font-size:30px;}
	.error-404.not-found.top-section{padding-bottom:50px;}
}
/* Header */

#masterhead {  width: 100%;  display: flex;	flex-direction:column;  justify-content: center;align-items:center;z-index:999;}
.header-container {  width: 100%;  display: flex;  justify-content: space-between;  gap: 20px;  align-items: center; padding: 5px 40px;  max-width: 1780px;}
.top-header {  width: 100%;  background: #367c2b;  color: #fff;  padding: 5px 40px;  display: flex;  justify-content: center;}
.top-bar {  width: 100%;  max-width: 1700px;  display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;}
.header-container  #site-navigation {  display: inline-block;  width: auto;}
.header-container .main-navigation a{  font-family: Oswald;  font-weight: 500;  color: #353535;	font-size: 21px;text-transform:uppercase;}
.header-container .main-navigation li {  padding: 20px 0px 20px 120px;}
.header-container .main-navigation li.current_page_item a,.header-container .main-navigation a:hover {  color: #367c2b;}
.top-bar .mail-phone {  display: flex;  align-items: center;  gap: 20px;  flex-wrap: wrap;}
.top-bar .mail-phone li{margin:0;list-style-type:none;}
.top-bar .mail-phone a{color:#fff;}
.top-bar .mail-phone a:hover {color: #dbdbdb;}
.top-bar .mail-phone svg{fill:#fff !important;}
.top-bar h4{font-size:18px; font-weight:500;font-family:oswald;  margin: 0;  text-transform: uppercase;}
.top-bar .mail-phone .mail a {  font-size: 21px;}

/* .top-section { padding-top: 80px !important;} */

@media(max-width:1280px){
	.header-container .main-navigation a{font-size:20px;}	
.header-container .main-navigation li {  padding: 20px 0px 20px 80px;}
}

@media(max-width:980px){
	.custom-logo-link {  width: 180px;}
	.header-container  #site-navigation .menu-header-container {  position: absolute;  left: 50%;  transform: translate(-50%, 20px);  width: 100%;  background: #fff;z-index:99;}
	.header-container .main-navigation a{font-size:18px;}
	.header-container .main-navigation li{padding:10px 20px;}
	.menu-toggle {  background: transparent;  border: none;  outline: none;  color: #367c2b;  font-size: 24px;padding:0;}
}
@media(max-width:767px){
	.top-header {padding:10px 40px;}
	.top-bar .mail-phone{gap:5px;justify-content: space-between; width: 100%;}
	.custom-logo-link { width: 120px;}
}

/* Home */

.page-content, .entry-content, .entry-summary { margin: 0 !important;}
.banner-headline h1::after {
  background: url(http://stagingwebsite4u.com/sg/axial/wp-content/uploads/2025/06/lines.png);background-repeat: repeat;/*content: ''*/;width: 300px; display: inline-block; height: 60px; background-position: center; background-repeat: no-repeat;}

.product-slider .product-each { /*min-height: 390px; padding: 20px; background-size: cover; background-position: center; */display: flex; align-items: end; flex-direction:column;}
.product-slider .product-each img{width: 100%;  aspect-ratio: 1/1; object-fit: cover;border:1px solid #e7e7e7;}
.product-slider .product-each::before{content:"";position:absolute;height:100%;width:100%;left:0;top:0;background: linear-gradient(#fff0 40%,#000000d6 100%);z-index:1;}
.product-each .dtls { width: 100%;  display: flex; color: #fff; z-index: 2; font-family: montserrat; font-size: 22px; align-items: center; justify-content: space-between;  padding: 20px;  position: absolute;  bottom: 0;  left: 0;align-items: end;}
.product-each h3{margin:0;font-weight:500;  width: calc(100% - 50px);}
.product-each .dtls a { background: #367c2b; color: #fff; padding: 5px; width: 30px; height: 30px; font-size: 16px; border-radius: 50%;display: flex; justify-content: center; align-items: center;border:2px solid #367c2b;}
.product-each .dtls a:hover{background:#fff;color:#367c2b;}

.product-slider.owl-theme .owl-nav{width: 100%; position: absolute;  left: 0;  top: 0;  height: 100%;  margin: 0;  display: flex;  justify-content: space-between; align-items:center; padding: 20px; pointer-events: none;}

.product-slider.owl-theme{padding: 0 80px;}
.owl-carousel.product-slider.owl-theme .owl-nav button {  color: #fff;  width: 40px;  height: 40px;  font-size: 20px;  border-radius: 50%; background: #367c2b;  pointer-events: all;}
.owl-carousel.product-slider.owl-theme .owl-nav button:hover{background:#555;}

.brands-wrap .owl-stage{display:flex;}
.brands-wrap .brand-each {  display: flex;  padding: 15px 50px;  height: calc(100% - 40px);  justify-content: center;  align-items: center;  max-height: 180px;  box-shadow: 0 0 20px #dfdfdf;  margin: 20px 10px;}
.brands-wrap .brand-each img{max-height: 100%;  max-width: 100%;  object-fit: contain; object-position: center; width: unset !important;}
.brands-wrap.owl-theme .owl-dots .owl-dot span{background: #367C2B61;}
.brands-wrap.owl-theme .owl-dots .owl-dot.active span, .brands-wrap.owl-theme .owl-dots .owl-dot:hover span{background:#367c2b;}
.banner-each { background-size: cover; background-position:center;}

.industri-wrap .owl-nav {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 20px 30px;
  width: 100%;
  text-align: right !important;
	transform: translateY(-50%);
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
}

/* .owl-theme.industri-wrap .owl-nav .disabled{display:none;} */
.industri-wrap .owl-nav button {
  background: #367c2b !important;
  width: 40px;
  height: 40px;
  color: #fff !important;
  font-size: 20px !important;
  border-radius: 50% !important;
}
.pad-inline {padding-inline: clamp(20px,5vw,80px);}
@media(max-width:980px){
	.brands-wrap .brand-each{padding:15px 30px;}
	.industri-wrap .owl-nav {padding:20px;}
	.product-each .dtls{font-size:20px;}
}
@media(max-width:767px){
	.brands-wrap .brand-each{padding:15px;}
	.product-each .dtls{font-size:18px;}
	.banner-each{  min-height: 480px !important;}
	.product-slider.owl-theme {padding: 0 50px;}
	.product-slider.owl-theme .owl-nav{ padding: 0px; }
}

/* About */

.gallery-each { width: 33.3%; height: 320px; overflow: hidden; display: block;justify-content:center;}
.gallery-wrap { display: flex; flex-wrap: wrap;  justify-content: center;}
.gallery-each img {  margin: 15px;  width: calc(100% - 30px);  height: calc(100% - 30px);  object-fit: cover;  object-position: center;}

@media(max-width:980px){
	.gallery-each {width: 33%;height: 260px;}
}
@media(max-width:767px){
	.gallery-each {width: 50%;height: 160px;}
	.gallery-each img { margin: 10px; width: calc(100% - 20px);height: calc(100% - 20px);}
}

/* Product */

.product-details {  display: flex;  max-width: 1270px;  margin: auto;  width: 100%;  padding: 50px 0;gap: 20px;}
.product-details .dtls{padding:80px 0px 0 100px;font-family: montserrat;  color: #262626;  font-size: 20px;  line-height: 36px;}
.single-product-img img { width: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: center;}
.product-details .dtls h1 {  font-family: oswald;  text-transform: uppercase;  font-size: 48px;  color: #353535;  margin: 0;  padding-bottom: 20px;line-height: 58px;}
.breadcrumb {  font-family: montserrat;  font-size: 18px;  text-transform: uppercase;  font-weight: 500;  padding-bottom: 10px;color:#262626;}
.breadcrumb a {  color: #367c2b;}
.product-details .single-product-img ,.product-details .dtls{ width: 50%;}
.related-products { max-width: 1700px;width:100%; margin: auto;padding: 80px 0 100px;}
.related-products .product-loop{padding:0 85px;}
.each-product { display: block;}
.each-product .product-img { width: 100%;object-fit: cover; aspect-ratio: 1/1;  border: 1px solid #e7e7e7;}
.each-product h5 {  font-size: 24px;  text-transform: uppercase;  font-family: oswald;  color: #000;  margin: 0; padding-top: 15px;font-weight:500;}
.each-product:hover h5 {color:#367c2b;}
.related-products h2, .product.contact h2 { font-family: oswald; text-transform: uppercase; font-size: 48px; text-align: center; margin: 0 0 10px;}
.product.contact{  max-width: 1270px;  margin: auto; width: 100%;  padding: 50px 0 80px; border-bottom: 1px solid #ddd;}
.single-product { border-bottom: 1px solid #ddd;padding:0 20px;}
.letest-product-wrap.owl-carousel{position:relative;}
.letest-product-wrap.owl-carousel .owl-nav{position: absolute;width: calc(100% + 180px);height: 100%;top: 0;left: -90px;display: flex;justify-content: space-between; align-items: center;z-index: -1;}
.letest-product-wrap.owl-carousel .owl-nav button.owl-prev,.letest-product-wrap.owl-carousel .owl-nav button.owl-next { background: #b8b8b8; width: 40px; height: 40px; border-radius: 50%; color: #fff;font-size: 24px;}
.letest-product-wrap.owl-carousel .owl-nav button.owl-prev:hover,.letest-product-wrap.owl-carousel .owl-nav button.owl-next:hover{background:#367c2b;}

.product-wrapper .product-img { height: 350px;  width: 100%;}
.product-wrapper { display: flex; flex-wrap: wrap;margin:0 -15px;}
.product-wrapper .each-product{width:calc(25% - 30px);margin:15px;}

.product-details .dtls ul {  margin: 0;  padding: 0 0 0 20px;}
.product-details .dtls ul ::marker {color: #367c2b;}
.product-details .dtls a { color: #367c2b;}

/*10/09*/

.addcap-archive h3{	margin: 0;  color: #fff;  font-weight: 600;  font-size: clamp(24px,1vw,18px);  padding-left: 20px;}
.archive-head p {  margin: 0;}

.custom-archive .product-wrapper{max-width: 1550px;  margin: auto;  padding: 100px 20px;}

.product-wrapper .each-product h5{background: #367c2b;  font-family: montserrat;  font-size: 20px;  text-transform: unset;  margin-top: -5px;  padding: 15px 20px 10px;  color: #fff;}
.custom-archive .product-wrapper .each-product h5:hover{background:#353535;}

@media(max-width:1180px){
	.product-details .dtls{padding: 50px 0px 0 40px;}
	.letest-product-wrap.owl-carousel .owl-nav { width: calc(100% + 120px); left: -60px;}
	.related-products .product-loop{padding:0 65px;}
	.product-wrapper .each-product{width:calc(33.3% - 30px);}
	.product-wrapper .product-img { height: 320px;}
}
@media(max-width:980px){
	.breadcrumb{font-size:16px;}
	.product-details{padding:20px 0 80px;}
	.product-details .dtls h1{font-size:40px;padding-bottom:0;line-height:50px;}
	.related-products h2,.product.contact h2{font-size:35px;}
	.product-details .dtls{ font-size: 18px; line-height: 28px;padding: 30px 0px 0 30px;}
	.related-products,.product.contact { padding: 60px 0 80px;}
	.related-products .product-loop{padding:0 65px;}
	.each-product h5 {font-size: 20px;}
	.single-product-img .breadcrumb{font-size:16px;}
	.letest-product-wrap.owl-carousel .owl-nav button.owl-prev,.letest-product-wrap.owl-carousel .owl-nav button.owl-next {font-size:18px;}
	.product-wrapper .each-product{width:calc(50% - 30px);}
	
	.custom-archive .product-wrapper{padding:80px 20px;}
}
@media(max-width:767px){
	.each-product h5 {font-size: 18px;}
	.product-details {padding: 20px 0 60px; flex-direction: column;}
	.product-details .single-product-img, .product-details .dtls {width: 100%;}
	.product-details .dtls{padding:0;}
	.product-details .dtls h1 { font-size: 35px; line-height:45px;}
	.related-products,.product.contact { padding: 40px 0 60px;}
	.related-products .product-loop { padding: 0 50px; }
	.letest-product-wrap.owl-carousel .owl-nav {width: calc(100% + 120px);  left: -60px; }
	.related-products h2,.product.contact h2 { font-size: 30px;margin-bottom: 20px; }
	.product-wrapper .product-img { height: 280px;}
	.product-wrapper .each-product{width:100%;}
	
	.custom-archive .product-wrapper{padding:50px 20px;}
}

/* Brand */

.brands-box .brand-each { width: 15.5%; padding: 5px 20px; display: flex; justify-content: center;}
.brands-box { display: flex; flex-wrap: wrap; justify-content: center;align-items: center;}
.top-brand-section .brand-each { width: 25%; padding: 15px 40px; box-shadow: 0 0 2px #ddd;}
.top-brand-section{ display: flex;  justify-content: center;  box-shadow:0 0 20px #ddd;width:80%;flex-wrap:wrap;}
.top-brand-row{width: 100%;display: flex;justify-content: center; padding: 60px 0;}
.brands-box .brand-each img{object-fit:contain;object-position:center;}

@media(max-width:980px){
	.top-brand-section{width:100%;}
	.top-brand-row{padding:40px 0;}
	.brands-box .brand-each{width:20%;}
	.top-brand-section .brand-each {width: 25%;padding: 15px 30px;}
	
}
@media(max-width:767px){
	.brands-box .brand-each{width:33.3%;padding:5px 10px;}
	.top-brand-section .brand-each {width: 50%;padding: 15px 30px;}
	
}

/* Contact */

.contct-row p {  width: 50%;}
.contct-row { display: flex;  gap: 30px;}
.contact {
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{ width: 100%; padding: 15px 20px; border-radius: 0; color: #262626; font-size: 16px;font-weight: 500;font-family:montserrat;  outline: none;}
	
	input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{border-color:#367c2b;}
	textarea{min-width:100%;}
}
.contact button,.contact input[type="submit"]{background: #367c2b; color: #fff; padding: 15px 60px; border-radius:0;border: 1px solid #367c2b;}
.contact button:hover,.contact input[type="submit"]:hover,.contact button:focus,.contact input[type="submit"]:focus{background:#fff;color: #367c2b;border: 1px solid #367c2b;}
.contact [type="checkbox"],.contact [type="radio"] {height: 20px; width: 20px;accent-color: #367c2b;}
.contact form p { margin: 15px 0;}
.contact p:has(.btn-style) {display: flex; justify-content: center; padding-left: 50px;}
.contact .wpcf7-list-item{margin:0;font-size: 14px; color: #262626;}
.contact .wpcf7-list-item label{display: flex; gap: 10px; align-items: center;}
::placeholder{opacity:1;color: #262626;}

@media(max-width:767px){
	.contct-row p {  width: 100%;}
	.contct-row { flex-direction:column;  gap:0px;}
	.contact .wpcf7-list-item label{align-items:start;}
	.contact form p { margin: 10px 0;}
}

/* Footer */

.f-contact { width: 100%; max-width: 1360px;margin: auto;padding:20px 35px 10px 0px;display:flex;gap:20px;  justify-content: space-between;  align-items: center;}
.f-contact .left { display: flex;  align-items: center;}
.f-contact .left h3 { font-family: montserrat; font-size: 30px;color:#353535;  font-weight: 700;margin:0;}
.f-contact .btn-style{white-space:nowrap;}

.footer-container {width: 100%;max-width: 1360px;margin: auto;font-family:montserrat; display: flex;  padding-top: 35px; border-top: 1px solid #ddd; padding-bottom: 20px;}
.footer-container ul ,.footer-container li{ list-style-type: none; padding: 0; margin: 0;}
.f-dtls .uagb-iconbox-icon-wrap { padding: 0 !important; border: 0 !important;}
.footer-container h3 { margin: 0; font-size: 24px; font-family: oswald; text-transform: uppercase; color: #367c2b; font-weight: 600;  margin-bottom: 30px;}
.copyright {width: 100%;  background: #367c2b;  color: #fff;  padding: 5px 20px; text-align: center; font-weight:500; margin: 0;}
.f-dtls { display: flex; flex-direction: column; gap: 15px;  width: 23%; align-items: start; padding-left: 40px;}
.f-dtls img{width:200px;}
.f-dtls .phone a { color: #080808;}
.menu.f-nav{width:12%;  padding-left: 40px;padding-right:20px;}
.f-product{width:39%;  padding-left: 40px;}
.newsletter {padding-left: 15px; width: 26%;padding-right:10px;}
.newsletter .newsletter-form p{display:flex;}
.newsletter.contact button, .newsletter.contact input[type="submit"],.newsletter.contact input[type="email"]{padding:10px 15px;  height: 46px;}

.f-dtls .mail a{ color:#000;}
.footer-nav a { color: #000; font-weight: 500; font-size: 16px; text-decoration: none;}
.footer-nav li{padding-bottom:15px;}
#menu-footer-2 {  display: flex;  flex-wrap: wrap;}
#menu-footer-2 li {padding-right: 10px;width: 50%;}
.footer-nav .Green-link a {  color: #367c2b; text-decoration: underline;font-weight: 600;}
.hide-lg.copyright{display:none;}

@media(max-width:1200px){
	.f-dtls{padding-left:30px;}
}
@media(max-width:980px){
	.f-contact .left h3{font-size:24px;}
	.f-contact .left img {width: 140px;}
	.f-dtls img {  width: 180px;}
	.footer-container{flex-wrap:wrap;}
	.f-dtls{ width: 100%;  padding:0 35px 30px 20px;flex-direction: row; justify-content: space-between; align-items: center;}
	.newsletter {width: 100%; padding: 0 20px;}
	.f-product{width: 70%; padding: 20px 20px 0;}
	.menu.f-nav{width: 30%;  padding: 20px 20px 0;}
	.hide-lg.copyright{display:block;padding:0 20px;}
	.hide-mob.copyright{display:none;}
}
@media(max-width:767px){
	.footer-container{flex-direction:column;gap:20px;padding:20px;}
	.menu.f-nav,.f-product,.f-dtls,.hide-lg.copyright,.newsletter{width:100%;padding:0; flex-direction: column;align-items: start;}
	.f-contact .left h3 {  font-size: 20px;  }
	.f-contact .left img { width: 90px;}
	.f-contact{flex-direction: column;  padding: 20px;gap:0;}
	.btn-style{padding: 10px 30px;}
	.f-dtls img {  width: 150px;}
	#menu-footer-2 { justify-content: space-between;}
}

/* 09/10 */

.archive-title h1 {color: #fff;  font-size: clamp(40px, 3vw, 60px);  text-align: center;}