.elementor-192 .elementor-element.elementor-element-a7d7bfe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-192 .elementor-element.elementor-element-5f92059{text-align:center;}.elementor-192 .elementor-element.elementor-element-5f92059 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#080808;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-192 .elementor-element.elementor-element-890e7f1{color:#080808;}.elementor-192 .elementor-element.elementor-element-b124ddb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-192 .elementor-element.elementor-element-5f92059 .elementor-heading-title{font-size:25px;}}@media(max-width:767px){.elementor-192 .elementor-element.elementor-element-5f92059 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-d4ad15c *//* =========================================================
 RESET
========================================================= */

.ufaza-promo-section,
.ufaza-promo-section *{
  box-sizing:border-box;
}


/* =========================================================
 PROMOTION SECTION
========================================================= */

.ufaza-promo-section{
  width:100%;

  max-width:1200px;

  margin:0 auto;

  padding:
    20px 18px
    35px;

  font-family:
    "Kanit",
    "Noto Sans Thai",
    Arial,
    sans-serif;
}


/* =========================================================
 GRID
 Desktop = 3
========================================================= */

.ufaza-promo-grid{
  width:100%;

  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:
    56px
    20px;

  align-items:stretch;
}


/* =========================================================
 CARD
========================================================= */

.ufaza-promo-card{
  position:relative;

  min-width:0;

  overflow:hidden;

  display:flex;

  flex-direction:column;

  border:
    2px solid
    #ef122d;

  border-radius:
    19px;

  background:
    linear-gradient(
      180deg,
      #3a0a10 0%,
      #26070b 100%
    );

  color:#ffffff;

  box-shadow:
    0 17px 24px
    rgba(0,0,0,.20);
}


/* =========================================================
 IMAGE AREA
========================================================= */

.ufaza-promo-image{
  position:relative;

  width:100%;

  overflow:hidden;

  border-radius:
    17px 17px 0 0;

  border-bottom:
    2px solid #ef122d;

  background:#190306;
}


.ufaza-promo-image a{
  display:block;

  width:100%;

  text-decoration:none;
}


/* =========================================================
 IMAGE
 1040 × 400
========================================================= */

.ufaza-promo-image img{
  display:block;

  width:100%;

  height:auto;

  aspect-ratio:
    1040 / 400;

  object-fit:cover;

  object-position:center;

  user-select:none;

  -webkit-user-drag:none;
}


/* =========================================================
 YELLOW RIBBON
========================================================= */

.ufaza-promo-ribbon{
  position:absolute;

  top:13px;

  left:-38px;

  z-index:10;

  width:150px;

  min-height:34px;

  display:flex;

  align-items:center;

  justify-content:center;

  transform:
    rotate(-45deg);

  background:
    linear-gradient(
      180deg,
      #ffd83b 0%,
      #ffba00 100%
    );

  color:#4a2800;

  font-size:12px;

  font-weight:900;

  line-height:1;

  text-align:center;

  box-shadow:
    0 2px 5px
    rgba(0,0,0,.25);

  pointer-events:none;
}


/* =========================================================
 BODY
========================================================= */

.ufaza-promo-body{
  flex:1;

  padding:
    18px 20px
    20px;

  display:flex;

  flex-direction:column;
}


/* =========================================================
 TITLE
========================================================= */

.ufaza-promo-body h3{
  margin:
    0 0
    10px;

  color:#ffffff;

  font-size:19px;

  line-height:1.35;

  font-weight:800;
}


/* =========================================================
 DESCRIPTION
========================================================= */

.ufaza-promo-body > p{
  margin:
    0 0
    13px;

  color:#c9aeb2;

  font-size:14px;

  line-height:1.7;

  font-weight:500;
}


/* =========================================================
 INFO BOX
========================================================= */

.ufaza-promo-info{
  width:100%;

  min-height:56px;

  margin-bottom:9px;

  padding:
    8px 12px;

  display:flex;

  align-items:center;

  gap:10px;

  border:
    1px solid
    rgba(255,255,255,.11);

  border-radius:12px;

  background:
    rgba(255,255,255,.035);
}


.ufaza-info-icon{
  flex:
    0 0 38px;

  width:38px;

  height:38px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:9px;

  background:
    linear-gradient(
      135deg,
      #ff364d,
      #d90130
    );

  color:#ffffff;

  font-size:19px;

  font-weight:900;
}


.ufaza-info-icon.blue{
  background:
    linear-gradient(
      135deg,
      #469fff,
      #126fd8
    );
}


.ufaza-promo-info div{
  min-width:0;

  display:flex;

  flex-wrap:wrap;

  align-items:center;

  gap:
    2px
    5px;
}


.ufaza-promo-info small{
  color:#b9a7aa;

  font-size:12px;

  line-height:1.3;
}


.ufaza-promo-info strong{
  color:#ffffff;

  font-size:13px;

  line-height:1.3;

  font-weight:900;
}


/* =========================================================
 NOTE
========================================================= */

.ufaza-promo-note{
  margin:
    0 0
    12px;

  color:#ff9a38;

  font-size:12px;

  line-height:1.4;
}


/* =========================================================
 BUTTON
========================================================= */

.ufaza-promo-button{
  width:100%;

  min-height:48px;

  margin-top:auto;

  padding:
    10px 12px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:12px;

  background:
    linear-gradient(
      90deg,
      #ff583b 0%,
      #ff1231 100%
    );

  color:#ffffff !important;

  font-size:15px;

  line-height:1.2;

  font-weight:900;

  text-align:center;

  text-decoration:none !important;

  box-shadow:
    0 5px 11px
    rgba(242,0,39,.16);

  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease;
}


.ufaza-promo-button:hover{
  transform:
    translateY(-2px);

  filter:
    brightness(1.08);

  box-shadow:
    0 7px 14px
    rgba(242,0,39,.25);
}


.ufaza-promo-button:active{
  transform:
    scale(.98);
}


/* =========================================================
 TABLET
 2 ต่อแถว
========================================================= */

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

  .ufaza-promo-section{
    padding:
      18px 14px
      30px;
  }


  .ufaza-promo-grid{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    gap:
      35px
      16px;
  }


  .ufaza-promo-body{
    padding:
      16px 16px
      18px;
  }


  .ufaza-promo-body h3{
    font-size:17px;
  }


  .ufaza-promo-body > p{
    font-size:13px;
  }

}


/* =========================================================
 MOBILE
 1 ต่อแถว
========================================================= */

@media screen
and (max-width:767px){

  .ufaza-promo-section{
    width:100%;

    padding:
      13px 8px
      25px;
  }


  .ufaza-promo-grid{
    grid-template-columns:
      1fr;

    gap:20px;
  }


  .ufaza-promo-card{
    width:100%;

    max-width:480px;

    margin:0 auto;

    border-radius:16px;
  }


  .ufaza-promo-image{
    border-radius:
      14px 14px 0 0;
  }


  .ufaza-promo-image img{
    width:100%;

    aspect-ratio:
      1040 / 400;

    object-fit:cover;
  }


  .ufaza-promo-ribbon{
    top:11px;

    left:-41px;

    width:145px;

    min-height:31px;

    font-size:10.5px;
  }


  .ufaza-promo-body{
    padding:
      14px 15px
      15px;
  }


  .ufaza-promo-body h3{
    margin-bottom:7px;

    font-size:16px;
  }


  .ufaza-promo-body > p{
    margin-bottom:10px;

    font-size:12px;

    line-height:1.6;
  }


  .ufaza-promo-info{
    min-height:50px;

    margin-bottom:7px;

    padding:
      7px 9px;

    border-radius:10px;
  }


  .ufaza-info-icon{
    flex-basis:34px;

    width:34px;
    height:34px;

    font-size:16px;
  }


  .ufaza-promo-info small{
    font-size:10.5px;
  }


  .ufaza-promo-info strong{
    font-size:11.5px;
  }


  .ufaza-promo-note{
    font-size:10.5px;
  }


  .ufaza-promo-button{
    min-height:44px;

    border-radius:10px;

    font-size:13px;
  }

}


/* =========================================================
 SMALL MOBILE
========================================================= */

@media screen
and (max-width:390px){

  .ufaza-promo-section{
    padding-left:5px;
    padding-right:5px;
  }


  .ufaza-promo-body{
    padding:
      12px
      12px
      13px;
  }


  .ufaza-promo-body h3{
    font-size:14.5px;
  }


  .ufaza-promo-body > p{
    font-size:11px;
  }

}


/* =========================================================
 REDUCED MOTION
========================================================= */

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

  .ufaza-promo-button{
    transition:none;
  }

}/* End custom CSS */