.elementor-4405 .elementor-element.elementor-element-bcc25e0{--display:flex;--min-height:90vh;--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:center;--align-items:center;}.elementor-4405 .elementor-element.elementor-element-ecadc98{--display:flex;--position:absolute;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );bottom:2vh;}.elementor-4405 .elementor-element.elementor-element-ecadc98.e-con{--align-self:center;}body:not(.rtl) .elementor-4405 .elementor-element.elementor-element-ecadc98{left:0px;}body.rtl .elementor-4405 .elementor-element.elementor-element-ecadc98{right:0px;}.elementor-4405 .elementor-element.elementor-element-b152a75{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-b152a75:not(.elementor-motion-effects-element-type-background), .elementor-4405 .elementor-element.elementor-element-b152a75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#57A6394F;}.elementor-4405 .elementor-element.elementor-element-eb16943{text-align:center;}.elementor-4405 .elementor-element.elementor-element-eb16943 .elementor-heading-title{font-family:var( --e-global-typography-3e25a4c-font-family ), Sans-serif;font-size:var( --e-global-typography-3e25a4c-font-size );font-style:var( --e-global-typography-3e25a4c-font-style );color:var( --e-global-color-b7e07e5 );}.elementor-4405 .elementor-element.elementor-element-e8ac09e{--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;}.elementor-4405 .elementor-element.elementor-element-c3ced00{--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;--border-radius:15px 15px 15px 15px;}.elementor-4405 .elementor-element.elementor-element-c3ced00:not(.elementor-motion-effects-element-type-background), .elementor-4405 .elementor-element.elementor-element-c3ced00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4405 .elementor-element.elementor-element-c862047.elementor-element{--align-self:center;}.elementor-4405 .elementor-element.elementor-element-c862047{text-align:center;}.elementor-4405 .elementor-element.elementor-element-c862047 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:16px;font-style:italic;color:var( --e-global-color-b7e07e5 );}.elementor-4405 .elementor-element.elementor-element-5a22028 .elementor-button{background-color:var( --e-global-color-d00899e );font-weight:900;fill:#FFFFFFFA;color:#FFFFFFFA;}.elementor-4405 .elementor-element.elementor-element-5a22028{z-index:2;}.elementor-4405 .elementor-element.elementor-element-5a22028 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4405 .elementor-element.elementor-element-fe1330b img{max-width:37%;}.elementor-4405 .elementor-element.elementor-element-c429304 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:80px;font-style:italic;color:#5E5E5E;}.elementor-4405 .elementor-element.elementor-element-f1346d0 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:31px;font-style:italic;color:#5E5E5E;}.elementor-4405 .elementor-element.elementor-element-8a5d49d{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;text-align:center;font-family:"Ubuntu", Sans-serif;}.elementor-4405 .elementor-element.elementor-element-e1e8304{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4405 .elementor-element.elementor-element-bb41d42 .elementor-button{background-color:#57A639;font-family:"Ubuntu", Sans-serif;font-size:29px;font-style:italic;box-shadow:0px 0px 10px 0px #57A639;border-style:solid;border-width:2px 2px 2px 2px;}.elementor-4405 .elementor-element.elementor-element-de5db12 .elementor-button{background-color:#02010100;font-family:"Ubuntu", Sans-serif;font-size:29px;font-style:italic;fill:#57A639;color:#57A639;box-shadow:0px 0px 10px 0px #57A639;border-style:solid;border-width:2px 2px 2px 2px;}.elementor-4405 .elementor-element.elementor-element-a9ca3e3{--grid-template-columns:repeat(0, auto);--icon-size:41px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-4405 .elementor-element.elementor-element-a9ca3e3 .elementor-widget-container{text-align:center;}.elementor-4405 .elementor-element.elementor-element-a9ca3e3 .elementor-social-icon{background-color:#02010100;}.elementor-4405 .elementor-element.elementor-element-a9ca3e3 .elementor-social-icon i{color:#57A639;}.elementor-4405 .elementor-element.elementor-element-a9ca3e3 .elementor-social-icon svg{fill:#57A639;}body.elementor-page-4405:not(.elementor-motion-effects-element-type-background), body.elementor-page-4405 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-4405 .elementor-element.elementor-element-eb16943 .elementor-heading-title{font-size:var( --e-global-typography-3e25a4c-font-size );}.elementor-4405 .elementor-element.elementor-element-e1e8304{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4405 .elementor-element.elementor-element-b152a75{--width:32%;}.elementor-4405 .elementor-element.elementor-element-c3ced00{--width:79%;}.elementor-4405 .elementor-element.elementor-element-e1e8304{--content-width:28%;}}@media(min-width:2400px){.elementor-4405 .elementor-element.elementor-element-eb16943 .elementor-heading-title{font-size:var( --e-global-typography-3e25a4c-font-size );}.elementor-4405 .elementor-element.elementor-element-e1e8304{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4405 .elementor-element.elementor-element-bcc25e0{--justify-content:center;}.elementor-4405 .elementor-element.elementor-element-eb16943 .elementor-heading-title{font-size:var( --e-global-typography-3e25a4c-font-size );}.elementor-4405 .elementor-element.elementor-element-c429304 .elementor-heading-title{font-size:35px;}.elementor-4405 .elementor-element.elementor-element-f1346d0{text-align:center;}.elementor-4405 .elementor-element.elementor-element-f1346d0 .elementor-heading-title{font-size:18px;}.elementor-4405 .elementor-element.elementor-element-8a5d49d{--container-widget-width:93%;--container-widget-flex-grow:0;width:var( --container-widget-width, 93% );max-width:93%;}.elementor-4405 .elementor-element.elementor-element-e1e8304{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* ========== FEECOIN HERO FLOATING LOGOS ========== */

/* Hero container */
.feecoin-hero{
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

/* Make the HTML widget fill the hero and sit behind content */
.feecoin-hero .feecoin-float-widget{
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

/* Layer inside widget fills it */
.feecoin-hero .feecoin-float-layer{
  position: absolute;
  inset: 0;
}

/* Keep hero content above floating logos */
.feecoin-hero .e-con-inner,
.feecoin-hero .elementor-container,
.feecoin-hero .elementor-widget-wrap{
  position: relative;
  z-index: 2;
}

/* Base floating logo */
.feecoin-hero .float-logo{
  position: absolute;

  /* Responsive sizing */
  width: 8vw;
  height: 8vw;
  min-width: 56px;
  max-width: 150px;

  background-image: url("http://feecoin.dev/wp-content/uploads/2026/03/feecoinlogo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  opacity: 0.12;
  filter: drop-shadow(0 0 18px rgba(0,255,120,0.35));
  transform: translate3d(0,0,0);

  /* More movement: drift + rotate + subtle scale breathing */
  animation-name: floatComplex;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 18s;
}

/* Complex motion path */
@keyframes floatComplex{
  0%   { transform: translate(0px, 0px) rotate(0deg)  scale(1); }
  20%  { transform: translate(18px, -22px) rotate(3deg) scale(1.05); }
  50%  { transform: translate(-14px, -42px) rotate(-2deg) scale(0.96); }
  80%  { transform: translate(-22px, -16px) rotate(2deg) scale(1.03); }
  100% { transform: translate(0px, 0px) rotate(0deg)  scale(1); }
}

/* Placement + variation (duration/delay/size/opacity) */
.feecoin-hero .l1{
  top: 10%; left: 8%;
  animation-duration: 16s; animation-delay: -2s;
  width: 7vw; height: 7vw; opacity: 0.13;
}
.feecoin-hero .l2{
  top: 14%; left: 82%;
  animation-duration: 24s; animation-delay: -9s;
  width: 10vw; height: 10vw; opacity: 0.09;
  filter: blur(0.6px) drop-shadow(0 0 18px rgba(0,255,120,0.28));
}
.feecoin-hero .l3{
  top: 52%; left: 12%;
  animation-duration: 15s; animation-delay: -6s;
  width: 8vw; height: 8vw; opacity: 0.12;
}
.feecoin-hero .l4{
  top: 68%; left: 88%;
  animation-duration: 21s; animation-delay: -12s;
  width: 6vw; height: 6vw; opacity: 0.14;
}
.feecoin-hero .l5{
  top: 38%; left: 44%;
  animation-duration: 28s; animation-delay: -15s;
  width: 12vw; height: 12vw; opacity: 0.07;
  filter: blur(1px) drop-shadow(0 0 18px rgba(0,255,120,0.22));
}
.feecoin-hero .l6{
  top: 80%; left: 30%;
  animation-duration: 18s; animation-delay: -5s;
  width: 7.5vw; height: 7.5vw; opacity: 0.11;
}
.feecoin-hero .l7{
  top: 26%; left: 18%;
  animation-duration: 20s; animation-delay: -11s;
  width: 6.5vw; height: 6.5vw; opacity: 0.10;
}
.feecoin-hero .l8{
  top: 60%; left: 68%;
  animation-duration: 23s; animation-delay: -7s;
  width: 9vw; height: 9vw; opacity: 0.09;
}

/* Mobile: scale up a bit and reduce clutter */
@media (max-width: 767px){
  .feecoin-hero .float-logo{
    width: 18vw;
    height: 18vw;
    min-width: 52px;
    opacity: 0.08;
  }

  /* Hide a couple so it doesn't crowd the hero */
  .feecoin-hero .l5,
  .feecoin-hero .l2{
    display: none;
  }
}/* End custom CSS */