/* screen - index */

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

.index .phone-2-theme-1-images-IO3Fu5 {
  background-color: transparent;
  height: 466px;
  left: -654px;
  object-fit: cover;
  position: absolute;
  top: 100px;
  width: calc(100.00% + 1070px);
}

.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: 110px;
  width: calc(100.00% + 2px);
}

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

.index .group-18-IO3Fu5 {
  background-color: transparent;
  bottom: calc(8.76% - 73px);
  display: block;
  height: 834px;
  left: calc(50.00% - 150px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 300px;
}

.index .group-18-IO3Fu5.bp4-animate-enter {
  animation: bp4-animate-enter-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index .steps-card-phone-XQ69nU {
  top: 0px;
}

.index .click-on-the-schedul-qMPfxe {
  background-color: transparent;
  height: 67px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 20px;
  text-align: left;
  top: calc(48.23% - 32px);
  width: 221px;
}

.index .x1-qMPfxe {
  background-color: transparent;
  bottom: calc(49.25% - 23px);
  height: 47px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.index .steps-card-phone-6C4ZlL {
  top: calc(33.35% - 60px);
}

.index .select-a-day-and-tim-hXCZAw {
  background-color: transparent;
  height: 46px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 23px;
  text-align: left;
  top: calc(49.25% - 23px);
  width: 221px;
}

.index .x2-hXCZAw {
  background-color: transparent;
  bottom: calc(49.35% - 23px);
  height: 47px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.index .steps-card-phone-oQEyW7 {
  bottom: calc(33.33% - 60px);
}

.index .enter-the-required-c-R0HQhz {
  background-color: transparent;
  height: 88px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 23px;
  text-align: left;
  top: calc(45.65% - 40px);
  width: 221px;
}

.index .x3-R0HQhz {
  background-color: transparent;
  bottom: calc(49.35% - 23px);
  height: 47px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.index .steps-card-phone-WEgUrT {
  bottom: 0px;
}

.index .mark-your-calendar-a-bgnOef {
  background-color: transparent;
  height: 67px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 34px;
  text-align: left;
  top: calc(47.79% - 32px);
  width: 210px;
}

.index .x4-bgnOef {
  background-color: transparent;
  bottom: calc(49.35% - 23px);
  height: 47px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.index .logo-nav-IO3Fu5 {
  height: 3.51%;
  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: absolute;
  top: 0px;
  width: 100%;
}

.index .logo_hp_-electric_-blue_keyline-jjGn1l {
  background-color: transparent;
  border-radius: 36px;
  height: 72px;
  object-fit: cover;
  position: absolute;
  right: calc(49.88% - 36px);
  top: 22px;
  width: 72px;
}

.index .title-box-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 377px;
  opacity: 0;
  position: absolute;
  right: calc(49.09% - 157px);
  top: 611px;
  transform: translate(25px, 0);
  width: 320px;
}

.index .title-box-IO3Fu5.bp4-animate-enter1 {
  animation: bp4-animate-enter1-frames 0.40s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .group-34-0mS2gP {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .welcome-to-your-benefits-enrollment-wh7PC8 {
  background-color: transparent;
  height: 57px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 48px;
  width: calc(100.00% + 2px);
}

.index .title-wh7PC8 {
  background-color: transparent;
  bottom: calc(45.23% - 81px);
  color: #000000de;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
  height: 178px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 35px);
}

.index .group-549-wh7PC8 {
  background-color: transparent;
  bottom: 0px;
  height: 64px;
  left: 1px;
  position: absolute;
  width: 206px;
}

.index .schedule-now-1xZPO6 {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% + 9px);
  left: -4px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -2px;
  transition: all 0.2s ease;
  width: calc(100.00% + 9px);
}

.index .schedule-now-1xZPO6:hover {
  transform: scale(0.9); 
}

.index .rectangle-72-wh7PC8 {
  background: linear-gradient(90deg, #0856c2 0%, rgba(8, 86, 194, 0) 94.96%);
  background-color: transparent;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 10px);
}

.index .its-quick-and-easy-t-IO3Fu5 {
  background-color: transparent;
  bottom: calc(35.00% - 19px);
  height: 54px;
  left: 44px;
  letter-spacing: 0.15px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: calc(100.00% - 85px);
}

.index .rectangle-65-IO3Fu5 {
  background-color: var(--denim);
  bottom: 0px;
  height: 3.32%;
  left: -25px;
  position: absolute;
  width: calc(100.00% + 56px);
}

.index .group-721-IO3Fu5 {
  background-color: transparent;
  height: 847px;
  left: 27px;
  position: absolute;
  top: calc(45.94% - 389px);
  width: calc(100.00% - 53px);
}

.index .group-14-r58tiA {
  background-color: transparent;
  display: block;
  height: 267px;
  left: 1px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 35px;
  transform: translate(0, 25px);
  width: calc(100.00% - 2px);
}

.index .group-14-r58tiA.bp4-animate-enter2 {
  animation: bp4-animate-enter2-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index .benefits-counselors-M1vJSz {
  background-color: transparent;
  bottom: 0px;
  height: 193px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 1px);
}

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

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

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

.index .group-720-r58tiA {
  background-color: transparent;
  bottom: 0px;
  height: 510px;
  left: 1px;
  position: absolute;
  width: calc(100.00% - 2px);
}

.index .important-JTpxWK {
  background-color: transparent;
  height: 31px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(16.58% - 5px);
  white-space: nowrap;
  width: 270px;
}

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

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

.index .group-719-JTpxWK {
  background-color: transparent;
  bottom: 0px;
  height: 391px;
  left: 1px;
  position: absolute;
  width: 100%;
}

.index .ensure-youve-complet-t3W7Kl {
  background-color: transparent;
  height: 67px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: -2px;
  width: calc(100.00% + 2px);
}

.index .if-you-dont-have-soc-t3W7Kl {
  background-color: transparent;
  height: 151px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(36.45% - 55px);
  width: 100%;
}

.index .have-a-question-abou-t3W7Kl {
  background-color: transparent;
  bottom: 0px;
  height: 130px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: 100%;
}

.index .steps-card-phone {
  background-color: transparent;
  height: 180px;
  left: 0px;
  position: absolute;
  width: 100%;
}
/* screen - tablet-768-1-button */

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

.tablet-768-1-button .phone-2-theme-1-images-OEn1xi {
  background-color: transparent;
  height: 577px;
  left: -576px;
  object-fit: cover;
  position: absolute;
  top: 55px;
  width: calc(100.00% + 1022px);
}

.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 .path-1-OEn1xi {
  background-color: transparent;
  bottom: 39.06%;
  height: 1px;
  left: 71px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 141px);
}

.tablet-768-1-button .logo-nav-OEn1xi {
  height: 5.29%;
  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: 376px;
  left: 72px;
  opacity: 0;
  position: absolute;
  top: calc(11.32% - 43px);
  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: 57px;
  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: calc(45.45% - 81px);
  color: #000000de;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
  height: 178px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 44px);
}

.tablet-768-1-button .group-549-Co51vx {
  background-color: transparent;
  bottom: 0px;
  height: 64px;
  left: 1px;
  position: absolute;
  width: 206px;
}

.tablet-768-1-button .schedule-now-IbYCGh {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% + 9px);
  left: -4px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -2px;
  transition: all 0.2s ease;
  width: calc(100.00% + 9px);
}

.tablet-768-1-button .schedule-now-IbYCGh:hover {
  transform: scale(0.9); 
}

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

.tablet-768-1-button .its-quick-and-easy-t-OEn1xi {
  background-color: transparent;
  bottom: calc(35.85% - 10px);
  height: 28px;
  left: 60px;
  letter-spacing: 0.15px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 128px);
}

.tablet-768-1-button .group-699-OEn1xi {
  background-color: transparent;
  bottom: 180px;
  height: 521px;
  position: absolute;
  right: calc(49.83% - 235px);
  width: 471px;
}

.tablet-768-1-button .steps-card-z2ql86 {
  top: 0px;
}

.tablet-768-1-button .click-on-the-schedul-xWUAMT {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 110px);
}

.tablet-768-1-button .x1-xWUAMT {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.tablet-768-1-button .steps-card-7fDqzo {
  top: calc(33.09% - 34px);
}

.tablet-768-1-button .select-a-day-and-tim-JgBLiR {
  background-color: transparent;
  height: 25px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(49.37% - 12px);
  white-space: nowrap;
  width: calc(100.00% - 110px);
}

.tablet-768-1-button .x2-JgBLiR {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.tablet-768-1-button .steps-card-UfoMiH {
  bottom: calc(33.81% - 35px);
}

.tablet-768-1-button .enter-the-required-c-khB3c2 {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 68px);
}

.tablet-768-1-button .x3-khB3c2 {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.tablet-768-1-button .steps-card-d7kjME {
  bottom: 0px;
}

.tablet-768-1-button .mark-your-calendar-a-uCxNgp {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 110px);
}

.tablet-768-1-button .x4-uCxNgp {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.tablet-768-1-button .rectangle-65-OEn1xi {
  background-color: var(--denim);
  bottom: 0px;
  height: 5.00%;
  left: -44px;
  position: absolute;
  width: calc(100.00% + 82px);
}

.tablet-768-1-button .group-718-OEn1xi {
  background-color: transparent;
  height: 516px;
  left: 73px;
  position: absolute;
  top: calc(44.41% - 229px);
  width: calc(100.00% - 143px);
}

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

.tablet-768-1-button .group-14-ibY0ye.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 .benefits-counselors-g1Z7np {
  background-color: transparent;
  bottom: 0px;
  height: 193px;
  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-g1Z7np {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

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

.tablet-768-1-button .group-717-ibY0ye {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 299px;
}

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

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

.tablet-768-1-button .path-10-AEf4Ci {
  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 .group-716-VAsdEV {
  background-color: transparent;
  height: calc(100.00% - 109px);
  left: 0px;
  position: absolute;
  top: 109px;
  width: calc(100.00% - 2px);
}

.tablet-768-1-button .ensure-youve-complet-Qp6mxr {
  background-color: transparent;
  height: 67px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: -2px;
  width: calc(100.00% + 2px);
}

.tablet-768-1-button .if-you-dont-have-soc-Qp6mxr {
  background-color: transparent;
  height: 151px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(33.20% - 50px);
  width: 100%;
}

.tablet-768-1-button .have-a-question-abou-Qp6mxr {
  background-color: transparent;
  bottom: 0px;
  height: 151px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: 100%;
}

.tablet-768-1-button .logo_hp_-electric_-blue_keyline-OEn1xi {
  background-color: transparent;
  border-radius: 36px;
  height: 72px;
  left: calc(50.00% - 36px);
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 72px;
}

.tablet-768-1-button .steps-card {
  background-color: transparent;
  height: 104px;
  left: 0px;
  position: absolute;
  width: 100%;
}
/* screen - web-1280-1-button */

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

.web-1280-1-button .phone-2-theme-1-images-ekTDRr {
  background-color: transparent;
  height: 619px;
  left: -293px;
  object-fit: cover;
  position: absolute;
  top: 56px;
  width: calc(100.00% + 640px);
}

.web-1280-1-button .group-5-ekTDRr {
  background-color: transparent;
  bottom: calc(106.14% - 776px);
  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: 6.76%;
  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: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-1-button .logo_hp_-electric_-blue_keyline-F9Ddae {
  background-color: transparent;
  height: 72px;
  left: calc(48.95% - 35px);
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 72px;
}

.web-1280-1-button .title-box-ekTDRr {
  background-color: transparent;
  display: block;
  height: 374px;
  left: 140px;
  opacity: 0;
  position: absolute;
  top: calc(16.20% - 61px);
  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: 31px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(17.78% - 6px);
  white-space: nowrap;
  width: calc(100.00% - 53px);
}

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

.web-1280-1-button .group-549-lWjBDP {
  background-color: transparent;
  bottom: 0px;
  height: 64px;
  left: 3px;
  position: absolute;
  width: 250px;
}

.web-1280-1-button .schedule-now-0DArkx {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% + 9px);
  left: -4px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -2px;
  transition: all 0.2s ease;
  width: calc(100.00% + 9px);
}

.web-1280-1-button .schedule-now-0DArkx:hover {
  transform: scale(0.9); 
}

.web-1280-1-button .rectangle-72-lWjBDP {
  background: linear-gradient(90deg, #0856c2 0%, rgba(8, 86, 194, 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(--denim);
  bottom: -1px;
  height: 6.39%;
  left: -38px;
  position: absolute;
  width: calc(100.00% + 94px);
}

.web-1280-1-button .path-1-ekTDRr {
  background-color: transparent;
  bottom: 170px;
  height: 719px;
  left: 50.00%;
  object-fit: cover;
  position: absolute;
  width: 1px;
}

.web-1280-1-button .group-19-ekTDRr {
  background-color: transparent;
  display: block;
  height: 584px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: calc(10.78% - 66px);
  top: 733px;
  transform: translate(0, 25px);
  width: 612px;
}

.web-1280-1-button .group-19-ekTDRr.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 .its-quick-and-easy-t-IGp0Ky {
  background-color: transparent;
  height: 28px;
  left: 100px;
  letter-spacing: 0.15px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: -3px;
  white-space: nowrap;
  width: calc(100.00% - 98px);
}

.web-1280-1-button .steps-card-IGp0Ky {
  top: 63px;
}

.web-1280-1-button .click-on-the-schedul-PQtM5g {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 110px);
}

.web-1280-1-button .x1-PQtM5g {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1280-1-button .steps-card-Cfrxva {
  top: calc(41.88% - 44px);
}

.web-1280-1-button .select-a-day-and-tim-8OoU0c {
  background-color: transparent;
  height: 25px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(49.37% - 12px);
  white-space: nowrap;
  width: calc(100.00% - 110px);
}

.web-1280-1-button .x2-8OoU0c {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1280-1-button .steps-card-RCwOWo {
  bottom: calc(29.38% - 31px);
}

.web-1280-1-button .enter-the-required-c-VfgEeC {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 68px);
}

.web-1280-1-button .x3-VfgEeC {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1280-1-button .steps-card-0wRUG5 {
  bottom: 0px;
}

.web-1280-1-button .mark-your-calendar-a-ibZ4NU {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 110px);
}

.web-1280-1-button .x4-ibZ4NU {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1280-1-button .group-714-ekTDRr {
  background-color: transparent;
  bottom: 174px;
  height: 709px;
  left: 140px;
  position: absolute;
  width: 436px;
}

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

.web-1280-1-button .group-14-TnekqU.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 .benefits-counselors-1YDp8w {
  background-color: transparent;
  bottom: 0px;
  height: 151px;
  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-1YDp8w {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

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

.web-1280-1-button .group-713-TnekqU {
  background-color: transparent;
  bottom: 0px;
  height: 434px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.web-1280-1-button .important-CEipaf {
  background-color: transparent;
  height: 31px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(20.69% - 6px);
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1280-1-button .ensure-youve-complet-CEipaf {
  background-color: transparent;
  height: 67px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(33.06% - 22px);
  width: 100%;
}

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

.web-1280-1-button .path-10-Tz77C7 {
  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 .if-you-dont-have-soc-CEipaf {
  background-color: transparent;
  bottom: calc(38.53% - 34px);
  height: 88px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: 100%;
}

.web-1280-1-button .have-a-question-abou-CEipaf {
  background-color: transparent;
  bottom: 0px;
  height: 109px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: 100%;
}

.web-1280-1-button .steps-card {
  background-color: transparent;
  height: 104px;
  left: 105px;
  position: absolute;
  width: calc(100.00% - 143px);
}
/* screen - web-1920-1-button */

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

.web-1920-1-button .phone-2-theme-1-images-uM5WSE {
  background-color: transparent;
  height: 619px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 48px;
  width: 100%;
}

.web-1920-1-button .group-4-uM5WSE {
  background-color: transparent;
  bottom: calc(109.12% - 828px);
  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.86%;
  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 .rectangle-65-uM5WSE {
  background-color: var(--denim);
  bottom: 0px;
  height: 6.49%;
  left: -74px;
  position: absolute;
  width: calc(100.00% + 148px);
}

.web-1920-1-button .title-box-uM5WSE {
  background-color: transparent;
  display: block;
  height: 396px;
  left: 317px;
  opacity: 0;
  position: absolute;
  top: calc(17.07% - 68px);
  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: 31px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(15.89% - 5px);
  white-space: nowrap;
  width: calc(100.00% - 56px);
}

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

.web-1920-1-button .group-549-CiYnUN {
  background-color: transparent;
  bottom: 0px;
  height: 64px;
  left: 3px;
  position: absolute;
  width: 250px;
}

.web-1920-1-button .schedule-now-oQ4APc {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% + 9px);
  left: -4px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -2px;
  transition: all 0.2s ease;
  width: calc(100.00% + 9px);
}

.web-1920-1-button .schedule-now-oQ4APc:hover {
  transform: scale(0.9); 
}

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

.web-1920-1-button .path-1-uM5WSE {
  background-color: transparent;
  bottom: 187px;
  height: 677px;
  left: 49.84%;
  object-fit: cover;
  position: absolute;
  width: 1px;
}

.web-1920-1-button .group-19-uM5WSE {
  background-color: transparent;
  display: block;
  height: 584px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: calc(21.71% - 133px);
  top: 740px;
  transform: translate(0, 25px);
  width: 612px;
}

.web-1920-1-button .group-19-uM5WSE.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 .its-quick-and-easy-t-YOp0Co {
  background-color: transparent;
  height: 28px;
  left: 100px;
  letter-spacing: 0.15px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: -3px;
  white-space: nowrap;
  width: calc(100.00% - 98px);
}

.web-1920-1-button .steps-card-YOp0Co {
  top: 63px;
}

.web-1920-1-button .click-on-the-schedul-XCYA9w {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 110px);
}

.web-1920-1-button .x1-XCYA9w {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1920-1-button .steps-card-xmCxVA {
  top: calc(41.88% - 44px);
}

.web-1920-1-button .select-a-day-and-tim-QxGZCq {
  background-color: transparent;
  height: 25px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(49.37% - 12px);
  white-space: nowrap;
  width: calc(100.00% - 110px);
}

.web-1920-1-button .x2-QxGZCq {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1920-1-button .steps-card-aTxpZW {
  bottom: calc(29.38% - 31px);
}

.web-1920-1-button .enter-the-required-c-9yYafQ {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 68px);
}

.web-1920-1-button .x3-9yYafQ {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1920-1-button .steps-card-hPdyGp {
  bottom: 0px;
}

.web-1920-1-button .mark-your-calendar-a-zKpfTi {
  background-color: transparent;
  height: 46px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 23px);
  width: calc(100.00% - 110px);
}

.web-1920-1-button .x4-zKpfTi {
  background-color: transparent;
  bottom: calc(47.37% - 22px);
  height: 47px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  width: 38px;
}

.web-1920-1-button .group-711-uM5WSE {
  background-color: transparent;
  bottom: 177px;
  height: 664px;
  left: calc(21.91% - 104px);
  position: absolute;
  width: 473px;
}

.web-1920-1-button .group-14-Vuc6na {
  background-color: transparent;
  display: block;
  height: 229px;
  left: 0px;
  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-Vuc6na.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 .benefits-counselors-rsxWpn {
  background-color: transparent;
  bottom: 0px;
  height: 151px;
  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-rsxWpn {
  background-color: transparent;
  height: 52px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 57px;
}

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

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

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

.web-1920-1-button .ensure-youve-complet-B5gDpe {
  background-color: transparent;
  height: 69px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: calc(36.92% - 25px);
  width: calc(100.00% + 2px);
}

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

.web-1920-1-button .path-10-vl2pPx {
  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 .if-you-dont-have-soc-B5gDpe {
  background-color: transparent;
  bottom: calc(29.55% - 37px);
  height: 126px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 22px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  width: 100%;
}

.web-1920-1-button .have-a-question-abou-B5gDpe {
  background-color: transparent;
  bottom: 1px;
  height: 91px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  width: 100%;
}

.web-1920-1-button .logo_hp_-electric_-blue_keyline-uM5WSE {
  background-color: transparent;
  border-radius: 36px;
  height: 72px;
  left: calc(50.00% - 36px);
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 72px;
}

.web-1920-1-button .steps-card {
  background-color: transparent;
  height: 104px;
  left: 105px;
  position: absolute;
  width: calc(100.00% - 143px);
}
@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;
   }
}