.elementor-5064 .elementor-element.elementor-element-abc8a4f{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5064 .elementor-element.elementor-element-abc8a4f:not(.elementor-motion-effects-element-type-background), .elementor-5064 .elementor-element.elementor-element-abc8a4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-5064 .elementor-element.elementor-element-586f8b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.9;--border-radius:20px 0px 0px 20px;}.elementor-5064 .elementor-element.elementor-element-586f8b9:not(.elementor-motion-effects-element-type-background), .elementor-5064 .elementor-element.elementor-element-586f8b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fasshn.com.ng/wp-content/uploads/2026/01/Fasshn-Men-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5064 .elementor-element.elementor-element-586f8b9::before, .elementor-5064 .elementor-element.elementor-element-586f8b9 > .elementor-background-video-container::before, .elementor-5064 .elementor-element.elementor-element-586f8b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-5064 .elementor-element.elementor-element-586f8b9 > .elementor-background-slideshow::before, .elementor-5064 .elementor-element.elementor-element-586f8b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5064 .elementor-element.elementor-element-586f8b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 50%, #000000 100%);}.elementor-5064 .elementor-element.elementor-element-c224610.elementor-element{--align-self:flex-end;}.elementor-5064 .elementor-element.elementor-element-c224610{z-index:2;}.elementor-5064 .elementor-element.elementor-element-c224610 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:130px;font-weight:900;text-transform:uppercase;color:#FFFFFF6B;}.elementor-5064 .elementor-element.elementor-element-45cbfb7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.9;--border-radius:0px 20px 20px 0px;}.elementor-5064 .elementor-element.elementor-element-45cbfb7:not(.elementor-motion-effects-element-type-background), .elementor-5064 .elementor-element.elementor-element-45cbfb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fasshn.com.ng/wp-content/uploads/2026/01/WhatsApp-Image-2026-01-08-at-12.50.16-PM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5064 .elementor-element.elementor-element-45cbfb7::before, .elementor-5064 .elementor-element.elementor-element-45cbfb7 > .elementor-background-video-container::before, .elementor-5064 .elementor-element.elementor-element-45cbfb7 > .e-con-inner > .elementor-background-video-container::before, .elementor-5064 .elementor-element.elementor-element-45cbfb7 > .elementor-background-slideshow::before, .elementor-5064 .elementor-element.elementor-element-45cbfb7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5064 .elementor-element.elementor-element-45cbfb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF03 50%, #000000 100%);}.elementor-5064 .elementor-element.elementor-element-55eff73.elementor-element{--align-self:flex-end;}.elementor-5064 .elementor-element.elementor-element-55eff73{z-index:2;}.elementor-5064 .elementor-element.elementor-element-55eff73 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:130px;font-weight:900;text-transform:uppercase;color:#FFFFFF6B;}@media(max-width:1024px){.elementor-5064 .elementor-element.elementor-element-c224610 .elementor-heading-title{font-size:80px;}.elementor-5064 .elementor-element.elementor-element-55eff73 .elementor-heading-title{font-size:80px;}}@media(min-width:768px){.elementor-5064 .elementor-element.elementor-element-586f8b9{--width:50%;}.elementor-5064 .elementor-element.elementor-element-45cbfb7{--width:50%;}}@media(max-width:767px){.elementor-5064 .elementor-element.elementor-element-586f8b9{--border-radius:20px 20px 0px 0px;}.elementor-5064 .elementor-element.elementor-element-45cbfb7{--border-radius:0px 0px 20px 20px;}}/* Start custom CSS *//* =========================
   STATIC COLUMN (DO NOT MOVE)
========================= */
.gender-gate {
  position: relative;
  overflow: hidden;
}

/* =========================
   VISUAL OVERLAY LAYER
   (image + expansion)
========================= */
.gender-gate::after {
  content: "";
  position: absolute;
  inset: 0;

  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: scale(1);
  transition:
    clip-path 0.6s ease,
    transform 0.9s ease;

  z-index: 1;
}

/* Text stays untouched */
.gender-gate > * {
  position: relative;
  z-index: 3;
}

/* =========================
   MEN — EXPAND RIGHT
========================= */
.men-gate::after {
  clip-path: inset(0 0 0 0);
}

.men-gate:hover::after {
  clip-path: inset(0 -14% 0 0); /* extend right */
  transform: scale(1.15);      /* parallax zoom */
}

/* =========================
   WOMEN — EXPAND LEFT
========================= */
.women-gate::after {
  clip-path: inset(0 0 0 0);
}

.women-gate:hover::after {
  clip-path: inset(0 0 0 -14%); /* extend left */
  transform: scale(1.15);      /* parallax zoom */
}

/* =========================
   MOBILE: disable hover
========================= */
@media (max-width: 767px) {
  .gender-gate::after {
    clip-path: inset(0 0 0 0) !important;
    transform: scale(1) !important;
  }
}/* End custom CSS */