/* screen - index */

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

.index .single-2-707446209_site-IO3Fu5 {
  background-color: transparent;
  height: 1024px;
  left: -522px;
  object-fit: cover;
  position: absolute;
  top: -480px;
  width: calc(100.00% + 1162px);
}

.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 .group-14-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 390px;
  left: 28px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: calc(38.22% - 149px);
  transform: translate(0, 25px);
  width: calc(100.00% - 55px);
}

.index .group-14-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 .benefits-counselors-l6pkTk {
  background-color: transparent;
  bottom: 0px;
  height: 316px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 1px);
}

.index .span0-gMn71S {
}

.index .span1-gMn71S {
}

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

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

.index .group-15-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 328px;
  left: 28px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: calc(48.99% - 161px);
  transform: translate(0, 25px);
  width: calc(100.00% - 55px);
}

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

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

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

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

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

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

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

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

.index .group-18-IO3Fu5 {
  background-color: transparent;
  bottom: calc(29.12% - 243px);
  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-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 .steps-card-phone-XQ69nU {
  top: 0px;
}

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

.index .x1-qMPfxe {
  background-color: transparent;
  height: 42px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.91% - 21px);
  white-space: nowrap;
  width: 38px;
}

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

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

.index .x2-hXCZAw {
  background-color: transparent;
  height: 42px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.81% - 21px);
  white-space: nowrap;
  width: 38px;
}

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

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

.index .x3-R0HQhz {
  background-color: transparent;
  height: 42px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.81% - 21px);
  white-space: nowrap;
  width: 38px;
}

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

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

.index .x4-bgnOef {
  background-color: transparent;
  height: 42px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.81% - 21px);
  white-space: nowrap;
  width: 38px;
}

.index .logo-nav-IO3Fu5 {
  height: 2.69%;
  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 .hsbc_logo-jjGn1l {
  background-color: transparent;
  height: 60px;
  object-fit: cover;
  position: absolute;
  right: calc(49.81% - 111px);
  top: 25px;
  width: 222px;
}

.index .group-718-IO3Fu5 {
  background-color: transparent;
  height: 410px;
  left: 28px;
  position: absolute;
  top: 611px;
  width: calc(100.00% - 55px);
}

.index .welcome-to-hsbc-nort-tDsmRr {
  background-color: transparent;
  height: 79px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 48px;
  width: calc(100.00% + 2px);
}

.index .title-tDsmRr {
  background-color: transparent;
  bottom: calc(41.18% - 71px);
  color: #000000de;
  font-family: var(--font-family-roboto);
  font-size: 38px;
  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% - 35px);
}

.index .schedule-now-tDsmRr {
  background-color: transparent;
  bottom: -6px;
  cursor: pointer;
  height: 73px;
  left: -4px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 215px;
}

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

.index .rectangle-72-tDsmRr {
  background: linear-gradient(90deg, #e42113 0%, rgba(228, 33, 19, 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(44.93% - 23px);
  height: 52px;
  left: 44px;
  letter-spacing: 0.15px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: calc(100.00% - 85px);
}

.index .important-note-any-i-IO3Fu5 {
  background-color: transparent;
  bottom: 143px;
  height: 714px;
  left: 38px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 73px);
}

.index .span0-wGAZD6 {
}

.index .span1-wGAZD6 {
}

.index .group-726-IO3Fu5 {
  background-color: transparent;
  height: 286px;
  left: 28px;
  position: absolute;
  top: calc(27.63% - 79px);
  width: calc(100.00% - 27px);
}

.index .important-appointmen-SKvztj {
  background-color: transparent;
  height: 142px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 289px;
}

.index .for-benefits-enrollm-SKvztj {
  background-color: transparent;
  bottom: -2px;
  color: var(--text-000000);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  height: 148px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.index .span0-x9Q1xK {
  font-style: normal;
  font-weight: 400;
}

.index .span1-x9Q1xK {
}

.index .span2-x9Q1xK {
  font-size: var(--font-size-xxl);
  font-style: normal;
}

.index .rectangle-69-IO3Fu5 {
  background-color: var(--alizarin-crimson);
  bottom: 1px;
  height: 2.54%;
  left: -52px;
  position: absolute;
  width: calc(100.00% + 105px);
}

.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: 2631px;
  min-width: 768px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tablet-768-1-button .single-2-707446209_site-OEn1xi {
  background-color: transparent;
  height: 1290px;
  left: -434px;
  object-fit: cover;
  position: absolute;
  top: -383px;
  width: calc(100.00% + 1167px);
}

.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: 923px;
  left: -14px;
  position: absolute;
  top: 19px;
  width: calc(100.00% - 2px);
}

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

.tablet-768-1-button .group-14-UMxKQ6 {
  background-color: transparent;
  display: block;
  height: 100%;
  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-enter {
  animation: bp3-animate-enter-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.tablet-768-1-button .span0-Oic3v7 {
}

.tablet-768-1-button .span1-Oic3v7 {
}

.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: 297px;
  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-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 .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: 45.23%;
  height: 1px;
  left: 71px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 141px);
}

.tablet-768-1-button .logo-nav-OEn1xi {
  height: 4.18%;
  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: absolute;
  top: 0px;
  width: 100%;
}

.tablet-768-1-button .hsbc_logo-YrmQhj {
  background-color: transparent;
  bottom: calc(42.00% - 25px);
  height: 60px;
  left: calc(20.09% - 45px);
  object-fit: cover;
  position: absolute;
  width: 222px;
}

.tablet-768-1-button .group-717-OEn1xi {
  background-color: transparent;
  height: 394px;
  left: 72px;
  position: absolute;
  top: 193px;
  width: 324px;
}

.tablet-768-1-button .welcome-to-hsbc-nort-Mn3nlx {
  background-color: transparent;
  height: 79px;
  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-Mn3nlx {
  background-color: transparent;
  bottom: calc(41.89% - 72px);
  color: #000000de;
  font-family: var(--font-family-roboto);
  font-size: 38px;
  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 .schedule-now-Mn3nlx {
  background-color: transparent;
  bottom: -6px;
  cursor: pointer;
  height: 73px;
  left: -4px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 215px;
}

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

.tablet-768-1-button .rectangle-72-Mn3nlx {
  background: linear-gradient(90deg, #e42113 0%, rgba(228, 33, 19, 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(42.38% - 11px);
  height: 26px;
  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: 546px;
  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: 43px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(47.54% - 20px);
  width: calc(100.00% - 110px);
}

.tablet-768-1-button .x1-xWUAMT {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  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: 22px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(47.56% - 10px);
  white-space: nowrap;
  width: calc(100.00% - 110px);
}

.tablet-768-1-button .x2-JgBLiR {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  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: 43px;
  left: 59px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(47.54% - 20px);
  width: calc(100.00% - 68px);
}

.tablet-768-1-button .x3-khB3c2 {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

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

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

.tablet-768-1-button .x4-uCxNgp {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.tablet-768-1-button .group-725-OEn1xi {
  background-color: transparent;
  height: 248px;
  left: 78px;
  position: absolute;
  top: calc(26.65% - 66px);
  width: 403px;
}

.tablet-768-1-button .important-appointmen-rhUq18 {
  background-color: transparent;
  height: 114px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: calc(100.00% + 2px);
}

.tablet-768-1-button .for-benefits-enrollm-rhUq18 {
  background-color: transparent;
  bottom: -2px;
  color: var(--text-000000);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  height: 148px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 55px);
}

.tablet-768-1-button .span0-BuEzlb {
  font-style: normal;
  font-weight: 400;
}

.tablet-768-1-button .span1-BuEzlb {
}

.tablet-768-1-button .span2-BuEzlb {
  font-size: var(--font-size-xxl);
  font-style: normal;
}

.tablet-768-1-button .important-note-any-i-OEn1xi {
  background-color: transparent;
  bottom: 44px;
  height: 436px;
  left: 73px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 141px);
}

.tablet-768-1-button .span0-6jk4Mv {
}

.tablet-768-1-button .span1-6jk4Mv {
}

.tablet-768-1-button .rectangle-65-OEn1xi {
  background-color: var(--alizarin-crimson);
  bottom: -6px;
  height: 3.95%;
  left: -37px;
  position: absolute;
  width: calc(100.00% + 74px);
}

.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: 1976px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.web-1280-1-button .single-2-707446209_site-ekTDRr {
  background-color: transparent;
  height: 1420px;
  left: -224px;
  object-fit: cover;
  position: absolute;
  top: -526px;
  width: calc(100.00% + 850px);
}

.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: 975px;
  left: 0px;
  position: absolute;
  top: -65px;
  width: calc(100.00% - 15px);
}

.web-1280-1-button .logo-nav-ekTDRr {
  height: 5.57%;
  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 .hsbc_logo-F9Ddae {
  background-color: transparent;
  bottom: calc(38.00% - 23px);
  height: 60px;
  left: calc(18.37% - 41px);
  object-fit: cover;
  position: absolute;
  width: 222px;
}

.web-1280-1-button .group-715-ekTDRr {
  background-color: transparent;
  height: 374px;
  left: 143px;
  position: absolute;
  top: 203px;
  width: 440px;
}

.web-1280-1-button .schedule-now-M6wzss {
  background-color: transparent;
  bottom: -6px;
  cursor: pointer;
  height: 73px;
  left: -4px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 259px;
}

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

.web-1280-1-button .group-714-M6wzss {
  background-color: transparent;
  height: 281px;
  left: 3px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 3px);
}

.web-1280-1-button .welcome-to-hsbc-nort-fGc9hR {
  background-color: transparent;
  height: 53px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(19.74% - 10px);
  width: calc(100.00% - 27px);
}

.web-1280-1-button .title-fGc9hR {
  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-fGc9hR {
  background: linear-gradient(90deg, #e42113 0%, rgba(228, 33, 19, 0) 94.96%);
  background-color: transparent;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.web-1280-1-button .important-note-any-i-ekTDRr {
  background-color: transparent;
  bottom: 102px;
  height: 241px;
  left: 140px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 243px);
}

.web-1280-1-button .span0-fPY5rh {
}

.web-1280-1-button .span1-fPY5rh {
}

.web-1280-1-button .group-723-ekTDRr {
  background-color: transparent;
  height: 244px;
  left: 143px;
  position: absolute;
  top: calc(35.28% - 86px);
  width: 542px;
}

.web-1280-1-button .important-appointmen-dRssA4 {
  background-color: transparent;
  color: var(--text-000000);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
  height: 134px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: calc(100.00% - 58px);
}

.web-1280-1-button .for-benefits-enrollm-dRssA4 {
  background-color: transparent;
  bottom: -2px;
  color: var(--text-000000);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 130px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.web-1280-1-button .span0-NsIIVd {
}

.web-1280-1-button .span1-NsIIVd {
}

.web-1280-1-button .rectangle-65-ekTDRr {
  background-color: var(--alizarin-crimson);
  bottom: 0px;
  height: 5.26%;
  left: -31px;
  position: absolute;
  width: calc(100.00% + 62px);
}

.web-1280-1-button .group-730-ekTDRr {
  background-color: transparent;
  bottom: calc(30.73% - 187px);
  height: 608px;
  left: 143px;
  position: absolute;
  width: calc(100.00% - 201px);
}

.web-1280-1-button .group-19-2od03v {
  background-color: transparent;
  display: block;
  height: 96.13%;
  left: 467px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: translate(0, 25px);
  width: 612px;
}

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

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

.web-1280-1-button .its-quick-and-easy-t-0SrKxr {
  background-color: transparent;
  height: 26px;
  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-0SrKxr {
  top: 63px;
}

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

.web-1280-1-button .x1-8xnnxz {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

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

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

.web-1280-1-button .x2-Wx435u {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

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

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

.web-1280-1-button .x3-VCnsKH {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

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

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

.web-1280-1-button .x4-LPnvyW {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.web-1280-1-button .group-15-2od03v {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 245px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 440px;
}

.web-1280-1-button .group-15-2od03v.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 .important-jG8lpC {
  background-color: transparent;
  height: 27px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(38.15% - 10px);
  white-space: nowrap;
  width: calc(100.00% - 49px);
}

.web-1280-1-button .appointments-are-ava-jG8lpC {
  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% + 2px);
}

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

.web-1280-1-button .path-10-QOzX4K {
  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-729-2od03v {
  background-color: transparent;
  height: 331px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 440px;
}

.web-1280-1-button .benefits-counselors-eCHrrS {
  background-color: transparent;
  bottom: 0px;
  height: 253px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.web-1280-1-button .span0-x92wIs {
}

.web-1280-1-button .span1-x92wIs {
}

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

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

.web-1280-1-button .path-1-2od03v {
  background-color: transparent;
  height: 98.68%;
  left: 489px;
  object-fit: cover;
  position: absolute;
  top: 1.32%;
  width: 1px;
}

.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: 1954px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.web-1920-1-button .single-2-707446209_site-uM5WSE {
  background-color: transparent;
  height: 1427px;
  left: -31px;
  object-fit: cover;
  position: absolute;
  top: -531px;
  width: calc(100.00% + 220px);
}

.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: 1009px;
  left: -31px;
  position: absolute;
  top: -76px;
  width: calc(100.00% - 15px);
}

.web-1920-1-button .logo-nav-uM5WSE {
  height: 5.63%;
  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(--alizarin-crimson);
  bottom: 0px;
  height: 5.32%;
  left: -116px;
  position: absolute;
  width: calc(100.00% + 148px);
}

.web-1920-1-button .welcome-to-hsbc-nort-uM5WSE {
  background-color: transparent;
  height: 53px;
  left: calc(20.94% - 85px);
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 258px;
  width: 406px;
}

.web-1920-1-button .title-uM5WSE {
  background-color: transparent;
  color: var(--text-000000);
  font-style: normal;
  font-weight: 300;
  height: 175px;
  left: calc(21.40% - 94px);
  line-height: 58px;
  position: absolute;
  text-align: left;
  top: calc(18.21% - 32px);
  width: 439px;
}

.web-1920-1-button .schedule-now-uM5WSE {
  background-color: transparent;
  cursor: pointer;
  height: 73px;
  left: calc(18.99% - 49px);
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: calc(28.15% - 21px);
  transition: all 0.2s ease;
  width: 259px;
}

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

.web-1920-1-button .rectangle-72-uM5WSE {
  background: linear-gradient(90deg, #e42113 0%, rgba(228, 33, 19, 0) 94.96%);
  background-color: transparent;
  height: 24px;
  left: calc(21.58% - 94px);
  position: absolute;
  top: 206px;
  width: 437px;
}

.web-1920-1-button .hsbc_logo-uM5WSE {
  background-color: transparent;
  height: 60px;
  left: calc(18.85% - 42px);
  object-fit: cover;
  position: absolute;
  top: 31px;
  width: 222px;
}

.web-1920-1-button .group-731-uM5WSE {
  background-color: transparent;
  bottom: 133px;
  height: 865px;
  position: absolute;
  right: 281px;
  width: 1319px;
}

.web-1920-1-button .group-728-MgtYzt {
  background-color: transparent;
  height: calc(100.00% - 275px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-1-button .path-1-fi3Jox {
  background-color: transparent;
  height: 590px;
  left: 48.52%;
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 295px);
  width: 1px;
}

.web-1920-1-button .group-19-fi3Jox {
  background-color: transparent;
  display: block;
  height: 99.07%;
  left: 707px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: translate(0, 25px);
  width: 612px;
}

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

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

.web-1920-1-button .its-quick-and-easy-t-Tebxej {
  background-color: transparent;
  height: 26px;
  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-Tebxej {
  top: 63px;
}

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

.web-1920-1-button .x1-oN60JY {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

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

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

.web-1920-1-button .x2-W3x1i2 {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

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

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

.web-1920-1-button .x3-TGCiMZ {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

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

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

.web-1920-1-button .x4-HmqAxe {
  background-color: transparent;
  height: 42px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.web-1920-1-button .group-719-fi3Jox {
  background-color: transparent;
  bottom: calc(11.76% - 66px);
  height: 564px;
  left: 0px;
  position: absolute;
  width: 543px;
}

.web-1920-1-button .group-15-SRx39x {
  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-SRx39x.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-ACbKeN {
  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-ACbKeN {
  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-ACbKeN {
  background-color: transparent;
  height: 57px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.web-1920-1-button .path-10-EktApE {
  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 .benefits-counselors-SRx39x {
  background-color: transparent;
  height: 211px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: 78px;
  width: calc(100.00% + 2px);
}

.web-1920-1-button .span0-PG06Gj {
}

.web-1920-1-button .span1-PG06Gj {
}

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

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

.web-1920-1-button .important-note-any-i-MgtYzt {
  background-color: transparent;
  bottom: -2px;
  height: 189px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: calc(100.00% - 37px);
}

.web-1920-1-button .span0-05xigg {
}

.web-1920-1-button .span1-05xigg {
}

.web-1920-1-button .group-724-uM5WSE {
  background-color: transparent;
  height: 244px;
  left: calc(23.22% - 126px);
  position: absolute;
  top: calc(36.61% - 89px);
  width: 542px;
}

.web-1920-1-button .important-appointmen-mlirMb {
  background-color: transparent;
  color: var(--text-000000);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
  height: 134px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: calc(100.00% - 58px);
}

.web-1920-1-button .for-benefits-enrollm-mlirMb {
  background-color: transparent;
  bottom: -2px;
  color: var(--text-000000);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 130px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  width: calc(100.00% + 2px);
}

.web-1920-1-button .span0-NaFPza {
}

.web-1920-1-button .span1-NaFPza {
}

.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;
   }
}