@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

.youtube-container {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  pointer-events: none;
  position:relative; z-index:1; width: 100%; height: 100%;
}

.youtube-container iframe {
  width: 300%;
  height: 100%;
  margin-left: -100%;
}

.counter_flex{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.counter_title{
  font-size: 14px;
  font-style: normal;
  color: #555;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.counter_pluse{
  font-size: 32px;
  font-style: normal;
  color: #555;
  font-weight:200;
  text-transform: uppercase;
}

.counter_box1{ width: 20%; text-align: left; position: relative;}
.counter_box1::after{ width:1px; height:75px; background-color: rgb(226, 226, 226); right: 70px; top: 0; position: absolute; content: "";}

.counter_box2{ width: 20%; text-align: left; position: relative;}
.counter_box2::after{ width:1px; height:75px; background-color: rgb(226, 226, 226); right:70px; top: 0; position: absolute; content: "";}

.counter_box3{ width: 20%; text-align: left; position: relative;}
.counter_box3::after{ width:1px; height:75px; background-color: rgb(226, 226, 226); right:70px; top: 0; position: absolute; content: "";}

.counter_box4{ width: 23%; text-align: left; position: relative;}
.counter_box4::after{ width:1px; height:75px; background-color: rgb(226, 226, 226); right:25px; top: 0; position: absolute; content: "";}

.counter_box_last{ width: 12%; text-align: left; position: relative;}

.counter_box_full{ width: 100%; text-align: left; font-size: 38px; font-weight: 600; line-height: 1.1; margin-bottom: 50px;}

.display-4-1{ font-size: 38px; font-weight: 100; line-height: 1.1;}

/* #count1{ width: 75px;} */

.exp{ width:160px; margin: 0 auto;}

.exp img{ width: 100%;}

a.box_contents .wrapper {
  padding: 13px 20px 20px 60px;
  position: relative;
} 

a.box_contents:hover img { transform: scale(1.05);}

a.box_contents h2 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

a.box_contents p{
  font-size: 14px;
  line-height: 23px;
  color: #333;
  min-height: 162px;
  font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  letter-spacing: 0.5px;
} 

a.box_contents figure {
  position: relative;
  overflow: hidden;
  transition: all 0.7s ease;
  margin: 0;
  padding-bottom: 20px;
}

a.box_contents em {
  font-style: normal;
  font-weight: 400;
  position: relative;
  letter-spacing: 0.5px;
  font-size: 14px;
}

.owl-carousel .owl-nav button.owl-prev {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: 0;
  left:  -55px;
}

.owl-carousel .owl-nav button.owl-next {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: 0;
  right: -55px;
}

.owl-next i, .owl-prev i {  font-size: 1.5rem;}

a{color: #009b3e;}

.col-xl-3.x3 {flex: 0 0 auto; width: 20%;  }

.box_facilities h3 {
  letter-spacing: 0.2px;
  font-size: 14px;
  font-style: normal;
  color: #555;
  font-weight: 500;
  text-transform: uppercase;
}
 
.box_facilities {
  padding: 0px;
  text-align: center;
  border-width: 1px;
  border-right-width:1px;
  border-style: solid;
  border-right-style: solid;
  border-right: 0;
  -o-border-image: linear-gradient(to bottom, #ededed, rgba(0, 0, 0, 0)) 1 60%;
  border-image: linear-gradient(to bottom, #ededed, rgba(0, 0, 0, 0)) 1 60%;
}

.brd1{ border-right: 1px solid #F2F2F2;}

.brd1 h3 {
  letter-spacing: 0.5px;
  font-size: 14px;
  font-style: normal;
  color: #323232;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.brd0{ border-right: 1px solid #f2f2f200;}

.brd0 h3 {
  letter-spacing: 0.2px;
  font-size: 14px;
  font-style: normal;
  color: #555;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.box_facilities i {
  font-size: 62px;
  font-size: 3.875rem;
  color: #009b3e;
}

a.box_contents {
  margin: 0 10px 20px 10px;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff36;
}

.sectors_serve{ width: 88%; margin: 0 auto;}
.sectors_serve img{ width: 100%;border-radius: 11px;}

a.box_contents small::after {background-color: #e1e1e1;}

a.box_contents em::before {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 10px;
  height: 1px;
  content: "";
  transition: width 500ms ease;
  background-color: #009b3e;
}

a.box_contents:hover em::before {
  width: 100%;
  background-color: #009b3e;
}

a.box_contents small {
  font-weight: 100;
  color: #d2d2d2;
  text-transform: uppercase;
  position: absolute;
  top: 22px;
  left: 40px;
  display: block;
  width: 150%;
  transform: rotate(90deg);
  transform-origin: 0 0;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 1.5px;
}

.box_facilities .sectors_serve img {  transition: all 0.4s ease;}

.box_facilities:hover .sectors_serve img { transform: translateY(-3px);}

.owl-carousel .owl-dots {
  margin-top: 0 !important;
  width: 40px;
  top: 100%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 3;
  right: 50%;
  display: flex;
}

.owl-theme .owl-dots .owl-dot span {
  position: relative;
  margin: 0 5px;
  border-radius: 50%;
  width: 16px !important;
  height: 16px !important;
  background: 0 0 !important;
  display: block;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  transition: .3s;
  border: 2px solid rgba(182, 182, 182, 0.4);
}

.owl-theme .owl-dots .owl-dot span::before {
  content: '';
  background-color: #009b3e !important;
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: .3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot span::before {
  content: '';
  background-color: #009b3e !important;
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: .3s ease-in-out;
}

.product_bg{ margin-bottom: 60px;}

.mb125{ margin-bottom: 125px !important;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { border: 2px solid #faf8f5;}

.bottom_bg{ 
  background: linear-gradient(to bottom, #fff 40%,#e9e2d9 80%);
  padding-top: 0px;
}

.marquee {margin-top: 50px;height: 110px;}

.marquee .content {
  line-height: 1.2;
  color: #0000000d;
  opacity: 1; 
}

@media screen and (min-width:1300px) and (max-width:1399px){
.logo_normal img{  width: 130px;  }
.closebt{right: 48px; top: 23px; }
.hero .wrapper h1, .hero .wrapper h3{  font-size: 30px !important;}
.margin_80_95{ padding-top: 50px !important;  }
.counter_box_full{ margin-bottom: 20px; font-size: 36px;  }
.counter_box1::after{right: 33px;height: 97px;}
.counter_box2::after{right: 29px;height: 97px;}
.counter_box3::after{right: 28px;height: 97px;}
.counter_box4::after{right: 32px;height: 97px;}
.display-4-1{font-size: 35px;}
.pc_mb50{margin-bottom: 50px !important;}
.title h2, .title h3{margin-bottom: 10px;font-size: 36px;}
.margin_120_95 {padding-top: 50px;padding-bottom: 50px;}
.pc_h291{height: 183px !important;}
.pc_mb20{margin-bottom: 20px !important;}
.pc_pb40{padding-bottom: 40px;}
.ft_w30{width: 30%;}
.ft_w70{width: 70%;}
.gmap iframe{height: 370px;}
.pc_pdb30{padding-bottom: 30px;}
a.box_contents .wrapper { padding: 0px 20px 20px 50px;}
}

@media screen and (min-width:1200px) and (max-width:1299px){
.slideDown a.btn_1, .slideDown .btn_1{ font-size: 13px !important;}
.sidebar-navigation nav a{ font-size: 13px  !important;}
.counter_title{ font-size: 13px  !important;}
.title small{ font-size: 13px !important;}
a.box_contents h2{ font-size: 13px !important;}
.small, small { font-size: 13px !important;}
.brd1 h3 { font-size: 13px !important; letter-spacing: 0;}
.brd0 h3 { font-size: 13px !important; letter-spacing: 0;}
.phone_element em { font-size: 13px !important; letter-spacing: 0;}
.sos_title{ font-size: 13px !important; letter-spacing: 0;}
.counter_box1 {width: 18%;text-align: left;position: relative;}
.counter_box2 {width: 18%;text-align: left;position: relative;}
.counter_box3 {width: 18%;text-align: left;position: relative;}
.counter_box_last {width: 18%;text-align: left;position: relative;}
.counter_box4 {width: 28%;text-align: left;position: relative;}
.logo_normal img{width: 130px;}
.closebt{right: 48px;top: 23px;}
.hero .wrapper h1, .hero .wrapper h3{font-size: 30px !important;}
.margin_80_95{padding-top: 50px !important;}
.counter_box_full{margin-bottom: 20px;font-size: 36px;}
.counter_box1::after{right: 32px;height: 97px;}
.counter_box2::after{right: 50px; height: 97px;}
.counter_box3::after{right: 44px;height: 97px;}
.counter_box4::after{right: 38px;height: 97px;}
.display-4-1{font-size: 35px;}
.pc_mb50{margin-bottom: 50px !important;}
.title h2, .title h3{margin-bottom: 10px;font-size: 36px;}
.margin_120_95 {padding-top: 50px;padding-bottom: 50px;}
.pc_h291{height: 178px !important;}
.pc_mb20{margin-bottom: 20px !important;}
.pc_pb40{padding-bottom: 40px;}
.ft_w30{width: 30%;}
.ft_w70{width: 70%;}
.gmap iframe{height: 370px;}
.pc_pdb30{padding-bottom: 30px;}
a.box_contents .wrapper { padding: 0px 20px 20px 50px;}
}

@media screen and (min-width:1100px) and (max-width:1199px){
.slideDown a.btn_1, .slideDown .btn_1{ font-size: 13px !important;}
.sidebar-navigation nav a{ font-size: 13px  !important;}
.counter_title{ font-size: 13px  !important;}
.title small{ font-size: 13px !important;}
a.box_contents h2{ font-size: 13px !important;}
.small, small { font-size: 13px !important;}
.brd1 h3 { font-size: 13px !important; letter-spacing: 0;}
.brd0 h3 { font-size: 13px !important; letter-spacing: 0;}
.phone_element em { font-size: 13px !important; letter-spacing: 0;}
.sos_title{ font-size: 13px !important; letter-spacing: 0;}
.logo_normal img{width: 130px;}
.closebt{right: 48px;top: 23px;}
.hero .wrapper h1, .hero .wrapper h3{font-size: 30px !important;}
.margin_80_95{padding-top: 50px !important;}
.counter_box_full{margin-bottom: 20px;font-size: 36px;}
.counter_box1::after{right: 33px;height: 97px;}
.counter_box2::after{right: 29px;height: 97px;}
.counter_box3::after{right: 28px;height: 97px;}
.counter_box4::after{right: 32px;height: 97px;}
.display-4-1{font-size: 35px;}
.pc_mb50{margin-bottom: 50px !important;}
.title h2, .title h3{margin-bottom: 10px;font-size: 36px;}
.margin_120_95 {padding-top: 50px;padding-bottom: 50px;}
.pc_h291{height: 236px !important;}
.pc_h52{height: 52px !important;}
.pc_mb20{margin-bottom: 20px !important;}
.pc_pb40{padding-bottom: 40px;}
.ft_w30{width: 30%;}
.ft_w70{width: 70%;}
.gmap iframe{height: 370px;}
.pc_pdb30{padding-bottom: 30px;}
a.box_contents .wrapper { padding: 0px 20px 20px 50px;}
}

@media screen and (min-width:1050px) and (max-width:1099px){
.slideDown a.btn_1, .slideDown .btn_1{ font-size: 13px !important;}
.sidebar-navigation nav a{ font-size: 13px  !important;}
.counter_title{ font-size: 13px  !important;}
.title small{ font-size: 13px !important;}
a.box_contents h2{ font-size: 13px !important;}
.small, small { font-size: 13px !important;}
.brd1 h3 { font-size: 13px !important; letter-spacing: 0;}
.brd0 h3 { font-size: 13px !important; letter-spacing: 0;}
.phone_element em { font-size: 13px !important; letter-spacing: 0;}
.sos_title{ font-size: 13px !important; letter-spacing: 0;}
.logo_normal img{width: 130px;}
.gmap iframe{height: 366px;}
.closebt{right: 48px;top: 23px;}
.hero .wrapper h1, .hero .wrapper h3{font-size: 30px !important;}
.margin_80_95{padding-top: 50px;}
.counter_box_full{margin-bottom: 20px;font-size: 36px;}
.counter_box1::after{right: 33px;height: 101px;}
.counter_box2::after{right: 29px;height: 101px;}
.counter_box3::after{right: 28px;height: 101px;}
.counter_box4::after{right: 32px;height: 101px;}
.display-4-1{font-size: 35px;}
.pc_mb50{margin-bottom: 50px;}
.title h2, .title h3{margin-bottom: 10px;font-size: 36px;}
.margin_120_95 {padding-top: 50px;padding-bottom: 50px;}
.pc_h291{height: 236px !important;} 
.pc_h52{height: 52px !important;}
.pc_mb20{margin-bottom: 20px !important;}
.pc_pb40{padding-bottom: 40px;}
.ft_w30{width: 30%;}
.ft_w70{width: 70%;}
a.box_contents .wrapper { padding: 0px 20px 20px 50px;}
}