html, body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background-color: #fff;
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.logo {
    width: 60px;
    margin-top: -10px;
}

/* .nav-link {
    padding-right: 2.5rem !important;
} */
.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,.55);
  font-weight: 600;
}

.nav-item {
  padding-right: 2rem !important;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  background: #4DA91C;
}

/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
    position: relative;
    max-height: 100%;
    overflow: hidden;
    margin-bottom: -7px;
  }
  
  #bg-video {
      min-width: 100%;
      min-height: 72vh;
      max-width: 100%;
      max-height: 72vh;
      object-fit: cover;
      z-index: -1;
  }
  
  #bg-video::-webkit-media-controls {
      display: none !important;
  }
  
  .video-overlay {
      position: absolute;
      /* background-color: rgba(31,39,43,0.75); */
      background-color: rgb(31 39 43 / 59%);
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
  }
  
  .main-banner .caption {
    position: relative;
    top: 48%;
    transform: translateY(-50%);
  }
  
  .main-banner .caption h6 {
    margin-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner .caption h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner .caption h2 em {
    font-style: normal;
    color: #f5a425;
    font-weight: 900;
  }
  
  .main-banner .caption p {
    color: #fff;
    font-size: 18px;
    max-width: 600px;
    text-align: justify;
  }
  
  .main-banner .caption .main-button-red {
    margin-top: 30px;
  }
  
  @media screen and (max-width: 767px) {
  
    .main-banner .caption h6 {
      font-weight: 500;
    }
  
    .main-banner .caption h2 {
      font-size: 36px;
    }
  
  }

  .strip {
    background-color: #4DA91C;
    color: #fff;
    font-size: 18px;
}

.gr_txt{
    color: #4DA91C;
}

.tf-prlx-img {
  background: url(https://images.pexels.com/photos/256297/pexels-photo-256297.jpeg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #000;
}

.testimonal {
  color: #fff;
}

.testimonal h2 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 30px;
}

.testimonal h3 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 20px;
}
.marquee_section {
  font-size: 14px;
  color: #4DA91C;
}

.tf-prlx-img .overlay {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 );
  height: auto;
  background-attachment: fixed;
}

#owl-demo .item img {
  display: block;
  height: 70px;
  width: auto;
}

.about_main {
  padding: 40px 0px;
}

.about_main ul li:before {
  content: "\f0da";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  left: -15px;
  top: 0px;
  color: #4eae3a;
}

/* footer */

footer {
    background-color: #496244;
    padding-top: 5px;
    margin-top: 40px;
    color: #fff;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

footer h5 {
    margin: 0px 0px 10px 0px;
    color: #fff;
}

footer .list-unstyled li {
    color: #fff;
    font-size: 12px;
}

footer .list-unstyled li a:hover {
  color: #fff;
}

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

footer .row {
    margin-top: 20px;
}

.aaqms_img {
  background: url(https://images.pexels.com/photos/1227513/pexels-photo-1227513.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 150px;

  .title {
    background-color: #4eae3a;
    color: #fff;
    padding: 5px;
    font-size: 24px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .triangle-element {
    width: 41px;
    height: 40px;
    overflow: hidden;
    position: relative;
    /* margin: 10px; */
    display: inline-table;
    left: 46px;
    top: -26px;
}
.triangle-element:after {
    content: '';
    background: #4eae3a;
    width: 142%;
    height: 142%;
    position: absolute;
    transform: rotate(45deg) translate(-71%,0);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
}
.aqms_cnt {
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4eae3a !important;
  }

  .nav-link {
    color: #000;
  } 

}

.nav_tabs {
    border: 1px solid #4eae3a;
    .nav-link {
      border: 1px solid #4eae3a;
      border-radius: 0%;
    }
}

.header-top {
  padding: 3px;
  background-color: #496244;
}


.header-contact ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}


.header-contact ul li {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 14px;
}


.home_cr .carousel-item {
  background: #f0f8ff54;
}

.certs {
  width: 85px;
}

.login-register {
  position: relative;
  top: 5px;
}



/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  background-color: #496244;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 270px;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  width: 300px;
  padding: 10px;
  background-color: white;
}
/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 14px;
}

.facebook {
  background: #3B5998;
  color: white;
}
.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}
.youtube {
  background: #bb0000;
  color: white;
}




.our-services {
  overflow: hidden;
  position: relative;
  padding: 100px 0 70px;
  background: #f8f8f8;
}
.our-services.rotated-bg:before {
  content: '';
  position: absolute;
  width: 1000px;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 886px;
  left: 10%;
  top: 50%;
  background: #4eae3a;
}
.our-services .sec-title {
  text-align: center;
}
.sec-title {
  position: relative;
  margin-bottom: 20px;
}
.sec-title h2 {
  position: relative;
  font-size: 40px;
  margin-bottom: 30px;
  text-transform: capitalize;
  font-weight: 700;
}
.center {
  text-align: center;
}
.our-services .sec-title p {
  max-width: 650px;
  margin: 0 auto;
  color: #000;
  margin-top: 20px;
}
.sec-title h2.center:before {
  position: absolute;
  content: '';
  background: #4eae3a;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
}
.our-services .clearfix {
  margin-top: 66px;
}
.single-service-item {
  margin-bottom: 26px;
  position: relative;
  padding: 2px 20px 38px;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 35px rgba(0,0,0,.1);
  -webkit-transition: .5s;
  transition: .5s;
  border: 2px solid #eee;
}
.single-service-item:hover {
  border-color: #4eae3a;
  -webkit-transition: .5s;
  transition: .5s;
}
.our-services .single-service-item .service-icon {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
}
.our-services .single-service-item .service-icon img {
  max-width: 64px;
}
.service-text {
  overflow: hidden;
}
.service-text h4 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 10px;
}
.service-text p {
  color: #777777;
  font-size: 14px;
  line-height: 22px;
}
.service-text h4 a {
  color: #222222;
  transition: .5s;
}
.service-text h4 a:hover {
  color: #4eae3a;
  transition: .5s;
  text-decoration:none;
}