.services_list{ width: auto;}
.services_list ul{ width: 100%; padding-left: 12px;padding-bottom: 0px;margin-bottom: 0;}
.services_list li b{ font-weight: 600; color: #009b3e; width: 100%;}
.services_list li{
  width: 100%; 
  position: relative; 
  top: 0; 
  left: 0; 
  list-style: none; 
  font-size: 14px;
  line-height: 1.6 !important;
  font-family: "Bricolage Grotesque", sans-serif;
  padding-bottom: 15px;
  font-weight: 400;
  color: #333;
  letter-spacing: 0.4px;
}

.services_list li:last-child{padding-bottom: 0px;  line-height: 1;}
 
.services_list li::before {
  width: 100%;
  position: absolute;
  top: 2px;
  left: -22px;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 100 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\F26E";
  font-size: 20px;
  color: #009b3e;
}  

.services_wellcome_title{ width: 100%; ;}

.services_wellcome_title h2  {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 32px;
  color: #009b3e;
}

.services_sub_title{ width: 100%; margin-top: 40px;margin-bottom: 40px;}

.services_sub_title h2  {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 32px;
  color: #009b3e;
}

.services_sub_title p b  { font-weight: 600;}

/* Contact  */
.form-floating > label {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}

.social ul li a i:hover { color: #cd1719;}

.contact_info ul li i {
  font-size: 36px;
  font-size: 1.2rem;
  color: #009b3e;
  margin-right: 5px;
}

.contact_info ul li h4 {font-size: 15px;  letter-spacing: 0.5px;}

li.con a{ color: #333;}  

li.con a:hover{ color: #009b3e;} 

.form-floating > .form-control:not(:placeholder-shown) {
  padding-top:0.5rem;
  padding-bottom: .625rem;
  width: 100%;
}
 
.my_select::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  position: absolute;
  right: 20px;
  top: 15px;
  margin-left: 3px;
  z-index: 9999;
  color: #939393;
}

.my_select { position: relative;}

.pointer{ cursor: pointer;}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3rem + 2px);  line-height: 1.25;}

.btn_1.outline:hover { background-color: #009b3e;  border: 1px solid transparent;  color: #fff;}

.btn_1.outline { background-color: transparent;  border: #e5e5e5 solid 1px;  color: #24262d;}

.gmap{ width: 100%; margin-top: 40px;}

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

.services_flex{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}

.services_part_full {
  width:100%; 
  background-color: #009b3e;
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgb(251, 243, 231) 0px 7px 29px 0px;
  border: solid 1px #009B3E;
  margin-top: 30px;
}  

.services_part_full h2{  
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 22px;
  color: #fff;
  letter-spacing: 0.5px;
  text-align: center;
 }

.services_part_full h2 span{  
  font-weight: 100;
  font-size: 22px;
  color: #fff;
  letter-spacing: 0.5px;
 }

.services_part_left {
  width: 49%;
  background-color: #fff;
  padding: 25px;
  border-radius: 10px;
  box-shadow: rgb(251, 243, 231) 0px 7px 29px 0px;
  border: solid 1px #FFF;
}
.services_part_left h2{  
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 22px;
  color: #009b3e;
  letter-spacing: 0.5px;
 }

 .services_part_left ul{ width: 100%; padding-left: 12px;padding-bottom: 0px;margin-bottom: 0;}

.services_part_left li{
  width: 100%; 
  position: relative; 
  top: 0; 
  left: 0; 
  list-style: none; 
  font-size: 14px;
  line-height: 1.6 !important;
  font-family: "Bricolage Grotesque", sans-serif;
  padding-bottom: 5px;
  font-weight: 400;
  color: #333;
  letter-spacing: 0.4px;
}

.services_part_left li:last-child{ padding-bottom: 0px;  line-height: 1;}
 
.services_part_left li::before {
  width: 100%;
  position: absolute;
  top: 2px;
  left: -22px;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 100 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\F26E";
  font-size: 20px;
  color: #009b3e;
} 

.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}

/* Upcoming Expo */

.mb150{ margin-bottom: 150px;}
.mb300{ margin-bottom: 300px;}

.exciting{ display: flex; align-items: center; justify-content: center;  flex-wrap: wrap; padding: 250px 0px; }
.exciting h2{ width: 100%; text-align: center; color: #939393;font-weight: 100;letter-spacing: 1px;}
.exciting h5 {width: 100%;  text-align: center; color: #939393; font-weight: 100;letter-spacing: 1px;}

.animate_pulse{
  font-weight: 600 !important;
  animation: pulse 3s ease-in-out infinite both; 
  transform: scale(1);
  color: #cd1719 !important;
  display: inline-block !important;
}  
@keyframes pulse {
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.1);
  } 
  100%{
    transform: scale(1);
  }
} 
 

/*  GALLERY  */

.gallery_flex{ display: flex; justify-content: space-between; }
 
.gallery_1{ width: 66.5%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;  }
.gallery_1 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_1 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_1:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_1 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
 
.gallery_2_main{ width: 32.1%; }

.gallery_2{ width: 100%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;  }
.gallery_2 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_2 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_2:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_2 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
 
.gallery_3{ width: 100%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;  margin-top: 20px;}
.gallery_3 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_3 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_3:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_3 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
  
.gallery_4{ width: 35.6%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_4 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_4 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_4:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_4 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}

.gallery_5{ width: 52.3%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_5 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_5 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_5:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_5 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
  
.gallery_6{ width: 31.3%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_6 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_6 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_6:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_6 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
   
.gallery_7{ width: 33%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_7 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_7 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_7:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_7 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
      
.gallery_8{ width: 67%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_8 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_8 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_8:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_8 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
  
  
.gallery_9{ width: 32%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_9 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_9 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_9:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_9 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
  
.gallery_10{ width: 33.399%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_10 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_10 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_10:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_10 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
   
.gallery_10{ width: 67%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_10 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_10 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_10:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_10 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}
  
.gallery_11{ width: 32.33%; position: relative; overflow: hidden; border-radius: 10px; transition: all 1.5s ease;}
.gallery_11 img{ width: 100%; transition: all 1.5s ease;  }
.gallery_11 img:hover{  transition: all 1.5s ease;  transform: scale(1.1);}
.gallery_11:hover i{  transition: all 1.5s ease;  opacity: 1;}
.gallery_11 i{opacity: 0; position: absolute; bottom: 15px; right: 15px; z-index: 99;  width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.671);display: flex;align-items: center;justify-content: center;color: #FFF;border-radius: 5px;}

.tabs_menu .tab-content .card {
  border: none;
  background-color: #faf8f5;
  padding: 0px;
} 

.tabs_menu .nav-tabs {
  border: none;
  display: flex;
  justify-content: start;
  background-color: #faf8f5;
  padding: 15px 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
} 

.video_gallery_1{ width: 50%;}
.video_gallery_1 iframe{ width: 100%; border-radius: 10px;aspect-ratio: 16/9;} 

.video_gallery_2{ width: 50%;}
.video_gallery_2 iframe{width: 100%; aspect-ratio: 16/9; border-radius: 10px;} 

.video_gallery_3{ width: 50%;}
.video_gallery_3 iframe{ width: 100%; aspect-ratio: 16/7.25; border-radius: 10px;} 

.video_gallery_4{ width: 50%;}
.video_gallery_4 iframe{ width: 100%; aspect-ratio: 16/7.25; border-radius: 10px;} 


/* :-moz-any */
 
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #c3c3c3;
    border-top-color: rgb(195, 195, 195);
    border-right-color: rgb(195, 195, 195);
    border-bottom-color: rgb(195, 195, 195);
    border-left-color: rgb(195, 195, 195);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

textarea.form-control.h100 { height: 100px !important;}

.popup {
  position: relative;
  display: block;
  margin: auto;
  top: 15% !important;
  background: #fffc;
  width: 490px;
  z-index: 100;
  padding: 22px 28px;
  box-shadow: 0 2px 5px #0000004d;
  animation: 0.8s ease-in-out popup_fadein;
  border-radius: 15px;
  backdrop-filter: blur(5px);
}

.inquiry_form_btn{ margin-top: 12px;} 
    
.inquiry_form_btn input.button {
  border: 0px solid #fdfdfd;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  width: 100%;
  background-color: #009b3e !important;
  letter-spacing: 0.5px;
  color: #fff !important;
  padding: 0 !important;
  border-radius: 7px;
  padding: 10px !important;
  margin-bottom: 6px;
  width: 130px;
} 
   
.inquiry_form_btn input.reset {
  border: 1px solid #fdfdfd;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  width: 100%;
  background: transparent !important;
  letter-spacing: 0.5px;
  color: #000 !important;
  padding: 0 !important;
  border-radius: 7px;
  padding: 10px !important;
  margin-bottom: 1px;
  background: #fff0 !important;
  outline: none;
  border: 1px solid rgba(136, 136, 136, 0.4);
  width: 130px;
} 

.inquiry_form_btn{ display: flex;  gap: 10px;}

.connect_with_us .headroom--top a.btn_1, .headroom--top .btn_1 {
  color: #009b3e !important;
  border: #009b3e solid 1px !important;
} 
.connect_with_us .slideDown a.btn_1, .slideDown .btn_1 {
  border: #009b3e solid 1px !important;
}

@media screen and (min-width:1050px) and (max-width:1199px){
 
.popup {
  position: relative;
  display: block;
  margin: auto;
  top: 2% !important;
  background: #fffc;
  width: 490px;
  z-index: 100;
  padding: 10px 10px;
  box-shadow: 0 2px 5px #0000004d;
  animation: 0.8s ease-in-out popup_fadein;
  border-radius: 15px;
  backdrop-filter: blur(5px);
}

textarea.form-control.h100 { height:50px !important;}
textarea.form-control {  height: 80px !important;}

}

@media screen and (max-width:767px) {
.gallery_1, .gallery_2_main, .gallery_4, .gallery_10, .gallery_11, .gallery_6, .gallery_7, .gallery_8, .gallery_9, .video_gallery_1, .video_gallery_2, .video_gallery_3, .video_gallery_4  {  width: 100%;}
.gallery .tabs_menu .tab-content .card .card-header { display: none;  }
.gallery .tabs_menu .tab-content .card .collapse { display: block;  }
.gallery .tabs_menu .tab-content .fade:not(.show) { opacity: unset;    display: none !important;  }

.popup {width: 90%; top:1% !important;padding: 20px;} 
.services_wellcome_title h2 { margin-bottom: 0px; font-size: 24px;}
.services_sub_title h2 { margin-bottom: 0px; font-size: 24px;}
.intro {margin-top: 8px;}
.services_sub_title {margin-top: 10px;}
.services_part_left { width: 100%; padding: 15px;margin-bottom: 14px;}
.services_part_full {margin-top: 10px;}
.services_part_full h2 { font-size: 18px;}
.margin_0_20 { padding-top: 0px;  padding-bottom: 20px;}
.padding-tb0 { padding-top: 0px;  padding-bottom: 0px;}
.exciting { padding: 0px 0px;}

.oder_mab_1{ order: 1;}
.oder_mab_2{ order: 2;}
.oder_mab_3{ order: 3;}
.gmap { margin-top: 10px;}
}