.elementor-555 .elementor-element.elementor-element-9e761d8{--display:flex;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-555 .elementor-element.elementor-element-9e761d8.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-555 .elementor-element.elementor-element-395b2ff{--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;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-395b2ff.e-con{--align-self:center;}.elementor-555 .elementor-element.elementor-element-a81817e{--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-a81817e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-555 .elementor-element.elementor-element-ccd7e2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-555 .elementor-element.elementor-element-ccd7e2c img{width:60%;}.elementor-555 .elementor-element.elementor-element-4882b6c{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 1em / 2 );}.elementor-555 .elementor-element.elementor-element-4882b6c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-menu-toggle{margin:0 auto;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu .elementor-item{font-size:16px;font-weight:600;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0.7em;padding-right:0.7em;padding-top:5px;padding-bottom:5px;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:1em;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--dropdown a, .elementor-555 .elementor-element.elementor-element-4882b6c .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--dropdown{background-color:#000000C2;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--dropdown a:hover,
					.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--dropdown a:focus,
					.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--dropdown a.highlighted,
					.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-menu-toggle:hover,
					.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-menu-toggle:focus{color:#A8D5A2;}.elementor-555 .elementor-element.elementor-element-f88996b .elementor-button{background-color:#1ABFA0;font-size:16px;text-transform:none;fill:#FFFFFF;color:#FFFFFF;padding:10px 14px 10px 14px;}.elementor-555 .elementor-element.elementor-element-f88996b .elementor-button:hover, .elementor-555 .elementor-element.elementor-element-f88996b .elementor-button:focus{background-color:#2ED4BA;}.elementor-555 .elementor-element.elementor-element-f88996b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-555 .elementor-element.elementor-element-1e6fd54 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-555 .elementor-element.elementor-element-9e761d8{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-395b2ff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-ccd7e2c img{width:60%;}.elementor-555 .elementor-element.elementor-element-4882b6c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--main .elementor-item{padding-left:0em;padding-right:0em;padding-top:0px;padding-bottom:0px;}.elementor-555 .elementor-element.elementor-element-4882b6c{--e-nav-menu-horizontal-menu-item-margin:calc( 0em / 2 );--nav-menu-icon-size:30px;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0em;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-555 .elementor-element.elementor-element-f88996b{width:auto;max-width:auto;}}@media(min-width:768px){.elementor-555 .elementor-element.elementor-element-9e761d8{--content-width:75%;}.elementor-555 .elementor-element.elementor-element-395b2ff{--content-width:100%;}.elementor-555 .elementor-element.elementor-element-a81817e{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-555 .elementor-element.elementor-element-9e761d8{--content-width:70%;}}@media(max-width:767px){.elementor-555 .elementor-element.elementor-element-9e761d8{--content-width:70%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:8px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-a81817e{--flex-wrap:nowrap;}.elementor-555 .elementor-element.elementor-element-4882b6c{--nav-menu-icon-size:20px;}.elementor-555 .elementor-element.elementor-element-4882b6c .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS for container, class: .elementor-element-9e761d8 */.refraction-card {
  width: 100%;
  padding: 0.8rem 1.5rem;
  border-radius: 60px;
  position: relative;
  overflow: visible; /* ← CHANGED from hidden to visible */
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: url(#refractionFilter) blur(5px) brightness(1.1) contrast(1.3);
  -webkit-backdrop-filter: url(#refractionFilter) blur(5px) brightness(1.1) contrast(1.1);
  box-shadow:
    rgba(0, 0, 0, 0.18) 0px 0.517525px 0.517525px -0.9375px,
    rgba(0, 0, 0, 0.17) 0px 1.56943px 1.56943px -1.875px,
    rgba(0, 0, 0, 0.15) 0px 4.14872px 4.14872px -2.8125px,
    rgba(0, 0, 0, 0.06) 0px 13px 13px -3.75px;
  will-change: transform;
  z-index: 1;
}

.refraction-card svg {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.refraction-card::before {
  content: none !important;
}

.refraction-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.08) 10%,
    rgba(255, 255, 255, 0.02) 40%,
    transparent 80%
  );
  border-radius: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 1;
}

.refraction-card .elementor-widget-container {
  position: relative;
  z-index: 2;
  color: #fff;
}

@media (max-width: 768px) {
  .refraction-card {
    margin: 1rem auto;
    overflow: visible; /* keep visible on mobile too */
  }

  /* Force dropdown to align to the viewport on mobile */
  .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 80px !important; /* adjust to match your header height */
    left: 0 !important;
    width: 100vw !important;
    z-index: 9999 !important;
    border-radius: 0 !important;
  }

  .elementor-nav-menu--dropdown ul {
    width: 100% !important;
  }
}

.refraction-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.08) 10%,
    rgba(255, 255, 255, 0.02) 40%,
    transparent 80%
  );
  border-radius: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 1;
  /* Clip only the shimmer, not the dropdown */
  clip-path: inset(0 0 0 0 round 60px);
}/* End custom CSS */