.elementor-9062 .elementor-element.elementor-element-e802da9:not(.elementor-motion-effects-element-type-background), .elementor-9062 .elementor-element.elementor-element-e802da9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF2E7;}.elementor-9062 .elementor-element.elementor-element-e802da9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:40px;margin-bottom:60px;}.elementor-9062 .elementor-element.elementor-element-e802da9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9062 .elementor-element.elementor-element-ecb5d75 > .elementor-widget-container{margin:0px 90px 0px 90px;}.elementor-9062 .elementor-element.elementor-element-ecb5d75 .woocommerce-breadcrumb{color:#B56500;font-family:"Jost", Sans-serif;font-weight:500;text-align:left;}.elementor-9062 .elementor-element.elementor-element-ecb5d75 .woocommerce-breadcrumb > a{color:#CF7400;}.elementor-9062 .elementor-element.elementor-element-03f7004 > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-03f7004{text-align:center;}.elementor-9062 .elementor-element.elementor-element-03f7004 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:60px;font-weight:300;letter-spacing:1px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-ec8dbf7:not(.elementor-motion-effects-element-type-background), .elementor-9062 .elementor-element.elementor-element-ec8dbf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF2E7;}.elementor-9062 .elementor-element.elementor-element-ec8dbf7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:60px 90px 20px 90px;}.elementor-9062 .elementor-element.elementor-element-ec8dbf7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9062 .elementor-element.elementor-element-61ef842 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-61ef842 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.3px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-65f83b0 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-65f83b0 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.3px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-dc17312 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-dc17312 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.3px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-5064d05 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-5064d05 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.3px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-ffedecc:not(.elementor-motion-effects-element-type-background), .elementor-9062 .elementor-element.elementor-element-ffedecc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF2E7;}.elementor-9062 .elementor-element.elementor-element-ffedecc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 90px 180px 90px;}.elementor-9062 .elementor-element.elementor-element-ffedecc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9062 .elementor-element.elementor-element-35dbad5 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-35dbad5 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.3px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-d3497ce > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-d3497ce .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.3px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-1ad7e4b > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-1ad7e4b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.3px;color:#B56500;}.elementor-9062 .elementor-element.elementor-element-51f555c:not(.elementor-motion-effects-element-type-background), .elementor-9062 .elementor-element.elementor-element-51f555c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chokwoklat.com/wp-content/uploads/2025/04/923ce3eb0a63365e5ba6edac0795af59-1-1-scaled.jpeg");background-size:cover;}.elementor-9062 .elementor-element.elementor-element-51f555c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-10px;}.elementor-9062 .elementor-element.elementor-element-51f555c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9062 .elementor-element.elementor-element-ae8e63c{--spacer-size:500px;}@media(max-width:767px){.elementor-9062 .elementor-element.elementor-element-e802da9{margin-top:40px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9062 .elementor-element.elementor-element-ecb5d75 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-9062 .elementor-element.elementor-element-ecb5d75 .woocommerce-breadcrumb{text-align:left;}.elementor-9062 .elementor-element.elementor-element-03f7004 > .elementor-widget-container{margin:60px 20px 0px 20px;}.elementor-9062 .elementor-element.elementor-element-03f7004 .elementor-heading-title{font-size:35px;}.elementor-9062 .elementor-element.elementor-element-ec8dbf7{padding:60px 20px 0px 20px;}.elementor-9062 .elementor-element.elementor-element-c8b5af3{width:50%;}.elementor-9062 .elementor-element.elementor-element-61ef842 .elementor-heading-title{font-size:22px;}.elementor-9062 .elementor-element.elementor-element-2905dfe{width:50%;}.elementor-9062 .elementor-element.elementor-element-65f83b0 .elementor-heading-title{font-size:22px;}.elementor-9062 .elementor-element.elementor-element-1600a77{width:50%;}.elementor-9062 .elementor-element.elementor-element-dc17312 .elementor-heading-title{font-size:22px;}.elementor-9062 .elementor-element.elementor-element-3ef8c97{width:50%;}.elementor-9062 .elementor-element.elementor-element-5064d05 .elementor-heading-title{font-size:22px;}.elementor-9062 .elementor-element.elementor-element-ffedecc{padding:0px 20px 100px 20px;}.elementor-9062 .elementor-element.elementor-element-ae98513{width:50%;}.elementor-9062 .elementor-element.elementor-element-35dbad5 .elementor-heading-title{font-size:22px;}.elementor-9062 .elementor-element.elementor-element-19bd303{width:50%;}.elementor-9062 .elementor-element.elementor-element-d3497ce .elementor-heading-title{font-size:22px;}.elementor-9062 .elementor-element.elementor-element-c3f7215{width:50%;}.elementor-9062 .elementor-element.elementor-element-1ad7e4b .elementor-heading-title{font-size:22px;}.elementor-9062 .elementor-element.elementor-element-a719627{width:50%;}.elementor-9062 .elementor-element.elementor-element-ae8e63c{--spacer-size:200px;}}/* Start custom CSS for heading, class: .elementor-element-61ef842 *//* Only affect the heading widget with class 'custom-hover-underline' */
.custom-hover-underline .elementor-heading-title {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-bottom: 7px;
}

.custom-hover-underline .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background-color: #DE7C00;
  transition: width 0.3s ease;
}

.custom-hover-underline .elementor-heading-title:hover::after {
  width: 100%;
}


/* Ensure the container is positioned for the overlay */
.custom-image-overlay {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Base state for the overlay: fully transparent, no fade on radius */
.custom-image-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* set your overlay color, but start it at 0 opacity */
  background-color: #DF7C15;
  opacity: 0;
  /* pre-set the final radius so it won’t animate */
  border-top-right-radius: 80px;
  /* only fade the opacity */
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}

/* Hover state: snap-in the radius (already set) and fade the opacity up */
.custom-image-overlay:hover::before {
  opacity: 0.5; /* or whatever final opacity you like */
}




/* Container setup */
.custom-image-overlay {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Ensure image fills the container properly */
.custom-image-overlay img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
}

/* Overlay as a visible div instead of pseudo */
.custom-image-overlay .overlay-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(223, 124, 21, 0.5); /* visible color with opacity */
  border-top-right-radius: 80px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
  pointer-events: none;
}

/* Show overlay on hover */
.custom-image-overlay:hover .overlay-color {
  opacity: 1;
}

/* Make the link clickable and sit above image but under overlay */
.custom-image-overlay a {
  position: relative;
  display: block;
  z-index: 1;
  line-height: 0;
}
.custom-image-overlay {
  border-top-right-radius: 80px;
  overflow: hidden; /* make sure children respect border radius */
}/* End custom CSS */