.elementor-3574 .elementor-element.elementor-element-0b28b08{--display:flex;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-64a2925 *//* =========================================================
   MARKETYRO PRICING PAGE
   ELEMENTOR SAFE CSS
   ========================================================= */

/* ---------- fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap');


/* =========================================================
   VARIABLES
========================================================= */

:root{
  --blue:#2457E6;
  --blue-600:#1c46c4;
  --navy:#15182A;
  --light-blue:#A9BCFF;
  --soft-blue:#EDF2FF;
  --pink:#CC3366;
  --ink:#2b2f3a;
  --muted:#6b7180;
  --line:#e7eaf1;
  --bg:#ffffff;
  --tint:#f6f8ff;
  --radius:22px;

  --shadow:
    0 12px 34px -16px rgba(21,24,42,.20);

  --shadow-lg:
    0 34px 70px -24px rgba(36,87,230,.40);
}


/* =========================================================
   ELEMENTOR RESET / PROTECTION
   Prevent Elementor global styles overriding this design
========================================================= */

body .elementor .pricing,
body .elementor .care,
body .elementor .calc,
body .elementor .faq,
body .elementor .cta{
  font-family:"DM Sans",sans-serif !important;
  color:var(--ink) !important;
  line-height:1.6 !important;
  letter-spacing:normal !important;
  -webkit-font-smoothing:antialiased;
}

body .elementor .pricing *,
body .elementor .care *,
body .elementor .calc *,
body .elementor .faq *,
body .elementor .cta *{
  box-sizing:border-box;
}

body .elementor .pricing h1,
body .elementor .pricing h2,
body .elementor .pricing h3,
body .elementor .pricing h4,
body .elementor .care h1,
body .elementor .care h2,
body .elementor .care h3,
body .elementor .care h4,
body .elementor .calc h1,
body .elementor .calc h2,
body .elementor .calc h3,
body .elementor .calc h4,
body .elementor .faq h1,
body .elementor .faq h2,
body .elementor .faq h3,
body .elementor .faq h4,
body .elementor .cta h1,
body .elementor .cta h2,
body .elementor .cta h3,
body .elementor .cta h4{
  font-family:"Poppins",sans-serif !important;
  color:var(--navy);
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
  margin:0 !important;
  padding:0 !important;
}

body .elementor .pricing p,
body .elementor .care p,
body .elementor .calc p,
body .elementor .faq p,
body .elementor .cta p{
  font-family:"DM Sans",sans-serif !important;
}

body .elementor .pricing a,
body .elementor .care a,
body .elementor .calc a,
body .elementor .faq a,
body .elementor .cta a{
  text-decoration:none !important;
}

body .elementor .pricing ul,
body .elementor .care ul,
body .elementor .calc ul,
body .elementor .faq ul,
body .elementor .cta ul{
  margin:0 !important;
  padding:0 !important;
}

body .elementor .pricing button,
body .elementor .care button,
body .elementor .calc button,
body .elementor .faq button,
body .elementor .cta button{
  font-family:inherit;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

body .elementor .wrap{
  width:100% !important;
  max-width:1140px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
}


/* =========================================================
   KICKER
========================================================= */

body .elementor .kicker{
  display:inline-block !important;
  font-family:"Poppins",sans-serif !important;
  font-weight:600 !important;
  font-size:12.5px !important;
  line-height:1.4 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--blue) !important;
  margin:0 0 16px !important;
}


/* =========================================================
   BACKGROUND BLOBS
========================================================= */

body .elementor .blob{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.55;
  z-index:0;
  pointer-events:none;
}

body .elementor .blob.b1{
  width:460px;
  height:460px;
  background:radial-gradient(circle,#cbd8ff,transparent 70%);
  top:-140px;
  right:-100px;
  animation:marketyro-float1 16s ease-in-out infinite;
}

body .elementor .blob.b2{
  width:380px;
  height:380px;
  background:radial-gradient(circle,#ffd9e6,transparent 70%);
  top:340px;
  left:-140px;
  animation:marketyro-float2 20s ease-in-out infinite;
}

@keyframes marketyro-float1{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-34px,44px)}
}

@keyframes marketyro-float2{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(44px,-30px)}
}


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

body .elementor section.pricing{
  position:relative !important;
  padding:96px 0 72px !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#fff;
}

body .elementor .head{
  text-align:center !important;
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0 auto !important;
}

body .elementor .head h1{
  font-family:"Poppins",sans-serif !important;
  font-size:clamp(34px,5.4vw,56px) !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  color:var(--navy) !important;
  margin:0 !important;
}

body .elementor .head h1 .accent{
  color:var(--blue) !important;
}

body .elementor .head p{
  color:var(--muted) !important;
  font-size:18.5px !important;
  line-height:1.6 !important;
  margin:20px auto 0 !important;
  max-width:600px !important;
}


/* =========================================================
   BILLING TOGGLE
========================================================= */

body .elementor .toggle-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
  margin:40px 0 4px !important;
  position:relative;
  z-index:2;
  flex-wrap:wrap;
}

body .elementor .toggle-wrap > span:not(.save-pill){
  font-family:"Poppins",sans-serif !important;
  font-weight:600 !important;
  font-size:15px !important;
  line-height:1.4 !important;
  color:var(--muted) !important;
  transition:color .3s;
}

body .elementor .toggle-wrap > span.active{
  color:var(--navy) !important;
}

body .elementor .switch{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:relative !important;
  width:60px !important;
  height:32px !important;
  min-width:60px !important;
  min-height:32px !important;
  padding:0 !important;
  margin:0 !important;

  border-radius:999px !important;
  background:var(--blue) !important;
  cursor:pointer !important;
  border:0 !important;

  flex:0 0 60px !important;

  box-shadow:inset 0 2px 6px rgba(0,0,0,.15) !important;

  transition:background .3s !important;
}

body .elementor .switch:hover,
body .elementor .switch:focus{
  background:var(--blue) !important;
  border:0 !important;
  outline:none !important;
}

body .elementor .switch .knob{
  position:absolute;
  top:3px;
  left:3px;

  width:26px;
  height:26px;

  border-radius:50%;
  background:#fff;

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

  transition:
    transform .35s cubic-bezier(.68,-0.55,.27,1.55);
}

body .elementor .switch.on .knob{
  transform:translateX(28px);
}

body .elementor .save-pill{
  font-family:"Poppins",sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.4 !important;

  color:var(--pink) !important;
  background:#ffe4ee !important;

  padding:5px 11px !important;
  border-radius:999px !important;
}


/* =========================================================
   PRICING CARDS
========================================================= */

body .elementor .cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;

  margin:46px 0 0 !important;

  position:relative;
  z-index:2;

  align-items:stretch !important;
}

body .elementor .card{
  width:100%;

  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;

  padding:36px 30px !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;

  position:relative;

  box-shadow:var(--shadow) !important;

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease !important;
}

body .elementor .card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-lg) !important;
  border-color:var(--light-blue) !important;
}

body .elementor .card .tier{
  font-family:"Poppins",sans-serif !important;
  font-weight:700 !important;
  font-size:19px !important;
  line-height:1.3 !important;
  color:var(--navy) !important;
}

body .elementor .card .for{
  font-family:"DM Sans",sans-serif !important;
  color:var(--muted) !important;
  font-size:14px !important;
  line-height:1.55 !important;

  margin-top:8px !important;
  min-height:44px;
}


/* =========================================================
   PRICES
========================================================= */

body .elementor .price{
  display:flex !important;
  align-items:flex-end !important;
  gap:4px !important;

  margin:20px 0 4px !important;
}

body .elementor .price .cur{
  font-family:"Poppins",sans-serif !important;
  font-weight:600 !important;
  font-size:22px !important;
  line-height:1 !important;

  color:var(--navy) !important;

  margin-bottom:7px !important;
}

body .elementor .price .num{
  font-family:"Poppins",sans-serif !important;
  font-weight:800 !important;
  font-size:50px !important;
  line-height:1 !important;

  color:var(--navy) !important;

  transition:
    opacity .25s,
    transform .25s;
}

body .elementor .price .num.flip{
  opacity:0;
  transform:translateY(9px);
}

body .elementor .price .per{
  font-family:"DM Sans",sans-serif !important;
  color:var(--muted) !important;
  font-size:15px !important;

  margin-bottom:7px !important;
}

body .elementor .billed{
  font-family:"DM Sans",sans-serif !important;
  font-size:13px !important;
  line-height:1.5 !important;

  color:var(--muted) !important;

  min-height:20px;

  transition:opacity .25s;
}

body .elementor .divider{
  display:block;
  width:100%;
  height:1px;

  background:var(--line);

  margin:24px 0 !important;
}


/* =========================================================
   FEATURE LIST
========================================================= */

body .elementor ul.feat{
  list-style:none !important;

  display:flex !important;
  flex-direction:column !important;

  gap:13px !important;

  flex:1;

  margin:0 !important;
  padding:0 !important;
}

body .elementor ul.feat li{
  list-style:none !important;

  display:flex !important;
  gap:11px !important;

  align-items:flex-start !important;

  font-family:"DM Sans",sans-serif !important;
  font-size:14.5px !important;
  font-weight:400 !important;
  line-height:1.55 !important;

  color:#41465a !important;

  margin:0 !important;
  padding:0 !important;
}

body .elementor ul.feat li::before{
  display:none !important;
  content:none !important;
}

body .elementor ul.feat li svg{
  flex:0 0 auto !important;
  margin-top:3px !important;
}

body .elementor ul.feat li.off{
  color:#b6bac6 !important;
}


/* =========================================================
   BUTTONS
========================================================= */

body .elementor .btn{
  box-sizing:border-box !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:8px !important;

  width:100% !important;

  padding:15px 20px !important;

  border-radius:13px !important;

  font-family:"Poppins",sans-serif !important;
  font-weight:600 !important;
  font-size:15px !important;
  line-height:1.4 !important;

  cursor:pointer;

  border:1.5px solid var(--blue) !important;

  margin-top:28px !important;

  text-align:center !important;
  text-decoration:none !important;

  transition:all .25s ease !important;
}

body .elementor .btn.ghost{
  background:#fff !important;
  color:var(--blue) !important;
}

body .elementor .btn.ghost:hover{
  background:var(--soft-blue) !important;
  color:var(--blue) !important;
}

body .elementor .btn.solid{
  background:var(--blue) !important;
  color:#fff !important;
  border-color:var(--blue) !important;
}

body .elementor .btn.solid:hover{
  background:var(--blue-600) !important;
  color:#fff !important;

  transform:translateY(-2px);

  box-shadow:
    0 12px 24px -8px rgba(36,87,230,.55) !important;
}

body .elementor .btn svg{
  transition:transform .25s;
}

body .elementor .btn:hover svg{
  transform:translateX(4px);
}


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

body .elementor .card.popular{
  border:none !important;

  color:#fff !important;

  background:
    linear-gradient(
      162deg,
      #1e3ca6,
      #2457E6 52%,
      #3d6dff
    ) !important;

  box-shadow:
    0 34px 70px -26px rgba(36,87,230,.62) !important;

  transform:translateY(-12px);
}

body .elementor .card.popular:hover{
  transform:translateY(-20px);
}

body .elementor .card.popular::before{
  content:"";

  position:absolute;
  inset:0;

  border-radius:var(--radius);

  padding:1.6px;

  background:
    linear-gradient(
      130deg,
      var(--light-blue),
      var(--pink),
      var(--light-blue)
    );

  background-size:200% 200%;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite:xor;
  mask-composite:exclude;

  animation:marketyro-border 4.5s linear infinite;

  opacity:.9;

  pointer-events:none;
}

@keyframes marketyro-border{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}

body .elementor .card.popular .tier,
body .elementor .card.popular .price .cur,
body .elementor .card.popular .price .num{
  color:#fff !important;
}

body .elementor .card.popular .for,
body .elementor .card.popular .per,
body .elementor .card.popular .billed{
  color:#d9e3ff !important;
}

body .elementor .card.popular .divider{
  background:rgba(255,255,255,.18);
}

body .elementor .card.popular ul.feat li{
  color:#eaf0ff !important;
}

body .elementor .card.popular .btn.solid{
  background:#fff !important;
  color:var(--blue) !important;
  border-color:#fff !important;
}

body .elementor .card.popular .btn.solid:hover{
  background:#eaf0ff !important;
  color:var(--blue) !important;
}


/* =========================================================
   BADGES
========================================================= */

body .elementor .badge{
  position:absolute;

  top:-13px;
  left:50%;

  transform:translateX(-50%);

  background:var(--pink) !important;
  color:#fff !important;

  font-family:"Poppins",sans-serif !important;
  font-weight:600 !important;
  font-size:12px !important;
  line-height:1.4 !important;

  letter-spacing:.05em !important;
  text-transform:uppercase !important;

  padding:7px 16px !important;

  border-radius:999px;

  box-shadow:
    0 8px 18px -6px rgba(204,51,102,.7);

  white-space:nowrap;

  z-index:3;
}


/* =========================================================
   TRUST ROW
========================================================= */

body .elementor .trust{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;

  gap:14px 30px !important;

  margin:54px 0 0 !important;

  position:relative;
  z-index:2;
}

body .elementor .trust > div{
  display:flex !important;
  align-items:center !important;

  gap:9px !important;

  font-family:"DM Sans",sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.5 !important;

  color:#4a5065 !important;
}

body .elementor .trust svg{
  color:var(--blue);
  flex:0 0 auto;
}


/* =========================================================
   WEBSITE CARE SECTION
========================================================= */

body .elementor section.care{
  position:relative;

  padding:30px 0 86px !important;
  margin:0 !important;

  background:#fff;
}

body .elementor .tools{
  text-align:center;

  margin:0 auto 50px !important;

  max-width:940px;
}

body .elementor .tools-label{
  display:block;

  font-family:"Poppins",sans-serif !important;
  font-weight:600 !important;
  font-size:12.5px !important;
  line-height:1.5 !important;

  letter-spacing:.12em !important;
  text-transform:uppercase !important;

  color:var(--muted) !important;

  margin-bottom:20px !important;
}

body .elementor .tool-row{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;

  gap:12px !important;
}

body .elementor .tool{
  display:inline-flex !important;

  align-items:center !important;

  gap:9px !important;

  background:#fff;

  border:1px solid var(--line);

  border-radius:13px;

  padding:10px 16px !important;

  font-family:"Poppins",sans-serif !important;
  font-weight:600 !important;
  font-size:14.5px !important;
  line-height:1.4 !important;

  color:var(--navy) !important;

  box-shadow:
    0 6px 16px -12px rgba(21,24,42,.35);

  transition:
    transform .2s,
    box-shadow .2s;
}

body .elementor .tool:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}

body .elementor .tool .mark{
  width:24px;
  height:24px;

  border-radius:7px;

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

  color:#fff;

  font-size:13px;
  font-weight:800;

  font-family:"Poppins",sans-serif !important;

  flex:0 0 auto;
}

body .elementor .care-cards{
  display:grid !important;

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

  gap:24px !important;

  align-items:stretch !important;
}

body .elementor .card.feature{
  border:2px solid var(--blue) !important;
}

body .elementor .badge.blue{
  background:var(--blue) !important;

  box-shadow:
    0 8px 18px -6px rgba(36,87,230,.6);
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

body .elementor .sec-head{
  text-align:center !important;

  max-width:640px !important;

  margin:0 auto 46px !important;
}

body .elementor .sec-head h2{
  font-family:"Poppins",sans-serif !important;

  font-size:clamp(27px,4vw,38px) !important;

  font-weight:800 !important;

  line-height:1.15 !important;

  color:var(--navy) !important;

  margin:0 !important;
}

body .elementor .sec-head p{
  font-family:"DM Sans",sans-serif !important;

  color:var(--muted) !important;

  margin:12px 0 0 !important;

  font-size:17px !important;

  line-height:1.6 !important;
}


/* =========================================================
   CALCULATOR
========================================================= */

body .elementor section.calc{
  position:relative;

  padding:78px 0 !important;
  margin:0 !important;

  background:
    linear-gradient(
      180deg,
      #fafbff,
      #eef3ff
    ) !important;
}

body .elementor .calc-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    340px !important;

  gap:26px !important;

  align-items:start !important;
}

body .elementor .svc-grid{
  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:14px !important;
}


/* =========================================================
   CALCULATOR SERVICE CARD
========================================================= */

body .elementor .svc{
  background:#fff;

  border:1.5px solid var(--line);

  border-radius:16px;

  padding:18px !important;

  cursor:pointer;

  transition:
    border-color .2s,
    box-shadow .2s,
    transform .2s;

  position:relative;

  user-select:none;
}

body .elementor .svc:hover{
  border-color:var(--light-blue);

  transform:translateY(-3px);

  box-shadow:var(--shadow);
}

body .elementor .svc.sel{
  border-color:var(--blue);

  background:var(--soft-blue);
}

body .elementor .svc .top{
  display:flex !important;

  justify-content:space-between !important;
  align-items:flex-start !important;

  gap:10px !important;
}

body .elementor .svc h4{
  font-family:"Poppins",sans-serif !important;

  font-size:15.5px !important;

  font-weight:600 !important;

  line-height:1.35 !important;

  color:var(--navy) !important;

  margin:0 !important;
}

body .elementor .svc .top > div:last-child{
  padding-right:30px;
}

body .elementor .svc .p{
  font-family:"Poppins",sans-serif !important;

  font-weight:700 !important;

  font-size:15px !important;
  line-height:1.4 !important;

  color:var(--blue) !important;

  white-space:nowrap;
}

body .elementor .svc .d{
  font-family:"DM Sans",sans-serif !important;

  font-size:12.5px !important;
  line-height:1.5 !important;

  color:var(--muted) !important;

  margin-top:6px !important;
}


/* =========================================================
   CALCULATOR CHECKBOX
========================================================= */

body .elementor .svc .check{
  width:22px;
  height:22px;

  border-radius:7px;

  border:1.5px solid var(--line);

  flex:0 0 auto;

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

  transition:all .2s;
}

body .elementor .svc.sel .check{
  background:var(--blue);
  border-color:var(--blue);
}

body .elementor .svc .check svg{
  opacity:0;
  transition:opacity .2s;
}

body .elementor .svc.sel .check svg{
  opacity:1;
}


/* =========================================================
   QUANTITY
========================================================= */

body .elementor .qty{
  display:flex;
  align-items:center;

  gap:12px;

  margin-top:14px !important;
  padding-top:13px !important;

  border-top:1px dashed var(--line);
}

body .elementor .qty .lab{
  font-family:"DM Sans",sans-serif !important;

  font-size:12.5px !important;

  color:var(--muted) !important;

  margin-right:auto;
}

body .elementor .qbtn{
  appearance:none !important;
  -webkit-appearance:none !important;

  width:28px !important;
  height:28px !important;

  min-width:28px !important;
  min-height:28px !important;

  padding:0 !important;
  margin:0 !important;

  border-radius:8px !important;

  border:1.5px solid var(--line) !important;

  background:#fff !important;

  color:var(--navy) !important;

  font-size:17px !important;

  font-family:"Poppins",sans-serif !important;

  cursor:pointer;

  line-height:1 !important;

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

  transition:all .15s !important;
}

body .elementor .qbtn:hover{
  border-color:var(--blue) !important;
  color:var(--blue) !important;
  background:#fff !important;
}

body .elementor .qval{
  font-family:"Poppins",sans-serif !important;

  font-weight:700 !important;

  min-width:20px;

  text-align:center;
}


/* =========================================================
   CALCULATOR TOTAL PANEL
========================================================= */

body .elementor .total{
  position:sticky;

  top:20px;

  background:#fff;

  border:1px solid var(--line);

  border-radius:20px;

  padding:28px !important;

  box-shadow:var(--shadow);
}

body .elementor .total h3{
  font-family:"Poppins",sans-serif !important;

  font-size:18px !important;

  font-weight:700 !important;

  line-height:1.35 !important;

  margin:0 0 4px !important;

  color:var(--navy) !important;
}

body .elementor .total .sub{
  font-family:"DM Sans",sans-serif !important;

  font-size:13px !important;

  line-height:1.5 !important;

  color:var(--muted) !important;

  margin-bottom:18px !important;
}

body .elementor .total .list{
  display:flex !important;

  flex-direction:column !important;

  gap:9px !important;

  min-height:40px;

  margin-bottom:16px !important;
}

body .elementor .total .list .empty{
  font-family:"DM Sans",sans-serif !important;

  font-size:13.5px !important;

  color:#a7abb8 !important;

  font-style:italic;
}

body .elementor .total .row{
  display:flex !important;

  justify-content:space-between !important;

  font-family:"DM Sans",sans-serif !important;

  font-size:13.5px !important;

  color:#41465a !important;

  gap:10px !important;
}

body .elementor .total .row span:last-child{
  font-family:"Poppins",sans-serif !important;

  font-weight:600 !important;

  color:var(--navy) !important;

  white-space:nowrap;
}

body .elementor .total .grand{
  border-top:1px solid var(--line);

  margin-top:6px !important;

  padding-top:16px !important;

  display:flex !important;

  justify-content:space-between !important;

  align-items:flex-end !important;
}

body .elementor .total .grand .lab{
  font-family:"Poppins",sans-serif !important;

  font-weight:600 !important;

  color:var(--navy) !important;
}

body .elementor .total .grand .val{
  font-family:"Poppins",sans-serif !important;

  font-weight:800 !important;

  font-size:34px !important;

  line-height:1 !important;

  color:var(--blue) !important;
}

body .elementor .total .note{
  font-family:"DM Sans",sans-serif !important;

  font-size:12px !important;

  line-height:1.5 !important;

  color:var(--muted) !important;

  margin:14px 0 18px !important;
}

body .elementor .total .btn.solid{
  margin-top:0 !important;
}

body .elementor .total .btn.disabled{
  opacity:.45;
  pointer-events:none;
}


/* =========================================================
   FAQ
========================================================= */

body .elementor section.faq{
  padding:82px 0 !important;
  margin:0 !important;

  background:#fff;
}

body .elementor .acc{
  width:100%;

  max-width:780px;

  margin:0 auto !important;

  display:flex !important;
  flex-direction:column !important;

  gap:12px !important;
}

body .elementor .item{
  border:1px solid var(--line);

  border-radius:15px;

  overflow:hidden;

  background:#fff;

  transition:box-shadow .3s;
}

body .elementor .item.open{
  box-shadow:var(--shadow);
}

body .elementor .q{
  display:flex !important;

  justify-content:space-between !important;

  align-items:center !important;

  gap:16px !important;

  padding:21px 24px !important;

  cursor:pointer;

  font-family:"Poppins",sans-serif !important;

  font-weight:600 !important;

  font-size:16px !important;

  line-height:1.45 !important;

  color:var(--navy) !important;
}

body .elementor .q .plus{
  flex:0 0 auto;

  width:22px;
  height:22px;

  position:relative;

  transition:transform .3s;
}

body .elementor .item.open .q .plus{
  transform:rotate(135deg);
}

body .elementor .q .plus::before,
body .elementor .q .plus::after{
  content:"";

  position:absolute;

  background:var(--blue);

  border-radius:2px;
}

body .elementor .q .plus::before{
  left:10px;
  top:2px;

  width:2px;
  height:18px;
}

body .elementor .q .plus::after{
  top:10px;
  left:2px;

  height:2px;
  width:18px;
}

body .elementor .a{
  max-height:0;

  overflow:hidden;

  transition:max-height .35s ease;

  color:var(--muted);

  font-family:"DM Sans",sans-serif !important;

  font-size:15px !important;
  line-height:1.65 !important;
}

body .elementor .a p{
  margin:0 !important;

  padding:0 24px 21px !important;

  color:var(--muted) !important;

  font-size:15px !important;

  line-height:1.65 !important;
}


/* =========================================================
   FINAL CTA
========================================================= */

body .elementor section.cta{
  position:relative;

  padding:34px 0 90px !important;
  margin:0 !important;

  background:#fff;
}

body .elementor .cta-box{
  position:relative;

  background:
    linear-gradient(
      150deg,
      var(--navy),
      #232a4d
    ) !important;

  border-radius:28px;

  padding:60px 40px !important;

  text-align:center !important;

  overflow:hidden;
}

body .elementor .cta-box::before{
  content:"";

  position:absolute;

  width:320px;
  height:320px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(36,87,230,.6),
      transparent 70%
    );

  top:-110px;
  right:-40px;

  pointer-events:none;
}

body .elementor .cta-box::after{
  content:"";

  position:absolute;

  width:300px;
  height:300px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(204,51,102,.42),
      transparent 70%
    );

  bottom:-130px;
  left:-40px;

  pointer-events:none;
}

body .elementor .cta-box h2{
  color:#fff !important;

  font-family:"Poppins",sans-serif !important;

  font-size:clamp(27px,4vw,40px) !important;

  font-weight:800 !important;

  line-height:1.15 !important;

  position:relative;

  z-index:2;

  margin:0 !important;
}

body .elementor .cta-box p{
  color:#c3cbe8 !important;

  font-family:"DM Sans",sans-serif !important;

  font-size:16px !important;

  line-height:1.65 !important;

  margin:16px auto 30px !important;

  max-width:540px;

  position:relative;

  z-index:2;
}

body .elementor .cta-actions{
  display:flex !important;

  gap:14px !important;

  justify-content:center !important;

  flex-wrap:wrap !important;

  position:relative;

  z-index:2;
}

body .elementor .cta-actions a{
  padding:15px 26px !important;

  border-radius:13px !important;

  font-family:"Poppins",sans-serif !important;

  font-weight:600 !important;

  font-size:15px !important;

  line-height:1.4 !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:9px !important;

  text-decoration:none !important;

  transition:all .25s !important;
}

body .elementor .cta-actions .wa{
  background:#25D366 !important;

  color:#fff !important;

  border:none !important;
}

body .elementor .cta-actions .wa:hover{
  background:#25D366 !important;

  color:#fff !important;

  transform:translateY(-3px);

  box-shadow:
    0 14px 30px -10px rgba(37,211,102,.7);
}

body .elementor .cta-actions .em{
  background:rgba(255,255,255,.1) !important;

  color:#fff !important;

  border:1.5px solid rgba(255,255,255,.25) !important;
}

body .elementor .cta-actions .em:hover{
  background:rgba(255,255,255,.2) !important;

  color:#fff !important;
}


/* =========================================================
   REVEAL ANIMATION
========================================================= */

body .elementor .reveal{
  opacity:0;

  transform:translateY(30px);

  transition:
    opacity .7s ease,
    transform .7s ease;
}

body .elementor .reveal.in{
  opacity:1;
  transform:none;
}

body .elementor .reveal.d1{
  transition-delay:.08s;
}

body .elementor .reveal.d2{
  transition-delay:.16s;
}

body .elementor .reveal.d3{
  transition-delay:.24s;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  body .elementor section.pricing{
    padding-top:72px !important;
  }

  body .elementor .cards{
    grid-template-columns:1fr !important;

    max-width:460px;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  body .elementor .card.popular{
    transform:none;
  }

  body .elementor .card.popular:hover{
    transform:translateY(-8px);
  }

  body .elementor .care-cards{
    grid-template-columns:1fr !important;

    max-width:460px;

    margin:0 auto !important;
  }

  body .elementor .calc-grid{
    grid-template-columns:1fr !important;
  }

  body .elementor .total{
    position:static;
  }

}


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

@media(max-width:560px){

  body .elementor .wrap{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  body .elementor section.pricing{
    padding:60px 0 56px !important;
  }

  body .elementor .head h1{
    font-size:34px !important;
  }

  body .elementor .head p{
    font-size:16.5px !important;
  }

  body .elementor .toggle-wrap{
    margin-top:30px !important;

    gap:10px !important;
  }

  body .elementor .cards{
    gap:28px !important;

    margin-top:38px !important;
  }

  body .elementor .card{
    padding:32px 24px !important;

    border-radius:20px !important;
  }

  body .elementor .price .num{
    font-size:45px !important;
  }

  body .elementor .svc-grid{
    grid-template-columns:1fr !important;
  }

  body .elementor .sec-head{
    margin-bottom:34px !important;
  }

  body .elementor .sec-head h2{
    font-size:29px !important;
  }

  body .elementor section.care{
    padding:20px 0 65px !important;
  }

  body .elementor section.calc{
    padding:65px 0 !important;
  }

  body .elementor section.faq{
    padding:65px 0 !important;
  }

  body .elementor .q{
    padding:19px 18px !important;

    font-size:15px !important;
  }

  body .elementor .a p{
    padding:0 18px 19px !important;
  }

  body .elementor .cta-box{
    padding:46px 22px !important;

    border-radius:22px;
  }

  body .elementor .cta-actions{
    flex-direction:column !important;

    align-items:stretch !important;
  }

  body .elementor .cta-actions a{
    width:100% !important;
  }

}


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

@media(max-width:380px){

  body .elementor .head h1{
    font-size:30px !important;
  }

  body .elementor .card{
    padding:30px 20px !important;
  }

  body .elementor .price .num{
    font-size:40px !important;
  }

  body .elementor .toggle-wrap{
    gap:8px !important;
  }

  body .elementor .save-pill{
    font-size:10.5px !important;
  }

}


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

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

  body .elementor .pricing *,
  body .elementor .care *,
  body .elementor .calc *,
  body .elementor .faq *,
  body .elementor .cta *{
    animation:none !important;
    transition:none !important;
  }

  body .elementor .reveal{
    opacity:1 !important;
    transform:none !important;
  }

}/* End custom CSS */