/* screen - index */

.index {
  background-color: var(--background);
  margin: 0px;
  min-height: 2642px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .getty-images-1423371560-IO3Fu5 {
  background-color: transparent;
  height: 466px;
  object-fit: cover;
  position: absolute;
  right: -277px;
  top: calc(4.59% - 21px);
  width: 1131px;
}

.index .rectangle-66-IO3Fu5 {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 14.79%, rgba(255, 255, 255, 0) 100%);
  background-color: transparent;
  height: 511px;
  left: -2px;
  position: absolute;
  top: 55px;
  width: calc(100.00% + 2px);
}

.index .logo-nav-IO3Fu5 {
  height: 4.16%;
  left: -52px;
  position: absolute;
  width: calc(100.00% + 104px);
}

.index .logo-nav-wFkPsB {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.index .rectangle-6-jjGn1l {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .rectangle-69-IO3Fu5 {
  background-color: var(--text-000000);
  bottom: -2px;
  height: 3.94%;
  left: -52px;
  position: absolute;
  width: calc(100.00% + 105px);
}

.index .city-of-charlotte-black-horz_large-1-IO3Fu5 {
  background-color: transparent;
  height: 54px;
  object-fit: cover;
  position: absolute;
  right: calc(49.68% - 108px);
  top: 28px;
  width: 218px;
}

.index .path-1-IO3Fu5 {
  background-color: transparent;
  bottom: 37.62%;
  height: 1px;
  left: 27px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 53px);
}

.index .group-736-IO3Fu5 {
  background-color: transparent;
  height: 222px;
  left: 28px;
  position: absolute;
  top: calc(41.11% - 91px);
  width: 320px;
}

.index .benefit-counselors-a-VJLUEw {
  background-color: transparent;
  bottom: 0px;
  height: 148px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: 321px;
}

.index .headset-icon-VJLUEw {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.index .path-9-Kd6Oe2 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .important-IO3Fu5 {
  background-color: transparent;
  bottom: calc(48.21% - 13px);
  height: 27px;
  left: 28px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 270px;
}

.index .appointments-are-ava-IO3Fu5 {
  background-color: transparent;
  bottom: calc(43.70% - 74px);
  height: 169px;
  left: 28px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: 322px;
}

.index .clock-icon-IO3Fu5 {
  background-color: transparent;
  height: 57px;
  left: 28px;
  position: absolute;
  top: calc(49.31% - 28px);
  width: 57px;
}

.index .path-10-vi2lgF {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.index .path-264-IO3Fu5 {
  background-color: transparent;
  height: 1px;
  left: 27px;
  object-fit: cover;
  position: absolute;
  top: 35.70%;
  width: calc(100.00% - 53px);
}

.index .group-735-IO3Fu5 {
  background-color: transparent;
  height: 281px;
  left: 28px;
  position: absolute;
  top: calc(25.88% - 73px);
  width: 320px;
}

.index .welcome-to-your-benefits-enrollment-A5vWQ8 {
  background-color: transparent;
  height: 53px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(21.05% - 11px);
  width: 322px;
}

.index .title-A5vWQ8 {
  background-color: transparent;
  bottom: 0px;
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
  height: 172px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  width: 287px;
}

.index .rectangle-72-A5vWQ8 {
  background: linear-gradient(90deg, #00a79e 0%, rgba(0, 167, 158, 0) 94.96%);
  background-color: transparent;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 312px;
}

.index .group-734-IO3Fu5 {
  background-color: transparent;
  height: 716px;
  left: 31px;
  position: absolute;
  top: 1709px;
  width: 344px;
}

.index .group-731-AHyZPK {
  background-color: transparent;
  height: 149px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 303px;
}

.index .i-have-a-question-ab-Ekpomb {
  background-color: transparent;
  bottom: calc(101.89% - 44px);
  height: 43px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  width: 305px;
}

.index .group-508-Ekpomb {
  background-color: transparent;
  bottom: 0px;
  height: 88px;
  left: 6px;
  position: absolute;
  width: 292px;
}

.index .group-487-WkOTDq {
  background-color: transparent;
  bottom: calc(48.83% - 27px);
  height: 55px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 57px;
}

.index .group-732-AHyZPK {
  background-color: transparent;
  height: 155px;
  left: 6px;
  position: absolute;
  top: calc(37.43% - 58px);
  width: 292px;
}

.index .i-have-already-enrol-sm22Sk {
  background-color: transparent;
  bottom: calc(101.79% - 44px);
  height: 43px;
  left: 12px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  width: 279px;
}

.index .group-512-sm22Sk {
  background-color: transparent;
  bottom: 0px;
  height: 88px;
  left: 0px;
  position: absolute;
  width: 292px;
}

.index .group-513-0t03bJ {
  background-color: transparent;
  bottom: calc(50.00% - 20px);
  height: 39px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  width: 59px;
}

.index .group-733-AHyZPK {
  background-color: transparent;
  bottom: 0px;
  height: 290px;
  left: 6px;
  position: absolute;
  width: 338px;
}

.index .i-have-not-enrolled-oMkgu4 {
  background-color: transparent;
  bottom: calc(100.98% - 86px);
  height: 85px;
  left: 17px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  width: 269px;
}

.index .make-an-appointment-oMkgu4 {
  bottom: calc(44.21% - 44px);
  height: 100px;
  left: -6px;
  width: calc(100.00% - 34px);
}

.index .make-an-appointment-vlsIK9 {
  bottom: calc(46.04% - 41px);
  height: 88px;
  left: 0px;
  pointer-events: auto;
  transition: all 0.3s ease;
  width: 292px;
}

.index .make-an-appointment-vlsIK9:hover {
  opacity: 0;
}

.index .x-oMkgu4 {
  background-color: transparent;
  bottom: calc(22.76% - 5px);
  height: 22px;
  letter-spacing: 0.53px;
  line-height: 22px;
  position: absolute;
  right: -2px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}

.index .if-you-plan-to-enrol-oMkgu4 {
  background-color: transparent;
  bottom: 0px;
  height: 72px;
  left: 6px;
  letter-spacing: 0.43px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  width: 291px;
}
/* screen - tablet-768-1-button */

.tablet-768-1-button {
  background-color: var(--background);
  margin: 0px;
  min-height: 1970px;
  min-width: 768px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tablet-768-1-button .getty-images-1423371560-OEn1xi {
  background-color: transparent;
  height: 609px;
  object-fit: cover;
  position: absolute;
  right: -128px;
  top: calc(1.84% - 11px);
  width: 1480px;
}

.tablet-768-1-button .rectangle-66-OEn1xi {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 14.79%, rgba(255, 255, 255, 0) 100%);
  background-color: transparent;
  height: 616px;
  left: -14px;
  position: absolute;
  top: 19px;
  width: calc(100.00% + 31px);
}

.tablet-768-1-button .logo-nav-OEn1xi {
  height: 5.58%;
  left: -55px;
  position: absolute;
  width: calc(100.00% + 111px);
}

.tablet-768-1-button .logo-nav-qoUpbu {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.tablet-768-1-button .rectangle-6-YrmQhj {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.tablet-768-1-button .title-box-OEn1xi {
  background-color: transparent;
  display: block;
  height: 327px;
  left: 72px;
  opacity: 0;
  position: absolute;
  top: calc(11.75% - 38px);
  transform: translate(25px, 0);
  width: 324px;
}

.tablet-768-1-button .title-box-OEn1xi.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.40s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet-768-1-button .group-34-FZPjHN {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.tablet-768-1-button .welcome-to-your-benefits-enrollment-Co51vx {
  background-color: transparent;
  height: 53px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 47px;
  width: calc(100.00% + 2px);
}

.tablet-768-1-button .title-Co51vx {
  background-color: transparent;
  bottom: 0px;
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
  height: 172px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 44px);
}

.tablet-768-1-button .rectangle-72-Co51vx {
  background: linear-gradient(90deg, #00a79e 0%, rgba(0, 167, 158, 0) 94.96%);
  background-color: transparent;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 14px);
}

.tablet-768-1-button .rectangle-65-OEn1xi {
  background-color: var(--text-000000);
  bottom: -4px;
  height: 5.28%;
  left: -37px;
  position: absolute;
  width: calc(100.00% + 74px);
}

.tablet-768-1-button .city-of-charlotte-black-horz_large-1-OEn1xi {
  background-color: transparent;
  height: 54px;
  left: calc(50.00% - 109px);
  object-fit: cover;
  position: absolute;
  top: 28px;
  width: 218px;
}

.tablet-768-1-button .group-41-OEn1xi {
  background-color: transparent;
  height: 297px;
  position: absolute;
  right: calc(48.85% - 305px);
  top: 695px;
  width: 625px;
}

.tablet-768-1-button .group-14-UMxKQ6 {
  background-color: transparent;
  display: block;
  height: 243px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: translate(0, 25px);
  width: 285px;
}

.tablet-768-1-button .group-14-UMxKQ6.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet-768-1-button .benefit-counselors-a-PlaYQM {
  background-color: transparent;
  bottom: 0px;
  height: 169px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.tablet-768-1-button .headset-icon-PlaYQM {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.tablet-768-1-button .path-9-3x4a52 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.tablet-768-1-button .group-15-UMxKQ6 {
  background-color: transparent;
  display: block;
  height: 100%;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 25px);
  width: 299px;
}

.tablet-768-1-button .group-15-UMxKQ6.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet-768-1-button .important-m1BnIG {
  background-color: transparent;
  height: 27px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(25.56% - 7px);
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.tablet-768-1-button .appointments-are-ava-m1BnIG {
  background-color: transparent;
  bottom: 0px;
  height: 190px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: 100%;
}

.tablet-768-1-button .clock-icon-m1BnIG {
  background-color: transparent;
  height: 57px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.tablet-768-1-button .path-10-7x0mKI {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.tablet-768-1-button .path-1-OEn1xi {
  background-color: transparent;
  bottom: 46.19%;
  height: 1px;
  left: 71px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 141px);
}

.tablet-768-1-button .group-730-OEn1xi {
  background-color: transparent;
  height: 632px;
  position: absolute;
  right: calc(49.86% - 207px);
  top: 1121px;
  width: 415px;
}

.tablet-768-1-button .group-727-q3Wc4n {
  background-color: transparent;
  height: 149px;
  left: calc(50.00% - 152px);
  position: absolute;
  top: 0px;
  width: 303px;
}

.tablet-768-1-button .i-have-a-question-ab-0FXoo2 {
  background-color: transparent;
  height: 43px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: 305px;
}

.tablet-768-1-button .group-508-0FXoo2 {
  background-color: transparent;
  height: 88px;
  left: calc(46.15% - 135px);
  position: absolute;
  top: 61px;
  width: 292px;
}

.tablet-768-1-button .group-487-SpOrug {
  background-color: transparent;
  bottom: calc(48.83% - 27px);
  height: 55px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 57px;
}

.tablet-768-1-button .group-728-q3Wc4n {
  background-color: transparent;
  height: 147px;
  left: calc(50.00% - 178px);
  position: absolute;
  top: 193px;
  width: 357px;
}

.tablet-768-1-button .i-have-already-enrol-3q2F8V {
  background-color: transparent;
  height: 43px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: 359px;
}

.tablet-768-1-button .group-512-3q2F8V {
  background-color: transparent;
  height: 88px;
  left: calc(49.25% - 144px);
  position: absolute;
  top: 59px;
  width: 292px;
}

.tablet-768-1-button .group-513-MR9mKT {
  background-color: transparent;
  bottom: calc(50.00% - 20px);
  height: 39px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  width: 59px;
}

.tablet-768-1-button .make-an-appointment-q3Wc4n {
  bottom: 66px;
  height: 100px;
  left: 56px;
  width: calc(100.00% - 111px);
}

.tablet-768-1-button .x-q3Wc4n {
  background-color: transparent;
  bottom: 43px;
  height: 22px;
  letter-spacing: 0.53px;
  line-height: 22px;
  position: absolute;
  right: 13px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}

.tablet-768-1-button .group-729-q3Wc4n {
  background-color: transparent;
  height: 248px;
  left: calc(50.00% - 208px);
  position: absolute;
  top: 384px;
  width: 415px;
}

.tablet-768-1-button .i-have-not-enrolled-YIUJQI {
  background-color: transparent;
  height: 64px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: calc(45.83% - 179px);
  text-align: center;
  top: -2px;
  width: 391px;
}

.tablet-768-1-button .make-an-appointment-YIUJQI {
  height: 88px;
  pointer-events: auto;
  right: calc(49.59% - 145px);
  top: 85px;
  transition: all 0.3s ease;
  width: 292px;
}

.tablet-768-1-button .make-an-appointment-YIUJQI:hover {
  opacity: 0;
}

.tablet-768-1-button .if-you-plan-to-enrol-YIUJQI {
  background-color: transparent;
  height: 54px;
  left: 0px;
  letter-spacing: 0.43px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 194px;
  width: 417px;
}
/* screen - web-1280-1-button */

.web-1280-1-button {
  background-color: var(--background);
  margin: 0px;
  min-height: 1565px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.web-1280-1-button .mask-group-5-ekTDRr {
  background-color: transparent;
  bottom: calc(106.59% - 779px);
  height: 731px;
  object-fit: cover;
  position: absolute;
  right: -56px;
  width: 2080px;
}

.web-1280-1-button .rectangle-66-ekTDRr {
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 43.84%, rgba(255, 255, 255, 0.5) 54.68%, rgba(255, 255, 255, 0) 100%);
  background-color: transparent;
  height: 742px;
  left: 0px;
  position: absolute;
  top: -65px;
  width: calc(100.00% - 15px);
}

.web-1280-1-button .logo-nav-ekTDRr {
  height: 7.03%;
  left: -83px;
  position: absolute;
  width: calc(100.00% + 167px);
}

.web-1280-1-button .logo-nav-3OnBvp {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.web-1280-1-button .rectangle-6-F9Ddae {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1280-1-button .title-box-ekTDRr {
  background-color: transparent;
  display: block;
  height: 335px;
  left: 140px;
  opacity: 0;
  position: absolute;
  top: calc(16.50% - 55px);
  transform: translate(25px, 0);
  width: 437px;
}

.web-1280-1-button .title-box-ekTDRr.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.40s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.web-1280-1-button .group-34-iJngvm {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1280-1-button .welcome-to-your-benefits-enrollment-lWjBDP {
  background-color: transparent;
  height: 27px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 45px;
  white-space: nowrap;
  width: calc(100.00% - 53px);
}

.web-1280-1-button .title-lWjBDP {
  background-color: transparent;
  bottom: 3px;
  color: var(--text-000000);
  font-style: normal;
  font-weight: 300;
  height: 175px;
  left: 1px;
  line-height: 58px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.web-1280-1-button .rectangle-72-lWjBDP {
  background: linear-gradient(90deg, #00a79e 0%, rgba(0, 167, 158, 0) 94.96%);
  background-color: transparent;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.web-1280-1-button .rectangle-65-ekTDRr {
  background-color: var(--text-000000);
  bottom: -3px;
  height: 6.65%;
  left: -31px;
  position: absolute;
  width: calc(100.00% + 62px);
}

.web-1280-1-button .city-of-charlotte-black-horz_large-1-ekTDRr {
  background-color: transparent;
  height: 54px;
  left: calc(50.00% - 109px);
  object-fit: cover;
  position: absolute;
  top: 28px;
  width: 218px;
}

.web-1280-1-button .group-722-ekTDRr {
  background-color: transparent;
  bottom: 192px;
  height: 635px;
  left: 140px;
  position: absolute;
  width: calc(100.00% - 256px);
}

.web-1280-1-button .path-1-YLAQDZ {
  background-color: transparent;
  bottom: 1px;
  height: 635px;
  object-fit: cover;
  position: absolute;
  right: 524px;
  width: 1px;
}

.web-1280-1-button .group-40-YLAQDZ {
  background-color: transparent;
  height: 82.41%;
  position: absolute;
  right: 508px;
  top: 6px;
  width: 50.43%;
}

.web-1280-1-button .group-14-pYgx6k {
  background-color: transparent;
  display: block;
  height: 38.55%;
  left: 1px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 81.07%;
}

.web-1280-1-button .group-14-pYgx6k.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.web-1280-1-button .benefit-counselors-a-aGxPNH {
  background-color: transparent;
  bottom: 0px;
  height: 127px;
  left: 2px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 40px);
}

.web-1280-1-button .headset-icon-aGxPNH {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.web-1280-1-button .path-9-153Cpq {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.web-1280-1-button .group-15-pYgx6k {
  background-color: transparent;
  display: block;
  height: 47.47%;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 52.53%;
  transform: translate(0, 25px);
  width: 92.25%;
}

.web-1280-1-button .group-15-pYgx6k.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.web-1280-1-button .important-mJkCpa {
  background-color: transparent;
  height: 27px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(37.69% - 10px);
  white-space: nowrap;
  width: calc(100.00% - 38px);
}

.web-1280-1-button .appointments-are-ava-mJkCpa {
  background-color: transparent;
  bottom: 0px;
  height: 127px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 38px);
}

.web-1280-1-button .clock-icon-mJkCpa {
  background-color: transparent;
  height: 57px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.web-1280-1-button .path-10-gRqkC5 {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.web-1280-1-button .group-503-YLAQDZ {
  background-color: transparent;
  height: 99.50%;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 415px;
}

.web-1280-1-button .group-500-ioi6UU {
  background-color: transparent;
  height: 149px;
  position: absolute;
  right: 56px;
  top: 0px;
  width: 303px;
}

.web-1280-1-button .i-have-a-question-ab-KBkQbx {
  background-color: transparent;
  bottom: calc(101.89% - 44px);
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 305px;
}

.web-1280-1-button .group-508-KBkQbx {
  background-color: transparent;
  bottom: 0px;
  height: 59.06%;
  left: calc(46.15% - 135px);
  position: absolute;
  width: 292px;
}

.web-1280-1-button .group-487-xoRS3c {
  background-color: transparent;
  bottom: calc(48.83% - 27px);
  height: 55px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 57px;
}

.web-1280-1-button .group-501-ioi6UU {
  background-color: transparent;
  height: 147px;
  position: absolute;
  right: 29px;
  top: 193px;
  width: 357px;
}

.web-1280-1-button .i-have-already-enrol-rh8bCH {
  background-color: transparent;
  bottom: calc(101.92% - 44px);
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 359px;
}

.web-1280-1-button .group-512-rh8bCH {
  background-color: transparent;
  bottom: 0px;
  height: 59.86%;
  left: calc(49.25% - 144px);
  position: absolute;
  width: 292px;
}

.web-1280-1-button .group-513-Pxo25E {
  background-color: transparent;
  bottom: calc(50.00% - 20px);
  height: 39px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  width: 59px;
}

.web-1280-1-button .group-502-ioi6UU {
  background-color: transparent;
  height: 248px;
  position: absolute;
  right: 0px;
  top: 384px;
  width: 415px;
}

.web-1280-1-button .i-have-not-enrolled-9DSeDP {
  background-color: transparent;
  bottom: calc(101.09% - 65px);
  height: 64px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 11px;
  text-align: center;
  width: 391px;
}

.web-1280-1-button .make-an-appointment-9DSeDP {
  bottom: calc(44.59% - 45px);
  height: 100px;
  left: 56px;
  width: calc(100.00% - 111px);
}

.web-1280-1-button .make-an-appointment-J40Tte {
  bottom: calc(46.88% - 41px);
  height: 88px;
  left: 62px;
  pointer-events: auto;
  transition: all 0.3s ease;
  width: calc(100.00% - 123px);
}

.web-1280-1-button .make-an-appointment-J40Tte:hover {
  opacity: 0;
}

.web-1280-1-button .x-9DSeDP {
  background-color: transparent;
  bottom: calc(19.03% - 4px);
  height: 22px;
  letter-spacing: 0.53px;
  line-height: 22px;
  position: absolute;
  right: 13px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}

.web-1280-1-button .if-you-plan-to-enrol-9DSeDP {
  background-color: transparent;
  height: 54px;
  left: 0px;
  letter-spacing: 0.43px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 194px;
  width: 100.48%;
}
/* screen - web-1920-1-button */

.web-1920-1-button {
  background-color: var(--background);
  margin: 0px;
  min-height: 1579px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.web-1920-1-button .mask-group-4-uM5WSE {
  background-color: transparent;
  bottom: calc(109.39% - 830px);
  height: 759px;
  object-fit: cover;
  position: absolute;
  right: -16px;
  width: 2489px;
}

.web-1920-1-button .rectangle-66-uM5WSE {
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 43.84%, rgba(255, 255, 255, 0.5) 54.68%, rgba(255, 255, 255, 0) 100%);
  background-color: transparent;
  height: 759px;
  left: -31px;
  position: absolute;
  top: -76px;
  width: calc(100.00% + 47px);
}

.web-1920-1-button .logo-nav-uM5WSE {
  height: 6.97%;
  left: -31px;
  position: absolute;
  width: calc(100.00% + 63px);
}

.web-1920-1-button .logo-nav-OaE7UI {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.web-1920-1-button .rectangle-6-YhSAfX {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-1-button .title-box-uM5WSE {
  background-color: transparent;
  display: block;
  height: 354px;
  left: 317px;
  opacity: 0;
  position: absolute;
  top: calc(16.82% - 60px);
  transform: translate(25px, 0);
  width: 440px;
}

.web-1920-1-button .title-box-uM5WSE.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.40s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.web-1920-1-button .group-34-x12IyA {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-1-button .welcome-to-your-benefits-enrollment-CiYnUN {
  background-color: transparent;
  height: 27px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(15.90% - 4px);
  white-space: nowrap;
  width: calc(100.00% - 56px);
}

.web-1920-1-button .title-CiYnUN {
  background-color: transparent;
  bottom: 3px;
  color: var(--text-000000);
  font-style: normal;
  font-weight: 300;
  height: 233px;
  left: 0px;
  line-height: 58px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 1px);
}

.web-1920-1-button .rectangle-72-CiYnUN {
  background: linear-gradient(90deg, #00a79e 0%, rgba(0, 167, 158, 0) 94.96%);
  background-color: transparent;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 3px);
}

.web-1920-1-button .group-721-uM5WSE {
  background-color: transparent;
  bottom: 188px;
  height: 632px;
  left: calc(47.10% - 587px);
  position: absolute;
  width: 1247px;
}

.web-1920-1-button .path-1-p5gxnx {
  background-color: transparent;
  bottom: 42px;
  height: 590px;
  object-fit: cover;
  position: absolute;
  right: 606px;
  width: 1px;
}

.web-1920-1-button .group-39-p5gxnx {
  background-color: transparent;
  height: 79.16%;
  position: absolute;
  right: 774px;
  top: 23px;
  width: 37.93%;
}

.web-1920-1-button .group-15-fqh8lN {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 224px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.web-1920-1-button .group-15-fqh8lN.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.web-1920-1-button .important-VQzLW9 {
  background-color: transparent;
  height: 27px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(42.22% - 11px);
  white-space: nowrap;
  width: calc(100.00% - 49px);
}

.web-1920-1-button .appointments-are-ava-VQzLW9 {
  background-color: transparent;
  bottom: 0px;
  height: 106px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.web-1920-1-button .clock-icon-VQzLW9 {
  background-color: transparent;
  height: 57px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.web-1920-1-button .path-10-8lGvUA {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.web-1920-1-button .group-14-fqh8lN {
  background-color: transparent;
  display: block;
  height: 184px;
  left: 1px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: calc(100.00% - 14px);
}

.web-1920-1-button .group-14-fqh8lN.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.web-1920-1-button .group-718-iJ4T2R {
  background-color: transparent;
  bottom: 0px;
  height: 104px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.web-1920-1-button .benefit-counselors-a-CxFP3B {
  background-color: transparent;
  bottom: 0px;
  height: 106px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.web-1920-1-button .headset-icon-iJ4T2R {
  background-color: transparent;
  height: 52px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.web-1920-1-button .path-9-RTjdvH {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.web-1920-1-button .group-503-p5gxnx {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 415px;
}

.web-1920-1-button .group-500-YIyfwK {
  background-color: transparent;
  height: 149px;
  position: absolute;
  right: 56px;
  top: 0px;
  width: 303px;
}

.web-1920-1-button .i-have-a-question-ab-9KeBpN {
  background-color: transparent;
  bottom: calc(101.89% - 44px);
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 305px;
}

.web-1920-1-button .group-508-9KeBpN {
  background-color: transparent;
  bottom: 0px;
  height: 59.06%;
  left: calc(46.15% - 135px);
  position: absolute;
  width: 292px;
}

.web-1920-1-button .group-487-Q2oZIz {
  background-color: transparent;
  bottom: calc(48.83% - 27px);
  height: 55px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 57px;
}

.web-1920-1-button .group-501-YIyfwK {
  background-color: transparent;
  height: 147px;
  position: absolute;
  right: 29px;
  top: 193px;
  width: 357px;
}

.web-1920-1-button .i-have-already-enrol-Ep7But {
  background-color: transparent;
  bottom: calc(101.92% - 44px);
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 359px;
}

.web-1920-1-button .group-512-Ep7But {
  background-color: transparent;
  bottom: 0px;
  height: 59.86%;
  left: calc(49.25% - 144px);
  position: absolute;
  width: 292px;
}

.web-1920-1-button .group-513-zxcFjU {
  background-color: transparent;
  bottom: calc(50.00% - 20px);
  height: 39px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  width: 59px;
}

.web-1920-1-button .group-502-YIyfwK {
  background-color: transparent;
  height: 248px;
  position: absolute;
  right: 0px;
  top: 384px;
  width: 415px;
}

.web-1920-1-button .i-have-not-enrolled-nzJ3uU {
  background-color: transparent;
  bottom: calc(101.09% - 65px);
  height: 64px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 11px;
  text-align: center;
  width: 391px;
}

.web-1920-1-button .make-an-appointment-nzJ3uU {
  bottom: calc(44.59% - 45px);
  height: 100px;
  left: 56px;
  width: calc(100.00% - 111px);
}

.web-1920-1-button .make-an-appointment-fHwA3Z {
  bottom: calc(46.88% - 41px);
  height: 88px;
  left: 62px;
  pointer-events: auto;
  transition: all 0.3s ease;
  width: calc(100.00% - 123px);
}

.web-1920-1-button .make-an-appointment-fHwA3Z:hover {
  opacity: 0;
}

.web-1920-1-button .x-nzJ3uU {
  background-color: transparent;
  bottom: calc(19.03% - 4px);
  height: 22px;
  letter-spacing: 0.53px;
  line-height: 22px;
  position: absolute;
  right: 13px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}

.web-1920-1-button .if-you-plan-to-enrol-nzJ3uU {
  background-color: transparent;
  height: 54px;
  left: 0px;
  letter-spacing: 0.43px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 194px;
  width: 100.48%;
}

.web-1920-1-button .city-of-charlotte-black-horz_large-1-uM5WSE {
  background-color: transparent;
  height: 54px;
  object-fit: cover;
  position: absolute;
  right: calc(49.06% - 107px);
  top: 28px;
  width: 218px;
}

.web-1920-1-button .rectangle-65-uM5WSE {
  background-color: var(--text-000000);
  bottom: -2px;
  height: 6.59%;
  left: -74px;
  position: absolute;
  width: calc(100.00% + 148px);
}
@media screen and (max-width: 767px) {
  .screen.web-1920-1-button { 
    display: none;
   }
  .screen.web-1280-1-button { 
    display: none;
   }
  .screen.tablet-768-1-button { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .screen.web-1920-1-button { 
    display: none;
   }
  .screen.web-1280-1-button { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .screen.web-1920-1-button { 
    display: none;
   }
  .screen.tablet-768-1-button { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.web-1280-1-button { 
    display: none;
   }
  .screen.tablet-768-1-button { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}