.gradient-overly-top:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(9 87 5 / 85%)), to(rgb(7 103 6 / 50%)));
    background: #d2e3d1;
	
}
.mb-5, .my-5 {
    margin-bottom: 0rem !important;
}
.h1, .display-1, .h2, .display-2, .h3, .display-3, .h4, .display-4, .h5, .display-5, .h6, .display-6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    color: #020202;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.32rem;
    font-weight: 600;
    line-height: .2;
}
.h3, h3 {
    font-size: 1.3rem;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
    font-size: 0.8rem;
}
.login-signup-card small, .login-signup-card a.small {
    font-size: 9px;
    font-weight: 800;
}
.form-group {
    margin-bottom: 0rem;
}
.pb-5, .py-5 {
     padding-bottom: 0rem !important; 
}
.pt-5, .py-5 {
  padding-top: 2rem !important;
}
.mt-4, .my-4 {
     margin-top: .5rem !important; 
}
.outline-btn, .secondary-solid-btn, .primary-solid-btn, .solid-white-btn, .outline-white-btn, .secondary-outline-btn, .levelportal {
    padding: 6px 7px;
  
}
.form-control {
    
    background-color: #ccffc854;
   
}
.ptb-100 {
    padding: 200px 0;
}
.branch {
  animation:sway 10s infinite linear alternate;
  border-bottom:none;
  border-left:solid 6px #060;
  border-right:none;
  border-top:none;
  border-top-left-radius:100%;
  bottom:0;
  height:200px;
  left:25%;
  position:absolute;
  transform-origin:bottom;
  width:50px;
   opacity: 0.5;
   margin-left: 50%;
}

.branch:nth-child(2) {
  border-width:6px;
  height:320px;
   opacity: 0.5
}

.branch:nth-child(3) {
  border-color:#070;
  border-width:12px;
  height:480px;
  opacity: 0.5
}

.branch:nth-child(4) {
  animation:sway 5s infinite linear alternate-reverse;
  border-left:none;
  border-right:solid 12px #070;
  border-top-right-radius:100%;
  height:350px;
  left:auto;
  right:74%;
}

.branch:nth-child(5) {
  animation:sway 5s infinite linear alternate-reverse;
  border-left:none;
  border-right:solid 9px #060;
  border-top-right-radius:100%;
  height:250px;
  left:auto;
  right:75%;
}

.branch:nth-child(6) {
  animation:sway 5s infinite linear alternate-reverse;
  border-left:none;
  border-right:solid 6px #050;
  border-top-right-radius:100%;
  height:150px;
  left:auto;
  right:75%;
}

@keyframes sway {
  0% {
    width:120px;
  }
  100% {
    width:200px;
  }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: #053605!important;
    kground-color: #1cad1054;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.card {

  border-radius: 1rem;
}