@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap');
body{
  font-family: 'Work Sans';
}

.woow-selector,
.woow-modal-overlay {
  --woow-purple: #681dff;
  --woow-purple-dark: #4911c8;
  --woow-lime: #daff02;
  --woow-ink: #1d2331;
  --woow-text: #3b3939;
  --woow-muted: #747474;
  --woow-border: #e3e3e3;
  --woow-surface: #ffffff;
  --woow-surface-alt: #f7f7fb;
  --woow-shadow: 0 10px 30px rgba(48, 46, 46, 0.1);
}

.woow-selector *,
.woow-modal-overlay * {
  box-sizing: border-box;
  font-family: 'Work Sans', sans-serif;
}

.woow-selector {
  color: var(--woow-text);
}

/* .woow-step--coverage {
  position: relative;
  overflow: hidden;
  padding: 72px 64px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--woow-purple) 0%, #8a2dff 100%);
} */

.woow-step--coverage {
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 100px 80px 100px 80px;
    background: #681DFF;
    width: 100%;
    z-index: 9;
}

.woow-coverage-arc {
  position: absolute;
  top: -72px;
  left: -46px;
  width: 160px;
  height: 160px;
  border: 6px solid var(--woow-lime);
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
}

.woow-coverage-arc1{
    right: -62px;
    bottom: -64px;
    width: 170px;
    height: 170px;
    border: 5px solid var(--woow-lime);
    position: absolute;
    border-radius: 50%;
    pointer-events:none;
    z-index: -1;
}

.woow-coverage-content {
  /* position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px; */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

/* .woow-coverage-text {
  max-width: 520px;
} */

/* .woow-coverage-text {
    width: 50%;
} */

/* .woow-step__title {
  margin: 0 0 14px;
  color: #fff;
  font-size: 36px !important;
  font-weight: 700;
  line-height: 1.1;
} */

.woow-step__title{
  font-family: Work Sans;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
  margin: 4px 0 0 0;
}

.woow-coverage-description {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  line-height: 1.6;
}
.woow-coverage-span{
  color: #DAFF02;
  font-size: 16px;
  font-weight: 500;
  font-family: Work Sans;
  text-transform: uppercase;
  line-height: 48px;
  margin: 0;
}

/* .woow-coverage-form {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: min(100%, 520px);
} */

.woow-coverage-form {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
}

.woow-coverage-input-wrap {
  flex: 1;
}

.woow-input {
  width: 100%;
  padding: 17px 20px !important;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #515151;
  background: #fff;
  font-size: 16px;
  outline: none;
}

.woow-input:focus {
  border-color: rgba(104, 29, 255, 0.35);
  box-shadow: 0 0 0 4px rgba(218, 255, 2, 0.18);
}

button#woow-check-btn {
    max-width: 211px !important;
    width: 100%;
    display: block;
    border-radius: 9px !important;
    /* padding: 16px !important; */
    height: 60px;
    background: #090914 !important;
    outline: none;
    border: none;
    color: #fffafa !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Work Sans';
}

.woow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.woow-btn--dark {
  min-width: 184px;
  padding: 17px 28px !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: #090914 !important;
  font-size: 16px;
  font-weight: 700 !important;
}

input#woow-postcode-input {
    background: #fff !important;
    height: 60px;
    width: 100%;
    max-width: 306px;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 400;
    color: #515151;
    line-height: 26px;
    display: block;
}

.woow-btn--loading {
  pointer-events: none;
  opacity: 0.85;
}

.woow-btn__loader {
  display: none;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: woow-spin 0.7s linear infinite;
}

.woow-btn--loading .woow-btn__text {
  display: none;
}

.woow-btn--loading .woow-btn__loader {
  display: block;
}

@keyframes woow-spin {
  to {
    transform: rotate(360deg);
  }
}

.woow-alert {
  margin-top: 18px;
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 14px;
}

.woow-alert--error {
  color: #b42318;
  background: #fef3f2;
  border: 1px solid #fecdca;
}

.woow-coverage-result-panel {
  position: relative;
  overflow: hidden;
  padding: 48px 24px;
  border-radius: 20px;
  background: #681DFF;
}

.woow-coverage-result-panel__arc {
  position: absolute;
  width: 130px;
  height: 130px;
  border: 5px solid var(--woow-lime);
  border-radius: 50%;
  pointer-events: none;
}

.woow-coverage-result-panel__arc--left {
  top: -54px;
  left: -36px;
}

.woow-coverage-result-panel__arc--right {
  right: -62px;
  bottom: -64px;
  width: 170px;
  height: 170px;
}

.woow-coverage-result-panel__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.woow-coverage-result-panel__icon_box {
    display: flex;
    align-items: center;
    gap: 11px;
}

/* .woow-coverage-result-panel__icon {
  margin-bottom: 10px;
  color: var(--woow-lime);
  font-size: 24px;
  font-weight: 700;
} */

.woow-coverage-result-panel__icon {
    color: var(--woow-lime);
    font-size: 22px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    border: 3px solid var(--woow-lime);
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}

.woow-coverage-result-panel__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
}

/* .woow-coverage-result-panel__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
  line-height: 1.5;
} */

.woow-coverage-result-panel__text {
  margin: 10px 0;
  color: #fff;
  font-size: 20px;
  line-height: 34px;
  font-weight: 500;
  text-align: center;
}

/* .woow-btn--result {
  min-width: 120px;
  margin-top: 18px;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: #090914 !important;
  font-size: 14px;
  font-weight: 700 !important;
} */

.woow-btn--result {
  min-width: 182px;
  display: inline-block !important;
  padding: 16px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: #090914 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 28px;
  outline: none;
  border: none !important;
}

.woow-step--services {
  margin-top: 56px;
}

.woow-step-2-header {
  margin-bottom: 32px;
  text-align: center;
}

.woow-step-2-title {
  margin: 0 0 8px !important;
  color: var(--woow-ink);
  font-size: 40px !important;
  font-weight: 700 !important;
}

.woow-step-2-subtitle {
  margin: 0;
  color: var(--woow-muted);
  font-size: 16px;
}

.woow-services-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: start;
}

.woow-services-panel {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.woow-service-row {
    background: #fff;
    border-radius: 11px;
    box-shadow: 0px 4px 20px 0 #302E2E1A;
    display: flex;
    overflow: hidden;
    animation: woow-fade-in .35s ease both;
    padding: 30px;
}

.woow-pricing-card {
  background: #fff;
  border-radius: 11px;
  box-shadow: 0px 4px 20px 0 #302E2E1A;
  padding: 50px 45px 45px 45px;
}

.woow-service-row {
  display: flex;
  padding: 28px;
}

.woow-service-brand {
      width: 230px;
      border-right: 1px solid #E3E3E3;
      display: flex;
      align-items: center;
      align-content: flex-start;
      flex-wrap: wrap;
      gap: 21px;
      margin: 0 26px;
  }

.woow-service-icon {
  width: 32px;
  height: 32px;
  stroke: #681DFF;
}

.woow-service-name {
  font-weight: 600;
  font-size: 22px;
  color: #202020;
  line-height: 100%;
  font-family: 'Work Sans';
}

.woow-service-options {
  /* flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 0; */

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px 0;
  width: 100%;
}

.woow-service-empty,
.woow-service-hint {
  margin: 0;
  color: var(--woow-muted);
  font-size: 14px;
  line-height: 1.5;
}

.woow-plan-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #e3e3e3;
  transition: background 0.2s;
}

.woow-plan-line:last-child {
  border-bottom: none;
}

.woow-plan-name {
  font-size: 14px;
  color: #3B3939;
  flex: 1;
  font-weight: 400;
  font-family: 'Work Sans';
  line-height: 39px;
}

.woow-plan-name strong {
  font-weight: 600;
  color: #3B3939;
}

.woow-plan-price {
  font-size: 14px;
  font-weight: 400;
  color: #7F7F7F;
  width: 100px;
  text-align: right;
  margin-right: 24px;
  line-height: 39px;
  white-space: nowrap;
}

.woow-plan-action {
    width: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    border: none !important;
}
   
   /* ── Toggle Switch ────────────────────────────────────────────── */
.woow-toggle-wrap {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #474D66 !important;
    cursor: pointer !important;
    user-select: none !important;
    line-height: 20px;
    letter-spacing: -0.5px;
    border: none !important;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;

}

.woow-toggle-wrap .woow-toggle-label{
  width: 100px;
}

button.woow-toggle-wrap:hover, button.woow-toggle-wrap:focus {
    outline: none;
    box-shadow: none;
    border: none;
    background: transparent;
    padding: 0;
}
   .woow-toggle {
      width: 32px;
      height: 20px;
      background: #C1C4D6;
      border-radius: 120px;
      position: relative;
      transition: 0.3s;
      padding: 2px;
   }
   
   .woow-toggle::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50%;
      transition: 0.3s;
      left: 2px;
   }
   
   .woow-toggle--active {
     background: #681DFF;
   }
   
   .woow-toggle--active::after {
     left: 14px;
   }
   
   /* ── Mobile Quantity Controls (exact screenshot style) ─────── */
   .woow-plan-action,
   .woow-qty-wrap,
   .woow-qty-btn,
   .woow-qty-display {
     all: initial;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
   }
   
   .woow-qty-wrap {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
     gap: 10px;
     /* background: #F7F8FB !important;
     border-radius: 999px !important;
     padding: 4px 10px !important;
     box-shadow: none !important;
     border: none !important;
     min-width: 110px; */
   }
   
    .woow-qty-btn {
      width: 24px !important;
      height: 24px;
      border-radius: 50% !important;
      background: #F7F8F9 !important;
      color: #64748B !important;
      border: none !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: background 0.2s, border-color 0.2s, color 0.2s;
      padding: 0 !important;
      box-shadow: none !important;
   }
   
   .woow-qty-btn svg {
     width: 12px;
     height: 12px;
     stroke: #4F5875;
     stroke-width: 2.4;
   }
   
   .woow-qty-btn:hover,
   .woow-qty-btn:focus {
     background: #EDEFF6 !important;
     border-color: #D7DBE7 !important;
     color: #2F3A58 !important;
   }
   
   .woow-qty-display {
     font-size: 20px !important;
     font-weight: 500 !important;
     min-width: 24px;
     text-align: center;
     color: #1E1E58 !important;
     line-height: 1;
   }
   
   .woow-qty-display--active {
     color: #681DFF !important;
     font-weight: 600 !important;
   }
   
   /* ensure there is no red/pink outlines from inherited style */
   .woow-qty-btn:focus-visible,
   .woow-qty-btn:focus {
     outline: none !important;
     box-shadow: none !important;
   }
   
   .woow-plan-action {
     border: none !important;
     background: transparent !important;
     box-shadow: none !important;
     padding: 0 !important;
   }
   

.woow-pricing-sidebar {
  position: sticky;
  top: 20px;
}



.woow-empty-cart-icon {
    width: 51px;
    height: 51px;
    border: 3px solid #681DFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px auto;
    color: #681DFF;
  }
   
.woow-empty-cart-icon svg {
    width: 35px;
    height: 35px;
}

.woow-pricing-card__title {
      font-size: 22px;
      font-weight: 600;
      color: #1D2331;
      line-height: 20px;
      margin: 0;
      letter-spacing: -0.5px;
      text-align: center;
    }

.woow-pricing-card__header {
  /* margin-bottom: 20px; */
  text-align: center;
}

.woow-pricing-card__header .woow-pricing-card__title {
  text-align: center;
}

.woow-pricing-card__note {
  margin: 8px 0 0;
  color: var(--woow-muted);
  font-size: 14px;
}

.woow-empty-cart-text {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 29px 0 0 0;
    line-height: 20px;
    letter-spacing: -0.5px;
    font-family: 'Work Sans';
    padding: 0 12px;
}

.woow-breakdown__items {
  display: flex;
  flex-direction: column;
  margin: 12px 0;}

.woow-breakdown__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0;
}

.woow-breakdown__head span{
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 27px;
}

.woow-breakdown-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  padding: 14px 0;
}

.woow-breakdown-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.woow-breakdown-item__copy {
  flex: 1;
}

.woow-breakdown-item__label {
  display: block;
  color: #000;
  font-size: 15px;
  line-height: 13px;
  font-weight: 600;
}

.woow-breakdown-item__qty {
  color: #681DFF;
  font-weight: 500;
}

.woow-breakdown-item__meta {
  display: block;
  margin-top: 3px;
  color: #9aa0af;
  font-size: 12px;
  line-height: 1.35;
}

.woow-breakdown-item__price {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
}

.woow-breakdown-item__price--promo {
  color: var(--woow-purple);
}

.woow-pricing-totals {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #ececf2; */
}

.woow-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--woow-text);
  font-size: 14px;
}

.woow-price-row--standard {
  color: var(--woow-ink);
  font-size: 18px;
  font-weight: 700;
}

.woow-price-amount {
  color: var(--woow-purple);
  font-size: 26px;
  font-weight: 800;
}

.woow-price-amount--promo {
  font-size: 18px;
}

.woow-pricing-card__footnote {
  margin: 10px 0 0;
  color: #827E7E;
  font-size: 13px;
  line-height: 17px;
  font-weight: 300;
}

.woow-btn--contract {
  width: 100%;
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(90deg, #6c24ff 0%, #8f35ff 100%);
  border: none;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

button#woow-contract-btn {
    background: #681DFF;
    padding: 13px 32px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #681DFF !important;
    color: #fff !important;
    font-family: 'Work Sans';
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    margin: 10px 0 0 0;
}

.woow-price-row--promo {
  color: #1d2331;
  font-size: 15px;
}

.woow-price-row--install {
  color: #058147;
  font-size: 15px;
  font-weight: 400;
  line-height: 13px;
}

.woow-price-row--install span:last-child {
  color: #058147;
  font-weight: 400;
  font-size: 15px;
  line-height: 44px;
}

.woow-pricing-card__title--hero {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #202020;
    text-align: center !important;
}

.woow-total-hero {
  margin-bottom: 2px;
}

.woow-total-hero__value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--woow-purple);
}

.woow-total-hero__major {
  font-size: 95px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #681DFF;
}

.woow-total-hero__wrapper{
  text-align: left;
}

.woow-total-hero__minor {
  color: #681DFF;
  font-size: 30px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}

.woow-total-hero__suffix {
  color: #681DFF;
  font-size: 25px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}

.woow-total-hero__note {
  font-weight: 300;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  padding: 0 15px;
  margin: 0 0 18px 0;
}

.woow-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(8, 8, 18, 0.62);
}

.woow-modal-overlay.woow-is-open {
  display: flex;
}

/* .woow-modal {
  position: relative;
  width: min(100%, 980px);
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 28px 22px 26px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(12, 12, 24, 0.22);
} */

.woow-modal {
    position: relative;
    max-width: 711px;
    width: 100%;
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 40px 22px;
    border-radius: 30px;
    background: #fff;
}

.woow-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #d9d9e4;
  border-radius: 6px;
  background: #fff;
  color: #7f7f90;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.woow-modal-header {
  margin-bottom: 13px;
  border-bottom: 1px solid #7F7F7F;
}

/* .woow-modal-title {
  margin: 0 0 10px;
  color: #2d2d2d;
  font-size: 22px;
  font-weight: 700;
} */

.woow-modal-title {
    color: #202020;
    font-size: 24px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 13px 0;
}

/* button#woow-modal-close {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    padding: 8px;
    border: 1px solid #D0D5DD;
} */

button#woow-modal-close {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    padding: 8px;
    border: 1px solid #D0D5DD;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    font-size: 16px;
    position: absolute;
    top: 35px;
    right: 20px;
    background: transparent;
}
button#woow-modal-close:hover{
  background: transparent;
}

.woow-modal-subtitle {
  margin: 0 0 13px 0;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.woow-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
}

.woow-form-field {
  margin-bottom: 24px;
}

.woow-form-field label {
    margin-bottom: 6px;
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.woow-form-field input,
.woow-form-field textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #d7d7df;
  border-radius: 10px;
  background: #fff;
  color: #222;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.woow-form-field textarea {
  min-height: 108px;
  resize: vertical;
}

.woow-form-field input:focus,
.woow-form-field textarea:focus {
  border-color: rgba(104, 29, 255, 0.45);
  box-shadow: 0 0 0 4px rgba(104, 29, 255, 0.09);
}

.woow-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 11px;
  color: #4c4c4c;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
  line-height: 24px;
}

.woow-checkbox input {
  width: 18px;
  height: 18px;
  margin: 0;
}

.woow-terms-link {
  color: #4c4c4c;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.woow-terms-link:hover,
.woow-terms-link:focus {
  color: var(--woow-purple);
}

.woow-btn--primary {
  width: 100%;
  padding: 18px 24px;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(90deg, var(--woow-purple) 0%, #862dff 100%);
  font-size: 18px;
  font-weight: 700;
}

.woow-btn--secondary {
  padding: 12px 18px;
  border-radius: 999px;
  color: var(--woow-purple);
  background: #f2edff;
  font-weight: 700;
}

.woow-form-success {
  position: relative;
  min-height: 0;
  padding: 8px 0 0;
  text-align: center;
}

.woow-modal-overlay.woow-success-open .woow-modal {
    width: 100% !important;
    max-width: 520px;
    overflow: hidden;
    padding: 40px 30px;
    border-radius: 30px;
    background: var(--woow-purple);
}


.woow-form-success__close {
  position: absolute;
  top: -4px;
  right: -8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

button#woow-success-close.woow-form-success__close {
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    border-radius: 4px;
    font-size: 16px;
}


.woow-form-success__close:hover,
.woow-form-success__close:focus {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  outline: none;
}

button#woow-success-close.woow-form-success__close:hover,
button#woow-success-close.woow-form-success__close:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

.woow-form-success__image {
  display: block;
  width: 105px;
  height: auto;
  margin: 6px auto 16px;
  object-fit: contain;
}

.woow-form-success p {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  color: var(--woow-lime);
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  text-align: center;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #D0D5DD !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    transition: all .3s;
    width: 100% !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
    color: #757575  !important;
} 

button#woow-form-submit {
    border-radius: 10px !important;
    padding: 12px 18px !important;
    width: 100%;
    outline: none;
    border: 1px solid #681DFF !important;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    box-shadow: 0px 1px 2px 0px #1018280D;
    background: #681DFF;
}

@media (max-width: 1024px) {
  .woow-services-layout {
    grid-template-columns: 1fr;
  }
  .woow-step--coverage{
    padding: 80px 50px 80px 50px !important;
  }

  .woow-pricing-sidebar {
    position: static;
  }
  button#woow-check-btn{
    max-width: 180px !important;
  }
  .woow-coverage-content{
    gap: 20px;
  }
  .woow-coverage-form{
    gap: 7px;
  }
  input#woow-postcode-input{
    max-width: 300px !important;
  }
  button#woow-check-btn{
    max-width: 100px !important;
  }
}

@media (max-width: 992px){
  .woow-step--coverage {
    padding: 40px !important;
  }
  .woow-coverage-form{
    justify-content: start;
  }
  .woow-coverage-content{
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .woow-services-layout{
    display: unset;
  }
  .woow-pricing-card{
    margin-top: 20px;
  }
}
@media (max-width: 768px) {

  .woow-coverage-content,
  .woow-service-row {
    flex-direction: column;
  }

  .woow-service-brand {
    width: 100%;
    padding-right: 0;
    padding-bottom: 18px;
    border-right: none;
    border-bottom: 1px solid var(--woow-border);
  }

  .woow-service-options {
    width: 100%;
    padding-left: 0;
    padding-top: 18px;
  }

  .woow-plan-line {
    flex-wrap: wrap;
  }

  .woow-plan-price {
    min-width: auto;
    text-align: left;
  }

  .woow-plan-action {
    width: auto;
    margin-left: auto;
  }

  .woow-form-row {
    grid-template-columns: 1fr;
    gap: 0 18px;
  }

  .woow-modal {
    padding: 22px 16px 20px;
  }

  .woow-coverage-result-panel {
    padding: 50px 20px;
  }

  .woow-coverage-result-panel__title {
    font-size: 28px;
  }

  .woow-coverage-result-panel__text {
    font-size: 16px;
  }
  
}

@media(max-width: 600px){
  .woow-step--coverage {
    padding: 40px 30px !important;
  }
  .woow-coverage-span, .woow-step__title{
    line-height: normal;
  }
  input#woow-postcode-input, button#woow-check-btn{
    max-width: 100% !important;
  }
  .woow-coverage-form{
    flex-direction: column;
  }
  .woow-step__title {
    font-size: 24px !important;
  }
  .woow-coverage-arc{
    top: -60px;
    width: 100px;
    height: 100px;
  }
  .woow-coverage-form{
    gap: 7px;
  }
  .woow-coverage-arc1{
    right: -40px;
    bottom: -40px;
    width: 100px;
    height: 100px;
  }
  .woow-coverage-result-panel__arc--left{
    top: -70px;
    width: 100px;
    height: 100px;
  }
  .woow-coverage-result-panel__arc--right {
    right: -40px;
    bottom: -40px;
    width: 100px;
    height: 100px;
  }
  .woow-coverage-result-panel__icon{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }
  .woow-plan-action{
    margin-left: inherit;
    justify-content: start !important;
  }
  .woow-total-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .woow-total-hero__major{
    font-size: 70px;
  }
  .woow-pricing-card{
    padding: 25px;
  }
  .woow-modal-overlay.woow-success-open .woow-modal{
    padding: 30px 20px;
  }
  .woow-plan-name{
    text-wrap-mode: nowrap;
    line-height: normal;
  }
  .woow-form-success p{
    font-size: 18px;
    line-height: normal;
  }
  .woow-form-success__image{
    width: 80px;
  }
}

@media (max-width: 480px) {
 

  .woow-step-2-title {
    font-size: 30px !important;
  }

  .woow-service-row,
  .woow-pricing-card {
    padding: 20px;
  }
}