/* screen - tablet-768-life-insurance */

.tablet-768-life-insurance {
  background-color: var(--heavy-metal);
  cursor: pointer;
  height: 100vh;
  margin: 0px;
  min-height: 1080px;
  min-width: 768px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

#overlay-tablet-768-life-insurance {
  align-items: center;
  background-color: #2b2b2b59;
  justify-content: center;
}

.tablet-768-life-insurance .x401k-popup-k8FTpx {
  background-color: transparent;
  display: block;
  height: 941px;
  left: calc(50.00% - 320px);
  opacity: 0;
  position: relative;
  top: 70px;
  transform: scale(1.1);
  width: 640px;
}

.tablet-768-life-insurance .x401k-popup-k8FTpx.animate-enter31 {
  animation: animate-enter31-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes animate-enter31-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.tablet-768-life-insurance .rectangle-2173-IOt3kk {
  -webkit-backdrop-filter: blur(46px) brightness(133%);
  backdrop-filter: blur(46px) brightness(133%);
  background-color: var(--white-2);
  border-radius: 12px;
  box-shadow: 5px 5px 10px #0000004d;
  display: block;
  height: 941px;
  left: calc(50.00% - 320px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 640px;
}

.tablet-768-life-insurance .rectangle-2173-IOt3kk.animate-enter30 {
  animation: animate-enter30-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes animate-enter30-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.tablet-768-life-insurance .exit-IOt3kk {
  background-color: transparent;
  cursor: pointer;
  height: 34px;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 40px;
  transition: all 0.2s ease;
  width: 34px;
}

.tablet-768-life-insurance .exit-IOt3kk:hover {
  transform: scale(0.9); 
}

.tablet-768-life-insurance .line-1-mobEyu {
  background-color: transparent;
  height: calc(100.00% + 11px);
  left: -6px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 11px);
}

.tablet-768-life-insurance .line-2-mobEyu {
  background-color: transparent;
  height: 8px;
  object-fit: cover;
  position: absolute;
  right: calc(50.00% - 5px);
  top: calc(50.00% - 4px);
  width: 10px;
}

.tablet-768-life-insurance .line-3-mobEyu {
  background-color: transparent;
  height: calc(100.00% + 11px);
  left: -6px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 11px);
}

.tablet-768-life-insurance .know-before-you-enroll-IOt3kk {
  background-color: transparent;
  height: 31px;
  left: 42px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 42px;
  white-space: nowrap;
  width: 236px;
}

.tablet-768-life-insurance .x401k-IOt3kk {
  background-color: transparent;
  bottom: 283px;
  height: 396px;
  left: calc(50.00% - 248px);
  position: absolute;
  width: 495px;
}

.tablet-768-life-insurance .life-insurance-ATwZ4X {
  background-color: transparent;
  color: var(--secondary);
  font-style: normal;
  font-weight: 500;
  height: 38px;
  left: 0px;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 119px;
  white-space: nowrap;
  width: 497px;
}

.tablet-768-life-insurance .protecting-your-fina-ATwZ4X {
  background-color: transparent;
  bottom: calc(40.64% - 27px);
  height: 67px;
  left: 12px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  width: calc(100.00% - 25px);
}

.tablet-768-life-insurance .icon-401k-ATwZ4X {
  background-color: transparent;
  height: 81px;
  left: calc(49.77% - 45px);
  position: absolute;
  top: 0px;
  width: 91px;
}

.tablet-768-life-insurance .group-237-1kxI2C {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet-768-life-insurance .green-button-double-ATwZ4X {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 79px;
  left: 26px;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 206px;
}

.tablet-768-life-insurance .green-button-double-ATwZ4X:hover {
  transform: scale(1.1);
}

.tablet-768-life-insurance .rectangle-2154-tb8xqY {
  background-color: var(--secondary);
  border-radius: 6px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet-768-life-insurance .voluntary-life-overview-tb8xqY {
  background-color: transparent;
  bottom: calc(42.65% - 19px);
  height: 45px;
  letter-spacing: 1.51px;
  line-height: 20px;
  position: absolute;
  right: calc(47.83% - 77px);
  text-align: center;
  white-space: nowrap;
  width: 160px;
}

.tablet-768-life-insurance .green-button-double-D1Hhxq {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 79px;
  pointer-events: auto;
  position: absolute;
  right: 28px;
  transition: all 0.2s ease;
  width: 206px;
}

.tablet-768-life-insurance .green-button-double-D1Hhxq:hover {
  transform: scale(1.1);
}

.tablet-768-life-insurance .rectangle-2154-Lz8dTq {
  background-color: var(--secondary);
  border-radius: 6px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet-768-life-insurance .life-insurance-video-Lz8dTq {
  background-color: transparent;
  bottom: calc(42.65% - 19px);
  height: 45px;
  letter-spacing: 1.51px;
  line-height: 20px;
  position: absolute;
  right: calc(47.92% - 76px);
  text-align: center;
  white-space: nowrap;
  width: 158px;
}