.elementor-kit-10{--e-global-color-primary:#7ED957;--e-global-color-secondary:#7A6200;--e-global-color-text:#5D666F;--e-global-color-accent:#61CE70;--e-global-color-41ce869:#F2F2F2;--e-global-color-8e93b8a:#015635;--e-global-color-8b85b86:#799E89;--e-global-color-334db9d:#000000;--e-global-color-ed679f3:#FFFFFF;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Source Sans Pro";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Source Sans Pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.my-container {
  clip-path: polygon(0 0, 100% 0, 100% 85%, 80% 100%, 0 100%);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

/* Green overlay */
.my-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #015635;
  transform: translateY(-100%);
  transition: transform 0.5s ease;
  z-index: 2;
}

/* Slide overlay down on hover */
.my-container:hover::before {
  transform: translateY(0%);
}

/* Text on overlay */
.my-container .overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  color: white;
  text-align: center;
  z-index: 3;
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Show overlay text */
.my-container:hover .overlay-text {
  transform: translate(-50%, -50%);
  opacity: 1;
}

/* Default text bottom-left */
.my-container .default-text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: white;
  z-index: 1;
  transition: opacity 0.3s ease;
}

/* Hide default text on hover */
.my-container:hover .default-text {
  opacity: 0;
}/* End custom CSS */