.elementor-313 .elementor-element.elementor-element-55b402a{--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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-313 .elementor-element.elementor-element-9a1c5cc{--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:767px){.elementor-313 .elementor-element.elementor-element-9a1c5cc{--margin-top:-4px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-3be2ac8 */@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

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

.success-section{

  width:100%;

  display:flex;

  align-items:flex-start;

  justify-content:center;

  padding:8px 14px 20px;

  background:#ffffff;

  font-family:'Outfit',sans-serif;
}

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

.success-card{

  width:100%;

  max-width:460px;

  position:relative;

  overflow:hidden;

  text-align:center;

  padding:30px 20px;

  border-radius:30px;

  background:
  linear-gradient(
  180deg,
  #ffffff,
  #fffdf9
  );

  border:1px solid #f3f4f6;

  box-shadow:
  0 10px 30px rgba(0,0,0,0.05),
  0 2px 8px rgba(0,0,0,0.03);
}

/* GLOW EFFECT */

.success-card::before{

  content:'';

  position:absolute;

  top:-70px;
  right:-70px;

  width:180px;
  height:180px;

  border-radius:50%;

  background:
  radial-gradient(
  circle,
  rgba(34,197,94,0.16),
  transparent 70%
  );

  filter:blur(30px);
}

/* =========================
   SUCCESS ICON
========================= */

.success-icon{

  width:74px;
  height:74px;

  margin:auto auto 18px;

  display:flex;

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

  border-radius:50%;

  background:
  linear-gradient(
  135deg,
  #22c55e,
  #16a34a
  );

  color:#ffffff;

  font-size:32px;

  font-weight:800;

  box-shadow:
  0 14px 28px rgba(34,197,94,0.24);
}

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

.success-card h2{

  font-size:24px;

  line-height:1.15;

  font-weight:800;

  color:#111827;

  margin-bottom:12px;

  letter-spacing:-0.7px;
}

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

.success-text{

  font-size:13px;

  line-height:1.8;

  color:#4b5563;

  margin-bottom:10px;
}

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

.delivery-text{

  font-size:12px;

  font-weight:600;

  line-height:1.6;

  color:#b45309;

  margin-bottom:20px;
}

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

.whatsapp-btn{

  width:100%;

  min-height:54px;

  display:flex;

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

  text-decoration:none;

  border-radius:18px;

  background:
  linear-gradient(
  135deg,
  #25d366,
  #1ebe5d
  );

  color:#ffffff !important;

  font-size:14px;

  font-weight:700;

  transition:
  transform 0.3s ease,
  box-shadow 0.3s ease;

  box-shadow:
  0 14px 28px rgba(37,211,102,0.24);

  margin-bottom:14px;

  position:relative;

  overflow:hidden;
}

/* SHINE */

.whatsapp-btn::before{

  content:'';

  position:absolute;

  width:24px;
  height:180%;

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

  top:-20%;
  left:-60px;

  transform:rotate(20deg);

  animation:shine 3.5s linear infinite;
}

@keyframes shine{

  0%{
    left:-60px;
  }

  100%{
    left:140%;
  }

}

/* HOVER */

.whatsapp-btn:hover{

  transform:
  translateY(-3px);

  box-shadow:
  0 20px 36px rgba(37,211,102,0.30);
}

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

.help-text{

  font-size:10px;

  line-height:1.7;

  color:#6b7280;
}

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

@media(max-width:767px){

  .success-section{

    padding:6px 10px 18px;
  }

  .success-card{

    padding:24px 16px;

    border-radius:24px;
  }

  .success-icon{

    width:66px;
    height:66px;

    font-size:28px;

    margin-bottom:16px;
  }

  .success-card h2{

    font-size:20px;
  }

  .success-text{

    font-size:12px;
  }

  .delivery-text{

    font-size:11px;
  }

  .whatsapp-btn{

    min-height:50px;

    font-size:13px;

    border-radius:16px;
  }

  .help-text{

    font-size:9px;
  }

}/* End custom CSS */