body::after {        
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 310px;
  height: 310px;
  background-color: rgb(80 155 248 / 50%);
  filter: blur(120px);
  border-radius: 0px 50% 50% 0px;
  z-index: -1;
}
body::before {        
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 310px;
  height: 310px;
  background-color: rgb(80 155 248 / 50%);
  filter: blur(120px);
  border-radius: 50% 0 0 50%;
  z-index: -1;
}

.green_gradient{
    background: -webkit-linear-gradient(#0E983D, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-img{
    /* background-image:url('assets/img/bg.png'); */
    background-image: url('./assets/img/bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.grad_button
{
    background-image:linear-gradient(to bottom, #055821 0, #000 100%) !important;
}
  .bg-white p{
    font-size: 14px;
  }
  .btn-grn,.btn-grn:hover
  {
    background-color:#9dc14f78;
    border:1px solid #7F964C;
    font-size: 14px;
}
.btn-red,.btn-red:hover
{
  background-color:#c16a4f7d;
  border:1px solid #965A4C;
  font-size: 14px;
}

.hover_upper_block {
  position: absolute;
  top: 97px;
  right: 205px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.hover_upper_block + h5 {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.hover_upper_block:hover + h5 {
  display: block;
}

.hover_upper_block:hover + h5 + .upper_layer {
  display: block;
}

.upper_layer {
  display: none;
  position: absolute;
  top: 32px;
  right: 65px;
  width: 135px;
  height: 135px;
  background-color: #dddddd94;
}

.upper_layer img {
  width: 84px;
  padding: 13px 5px;
}

.hover_lower_block {
  position: absolute;
  bottom: 140px;
  left: 121px;
  width: 45px;
  height: 40px;
  cursor: pointer;
}

.hover_lower_block + h5 {
  display: none;
  position: absolute;
  left: 182px;
  bottom: 170px;
}

.hover_lower_block:hover + h5 {
  display: block;
}

.hover_lower_block:hover + h5 + .lower_layer {
  display: block;
}

.lower_layer {
  display: none;
  position: absolute;
  left: 183px;
  bottom: 33px;
  width: 135px;
  height: 135px;
  background-color: #dddddd94;
}

.lower_layer span {
  margin-top: 15px;
  margin-left: -7px;
}

.lower_layer img {
  width: 85px;
  padding: 13px 5px;
}