* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Reddit Sans", sans-serif;
}
html {
  scroll-behavior: smooth;
}
body{
width: 100%;
height: 100%;
  margin: 0px;
  font-family: "Reddit Sans", sans-serif;
  padding: 0px;
  /* overflow: hidden; */
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

:root{
  --blue:#233159;
  --green:#AACD4F;
  --lblue:#03509E;
  --bgblue:#03509e;
  --tblue:#596282;
  --hover:#687d30;
}
h1,h2,h3,h4,h5, h6{
  color: var(--blue);
  margin: 0px ;
}
p{margin: 0px;}
img{width:100%;height: auto;}
a{text-decoration: none;color: var(--blue);    font-size: 16px;
  line-height: 24px;transition: 0.25s linear;cursor: pointer;}
.pt-0{padding-top: 0px !important;}
.pb-0{padding-bottom: 0px !important;}
.pspace{padding: 100px  0px;}
.menu-div a{font-weight: 600;font-size: 16px;}
.sticky{position: sticky;top: 0px;z-index: 9999;border-bottom: 1px solid #dfdede;}
header{background-color: #fff;padding: 10px 0px;overflow: hidden;}
.cbtn{padding: 10px 25px 10px 25px;background: var(--blue);color: #fff;font-weight: 400 !important;width: fit-content;height: fit-content;letter-spacing: 2px;position: relative;z-index: 2;font-size: 14px;}
.cbtn::after{position: absolute;content: '';top: 0px;left: 0px;width: 0%;height: 100%;background: var(--green);transition: 0.3s linear;z-index: -1;}
.cbtn:hover::after{width:100%}
.header .cbtn:hover{color: var(--blue);}
.cbtn:hover{color:#fff}
header .container{grid-template-columns: 210px auto;display: grid;justify-content: space-between;align-items: center;}
.container{width: 85% !important;margin: auto;}
/* header a:hover{color: var(--hover);} */

.menu-div-wrp{position: relative;}
.mt-2.menu-div{display: flex !important;justify-content: start; margin-top: 20px;}
.mt-2.menu-div a:hover{color:var(--blue);}
.menu-div{display: flex;gap: 60px;align-items:center; justify-content:center ;}
.side-menu{display: none;}
.hamburger-menu {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
}

.line {
  width: 30px;
  height: 2px;
  background-color: hsl(0deg 0% 0% / 50%);
  transition: 0.3s ease-in-out;
}
.side-menu{right: 0px;height: 100vh;width: 280px;top: 85px;background: #fff;position: fixed;z-index: 1000;transform: translateX(110%);transition: .25s linear;display: flex;justify-content: space-between;padding-bottom: 30px;flex-direction: column;}
.side-menu.show{transform: translateX(0%);overflow: hidden;
    overflow-y: scroll;}
.side-menu ul{display:grid;}
.side-menu ul li{list-style: none;}
.side-menu ul li a{display: block;font-size: 14px;line-height: 24px;color: var(--blue);transition: .25s linear;font-weight: 600;width: 100%;padding: 10px 15px;border-top:1px solid #eeee;border-bottom: 1px solid #eeee;}
.side-menu ul li a:hover{color:var(--hover);background: #f5f5f5;}
/* Animation for open menu */
.rotate-top {
  transform: rotate(45deg) translate(5px, 4px);
}

.hide {
  opacity: 0;
}

.rotate-bottom {
  transform: rotate(-45deg) translate(1px, -1px);
}


.banner-div {position:relative;height: 80vh;margin-bottom: 50px;}.banner-video {  width: 100%; height: 80vh; object-fit: cover;}.bannersec {height: 100%;}

.banner-div#three{background: url('../images/magnetic-chucks-banner-new.webp');background-position:center center;    background-size: cover;}
.banner-div#two{background: url('../images/quaker-houghton-banner.webp');background-position: center center;    background-size: cover;}
.banner-div#one{background: url('../images/nmc-tools-banner-.webp');background-position:center  center;    background-size: cover;}
.banner-div#four{background: url('../images/blum-banner.webp');background-position:center  center;    background-size: cover;}

.banner-div img{width:100%;height: auto;object-fit: cover;}
.banner-div .container{position: absolute;bottom: 50px;width: 85%;display: flex;left: 7%;}
/* .banner-con{background-color:#e5eecd;border-radius: 25px; border: 1px solid var(--green) ; margin: auto;position: relative;} */
.banner-con{background-color:transparent;border-radius: 25px; margin: auto;position: relative;}
.banner-con::after{position: absolute;right: 32px;content: '';background: url(../images/shape1.png);background-size: contain;height: -webkit-fill-available;width: 40px;
  background-repeat: no-repeat;}
.banner-con{padding:40px 0 0px;justify-content: space-between;width: 100%;}
.ban-hed{margin: 0px;font-size: 50px;line-height: 50px;color: var(--blue);font-weight: 700;width: 530px;letter-spacing: -1px;}
.banner-hed{padding-bottom: 5px;}
.flex-align-last{    display: flex
;
    justify-content: start;
    padding-right: 20px;
    gap: 15px;}
.banner-cdiv{padding-top: 20px;display: flex;justify-content: space-between;flex-direction: column;padding-right: 40px;width: 593px;}
.banner-cdiv p{font-size: 22px;line-height: 30px;color: #242424;    padding-bottom: 50px;}
.banner-swiper  .swiper-pagination{bottom: 15px !important;left: 25% !important;right: auto !important;width: 50% !important;}
.banner-swiper .swiper-pagination-bullet{width: 12px;border-radius: 50px;height: 12px;background:#25698e;opacity: 1;transition: 0.25s linear;}
.banner-swiper .swiper-pagination-bullet-active{background-color:#d9d9d9;}
.cdots  .swiper-pagination{bottom: 30px !important;}
.cdots .swiper-pagination-bullet{width: 12px;border-radius: 0px;height: 12px;background:#ccc;opacity: 1;transition: 0.25s linear;}
.banner-swiper.cdots .swiper-pagination-bullet{border-radius: 50px;}
.cdots .swiper-pagination-bullet-active{background-color:var(--blue);}
.company-wrp{display: grid;grid-template-columns:40% 40%;gap: 13%;}
.company-div{display: flex; flex-direction: column; gap: 60px;margin:50px 0px 11%;}
.hed3{font-size: 38px;line-height: 45px;font-weight: 700;margin: 0px;letter-spacing: -1px;}
.company-div p{color: var(--tblue);font-size: 18px;width: 90%;line-height: 26px;}
.company-img{position: relative;}
.company-img.two{display: none;}
.shp1{position: absolute;width: 13px;height: auto;top: 29%;right: 27%;  animation: upDown 2s infinite ease-in-out;}
@keyframes upDown {
  0% { transform: translateY(0); }  /* Start position */
  50% { transform: translateY(-30px); } /* Move up */
  100% { transform: translateY(0); } /* Back to start */
}
  .shp2{position: absolute;width: 35px;height: 35px;top: 9%;right: 25%;border-radius: 50%;background: var(--green);animation: scale 2s infinite ease-in-out;}
@keyframes scale {
  0% { transform: scale(1); }  /* Start position */
  50% { transform: scale(1.2); } /* Move up */
  100% { transform: scale(1); } /* Back to start */
}
  .com-stats{display:grid;grid-template-columns:40% 50%;justify-content: space-between;}
.com-stats >div{padding: 11% 0px 0px;}
.clients{display: grid;grid-template-columns: repeat(3, 110px); justify-content: space-between;border-top:1px solid #b1b1b1;padding-right: 50px !important;}
.client-two{display: none;}
.cli-img{display: flex;overflow: visible;}
.cli-img img{transition: 0.3s linear;}
.client:hover .cli-img img{transform:scale(1.1)}
.client p{font-size: 20px;color: #000000b3;text-align:center ;margin-top: 20px;}
.statitics{display: grid;grid-template-columns: repeat(2, 45%);justify-content: space-between;gap: 40px; border-top: 1px solid #b1b1b1;}
.counter{display: grid;grid-template-columns:140px 100px;gap: 25px;align-items: center;}
.count::after{position: absolute;content: '+';top: 0px;}
.counter p{font-size: 18px;color:#475174;line-height: 22px;font-weight:600;}
.count{font-size: 60px !important;font-weight: 700 !important;line-height: 60px !important;color: var(--lblue) !important;position: relative;}
.products-section{background-color: var(--bgblue);position: relative;z-index: 1;}
.products-section::after{content: '';position: absolute;left: -1.5%;height: 120px;width: 120px;top: 20%;box-shadow: 0px 0px 9px 2px #2a282821;background-color: #1d61a8;border-radius: 50%;z-index: -1;}
.swiper-slide-active{z-index: 24;}
.pro-hed-wrp{display: grid;grid-template-columns:20% 70%;justify-content: space-between;}
.pro-div-con{display: grid;grid-template-columns: 63% max-content;justify-content: space-between;}
.fc{color: var(--tblue) !important;}
.wh2{color: #fff;font-size: 45px;line-height: 55px;margin: 0px;    letter-spacing: -1px;}
.dw.pro-hed-wrp p{color:var(--tblue);font-size: 22px;line-height: 28px;}
.pro-hed-wrp p{color:#dddddd;font-size: 22px;line-height: 28px;}
.gbtn{padding: 10px 25px 10px 25px;
  background: var(--green);
  color: var(--blue);
  font-weight: 500 !important;
  transition: 0.25s linear;
  width: fit-content;
  height: fit-content;
  z-index: 2;
  letter-spacing: 2px;
position: relative;
}
.pro-card .stretched-link{position: absolute;height: 100%;width: 100%;}
.gbtn::after{position: absolute;width: 0%;background: #fff;height: 100%;content:'' ;transition: 0.3s linear;z-index: -1;left: 0px;top: 0px;}
.banner-con .cbtn{border: 1px solid #f8f8f8;position: relative;}
.banner-con .cbtn:hover{color: var(--blue);border: 1px solid var(--blue);}
.gbtn:hover::after ,.banner-con .cbtn:hover::after{width: 100%;background: #fff;height: 100%;content:''}
.products-wrp{display: grid;grid-template-columns: repeat(5,1fr);gap:40px;margin: 150px 0px 0px 0px;}
.products-carousel{margin: 150px 0px 0px 0px;}
.pro-card div{display: flex;overflow: hidden;margin-top: 40px;}
.pro-card div img{transition:0.3s linear;width: 100%;height: auto;}
.pro-card:hover div img{transform: scale(1.05);}
.wch3{color: #fff;font-size: 30px;line-height: 35px;font-weight: 500;}
.text-center{text-align: center;}
.blh2{font-size: 45px;line-height: 53px;margin: 0px;font-weight: 400;    letter-spacing: -1px;}
.blh2 b{font-weight: 700;}
.indus-center-div{gap: 10%;display: grid;grid-template-columns:100%;justify-content:end;;margin: 25px 0px 0px;}
.btn-wrp{width:100%;display:flex;justify-content: end;}
.indus-center-div p{text-align: center;color: #545e7e;font-size: 18px;line-height: 28px;width: 60%;text-align:center;margin: auto;}
.ind-wrp{display: flex;position: relative;border-radius: 0px 20px 20px 0px;overflow: hidden;margin:50px 0px 0px;}
/* .ind-wrp::after{position: absolute;content: '';bottom: 59px;width: 100%;height: 1px;background: #000;} */
.ind-img-d{display: flex;position: relative;width:100%;height: 600px}
.ind-img-d{background: url('../images/96.png');width:0px;height: 600px;background-size: cover;opacity: 0;
  /* transition:opacity 0.4s linear; */
}
.ind-img-d img{object-fit: cover;object-position: center;}
.ind-img-d.active{width: 500px;height: 500px;}.blh2 span {font-weight: 700;}
.ind-img-d::before{
  height: 100%;
  position: absolute;
  width:100%;
  content: '';
  top: 0px;
  left: 0px;
  background:linear-gradient(0deg, #00000080 2%, transparent 98%);
}
.ind-tit{display: none;}
.ind-img-t{position: absolute;bottom:11%;left: 7%;}
.ind-img-t h3{color: #fff;font-size: 28px;line-height: 32px;font-weight: 500;}
.ind-tab{background: #dff7a380;border-right: 2px solid #aace5099;width: 100px;position: relative;transition: 0.3s linear;min-width: 100px;max-width: 100px;cursor: pointer;}
.ind-wrp .ind-div:last-child .ind-tab{border: none;}
.news-img p{color: var(--tblue);}
.kbtn {    background: rgb(170 205 79 / 50%);
  padding: 10px 25px 10px 25px;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 500;
  width: fit-content;
  display: block;
  margin-top: 30px;
  color: #000;}
.ind-div{display: flex;grid-template-columns:0px auto;transition: 0.25s linear;}
.ind-div.active{display:flex;}
.ind-div.active  .ind-img-d{opacity: 1;width: 100%; border-left: 15px solid #03509e;}
.active .ind-tab{background:#c5dd87;}
.ind-tab:hover{background:#c5dd87 ;}
.ind-div {
  display: grid;
  transition: grid-template-columns 0.3s ease-in-out;
}

.ind-tab::after{font-size: 30px;line-height: 36px;}
.ind-tab.one::after{position: absolute;content: 'Oil & Gas Industry';transform: rotateZ(270deg);color: #000;left: -73%  ;bottom:29.5%;width: max-content;font-weight: 500;}
.bpara {  font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 15px;}
.ind-tab.two::after {
  content: 'Aerospace';
  position: absolute;
  transform: rotateZ(270deg);
  color: #000;
  left: -23%;
  bottom: 21%;
  width: max-content;
  font-weight: 500;}
.ind-tab.three::after {
  content: 'Medical';
  position: absolute;
  transform: rotateZ(270deg);
  color: #000;
  left: auto;
  bottom:17%;
  width: max-content;
  font-weight: 500;}
.ind-tab.four::after {
  content: 'Agriculture';
  position: absolute;
  transform: rotateZ(270deg);
  color: #000;
  left: -23%;
  bottom:21.5%;
  width: max-content;
  font-weight: 500;}
.ind-tab.five::after {
  content: 'Power';
  position: absolute;
  transform: rotateZ(270deg);
  color: #000;
  left: 7%;
  bottom:15.5%;
  width: max-content;
  font-weight: 500;}
.ind-tab.six::after {
  content: 'Automotive';
  position: absolute;
  transform: rotateZ(270deg);
  color: #000;
  left: -29%;
  bottom: 22.5%;
  width: max-content;
  font-weight: 500;}
.ind-tab.seven::after {    content: 'Pumps & Valves';
  position: absolute;
  transform: rotateZ(270deg);
  color: #000;
  left: -59%;
  bottom:27%;
  width: max-content;
  font-weight: 500;}
.ind-tab.eight::after {
  content: 'General Engineering';
  position: absolute;
  transform: rotateZ(270deg);
  color: #000;
  left: -85%;
  bottom: 32%;
  width: max-content;
  font-weight: 500;}
.clientcarousel{margin: 80px 0px 0px; position: relative;}

  .our-client .first-carousel {
      margin: 40px auto 30px 15%;
      width: 65%;
  }
  .our-client .second-carousel {
      width: 65%;
      margin: 60px 25% 0px auto;
  }
  .client-item {
      width: 80%;
      display: flex; margin: auto;
  }
  .client-item img{transition:0.25s linear;}
  .client-item:hover img{transform: scale(1.1);}
.second-carousel{padding-right: 200px;}
.products-carousel  .swiper-button-prev:after,.products-carousel  .swiper-button-next:after {
  font-family: swiper-icons;
  text-transform: none !important;
  background: #fff;
  font-size: 21px;
  font-weight: 600;
  font-variant: initial;
  line-height: 1;
  transition: 0.25s linear;
  padding: 20px 15px;
  color: #000;
}
.products-carousel  .swiper-button-prev:hover:after,.products-carousel  .swiper-button-next:hover:after {background: #e0e1e3;}
.products-carousel  .swiper-button-prev{left: 0px;}
.products-carousel  .swiper-button-next{right: 0px;}
.products-carousel  .swiper-button-prev,.products-carousel  .swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);}
.cnav  .swiper-button-prev:after,.cnav  .swiper-button-next:after {
  font-family: swiper-icons;
  text-transform: none !important;
  background: #fff;
  font-size: 21px;
  font-weight: 600;
  font-variant: initial;
  line-height: 1;
  transition: 0.25s linear;
  padding: 20px 15px;
  color: #000;
}
.cnav  .swiper-button-prev:hover:after,.cnav  .swiper-button-next:hover:after {background: #e0e1e3;}
.cnav  .swiper-button-prev{left: 0px;}
.cnav  .swiper-button-next{right: 0px;}
.cnav  .swiper-button-prev,.cnav  .swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);}

/* lets talk */
.lets-talk{background: var(--blue);padding: 50px 0px;}
/* .lets-talk .container{display: flex;gap: 150px;justify-content: center;padding-left: 50px;align-items: center;} */
.lets-talk h3{color: #fff;font-size: 30px;line-height: 35px;}
.lets-talk p{color: #a6abbc;font-size:18px;line-height:35px;}
/* footer */
.footer-sec{position: relative; border-top:1px solid #dfdede;;}
.footer-sec .cbtn {color: var(--blue); background: transparent;border: 1px solid var(--blue);}
.footer-sec .cbtn:hover{border: 1px solid var(--green);}
/* .footer-sec::after{background: url(../images/footsvg.png);} */
.foot-icon{position: absolute;content: '';right: 0px;top: 27%;height: 220px;width: 403px; z-index: -1;}
.link-wrp{display: grid;grid-template-columns: 25% 25% 25% 25%;margin-bottom: 100px;justify-content: space-between;}
.link-wrp.two{padding:50px 20px;border-top: 1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;margin: 0px;}
.menu-wrp{display: grid;}
.foot-menu-tit h4{    font-size: 22px;
  line-height: 30px;
  color: var(--blue);
  margin-bottom: 10px;}
.foot-menu-tit p{font-size: 18px;font-weight: 600;color: var(--blue);margin-bottom: 10px;}
.ot-link{display: none;}
.foot-menu-div .ad-p{color: var(--blue);font-size: 18px;line-height: 32px;}
.menu-wrp a{margin: 5px 0px ;}
.foot-logo{width: 250px;height: auto;}
.flex-div{display: flex;gap: 15px;align-items: center;}
.flex-div a{font-weight: 600;font-size: 18px;line-height: 24px;}
.call-logo{display: flex;justify-content: center;align-items: center;padding: 5px;border-radius: 50%;height: 40px;width: 40px;border: 1px solid #39b54a;}
.foot-log{display: flex;align-items: center;gap: 25px;justify-content: normal;}
.foot-log a{display: flex;justify-content: center;align-items: center;border-radius: 50%;height: 40px;width:40px;padding: 7px;transition: 0.25s linear;}
.foot-log a:hover{background:#a9cd4f4f;}
.company-menu a ,.sep-menu a{font-weight: 700;}
.foot-menu-div a:hover  ,.flex-div a:hover{color: #39b54a;}
.foot-log .linkedin svg{height: 25px;width: 25px;}
.foot-log .facebook svg{height: 27px;width: 27px;}
.foot-log .instagram svg{height: 25px;width: 25px;}
.foot-log .twitter svg{height: 18px;width: 18px;}
.copyright-div{display: flex;justify-content: space-between;align-items: center;margin: 15px 0px;}
.copyright-div p{font-size: 14px;color: var(--blue);font-weight: 500;}
.copyright-div a{font-size: 14px;color: var(--blue);font-weight: 500;transition: 0.25s linear;}
.copyright-div a:hover{color:#39b54a;}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: var(--swiper-pagination-bottom, 10px) !important;}

.menu-div .cbtn {font-size: 14px !important;}

.foot-menu-tit h4 {text-transform: uppercase;}
.banner-swiper .swiper-slide {
  transition: opacity 1s ease-in-out; /* Smooth fade effect */
}

/* style from Preethi */
.news .hed3 {
  font-size: 50px;
  line-height: 56px;
  font-weight: 400;
}
.news .hed3 span {
  font-weight: 700;
}

.news-wrp {
  display: grid;
  grid-template-columns: 38% 57%;
  gap: 40px;
}
.news-div {
  background-color: #eaf4fe;
  padding: 40px;
}
.mt50 {
  margin-top: 60px;
  font-size: 30px;
  line-height: 40px;
  color: #233059;
  width: 85%;
  font-weight: 300;
}
.mb60 {
  margin-bottom: 0px;
}
.news-img {
  display: grid;
  grid-template-columns: 35% auto auto;
  justify-content: space-between;
  gap: 40px;
  padding: 25px 20px 25px 0;
  margin: 15px 0px;
  transition: 0.25s linear;
}
.news-img:hover {
  background: #f5f5f5;
}
.date-num {
  display: flex;
  flex-direction: column;
}
.kbtn {
  background: var(--green);
  padding: 10px 20px 10px 20px;
  width: fit-content;
  display: block;
  margin-top: 50px;
  color: #000;
}
.news-line {
  border-top: 1px solid #6191c2;
}
.date {
  font-size: 26px;
  line-height: 32px;
  color: #c1db7f !important;
  font-weight: 400;
}
.num {
  font-size: 40px;
  line-height: 46px;
  color: #03509e !important;
  font-weight: 600;
  text-align: center;
}
.news-h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  letter-spacing: -1px;
}
.mb0 {
  margin-bottom: 0;
}
.news-480 {
  display: none;
}
.n-none {
  display: block;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.pos {
  position: relative;
}
.left-br{width:90%}
.new-img:hover .news-line {
  border-top: #5589be !important;
}

.hr-line {
  border-top: 1px solid transparent;
  background: linear-gradient(white, white) padding-box,
    linear-gradient(90deg, White, DimGrey, White) border-box;
}

a {
  text-decoration: none;
}

.custom-container {
  min-width: 480px;
  max-width: 860px;
  min-height: 440px;
  border: 1px solid DimGrey;
  margin: auto;
}

.section {
  min-width: 340px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.main-text {
  max-height: 440px;
  overflow: hidden;
  font-weight: 200;
  font-size: 18px;
  cursor: text;
  color: DimGrey;
  margin: 0px 25px 25px 25px;
  display: none;
}

.button-thin {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid LightGrey;
  border-radius: 50%;
  background-color: transparent;
  & sl-icon {
    position: relative;
    top: 3px;
    left: 1px;
  }
}

.section-1 {
  border-right: 1px solid DimGrey;
  background-color: Orange;
  & .heading {
    color: Orange;
  }
  & button {
    color: Orange;
    border-color: Orange;
  }
}

.section-2 {
  border-right: 1px solid DimGrey;
  background-color: Hotpink;
  & .heading {
    color: HotPink;
  }
  & button {
    color: HotPink;
    border-color: HotPink;
  }
}

.section-3 {
  background-color: DodgerBlue;
  & .heading {
    color: DodgerBlue;
  }
  & button {
    color: DodgerBlue;
    border-color: DodgerBlue;
  }
}

.grow {
  flex: 5;
  background-color: white;
  & .heading {
    padding: 20px 0px 20px 20px;
  }
  & button {
    margin: 20px 20px 0px 20px;
    transform: rotate(180deg);
  }
  & div {
    justify-content: end;
  }
}

.shrink {
  min-width: 65px;
  flex: 0.1;
  & .heading {
    color: WhiteSmoke;
    transform-origin: 20% 100%;
    writing-mode: vertical-rl;
    margin: 20px 0px 15px 15px;
  }
  & button {
    color: WhiteSmoke;
    border: 1px solid WhiteSmoke;
    margin: 20px 0px 0px 10px;
  }
}

@keyframes slide {
  from {
    transform: translateY(-120px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 100%;
  }
}

.show {
  display: block;
}

.hide {
  display: none;
}

.animate {
  animation: slide 0.4s ease;
}

.shadow-dark {
  box-shadow: -12px 0px 20px -15px DimGrey inset;
}

.shadow-blue {
  box-shadow: -12px 0px 20px -15px #0a3a69 inset;
}

.shadow-pink {
  box-shadow: -12px 0px 20px -15px #50213b inset;
}

.shadow-orange {
  box-shadow: -12px 0px 20px -15px #63410b inset;
}

.accordion-container {
  display: flex;
  width: 100%;
  margin: auto;

  align-items: center;
  justify-content: center;
}

.accordion-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  color: white;
  border: 1px solid #000;
  transition: width 0.3s ease-in-out;
  height: 120px;
}

.collapsed {
  width: 60px;
}

.expanded {
  width: 200px;
}

.accordion-title {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.accordion-content {
  font-size: 14px;
  padding: 10px;
  transition: opacity 0.3s ease-in-out;
}
.n-img {
  display: flex;
  overflow: hidden;
}
.news-img:hover img {
  transform: scale(1.08);
}
.news-img img {
  transition: 0.2s linear;
  object-fit: cover;
}
.news-img:hover .kbtn {
  background-color: var(--blue);
  color: #fff;
}



/* vijay css */
.subban{position: relative;z-index: 999;}
.subban-container{
background-color: #3098d5;
  border-radius: 25px;
  margin: auto;
  position: relative;
position: absolute;
  bottom: -80px;
  width: 500px;
  display: flex;
  right: 7.5%;
  z-index: 2;
}
.subban-img{
width: 100%;
height: 400px;

}
.subban-img img{
height: auto;
object-fit: cover;
}
.subban-content div{
padding: 50px;
color: #fff;
font-size: 40px;
line-height: 44px;
letter-spacing: -1px;
width: 100%;
font-weight:600 ;
position: relative;
}
.subban-container::after{
position: absolute;
right: 32px;
content: '';
background: url(../images/shape1.png);
background-size: contain;
height: -webkit-fill-available;
width: 41px;
background-repeat: no-repeat;
top: 10px;

}
.d-flex{
display: flex;
}
.vismis-wrap{
display: grid;
    gap: 50px;
    grid-template-columns: repeat(3, 1fr);

}

.vismis-head{
display: flex;
justify-content: space-between;
align-items: flex-end;

}

.vismis{
padding: 60px;
display: grid;
gap: 60px;
border-radius: 30px;
transition: .3s linear;

}
.vision{
background: #eff4dd;
width: 100%;
transition: .3s linear;
}
.mission{
background: #E2F0FF;
width: 100%;
transition: .3s linear;
}
.vm-title h2{
margin-top: 20px;
font-size: 38px;
line-height: 44px;
font-weight: 700;
letter-spacing: -2px;
color: var(--blue);

}

.vm-content{
width: 90%;
}
.vm-content p{
font-size: 18px;
line-height: 26px;
color: #192751cc;
}
.qlty-gry {background-color: #ebebeb;}
.founder-container{
display: grid;
grid-template-columns: 25% 60%;
justify-content: space-between;
background: #ececec;
border-radius: 30px;
padding: 0 60px 30px 60px;
align-items: center;
transition: .3s linear;
}
.founder-image-container p{
margin: 10px 0 0 30px;
}
.founder-img{
background: #fff;
overflow: hidden;

}
.founder-img img{
transition: .3s linear;
}
.founder-container:hover{
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.founder-container:hover .founder-img img{
transform: scale(1.1);
}
.founder-content{
display: grid;
gap: 60px;
padding: 50px 0px;
}
.founder-title .f-name{
font-size: 22px;
  font-weight: 600;
  line-height: 28px;
color: var(--blue);
margin-bottom: 5px;
}
.founder-message{
width: 80%;
}
.content-p{
font-size: 18px;
line-height: 28px;
color: #192751cc;
}
.founder-image-container .content-p b{
font-size: 24px;
margin-right: 5px;
color: var(--blue);
}
.p-ash{
color: #555555;
}
.bread-crumps{
padding: 15px 0px;
}
.v2 .bread-crumps {margin-top: 15px;}
.v2 .bread-crumps{padding: 0px !important;}
.v2 .b-crumps-ul a{
  color: #233159;
  }
  .v2 .b-crumps-ul li {
    font-size: 16px;
    font-weight: 500;
    color: #ffffffb3;
    line-height: 22px;
    letter-spacing: 0px;
  }
.b-crumps-ul{
list-style-type: none;
}
.b-crumps-ul li{
padding: 0 5px;
color: #1b1b1b80;

}
.b-crumps-ul a{
color: #1b1b1bcc;
}
.form-title-wrap{
display: grid;
    grid-template-columns: 35% 54%;
    justify-content: start;
    gap: 80px;
    padding: 0px 70px;
    align-items: center;

}
.contact-form{
width: 100%;
padding: 120px 100px;
background-color: #ececec;
border-radius: 50px 50px 0 0 ;
display: grid;
gap:80px;
}
.form-grid {
display: grid;
grid-template-columns: 46% 46%;
justify-content: space-between;
gap: 20px;
}
form input ,form select{
font-family: "Reddit Sans", sans-serif;
}
form .mt-5{margin-top:20px;}
.form-group input ,.form-group select{
width: 100%;
border: none;
background: none;
border-bottom: 1px solid #8A8A8A ;
padding: 0 15px 10px ;
margin:40px 0px 20px;
font-size: 16px;
line-height: 22px;

}
.form-group:focus,.form-group input:focus ,.form-group select:focus {
border-bottom: 1px solid #8A8A8A ;
outline: none;
color: #192751cc;
}

.contact-form .privacy p{
color: #192751cc;
}
.form-group input::placeholder{
color: #192751cc;
}
.privacy a{
color: #192751cc;
text-decoration: underline;
transition: all .3s linear;

}
.privacy a:hover{
color: var(--blue);
transform: scale(1.1);


}
.form-button button{
border: none;
cursor: pointer;
}
.form-button .cbtn{
  font-size: 14px !important;
  font-family: "Reddit Sans", sans-serif;
}
.mt-0{
margin-top: 0px !important;
}

.b-crumps-ul a:hover{
color: var(--green);
}
.h-green:hover{
color: #89b80f;
}
.gst-pointer{
cursor: unset;
}

.contact-form:nth-child(2) input{
margin-top:0px;
}

.contact-form .privacy .checkbox{
font-size: 16px;
line-height: 22px;
margin-right: 5px;
}

.conlet-wrap{
display: grid;
  gap: 75px;
  grid-template-columns: repeat(2, 1fr);

}

.conlet-head{
display: flex;
justify-content: space-between;
align-items: flex-end;

}

.conlet{
padding: 60px;
display: grid;
gap: 60px;
border-radius: 30px;

}
.con-us{
background: #eff4dd;
width: 100%;
transition: .3s linear;
}
.l-con{
background: #E2F0FF;
width: 100%;
transition: .3s linear;
}
.l-con:hover , .mission:hover{
background: #ececec;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.cl-title h2{
margin-top: 20px;
font-size: 38px;
line-height: 44px;
font-weight: 600;
letter-spacing: -2px;
color: var(--blue);

}
.vismis:hover .vismis-head img , .conlet:hover .conlet-head img{
transform: scale(1.05);
}
.con-us:hover ,.vision:hover{
background: #ececec;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.cl-content{
width: 90%;
}
.con-content{
color: #192751cc;
line-height: 30px;
font-size: 16px;
font-weight: 500;
}
.no-wrap{
text-wrap: nowrap;
}
.con-content h3{
font-size: 22px;
margin-bottom: 10px;
font-weight: 600;
line-height: 26px;
color: #192751;
}
.let-info{
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 20px;

}

.let-content{
font-size: 22px;
  line-height: 28px;
  color: #192751cc ;
  display: grid;
  gap: 60px;

}

.let-content a{
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
  color: #192751;


}
.map{
width: 100%;
border-radius: 30px 30px 0 0;
overflow: hidden;
display: flex;


}
.map iframe{
width: 100%;
height: 100%;
min-height: 450px;
}

.mb-25{
margin-bottom: 25px;
}

.vismis-head .image img, .conlet-head .image img{
width: 100%;
max-width: 80px;
height: auto;
transition: .3s linear;
}
.founder-title .p-ash{
letter-spacing: 3px;
font-size: 15px;
  font-weight: 500;
  line-height: 20px;

}
.founder-link a{
display: flex;
justify-content: start;
margin-left: 5%;
gap: 5px;
align-items: end;
margin-top: 5px;
color: #192751cc;
font-weight: 400;
width: max-content;
margin-top: 15px;
}
.founder-link img {
width: 28px;
}
.position-relative{
position: relative;
}
.management .founder-title sup{
position: relative;
top: -7px;
left: 2px;
}
.about-com-stats {
display: grid;
grid-template-columns: 42% 48%;

}
/* .subban-text p{
text-shadow: 2px 2px 6px #666666;

} */
/* Universal selection styling */
::selection {
  background-color:var(--blue); /* Background color */
  color: #fff;              /* Text color */
  text-shadow: none;         /* Optional: removes text shadow */
}

/* Firefox-specific selection styling */
::-moz-selection {
  background-color: var(--blue);
  color: #fff;
  text-shadow: none;
}

/* vijay css */

.prod-page {background-color: #fff;}

.prod-page .wh2, .prod-page .wch3 {color: var(--blue);}
.prod-page .pro-div-con p {color: var(--tblue);}
.prod-page .products-wrp {margin: 80px 0px 0px 0px;}
.pro-card {display: flex;position: relative;flex-direction: column;justify-content: space-between;}
.new-pro .wch3 {font-size: 20px;
line-height: 25px;
  font-weight: 500;
}
/* CSS from SURYA */
.product-logo{
  width: 200px;
position: absolute;
top: 0px;
right: 7.5%;
display: flex;
}
.q-wrp{display:flex;margin: 10px 0px;gap:30px;list-style: none;}
.ToggleLink{display: none;}
.quick-link{position: sticky;z-index: 247;background: #f5f5f5;display: flex;padding-bottom: 1px;top: 90px;}
.quick-link >div{background: #f5f5f5;}
.quick-nav{position: relative;}
.quick-nav::after{position:absolute;bottom:-10px;content: '';width:0%;height: 2px;background: var(--green);transform-origin: center;left:0px;   left: 50%;
  background-color: #aacd4f;
  transform: translateX(-50%);
  transform-origin: center;
  transition: width 0.3s ease;}
  .quick-nav a{display: flex;width: 100%;}
.quick-nav:hover::after{width: 100%;}
.quick-nav.active::after{width: 100%;}
.d-flex {  display: flex !important;}
.mb50{margin-bottom: 30px;}
.corporate-video{
  height:auto;
  background: 'images/ ';
}
.video-section{position: relative;}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 4px solid white;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.down-block {display: none;}
.triangle {
  width: 0;
  height: 0;
  border-left: 30px solid #d62432;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: relative;
  right: -5px;
}
.ecatalogue-wrapper {display: grid;grid-template-columns:25% 72%;justify-content: space-between;align-items: flex-start;gap: 40px;}
.catalogue-card{
  position: relative;
}
.scroll-tabs-wrapper .tab-buttons{min-width:0px;}
.tab-buttons{
  width: 100%;
  min-width:400px;
  display: flex
;
  justify-content: space-around;
  margin-bottom: 35px;
  border-bottom: 2px solid #dcdcdc;
  flex-wrap: wrap;
  align-items: center;
}
.tab-button {
  padding: 6px 15px;
  border: none;
  background: none;
  font-weight: 500;
  font-size:20px;
  line-height: 26px;
  color: var(--aclr);
  position: relative;

  cursor: pointer;
}

.tab-button::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  left: 50%;
  bottom: -1px;
  background-color: #aacd4f;
  transform: translateX(-50%);
  transform-origin: center;
  transition: width 0.3s ease;

}
.tab-button:hover::after {
  width: 100%;
}
.tab-button.active::after {
  width: 100%;
}
.card-wrp{ transition: 'height 0.3s ease'}
.right-section {

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}.catalogue-card {
  position: relative;
  background: #cde29733;
  padding: 30px 30px 150px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: background 0.3s;
  cursor: pointer;
}
.arrow-img {
  position: absolute;
  bottom: 15px;
  right: 25px;
  text-align: end;
}
.catalogue-text p {
  font-size: 18px;
  font-weight: 600;
  color: #233159;
  line-height: 20px;
}
.pagination-controls button{padding: 8px;}
.catalogue-category-buttons{display: flex;gap: 0px;justify-content: start;flex-direction: column;width: 85%;}
.catalogue-category-buttons .download-button{
  padding: 12px 25px;
  text-align: left;
  border: none;
  cursor: pointer;
  font-size: 18px;
  border-radius: 0px;
  line-height: 25px;

}
.catalogue-category-buttons .download-button:hover ,.catalogue-category-buttons .download-button.active{background: #aace5099;}
.pagination-controls{display: flex;justify-content: center;margin: auto;}
.pagination-controls button{border:none;background: transparent;cursor: pointer;border-radius: 50%;width:30px;height: 30px;display: flex;justify-content: center;transition: 0.25s linear;}
.pagination-controls button:hover{background-color: #f6f6f6;color:#03509e}
.pagination-controls .active{border:none;background: transparent;cursor: pointer;border-radius: 50%;background-color: #f6f6f6;width:30px;height: 30px;display: flex;justify-content: center;color:#03509e}
.pagination-controls .prev-next{border:none;background: transparent;cursor: pointer;border-radius: 50%;background-color: transparent;width:auto;height: auto;display: flex;justify-content: center;margin: 0px 8px;transition: 0.25s linear;}
.pagination-controls .prev-next:hover{color:#03509e;background-color: transparent;}
.catalogue-card{min-height:280px;transition: 0.25s linear;}
.catalogue-card svg {
  width: 40px;
  transition: 0.3s linear;
}
.catalogue-card:hover{background:#e6e6e6}
.catalogue-card:hover svg path{fill: #000;}
/* new product */
.pro-over{display: grid;grid-template-columns: 40% 40%;gap: 80px;height: 100%;}
.over-img{position: relative;}
.np{font-size: 17px;line-height: 24px;color: #686868;margin-top: 20px;}
.over-img.two{display: none;}
.d-block{display: block !important;}
.over-img:hover .stretched-link::after{background-color: #32323266;}
.over-img img{width:100%;height:100%;object-fit: cover;}
.stretched-link::after{position: absolute;width: 100%;height: 100%;}
.down-over-div{margin-bottom:30px;}
.catalogue-grid.two{margin-top: 80px;}
.bgblue{background-color: #66bbed1a;}
.mt0{margin-top:0px !important}
.one-menu .tab-buttons{justify-content: start;}
/* CSS from SURYA */



.w70{
  width:70% !important;
}
.industries-grid{
 display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
    margin: 80px 0px 0px;
}
.industries-img{
  display: flex;
    overflow: hidden;    min-width: 300px;
}
.ind-grid img {
    height: 100%;width: 100%;
    object-fit: cover;
    transition: .3s linear;
}
.industries-card {
    background: rgb(237 237 237);
}
.industries-card{
  transition: .3s linear;
  position: relative;display: flex
;    border-radius: 20px;
    overflow: hidden;
}
.industries-card:hover{
      background: #f5f5f5;

}
.industries-card:hover .industries-img img{

    transform: scale(1.05);

}
.industries-card .industries-content{
      padding: 30px 30px 100px;
    padding-top: 30px !important;
}
.ind-ch3{

    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: -1px;

}
.ind-p{
  color: var(--tblue);
}
.menudrop-products{grid-template-columns:repeat(2,1fr);gap:30px}.menudrop-pcol{display:flex;gap:20px;width:100%;height: 100%;}
.menudrop-products{position:fixed;z-index:99999;width:740px;top:48px;right:21%;opacity:0;transition:.3s;display:none;padding-top: 40px;}
.menudrop-products-wrp{padding:30px;grid-template-columns:repeat(2, 1fr);justify-content:space-between;background:#fff;box-shadow:0 0 6px rgb(0 0 0 / 15%);align-items:flex-start;transform-origin:top left;border-radius:0;display:grid;    width: 740px;}
.mprod:hover .menudrop-products{opacity:1;visibility:visible;display:flex}.menudrop-pcol h2{margin-bottom:10px;font-size:20px;line-height:24px;font-weight:500}
.menudrop-pcol p{font-size: 14px;line-height: 20px;}.menudrop-pcol:hover .menu-img.blog-shape::after{transform:translate3d(0,35px,35px)}
.menu-img.blog-shape{overflow:hidden;display:flex}.menuvm a{font-size:14px;line-height:24px;letter-spacing:1px}.menuvm{margin-top:15px}
/* .menudrop-pcol:hover{background-color:#f1f1f1} */
.ybtn:hover{background-color:#0366ca;color:#fff!important}
.menu-dropdown-ul{
  list-style-type: none;
}
.menudrop-pcol{
      position: relative;

}
.menu-div .menu-drop-h2{
  margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    width: 100%;
    display: block;
}
.menu-div .menu-drop-h2:hover{
   color: #39b54a;
}
.side-menu ul li a:hover{
  color: #39b54a;
}
.header a:hover{
  color: #39b54a;
}
.mprod:hover .prod-menu{
    color: #39b54a;
}
/* side-menu starts*/
.m-drop.active .m-drp-l ,.s-drop.active .m-drp-l{
   color: #39b54a;
}
/* side-menu ends */
.cmp-name{
    padding: 10px 12px;
    border-bottom: 1px solid #c6c6c6;
    display: flex;
    width: 100%;

}
.cmp-name:hover{
  background: #f1f1f1;
  color: #39b54a;
}
.menuvm
 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* gap: 7px; */
}
.menuvm a {
    justify-content: start;
    position: relative;
    z-index: 999;
}
.menu-pading {
    padding: 15px 20px;
    width: 100%;
}
.m-drop, .s-drop{
  position: relative;

}
.m-drop-ul, .s-drop-ul{
  display: flex !important;
  flex-direction: column;
}
.mob-prod-li{
  display: flex;
  flex-direction: column;
}
.m-drp-l {
    display: flex;
    justify-content: space-between;
    padding-right: 5px;

}
.m-drop::after, .s-drop::after {
    position: absolute;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi44NnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxNiA3Ij48cGF0aCBmaWxsPSIjN2Q3YzhjIiBkPSJNOCA2LjVhLjQ3LjQ3IDAgMCAxLS4zNS0uMTVsLTQuNS00LjVjLS4yLS4yLS4yLS41MSAwLS43MXMuNTEtLjIuNzEgMGw0LjE1IDQuMTVsNC4xNC00LjE0Yy4yLS4yLjUxLS4yLjcxIDBzLjIuNTEgMCAuNzFsLTQuNSA0LjVjLS4xLjEtLjIzLjE1LS4zNS4xNVoiLz48L3N2Zz4=);
   top: 50%;
    right: 10px; /* adjust as needed */
    transform: translateY(-50%);
    width: 20px;  /* match SVG size or desired size */
    height: 20px;
}
.m-drop.active::after, .s-drop.active::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi44NnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxNiA3Ij48cGF0aCBmaWxsPSIjN2Q3YzhjIiBkPSJNMTIuNSA2YS40Ny40NyAwIDAgMS0uMzUtLjE1TDggMS43MUwzLjg1IDUuODVjLS4yLjItLjUxLjItLjcxIDBzLS4yLS41MSAwLS43MUw3LjY1LjY1Yy4yLS4yLjUxLS4yLjcxIDBsNC41IDQuNWMuMi4yLjIuNTEgMCAuNzFjLS4xLjEtLjIzLjE1LS4zNS4xNVoiLz48L3N2Zz4=);
}
.side-menu-nav.mtab a, .side-menu-nav.mtab li, .side-menu-nav.mtab ul {
    width: 100%;
}
.m-drop-ul.active, .s-drop-ul.active{
    height: 100%;
    max-height: fit-content;

}
.m-drop-ul {
    padding-left: 0px;
    height: 0px;
    min-height: 0px;
    transition: height 0.3s linear;
    overflow: hidden;

}
.s-drop-ul {
    width: 111% !important;
    padding-left: 0px;
    height: 0px;
    min-height: 0px;
    transition: height 0.3s linear;
    overflow: hidden;

    position: relative;

}
.m-drop, .s-drop {
    position: relative;
    width: 40px !important;
    height: 46px;
    border-bottom: 0px ;
}


.side-menu-nav.mtab.opened a {
    transform: translateX(0px);
    transition: 1.7s ease-in-out;
}
.subban-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}
.num1{
      font-size: 26px;
    line-height: 32px;
    color: #03509e !important;
    font-weight: 600;
    text-align: center;

}
.mb-1{
  margin-bottom: 10px;
}
.mb-2{
  margin-bottom: 20px;
}
.mb-3{
  margin-bottom: 30px;
}
.news-stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";

}
.news-detail-grid{
      display: grid;
    grid-template-columns: 70% 25%;
    justify-content: space-between;
    gap: 50px;

}
.news-detail-img{
  display: flex;
  border-radius: 25px;
  overflow: hidden;
  max-height: 400px;
}
.news-detail-img img{
  object-fit: cover;
}

.news-detail-content{
  margin-top: 40px;
}
.nfb{
      font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--blue);
    width: 80%;

}
.nf{
  color: var(--tblue);
  width: 90%;
}

.recent-col{
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .15) 0 2px 8px;
    border-radius: 15px;
    position: relative;
    transition: .3s linear;


}
.recent-col:hover{
    background: #f5f5f5;
}
.recent-news{
     position: sticky;
    top: 110px;
}
.recent-news-grid{
  display: Grid;
  gap: 20px;

}
.recent-news-date .num1, .recent-news-date .date{
  font-size: 1rem;
  font-weight: 400;
}
.news-detail-gallery{
  margin-top: 40px;
}
.gallery-grid{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 25px;


}
.news-detail-gallery-img{
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;

}


.news-detail-gallery-img img{
   transition: .3s linear;
}
.news-detail-gallery-img:hover  img{
  transform: scale(1.2);
}

.recent-ch3{
  margin-bottom: 10px;
}
/* header v */
.product-tab-wrapper {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  background: white;
}

.tab-left {
  width: 250px;
  background: #f9f9f9;
  border-right: 1px solid #eee;
}

.tab-title {
  padding: 20px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.tab-title:hover,
.tab-title.active {
  background-color: #e6f0ff;
  font-weight: bold;
}

.tab-right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 30px;
  align-items: center;
}

.product-box {
  text-align: center;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s;
}

.product-box:hover {
  transform: scale(1.05);
}

.product-box img {
  width: 120px;
  margin-bottom: 10px;
}

.product-box h4 {
  font-size: 1rem;
}

/* header v */

.clients-carousel .swiper{
  padding-top: 6px;
}
.dlist {
    list-style-type: none;
}

.dlist{

    display: grid;
    grid-template-columns: 100%;
    gap: 15px;
    margin-bottom: 20px;
}
.dlist li {
    position: relative;
    padding-left: 30px;
}
.dlist li::after {
    content: '';
    position: absolute;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMzUwOWUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNSAxNmgyMW0tNy04bDggOGwtOCA4Ii8+PC9zdmc+);
    background-size: 20px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    right: auto;
    left: 0px;
    bottom: auto;
    top: 2px;
}
.subban-h1{
  font-size: 40px;
    line-height: 44px;
    color: #fff;

    font-weight: 600;

}
.subban-p{
  font-size: 18px;
  line-height: 25px;
  margin-top: 20px;
  color: #fffc;
  letter-spacing: 0px;
  font-weight: 400;

}
.prod-page .pro-div-con {
  grid-template-columns: 63%;
}
.over-img.one{
  height: 400px;
  position: sticky;
    top: 160px;
}
.talk-pgrid{
    display: grid;
    grid-template-columns: 25% 62%;
}
.talk-grid {
    display: grid;
    grid-template-columns: 80% 20%;
    align-items: baseline;
}


/* milestones starts */
.timeline-section {
  position: relative;
  width: 100%;
  padding-top: 100px;
}

.timeline-heading {
  text-align: center;
  margin-bottom: 60px;
  font-size: 2rem;
  font-weight: bold;
}

.timeline-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.timeline-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 8px;
  height: 100%;
  background-color: #d9d9d9;
  transform: translateX(-50%);
}

.timeline-item {
  display: flex;
  flex-direction: column;
  margin: 32px 0;
}

.timeline-item.left {
  flex-direction: column-reverse;
}

@media (min-width: 640px) {
  .timeline-item {
    flex-direction: row;
    align-items: center;
  }

  .timeline-item.left {
    flex-direction: row-reverse;
  }
}

.timeline-date {
  font-size: 38px;
  font-weight: 800;
  color: #233159;
  position: relative;
  padding-left: 45px;
  padding-right: 35px;
  margin-left: 14px;
  margin-top: 40px;
}

.timeline-date .timeline-dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: rgb(48 152 213);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px;
    left: -21px;
    rotate: 45deg;
}

@media (min-width: 640px) {
  .timeline-date {
    margin-top: 0;
    padding-left: 0;
    text-align: right;
  }

  .timeline-item.left .timeline-date {
    text-align: left;
    padding-left: 37px;
  }

  .timeline-date .timeline-dot {
    left: auto;
    right: -5px;
  }

  .timeline-item.left .timeline-date .timeline-dot {
    left: -58px;
    right: auto;
  }
}

.timeline-card {
  background-color: white;
  padding: 20px;
  margin-left: 14px;
  position: relative;    z-index: -1;
}

.timeline-content {
  display: flex;
  flex-direction: column-reverse;
  gap: 25px;
}
.right .timeline-card {    margin-left: 40px;}
.right .timeline-dot {    right: -18px;}




@media (min-width: 1024px) {
  .timeline-content {
    flex-direction: row;
  }

  .timeline-item.left .timeline-content {
    flex-direction: row-reverse;
  }
}

.timeline-image img,
.image-rounded {
  border-radius: 20px;
  width: 100%;
  height: auto;
}

.timeline-text h3 {
  font-size: 20px;
  color: #022748;
  font-weight: 600;
  margin-bottom: 10px;
}

.timeline-text p {
  color: #555354;
}
.timeline-date, .timeline-card {width: 50%;    z-index: 9;}
.timeline-item.right .timeline-card {background-color: #eff4dd;border-radius: 20px;}
.timeline-item.left .timeline-card {background-color: #e2f0ff;border-radius: 20px;margin-right: 50px;}

.timeline-section .timeline-content {    display: grid
;
    grid-template-columns: repeat(2, 1fr);}
.timeline-card:hover img {transform: scale(1.05);}
.timeline-card img {transition: .3s linear;}.timeline-image {display: flex;overflow: hidden;    border-radius: 20px;}
.timeline-card:hover {    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* milestones ends */


/* cta starts */

.sticky-menu {
    position: fixed;
    bottom: 25%;
    right: -48px;
    z-index: 9999;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s linear;
    transform: translateX(138px);
    display: grid;
    gap: 10px;
}

.stick-link {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
    transition: 0.3s linear;
    background: #fff;
    padding: 5px;
    border-radius: 30px 0px 0px 30px;
    padding-right: 40px;
    box-shadow: 1px 1px 11px 1px #cbcbcb;
}

.icon-d {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bgblue);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    transition: 0.3s linear;
}

.stick-link:hover .icon-d {
    background: var(--green);
}

.stick-link:hover .icon-d p {
    color: #e2a300;
}

.stick-link.call-icon:hover {
    transform: translateX(-70px);
}

.stick-link.contact-icon:hover {
    transform: translateX(-120px);
}
.stick-link.download-icon:hover {
    transform: translateX(-160px);
}

.stick-link .mbp {
    display: none;
}
/* cta ends */

.vismis {position: relative;}
.vismis .image {    position: absolute;
    top: 30px;
    right: 30px;}

    .counter-box{
      display: flex;
      justify-content: center;
    }
    .foot-appac{
      text-wrap: nowrap;
    }
    .designation{
      margin-bottom: 5px;
    }
    .q-wrp.on{
      height: 100%;
      display: flex;
    }
    .timeline-section .timeline-content {
            align-items: center;
    }
    .timeline-card{
      padding: 30px;
    }

    .timeline-item.right .timeline-card{
      padding-right: 50px;
    }
    .timeline-item.left .timeline-card{
      padding-left: 50px;
    }
    /* .timeline-container{
      width: 85%;
    } */
    .timeline-item.left .timeline-card .timeline-text{
      text-align: right;
    }

    .logo-div a {display: flex;}
    .cbtn {
      padding: 8px 20px;
    }
    #navs{
      position: relative;
    }
    /* #navs::before
 {
    content: 'An ISO 9001:2015';
    position: absolute;
    top: 10px;
    left: 237px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #053064;
}
#navs::after {
    content: 'Certified Company';
    position: absolute;
    top: 30px;
    left: 237px;
    font-size: 16px;
    line-height: 24px;
    color: #3C3C3D;
} */
.quick-link{
  top:84px;
}
.video-section{
  height: 100%;
}
.overlay.product-overlay1{
  height: 100%;
}
.menudrop-products {
      padding-top: 35px;
}

.side-menu {
  top: 80px;
}
.scrolltop {
    position: fixed;
    bottom: 10%;
    right: 10px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    background:#aace50cc;
    z-index: 427;
    border: none;
    display: flex
;
transition: 0.25s linear;
    justify-content: center;
    align-items: center;
    transition: 0.3s linear;
    box-shadow: 1px 1px 9px 0px #afafaf;}
.scrolltop:hover{ background:var(--green);}

.count {
  font-size: 54px !important;
  line-height: 54px !important;
}

.pro-div-con {
  grid-template-columns: 70% max-content;
}


.products-carousel {
    margin: 100px 0px 0px 0px;
}
.clients-grid{
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap:  30px;
}
.client-item{
  padding: 15px;
}

.clients-logo-vbtn{
  border: none;
}
.pro-div-con{
grid-template-columns: 100%;
    gap: 30px;
    justify-items: end;
}
.com-stats {
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-between;
    width: 90%;
    margin: auto;
}
.com-stats > div
 {
    padding: 40px 0px 0px;
}

.company-wrp {
        display: grid
;
        grid-template-columns: 40% 30%;
        gap: 13%;
        padding-bottom: 52px;
        margin: auto;
        width: fit-content;
        justify-content: center;
    }
    .statitics{grid-template-columns: repeat(4, 1fr);}
    .counter{grid-template-columns: auto auto;
    gap: 40px;}

    .d-block-below-600{
      display: none;
    }

    .gbtn{
      padding: 8px 20px;
    }
    .pro-hed-wrp p{
      font-size: 18px;
    }
    .clientcarousel .swiper{
      padding-bottom: 100px;
    }
    .clientcarousel.cnav .swiper-button-prev, .clientcarousel.cnav .swiper-button-next{
      bottom: 10px;
      top: auto;
     
      
    }
    .clientcarousel.cnav .swiper-button-prev::after, .clientcarousel.cnav .swiper-button-next::after{
      background-color: #cecece;
      font-size: 18px;
      padding: 15px 12px;
    }

    .clientcarousel.cnav .swiper-button-prev{
      right: auto;
      left: 10px;
    }
    .clientcarousel.cnav .swiper-button-next{
      right: auto;
      left: 70px;
    }
    .company-div p{
      width: 100%;
    }
.fs20{
  font-size: 20px !important;
  line-height: 26px !important;
}
.company-div{
  gap: 40px;
  margin: 50px 0px 0px;
}
.text-nowrap{
  text-wrap: nowrap;
}
.ubtn{
  color: var(--green);
  text-decoration: underline;
}
.ubtn:hover{
  color: #fff;
}
.indus-center-div .ubtn:hover{
  color: var(--blue);
}

.industries-grid {
  grid-template-columns: repeat(3, 1fr);
}
.industries-card{
  flex-direction: column;
}
.industries-img{
  max-height: 350px;
}

.home-industries-grid .industries-card {
  position: relative;
  overflow: hidden;
  
}

.home-industries-grid .industries-img {
  position: relative;
}

.home-industries-grid .ind-p-overlay {
  position: absolute;
  bottom: 0; /* hide initially */
  left: 0;
  right: 0;
 z-index: 3;
  color: #fff;
  padding: 25px;
  font-size: 16px;
  line-height: 22px;
  transition: bottom .5s ease-in-out;
  /* opacity: 0; */
  /* height: 100%;
  width: 100%; */
}

.home-industries-grid .industries-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background:linear-gradient(to bottom, rgba(255, 255, 255, 0.0), rgba(0, 0, 0, 0.7)); /* Adjust opacity as needed */
  
  z-index: 1;
}
/* .industries-card:hover .industries-img::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0), rgba(0, 0, 0, 0.7)); 
} */


.home-industries-grid .industries-content{
  padding: 30px 30px;
}

.p-0{
  padding: 0px !important;
}

/* responsive */
.banner-con .cbtn-rev {background-color: #fff;color: var(--dblue);border: 1px solid var(--blue);}
.banner-con .cbtn-rev:hover::after {    background: #233159;color: #fff;}
.banner-con .cbtn-rev:hover {      color: #fff;}








@media(max-width:2500px){
  .company-wrp {
      display: grid
  ;
      grid-template-columns: 40% 30%;
      gap: 13%;
  }
}

@media (max-width:2120px) {
  .title-height{
  height: 70px;
}
}
@media (max-width:1980px) {
  .menudrop-products {right: 23%;}
}
@media (max-width:1748px) {
  .company-div{
    gap: 35px;
  }
}

@media (max-width:1777px) {
.founder-container{
align-items: start;
}


}

@media(max-width:1650px){
  .ban-hed { font-size: 45px; line-height: 48px;width: 472px; }
  .banner-con { padding: 30px 0 0px}
  .banner-con::after {right: 11px; height: 280px; width: 42px; }
  .company-wrp {display: grid;grid-template-columns: 50% 37%;gap: 10%;}

  /* .com-stats { grid-template-columns: 48% 45%;} */
  .pro-hed-wrp p {  font-size: 20px;  line-height: 32px;}
  .wh2 ,.blh2 { font-size: 40px;line-height: 49px;}

  .about-com-stats {
    grid-template-columns: 47% 47%;
}
 .company-div{
    gap: 60px;
  }
  .shp1{
    width: 13px; top: 31%;
  }

  .com-stats{
    width: 100%;
  }
   .pro-hed-wrp p{
    
    font-size: 18px ;
    line-height: 28px;
  }
}


@media(max-width:1600px){
  .logo-div{width:200px}
  .menu-div {gap: 50px;}
  .cbtn {padding: 8px 20px;}
  .hed3 {font-size: 35px;line-height: 43px;}
  .company-div {gap: 50px;margin-top: 40px ;}
  .pspace {padding: 80px 0px;}
  .pro-hed-wrp {grid-template-columns:21% 70%;}
  .link-wrp {margin-bottom: 80px;}
  .menudrop-products{
    top:46px;
  }
  .quick-link{
    top: 81px;
  }
 
}

@media(max-width:1550px){
  .clients {grid-template-columns: repeat(3, 100px); padding-right: 20px !important;}
  .client p {
      font-size: 17px;margin-top: 19px;
  }
  .indus-center-div {gap: 10%; grid-template-columns: 100%;}
  .let-content{
    font-size: 20px;
    line-height: 26px;
  }
  .let-content a {

    font-size: 22px;
    line-height: 28px;
}
.cl-content , .vm-content{
  width: 100%;
}
.founder-content{
  width: 100%;
}
.founder-message{
  width: 90%;
}
}

@media(max-width:1500px){
  .menu-div a {font-size: 16px;}   .menu-div {gap: 40px;   }
  .ban-hed { font-size: 40px; line-height: 46px;width: 422px; }
  .banner-con { padding: 25px 0 0px}
  .banner-cdiv p {font-size: 20px;line-height: 28px;}
  .banner-cdiv {width: 538px;}
  .shp1{right: 25%;}
  .shp2 {width: 30px;height: 30px;top: 9%;right: 22%;}
  .count {font-size: 50px !important; line-height: 54px !important;}
  .counter { grid-template-columns:110px 97px;}
  .banner-div {height: 80vh;}
  .wch3 {font-size: 26px;line-height: 31px;}
  .pro-card div {margin-top: 30px;}
  .gbtn ,.cbtn{font-size: 14px;}
  .our-client .first-carousel {width: 75%;}
  .our-client .second-carousel {width: 75%;}
  .flex-div a {font-size: 17px;line-height: 24px;}
  .ind-wrp {height: 530px;}
  .ind-img-d {height: 530px;}
  .ind-tab::after {
      transform: rotateZ(270deg) translatey(-20px) !important;
      font-size: 28px;
      line-height: 34px;
  }
  .ind-tab {width: 80px; min-width: 80px;max-width: 80px; }
  .mt50 {margin-top: 40px;font-size: 26px;line-height: 38px;color: #233059;width: 100%;font-weight: 300;}

  .founder-container {
    display: grid;
    grid-template-columns: 28% 65%;}
    .catalogue-grid.two{grid-template-columns: repeat(3,1fr) !important;}
    .products-wrp{display: grid;grid-template-columns: repeat(4,1fr);gap:40px;margin: 150px 0px 0px 0px;}
      .title-height{
  height: 60px;
}
    .w70 {
        width: 85% !important;
    }
    .industries-card .industries-content{

        padding: 25px 25px 90px;
        padding-top: 25px !important;
    }
    .gallery-grid{

  grid-template-columns: repeat(3,1fr);

}
.link-wrp{
  grid-template-columns: 24% 24% 24% 24%;
}
.talk-pgrid {
        grid-template-columns: 25% 75%;
    }
.talk-grid {
        grid-template-columns: 70% 30%;
    }.industries-img {min-width: 220px;}.vismis {gap: 35px;}.vm-title h2 {    margin-top: 60px;}

    .pro-div-con{
grid-template-columns: 100%;
        gap: 20px;
    justify-items: end;
}
.products-carousel
 {
    margin: 80px 0px 0px 0px !important;
}
.counter
 {
        grid-template-columns: auto auto;
    }
}

@media(max-width:1400px){
  .company-wrp {display: grid;grid-template-columns: 55% 39%;gap: 6%;}
  .hed3 {font-size: 30px;line-height: 38px;}
  .cbtn ,.gbtn {padding: 8px 20px;font-size: 13px;}
  .company-div {margin-top: 30px;gap: 50px;}
  .counter p { font-size: 16px; line-height: 18px;}
  .wh2, .blh2 {font-size: 38px;line-height: 45px;}
  .pro-hed-wrp p {font-size: 18px;line-height: 30px;}
  .indus-center-div p { font-size: 17px;line-height: 22px;width: 70%;}
  .link-wrp.two {padding: 50px 0px;}

  .foot-logo {width: 200px;}
  .ind-wrp ,.ind-img-d  {height: 480px;}
  .ind-tab::after {transform:rotateZ(270deg) translatey(-20px) translatex(12px) !important}
  .ind-tab {width: 80px;min-width: 80px;
      max-width: 80px;
  }.prod-page .products-wrp {
    margin: 50px 0px 0px 0px;
}
.left-br{width:95%}
.ecatalogue-wrapper { grid-template-columns: 100%;gap: 20px;}
.ecatalogue-wrapper.two{grid-template-columns: 29% 69%;}

.product-logo {width: 180px;}
.clients-grid{
  grid-template-columns: repeat(5,1fr);
}
 .pro-hed-wrp p{
  font-size: 17px;
  line-height: 25px;
    
  }
}

@media(max-width:1350px){
  .ban-hed { font-size: 36px; line-height: 44px;width: 380px; }
  .banner-con { padding: 25px 0 0px}
  .banner-cdiv p {font-size: 18px;line-height: 26px;}
  .banner-cdiv {width: 538px;}
  .hed3 {font-size: 28px;line-height: 36px;}
  .company-div p {  font-size: 16px;width: 95%;line-height: 25px;}
  .company-wrp {grid-template-columns: 50% 44%;}
  .pspace {padding: 60px 0px;}
  .count {font-size: 41px !important;line-height: 48px !important;}
  .clients {grid-template-columns: repeat(3, 90px); padding-right: 0px !important;}
  .counter {grid-template-columns: 94px auto;}
  .banner-div {height: 70vh;}
  .wch3 {font-size: 24px;line-height: 28px;}
  .pro-card div {margin-top: 20px;}
  .products-carousel {margin: 140px 0px 0px 0px;}
  .pro-hed-wrp {grid-template-columns: 24% 70%;}
  .indus-center-div {gap: 8%;padding-left: 10%;}
  .foot-log a {height: 35px;width: 35px;}
  .call-logo { height: 35px;width: 35px;}
  .foot-icon {top: 19%;}
  .link-wrp {margin-bottom: 60px;}

  .subban-container{
    width: 450px;
  }
  .subban-content div {
    padding: 40px;
    font-size: 38px;
  }
  .let-content a {
    font-size: 20px;
    line-height: 26px;
}
.cl-title h2 , .vm-title h2{

  font-size: 35px;
  line-height: 41px;
}
.conlet-head .image , .vismis-head .image{
width: 80px;

}
.contact-form {
padding: 110px 90px;
}
.counter {
        grid-template-columns: auto auto;
    }
}

@media(max-width:1300px){
  /* .com-stats {grid-template-columns: 46% 46%;} */
  .banner-hed {padding-bottom: 0;}
  .pro-hed-wrp p {font-size: 17px;line-height: 28px;}

  .foot-menu-tit h4 {font-size: 24px;line-height: 27px;}
  .link-wrp.two {padding: 40px 0px;}
  .foot-menu-div .ad-p { font-size: 17px;line-height: 30px;}
  .flex-div {gap: 10px}
  .flex-div a {font-size: 16px;line-height: 21px;}

  .news-wrp {grid-template-columns: 100%;}
  .news-div {display: flex;flex-direction: column;}
  .news-img {gap: 20px;margin: 15px 0 20px 0;flex-direction: column;}
  .date-num {flex-direction: row;gap: 10px;}
  .num {font-size: 30px;line-height: 34px;}
  .news-h3 {font-size: 24px;line-height: 30px;margin-bottom: 20px;}
  .kbtn {margin-top: 30px !important;}
  .news .hed3 {font-size: 30px;line-height: 34px;font-weight: 400;}
  .news .hed3 span {font-weight: 600;}
  .mt50 {margin-top: 20px;font-size: 26px;line-height: 37px;}
  .news-img {grid-template-columns: 35% 13% auto;}
  .vismis-wrap{
    grid-template-columns: 47% 47%;
    justify-content: space-between;
  }
  .subban-img {
    width: 100%;
    height: 350px;
}
  }
@media(max-width:1300px){
    .menu-div{display:none;}  .hamburger-menu{display: flex;}
  .side-menu{display: flex;flex-direction: column;height: -webkit-fill-available;padding-bottom: 10px;}
}
@media(max-width:1250px){

  .side-menu .foot-log {padding-top: 10px;}
  .head-logo{padding: 10px 20px ;}

  .banner-con{flex-direction: column;}
  .statitics {gap: 30px;}
  .ban-hed {font-size: 34px;line-height: 40px;width:50%;}
  .banner-cdiv {width: 100%;gap: 20px;}
  .banner-cdiv p {font-size: 18px;width: 50%;}
  .banner-con::after {right: 14px;}
  .banner-div {height: 70vh;}
  .bannersec { margin-bottom: 10px;}
  .wh2, .blh2 {font-size: 35px;line-height: 42px;}
  .wch3 {font-size: 22px;line-height: 25px;}
  .products-carousel {
      margin: 120px 0px 0px 0px;
  }

  .founder-container {
   grid-template-columns: 31% 58%;
}

  .form-title-wrap{
    grid-template-columns: 32% 54%;
    justify-content: space-between;
  }
  .founder-container{
    align-items: center;
  }
  .let-info{
    grid-template-columns: 100%;
  }
  .let-info-content{
    display: grid;
    grid-template-columns: 80px auto;
  }
  .catalogue-category-buttons {width:90%}
  .ecatalogue-wrapper.two {
    grid-template-columns: 28% 69%;
}

.play-button { width: 80px;height: 80px;}
.triangle {border-left: 25px solid #d62432;border-top: 15px solid transparent;border-bottom: 15px solid transparent;}
/* .subban-img {width: 100%;height: 300px;} */
 .subban-container{
    bottom: 15px;
  }
  .subban-content div {
    padding: 35px;
  }
  .subban-h1{
    font-size: 34px;
    line-height: 38px;
  }
  .subban-p {
font-size: 18px;
  line-height: 25px;}
    .product-logo {
        width: 150px;
    }

}

@media(max-width:1200px){
  .indus-center-div {gap: 8%;padding-left:0px;grid-template-columns: 100% ;}
  .news-img .n-img{display: flex;}
  .news-img .n-img img{object-fit: cover;}
  /* .lets-talk .container {  gap:150px;justify-content: center; align-items: center;} */

  .foot-icon {top: 42%;height: 220px;width: 403px;}
  .link-wrp.two {padding: 30px 20px;}
  .ind-tab::after {font-size: 24px;line-height: 18px;}
  .ind-wrp, .ind-img-d {height: 400px;}
  .ind-tab {width: 70px;min-width: 70px;max-width: 70px;}
  .ind-img-t h3 {font-size: 24px;line-height: 26px;}
  .ind-tab.eight::after {left: -95%;bottom: 34%;}
  .ind-tab.one::after {left: -85%;}
  .conlet-wrap, .vismis-wrap{
    gap:50px;
  }
  .conlet, .vismis{
    padding: 50px;
  }.prod-page .products-wrp {grid-template-columns: repeat(3, 1fr);gap: 40px 20px;}
.prod-page.products-section::after {background-color: rgb(29 97 168 / 20%);}
.catalogue-card svg {width: 30px;}
.catalogue-card{
    min-height: 240px;
}

  .subban-container{
    bottom: 15px;
  }
  .industries-grid{
    grid-template-columns: repeat(2,1fr);
  }
  .news-detail-grid {
    grid-template-columns: auto 25%;
  }
  .recent-ch3{
    font-size: 17px;
    line-height: 23px;

  }
.shp1 {width: 12px;}
.link-wrp{
  grid-template-columns: 45% 45%;
        justify-content: space-between;
        gap: 30px;
}
.talk-pgrid {
        grid-template-columns: 100%;
    }
.clients-grid{
  grid-template-columns: repeat(4,1fr);
}
}


@media (max-width:1150px) {
.subban-content div{
  padding: 40px;
  font-size: 36px;
  line-height: 42px;
}
.contact-form {
  padding: 100px 80px;
}
.catalogue-grid.two {
  grid-template-columns: repeat(2, 1fr) !important;
}
     .title-height{
  height: 50px;
}
.timeline-item.right .timeline-card{
      padding-right: 40px;
    }
    .timeline-item.left .timeline-card{
      padding-left: 40px;
    }
}

@media(max-width:1100px){
  .clients {grid-template-columns: repeat(3, 85px);padding-right: 0px;}
  .clientcarousel {margin: 60px 0px 0px;}
  .ind-tab {width: 60px;min-width: 60px;max-width: 60px;}
  .ind-tab::after {font-size: 22px;line-height: 18px;}
  .ind-tab::after {transform: rotateZ(270deg) translatey(-18px) translatex(-3px) !important;}
  .ind-img-t h3 {font-size: 22px;line-height: 17px;}
  .ind-img-t { bottom: 9%;}

  .right-section {grid-template-columns: repeat(2, 1fr);}
  .card-wrp {display: grid;grid-template-columns: repeat(1, 1fr);gap: 20px;overflow: hidden;position: relative;}
  .read-more-wrp {display: flex;position: absolute;bottom: 0px;justify-content: end;width: 100%;padding: 10px 0px;background-color: #fff;z-index: 24;}
  .read-more-wrp button {background: none;border: none;font-size: 18px;font-weight: 500;border-bottom: 1px solid var(--aclr);}
  .pro-over {height: 100%;  grid-template-columns: 40% 50%;}
  .product-logo {width: 150px;}.industries-card .industries-content {padding: 30px 25px;}.industries-img {min-width: 150px;}

}


@media(max-width:1090px){
  .company-wrp {grid-template-columns:95%;}

  .company-div {margin:0px 0px 8% ; gap:40px; padding-bottom: 6px;}
  .company-img.one{display: none;}
  .company-img.two{display: block;max-width:470px;margin: auto;}
  .pspace {padding: 60px 0px;}
  .company-div p { width: 100%;}

  .banner-cdiv p {font-size: 16px;width: 60%;}
  .ban-hed {width: 60%;}
  .banner-hed {padding-bottom: 5px;}
  .banner-div {height: 70vh;}
  .count {font-size: 35px !important;line-height: 44px !important;}
  .client p {font-size: 16px;margin-top: 16px;}
  .products-carousel .swiper-button-prev:after, .products-carousel .swiper-button-next:after {font-size: 18px;}
  .foot-menu-tit h4 {font-size: 22px;line-height: 25px;}
  .foot-menu-div .ad-p {font-size: 16px;line-height: 28px;}
    .com-stats {grid-template-columns: 100%; justify-content: center;}
     .statitics { grid-template-columns: repeat(2, 38%); justify-items: center;}
  .clients {justify-content: space-evenly;}
  .counter {grid-template-columns: 80px auto;gap: 30px;align-items: center;}
  /* .com-stats >div {
    padding: 8% 0px 0px;
} */
.company-div {
  margin: 0px;
}

}

@media(max-width:1060px){
  .wh2, .blh2 {font-size: 30px;line-height: 39px;}
  .pro-hed-wrp {grid-template-columns: 100%;gap: 20px;}
  .products-carousel {margin: 90px 0px 0px 0px;}
  .indus-center-div {grid-template-columns: 100%;  justify-content: space-between;}
  .subban-container{
    bottom: 15px;
  }
  .subban-content div {
    padding: 35px;
    font-size: 33px;
    line-height: 38px;
}
.form-title-wrap{
  grid-template-columns: 100%;
  gap:25px;
  padding: 0px;
}
.form-title .blh2{
  text-align: center;

}
.form-text{
  width: 85%;
  margin: auto;
}
.content-p {
  font-size: 16px;
  line-height: 24px;
}
.conlet-wrap, .vismis-wrap {
  gap: 35px;
}

}

@Media(max-width:1000px){



  .ban-hed {font-size: 32px;line-height: 38px;}
  .banner-con {padding: 20px 0 0px;}
  .logo-div {width: 170px;}
  com-stats >div {padding: 10% 0px 0px;}
  .news-h3 {font-size: 22px;line-height: 26px;margin-bottom: 15px;}
  .side-menu { top: 77px;}
  .kbtn{margin-top:20px !important ;}
  .date{font-size: 24px;line-height: 28px;}
  .num{font-size: 24px;line-height: 28px;}
  
.dw.pro-hed-wrp p {font-size: 16px;line-height: 26px;}
  .news-wrp {grid-template-columns: 100%;}
  .news .hed3 span {font-size: 28px;line-height: 30px;font-weight: 600;}
  .news .hed3 {font-size: 30px;line-height: 36px;}
  .news-div {padding: 25px;}
  .kbtn {margin-top: 20px !important;}

  .contact-form {
    width: 100%;
    padding: 90px 70px;
    gap: 60px;}
    .founder-container {
      grid-template-columns: 100%;
      padding: 0 50px 50px 50px;
      gap: 50px;
  }
  .founder-image-container{
    width: 40%;
    min-width: 240px;
  }
  .founder-content{
    padding: 0px;
    gap: 30px;
  }
  .map{
    width: 100%;
    height: 300px;
  }
  .map iframe{
    width: 100%;
    height: 100%;
    min-height: 0px;
   }
   .conlet-wrap , .vismis-wrap{
    grid-template-columns: 100%;  }
      .conlet , .vismis{
        gap: 50px;
      }
      .vm-content p {
        font-size: 16px;
        line-height: 24px;
        color: #192751cc;
    }
    .let-info{
      grid-template-columns: repeat(2,1fr);
      gap: 40px 20px;
    }
      .let-info-content{
        display: grid;
        grid-template-columns:100%;
      }
      .founder-link a{
        margin-left: 0px;
      }
      .down-none {display: none;}
      .down-block {display: block;}
      .right-section {display: block;}
      .card-wrp {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
      .scroll-tabs-wrapper {display: flex;align-items: center;margin-bottom: 20px;}
      .tab-buttons {display: flex;gap: 10px;overflow: auto;flex: 1;padding: 0px 10px;scroll-behavior: smooth;scrollbar-width: none;margin-bottom: 0px; flex-wrap: nowrap; }
      .scroll-arrow {background: none;border: none;font-size: 18px;padding: 8px;cursor: pointer;color: #03509e;}
      .tab-button {flex: 0 0 auto;white-space: nowrap;border-radius: 20px;border: none;cursor: pointer;font-weight: 500;transition: background 0.3s ease;}
      .arrow-icon {position: absolute;bottom: 35px;right: 30px;}
      .catalogue-category-buttons {flex-direction: row;}
      .quick-link{
    top: 72px;
  }
     /* #navs::before
 {
    content: 'An ISO 9001:2015';
    position: absolute;
    top: 10px;
    left: 200px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #053064;
}
#navs::after {
    content: 'Certified Company';
    position: absolute;
    top: 30px;
    left: 200px;
    font-size: 16px;
    line-height: 24px;
    color: #3C3C3D;
} */
.side-menu {
  top: 70px;
}
}


@media(max-width:992px){
  .over-img.two{display: block; height: 400px; margin-bottom: 25px;}
  .over-img.one{display: none;}
  .pro-over {height:auto;grid-template-columns: 100%;}
  .subban-img {width: 100%;height: 320px;}
    .industries-card .industries-content{

      padding: 22px 22px 85px !important;
        padding-top: 22px !important;
    }
     .news-detail-grid {
    grid-template-columns: 100%;
  }
  .recent-news-grid{
    grid-template-columns: repeat(2,1fr);
  }
  .recent-col{
    width: fit-content;
  }
      .subban-h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .subban-content div
 {
        padding: 25px;
        font-size: 33px;
        line-height: 38px;
    }
    .subban-container {
      width: 500px;
    }
    .product-logo{
      width: 120px;
    }
    .industries-grid {
        grid-template-columns: repeat(1, 1fr);
    }.industries-img {    min-width: 300px;}
    .clients-grid{
  grid-template-columns: repeat(3,1fr);
}
.home-industries-grid     .industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}


@media(max-width:900px){
  .ban-hed {font-size: 30px;line-height: 36px;width: 55%;}
  .banner-cdiv {gap: 10px;}
  .banner-cdiv p {display: none;}
  .banner-cdiv .flex-align-last{justify-content: start;}
  .banner-con::after {right: 14px;height: -webkit-fill-available;width: 37px;}
  .banner-div{margin-bottom: 90px;}
  .banner-div .container {position: absolute;bottom: 0;}
  .banner-swiper .swiper-pagination {bottom: 15px !important;}
  .bannersec {margin-bottom: 0px;}
  .counter p {font-size: 15px;line-height: 16px;}
  .client p {font-size: 15px;margin-top: 14px;}
  .products-carousel {margin: 80px 0px 0px 0px;  }
  .indus-center-div p {font-size: 16px;line-height: 24px;width: 80%;}
  /* .lets-talk .container {gap: 125px;justify-content: space-between;align-items: center;padding-left: 0px;} */
  .lets-talk h3 {font-size: 28px;line-height: 30px;}
  .lets-talk p {font-size: 17px;line-height: 31px;}
  .clientcarousel {margin: 40px 0px 0px;}

  .copyright-div {margin: 10px 0px;}
  .copyright-div p , .copyright-div a {font-size: 13px;}
  .ind-img-d {width: 100%;height: 0px;}
  .ind-wrp{flex-direction: column;}
  .ind-div {display: flex;flex-direction: column;  transition: width 0.5s ease;}
  .ind-tab {padding: 20px 30px;width: 100%;min-width: 100%;max-width: 100%;border-right: 0px solid #aace5099;border-bottom: 2px solid #aace5099;}
  .ind-tab::after {transform: rotateZ(0deg) translatey(0px) translatex(0px) !important;bottom: 50% !important;left: 0px !important;}
  .ind-wrp{height: auto;width: 100%;}
  .ind-tit{display: block;font-size: 22px;line-height: 18px;    color: #000;font-weight: 500;}
  .ind-tab::after{display: none;content: '' !important;}
  .ind-div.active .ind-img-d {opacity: 1;width: 100%;height:300px; transition: width 0.5s ease;}
  .ind-img-t {top: 9%;left: auto;right: 10%;}
  .ind-img-d::before {height: 100%;position: absolute;width: 100%;content: '';top: 0px;left: 0px;background: linear-gradient(180deg, #00000080 2%, transparent 98%);}

  .our-client   .second-carousel {margin: 40px 25% 0px auto;}.client-item {width: 150px;}
  .pro-div-con {grid-template-columns: 100%;}
  .pro-div-con .gbtn{display: none;}

  .kbtn {margin-top: 10px !important;}
  .news-img {grid-template-columns: 37% 15% auto;}
  .mt50 {font-size: 22px;line-height: 33px;}

  .catalogue-category-buttons .download-button {
    padding: 12px 25px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    /* border-radius: 0px; */
    line-height: 23px;
}
.tab-button {
  padding: 6px 12px;font-size:18px;line-height: 24px;}
      .title-height {
        height: 30px;
    }
    .prod-page .pro-div-con {
  grid-template-columns: 100%;
}.timeline-section .timeline-content {    grid-template-columns: repeat(1, 1fr);}.left .timeline-content {display: flex;flex-direction: column-reverse;}
.pro-hed-wrp p {font-size: 16px;line-height: 26px;}
.pro-div-con .gbtn{
  display: block;
}
.pro-div-con{
  justify-items: flex-start;
}
}

@media(max-width:850px){
  .indus-center-div {grid-template-columns: 100%;gap: 20px;}
  .indus-center-div a {text-align: end;}
  .form-grid {

    grid-template-columns: 100%;
   gap: 0px;
}
.form-group input {
  margin: 20px 0px !important ;
}
.contact-form:nth-child(2) input{
  margin-top:0px;
}
.contact-form{
  gap: 40px;
  padding: 60px 60px 80px;
  border-radius: 30px 30px 0 0;
}

}

@media(max-width:800px){
      .talk-grid {
        grid-template-columns: 100%;
        gap: 35px;
    }    .icon-d {
        height: 45px;
        width: 45px;
    }
}
@media (max-width:770px) {
  .title-height {
        height: 50px;
    }
}

@media(max-width:767px){
  .company-img.two{width:80%;margin: auto;}
  .company-wrp {grid-template-columns:100%;}
  .hed3 {font-size: 24px;line-height: 31px;font-weight: 600;}
  .shp1 {width: 10px;right: 20%;}
  .shp2 { top: 7%;right: 17%;}
  .company-div{gap: 30px;}.client-two{display: block !important; border-top:1px solid #b1b1b1}
  .clients{display: none;}
  .statitics {grid-template-columns: repeat(2, 46%);        margin-top: 25px;}
.banner-div {height: 70vh;}
  .banner-con {padding: 20px 0  30px;}
  .banner-con::after { width: 44px; }
  .banner-cdiv {padding-top: 14px;}
  .banner-swiper .swiper-pagination {bottom: 8px !important;}
  .client{width:80%;margin: auto;}

  .count {font-size: 28px !important;line-height: 33px !important;}
  .counter p {font-size: 14px;line-height: 16px;  }
  .counter {grid-template-columns: 65px auto;}
  .pro-hed-wrp {grid-template-columns: 100%;gap: 20px;}

  .link-wrp.two {gap: 30px;}
  .foot-icon {top:auto;bottom:30%;height: auto;
      width: 300px;}
  .copyright-div {flex-direction: column;justify-content: center;}
  .copyright-div p{text-align: center;}
  .ind-tab {padding: 15px 20px;width: 100%;}
  .ind-tit {font-size: 20px;line-height: 17px;}
  .products-carousel {margin: 50px 0px 0px 0px !important; }
  .indus-center-div p {width: 90%;}
  .btn-wrp{display: none;}
  .shp2 {width: 24px;height: 26px;}

  .news-img .n-img {height: 230px;}
  .news-img {grid-template-columns: 100%;gap: 10px;}

  .founder-container {

    padding: 0 30px 30px 30px;
    gap: 30px;
}
.founder-content {
  padding: 0px;
  gap: 25px;
}
.founder-message {
width: 100%;
}
.conlet, .vismis {
padding: 35px;
}
.let-content {
font-size: 18px;
line-height: 24px;
}
.let-content a {
font-size: 18px;
line-height: 24px;
}
.prod-page .products-wrp {grid-template-columns: repeat(2, 1fr);}
.ch2 {font-size: 32px;line-height: 40px;}
.over-img.two{ height: 350px;}
.play-button {width: 60px;height: 60px;}
.triangle {
  border-left: 20px solid #d62432;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.ToggleLink{display: block;position: relative;padding: 10px 0px;}
.ToggleLink::after{        position: absolute;
  right: -1px;
  top: 13px;
  width: 33px;
  height: 19px;
  content:  url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi44NnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxNiA3Ij48cGF0aCBmaWxsPSIjN2Q3YzhjIiBkPSJNOCA2LjVhLjQ3LjQ3IDAgMCAxLS4zNS0uMTVsLTQuNS00LjVjLS4yLS4yLS4yLS41MSAwLS43MXMuNTEtLjIuNzEgMGw0LjE1IDQuMTVsNC4xNC00LjE0Yy4yLS4yLjUxLS4yLjcxIDBzLjIuNTEgMCAuNzFsLTQuNSA0LjVjLS4xLjEtLjIzLjE1LS4zNS4xNVoiLz48L3N2Zz4=');}
.ToggleLink.active::after{
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi44NnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxNiA3Ij48cGF0aCBmaWxsPSIjN2Q3YzhjIiBkPSJNMTIuNSA2YS40Ny40NyAwIDAgMS0uMzUtLjE1TDggMS43MUwzLjg1IDUuODVjLS4yLjItLjUxLjItLjcxIDBzLS4yLS41MSAwLS43MUw3LjY1LjY1Yy4yLS4yLjUxLS4yLjcxIDBsNC41IDQuNWMuMi4yLjIuNTEgMCAuNzFjLS4xLjEtLjIzLjE1LS4zNS4xNVoiLz48L3N2Zz4=');}

.q-wrp{flex-direction: column;height: 0px;overflow: hidden;transition: height 0.25s linear;gap:15px;padding-bottom: 5px;margin: 0px;display: none;}
.q-wrp.active{height: 100%;display:flex;}
.quick-nav{width:100%;display: flex;}
.quick-nav::after {bottom: -5px;}
.catalogue-category-buttons .download-button {
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 18px;
  /* border-radius: 0px; */
  line-height: 23px;
}
.tab-button {
  padding: 6px 12px;font-size:16px;line-height: 22px;}
.nfb{
width: 100%;
}
.nf{
  width:100%
}
    .subban-p {
        font-size: 18px;
  line-height: 25px;
    }
        .industries-img {
        min-width: 220px;
    }
    .q-wrp{
      padding-bottom: 15px;
    }

	    .g-captcha {
        margin-top: 15px;
        transform: scale(.7);
        left: -54px;
        position: relative;
    }
    .clients-grid{
      gap: 10px 20px;
    }
    .statitics{
      margin-top: 0px;
    }
}
@media (max-width:700px) {
  .home-industries-grid     .industries-grid {
        grid-template-columns: repeat(1, 1fr);
       
    }

  
}

@media(max-width:640px){
  .count {font-size: 24px !important;line-height: 27px !important;}
  .counter {        grid-template-columns: 100%;
      text-align: center; gap:5px;}
  .news-img{margin: 15px 0px 15px;padding: 20px 15px 20px 15px;}
  .link-wrp.two {padding: 40px 0px;}
  .form-text {
    width: 100%;
}
.cl-title h2, .vm-title h2 {
  font-size: 30px;
  line-height: 36px;
}
.con-content h3 {
font-size: 22px;
line-height: 28px;
}
.catalogue-category-buttons {width: 100%;}
.left-br{width:100%}
.timeline-line {    left: 30px;}.timeline-item {gap: 20px;}.timeline-item.left {
    flex-direction: column;
}.timeline-date {    padding-left: 34px;}.timeline-item.left .timeline-card {margin: 0 0 0 40px;}.timeline-date, .timeline-card {width: 300px;}
.timeline-item.left .timeline-card{
  padding-left: 20px;
  padding: 20px;
}
.timeline-item.left .timeline-card .timeline-text {
    text-align: left;
}
.timeline-item.right .timeline-card
 {
        padding-right: 20px;
        padding: 20px;
    }
}

@media(max-width:600px){


  .indus-center-div p {width: 100%;}

  .subban-content div {
    padding: 25px;
    font-size: 26px;
    line-height: 32px;
}
.contact-form {

  padding: 40px 50px 60px;}
  .card-wrp {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.over-img.two{ height: 300px;}
.left-br  br{display: none;}
.industries-grid {
    grid-template-columns: repeat(1, 1fr);
}
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .recent-news-grid {
        grid-template-columns: 100%;
    }

    .card-wrp{
      grid-template-columns: repeat(2, 1fr);
    }
      .clients-grid{
  grid-template-columns: repeat(2,1fr);
  gap:10px 20px;
}
  .d-block-below-600{
      display: block;
    }
    
    .d-none-below-600{
      display: none;
    }
    .client-item {
    padding: 0px;
}

}

@media(max-width:580px){
  .foot-menu-tit p{display: flex;position: relative;justify-content: space-between;align-items: center;border-bottom: 1px solid #000;padding: 10px 0px;}
  .foot-menu-tit p::after{content: "";background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KCTxwYXRoIGZpbGw9IiMwNzFDM0MiIGQ9Ik0xMiAxNC45NzVxLS4yIDAtLjM3NS0uMDYyVDExLjMgMTQuN2wtNC42LTQuNnEtLjI3NS0uMjc1LS4yNzUtLjd0LjI3NS0uN3QuNy0uMjc1dC43LjI3NWwzLjkgMy45bDMuOS0zLjlxLjI3NS0uMjc1LjctLjI3NXQuNy4yNzV0LjI3NS43dC0uMjc1LjdsLTQuNiA0LjZxLS4xNS4xNS0uMzI1LjIxM3QtLjM3NS4wNjIiIC8+Cjwvc3ZnPg==);display: block;width: 20px;height: 20px;background-repeat: no-repeat;}
  .foot-menu-tit.iclose p::after {transform: rotate(180deg);}
  .ot-link{display:block;}
  .ot-link p{display: flex;width: 100%;}
  .menu-wrp {max-height: 0;overflow: hidden;transition: max-height 0.75s ease-out;}
  .menu-wrp.open {max-height: 1000px; /* This should be a high enough value to cover your expected content height */transition: max-height 0.75s ease-in;}
  .foot-icon {top: auto;bottom: 7%;}
  .link-wrp { gap: 0px;margin-bottom: 30px;}
  .ad-p{margin-bottom: 0px;}
  .foot-log {justify-content: start; gap:20px;
  }
  .catalogue-category-buttons .download-button {
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    /* border-radius: 0px; */
    line-height: 23px;
  }
  .link-wrp.two{

    display: grid;
       grid-template-columns: repeat(1, 1fr);
        gap: 20px;
  }
  .subban-container {
      width: 85%;
    }
    .subban-container.prod-ban {
        background-color: #3098d578;
    }
    .link-wrp{
      display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0;
        padding: 25px 0 10px;padding-top: 0;

    }
    .link-wrp .foot-menu-div{
      width: 100%;
    }
   .pt-1-below-580{
    padding-top: 10px;
   }    .industries-img {
        min-width: auto;height: 200px;width: 100%;
    }.industries-card {flex-wrap: wrap;}.industries-card .industries-content {padding: 22px 22px 45px !important;}.industries-grid {gap: 30px 20px;}
    .footer-sec{
      padding-top: 30px !important;
    }
    .link-wrp.two{
      padding: 30px 0px;
    }
.banner-cdiv .flex-align-last {flex-wrap: wrap;}

.home-industries-grid .industries-img{
  height: 300px;
}
}

@media(max-width:550px){
  .company-img.two{width:90%;margin: auto;}
  .ban-hed {font-size: 28px;line-height: 32px;width: 100%;}
  .client p {font-size: 14px;margin-top: 12px;line-height: 16px;}
  /* .lets-talk .container {gap: 25px;} */
  .lets-talk h3 {font-size: 24px;line-height: 28px;text-align: center;}
  .lets-talk p {font-size: 16px;line-height: 18px;margin-top: 10px;text-align: center;}
  .foot-menu-tit p {margin-bottom: 8px;}
  .menu-wrp a {margin: 4px 0px;}
  .cl-content , .vm-content{
    gap: 20px;
  }

  .conlet, .vismis{
    gap: 25px;
  }
  .let-info{
    gap:15px;
  }
  .cl-content {
    gap: 10px;
}
.con-content {
  line-height: 24px;

}
.con-content h3 {
font-size: 20px;
line-height: 26px;
}
.talk-grid{
  justify-items: center;
}
.foot-logo{
  display: none;
}
}
@media (max-width:510px) {
      .title-height {
        height: 30px;
    }
}
@media(max-width:500px){
  .client{width:50%;margin: auto;}
  .products-carousel .swiper-button-prev:after, .products-carousel .swiper-button-next:after {font-size: 18px;}
  .products-carousel .swiper-button-prev:after, .products-carousel .swiper-button-next:after {font-family: swiper-icons;text-transform: none !important;background: #fff;font-size: 21px;font-weight: 600;font-variant: initial;line-height: 1;transition: 0.25s linear;padding: 20px 15px;color: #000;}
  .statitics {gap: 30px 20px;}
  .form-group input{
    margin: 10px 0 !important;
    padding: 10px 10px;
  }
  .contact-form {
    padding: 30px 30px 50px;
    gap: 35px;
}
    .client-two .swiper {
        padding-bottom: 40px !important;
    }

}



@media(max-width:480px){
  .company-img.two{width:100%;margin: auto;}
  .counter p {font-size: 12px;line-height: 14px;}
  .client {width: 60%;}
  .counter {gap: 5px;}
  .count {font-size: 28px !important;line-height: 34px !important;}
  .banner-con {padding: 20px 20px 30px;}.client-two .swiper {padding-bottom: 40px !important;}
  .pspace {padding: 50px 0px;}
  .container {width: 90% !important;}
  .our-client .second-carousel {margin: 40px 10% 0px auto;}
  .cbtn, .gbtn {padding: 8px 20px;font-size: 13px;}

  .news .hed3 span {font-size: 28px;line-height: 30px;font-weight: 600;}
  .news .hed3 {font-size: 30px;line-height: 36px;}
  .news-div {padding: 25px 20px}
  .mt50 {margin-top: 20px;font-size: 18px;line-height: 26px;}
  .news-480 {display: block;}
  .n-none {display: none;}
  .swiper-button-prev::after,.swiper-rtl .swiper-button-next:after {content: "prev";}
  .swiper-button-next::after,.swiper-rtl .swiper-button-prev:after {content: "next";}
  .news-event-cnt {display: flex;overflow: hidden;}
  .subban-container {
    right: 0%;
    left: 0%;
    margin: auto;

  }
  .conlet, .vismis {
    padding: 25px;
}
  .conlet-head, .vismis-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse;}

    .cl-title h2 , .vm-title h2 {
      margin-top: 10px;}
      .conlet-head .image, .vismis-head .image {
        width: 60px;
    }
    .let-info {
      grid-template-columns: 100%;
    }
    .let-info-content{
      display: grid;
      grid-template-columns:70px auto;
    }
    .conlet-wrap, .vismis-wrap {
      gap: 25px;
  }.prod-page .products-wrp {grid-template-columns: repeat(1, 1fr);width: 280px; margin: 50px auto 0px; }


.tab-buttons {min-width:auto;}
.swiper-button-prev, .swiper-button-next {background: #fff;position: absolute;}
.swiper-button-next::after {
  content: 'next';
}
.swiper-button-prev::after{
  content: 'prev';
}
.swiper-button-prev::after, .swiper-button-next::after {
  font-family: swiper-icons;
  text-transform: none !important;
  background: #fff;
  font-size: 21px;
  font-weight: 600;
  font-variant: initial;
  line-height: 1;
  transition: 0.25s linear;
  padding: 20px 15px;
  color: #000;
  position: absolute;
}
.b-crumps-ul{
  flex-wrap: wrap;
}
.subban-container.prod-ban{
  background-color: #3098d578;
}
.subban-img{
width: 100%;
height: 300px;

}
.gallery-grid {
        grid-template-columns: 100%;
        width: 70%;
        margin: auto;
    }
    .cdots .swiper-pagination-bullet{
      width: 9px;
      height: 9px;
    }
    .news-detail-img{
      border-radius:10px ;
      height: 200px;
    }
        .subban-p {
          display: none;
        }
            .client-item {
        width: 90px;
    }.timeline-date {    font-size: 32px;}
     .sticky-menu {
        position: fixed;
        width: -webkit-fill-available;
        transform: translateX(0px);
        grid-template-columns: repeat(3, 33%);
        gap: 0px;
        right: 0px;
        bottom: 0px;
    }

    .stick-link {
        gap: 0px;
        padding: 8px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-radius: 0px;
        box-shadow: 0px 0px;
        background: #03509e;
        padding-right: 0px;
    }

    .stick-link p {
        display: none;
    }

    .stick-link .mbp {
        display: none !important;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 16px;
    }

    .stick-link.call-icon {
        border-right: 1px solid #fff;
    }
        .stick-link.download-icon {
        border-left: 1px solid #fff;
    }

    .stick-link.call-icon:hover ,.stick-link.contact-icon:hover ,.stick-link.download-icon:hover  {
        transform: translateX(0px);
    }

    .stick-link:hover .icon-d {
        background: none;
    }    .icon-d {        border-radius: 0;
        height: 30px;
        width: 30px;
    }.icon-d svg {width: 24px;height: 24px;}.copyright-div {margin-bottom: 50px;}.vismis-head .image img, .conlet-head .image img {width: 50px;}.industries-grid {    margin: 50px 0px 0px;}

    .subban-container {
        width: 100%;
        height: 100%;
        border-radius: 0;background-color: rgb(48 152 213 / 50%);        top: 16px;
    }.subban-content  {display: flex;align-items: end;}


.banner-div .container{
  left: 5%;
}
.head-logo{
  padding-bottom: 50px;
}
    .card-wrp{
      grid-template-columns: repeat(1, 1fr);
    }
.flex-align-last {gap: 10px;}    .banner-div {
        margin-bottom: 30px;
    }
    .banner-swiper .swiper-slide:after {        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        background: linear-gradient(45deg, #ffffff, transparent);
        z-index: 0;
        top: 0;}.banner-con {        z-index: 99;}.banner-cdiv, .banner-cdiv .flex-align-last {padding-right: 0 !important;}.banner-cdiv  .cbtn {font-size: 13px; padding: 7px 15px;}

      .clientcarousel.cnav .swiper-button-prev::after, .clientcarousel.cnav .swiper-button-next::after {
    background-color: #cecece;
    font-size: 17px;
    padding: 12px 10px;
}
.clientcarousel.cnav .swiper-button-next {
    right: auto;
    left: 60px;
}
.scrolltop {
  width: 40px;
  height: 40px;
}
.sticky-menu{
  grid-template-columns: 100%;
}
.d-none-480{
  display: none;
}
    .stick-link .mbp{
        display: block !important;
    }
  }

  @media (max-width:430px) {
        .logo-div {
        width: 150px;
    }
    .line {
      width: 25px;
    }
        /* #navs::before {

        top: 2px;
        left: 165px;
        font-size: 15px;
        line-height: 20px;

    }
      #navs::after {

        top: 20px;
        left: 165px;
        font-size: 15px;
        line-height: 20px;

    } */
        .quick-link {
        top: 64px;
    }
    .side-menu {
  top: 65px;
}
  }


@media(max-width:400px){
  .side-menu {width:100% ;right: 0px}
  .shp1 {width: 9px;right: 20%;}

  .subban-container div p br{
    display: none;
  }
  .contact-form {
    padding: 30px 20px 50px;
    gap: 35px;
}
.founder-image-container {
  width: 100%;
  min-width: 240px;
}
.founder-container {
padding: 0 25px 25px;
gap: 25px;
}
.br-none{
display: none;
}
.tab-buttons {min-width: auto;}
    .product-logo {
        width: 100px;
    }
.cnav .swiper-button-prev:after, .cnav .swiper-button-next:after , .products-carousel .swiper-button-prev:after, .products-carousel .swiper-button-next:after{
    font-size: 17px;
    padding: 12px 10px;
   }
}
@media (max-width:380px) {
   .shp1 {width: 8px;right: 20%;}.timeline-date, .timeline-card {width: 86%;}

    .logo-div {
        width: 125px;
    }
    .line {
      width: 20px;
    }
        /* #navs::before {

        top: 2px;
        left: 135px;
        font-size: 13px;
        line-height: 18px;

    }
      #navs::after {

        top: 15px;
        left: 135px;
        font-size: 12px;
        line-height: 20px;

    } */
        .quick-link {
        top: 56px;
    }
    .side-menu {
  top: 55px;
}
 .clientcarousel .swiper{
      padding-bottom: 80px;
    }
    .clientcarousel.cnav .swiper-button-prev, .clientcarousel.cnav .swiper-button-next{
      bottom: 0px;
      top: auto;
     
      
    }
   
    .clientcarousel.cnav .swiper-button-prev{
      right: auto;
      left: 10px;
    }
    .clientcarousel.cnav .swiper-button-next{
      right: auto;
      left: 60px;
    }


}
@media (max-width:350px) {
    .title-height {
        height: 50px;
    }
}