/* chrome.css - shared header/footer/floating-bar/nav styling used by EVERY page.
   Extracted from the page-specific CSS (it was byte-identical across pages) so the
   site 'chrome' renders consistently everywhere, including the tools pages. */



/*Hamburger*/
.navmenu-menu-icon.icon-menu-11 path {
  fill: #fff !important;
}

/* Offcanvas menu */
.navmenu-menu-offcanvas-elements {
  transition: transform 4s ease !important;
}

/* --- block: (no id) --- */
.elementor-7705 .elementor-element.elementor-element-743bb8e {
  --display: flex;
  --position: absolute;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: center;
  --gap: 30px 30px;
  --row-gap: 30px;
  --column-gap: 30px;
  --padding-top: 16px;
  --padding-bottom: 24px;
  --padding-left: 72px;
  --padding-right: 72px;
  top: 0px;
  --z-index: 999;
}

.elementor-7705 .elementor-element.elementor-element-743bb8e:not(.elementor-motion-effects-element-type-background),
.elementor-7705 .elementor-element.elementor-element-743bb8e>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(0deg, #FFFFFF00 0%, #1A1A1AD4 100%);
}

body:not(.rtl) .elementor-7705 .elementor-element.elementor-element-743bb8e {
  left: 0px;
}

body.rtl .elementor-7705 .elementor-element.elementor-element-743bb8e {
  right: 0px;
}

.elementor-7705 .elementor-element.elementor-element-36524e6 {
  --spacer-size: 1px;
}

.elementor-7705 .elementor-element.elementor-element-ba4e383 {
  width: var(--container-widget-width, 122px);
  max-width: 122px;
  --container-widget-width: 122px;
  --container-widget-flex-grow: 0;
}

.elementor-7705 .elementor-element.elementor-element-ba4e383.elementor-element {
  --align-self: center;
  --flex-grow: 0;
  --flex-shrink: 0;
}

.elementor-7705 .elementor-element.elementor-element-ba4e383 img {
  width: 95%;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-menu-container {
  background-color: #FFFFFF00;
  height: 40px;
  border-radius: 0px 0px 0px 0px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:hover,
.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:focus,
.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:active,
.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li:hover>a {
  background-color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-item>a,
.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-ancestor>a {
  background-color: #02010100;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:hover,
.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:focus,
.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:active,
.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li:hover>a {
  background-color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel {
  background-color: var(--e-global-color-cd5ca53);
  border-style: none;
  border-radius: 12px 12px 12px 12px;
  min-width: 200px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-close:hover {
  background-color: var(--e-global-color-secondary);
  border-style: none;
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada.elementor-element {
  --flex-grow: 0;
  --flex-shrink: 0;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-nav-identity-panel {
  padding: 10px 10px 10px 10px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 500;
  color: var(--e-global-color-cd5ca53);
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #9C9C9C6E;
  padding: 8px 8px 8px 8px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:hover {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:focus {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:active {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li:hover>a {
  color: var(--e-global-color-secondary);
  border-radius: 12px 12px 12px 12px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li:hover>a .navmenu-submenu-indicator {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:hover .navmenu-submenu-indicator {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:focus .navmenu-submenu-indicator {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:active .navmenu-submenu-indicator {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-item>a {
  color: var(--e-global-color-cd5ca53);
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #9C9C9C6E;
  border-radius: 0px 0px 0px 0px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-ancestor>a {
  color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-ancestor>a .navmenu-submenu-indicator {
  color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a .navmenu-submenu-indicator {
  font-size: 8px;
  color: var(--e-global-color-cd5ca53);
  fill: var(--e-global-color-cd5ca53);
  border-style: none;
}



.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li ul li .navmenu-submenu-indicator {
  font-size: 10px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 500;
  padding: 10px 10px 10px 10px;
  color: var(--e-global-color-primary);
  border-style: solid;
  border-width: 0px 0px 01px 0px;
  border-color: #9C9C9C6E;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:hover {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:focus {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:active {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li:hover>a {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-submenu-panel {
  padding: 10px 15px 10px 15px;
}

.elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger {
  float: left;
  border-style: none;
}



.elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger>.navmenu-menu-icon {
  color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger:hover {
  border-style: none;
}



.elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger:hover>.navmenu-menu-icon {
  color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-close {
  border-style: none;
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-0f99e4d {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: flex-end;
  --align-items: center;
  --gap: 15px 15px;
  --row-gap: 15px;
  --column-gap: 15px;
  border-style: none;
  --border-style: none;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}

.elementor-7705 .elementor-element.elementor-element-0f99e4d.e-con {
  --align-self: center;
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2 .elementor-icon-box-wrapper {
  align-items: center;
  gap: 8px;
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-stacked .elementor-icon {
  background-color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-framed .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-default .elementor-icon {
  fill: var(--e-global-color-cd5ca53);
  color: var(--e-global-color-cd5ca53);
  border-color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-stacked:has(:focus) .elementor-icon {
  background-color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-default:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-5c3c5f2.elementor-view-default:has(:focus) .elementor-icon {
  fill: var(--e-global-color-secondary);
  color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2 .elementor-icon {
  font-size: 14px;
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2 .elementor-icon-box-title,
.elementor-7705 .elementor-element.elementor-element-5c3c5f2 .elementor-icon-box-title a {
  font-family: var(--e-global-typography-primary-font-family), outfit;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2 .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2:has(:hover) .elementor-icon-box-title,
.elementor-7705 .elementor-element.elementor-element-5c3c5f2:has(:focus) .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-5c3c5f2 .elementor-icon-box-description {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 400;
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-6da8573 .elementor-icon-box-wrapper {
  align-items: center;
  gap: 8px;
}

.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-stacked .elementor-icon {
  background-color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-framed .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-default .elementor-icon {
  fill: var(--e-global-color-cd5ca53);
  color: var(--e-global-color-cd5ca53);
  border-color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-stacked:has(:focus) .elementor-icon {
  background-color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-default:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-6da8573.elementor-view-default:has(:focus) .elementor-icon {
  fill: var(--e-global-color-secondary);
  color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-6da8573 .elementor-icon {
  font-size: 14px;
}

.elementor-7705 .elementor-element.elementor-element-6da8573 .elementor-icon-box-title,
.elementor-7705 .elementor-element.elementor-element-6da8573 .elementor-icon-box-title a {
  font-family: var(--e-global-typography-primary-font-family), outfit;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-7705 .elementor-element.elementor-element-6da8573 .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-6da8573:has(:hover) .elementor-icon-box-title,
.elementor-7705 .elementor-element.elementor-element-6da8573:has(:focus) .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-6da8573 .elementor-icon-box-description {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 400;
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9 .elementor-icon-box-wrapper {
  align-items: center;
  gap: 8px;
}

.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-stacked .elementor-icon {
  background-color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-framed .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-default .elementor-icon {
  fill: var(--e-global-color-cd5ca53);
  color: var(--e-global-color-cd5ca53);
  border-color: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-stacked:has(:focus) .elementor-icon {
  background-color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-default:has(:hover) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-7705 .elementor-element.elementor-element-bf94da9.elementor-view-default:has(:focus) .elementor-icon {
  fill: var(--e-global-color-secondary);
  color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9 .elementor-icon {
  font-size: 14px;
}

.elementor-7705 .elementor-element.elementor-element-bf94da9 .elementor-icon-box-title,
.elementor-7705 .elementor-element.elementor-element-bf94da9 .elementor-icon-box-title a {
  font-family: var(--e-global-typography-primary-font-family), outfit;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9 .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9:has(:hover) .elementor-icon-box-title,
.elementor-7705 .elementor-element.elementor-element-bf94da9:has(:focus) .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-bf94da9 .elementor-icon-box-description {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 400;
  color: var(--e-global-color-primary);
}

.elementor-7705 .elementor-element.elementor-element-456cdf4 .elementor-repeater-item-912ef10>a :is(i, svg) {
  color: var(--e-global-color-cd5ca53);
  fill: var(--e-global-color-cd5ca53);
}

.elementor-7705 .elementor-element.elementor-element-456cdf4 .elementor-repeater-item-912ef10>a:hover {
  color: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-456cdf4 .elementor-repeater-item-912ef10>a:hover svg path {
  stroke: var(--e-global-color-secondary);
  fill: var(--e-global-color-secondary);
}

.elementor-7705 .elementor-element.elementor-element-456cdf4 .ekit_social_media {
  text-align: right;
}

.elementor-7705 .elementor-element.elementor-element-456cdf4 .ekit_social_media>li>a {
  text-align: center;
  text-decoration: none;
  border-radius: 50% 50% 50% 50%;
  width: 30px;
  height: 30px;
  line-height: 28px;
}

.elementor-7705 .elementor-element.elementor-element-456cdf4 .ekit_social_media>li {
  display: inline-block;
  margin: 5px 5px 5px 5px;
}

/* --- block: (no id) --- */
.elementor-9675 .elementor-element.elementor-element-55ca266 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: center;
  --padding-top: 05px;
  --padding-bottom: 5px;
  --padding-left: 80px;
  --padding-right: 80px;
  --z-index: 10001;
}

.elementor-9675 .elementor-element.elementor-element-55ca266:not(.elementor-motion-effects-element-type-background),
.elementor-9675 .elementor-element.elementor-element-55ca266>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-55ca266.e-con {
  --align-self: center;
}

.elementor-9675 .elementor-element.elementor-element-246f3e8 .elementor-heading-title {
  color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-4b89641 {
  column-gap: 0px;
  text-align: center;
  font-family: "Outfit";
  font-size: 11px;
  font-weight: 400;
  color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-4b89641 p {
  margin-block-end: 0px;
}

.elementor-9675 .elementor-element.elementor-element-e299bab {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: flex-end;
  --align-items: center;
  --gap: 10px 10px;
  --row-gap: 10px;
  --column-gap: 10px;
  border-style: solid;
  --border-style: solid;
  border-width: 1px 0px 01px 0px;
  --border-top-width: 1px;
  --border-right-width: 0px;
  --border-bottom-width: 01px;
  --border-left-width: 0px;
  border-color: var(--e-global-color-primary);
  --border-color: var(--e-global-color-primary);
  --border-radius: 1px 0px 0px 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}

.elementor-9675 .elementor-element.elementor-element-e299bab.e-con {
  --align-self: center;
}

.elementor-9675 .elementor-element.elementor-element-1ae1318 .elementor-icon-box-wrapper {
  align-items: center;
  gap: 8px;
}

.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-stacked .elementor-icon {
  background-color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-framed .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-default .elementor-icon {
  fill: var(--e-global-color-cd5ca53);
  color: var(--e-global-color-cd5ca53);
  border-color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-stacked:has(:focus) .elementor-icon {
  background-color: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-default:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-1ae1318.elementor-view-default:has(:focus) .elementor-icon {
  fill: var(--e-global-color-secondary);
  color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-1ae1318 .elementor-icon {
  font-size: 14px;
}

.elementor-9675 .elementor-element.elementor-element-1ae1318 .elementor-icon-box-title,
.elementor-9675 .elementor-element.elementor-element-1ae1318 .elementor-icon-box-title a {
  font-family: var(--e-global-typography-primary-font-family), outfit;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-9675 .elementor-element.elementor-element-1ae1318 .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-1ae1318:has(:hover) .elementor-icon-box-title,
.elementor-9675 .elementor-element.elementor-element-1ae1318:has(:focus) .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-1ae1318 .elementor-icon-box-description {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 400;
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-09def09 .elementor-icon-box-wrapper {
  align-items: center;
  gap: 8px;
}

.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-stacked .elementor-icon {
  background-color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-framed .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-default .elementor-icon {
  fill: var(--e-global-color-cd5ca53);
  color: var(--e-global-color-cd5ca53);
  border-color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-stacked:has(:focus) .elementor-icon {
  background-color: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-default:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-09def09.elementor-view-default:has(:focus) .elementor-icon {
  fill: var(--e-global-color-secondary);
  color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-09def09 .elementor-icon {
  font-size: 14px;
}

.elementor-9675 .elementor-element.elementor-element-09def09 .elementor-icon-box-title,
.elementor-9675 .elementor-element.elementor-element-09def09 .elementor-icon-box-title a {
  font-family: var(--e-global-typography-primary-font-family), outfit;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-9675 .elementor-element.elementor-element-09def09 .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-09def09:has(:hover) .elementor-icon-box-title,
.elementor-9675 .elementor-element.elementor-element-09def09:has(:focus) .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-09def09 .elementor-icon-box-description {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 400;
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1 .elementor-icon-box-wrapper {
  align-items: center;
  gap: 8px;
}

.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-stacked .elementor-icon {
  background-color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-framed .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-default .elementor-icon {
  fill: var(--e-global-color-cd5ca53);
  color: var(--e-global-color-cd5ca53);
  border-color: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-stacked:has(:focus) .elementor-icon {
  background-color: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-default:has(:hover) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-9675 .elementor-element.elementor-element-b05faa1.elementor-view-default:has(:focus) .elementor-icon {
  fill: var(--e-global-color-secondary);
  color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1 .elementor-icon {
  font-size: 14px;
}

.elementor-9675 .elementor-element.elementor-element-b05faa1 .elementor-icon-box-title,
.elementor-9675 .elementor-element.elementor-element-b05faa1 .elementor-icon-box-title a {
  font-family: var(--e-global-typography-primary-font-family), outfit;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1 .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1:has(:hover) .elementor-icon-box-title,
.elementor-9675 .elementor-element.elementor-element-b05faa1:has(:focus) .elementor-icon-box-title {
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-b05faa1 .elementor-icon-box-description {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 400;
  color: var(--e-global-color-primary);
}

.elementor-9675 .elementor-element.elementor-element-b559252 .elementor-repeater-item-912ef10>a :is(i, svg) {
  color: var(--e-global-color-cd5ca53);
  fill: var(--e-global-color-cd5ca53);
}

.elementor-9675 .elementor-element.elementor-element-b559252 .elementor-repeater-item-912ef10>a:hover {
  color: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-b559252 .elementor-repeater-item-912ef10>a:hover svg path {
  stroke: var(--e-global-color-secondary);
  fill: var(--e-global-color-secondary);
}

.elementor-9675 .elementor-element.elementor-element-b559252 .ekit_social_media {
  text-align: right;
}

.elementor-9675 .elementor-element.elementor-element-b559252 .ekit_social_media>li>a {
  text-align: center;
  text-decoration: none;
  border-radius: 50% 50% 50% 50%;
  width: 30px;
  height: 30px;
  line-height: 28px;
}

.elementor-9675 .elementor-element.elementor-element-b559252 .ekit_social_media>li {
  display: inline-block;
  margin: 5px 5px 5px 5px;
}

.elementor-9675 .elementor-element.elementor-element-9b3877a {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: center;
  --align-items: center;
  --padding-top: 4px;
  --padding-bottom: 4px;
  --padding-left: 60px;
  --padding-right: 60px;
  --z-index: 10001;
}

.elementor-9675 .elementor-element.elementor-element-9b3877a:not(.elementor-motion-effects-element-type-background),
.elementor-9675 .elementor-element.elementor-element-9b3877a>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: var(--e-global-color-e7ef6e7);
}

.elementor-9675 .elementor-element.elementor-element-9b3877a.e-con {
  --align-self: center;
}

.elementor-9675 .elementor-element.elementor-element-86d434c {
  text-align: center;
  font-family: "Outfit";
  font-size: 11px;
  font-weight: 400;
  color: #0000007D;
}

.elementor-9675 .elementor-element.elementor-element-86d434c p {
  margin-block-end: 0px;
}

.elementor-9675 .elementor-element.elementor-element-86d434c a {
  color: #0000007D;
}

/* Footer bottom bar: Privacy / Terms links.
   The copyright widget fills the bar and stays centered; these links sit over the
   right side on desktop, and drop to a centered second line on small screens -
   the copyright text stays centered at every size. Matches the bar theme
   (Outfit 11px, #0000007D). */
.elementor-9675 .elementor-element.elementor-element-9b3877a { position: relative; }
.footer-legal {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  z-index: 1;
}
/* Force the reduced size onto the links + separator directly - a framework rule
   sets anchor font-size and beats inheritance from the container (same reason the
   "Made By" link carries an inline font-size). Match the bar theme: 11px. */
.elementor-9675 .footer-legal,
.elementor-9675 .footer-legal a,
.elementor-9675 .footer-legal__sep { font-size: 11px !important; }
.footer-legal a,
.footer-legal a:link,
.footer-legal a:visited { color: #0000007D; text-decoration: none; text-underline-offset: 2px; }
.footer-legal a:hover,
.footer-legal a:focus,
.footer-legal a:active { color: #0000007D !important; text-decoration: underline; }
.footer-legal__sep { color: #0000007D; opacity: 0.6; }
@media (max-width: 900px) {
  .elementor-9675 .elementor-element.elementor-element-9b3877a {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 !important;
    row-gap: 0 !important;
  }
  .footer-legal {
    position: static;
    transform: none;
    right: auto;
    width: 100%;
    justify-content: center;
    margin-top: 1px;
    line-height: 1.1;
  }
}

/* --- block: elementor-post-3645 --- */
.elementor-element.elementor-element-5075df92 {
  --display: flex;
}

.elementor-element.elementor-element-4185b198 .e-floating-bars {
  background-color: #FFFFFF00;
  --e-floating-bars-announcement-text-color: var(--e-global-color-secondary);
  --e-floating-bars-cta-button-text-color: var(--e-global-color-primary);
  --e-floating-bars-cta-button-bg-color: var(--e-global-color-secondary);
  --e-floating-bars-cta-button-text-color-hover: var(--e-global-color-cf74a19);
  --e-floating-bars-cta-button-bg-color-hover: var(--e-global-color-primary);
  --e-floating-bars-cta-button-padding-block-end: 6px;
  --e-floating-bars-cta-button-padding-block-start: 6px;
  --e-floating-bars-cta-button-padding-inline-end: 16px;
  --e-floating-bars-cta-button-padding-inline-start: 16px;
  --e-floating-bars-close-button-color: var(--e-global-color-secondary);
  justify-content: end;
  --e-floating-bars-elements-padding-block-end: 10px;
  --e-floating-bars-elements-padding-block-start: 00px;
  --e-floating-bars-elements-padding-inline-end: 20px;
  --e-floating-bars-elements-padding-inline-start: 00px;
}

/* Float only the button. The bar (.e-floating-bars) is a full-width transparent
   position:fixed element, so it was intercepting clicks across the whole bottom
   strip. Make the bar + its wrappers click-through and re-enable pointer events
   on just the WhatsApp button and its close button - the button's look/position
   is unchanged, but the empty area around it no longer blocks clicks. */
.elementor-element.elementor-element-5075df92,
.elementor-element.elementor-element-5075df92 .e-con-inner,
.elementor-element.elementor-element-4185b198,
.elementor-element.elementor-element-4185b198 .e-floating-bars,
.elementor-element.elementor-element-4185b198 .e-floating-bars__overlay,
.elementor-element.elementor-element-4185b198 .e-floating-bars__cta-button-container {
  pointer-events: none !important;
}
.elementor-element.elementor-element-4185b198 .e-floating-bars__cta-button,
.elementor-element.elementor-element-4185b198 .e-floating-bars__close-button {
  pointer-events: auto !important;
}

/* Once the user closes the bar (X), keep the whole floating widget hidden for the
   rest of the browser session, across page navigations. The `wa-closed` class is
   set on <html> from a sessionStorage flag - see js/floating-bar.js. */
html.wa-closed .elementor-3645 { display: none !important; }



.elementor-element.elementor-element-4185b198 .e-floating-bars__cta-button {
  flex-direction: row-reverse;
}

.elementor-element.elementor-element-4185b198 .e-floating-bars__close-button {
  inset-inline-end: 10px;
}

.elementor-element.elementor-element-4185b198 .e-floating-bars__cta-button-container {
  justify-content: end;
}

@media(max-width:1024px) {
  .elementor-7705 .elementor-element.elementor-element-743bb8e {
    --flex-direction: row-reverse;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap-reverse;
    --padding-top: 16px;
    --padding-bottom: 24px;
    --padding-left: 35px;
    --padding-right: 35px;
  }
  .elementor-7705 .elementor-element.elementor-element-ba4e383 {
    margin: 0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    --container-widget-width: 140px;
    --container-widget-flex-grow: 0;
    width: var(--container-widget-width, 140px);
    max-width: 140px;
  }
  .elementor-7705 .elementor-element.elementor-element-ba4e383 img {
    width: 90%;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada {
    width: var(--container-widget-width, 40px);
    max-width: 40px;
    --container-widget-width: 40px;
    --container-widget-flex-grow: 0;
    z-index: 200;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-menu-container {
    background-color: var(--e-global-color-cd5ca53);
    max-width: 400px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-nav-identity-panel {
    padding: 10px 10px 10px 10px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a {
    font-size: 14px;
    color: var(--e-global-color-primary);
    border-width: 0px 0px 1px 0px;
    padding: 8px 25px 8px 25px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:hover {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:focus {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:active {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li:hover>a {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li:hover>a .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:hover .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:focus .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:active .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-item>a {
    color: var(--e-global-color-primary);
    border-width: 0px 0px 1px 0px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-ancestor>a {
    color: var(--e-global-color-primary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li.current-menu-ancestor>a .navmenu-submenu-indicator {
    color: var(--e-global-color-primary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li {
    margin: 10px 22px 10px 22px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a .navmenu-submenu-indicator {
    font-size: 8px;
    border-radius: 10px 10px 10px 10px;
  }
  
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a {
    font-size: 14px;
    padding: 8px 10px 8px 30px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:hover {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:focus {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li>a:active {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel>li:hover>a {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav .navmenu-submenu-panel {
    border-radius: 14px 14px 14px 14px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger {
    float: left;
    padding: 2px 0px 0px 0px;
    width: 38px;
    border-radius: 10px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger>.navmenu-menu-icon {
    font-size: 22px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-close {
    padding: 5px 5px 5px 5px;
    margin: 12px 12px 12px 12px;
    width: 45px;
    border-radius: 43px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-nav-logo>img {
    max-width: 130px;
    max-height: 55px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-nav-logo {
    margin: 5px 5px 5px 18px;
    padding: 5px 5px 5px 5px;
  }
  .elementor-7705 .elementor-element.elementor-element-0f99e4d {
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
  }
}

@media(max-width:767px) {
  .elementor-7705 .elementor-element.elementor-element-743bb8e {
    --flex-direction: row-reverse;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap-reverse;
    --justify-content: space-between;
    --gap: 10px 10px;
    --row-gap: 10px;
    --column-gap: 10px;
    --flex-wrap: nowrap;
    --padding-top: 15px;
    --padding-bottom: 15px;
    --padding-left: 10px;
    --padding-right: 10px;
  }
  .elementor-7705 .elementor-element.elementor-element-743bb8e.e-con {
    --align-self: center;
  }
  .elementor-7705 .elementor-element.elementor-element-ba4e383 {
    --container-widget-width: 140px;
    --container-widget-flex-grow: 0;
    width: var(--container-widget-width, 140px);
    max-width: 140px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-menu-container {
    background-color: var(--e-global-color-cd5ca53);
    max-width: 320px;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a {
    color: var(--e-global-color-primary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:hover {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:focus {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:active {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li:hover>a {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li:hover>a .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:hover .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:focus .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-navbar-nav>li>a:active .navmenu-submenu-indicator {
    color: var(--e-global-color-secondary);
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger {
    float: right;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-nav-logo>img {
    max-width: 130px;
    max-height: 50px;
  }
  .elementor-7705 .elementor-element.elementor-element-0f99e4d {
    --width: 80px;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --justify-content: flex-end;
    --gap: 5px 5px;
    --row-gap: 5px;
    --column-gap: 5px;
  }
  .elementor-7705 .elementor-element.elementor-element-0f99e4d.e-con {
    --align-self: center;
  }
  .elementor-7705 .elementor-element.elementor-element-456cdf4 .ekit_social_media {
    text-align: center;
  }
  .elementor-7705 .elementor-element.elementor-element-456cdf4 .ekit_social_media>li>a {
    text-align: center;
  }
}

@media(min-width:768px) {
  .elementor-7705 .elementor-element.elementor-element-0f99e4d {
    --width: 80px;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .elementor-7705 .elementor-element.elementor-element-0f99e4d {
    --width: 80px;
  }
}

@media(max-width:1024px) {
  .elementor-9675 .elementor-element.elementor-element-55ca266 {
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
  }
  .elementor-9675 .elementor-element.elementor-element-e299bab {
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
  }
  .elementor-9675 .elementor-element.elementor-element-9b3877a {
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
  }
}

@media(max-width:767px) {
  .elementor-9675 .elementor-element.elementor-element-55ca266 {
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --justify-content: space-between;
    --gap: 10px 10px;
    --row-gap: 10px;
    --column-gap: 10px;
    --padding-top: 5px;
    --padding-bottom: 5px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
  .elementor-9675 .elementor-element.elementor-element-55ca266.e-con {
    --align-self: center;
  }
  .elementor-9675 .elementor-element.elementor-element-e299bab {
    --width: 100px;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --justify-content: flex-end;
    --gap: 5px 5px;
    --row-gap: 5px;
    --column-gap: 5px;
  }
  .elementor-9675 .elementor-element.elementor-element-e299bab.e-con {
    --align-self: center;
  }
  .elementor-9675 .elementor-element.elementor-element-b559252 .ekit_social_media {
    text-align: center;
  }
  .elementor-9675 .elementor-element.elementor-element-b559252 .ekit_social_media>li>a {
    text-align: center;
  }
  .elementor-9675 .elementor-element.elementor-element-9b3877a {
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --padding-top: 4px;
    --padding-bottom: 4px;
    --padding-left: 5px;
    --padding-right: 5px;
  }
}

@media(min-width:768px) {
  .elementor-9675 .elementor-element.elementor-element-e299bab {
    --width: 100px;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .elementor-9675 .elementor-element.elementor-element-e299bab {
    --width: 100px;
  }
}






/* ── Tool-page content area: clear the header and give standard vertical rhythm.
   Applies on calculator/encyclopedia (and any new content page using .page-tool-content). */
.page-tool-content {
  width: 100%;
  max-width: var(--container-max-width, 1140px);
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 320px;
  box-sizing: border-box;
}

/* ── Nav submenu items: rounded hover highlight (global, applies on every page).
   The dropdown panel is rounded (12px); give each item's hover/focus background a
   matching radius and a small inset so the highlight reads as a rounded pill rather
   than a square block. */
.navmenu-submenu-panel > li > a {
  border-radius: 8px;
  margin: 2px 6px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.navmenu-submenu-panel > li > a:hover,
.navmenu-submenu-panel > li > a:focus,
.navmenu-submenu-panel > li > a:active,
.navmenu-submenu-panel > li:hover > a {
  border-radius: 8px;
}


/* Tool content area padding scales down on smaller screens to match the site's
   responsive section rhythm (so spacing equals the rest of the site at every size). */
@media (max-width: 1024px) {
  .page-tool-content { padding-top: 90px; padding-bottom: 60px; }
}
@media (max-width: 767px) {
  .page-tool-content { padding-top: 80px; padding-bottom: 40px; }
}

/* ============================================================
   Header height locked to 70px (matches the brand green bar
   that sits directly beneath it on every page that has one).
   The header is position:absolute and overlays the bar, so
   aligning their heights makes the header content sit exactly
   on the bar's vertical centerline. Padding is zeroed so the
   pre-existing align-items:center does the centering work.

   The gradient background (linear-gradient #FFFFFF00 -> #222222C2)
   is preserved by another rule and is not touched here.
   Applied at every viewport (desktop and mobile).

   !important is required because every Elementor per-page bundle
   (page-contact.css, page-browse.css, page-index.css, etc.) ships
   its own duplicate copy of the header sizing rule. Without it
   only blog/blogs (no per-page bundle) would pick up the fix.
   ============================================================ */
.elementor-7705 .elementor-element.elementor-element-743bb8e {
  --min-height: 70px !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --align-items: center !important;
}
@media (max-width: 1024px) {
  .elementor-7705 .elementor-element.elementor-element-743bb8e {
    --min-height: 55px !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --align-items: center !important;
  }
}

/* ============================================================
   MOBILE header tightening (<=1024px), applied on every page.

   Goal: a clean 60px header band with the logo and hamburger
   sitting on one vertically-centered line.

   Why the earlier --min-height:60px alone wasn't enough: that
   only sets a MINIMUM. The header is position:absolute with a
   gradient background, so if a child (the logo) renders taller
   than 60px the visible band stays ~70px. Here we also cap the
   logo height and force a single non-wrapping, center-aligned
   row so the band actually collapses to 60px.

   !important is required for the same reason as the header rule
   above: per-page Elementor bundles ship duplicate copies of
   these sizing rules and load after chrome.css.
   ============================================================ */
@media (max-width: 1024px) {
  /* Header band: 55px, no vertical padding, single centered row. */
  .elementor-7705 .elementor-element.elementor-element-743bb8e {
    --min-height: 55px !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --align-items: center !important;
    --flex-wrap: nowrap !important;
  }
  /* Inner container holding the hamburger: no extra vertical space,
     contents centered on the bar. */
  .elementor-7705 .elementor-element.elementor-element-0f99e4d {
    --align-items: center !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --min-height: 0px !important;
  }
  .elementor-7705 .elementor-element.elementor-element-743bb8e > .e-con-inner,
  .elementor-7705 .elementor-element.elementor-element-0f99e4d > .e-con-inner {
    align-items: center !important;
  }

  /* Green bar beneath the header (topbar pages): match 55px. */
  .brand-topbar {
    min-height: 55px !important;
  }

  /* Per-page green banners that catalogue and contact render behind the
     absolute header (the brand-topbar pages use .brand-topbar above; these
     two pages use their own Elementor section instead). Match them to the
     55px header on mobile so the logo/hamburger sit centered on the bar.
     Desktop stays 70px to match the 70px desktop header. These live in the
     per-page bundles, so !important is required. */
  .elementor-element.elementor-element-db58a69,
  .elementor-element.elementor-element-15e7514 {
    --min-height: 55px !important;
  }

  /* Top header logo: a little smaller, vertically centered, and
     height-capped so it can never push the 60px band taller. */
  .elementor-7705 .elementor-element.elementor-element-ba4e383 {
    width: 115px !important;
    max-width: 115px !important;
    --container-widget-width: 115px !important;
    --align-self: center !important;
    align-self: center !important;
  }
  .elementor-7705 .elementor-element.elementor-element-ba4e383 img {
    max-width: 100% !important;
    max-height: 34px !important;
    height: auto !important;
    display: block !important;
  }

  /* Off-canvas sidebar identity-panel logo: a little smaller. */
  .elementor-7705 .elementor-element.elementor-element-bb41ada .navmenu-nav-logo > img {
    max-width: 105px !important;
    max-height: 44px !important;
  }

  /* Hamburger button: sized to suit the shorter bar, glyph centered
     inside it, and the button itself centered on the bar. */
  .elementor-7705 .elementor-element.elementor-element-bb41ada {
    /* Don't let the nav widget stretch to the full bar height (it inherits
       align-self:stretch from the header); shrink-wrap it so the row's
       align-items:center actually centers the hamburger instead of pinning
       it to the top. */
    --align-self: center !important;
    align-self: center !important;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    margin: 0px !important;
    float: none !important;
    line-height: 1 !important;
  }
  .elementor-7705 .elementor-element.elementor-element-bb41ada button.navmenu-menu-hamburger > .navmenu-menu-icon {
    font-size: 19px !important;
    line-height: 1 !important;
  }
}

/* ============================================================
   Vertically center the VISIBLE header content (logo image and
   the three contact icons + LinkedIn social) on the bar's
   centerline.

   The wrapper boxes around these elements already report as
   centered (y=35 on a 70px bar), but the actual visible glyphs
   sit a few pixels above center because:
     - The logo container has phantom line-box space below the
       image (container 43px tall, image only 37px, image
       anchored to top).
     - The icon-box wrapper uses line-height:21px while the
       icon SVG is only ~14px tall, so the icon sits on the
       text baseline well above geometric center.

   Forcing flex + align-items:center + line-height:1 on the
   inner wrappers makes the actual SVG/IMG content sit exactly
   on the bar's centerline. !important is used so per-page
   Elementor bundles can't override.
   ============================================================ */
.elementor-7705 .elementor-element-743bb8e .elementor-element-ba4e383,
.elementor-7705 .elementor-element-743bb8e .elementor-element-ba4e383 a {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
.elementor-7705 .elementor-element-743bb8e .elementor-widget-icon-box,
.elementor-7705 .elementor-element-743bb8e .elementor-icon-box-wrapper,
.elementor-7705 .elementor-element-743bb8e .elementor-icon-box-icon,
/* Same widgets appear in the footer (.elementor-9675 .elementor-element-55ca266)
   with the same internal structure but different IDs - apply the same fix so
   footer icons align consistently. */
.elementor-9675 .elementor-element-55ca266 .elementor-widget-icon-box,
.elementor-9675 .elementor-element-55ca266 .elementor-icon-box-wrapper,
.elementor-9675 .elementor-element-55ca266 .elementor-icon-box-icon {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
.elementor-7705 .elementor-element-743bb8e .elementor-widget-navmenu-social-media .navmenu-wid-con,
.elementor-7705 .elementor-element-743bb8e .ekit_social_media,
.elementor-7705 .elementor-element-743bb8e .ekit_social_media > li,
.elementor-7705 .elementor-element-743bb8e .ekit_social_media > li > a,
/* Footer social-media widget (LinkedIn) - same DOM shape, different parent. */
.elementor-9675 .elementor-element-55ca266 .elementor-widget-navmenu-social-media .navmenu-wid-con,
.elementor-9675 .elementor-element-55ca266 .ekit_social_media,
.elementor-9675 .elementor-element-55ca266 .ekit_social_media > li,
.elementor-9675 .elementor-element-55ca266 .ekit_social_media > li > a {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
/* Mobile hamburger button: vertically center the SVG glyph on the bar.
   Scoped to the mobile breakpoint so it doesn't override the desktop
   "display: none" hide rule. */
@media (max-width: 1024px) {
  .elementor-7705 .elementor-element-743bb8e .navmenu-menu-hamburger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
}

/* ============================================================
   Active menu tab: thin underline indicator under the text.
   Sits below the text via text-underline-offset so it reads as
   a tab/indicator rather than a hyperlink underline. Applies on
   both the desktop horizontal nav and the mobile off-canvas
   sidebar, covering every flavour of "active" we set:
     - .current-menu-item / .current-menu-ancestor (added by
       js/include-partials.js based on the current URL)
     - .active (baked into Home's static <li> + <a>)
     - aria-current="page"
   Note: hover still gets its existing pill (dark teal bg + lime
   text) and the underline color naturally inherits the lime
   so it blends with the pill on hover.
   ============================================================ */
.elementor-7705 .elementor-element-bb41ada .navmenu-navbar-nav > li.current-menu-item > a,
.elementor-7705 .elementor-element-bb41ada .navmenu-navbar-nav > li.current-menu-ancestor > a,
.elementor-7705 .elementor-element-bb41ada .navmenu-navbar-nav > li.active > a,
.elementor-7705 .elementor-element-bb41ada .navmenu-navbar-nav > li > a.active,
.elementor-7705 .elementor-element-bb41ada .navmenu-navbar-nav > li > a[aria-current="page"] {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 6px !important;
  text-decoration-color: currentColor !important;
}

/* ============================================================
   Sitewide button hover lift
   Every solid filled CTA button on the site rises 2px on hover -
   matching the blog "Get a Quote" CTA. This is for BUTTONS only
   (filled CTAs, form submit, subscribe). Text links and card
   anchors keep their own hover behaviour.
   ============================================================ */
.elementor-button,
.elementor-button-link,
a.elementor-button,
.form-ui .form-button,
.form-ui .form-button-submit,
.sportswear-btn,
.blog-post__cta a,
button.form-button,
.elementor-icon-list-item .elementor-button {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  will-change: transform;
  display: inline-block;
}
.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link:hover,
.elementor-button-link:focus,
a.elementor-button:hover,
a.elementor-button:focus,
.form-ui .form-button:hover,
.form-ui .form-button:focus,
.form-ui .form-button-submit:hover,
.form-ui .form-button-submit:focus,
.sportswear-btn:hover,
.sportswear-btn:focus,
.blog-post__cta a:hover,
.blog-post__cta a:focus,
button.form-button:hover,
button.form-button:focus {
  transform: translateY(-2px);
}

/* Header + footer social media icons (LinkedIn, etc.) and topbar icon-
   box links (phone / WhatsApp / mail in the header bar) also lift 2px
   on hover, with no colour change. */
.elementor-widget-navmenu-social-media .ekit_social_media > li > a,
.elementor-widget-icon-box .elementor-icon,
.brand-topbar a {
  transition: transform 0.18s ease, color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.elementor-widget-navmenu-social-media .ekit_social_media > li > a:hover,
.elementor-widget-navmenu-social-media .ekit_social_media > li > a:focus,
.elementor-widget-icon-box .elementor-icon:hover,
.elementor-widget-icon-box .elementor-icon:focus,
.brand-topbar a:hover,
.brand-topbar a:focus {
  transform: translateY(-2px);
}

/* Contact-block phone/mail/WhatsApp rows: only add the transition and
   hover lift; do NOT touch their display or alignment - they use the
   widget's own flex layout and we want to keep it intact. */
.section-contact__contact-link {
  transition: transform 0.18s ease, color 0.2s ease;
}
.section-contact__contact-link:hover,
.section-contact__contact-link:focus {
  transform: translateY(-2px);
}

/* ── Global Anton heading uppercase rules ────────────────────────────────
   Applied across every page so section headings share the visual treatment
   of the page hero titles. Targets:
   - .section-cta__heading       → CTAs: About Us, Discuss Your Product,
                                   Lifestyle/Workwear/Hygiene Garments,
                                   Your Product Not Here? (catalogue).
   - .section-flex-hero__heading → Hero h1s (Find Your Product, Contact Us,
                                   Manufacturing Apparel...), Featured Categories.
   - Home features icon-box titles (4 cards, by section ID to avoid
     uppercasing every Elementor icon-box across the site).
   - The Prime Team, Impact Management, Tools/Resources headings
     (by section ID since they reuse the generic .elementor-heading-title).
   - Newsletter "Subscribe For Free Resources" label in the prefooter.
   - Team carousel member names (home), Tools panel titles in prefooter
     (Fabric Encyclopedia, Consumption Calculator — every page),
     Contact-page subheadings (Contact / Follow / Site Address),
     Contact-page form label (Request Information), FAQs heading on home.
   .elementor-image-carousel-caption (product captions) is intentionally
   EXCLUDED — those are product names and keep title case.            */
.section-cta__heading,
.section-flex-hero__heading,
.elementor-element-39a48ae h3,
.elementor-element-4be28fc h3,
.elementor-element-d47e7f7 h3,
.elementor-element-a1af98a h3,
.elementor-element-455ce4e h2,
.elementor-element-212a857 h2,
.elementor-element-945f150 h2,
.form-custom-form-8267 .form-label,
.team_member_carousel_title,
.ma-tools-panel__title,
.section-contact__subheading,
.elementor-3635 .form-label,
.elementor-3623 .elementor-widget-heading h2.elementor-heading-title,
.sportswear-section__title,
.elementor-image-carousel-caption,
.fg-item-title,
.sw-gallery__title,
.mesh-lightbox__title {
  text-transform: uppercase;
}

/* The three "Featured Categories" product cards on the home page
   (Lifestyle Garments, Workwear Garments, Hygiene Garments) keep their
   smaller 22px font so they still read as product labels rather than
   section headings, but now follow the site-wide uppercase treatment. */
.elementor-element-2d9cf01f .section-cta__heading {
  font-size: 22px;
}

/* ── Slimmer section buttons on home + sportswear hero/CTAs ──────────────
   Home and sportswear "Explore / Why Choose Us? / Contact Us / View
   Catalogue / Develop with us / Schedule Meeting" buttons were 14px /
   padding 12px 32px (rounded) or 8px 16px (sharp), making them feel
   oversized in the hero. Tighten to 12px / padding 8px 20px (rounded)
   and 6px 14px (sharp). Uses ID-scoped !important to win over the
   Elementor CSS-variable definitions per widget. */
a.section-button {
  font-size: 12px !important;
  padding: 8px 20px !important;
}
a.section-button.has-shape-default {
  padding: 6px 14px !important;
}

/* ── Subscribe (prefooter newsletter form 8267) + Submit (contact form
   3635) buttons should share the same proportions. They use the same
   .form-button.form-button-submit class but inherit different font-size
   values from Forminator's per-form CSS. Normalize. */
button.form-button.form-button-submit {
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 10px 24px !important;
  min-width: 120px !important;
  line-height: 1.4 !important;
}

/* ── Tighter spacing for slim section-cta buttons ─────────────────────
   The new slimmer buttons (v84) made the original 16px stacked gap feel
   disproportionate. Tighten the inter-button gap, and add breathing room
   between the description text and the button group on mobile (where
   they stack) so the buttons don't feel attached to the caption. */
.section-cta__buttons-wrapper {
  gap: 10px !important;
}
@media (max-width: 767px) {
  .section-cta__buttons-wrapper:has(> a + a) {
    margin-top: 18px !important;
  }
}

/* Hero CTA container (catalogue: "View Catalogue" + "Develop With Us")
   uses the same flex pattern; tighten when it stacks on narrow phones. */
.section-flex-hero__ctas-container {
  gap: 10px !important;
}

/* ── Mobile sidebar scroll lock ───────────────────────────────────────
   When the hamburger menu is open, js/sidebar-scroll-lock.js adds
   `.sidebar-open` to <body> and sets `body.style.top = -scrollY`.
   These styles freeze the background in place: position:fixed pins it,
   width:100% prevents reflow, overflow:hidden hides the scrollbar.
   Position is restored when the menu closes. */
body.sidebar-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
  /* `top` is set inline by the JS to preserve scroll position */
}


/* ─── Product caption font size on narrow viewports ───────────────────
   At 16px the Anton caption (a tall condensed face) competes with the
   product image in a 168px-wide mobile cell and forces long titles to
   wrap to 5+ lines (CORDURA workwear trousers). Drop to 13px on small
   screens so captions read as labels rather than headings; desktop/tablet
   sizes are unchanged. */
@media (max-width: 767px) {
  .elementor-image-carousel-caption,
  .fg-item-title,
  .sw-gallery__title {
    font-size: 13px !important;
    line-height: 1.1 !important;
  }
}

/* ── Hero heading size on mobile ─────────────────────────────────────
   All hero headings (.section-flex-hero__heading) are 40px at every
   width. On narrow phones a 2-3 word heading like "Find Your Product"
   wraps and reads heavier than intended. Pull down to 32px on mobile
   for a tighter feel. Kicks in below 768px only.
   Sportswear uses a bare <h1> inside .blog-header — covered too. */
@media (max-width: 767px) {
  .section-flex-hero__heading,
  .blog-header h1 {
    font-size: 32px !important;
  }
}


/* ── Global Anton uppercase (site-wide sweep) ─────────────────────────
   Any remaining Anton-rendered text not yet covered by earlier per-
   selector rules. Covers: tools pages (calculator/encyclopedia hero
   titles, panel labels, stat counters, result values, bare h3 & em),
   blog card titles, 404 numeral, H6 "MESH APPAREL" eyebrow (already
   visually all-caps, adding text-transform as canonical declaration). */
.hero-title,
.panel-title,
.cp-title,
.care-gen-title,
.hero-stat-num,
.count-val,
.blog-card__title,
.blog-post__body h2,
.blog-post__body h3,
.nf-code,
#gsmDisplay,
#specGsm,
.tool-host h3,
.tool-host em,
.tool-sr-only,
.sr-only,
h6 {
  text-transform: uppercase;
}

/* ── Nav & submenu font size + spacing ───────────────────────────────
   Desktop nav links and dropdown items were 14px / 8-10px padding.
   Reduced to 12px with tighter padding so the menu stays compact. */

/* Top-level nav links */
.navmenu-navbar-nav > li > a.navmenu-menu-nav-link {
  font-size: 12px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  line-height: 1.4 !important;
  height: 34px !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
/* Make the <li> a flex column so margin:auto / fixed margin centres the <a> */
.navmenu-navbar-nav > li {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Radius to match sub-menu items (8px) */
.elementor-element-bb41ada .navmenu-navbar-nav > li > a,
.elementor-element-bb41ada .navmenu-navbar-nav > li:hover > a,
.elementor-element-bb41ada .navmenu-navbar-nav > li.current-menu-item > a,
.elementor-element-bb41ada .navmenu-navbar-nav > li.current-menu-ancestor > a,
.elementor-element-bb41ada .navmenu-navbar-nav > li > a:focus,
.elementor-element-bb41ada .navmenu-navbar-nav > li > a:active {
  border-radius: 10px !important;
}

/* Dropdown / sub-menu items */
.dropdown-item,
.navmenu-navbar-nav-default .navmenu-submenu-panel > li > a.dropdown-item,
.navmenu-navbar-nav-default .navmenu-submenu-panel > li > a {
  font-size: 12px !important;
  padding: 7px 10px !important;
  line-height: 1.4 !important;
}

/* Sub-menu panel container padding */
.navmenu-submenu-panel {
  padding: 6px 10px !important;
}