.elementor-380 .elementor-element.elementor-element-9f7b2ed{--spacer-size:20px;}.elementor-380 .elementor-element.elementor-element-611433e3{--spacer-size:5px;}.elementor-380 .elementor-element.elementor-element-20f1e172{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-db5e564{margin:12px 12px calc(var(--kit-widget-spacing, 0px) + 12px) 12px;}.elementor-380 .elementor-element.elementor-element-db5e564.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-380 .elementor-element.elementor-element-1fd322ee{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-215a2ba2{width:var( --container-widget-width, 26% );max-width:26%;padding:8px 8px 8px 8px;--container-widget-width:26%;--container-widget-flex-grow:0;border-style:dashed;border-width:2px 2px 2px 2px;border-radius:8px 8px 8px 8px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-380 .elementor-element.elementor-element-215a2ba2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-item > a{font-family:"Almarai", Sans-serif;}.elementor-380 .elementor-element.elementor-element-215a2ba2 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-380 .elementor-element.elementor-element-2bf785f{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-11a2ff1f{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-55c834a5{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-7d3a0ceb{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-469c0e21{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-2722ab0{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-239d2c1a{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-4fd7e81a{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-289cf3cd{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-380 .elementor-element.elementor-element-289cf3cd.elementor-element{--align-self:center;}.elementor-380 .elementor-element.elementor-element-451ec4f3{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-1239c17b{margin:12px 12px calc(var(--kit-widget-spacing, 0px) + 12px) 12px;}.elementor-380 .elementor-element.elementor-element-1239c17b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-380 .elementor-element.elementor-element-4f6db281{--spacer-size:10px;}.elementor-380 .elementor-element.elementor-element-39dea23b{--spacer-size:10px;}@media(max-width:767px){.elementor-380 .elementor-element.elementor-element-db5e564{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;}.elementor-380 .elementor-element.elementor-element-215a2ba2{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-380 .elementor-element.elementor-element-289cf3cd{width:100%;max-width:100%;}.elementor-380 .elementor-element.elementor-element-1239c17b{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;}}/* Start custom CSS *//* =========================================================
   DOTBOX — FOOD WARMER LANDING PAGE
   LIGHT AIRY PREMIUM KITCHEN
   CLEAN FINAL VERSION
   ========================================================= */


/* =========================================================
   1. VARIABLES
   ========================================================= */

:root{

  --fw-bg:#fffefd;
  --fw-bg-soft:#f8faf8;
  --fw-card:#ffffff;

  --fw-green:#557467;
  --fw-green-2:#719083;
  --fw-green-soft:#f0f6f3;

  --fw-orange:#ee855d;
  --fw-orange-2:#f39b79;
  --fw-orange-soft:#fff3ee;

  --fw-ink:#202522;
  --fw-text:#5f6763;
  --fw-muted:#8b928f;

  --fw-line:#eaeeeb;

}


/* =========================================================
   2. GLOBAL PAGE
   ========================================================= */

html,
body{

  width:100%;
  max-width:100%;

  overflow-x:hidden !important;

}


body{

  color:var(--fw-ink);

  background:

    radial-gradient(
      circle at 93% 5%,
      rgba(85,116,103,.022),
      transparent 23%
    ),

    radial-gradient(
      circle at 5% 43%,
      rgba(238,133,93,.018),
      transparent 22%
    ),

    linear-gradient(
      180deg,
      #ffffff 0%,
      #fffefd 48%,
      #fcfbf9 100%
    ) !important;

}


.elementor,
.elementor-page{

  width:100%;
  max-width:100%;

  overflow-x:clip !important;

}


/* =========================================================
   3. GLOBAL BOX MODEL
   ========================================================= */

.fx-section,
.fx-section *,
.fx-title,
.fx-image,
.fx-features,
.fx-trust,
.fx-order,
.fx-countdown,
.fx-countdown *{

  box-sizing:border-box;

}


/* =========================================================
   4. SECTIONS
   ========================================================= */

.fx-section{

  position:relative;

  isolation:isolate;

  width:100%;
  max-width:100%;

  margin:0 !important;

  padding:
    30px
    9px
    36px !important;

  background:
    transparent !important;

  border:none !important;

  box-shadow:none !important;

}


/* very subtle atmosphere */

.fx-section::after{

  content:"";

  position:absolute;

  width:180px;
  height:180px;

  left:50%;
  top:50%;

  transform:
    translate(-50%,-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(85,116,103,.016),
      transparent 70%
    );

  pointer-events:none;

  z-index:-2;

}


/* =========================================================
   5. TITLES
   ========================================================= */

.fx-title{

  position:relative !important;

  z-index:3 !important;

  margin:
    0
    0
    15px !important;

  text-align:center !important;

}


.fx-title .elementor-heading-title{

  color:
    var(--fw-ink) !important;

  font-weight:
    800 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    -.15px;

}


/* small warm accent */

.fx-title::before{

  content:"";

  display:block;

  width:22px;
  height:3px;

  margin:
    0 auto 10px;

  border-radius:
    20px;

  background:
    linear-gradient(
      90deg,
      var(--fw-orange-2),
      var(--fw-orange)
    );

}


.fx-title::after{

  display:none !important;

}


/* =========================================================
   6. STANDARD IMAGE
   ========================================================= */

.fx-image{

  position:relative !important;

  isolation:isolate;

  overflow:hidden;

  padding:
    5px !important;

  background:
    rgba(255,255,255,.985) !important;

  border:
    1px solid
    rgba(55,75,66,.045) !important;

  border-radius:
    20px !important;

  box-shadow:

    0 6px 20px
    rgba(35,45,40,.022),

    0 20px 45px
    rgba(35,45,40,.032) !important;

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.fx-image img{

  position:relative;

  z-index:2;

  display:block !important;

  width:100% !important;
  height:auto !important;

  border-radius:
    15px !important;

  box-shadow:none !important;

}


/* =========================================================
   7. TRANSPARENT PRODUCT IMAGE
   ========================================================= */

.fx-image.fx-transparent{

  position:relative !important;

  isolation:isolate !important;

  overflow:visible !important;

  padding:
    10px 4px !important;

  background:
    transparent !important;

  border:none !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

}


.fx-image.fx-transparent img{

  position:relative !important;

  z-index:5 !important;

  display:block !important;

  width:100% !important;
  height:auto !important;

  background:
    transparent !important;

  border:none !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  filter:
    drop-shadow(
      0 15px 13px
      rgba(40,48,44,.105)
    ) !important;

}


/* =========================================================
   8. HERO PRODUCT
   classes:
   fx-image fx-transparent hero-heat
   ========================================================= */

.fx-image.fx-transparent.hero-heat{

  position:relative !important;

  isolation:isolate !important;

  overflow:visible !important;

  display:flex;

  align-items:center;
  justify-content:center;

  min-height:
    260px;

  padding:
    16px 4px !important;

  background:

    radial-gradient(
      ellipse at 50% 58%,
      rgba(234,241,237,.36) 0%,
      rgba(248,250,249,.18) 43%,
      transparent 70%
    ) !important;

}


/* soft organic form */

.fx-image.fx-transparent.hero-heat::before{

  content:"";

  position:absolute;

  width:72%;

  aspect-ratio:1;

  left:50%;
  top:50%;

  transform:
    translate(-50%,-50%)
    rotate(-5deg);

  border-radius:

    46% 54% 58% 42%
    /
    44% 48% 52% 56%;

  background:

    linear-gradient(
      145deg,
      rgba(237,244,240,.46),
      rgba(255,255,255,.14)
    );

  opacity:.72;

  z-index:0;

  pointer-events:none;

  animation:
    fwBlobFloat
    7s
    ease-in-out
    infinite;

}


/* warm floating accent */

.fx-image.fx-transparent.hero-heat::after{

  content:"";

  display:block !important;

  position:absolute;

  width:34px;
  height:34px;

  right:10%;
  top:14%;

  border-radius:50%;

  background:
    rgba(238,133,93,.075);

  z-index:1;

  pointer-events:none;

  animation:
    fwBubbleFloat
    5.5s
    ease-in-out
    infinite;

}


/* actual product */

.fx-image.fx-transparent.hero-heat img{

  position:relative !important;

  z-index:5 !important;

  width:100% !important;

  animation:
    fwProductFloat
    5s
    ease-in-out
    infinite;

}


/* =========================================================
   9. OPTIONAL GRAPHIC VARIANTS
   ========================================================= */


/* BUBBLES */

.gfx-bubbles::before{

  content:"";

  position:absolute;

  width:9px;
  height:9px;

  left:12px;
  top:22px;

  border-radius:50%;

  background:
    rgba(238,133,93,.30);

  box-shadow:

    17px 18px 0 -3px
    rgba(238,133,93,.15),

    5px 39px 0 -3px
    rgba(85,116,103,.10);

  pointer-events:none;

  z-index:0;

}


/* SOFT BLOCK */

.gfx-block::before{

  content:"";

  position:absolute;

  width:86px;
  height:86px;

  left:-44px;
  bottom:5px;

  transform:
    rotate(25deg);

  border-radius:
    26px;

  background:
    rgba(85,116,103,.025);

  pointer-events:none;

  z-index:0;

}


/* CORNER */

.gfx-corner::before{

  content:"";

  position:absolute;

  width:43px;
  height:43px;

  right:5px;
  bottom:5px;

  border-right:
    1px solid
    rgba(238,133,93,.16);

  border-bottom:
    1px solid
    rgba(238,133,93,.16);

  border-radius:
    0 0 18px 0;

  pointer-events:none;

  z-index:0;

}


/* =========================================================
   10. FEATURES
   ========================================================= */

.fx-features{

  position:relative !important;

  overflow:hidden;

  width:100%;

  margin-left:
    auto !important;

  margin-right:
    auto !important;

  padding:
    7px 13px !important;

  background:
    rgba(255,255,255,.985) !important;

  border:
    1px solid
    rgba(85,116,103,.07) !important;

  border-radius:
    20px !important;

  box-shadow:
    0 8px 26px
    rgba(35,45,40,.026) !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease;

}


.fx-features::before,
.fx-features::after{

  display:none !important;

}


.fx-features
.elementor-icon-list-items{

  margin:
    0 !important;

  padding:
    0 !important;

}


/* rows */

.fx-features
.elementor-icon-list-item{

  display:flex !important;

  align-items:center !important;

  min-height:
    auto !important;

  margin:
    0 !important;

  padding:
    10px 2px !important;

  background:
    transparent !important;

  border-bottom:
    1px solid
    var(--fw-line) !important;

}


.fx-features
.elementor-icon-list-item:last-child{

  border-bottom:
    none !important;

}


.fx-features
.elementor-icon-list-item::after{

  display:none !important;

}


/* feature icon */

.fx-features
.elementor-icon-list-icon{

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  flex:
    0 0 31px !important;

  width:
    31px !important;

  height:
    31px !important;

  margin-left:
    8px !important;

  margin-right:
    0 !important;

  background:
    var(--fw-green-soft) !important;

  border:
    1px solid
    rgba(85,116,103,.055) !important;

  border-radius:
    10px !important;

}


.fx-features
.elementor-icon-list-icon i,

.fx-features
.elementor-icon-list-icon svg{

  width:
    13px !important;

  height:
    13px !important;

  color:
    var(--fw-green) !important;

  fill:
    var(--fw-green) !important;

  font-size:
    13px !important;

}


/* feature text */

.fx-features
.elementor-icon-list-text{

  color:
    var(--fw-ink) !important;

  font-size:
    13.5px !important;

  font-weight:
    650 !important;

  line-height:
    1.5 !important;

}


/* =========================================================
   11. TRUST
   ========================================================= */

.fx-trust{

  position:relative;

  padding:
    11px 5px !important;

  background:
    rgba(255,255,255,.97) !important;

  border-top:
    1px solid
    rgba(85,116,103,.075) !important;

  border-bottom:
    1px solid
    rgba(85,116,103,.075) !important;

  border-left:
    none !important;

  border-right:
    none !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

}


.fx-trust,
.fx-trust *{

  color:
    var(--fw-ink) !important;

}


.fx-trust
.elementor-icon{

  color:
    var(--fw-green) !important;

  fill:
    var(--fw-green) !important;

}


/* =========================================================
   12. ORDER FORM
   ========================================================= */

.fx-order{

  position:relative !important;

  overflow:visible !important;

  width:100%;

  padding:
    16px !important;

  background:
    #ffffff !important;

  border:
    1px solid
    rgba(85,116,103,.085) !important;

  border-radius:
    21px !important;

  box-shadow:

    0 10px 30px
    rgba(35,45,40,.028),

    0 25px 55px
    rgba(35,45,40,.020) !important;

  transform:
    none !important;

}


/* fields */

.fx-order input,
.fx-order textarea,
.fx-order select{

  width:
    100% !important;

  max-width:
    100% !important;

  min-height:
    49px !important;

  background:
    #fdfefd !important;

  color:
    var(--fw-ink) !important;

  border:
    1px solid
    #e4e9e6 !important;

  border-radius:
    12px !important;

  box-shadow:
    none !important;

  outline:
    none !important;

  transform:
    none !important;

}


/* field focus */

.fx-order input:focus,
.fx-order textarea:focus,
.fx-order select:focus{

  background:
    #ffffff !important;

  border-color:
    rgba(85,116,103,.55) !important;

  outline:
    none !important;

  box-shadow:
    0 0 0 3px
    rgba(85,116,103,.06) !important;

}


/* button */

.fx-order
button[type="submit"],

.fx-order
.elementor-button{

  min-height:
    53px !important;

  border:
    none !important;

  border-radius:
    13px !important;

  background:

    linear-gradient(
      135deg,
      #f18b65,
      #e8754d
    ) !important;

  color:
    #ffffff !important;

  font-weight:
    800 !important;

  box-shadow:
    0 8px 20px
    rgba(238,133,93,.18) !important;

  transform:
    none !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease !important;

}


/* =========================================================
   13. COUNTDOWN
   ========================================================= */

.fx-countdown,
.fx-countdown *{

  font-family:
    "GE SS Two",
    sans-serif !important;

  box-sizing:
    border-box !important;

}


.fx-countdown{

  width:
    100% !important;

  max-width:
    430px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    none !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;

  transform:
    none !important;

}


/* COUNTDOWN ROW */

.fx-countdown
.elementor-countdown-wrapper{

  display:flex !important;

  width:
    100% !important;

  justify-content:
    center !important;

  align-items:
    flex-start !important;

  gap:
    8px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  flex-wrap:
    nowrap !important;

}


/* EACH ITEM */

.fx-countdown
.elementor-countdown-item{

  flex:
    1 1 0 !important;

  width:
    auto !important;

  min-width:
    0 !important;

  max-width:
    84px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    none !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  transform:
    none !important;

}


/* DIGITS */

.fx-countdown
.elementor-countdown-digits{

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:
    100% !important;

  height:
    56px !important;

  margin:
    0 !important;

  padding:
    2px 1px 0 !important;

  background:
    #ffffff !important;

  color:
    var(--fw-ink) !important;

  border:
    1px solid
    rgba(85,116,103,.13) !important;

  border-radius:
    13px !important;

  font-family:
    "GE SS Two",
    sans-serif !important;

  font-size:
    27px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  letter-spacing:
    0 !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 6px 17px
    rgba(35,45,40,.035) !important;

  transform:
    none !important;

}


/* LABEL */

.fx-countdown
.elementor-countdown-label{

  display:block !important;

  width:
    100% !important;

  margin:
    6px 0 0 !important;

  padding:
    0 !important;

  color:
    var(--fw-text) !important;

  font-family:
    "GE SS Two",
    sans-serif !important;

  font-size:
    10px !important;

  font-weight:
    500 !important;

  line-height:
    1.25 !important;

  text-align:
    center !important;

  white-space:
    nowrap !important;

}


/* MINUTES + SECONDS */

.fx-countdown
.elementor-countdown-item:nth-last-child(2)
.elementor-countdown-digits,

.fx-countdown
.elementor-countdown-item:last-child
.elementor-countdown-digits{

  background:
    #fff5f1 !important;

  color:
    #d96e49 !important;

  border-color:
    rgba(238,133,93,.20) !important;

  box-shadow:
    0 6px 17px
    rgba(238,133,93,.055) !important;

}


/* =========================================================
   14. DESKTOP INTERACTIONS
   ========================================================= */

@media(min-width:768px){

  .fx-image:hover{

    transform:
      translateY(-3px);

    box-shadow:

      0 10px 24px
      rgba(35,45,40,.025),

      0 25px 50px
      rgba(35,45,40,.045) !important;

  }


  .fx-features:hover{

    transform:
      translateY(-2px);

    box-shadow:
      0 14px 34px
      rgba(35,45,40,.04) !important;

  }


  .fx-order
  button[type="submit"]:hover,

  .fx-order
  .elementor-button:hover{

    transform:
      translateY(-2px) !important;

    box-shadow:
      0 11px 24px
      rgba(238,133,93,.23) !important;

  }

}


/* =========================================================
   15. TABLET
   ========================================================= */

@media(
  min-width:768px
)
and
(
  max-width:1024px
){

  .fx-section{

    padding:
      26px
      9px
      32px !important;

  }


  .fx-countdown{

    max-width:
      400px !important;

  }


  .fx-countdown
  .elementor-countdown-item{

    max-width:
      80px !important;

  }

}


/* =========================================================
   16. MOBILE
   ========================================================= */

@media(max-width:767px){


  html,
  body,
  .elementor,
  .elementor-page{

    width:
      100%;

    max-width:
      100%;

    overflow-x:
      hidden !important;

  }


  /* SECTIONS */

  .fx-section{

    padding:
      22px
      8px
      29px !important;

  }


  .fx-section::after{

    width:
      130px;

    height:
      130px;

  }


  /* TITLE */

  .fx-title{

    margin-bottom:
      12px !important;

  }


  .fx-title::before{

    width:
      20px;

    margin-bottom:
      9px;

  }


  /* STANDARD IMAGE */

  .fx-image{

    padding:
      4px !important;

    border-radius:
      17px !important;

  }


  .fx-image img{

    border-radius:
      12px !important;

  }


  /* TRANSPARENT */

  .fx-image.fx-transparent{

    padding:
      8px 2px !important;

  }


  /* HERO */

  .fx-image.fx-transparent.hero-heat{

    min-height:
      225px;

    padding:
      10px 2px !important;

    background:

      radial-gradient(
        ellipse at 50% 58%,
        rgba(234,241,237,.28),
        rgba(255,255,255,.10) 44%,
        transparent 70%
      ) !important;

  }


  .fx-image.fx-transparent.hero-heat::before{

    width:
      78%;

    opacity:
      .58;

  }


  .fx-image.fx-transparent.hero-heat::after{

    width:
      29px;

    height:
      29px;

  }


  .fx-image.fx-transparent.hero-heat img{

    animation-duration:
      5.5s;

  }


  /* FEATURES */

  .fx-features{

    padding:
      5px 10px !important;

    border-radius:
      17px !important;

  }


  .fx-features
  .elementor-icon-list-item{

    padding:
      9px 1px !important;

  }


  .fx-features
  .elementor-icon-list-icon{

    flex-basis:
      29px !important;

    width:
      29px !important;

    height:
      29px !important;

    margin-left:
      7px !important;

    border-radius:
      9px !important;

  }


  .fx-features
  .elementor-icon-list-text{

    font-size:
      13px !important;

    line-height:
      1.48 !important;

  }


  /* ORDER */

  .fx-order{

    width:
      100% !important;

    padding:
      13px !important;

    border-radius:
      18px !important;

  }


  .fx-order input,
  .fx-order textarea,
  .fx-order select{

    width:
      100% !important;

    max-width:
      100% !important;

  }


  /* COUNTDOWN */

  .fx-countdown{

    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0 auto !important;

    padding:
      0 3px !important;

  }


  .fx-countdown
  .elementor-countdown-wrapper{

    display:flex !important;

    width:
      100% !important;

    gap:
      6px !important;

    justify-content:
      space-between !important;

    align-items:
      flex-start !important;

    flex-wrap:
      nowrap !important;

  }


  .fx-countdown
  .elementor-countdown-item{

    flex:
      1 1 0 !important;

    width:
      calc((100% - 18px) / 4) !important;

    max-width:
      none !important;

    min-width:
      0 !important;

  }


  .fx-countdown
  .elementor-countdown-digits{

    width:
      100% !important;

    height:
      50px !important;

    padding:
      2px 1px 0 !important;

    border-radius:
      11px !important;

    font-size:
      24px !important;

    line-height:
      1 !important;

  }


  .fx-countdown
  .elementor-countdown-label{

    margin-top:
      6px !important;

    font-size:
      9.5px !important;

    line-height:
      1.2 !important;

  }

}


/* =========================================================
   17. SMALL MOBILE
   ========================================================= */

@media(max-width:380px){


  .fx-section{

    padding-left:
      6px !important;

    padding-right:
      6px !important;

  }


  .fx-countdown{

    padding:
      0 2px !important;

  }


  .fx-countdown
  .elementor-countdown-wrapper{

    gap:
      5px !important;

  }


  .fx-countdown
  .elementor-countdown-item{

    width:
      calc((100% - 15px) / 4) !important;

  }


  .fx-countdown
  .elementor-countdown-digits{

    height:
      47px !important;

    font-size:
      22px !important;

    border-radius:
      10px !important;

  }


  .fx-countdown
  .elementor-countdown-label{

    margin-top:
      5px !important;

    font-size:
      9px !important;

  }

}


/* =========================================================
   18. ANIMATIONS
   ========================================================= */

@keyframes fwProductFloat{

  0%,
  100%{

    transform:
      translateY(0);

  }

  50%{

    transform:
      translateY(-6px);

  }

}


@keyframes fwBlobFloat{

  0%,
  100%{

    transform:
      translate(-50%,-50%)
      rotate(-5deg)
      scale(1);

  }

  50%{

    transform:
      translate(-50%,-52%)
      rotate(-2deg)
      scale(1.025);

  }

}


@keyframes fwBubbleFloat{

  0%,
  100%{

    transform:
      translateY(0)
      scale(1);

  }

  50%{

    transform:
      translateY(-7px)
      scale(1.06);

  }

}


/* =========================================================
   19. REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .fx-image,
  .fx-features,
  .fx-order .elementor-button,
  .fx-order button[type="submit"],
  .fx-image.fx-transparent.hero-heat img,
  .fx-image.fx-transparent.hero-heat::before,
  .fx-image.fx-transparent.hero-heat::after{

    animation:
      none !important;

    transition:
      none !important;

  }

}/* End custom CSS */