body{
    font-family: "bai-jamjuree", sans-serif;
font-weight: 400;
/* 400, 600, 700 */
font-style: normal;
}
.nav_section{ z-index: 10000; position: fixed; }
.hero-link{ position: relative;}
.hero-link::before{ width: 10px; height: 12px; margin-right:10px; background-color: #94C940; content: ""; display: inline-block;}
.green_element_header{ position: absolute; right: 0px; top: -30px; z-index: -1; width:80%; height: auto;}
.fs-1{ font-size: 3.5rem; font-weight: 700;}
.vertical-center {
    display: flex;
    align-items: center;
    flex-basis: 150px;
    flex-shrink: 0;
  } 
.bg-green{background: #94C940;}
.green{color: #94C940 !important;}

.target-div {
    background-color: #333;
    transition: background-color 0.5s ease;
  }
  .target-div.reached {
    background-color: #94C940;
  }
  #services .card{ overflow: hidden;}
  .fancybox__container{ z-index: 10000 !important;}
  .nav-item a{ font-weight: 700; color: #FFF !important; 	text-shadow: 0 0 3px #333;}
  .rohit_hero{ position: absolute; top: 120px; right: 0;}
  .thumbnail_columns{ padding: 15px;}
  .thumbnail_columns .col-6{ padding: 0 !important; margin: 0 !important;}

  @media only screen and (max-width: 768px) {
    .hero_container{ overflow: hidden; max-height: 700px;}
  .rohit_hero{ position:static !important; width:100% !important;}

  .navbar-collapse{
    background-color: #94C940;
    padding:20px;
  }
  .navbar-toggler-icon{ outline: none; border: none;}
  }
  #response-message.success{ padding:10px; margin-bottom: 20px;background-color: #94C940; color: #FFF;}
  #response-message.error{ padding:10px; margin-bottom: 20px;background-color:crimson; color: #FFF;}