/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 23 2026 | 12:00:27 */
.hero__thumb {
  background: linear-gradient(286deg, rgba(40, 51, 51, 0.00) -11.93%, #283333 86.88%), #099177;
  position: relative !important;
}

.hero__image {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
  height: auto;
  max-height: 35%;
  aspect-ratio: 600 / 541;
}

.hero__image img {
		  			width: 100% !important;
  object-fit: cover;
  height: 100% !important;
}

.hero__image::after {
  content: '';
  width: 40px;
  height: 40px;
  opacity: 0.2;
		  background: #06C799;
  position: absolute;
  right: 40px;
  top: 0;
  z-index: 3;
}

.hero__image::before {
  content: '';
  width: 40px;
  height: 40px;
  opacity: 0.5;
  background: #06C799;
  position: absolute;
  right: 0px;
  top: 40px;
  z-index: 3;
}

.hero__thumb .fusion-builder-row {
  align-items: center !important;
  display: flex;
  position: static !important;
}

.hero__thumb .fusion-layout-column {
  position: static !important;
}

.hero__thumb > .fusion-builder-row > div {
  position: static !important;
}
 
@media(min-width: 500px) {
  .hero__image {
    max-height: 40%;
  }
  
  .hero__image img {
    object-position: 60% 40%;
  }
}


@media(min-width: 768px) {
  .hero__image {
    max-height: 45%;
  }
  
  .hero__image img {
    object-position: 60% 40%;
  }
}

@media(min-width: 1024px) {
  .hero__image {
    width: 41.67%;
    max-height: calc(100% - 118px);
  }
  
  .hero__image::before {
    width: 82px;
    height: 80px;
    top: 80px;
  }
  
  .hero__image::after {
    width: 80px;
    height: 80px;
    right: 80px;
  }
}