.elementor-987 .elementor-element.elementor-element-31bbbea5{--display:flex;--min-height:100vh;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.55;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-987 .elementor-element.elementor-element-31bbbea5:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-31bbbea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#582F2F;background-image:url("https://pronet.biz/wp-content/uploads/2026/05/ChatGPT_Image_7_._2569_12_38_10-1.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-987 .elementor-element.elementor-element-31bbbea5::before, .elementor-987 .elementor-element.elementor-element-31bbbea5 > .elementor-background-video-container::before, .elementor-987 .elementor-element.elementor-element-31bbbea5 > .e-con-inner > .elementor-background-video-container::before, .elementor-987 .elementor-element.elementor-element-31bbbea5 > .elementor-background-slideshow::before, .elementor-987 .elementor-element.elementor-element-31bbbea5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-987 .elementor-element.elementor-element-31bbbea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-987 .elementor-element.elementor-element-2123a2c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-987 .elementor-element.elementor-element-2123a2c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-987 .elementor-element.elementor-element-7653ef3{--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:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:50px;--padding-right:10px;}.elementor-987 .elementor-element.elementor-element-7653ef3.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-987 .elementor-element.elementor-element-ba4b293.elementor-element{--order:-99999 /* order start hack */;}.elementor-987 .elementor-element.elementor-element-c4f5c9a{--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:center;--align-items:center;}.elementor-987 .elementor-element.elementor-element-881f30f{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-987 .elementor-element.elementor-element-881f30f::before, .elementor-987 .elementor-element.elementor-element-881f30f > .elementor-background-video-container::before, .elementor-987 .elementor-element.elementor-element-881f30f > .e-con-inner > .elementor-background-video-container::before, .elementor-987 .elementor-element.elementor-element-881f30f > .elementor-background-slideshow::before, .elementor-987 .elementor-element.elementor-element-881f30f > .e-con-inner > .elementor-background-slideshow::before, .elementor-987 .elementor-element.elementor-element-881f30f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FDF1E9;--background-overlay:'';}.elementor-987 .elementor-element.elementor-element-4ceedce{--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:space-between;--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:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-987 .elementor-element.elementor-element-4ceedce.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-987 .elementor-element.elementor-element-c8f96e0{width:100%;max-width:100%;text-align:center;}.elementor-987 .elementor-element.elementor-element-c8f96e0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-987 .elementor-element.elementor-element-c8f96e0.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-987 .elementor-element.elementor-element-c8f96e0 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:40px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;color:#000000;}.elementor-987 .elementor-element.elementor-element-c4d8b25 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-987 .elementor-element.elementor-element-c4d8b25.elementor-element{--align-self:center;}.elementor-987 .elementor-element.elementor-element-c4d8b25 .elementor-heading-title{color:#616161;}.elementor-987 .elementor-element.elementor-element-a08ab45{--display:flex;--min-height:0px;--margin-top:015px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-987 .elementor-element.elementor-element-2f38b81{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-987 .elementor-element.elementor-element-2f38b81.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-987 .elementor-element.elementor-element-cc5d8b7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-069bcc0{width:100%;max-width:100%;}.elementor-987 .elementor-element.elementor-element-069bcc0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-987 .elementor-element.elementor-element-01426c0{--display:flex;--min-height:251px;--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-987 .elementor-element.elementor-element-01426c0:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-987 .elementor-element.elementor-element-54792fe{--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:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-987 .elementor-element.elementor-element-74d1510 .elementor-heading-title{font-size:39px;font-weight:700;}.elementor-987 .elementor-element.elementor-element-4f39209 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-987 .elementor-element.elementor-element-4f39209 .elementor-heading-title{font-size:20px;font-weight:400;}.elementor-987 .elementor-element.elementor-element-c3e84b6{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-987 .elementor-element.elementor-element-31bbbea5{--padding-top:10%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-987 .elementor-element.elementor-element-881f30f{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-987 .elementor-element.elementor-element-c8f96e0 .elementor-heading-title{font-size:36px;}}@media(max-width:767px){.elementor-987 .elementor-element.elementor-element-31bbbea5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-987 .elementor-element.elementor-element-2123a2c{--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-987 .elementor-element.elementor-element-7653ef3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-987 .elementor-element.elementor-element-7653ef3.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-987 .elementor-element.elementor-element-ba4b293 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-987 .elementor-element.elementor-element-ba4b293.elementor-element{--align-self:center;}.elementor-987 .elementor-element.elementor-element-881f30f{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:35%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-987 .elementor-element.elementor-element-4ceedce{--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-987 .elementor-element.elementor-element-c8f96e0{width:100%;max-width:100%;text-align:center;}.elementor-987 .elementor-element.elementor-element-c8f96e0 .elementor-heading-title{font-size:28px;}}@media(min-width:768px){.elementor-987 .elementor-element.elementor-element-2123a2c{--width:99.916%;}.elementor-987 .elementor-element.elementor-element-7653ef3{--width:100%;}.elementor-987 .elementor-element.elementor-element-4ceedce{--width:99.923%;}.elementor-987 .elementor-element.elementor-element-2f38b81{--width:104.83%;}.elementor-987 .elementor-element.elementor-element-cc5d8b7{--width:100%;}.elementor-987 .elementor-element.elementor-element-01426c0{--width:100%;}.elementor-987 .elementor-element.elementor-element-54792fe{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-987 .elementor-element.elementor-element-7653ef3{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-c66fad3 */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;700;800&display=swap');

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Kanit',sans-serif;
  background:#020617;
  color:#fff;
}

/* =========================
   HERO SECTION
========================= */

.hero-wrapper{
  width:100%;
  max-width:1400px;

  padding:
    clamp(28px,5vw,70px)
    clamp(20px,5vw,60px);

  display:flex;
  flex-direction:column;
  justify-content:center;

  overflow:hidden;
  position:relative;
}

/* =========================
   TOP BADGE
========================= */

.badge-pill{
  width:fit-content;

  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:
    clamp(7px,1vw,10px)
    clamp(14px,2vw,18px);

  border-radius:999px;

  background:rgba(255,255,255,0.05);

  border:1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  font-size:clamp(12px,1.3vw,15px);
  font-weight:500;
  line-height:1;

  margin-bottom:clamp(20px,3vw,34px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 8px 24px rgba(0,0,0,0.35);
}

.orange-num{
  color:#ff9900;
  font-weight:800;
}

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

.main-heading{
  font-size:clamp(40px,3vw,55px);

  line-height:1.08;

  font-weight:800;

  letter-spacing:
    clamp(-0.5px,-0.12vw,-2px);

  color:#f8fafc;

  max-width:12ch;

  text-wrap:balance;

  text-shadow:
    0 3px 10px rgba(0,0,0,0.35),
    0 0 30px rgba(255,255,255,0.03);
}

/* RED TEXT */

.red-highlight{
  display:inline-block;

  margin-top:0.2em;

  color:#ff3434;

  text-shadow:
    0 0 20px rgba(255,52,52,0.22);
}

/* =========================
   PRICE
========================= */

.price-container{
  margin-top:clamp(26px,5vw,42px);

  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;

  gap:
    clamp(8px,1vw,14px);

  font-size:
    clamp(20px,3vw,40px);

  font-weight:500;

  line-height:1.15;
}

.yellow-price{
  font-size:
    clamp(38px,6vw,64px);

  font-weight:800;

  color:#ffd400;

  line-height:0.95;

  text-shadow:
    0 0 28px rgba(255,212,0,0.2);
}

/* =========================
   MOBILE OPTIMIZATION
========================= */

@media (max-width:768px){

  .hero-wrapper{
    min-height:auto;
    padding-top:40px;
    padding-bottom:40px;
  }

  .main-heading{
    max-width:100%;
    line-height:1.12;
  }

  .price-container{
    align-items:center;
  }
}

/* =========================
   SMALL PHONE
========================= */

@media (max-width:480px){

  .main-heading{
    font-size:clamp(26px,9vw,38px);
  }

  .yellow-price{
    font-size:clamp(34px,11vw,50px);
  }

  .price-container{
    gap:6px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba4b293 */*{
  box-sizing:border-box;
}

body{
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
}

/* =========================
GROUP
========================= */

.isp-group{

  width:100%;
  max-width:920px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(260px,1fr));

  gap:20px;

}

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

.isp-btn{

  text-decoration:none;

  display:block;

}

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

.card{

  position:relative;

  overflow:hidden;

  min-height:96px;

  border-radius:26px;

  display:flex;

  align-items:center;

  gap:18px;

  padding:18px 22px;

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

  border:
  1px solid rgba(255,255,255,0.08);

}

/* Hover */

.isp-btn:hover .card{

  transform:
  translateY(-6px);

}

/* =========================
BACKGROUND COLORS
========================= */

/* TRUE */

.true .card{

  background:
  linear-gradient(
    135deg,
    #fff5f6,
    #fffafb
  );

  box-shadow:
  0 10px 24px rgba(226,6,19,0.08);

}

/* AIS */

.ais .card{

  background:
  linear-gradient(
    135deg,
    #f8ffe9,
    #fcfff6
  );

  box-shadow:
  0 10px 24px rgba(147,213,0,0.10);

}

/* DTAC */

.dtac .card{

  background:
  linear-gradient(
    135deg,
    #eefaff,
    #f8fcff
  );

  box-shadow:
  0 10px 24px rgba(0,174,239,0.10);

}

/* =========================
PULSE ANIMATION
========================= */

.pulse{

  position:absolute;

  width:160px;
  height:160px;

  border-radius:50%;

  right:-60px;
  top:-60px;

  opacity:.12;

  transition:.5s ease;

}

/* TRUE */

.true .pulse{

  background:#e20613;

}

/* AIS */

.ais .pulse{

  background:#93d500;

}

/* DTAC */

.dtac .pulse{

  background:#00aeef;

}

/* Hover Effect */

.isp-btn:hover .pulse{

  transform:
  scale(1.25);

  opacity:.18;

}

/* =========================
LOGO
========================= */

.logo-box{

  position:relative;

  z-index:2;

  width:60px;
  height:60px;

  min-width:60px;

  border-radius:18px;

  display:flex;

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

  background:
  rgba(255,255,255,0.88);

  border:
  1px solid rgba(0,0,0,0.04);

  transition:.35s ease;

}

.logo-box img{

  width:42px;
  height:42px;

  object-fit:contain;

  display:block;

  transition:.35s ease;

}

.isp-btn:hover .logo-box{

  transform:
  scale(1.06);

}

/* =========================
TEXT
========================= */

.info{

  position:relative;

  z-index:2;

  display:flex;
  flex-direction:column;

}

.title{

  font-size:30px;

  font-weight:900;

  line-height:1;

  letter-spacing:1px;

}

/* TRUE */

.true .title{
  color:#e20613;
}

/* AIS */

.ais .title{
  color:#6e9e00;
}

/* DTAC */

.dtac .title{
  color:#009dd8;
}

.desc{

  margin-top:8px;

  font-size:14px;

  font-weight:600;

  color:#666;

}

/* =========================
ARROW
========================= */

.arrow{

  margin-left:auto;

  font-size:28px;

  font-weight:700;

  opacity:.18;

  transition:.35s ease;

}

/* Arrow Colors */

.true .arrow{
  color:#e20613;
}

.ais .arrow{
  color:#93d500;
}

.dtac .arrow{
  color:#00aeef;
}

/* Hover */

.isp-btn:hover .arrow{

  transform:
  translateX(6px);

  opacity:.6;

}

/* =========================
RESPONSIVE
========================= */

@media(max-width:700px){

  .isp-group{

    grid-template-columns:1fr;

  }

  .card{

    padding:16px;

  }

  .title{

    font-size:24px;

  }

  .logo-box{

    width:54px;
    height:54px;
    min-width:54px;

  }

  .logo-box img{

    width:38px;
    height:38px;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd10c1e */@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;600;700&display=swap');

/* Main Container Background */
body {
    background-color: #fdf5f0; /* Matches the light cream background in image */
    margin: 0;
    padding: 40px 0;
}

.promo-cards-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    font-family: 'Prompt', sans-serif;
    animation: fadeInUp 0.8s ease-out both;
}

/* Individual Card */
.promo-card {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 300px;
    padding: 50px 25px 25px 25px; /* Extra top padding for badge space */
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
}

.promo-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Top Badges - Exact Shape */
.promo-badge {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 8px 24px;
    font-size: 15px;
    font-weight: 600;
    border-bottom-right-radius: 15px;
    z-index: 2;
}
.badge-true { background-color: #e52421; }
.badge-ais { background-color: #8dc63f; } /* Matches image orange */
.badge-dtac { background-color: #00a5e5; } /* Matches image green */

/* Logos - Right Aligned */
.promo-logo {
    text-align: right;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
    height: 35px;
}
.logo-true { color: #e52421; }
.logo-ais { color: #8dc63f; }
.logo-ais span { color: #000; font-size: 16px; }
.logo-dtac { color: #00a5e5; }

/* Titles */
.promo-title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px;
}

/* Features */
.promo-features {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    flex-grow: 1;
}
.promo-features li {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 400;
}
.promo-features li .icon {
    margin-right: 12px;
    font-size: 18px;
    width: 25px;
    text-align: center;
    display: inline-block;
}

/* Pricing Section */
.promo-price {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin: 15px 0;
}
.promo-price small {
    font-size: 20px;
    font-weight: 500;
    margin-left: 5px;
}
.price-true { color: #e52421; }
.price-ais { color: #BFDF19; }
.price-dtac { color: #00ace6; }

/* Buttons */
.promo-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    padding: 14px 0;
    border-radius: 12px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 18px;
    transition: all 0.3s ease;
}
.promo-btn span { margin-left: 10px; font-size: 22px; }

.btn-true { background-color: #e52421; }
.btn-ais { background-color: #ff8c00; }
.btn-dtac { background-color: #61b526; }

.promo-btn:hover {
    filter: brightness(1.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Footer Link */
.promo-details {
    text-align: center;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}
.promo-details:after {
    content: ' \24BE'; /* Circular arrow icon similar to image */
    margin-left: 5px;
    font-size: 18px;
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Staggered load for cards */
.promo-card:nth-child(1) { animation: fadeInUp 0.6s ease-out 0.1s both; }
.promo-card:nth-child(2) { animation: fadeInUp 0.6s ease-out 0.2s both; }
.promo-card:nth-child(3) { animation: fadeInUp 0.6s ease-out 0.3s both; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd83b9e */*{box-sizing:border-box;margin:0;padding:0}
.feat-section{
  background:linear-gradient(160deg,#f0f6ff 0%,#fce4ec 100%);
  padding:56px 24px 64px;
  font-family:'Prompt',sans-serif;
  text-align:center;
}
.feat-title{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:12px}
.feat-title span{color:#e91e8c}
.feat-divider{
  width:80px;height:3px;
  background:linear-gradient(90deg,#e91e8c,#7c4dff);
  border-radius:99px;margin:0 auto 36px;
}
.feat-grid{
  display:flex;flex-wrap:wrap;
  justify-content:center;gap:28px 36px;
  max-width:780px;margin:0 auto 52px;
}
.feat-item{
  display:flex;flex-direction:column;
  align-items:center;gap:10px;
  width:110px;cursor:pointer;
  transition:transform .2s ease;
}
.feat-item:hover{transform:translateY(-5px)}
.feat-icon-box{
  width:72px;height:72px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  transition:box-shadow .2s;
}
.feat-item:hover .feat-icon-box{box-shadow:0 8px 24px rgba(0,0,0,0.18)}
.feat-label{font-size:13.5px;font-weight:600;color:#1a1a2e;line-height:1.4}
.feat-sub{font-size:12px;color:#999;margin-top:2px}
.feat-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}
.feat-cta-text{font-size:19px;font-weight:700;color:#c2185b}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-069bcc0 */*{box-sizing:border-box;margin:0;padding:0}
.steps-section{
  background:linear-gradient(135deg,#0a0e2e 0%,#0d1a4a 60%,#0a0e2e 100%);
  padding:48px 24px 52px;
  font-family:'Prompt',sans-serif;
  text-align:center;
}
.steps-title{font-size:26px;font-weight:700;color:#fff;margin-bottom:6px}
.steps-title span{color:#e91e8c}
.steps-subtitle{font-size:13px;color:#8892b0;margin-bottom:40px}
.steps-row{
  display:flex;align-items:flex-start;justify-content:center;
  max-width:760px;margin:0 auto;position:relative;
}
.step{
  display:flex;flex-direction:column;align-items:center;
  gap:14px;flex:1;position:relative;z-index:2;
}
.step-connector{
  flex:1;height:2px;
  background:linear-gradient(90deg,rgba(233,30,140,.5),rgba(100,120,255,.5));
  margin-top:28px;
}
.step-num-wrap{position:relative;display:inline-block}
.step-circle{
  width:56px;height:56px;border-radius:50%;
  background:rgba(255,255,255,0.07);
  border:2px solid rgba(255,255,255,0.12);
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s;
}
.step:hover .step-circle{transform:scale(1.08)}
.step-badge{
  position:absolute;top:-4px;left:-4px;
  width:22px;height:22px;border-radius:50%;
  background:#e91e8c;color:#fff;
  font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  border:2px solid #0a0e2e;z-index:3;
}
.step-label{font-size:13.5px;font-weight:600;color:#fff;line-height:1.4}
.step-desc{font-size:11.5px;color:#8892b0;margin-top:2px;line-height:1.5}

/* Responsive */
@media(max-width:600px){
  .steps-row{flex-direction:column;align-items:center;gap:24px}
  .step-connector{width:2px;height:30px;flex:none;margin:0}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3a365b */@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap');
 
:root {
  --bar-bg: #0d0d2b;
  --green-btn: #2ecc40;
  --green-btn-hover: #27ae35;
  --text-main: #ffffff;
  --text-sub: #a0a4c8;
  --icon-color: #ffffff;
  --divider: rgba(255,255,255,0.08);
  --line-green: #06c755;
}
 
.trust-bar-wrapper {
  background: var(--bar-bg);
  width: 100%;
  padding: 0;
  font-family: 'Prompt', sans-serif;
  box-sizing: border-box;
}
 
.trust-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 24px;
  gap: 0;
}
 
/* ── LINE Button ── */
.trust-bar__line-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--green-btn);
  color: #fff;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: 50px;
  padding: 10px 22px 10px 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 0 18px rgba(46,204,64,0.35);
  flex-shrink: 0;
}
 
.trust-bar__line-btn:hover {
  background: var(--green-btn-hover);
  transform: translateY(-1px);
  box-shadow: 0 0 28px rgba(46,204,64,0.55);
}
 
.trust-bar__line-btn svg {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
 
/* ── Items ── */
.trust-bar__items {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-evenly;
  gap: 0;
}
 
.trust-bar__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
  border-left: 1px solid var(--divider);
  flex-shrink: 0;
}
 
.trust-bar__item:first-child {
  border-left: 1px solid var(--divider);
}
 
.trust-bar__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255,255,255,0.18);
  border-radius: 50%;
}
 
.trust-bar__icon svg {
  width: 20px;
  height: 20px;
  fill: var(--icon-color);
}
 
.trust-bar__text {
  display: flex;
  flex-direction: column;
}
 
.trust-bar__label {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text-main);
  white-space: nowrap;
  line-height: 1.3;
}
 
.trust-bar__sub {
  font-size: 11.5px;
  color: var(--text-sub);
  white-space: nowrap;
  line-height: 1.3;
}
 
/* ── Responsive ── */
@media (max-width: 900px) {
  .trust-bar {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 16px 16px;
  }
  .trust-bar__items {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .trust-bar__item {
    border-left: none;
    padding: 0 12px;
  }
}
 
@media (max-width: 500px) {
  .trust-bar__items {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .trust-bar__item {
    border-left: none;
    padding: 0;
  }
}/* End custom CSS */