@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{
  font-size:15px;
  font-family: Montserrat;
  margin: 0;
  padding: 0;
}

.navbar{
    background-color: #ffffffba ;
    /* #ffffffeb; */
  }
  .nav-link{
    font-size: 20px !important;
    text-decoration: none;
    color: #000803 !important;
    padding-left: 25px !important;
    /* padding-right: 15px !important; */
  }
  .nav-link.active{
    color: #4A9D4B !important;
    /* text-decoration: underline !important; */

  }

  .nav-link::after, .nav-link.active::after{
    content: "";
    width: 0;
    height: 2px;
    background-color: #59810e;
    margin: auto;
    display: block;
    margin-top: 8px;
  }
  .nav-link:hover{
    color: #59810e !important;
  }
  .nav-link:hover::after{
    width: 100%;
    transition: width 0.3s linear;
    margin-top: 8px;
  }
  .bottom-line::after{
    content: "";
    width: 50%;
    height: 2px;
    background-color: #fff;
    margin: auto;
    display: block;
    margin-top: 15px;
  }
  #home-header-section{
    background-image: url("../images/HB_LG.png");
    /* background-position: fixed; */
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    background-position: center;
    min-height: 145vh;
    /* width: 100vw; */
    /* display: flex; */
    width: 100%;
  }
  .banner-1{
    width: 45rem !important;
    margin-top: 35vh;
    /* margin-bottom: 25vh; */
    margin-left: auto;
    margin-right: auto;

    --b: 10px;  /* border thickness*/
    --s: 90px; /* size of the corner*/
    --g: 0px; /* the gap*/
    --c: #f1ebdb85; 
    
    padding: calc(var(--b) + var(--g));
    background-image:
      conic-gradient(from  90deg at top    var(--b) left  var(--b),#0000 25%,var(--c) 0),
      conic-gradient(from -90deg at bottom var(--b) right var(--b),#0000 25%,var(--c) 0);
    background-position:
      var(--_p,0%) var(--_p,0%),
      calc(100% - var(--_p,0%)) calc(100% - var(--_p,0%));
    background-size: var(--s) var(--s);
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 
      background-position .3s var(--_i,.3s), 
      background-size .3s calc(.3s - var(--_i,.3s));
  }

  .banner-1 .row{
    background: transparent url('../images/Group 3480.png') 0% 0% no-repeat contain padding-box;
    /* opacity: 1; */
    /* background-color: #012a03; */
    background-color: rgb(18,50,19);
    color:#fff;
    /* background:transparent  url('../images/Group 3480.png ') 0% 0% no-repeat padding-box;
    opacity: 1; */
    /* background: -moz-linear-gradient(90deg, rgba(18,50,19,1) 0%, rgba(23,59,24,1) 15%, rgba(50,83,50,1) 32%, rgba(50,83,50,1) 67%, rgba(13,48,13,1) 75%, rgba(7,45,7,1) 89%);
    background: -webkit-linear-gradient(90deg, rgba(18,50,19,1) 0%, rgba(23,59,24,1) 15%, rgba(50,83,50,1) 32%, rgba(50,83,50,1) 67%, rgba(13,48,13,1) 75%, rgba(7,45,7,1) 89%);
    background: linear-gradient(90deg, rgba(18,50,19,1) 0%, rgba(23,59,24,1) 15%, rgba(50,83,50,1) 32%, rgba(50,83,50,1) 67%, rgba(13,48,13,1) 75%, rgba(7,45,7,1) 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#123213",endColorstr="#072d07",GradientType=1);
 */ 
  } 

  .banner-subhead{
    font-size:1.8rem ;
    font-weight: 800;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
  }

  .banner-head{
    font-size: 3rem;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
  }

  .banner-small{
    text-align: center;
    /* font: normal normal medium 16px/22px Montserrat; */
    font-family: Montserrat;
    font-size: calc(1.1rem+0.3vw);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
   
  }
  .topBottomLines{
    border-top:1px solid;
    border-bottom:1px solid; 
    padding-top:15px;
    padding-bottom: 15px;
  }
.bg-lightGreen{
  background-color: #ECFDCC;
}
  .btn-primary{
    background-color: #4A9D4B !important;
    color: #fff;
    border-radius: 0;
    border-color: #4A9D4B !important;
    font-size: 16px ;
    font-weight: 500 !important;
  }
  .btn-primary:hover{
    background-color: #fff !important;
    border-color: #4A9D4B !important;

    color: #4A9D4B !important;
    /* background-color: #031600;
    border-color: #031600;
    
    color: #fff; */

  }
  .btn-primary:active{
    background-color: #031600 !important;
    color: #fff !important;
    border-color: #031600 !important;

  }
 
.corner-cutout{
  background-image: url('../images/Corner Cutout.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.corner-cutout-right{
  background: #4A9D4B 0% 0% no-repeat padding-box;
  opacity: 1;
}
.corner-cutout-left{
  background: #4A9D4B 0% 0% no-repeat padding-box;
  opacity: 1;
}
.footer{
  background-image: url('../images/Footer.png');
  background-repeat:  no-repeat;
  background-size:  cover;
  background-position: center;
} 
.footer-bottom{
  background: #031600 0% 0% no-repeat padding-box;
  opacity: 1;
  color: #fff;
}  

/* .footer-top{
  
  background: transparent url('../images/Footer_Top.png') 0% 0% no-repeat  padding-box ;
  
} */
.footer-top .row{
  opacity: 1;
  color: #fff;
}
.footer h1{
  font-size: 2.4rem;
  text-transform: uppercase;
  font-family: 'Montserrat';
  line-height: 1;
  
}
.triangle{
  width: 0;
  height: 0;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  border-bottom: 200px solid #ff4365;
 }

 h1{
  letter-spacing: 0px;

  color: #333333;
  text-transform: uppercase;
  font-size: 2.1rem;
  font-weight: 500;
  font-family: 'Montserrat';
  opacity: 1;
 }

 h5{
  font-weight: 600 !important;
 }

 /* background color at back of the word */
 .title span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 0;
  height: 8px;
  background: #4A9D4B;
  z-index: -1;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.overlay {
  width: 100%;
  height: 100%;
  background-color: #031600a8;

}

.diagonal-split-left{
  background-image: url('../images/left corner.png');
  
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 1.5rem;
  padding-top: 1.5rem;
  /* padding: 1.5rem;  */

  /* background: linear-gradient(45deg, #4A9D4B 50%, #fff 50%); */
}

.diagonal-split-right{
  background-image: url('../images/right corner.png');
  
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 0;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  /* padding: 1.5rem;  */

  /* background: linear-gradient(45deg, #4A9D4B 50%, #fff 50%); */
}
/* .diagonal-box{

}
.diagonal-box:after {
  content: ' ';
  border-top: 65% solid #4A9D4B;
  border-right: 65% solid #fff;
  width: 0;
  position: absolute;
} */

.highlight{
  background-color: #4A9D4B !important;
}
.card{
  border: none;
  border-radius: 0;
}
.card-header{
  border:none;
  background-color: #fff;
}
.card-title{
  font-size: 22px !important;
  font-weight: 600 !important;
}

.videoDisplay{
  /* Layout Properties */
    
      /* width: 770px; */
      height: 450px;
      /* UI Properties */
      background: #333333 0% 0% no-repeat padding-box;
      opacity: 0.61;
      backdrop-filter: blur(30px);
      -webkit-backdrop-filter: blur(30px);
}

#contact{

    background-image: url('../images/Background Image.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    background-position: top;
} 

.form-label{
  font-weight: 500;
}

.highlight-text {
  background-image: url('../images/Rectangle 267.png');
  background-repeat: no-repeat;
  background-position: bottom ;
  background-clip: content-box ;
  /* --_d: 50%;
  background:
    linear-gradient(#D1FC81 50%, #fff 0) 0 var(--_d, 0) /100% 200% no-repeat,
    linear-gradient(#fff 50%, #D1FC81 0) 0 var(--_d, 0) /100% 200% no-repeat;
  -webkit-background-clip: text,content-box;
          background-clip: text,content-box !important;
  transition: 0.8s; */

}


/* flipping class and key frames*/
.flipX {
  animation: 3s anim-flipX ease infinite;
}
@keyframes anim-flipX {
  0% {
    opacity: 0;
    transform: rotateX(90def);
  }
  50% {
    opacity: 1;
    transform: rotateX(720deg);
  }
  100% {
    /* animate nothing to pause animation at the end */
    opacity: 1;
    transform: rotateX(720deg);
  }
}
/* subtle zoom to attention and then back */
.pop-outin {
  animation: 2s anim-popoutin ease infinite;
}

@keyframes anim-popoutin {
  0% {
    color: black;
    transform: scale(0);
    opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  25% {
    color: #59810e ;
    transform: scale(2);
    opacity: 1;
    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
  }
  50% {
    color: black;
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    /* animate nothing to add pause at the end of animation */
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
}

.fromtop {
  animation: 5s anim-fromtop linear infinite;
}
@keyframes anim-fromtop {
  0% { opacity: 0; transform: translateY(-100%);}
  25% { opacity: 1; transform: translateY(0%);}
  50% {
  }
  100% {
  }
}