:root {
  --zwc-primary-color: #334acc;
  --zwc-secondary-color: #0047ff;
  --zwc-yellow-color: #fea800;
  --zwc-bg-color: #eaeefb;
  --zwc-black-color: #000;
  --zwc-white-color: #ffff;
  --zwc-h1-text: clamp(30px, 5.1vw, 84px);
  --zwc-h2-text: clamp(26px, 4.6vw, 56px);
  --zwc-h3-text: clamp(21px, 2.3vw, 24px);
  --zwc-text-md: clamp(17px, 1.6vw, 24px);
  --zwc-text-2xl: clamp(23px, 3.3vw, 40px);
  --zwc-text-sm: clamp(15px, 1vw, 18px);
  --zwc-padding-main: clamp(50px, 8.5vw, 120px);
}

.zwc-dflex {
  display: flex;
  flex-wrap: var(--zwc-wrap);
  justify-content: var(--zwc-just-c, space-between);
  gap: var(--zwc-gap, 0);
  align-items: var(--zwc-align-i, center);
}

.zwc-cols > div,
.zwc-cols > li {
  width: calc(
    (100% - (var(--zwc-gap) * (var(--zwc-card-count) - 1))) /
      var(--zwc-card-count, 1)
  );
}

.zwc-wrapper h1 {
  font-size: var(--zwc-h1-text);
  font-family: var(--primaryfont-semibold);
}

.zwc-wrapper h1 span {
  color: var(--zwc-yellow-color);
}
.zwc-wrapper h2 {
  font-size: var(--zwc-h2-text);
  font-family: var(--secondaryfont-bold);
  line-height: 1.2;
  margin-bottom: var(--zwc-h2-mb, 20px);
  max-width: var(--zwc-max-w);
}
.zwc-underline {
  border-bottom: 4px solid #2e43b8;
  color: #2e43b8;
}

.zwc-wrapper h3 {
  font-size: var(--zwc-h3-text);
  font-family: var(--primaryfont-semibold);
}

.zwc-wrapper .content-wrap {
  max-width: var(--zwc-content-wap, 1440px);
}

.zwc-wrapper p {
  font-size: clamp(16px, 1.9vw, 20px);
}

.act-btn.cta-btn {
  text-transform: capitalize;
  font-size: clamp(15px, 2.7vw, 18px);
  padding: 11px 32px;
  border-radius: 4px;
}

.zwc-right {
  text-align: center;
}
.zwc-mb-0 {
  margin-bottom: 0px;
}
.zwc-col-dir {
  flex-direction: column;
}

.zwc-block {
  display: block;
}

.zwc-rl-auto {
  margin-inline: auto;
}

.zwc-pos-relative {
  position: relative;
}

.zwc-pos-absolute {
  position: absolute;
}

.zw-product-header.zwph-white {
  background: transparent;
}

.zwc-banner-sec {
  background: linear-gradient(125deg, #2247b4 21.99%, #142a6b 73.79%);
  color: var(--zwc-white-color);
  margin-top: -80px;
}

.zwc-banner-sec .zwc-lhs {
  width: 65%;
  padding: 150px 0px clamp(30px, 6vw, 150px);
  max-width: 813px;
}

.zwc-banner-sec .zwc-rhs {
  right: 0;
  bottom: 0;
  width: 49%;
}

.zwc-banner-sec .zwc-rhs img {
  width: 100%;
  vertical-align: bottom;
}

.zwc-banner-sec .zwc-dflex {
  align-items: end;
}

.zwc-banner-sec p {
  font-size: clamp(16px, 2.9vw, 36px);
  letter-spacing: -0.9px;
}

.zwc-section-1 {
  padding: var(--zwc-padding-main) 0 0;
  background-color: var(--zwc-bg-color);
}
.zwc-section-1 h1 span {
  color: var(--zwc-yellow-color);
}
.zwc-section-1 h2 {
  text-align: center;
  --zwc-h2-mb: clamp(30px, 5vw, 70px);
  width: min(100%, 1000px);
}

.zwc-section-1 h3 {
  font-family: var(--primaryfont-bold);
  --zwc-h3-text: var(--zwc-text-2xl);
  padding-right: 10px;
}

.zwc-section-1 li.zwc-dflex {
  --zwc-gap: clamp(30px, 6vw, 100px);
}

.zwc-section-1 li.zwc-dflex .zwc-lhs {
  flex: 1 1 35%;
}

.zwc-section-1 li.zwc-dflex .zwc-rhs {
  flex: 1 1 65%;
}

.zwc-section-1 li.zwc-dflex:nth-child(2n) {
  flex-direction: row-reverse;
}

.zwc-section-1 li.zwc-dflex:not(:last-child) {
  margin-bottom: clamp(30px, 9.1vw, 150px);
}

.zwc-section-1 .zwc-dflex.zwc-col-dir {
  text-align: center;
  --zwc-gap: 40px;
}
.zwc-section-1 .zwc-dflex.zwc-col-dir p {
  width: min(100%, 680px);
}
.zwc-section-1 .zwc-dflex.zwc-col-dir h3 {
  padding-right: 0px;
}

.zwc-footer-sec {
  text-align: center;
  padding: var(--zwc-padding-main) 0;
  --zwc-content-wap: 1150px;
  --zwc-h2-mb: 30px;
  background-color: var(--zwc-bg-color);
}

@media only screen and (min-width: 1200px) {
  .zwc-banner-sec .zwc-rhs {
    margin-right: clamp(-50px, -5vw, -80px);
  }
}

@media only screen and (max-width: 991px) {
  .zwc-banner-sec .content-wrap {
    flex-direction: column;
  }
  .zwc-banner-sec .zwc-lhs {
    width: 100%;
    position: unset;
    transform: unset;
    text-align: center;
    max-width: 580px;
    margin: 0 auto;
  }
  .zwc-banner-sec .zwc-rhs {
    margin: 0 auto;
    position: unset;
  }
  .zwc-banner-sec {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .zwc-wrapper .content-wrap {
    --zwc-content-wap: 480px;
  }

  .zwc-banner-sec .content-wrap {
    flex-direction: column;
  }

  .zwc-banner-sec .zwc-rhs {
    max-width: 100%;
  }

  .zwc-banner-sec .zwc-lhs,
  .zwc-banner-sec .zwc-rhs {
    width: 100%;
  }

  .zwc-section-1 ul {
    --zwc-wrap: wrap;
    --zwc-just-c: center;
  }
  .zwc-section-1 h3 {
    padding-right: 0px;
  }
}