html, body {
   font-family: "Outfit", sans-serif;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
    letter-spacing: 0.5px;
}
body:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;opacity: 0;visibility: hidden;z-index: 1;}
body.offcanvas-menu:before {opacity: 1;z-index: 1002;visibility: visible; }
p {margin: 0;padding: 0;box-sizing: border-box;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {margin: 0;padding: 0;box-sizing: border-box;}
a .a{-webkit-transition: .3s all ease; -o-transition: .3s all ease;transition: .3s all ease;}
a, a:hover {text-decoration: none !important; }
.hero {height: 100vh;width: 100%;background-size: cover; background-position: center center;background-repeat: no-repeat;}
.site-navbar {margin-bottom: 0px;z-index: 1999;position: absolute;top: 0;width: 100%;padding-top: 0px;}
.site-navbar .toggle-button {position: absolute; right: 15px;top: 25%;}
.site-navbar .site-logo {margin: 0; padding: 0;font-size: 1.7rem; }
.site-navbar .site-logo a {color: #89ba16;text-transform: lowercase; display: flex;
  align-content: center; gap: 10px;}
.site-navbar .site-navigation.border-bottom {border-bottom: 1px solid white !important; }
.site-navbar .site-navigation .site-menu {margin: 0;padding: 0;margin-bottom: 0; }
.site-navbar .site-navigation .site-menu .active {color: #89ba16 !important; }
.site-navbar .site-navigation .site-menu a {text-decoration: none !important;display: inline-block; }
.site-navbar .site-navigation .site-menu > li {display: inline-block;}
.site-navbar .site-navigation .site-menu > li > a {margin-left: 15px; margin-right: 15px;padding: 20px 7px; color: black !important;display: inline-block;text-decoration: none !important;line-height: inherit;font-weight: 400; font-size: 17px;}
.site-navbar .site-navigation .site-menu > li > a:hover {color: #89ba16;}
.site-navbar .site-navigation .site-menu > li.active > a {color: black !important; }
.site-navbar .site-navigation .site-menu .has-children {position: relative; }
.site-navbar .site-navigation .site-menu .has-children > a {position: relative;padding-right: 20px; }
.site-navbar .site-navigation .site-menu .has-children > a:before {position: absolute; content: "\e313";font-size: 16px;top: 50%;
 right: 0;webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-family: 'icomoon';}
.site-navbar .site-navigation .site-menu .has-children .dropdown {visibility: hidden;opacity: 0;top: 100%;position: absolute;text-align: left;   border-top: 2px solid #ff6600;-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);       padding: 0px 0; margin-top: 20px; margin-left: 0px; background: #fff;  -webkit-transition: 0.2s 0s; -o-transition: 0.2s 0s; transition: 0.2s 0s;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { position: absolute; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {display: none;bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;  position: absolute; pointer-events: none; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -10px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a {text-transform: none; letter-spacing: normal; -webkit-transition: 0s all;
 -o-transition: 0s all; transition: 0s all; color: #000 !important; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {color: #89ba16 !important;background: #f8f9fa; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {list-style: none;padding: 0;margin: 0; min-width: 200px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {padding: 9px 20px;display: block; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {background: #f8f9fa;color: #ced4da; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {content: "\e315";right: 20px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {left: 100%;top: 0; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
background: #f8f9fa;color: #ced4da; }
 .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {color: #89ba16; }
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active { cursor: pointer;}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;margin-top: 0px;visibility: visible;opacity: 1;}
.site-mobile-menu { width: 300px;position: fixed; right: 0; z-index: 2000; padding-top: 20px; background: #fff; height: calc(100vh); -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out;  transition: .3s all ease-in-out; }
.offcanvas-menu .site-mobile-menu {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%); }
.site-mobile-menu .site-mobile-menu-header { width: 100%; float: left; padding-left: 20px; padding-right: 20px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {float: right; margin-top: 8px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {font-size: 30px;  display: inline-block; padding-left: 10px;padding-right: 0px; line-height: 1; cursor: pointer; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;color: #1e54a8;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {color: #ced4da; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {float: left;margin-top: 10px;margin-left: 0px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {display: inline-block;text-transform: uppercase; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { max-width: 70px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {text-decoration: none; }
.site-mobile-menu .site-mobile-menu-body {overflow-y: scroll;-webkit-overflow-scrolling: touch;position: relative;padding: 0 20px 20px 20px;height: calc(100vh - 52px);padding-bottom: 150px; }
.site-mobile-menu .site-nav-wrap {padding: 0;margin: 0;list-style: none;position: relative; }
.site-mobile-menu .site-nav-wrap a {padding: 12px 20px;display: block;position: relative;color: #212529; }
.site-mobile-menu .site-nav-wrap a:hover {color: black; }
.site-mobile-menu .site-nav-wrap li {position: relative;display: block;}
.site-mobile-menu .site-nav-wrap li .nav-link.active {color: #89ba16; }
.site-mobile-menu .site-nav-wrap li.active > a {color: black;}
.site-mobile-menu .site-nav-wrap .arrow-collapse { position: absolute;right: 0px; top: 10px; z-index: 20; width: 36px; height: 36px; text-align: center; cursor: pointer;border-radius: 50%;color: #1e54a8;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {background: #f8f9fa;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {font-size: 12px; z-index: 20; font-family: "icomoon";content: "\f078"; position: absolute; top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg);   transform: translate(-50%, -50%) rotate(-180deg);-webkit-transition: .3s all ease;
 -o-transition: .3s all ease;transition: .3s all ease; }
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.site-mobile-menu .site-nav-wrap > li {display: block;position: relative;float: left;width: 100%; }
.site-mobile-menu .site-nav-wrap > li > a {padding-left: 15px;font-size: 17px;}
.site-mobile-menu .site-nav-wrap > li > ul {padding: 0;margin: 0;list-style: none; }
.site-mobile-menu .site-nav-wrap > li > ul > li { display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > a {padding-left: 40px;font-size: 16px; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {padding: 0;margin: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {font-size: 16px;padding-left: 60px; }
.site-mobile-menu .site-nav-wrap[data-class="social"] {float: left;width: 100%;margin-top: 30px;padding-bottom: 5em; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li {width: auto; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {padding-left: 15px !important; }
.sticky-wrapper {position: relative;z-index: 100;width: 100%;top: 0; }
.sticky-wrapper .site-navbar {-webkit-transition: .3s all ease; -o-transition: .3s all ease;transition: .3s all ease;}
.sticky-wrapper .site-navbar {background-color: transpart;}    
.sticky-wrapper .site-navbar ul li a {color: rgba(0, 0, 0, 0.7) !important; }
.sticky-wrapper .site-navbar ul li a.active { color: #000 !important; }
.sticky-wrapper.is-sticky .site-navbar {background: white;-webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);}
.sticky-wrapper.is-sticky .site-navbar .site-logo a {color: #89ba16;}
.sticky-wrapper.is-sticky .site-navbar ul li a {color: #000 !important;}
.sticky-wrapper.is-sticky .site-navbar ul li a.active {color: #89ba16 !important;}
.sticky-wrapper .shrink {padding-top: 0px !important;padding-bottom: 0px !important;}
.sticky-wrapper.sticky-wrapper{height: 86px !important;}



/*jana*/
.tops{display: flex; flex-wrap: wrap;justify-content: flex-start; gap: 10px;}
.ssswe{padding: 10px 300px;}
.follow span img{width:20px;height:20px;vertical-align: top;}
.tops span{font-size: 15px;font-weight:500;}
.tops span a{color:black;}
.tops .follow span{color:#1877f2;font-size:15px;font-weight:500;}
.follow{position: relative;padding-left: 15px;}
.follow::after{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 30px; width: 2px; background-color: #878787;}

.top-bar{padding: 15px 0 15px; background: #1e54a8;}
.topdbs a{color: white;}
.mail {display: flex; gap: 10px;color: white;}
.mail img{width: 25px; height: 25px;}
.mail span{color: white;}
.topdbs{display: flex;flex-wrap: wrap;justify-content:end;}
.phone {display: flex; align-items: center;  gap: 10px; color: #e8e8e8;}
.phone img{width: 16px; height: 16px; align-self: center;}
.site-logo img{width: 84px; height: 60px;}
.site-navbar .site-logo span{color: #333; text-align: left; font-weight: 600; text-transform: uppercase; font-size: 20px;line-height: 25px;
  align-content: center;}
.sdh{padding: 0px 300px;}

/*banner start*/
.banner-wrap {height: auto;overflow: hidden;padding: 0;bottom: 0px;}
.banner-slide {position: relative;}
.banner-text {position: absolute;top: 40%;left:68%;transform: translate(-50%, -50%);z-index: 10;}
.banner-text label {font-size: 37px;line-height: 65px;font-weight: 600;color: white;margin-bottom: 0;text-align: right;  background-color: rgba(0, 0, 0, 0.7);padding: 15px 35px;text-transform: uppercase;width: 100%;}
.banner-text p {font-size: 19px;padding: 15px 34px;line-height: 34px;background-color: rgba(255, 255, 255, 0.7);color: #212121;text-transform: uppercase;font-weight: 600;}
.banner-text img {margin: 30px auto;}
.banner-wrap {position: relative;}
.banner-text { user-select: text;  -webkit-user-select: text;  -moz-user-select: text; -ms-user-select: text;}
/*banner end*/

/*arrows */
.home-slick-prev,
.home-slick-next {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; height: 40px; background-color: white;display: flex !important;align-items: center; justify-content: center; cursor: pointer; border: none;}
.home-slick-prev { right: 20px !important; top: 45%;}
.home-slick-next { right: 20px !important; top: 37%;}
.home-slick-prev:before,
.home-slick-next:before {font-family: "icomoon";font-size: 20px;color: #fff;}
.home-slick-prev:before { content: "\f053"; color: black;} /* left arrow */
.home-slick-next:before { content: "\f054"; color: black;} /* right arrow */

/* Counter */
.slider-counter {position: absolute;bottom: 0; left: 0; z-index: 10; padding: 10px 65px 10px 50px; background: #fff; font-size: 48px;  font-weight: 300;  color: #cfcfcf;  clip-path: polygon( 0 0, 85% 0, 100% 100%, 0 100%);}
.slider-counter .current {font-size: 60px;color: #d2d2d2;font-weight: 500;width: 72px;display: inline-block;}
.slider-counter .total {font-size: 30px; color: #d2d2d2; font-weight: 500;}

.seca{padding: 0px 300px 0px;}
.lesft{width: 100%;padding-top: 75px;}
.lesft h2 span{color:#1e54a8;}
.lesft h2{padding: 0px 291px 0 0;color: #212121;font-size: 36px;line-height: 50px;text-transform: uppercase;}
.lesft p{font-size: 16px;line-height: 30px;padding-top: 20px;padding-bottom: 20px;}


.svg-btn {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.svg-btn img {
  display: block;
    width: 196px;
  height: 47px;
}

/* Center text inside SVG */
.svg-btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  pointer-events: none; /* click goes to <a> */
}

.combo {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 10px;}
.trusted-box {
  height: 100%;
  background: url("../images/trust.webp") center/cover no-repeat;
  position: relative;
  padding: 40px;
  color: #fff;
  height: 523px;
    align-content: center;
    top: -76px;
}

.trusted-box::after{
   content: '';
  position: absolute;
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%
  );
  width: 30px;
  background: white;
  height: 30px;
  right: 0;
  z-index: 9;
  top: 0;
}

.trusted-content h4 {
  font-size: 22px;
  text-transform: uppercase;
font-weight: 300;
    line-height: 30px;
}

.trusted-content p{
  font-size: 20px;
  color: #ff9800;
  font-weight: 500;
    padding: 50px 50px 0 0;
}

.product-slide img{width: 65px;height: 65px;}

/* Count boxes */
.count-box {
padding: 54px 55px;
  color: #fff;
  clip-path: polygon(0 0, 92% 0, 100% 12%, 100% 100%, 0 100%);
  text-align: center;

}

.count-box h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 10px;
   
}

.count-box p {
  font-size: 18px;
  text-transform: uppercase;

}

/* Colors */
.count-box.blue {
  background-color: #1e56a8;
    margin-bottom: 10px;
     margin-top: 10px;
}

.count-box.dark {
  background-color: #333;
}

.combss{padding: 0;}
.twice{padding: 0;}

.prods{padding: 50px 300px;background-image: url("../images/product-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}
.pro h3{color: #212121;font-size: 36px;text-transform: uppercase;}
.pro p{color: #1e54a8;font-size: 36px;text-transform: uppercase;font-weight: 500;}


.steel-img {
  width: 100%;
  display: block;
}

.steel-content {
  position: relative;
  background: #1f56a6;
  color: #fff;
  padding: 30px 25px;
  margin-top: -40px; /* pulls blue box over image */
  text-align: left;
  
}

.steel-content h4 {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.steel-content p {
font-size: 16px;
  line-height: 30px;
  padding: 0px 0px 10px 0;
    min-height: 160px;
}

.steel-content a {
  color: #fff;
  font-size: 17px;
  text-decoration: none;
}

.orange-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #f57c20;
  border-left: 40px solid transparent;
}

.ss {
  padding: 0 10px;
}

.pro{margin-bottom:30px;}
.prsli{padding: 50px 300px;}
.dasd h3{color: #212121;font-size: 36px;text-transform: uppercase;position: relative;}
.dasd p{color: #1e54a8; font-size: 36px; text-transform: uppercase; font-weight: 500;}


.product-slide img{display: block;}
.product-slide h3{color: #1e54a8;font-size: 30px;font-weight:500;padding-top: 15px; padding-bottom: 15px;text-transform: uppercase;}
.product-slide p{font-size:16px;line-height:30px;margin-bottom: 25px;}
/* Space between slides */
.product-slider .slick-slide {
  padding: 0 15px;   /* ← controls gap */
}
.product-slide {
  background-image: url("../images/product-slider.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    padding:30px;
}

.product-slide::before{position: absolute;content: ''; top: 0; right: 0; width: 0; height: 0; border-top: 40px solid #f57c20;
  border-left: 40px solid transparent;}
.dasd{margin-bottom: 30px;}

.btn-link {
  background: #2057aa;
  padding: 15px 32px;
  border: none;
  color: #fff;
  position: relative;
  display: inline-block;
  clip-path: polygon(
    0 0,      /* left top cut */
    0 0,      /* bottom of top-left cut */
    90% 0,      /* start top-right */
    100% 30%,   /* top-right triangle */
    100% 100%,  /* bottom-right */
    10% 100%,   /* start bottom-left */
    0 70%       /* bottom-left triangle */
  );
    font-size: 13px;text-transform: uppercase;
}

.btn-link:hover{color: white;}

.home-product-slick-prev,
.home-product-slick-next {
  position: absolute;
  top: 100%;                 /* move below slider */
  z-index: 10;
  width: 40px;
  height: 40px;
  background-color: #2c2c2c;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}

/* Center arrows together */
.home-product-slick-prev {
  left: 50% !important;
  transform: translate(-50px, 20px); /* left button */
}

.home-product-slick-next {
  left: 50% !important;
  transform: translate(10px, 20px);  /* right button */
}

/* Icons */
.home-product-slick-prev:before,
.home-product-slick-next:before {
  font-family: "icomoon";
  font-size: 20px;
  color: #fff;
}

.home-product-slick-prev:before {
  content: "\f053"; /* left arrow */
}

.home-product-slick-next:before {
  content: "\f054"; /* right arrow */
}

/* Optional hover */
.home-product-slick-prev:hover,
.home-product-slick-next:hover {
  background-color: #2c2c2c;
}


.discussion-box {
  background: #fff;
  border: 1px solid #eee;
}

.form-area h2 {
  font-weight: 600;
  color: #333;
}

.form-control {
  background: #f5f5f5;
  border: none;
  height: 48px;
}

.form-control:focus {
  box-shadow: none;
}

.submit-btn {
  background: #2057aa;
  color: #fff;
  border: none;
  padding: 12px 30px;
  clip-path: polygon(0 0, 92% 0, 100% 25%, 100% 100%, 0 100%);
  cursor: pointer;
}

.submit-btn:hover {
  background: #17458a;
}

.image-area img {
  object-fit: cover;
  height: 100%;
}
button:focus{outline:none;}
.formox{padding: 50px 300px;}



.submit-btn {
  background: #2057aa;
  padding: 10px 35px;
  border: none;
  color: #fff;
  position: relative;
  display: inline-block;
  clip-path: polygon(
    0 0,      /* left top cut */
    0 0,      /* bottom of top-left cut */
    90% 0,      /* start top-right */
    100% 30%,   /* top-right triangle */
    100% 100%,  /* bottom-right */
    10% 100%,   /* start bottom-left */
    0 70%       /* bottom-left triangle */
  );
    font-size: 14px;text-transform: uppercase;
}
.error-message{color:red;margin-top:10px;margin-bottom:10px;}
.form-group{margin-bottom:35px;padding: 0px 40px 0 0;}
.iti{width:100%;}
.form-group label{margin-bottom: 10px;}
.form-area h2{margin-bottom: 35px;font-size: 36px;}


.ssp-footer {
  background: #1e56a0;
  color: #fff;
  padding-top: 60px;
  position: relative;
    background-image: url("../images/footer-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

.footer-title {
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.footer-address,
.footer-contact p {
  font-size: 16px;
  line-height:30px;
}

.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.footer-links li span {
  width: 14px;
  height: 1px;
  background: #fff;
  margin-right: 10px;
   
}

.footer-links li {
  position: relative; /* REQUIRED */
}

.footer-links li::after {
  position: absolute;
  content: '';
  width: 1px;
  left: 0;
  top: 12px;
  background-color: #fff;
  height: 41px;
}

/* HIDE LINE FOR LAST ITEM */
.footer-links li:last-child::after {
  display: none;
}



.footer-links a {
  color: #fff;
  text-decoration: none;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-bottom {
padding: 15px 0;
  margin-top: 40px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.footer-bottom-left {
  font-size: 17px;
}

.footer-bottom a {
  color: #fff;
}

.scroll-top {
  background: #fff;
  color: #1e56a0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.ssp-footer{padding: 50px 300px;}
.footer-logo img{width: 50px; height: 50px;}
.footer-logo{display: flex; gap: 15px; align-content: center; align-items: center;margin-bottom: 30px;}
.footer-logo span{color: white;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.3;padding: 0px 123px 0 0 ;}

.mails img{width: 20px !important; height: 20px !important;max-width: fit-content;}
.footer-contact{display: flex;align-items: center;gap:10px;margin-top: 30px;margin-bottom: 30px;}
.conma h5{font-weight: 400;font-size: 18px;}
.conma p{padding: 0 !important;color: white;}
.conma a {color: white;}

.scroll-to-top {position: fixed;bottom: 3%;right: 30px;width: 50px;height: 50px;background-color: #1f56a6;/* Black Background */ border-radius: 50%;display: flex;justify-content: center;align-items: center;z-index: 1000;cursor: pointer;}
.scroll-to-top:hover {background-color: #1f56a6;}


.progress-circle {position: absolute;top: 0;left: 0;transform: rotate(-90deg);/* Rotate for progress */}
.progress-circle circle {fill: none;stroke: #fff; stroke-width: 5;stroke-dasharray: 283; stroke-dashoffset: 283; transition: stroke-dashoffset 0.3s linear;}

.asfxd{position: relative;}
.asfxd::after{position: absolute; content: ''; right: 10%; color: white; width: 2px; height: 100%; background-color: #6288c2;  top: 0;}

/*whatsapp pluse effect*/
.whats.floating_btn {
  position: fixed;
  bottom: 0%;
  left: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.whats.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.whats.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}
/*whatsapp pluse effect*/

.asfxds{position: relative;}
.asfxds::before{position: absolute; content: '';left: -10px; color: white; width: 2px; height: 100%; background-color: #6288c2; top: 0;}
.site-menu-toggle img{width: 23px;height: 23px;}
.banner-slider .slick-slide {line-height: 0;}

.onlymob {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: black;
    z-index: 999;
    display: flex;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.enquiry {
    width: 100%;
    display: flex;
}

.enquiry a {
    width: 50%;
    text-align: center;
    padding: 12px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    color: white;
}

/* Call Now button */
.call-btn {
    background-color: #1e56a0; 
}

/* WhatsApp button */
.whatsapp-btn {
    background-color: #25D366; 
    color: #fff;
}

.baoutbf{padding: 50px 300px;background-image: url("../images/about-bg.webp");background-size: cover;background-position: center;background-repeat: no-repeat;}
.abd h2{color: #212121;font-size: 36px; line-height: 50px;}
.abd span{font-style:italic;font-size:26px;color:#212121;}
.abd{text-align: left;}
.abd p{font-size:16px;line-height:30px;padding-top: 25px;}

.abde {
  position: relative;
  width: 332px;
  height: 445px;
}

.abde img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Corner overlay */
.abde::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #f0810d;
  right: 0;
  top: 0;
  z-index: 9;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

/* Corner overlay */
.abde::after {
 content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #f0810d;
  left: 0;
  bottom: 0;
  z-index: 9;
  clip-path: polygon(0% 100%, 0 0, 100% 100%);
}

/* MAIN CONTAINER */
.feature-box {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  column-gap: 15px;
  background: #fff;
   margin: 15px 0 15px 0;
}

/* ICON WRAPPER */
.icon-box {
  position: relative;
  background-color: #1e54a8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* ORANGE CORNER */
.icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background-color: #f0810d;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

/* SVG / IMAGE */
.icon-box img {
  width: 100px;
  height: 100px;
  padding: 7px;

}

.icon-box.box img {
  width: 100px;
  height: 100px;
  padding: 20px;

}

/* TEXT */
.feature-box p {margin: 0;
  font-size: 16px;
  color: #000;
  padding: 0px 112px 0 0;
  text-align: left;

}

.eszc{display: flex;flex-wrap: wrap;padding-top: 30px;padding-bottom: 30px;}
.vimis{padding: 50px 300px;}
.box{width: fit-content;}
.box img{width: 100px;height: 100px;background-color: #1e54a8;padding: 15px;}
.ourvision{background-color: #fff9f3;display: flex; flex-wrap: wrap; align-content: center; align-items: center; gap:30px; position: relative;padding: 50px;margin-top: 0px;margin-bottom: 50px;border: 1px solid #eceae7;}
.ourvision::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  background-color: #f0810d;
  right: 0;
  top: 0;
  z-index: 9;
    clip-path: polygon(100% 0, 0 0, 100% 100%);}
.boxcontnet h3{color: #1e54a8;font-size: 36px;font-weight: 500;margin-bottom: 10px;}
.boxcontnet{text-align: left;}
.boxcontnet p{font-size: 16px;line-height: 40px;display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}
.boxcontnet p img{width: 23px;height: 23px;}


.conta{padding: 50px 300px; background-image: url("../images/about-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.cs h2{color: #212121;font-size: 36px;line-height: 50px;}
.cs span{font-size: 26px;color: #212121;}
.cs p{font-size: 16px; line-height: 30px;padding: 15px 115px 0 0;}
.dvgdz{text-align: left !important;}
form.form.con{margin-top: 50px;}



.image-top{position: relative;}
.image-top img{width: 377px; height: 463px;object-fit: cover;}

.image-bottom{position: absolute;left: 0;right: 50%;top: 50%;bottom: 0;align-content: end;}
.image-bottom img{width: 329px; height: 193px;object-fit: cover; border: 10px solid white;}

.sdfxdc{padding: 50px 300px;}
.sssscswe img{width: 50px; height: 50px;}
.sssscswe span{color: #333; text-align: left; font-weight: 600;  font-size: 20px; line-height: 25px; align-content: center;padding: 0px 40px 0 0;}
.sssscswe{display: flex;column-gap: 10px;}
.dfdf p{font-size: 16px;line-height: 30px; text-align: left; padding: 15px 0 0 0;}
.dfsd{border: 1px solid #d6d6d6;padding: 30px 50px;}


.mails.xc img{width: 20px; height: 20px;}
.footer-contact.xc{display: flex;flex-wrap: wrap;align-items: center;gap:10px;margin-top: 0px;margin-bottom: 0px;column-gap: 15px;}
.conma.xc h5{font-weight: 600;font-size: 20px;text-transform: uppercase;color: #333;}
.conma.xc p{padding: 0 !important;color: black;}
.conma.xc a {color: black;}

.dsswrfdf{border: 1px solid #d6d6d6;padding: 30px 50px;}
.conma.xc{text-align: left;}
.footer-contact.xc.s{padding-top: 15px;}

.suppliers h2{color: #212121;font-size: 36px;line-height: 50px;}
.suppliers span{font-size: 26px; color: #212121;padding-bottom: 30px; display: block;}

.supprf{padding: 50px 300px;background-image: url("../images/about-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.suppliers p{line-height: 30px;font-size: 16px; padding: 10px 189px 10px;}
.suplolog{display: flex;flex-wrap: wrap;padding-top: 30px;}
.imgbox{background-color: #f6f6f6; padding:10px 10px;border: 1px solid #dedede;}
.imgbox img{width:150px;height:100px;}

.cred h2{color: #212121;font-size: 36px;line-height: 50px;}
.cred span{font-size: 26px;color: #212121;padding-bottom: 30px; display: block;}
.creditans{padding: 50px 300px;background-image: url("../images/about-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}


.product h2{color: #212121;font-size: 36px; line-height: 50px;}
.product span{font-size: 26px; color: #212121;padding-bottom: 30px;display: block;}
.pproduct{padding: 50px 300px;}
.orange h6{color:white;font-size:26px;text-transform:uppercase;height: 100px; align-content: center;}
.orange{background-color: #f0810d;padding: 75px;}
.shaopro{padding:0px 300px 50px;}
.orange img{width: 100px;height: 100px;}
.grey{background-color: #f3f3f3;}
.orange.fad{background-color: #f3f3f3;}
label.pocs{color: #212121;font-size:18px;text-transform:uppercase;margin-bottom:0;padding-top: 10px;padding-bottom: 10px;}

.interweswsd{padding: 50px 300px;background-image: url("../images/about-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.interruieswe h2{color: #212121;font-size: 36px; line-height: 50px;}
.interruieswe span{font-size:26px;color:#212121;}
.productswes img.custom-img{width:380px; height:450px;object-fit:cover;}
.boin{display: flex;flex-wrap:wrap;justify-content: center;}
.productsw{text-align: left;padding: 0px 100px 0 20px;}
.productsw h2{color:#1e54a8;text-transform:uppercase;font-size: 40px;padding-bottom: 20px;}
.productsw p{font-size: 16px;line-height: 30px;}
.dfs{padding:0;}
.boin{border: 1px solid #e4e4e4;padding:0;background-image: url("../images/industries-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.productswes{position:relative;text-align: left;width: fit-content;}
.productswes::before{content: ''; position: absolute; width: 50px; height: 50px; background-color: #f0810d; right: 0; top: 0; z-index: 9;  clip-path: polygon(100% 0, 0 0, 100% 100%);}
.dfss{position:relative;align-content: center;padding: 0;}
.dfss::before{content: ''; position: absolute; width: 80px; height: 80px; background-color: #1e54a8; right: 0; top: 0; z-index: 9;  clip-path: polygon(100% 0, 0 0, 100% 100%);}
.boin{margin-top: 50px;margin-bottom: 50px;}
.machinery{padding: 50px 300px;background-image: url("../images/about-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.macc h2{color: #212121; font-size: 36px;line-height: 50px;}

.table-responsive{padding-top: 30px;}

.custom-table thead th {
  background: #111;
  color: #fff;
  text-align: center;
  vertical-align: middle;
    font-weight: 500;
}

.custom-table td {
  vertical-align: middle;
}

.custom-table td:nth-child(1) {
  width: 70px;
  text-align: center;
  background-color: #efefef;
}

.custom-table td:nth-child(2) {
  text-align: center;
  background-color: #e7e7e7;
  font-weight: 500;
  padding: 15px 0;
}

.custom-table td:nth-child(3) {

  text-align: center;
  background-color: #f0f0f0;
}

.custom-table td:nth-child(4) {

  text-align: center;
  background-color: #f6f6f6;
}

.table-bordered td, .table-bordered th{border: 1px solid #828282;}
.macc span{font-size: 26px; color: #212121; padding-bottom: 30px; display: block;}


.testing .custom-table td:nth-child(1){text-align: center; background-color: #efefef;width: auto;}
.testing .custom-table td:nth-child(2) {text-align: center;background-color: #e7e7e7;font-weight: inherit;padding: 15px 0;width: auto;}