.elementor-40495 .elementor-element.elementor-element-9a9b478{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-40495 .elementor-element.elementor-element-e60bc55{background-color:#E9F5F9;}.elementor-40495 .elementor-element.elementor-element-d247bc8{background-color:#E9F5F9;}.elementor-40495 .elementor-element.elementor-element-321f037{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-40495 .elementor-element.elementor-element-4b9ad91{background-color:#E9F5F9;}/* Start custom CSS for html, class: .elementor-element-d247bc8 */.pfirst {
    padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS */:root {

      --blue:        #25a4c9;

      --blue-dark:   #048cb1;

      --blue-bg:     #e9f5f9;

      --plum:        #a05886;

      --plum-dark:   #904f78;

      --plum-bg:     #f5eaf1;

      --green:       #a5b900;

      --green-dark:  #8fa000;

      --green-bg:    #f5fef0;

      --green-border:#d4e88a;

    }

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

    body {

      font-family: 'Roboto', sans-serif;

      font-size: 16px;

      color: #222;


      -webkit-font-smoothing: antialiased;

    }

 

    /* HERO */

    .hero {

      background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);

      padding: 1.5rem 2rem;

      display: flex;

      align-items: center;

      justify-content: space-between;

      gap: 1.5rem;

      flex-wrap: wrap;

    }

    .hero-eyebrow {

      font-family: 'Lato', sans-serif;

      font-size: 14px;

      letter-spacing: 0.13em;

      text-transform: uppercase;

      color: #a3eaf9;

      margin-bottom: 0.25rem;

    }

    .hero h1 {

      font-family: 'Lato', sans-serif;

      font-size: 45px;

      font-weight: 700;

      color: #fff;

      line-height: 1.2;

    }

    .hero h1 span {

      font-family: 'Caveat', cursive;

      color: #fef086;

      font-size: 26px;

    }

    .hero-cta {

      display: inline-block;

      background: var(--plum);

      color: #fff !important;

      font-family: 'Lato', sans-serif;

      font-weight: 700;

      font-size: 13px;

      padding: 9px 22px;

      border-radius: 4px;

      text-decoration: none;

      transition: background 0.2s;

    }

    .hero-cta:hover { background: var(--plum-dark); }



    /* BODY */

    .body-wrap {

      max-width: 900px;

      margin: 0 auto;

      padding: 3rem 1.5rem 4rem;

    }



    .intro-headline {

      font-family: 'Lato', sans-serif;

      font-size: 28px;

      font-weight: 700;

      color: var(--blue-dark);

      margin-bottom: 0.6rem;

    }

 

    /* SECTION LABEL */

    .section-label {

      font-family: 'Lato', sans-serif;

      font-size: 12px;

      font-weight: 700;

      text-transform: uppercase;

      letter-spacing: 0.12em;

      color: var(--blue-dark);

      text-align: center;

      margin-bottom: 1.25rem;

    }

 

    /* TRUST BLOCK */

    .trust {

      background: #fff;

      border-radius: 6px;

      padding: 2.25rem 2rem;

      text-align: center;

      margin-bottom: 1.25rem;

      box-shadow: 0 2px 8px rgba(4,140,177,0.07);

    }

    .trust h3 {

      font-family: 'Lato', sans-serif;

      font-size: 25px;

      font-weight: 700;

      color: var(--blue-dark);

      margin-bottom: 0.5rem;

    }

    .trust h3 span { font-family: 'Caveat', cursive; color: var(--plum); font-size: 30px; }

    .trust-sub { font-size: 15px; color: #555; max-width: 500px; margin: 0 auto 1.75rem; line-height: 1.7; }

 

    /* STATS */

    .stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-bottom: 1.5rem; }

    .stat { background: var(--blue-bg); border-radius: 5px; padding: 1.25rem 0.75rem; }

    .stat-num { font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 700; color: var(--blue-dark); }

    .stat-lbl { font-size: 12px; color: #666; margin-top: 3px; line-height: 1.4; }

 

    /* CRED LIST */

    .cred-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem; text-align: left; margin-top: 1.25rem; }

    .cred-item {

      display: flex; gap: 0.65rem; align-items: flex-start;

      background: var(--green-bg); border: 1px solid var(--green-border);

      border-radius: 6px; padding: 0.85rem 1rem;

      font-size: 13.5px; color: #444; line-height: 1.55;

    }

    .cred-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }

    .cred-item strong { color: #5a7a00; }

    .tpm-cred { border-top: 4px solid var(--green); margin-bottom: 2rem; }
    

 

    /* CARDS */

    .tracks {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 1.25rem;

      margin-bottom: 2.25rem;

    }

    .card { background: #fff; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 2px 8px rgba(4,140,177,0.07); position: relative; }

    .card-header { padding: 1.5rem 1.5rem 1.1rem; position: relative; }

    .card-header.blue { border-top: 4px solid var(--blue);}

    .card-header.plum { border-top: 4px solid var(--plum); }

    .card-tag {

      display: inline-block;

      font-family: 'Lato', sans-serif; font-size: 11px; font-weight: 700;

      text-transform: uppercase; letter-spacing: 0.09em;

      padding: 3px 10px; border-radius: 3px; margin-bottom: 0.8rem;

    }

    .card-tag.blue { background: var(--blue-bg); color: var(--blue-dark) !important; }

    .card-tag.plum { background: var(--plum-bg); color: var(--plum-dark); }

    .card-header h2 { font-family: 'Lato', sans-serif; font-size: 35px; font-weight: 700; line-height: 1.25; margin-bottom: 0.6rem; max-width: 72%; }
    .card-header h3 { font-family: 'Lato', sans-serif; font-size: 25px; font-weight: 700; line-height: 1.25; margin-bottom: 0.6rem; max-width: 72%; }

    .card-header h2.blue { color: var(--blue-dark); }

    .card-header h2.plum { color: var(--plum); }
    .card-header h3.blue { color: var(--blue-dark); }

    .card-header h3.plum { color: var(--plum); }
    .card-sub { font-size: 16px; color: #505050; line-height: 1.65; }

    .card-body { padding: 0 1.5rem 1.25rem; flex: 1; display: flex; flex-direction: column; }

    .divider { height: 1px; background: var(--blue-bg); margin: 1rem 0; }

    .detail-label { font-family: 'Lato', sans-serif; font-size: 11px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #999; margin-bottom: 0.3rem; }

    .detail-val { font-size: 16px; color: #505050; line-height: 1.55; }

    .who-block { min-height: 72px; margin-bottom: 0.85rem; }

    .big-num { font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 700; line-height: 1; }

    .big-num.blue { color: var(--blue); }

    .big-num.plum { color: var(--plum); }

    .big-label { font-size: 12px; color: #999; margin: 3px 0 1.1rem; }

    .feat-list { list-style: none; padding: 0; margin: 0 0 1.25rem; }

    .feat-list li { font-size: 16px; color: #555; padding: 5px 0 5px 10px; position: relative; line-height: 1.55; 
        list-style: none !important;
    }

    .feat-list li::before { content: ''; position: absolute; left: -10px; top: 11px; width: 7px; height: 7px; border-radius: 50%; }

    .feat-list.blue li::before { background:  var(--blue-dark); }

    .feat-list.plum li::before { background: var(--plum); }

    .discount-table { width: 100%; border-radius: 5px; overflow: hidden; margin-bottom: 1rem; border: 1px solid #d0eaf4; }

    .discount-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; font-size: 13.5px; background: #fff; border-bottom: 1px solid #e9f5f9; }

    .discount-row:last-child { border-bottom: none; }

    .discount-row.highlight { background: var(--blue-bg); }

    .d-range { color: #505050; }

    .d-val { font-family: 'Lato', sans-serif; font-weight: 700; }

    .d-val.plum { color: var(--plum); }

 .discount-table .blue:hover{
    color: #505050;
 }

    .btn {

      display: block; width: 100%; text-align: center;

      padding: 12px 16px; border-radius: 4px;

      font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 700;

      border: none; text-decoration: none; transition: background 0.2s;

    }

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

    .btn.blue:hover { background: var(--blue); }

    .btn.plum { background: var(--plum); color: #fff !important; }

    .btn.plum:hover { background: var(--plum-dark); }

 

    /* DISCOUNT BURST */

    .burst-wrap {

      position: absolute;

      top: 12px;

      right: 12px;

      width: 78px;

      height: 78px;

      z-index: 5;

      pointer-events: none;

    }

    .burst-shape { position: absolute; inset: 0; }

    .burst-shape::before, .burst-shape::after {

      content: '';

      position: absolute;

      inset: 4px;

      border-radius: 7px;

      box-shadow: 0 3px 9px rgba(0,0,0,0.2);

    }

    .burst-shape::before { transform: rotate(0deg); }

    .burst-shape::after { transform: rotate(45deg); }

    .burst-shape.blue::before, .burst-shape.blue::after { background: var(--blue); }

    .burst-shape.plum::before, .burst-shape.plum::after { background: var(--plum); }

    .burst-text {

      position: relative;

      z-index: 1;

      width: 100%;

      height: 100%;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      color: #fff;

      font-family: 'Lato', sans-serif;

      text-align: center;

    }

    .burst-text .burst-pre { font-size: 8px; font-weight: 700; letter-spacing: 0.06em; line-height: 1; opacity: 0.9; }

    .burst-text .burst-num { font-size: 22px; font-weight: 700; line-height: 1.05; margin-top: 2px; }

    .burst-text .burst-lbl { font-size: 9px; font-weight: 700; letter-spacing: 0.06em; line-height: 1; margin-top: 1px; }

 

    /* PERKS */

    .perks { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 0.25rem; text-align: left; }

    .perk { background: var(--blue-bg); border-radius: 6px; padding: 1rem 1.1rem; }

    .perk-icon { font-size: 22px; margin-bottom: 0.4rem; }

    .perk-title { font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 700; color: var(--blue-dark); margin-bottom: 0.35rem; }

    .perk-desc { font-size: 13px; color: #555; line-height: 1.55; }

 

    /* FOOTER NOTE */

    .page-note { font-size: 12px; color: #888; text-align: center; border-top: 1px solid #c9e8f0; padding-top: 1.5rem; line-height: 1.7; }

    .page-note strong { color: var(--blue-dark); }
    
     @media (min-width: 620px) {
         .card-header.blue {
    margin-bottom: 48px;
    }
     
     /* PRICING WRAP */
.pricing-wrap {
  max-width: 11000px;
  margin: 2.5rem auto 0;
  background: #fff;
  border-radius: 6px;
  padding: 28px 32px 36px;
  box-shadow: 0 2px 8px rgba(4,140,177,0.07);
}

.pricing-wrap h2 {
  font-family: 'Lato', sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: var(--blue-dark);
  margin: 0 0 18px;
  text-align: center;
}

.pricing-scroll {
  width: 100%;
  overflow-x: auto;
}

table.pricing-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 680px;
}

table.pricing-table thead th {
  text-align: right;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #333;
  padding: 8px 10px;
  border-bottom: 2px solid var(--blue-dark);
}

table.pricing-table thead th:first-child {
  text-align: left;
}

table.pricing-table tbody th {
  text-align: left;
  font-weight: 400;
  color: #333;
  padding: 12px 10px;
  white-space: nowrap;
}

table.pricing-table tbody td {
  text-align: right;
  padding: 12px 10px;
  color: #333;
}

table.pricing-table tbody tr {
  border-bottom: 1px solid #e9f5f9;
}

table.pricing-table tbody tr:last-child {
  border-bottom: none;
}

.pricing-note {
  margin-top: 16px;
  font-size: 12.5px;
  color: #777;
  line-height: 1.6;
}

    @media (max-width: 620px) {

      .tracks, .cred-list, .perks { grid-template-columns: 1fr; }

      .stats { grid-template-columns: 1fr; }

      .hero { justify-content: center; text-align: center; }

      .burst-wrap { width: 64px; height: 64px; top: 10px; right: 10px; }

      .burst-text .burst-num { font-size: 18px; }

      .card-header h2 { max-width: 65%; }
       .card-tag {
      max-width: 70%;
}
  .pricing-wrap {
    padding: 20px 14px 28px;
  }

  table.pricing-table {
    font-size: 12px;
  }

  table.pricing-table thead th,
  table.pricing-table tbody td,
  table.pricing-table tbody th {
    padding: 8px 6px;
  }
    
    }/* End custom CSS */