.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.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);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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;}}:root { --petton-navy:#173d8c; --petton-blue:#1e56ad; --petton-lime:#80f12d; --petton-sky:#35b8e8; --petton-ink:#10254c; --petton-paper:#f5f8fc; --petton-heading-font:Barlow Condensed; --petton-body-font:Inter; }
/* Start custom CSS *//* Responsive container width */
.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;
}

/* Enable Container Query context on the slider wrapper */
.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 */