/* Feat IMG */
.cig--feat-employerproducts {
  background: url(../assets/cig-employer-products-head.webp) center / cover
    no-repeat;
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
  min-height: 220px;
  width: auto;
}

@media only screen and (max-width: 768px) {
  /* Feat IMG */
  .cig--feat-employerproducts-mb {
    background: url(../assets/cig-employer-products-head.webp) center / cover
      no-repeat;
  }
}

.cig--page-body-container{
  width: 100%;
  display: flex;
  flex-direction: column;
justify-content: space-between;
}

.cig--tab-header-wrapper,
.cig--tab-header-center-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cig--tab-header-center-wrapper {
  text-align: center;
}
.cig--tab-header-center-wrapper p {
  margin: 0;
  font-size: 16px;
  color: var(--color-blue-light-text);
  font-weight: 400;
  line-height: 150%;
}

.cig--tab-content strong {
  font-weight: bold;
  font-size: 16px;
  color: var(--color-blue-light-text);
}
strong.cig--addon-desc-mt {
  display: block;
  margin: 20px 0 6px;
}

/* Checkmark List */
ul.cig--checkmark-list-wrapper,
ul.cig--checkmark-list-dual-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.cig--checkmark-list-dual-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
}
ul.cig--checkmark-list-wrapper li,
ul.cig--checkmark-list-dual-wrapper li {
  position: relative;
  padding-left: 26px;
}
ul.cig--checkmark-list-white li {
  color: var(--color-white);
	line-height: normal;
}
ul.cig--checkmark-list-grey li {
  color: var(--color-blue-dark);
	line-height: normal;
}

ul.cig--checkmark-list-white li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18C10.1819 18 11.3522 17.7672 12.4442 17.3149C13.5361 16.8626 14.5282 16.1997 15.364 15.364C16.1997 14.5282 16.8626 13.5361 17.3149 12.4442C17.7672 11.3522 18 10.1819 18 9C18 7.8181 17.7672 6.64778 17.3149 5.55585C16.8626 4.46392 16.1997 3.47177 15.364 2.63604C14.5282 1.80031 13.5361 1.13738 12.4442 0.685084C11.3522 0.232792 10.1819 -1.76116e-08 9 0C6.61305 3.55683e-08 4.32387 0.948211 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18ZM8.768 12.64L13.768 6.64L12.232 5.36L7.932 10.519L5.707 8.293L4.293 9.707L7.293 12.707L8.067 13.481L8.768 12.64Z' fill='white'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
ul.cig--checkmark-list-dark li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18C10.1819 18 11.3522 17.7672 12.4442 17.3149C13.5361 16.8626 14.5282 16.1997 15.364 15.364C16.1997 14.5282 16.8626 13.5361 17.3149 12.4442C17.7672 11.3522 18 10.1819 18 9C18 7.8181 17.7672 6.64778 17.3149 5.55585C16.8626 4.46392 16.1997 3.47177 15.364 2.63604C14.5282 1.80031 13.5361 1.13738 12.4442 0.685084C11.3522 0.232792 10.1819 -1.76116e-08 9 0C6.61305 3.55683e-08 4.32387 0.948211 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18ZM8.768 12.64L13.768 6.64L12.232 5.36L7.932 10.519L5.707 8.293L4.293 9.707L7.293 12.707L8.067 13.481L8.768 12.64Z' fill='%23112D51'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
ul.cig--checkmark-list-blue li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18C10.1819 18 11.3522 17.7672 12.4442 17.3149C13.5361 16.8626 14.5282 16.1997 15.364 15.364C16.1997 14.5282 16.8626 13.5361 17.3149 12.4442C17.7672 11.3522 18 10.1819 18 9C18 7.8181 17.7672 6.64778 17.3149 5.55585C16.8626 4.46392 16.1997 3.47177 15.364 2.63604C14.5282 1.80031 13.5361 1.13738 12.4442 0.685084C11.3522 0.232792 10.1819 -1.76116e-08 9 0C6.61305 3.55683e-08 4.32387 0.948211 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18ZM8.768 12.64L13.768 6.64L12.232 5.36L7.932 10.519L5.707 8.293L4.293 9.707L7.293 12.707L8.067 13.481L8.768 12.64Z' fill='%232867C6'/%3E%3Cpath d='M8.768 12.64L13.768 6.64L12.232 5.36L7.932 10.519L5.707 8.293L4.293 9.707L7.293 12.707L8.067 13.481L8.768 12.64Z' fill='white'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}

@media only screen and (max-width: 600px) {
  ul.cig--checkmark-list-dual-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* Addon Packages */
ul.cig--addon-parent-container,
ul.cig--addon-parent-container-flat {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
ul.cig--addon-parent-container {
  margin: 40px 0 0 0;
}
li.cig--addon-flex-wrapper {
  border-radius: 10px;
  border: 1px solid rgba(40, 103, 198, 0.15);
  display: flex;
  background: rgb(247, 248, 251);
  background: linear-gradient(
    56deg,
    rgba(247, 248, 251, 1) 30%,
    rgba(255, 255, 255, 1) 78%
  );
  -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
}
.cig--addon-flex-item-heading {
  width: 100%;
  padding: 20px 0 20px 30px;
}

h3.cig--addon-heading {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-blue-dark);
}

p.cig--addon-desc {
  margin: 10px 0 0 0;
  font-size: 16px;
  color: var(--color-blue-light-text);
  font-weight: 500;
  line-height: 150%;
}
p.cig--addon-desc-s {
  margin: 0;
  font-size: 14px;
  color: var(--color-blue-light-text);
  line-height: 150%;
}

.cig--addon-flex-item-price {
  min-width: 250px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0 10px 10px 0;
  padding: 20px 30px 20px 70px;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  background: rgb(238, 238, 238);
  background: linear-gradient(
    0deg,
    rgba(238, 238, 238, 1) 10%,
    rgba(166, 105, 56, 1) 82%
  );
  z-index: 1;
}
.cig--addon-flex-item-price::before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  width: 100%;
  height: 100%;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  background: rgb(40, 103, 198);
  background: linear-gradient(
    43deg,
    rgba(40, 103, 198, 1) 55%,
    rgba(34, 95, 187, 1) 55%
  );
  z-index: -1;
}
.cig--addon-flex-item-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  gap: 20px;
}
strong.cig--addon-price {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-white);
}

ul.cig--addon-list {
  font-size: 14px;
  margin: 20px 0;
  padding-left: 20px;
  list-style-type: disc;
  line-height: 1.4em;
  color: var(--color-blue-light-text);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

a.cig--addon-cta {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  padding: 6px 20px;
  background: var(--color-white);
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-blue-light);
  transition: background 0.3s, transform 0.3s;
}
a.cig--addon-cta:hover {
  background: var(--color-blue-dark);
  color: var(--color-white);
}

/* SAVE */
.cig--addon-sale {
  padding: 20px 30px 45px 70px;
}
.cig--addon-save {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 33px;
  background: #ee164f;
  color: var(--color-white);
  font-weight: 700;
  text-align: center;
  line-height: 33px;
  clip-path: polygon(6.5% 0, 100% 0, 100% 100%, 2.3% 100%);
}

@media only screen and (max-width: 425px) {
  ul.cig--addon-parent-container {
    gap: 30px;
  }
  li.cig--addon-flex-wrapper {
    display: flex;
    background: rgb(247, 248, 251);
    background: linear-gradient(
      349deg,
      rgba(247, 248, 251, 1) 30%,
      rgba(255, 255, 255, 1) 78%
    );
    flex-direction: column;
  }
  .cig--addon-flex-item-price {
    border-radius: 0 0 10px 10px;
    padding: 30px;
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
    background: rgb(238, 238, 238);
    background: linear-gradient(
      130deg,
      rgba(238, 238, 238, 1) 10%,
      rgba(166, 105, 56, 1) 82%
    );
    z-index: 1;
  }
  .cig--addon-flex-item-price::before {
    top: 6px;
    left: 0;
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
    background: rgb(40, 103, 198);
    background: linear-gradient(
      195deg,
      rgba(40, 103, 198, 1) 55%,
      rgba(34, 95, 187, 1) 55%
    );
    z-index: -1;
  }
  .cig--addon-flex-item-heading {
    width: fit-content;
    padding: 30px;
  }
  a.cig--addon-cta {
    padding: 10px 20px;
  }
  .cig--addon-sale {
    padding: 30px 30px 50px 30px;
  }
  .cig--addon-save {
    clip-path: none;
  }
}

/* Banners */
.cig--banner-parent-wrapper {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cig--banner-flex-wrapper {
  display: flex;
  gap: 40px;
  padding: 30px;
  border-radius: 15px;
}
.cig--banner-graphic-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.cig--banner-content-wrapper {
  flex: 2;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}

h2.cig--banner-heading {
  margin: 0;
  color: var(--color-white);
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
font-weight: 700;
}
h2.cig--banner-heading-dark{
  color: var(--color-blue-dark);
}

p.cig--banner-desc {
  color: var(--color-white);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0;
}

.cig--banner-graphic {
  width: 80px;
  height: 80px;
}
.cig--banner-graphic-pink {
  background: center / contain no-repeat;
}
a.cig--banner-cta,
a.cig--banner-cta-mobile {
  box-sizing: border-box;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding: 12px 20px;
  border-radius: 50px;
  background: transparent;
  transition: var(--transition-main);
}
a.cig--banner-cta-mobile {
  display: none;
}
a.cig--banner-cta-light-pink,
a.cig--banner-cta-light-blue {
  border: 2px solid var(--color-white);
  color: var(--color-white);
}
a.cig--banner-cta-dark{
  border: 2px solid var(--color-blue-dark);
  color: var(--color-blue-dark);
}
a.cig--banner-cta-light-pink:hover {
  background: var(--color-white);
  color: #da1266;
}
a.cig--banner-cta-light-blue:hover {
  background: var(--color-white);
  color: var(--color-blue-dark);
}
a.cig--banner-cta-dark:hover {
  background: var(--color-blue-dark);
  color: var(--color-white);
}

ul.cig--checkmark-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  /* font-size: 14px; */
}

ul.cig--checkmark-list-wrapper a {
  text-decoration: underline;
  color: var(--color-white);
  font-weight: 400;
  transition: var(--transition-main);
}
ul.cig--checkmark-list-wrapper a:hover {
  color: var(--color-blue-light);
  text-decoration: none;
}

strong.cig--banner-pricing {
  display: block;
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
}

.cig--banner-pink {
  background: #da1266;
}
.cig--banner-blue {
  background: var(--color-blue-dark);
}
.cig--banner-dark {
  background: #f4f4f4;
  border: 1px solid #efefef;
}

@media only screen and (max-width: 425px) {
  .cig--banner-flex-wrapper {
    display: flex;
    gap: 30px;
    padding: 30px;
    border-radius: 15px;
    flex-direction: column;
  }
  a.cig--banner-cta,
  a.cig--banner-cta-mobile {
    display: none;
  }
  a.cig--banner-cta-mobile {
    display: block;
  }
  strong.cig--banner-pricing {
    text-align: center;
  }
}