.elementor-39 .elementor-element.elementor-element-0331720{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:19px;--grid-column-gap:6px;--grid-row-gap:0px;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-39 .elementor-element.elementor-element-0331720 .elementor-social-icon{background-color:#80F12D;--icon-padding:0.3em;}.elementor-39 .elementor-element.elementor-element-0331720 .elementor-social-icon i{color:#000000;}.elementor-39 .elementor-element.elementor-element-0331720 .elementor-social-icon svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Responsive Widget Container */
.elementor-widget-twenty20_widget {
  width: 100% !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 24px !important;
}

/* Allow widgets inside multi-column flex containers to fill their column */
.e-con .elementor-widget-twenty20_widget {
  max-width: 100% !important;
}

.twenty20,
.twentytwenty-wrapper,
.twentytwenty-container {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}

/* Uniform Dimensions & Aspect Ratio (4:5 Portrait Standard) */
.twentytwenty-wrapper,
.twenty20,
.twentytwenty-container {
  aspect-ratio: 4 / 5 !important;
}

/* Optional Aspect Ratio Classes */
.t20-square .twentytwenty-wrapper,
.t20-square .twenty20,
.t20-square .twentytwenty-container {
  aspect-ratio: 1 / 1 !important;
}
.t20-landscape .twentytwenty-wrapper,
.t20-landscape .twenty20,
.t20-landscape .twentytwenty-container {
  aspect-ratio: 16 / 9 !important;
}
.t20-classic .twentytwenty-wrapper,
.t20-classic .twenty20,
.t20-classic .twentytwenty-container {
  aspect-ratio: 4 / 3 !important;
}

/* Standardized Image Dimensions & Non-Distorting Cover */
.twentytwenty-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Container Queries for Fluid Responsive Sizing */
.twentytwenty-wrapper {
  container-type: inline-size !important;
  container-name: t20 !important;
  border-radius: clamp(8px, 3cqw, 16px) !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
  margin-bottom: 20px !important;
}

.twentytwenty-container {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Fluid, Auto-Shrinking Handle */
.twentytwenty-handle {
  width: clamp(24px, 8cqw, 38px) !important;
  height: clamp(24px, 8cqw, 38px) !important;
  margin-left: calc(-1 * clamp(24px, 8cqw, 38px) / 2) !important;
  margin-top: calc(-1 * clamp(24px, 8cqw, 38px) / 2) !important;
  border: clamp(2px, 0.7cqw, 4px) solid #80f12d !important;
  box-shadow: 0 0 16px rgba(0,0,0,0.35) !important;
  background: #10254c !important;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  border-width: clamp(3px, 1cqw, 6px) !important;
  margin-top: calc(-1 * clamp(3px, 1cqw, 6px)) !important;
}

.twentytwenty-left-arrow {
  border-right-color: #80f12d !important;
  margin-left: calc(-1 * clamp(8px, 2.5cqw, 17px)) !important;
}

.twentytwenty-right-arrow {
  border-left-color: #80f12d !important;
  margin-right: calc(-1 * clamp(8px, 2.5cqw, 17px)) !important;
}

/* Fluid, Auto-Shrinking Before & After Tags */
.twentytwenty-before-label,
.twentytwenty-after-label {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  line-height: 1.15 !important;
  opacity: 1 !important;
  
  /* Fluid text size that scales with the image width */
  font-size: clamp(0.56rem, 3.6cqw, 0.82rem) !important;
  
  /* Fluid padding that scales with the image width */
  padding: clamp(3px, 1.4cqw, 6px) clamp(5px, 2.8cqw, 14px) !important;
  
  /* Fluid border radius & positioning */
  border-radius: clamp(3px, 1.2cqw, 6px) !important;
  bottom: clamp(6px, 2.2cqw, 14px) !important;
}

.twentytwenty-horizontal .twentytwenty-before-label {
  left: clamp(6px, 2.2cqw, 14px) !important;
  max-width: 48% !important;
  background: rgba(16, 37, 76, 0.88) !important;
  color: #ffffff !important;
}

.twentytwenty-horizontal .twentytwenty-after-label {
  right: clamp(6px, 2.2cqw, 14px) !important;
  max-width: 48% !important;
  background: rgba(128, 241, 45, 0.95) !important;
  color: #071b35 !important;
}

/* Fallback for ultra-narrow containers (under 240px) */
@container t20 (max-width: 240px) {
  .twentytwenty-before-label,
  .twentytwenty-after-label {
    font-size: 0.50rem !important;
    padding: 2px 5px !important;
    letter-spacing: 0.02em !important;
  }
}/* End custom CSS */