/* screen - mobile-375-life-insurance */

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

#overlay-mobile-375-life-insurance {
  align-items: center;
  background-color: #2b2b2b4d;
  justify-content: center;
}

.mobile-375-life-insurance .x401k-popup-6itOa8 {
  background-color: transparent;
  bottom: calc(34.88% - 268px);
  height: 769px;
  left: calc(50.00% - 248px);
  position: absolute;
  width: 495px;
}

.mobile-375-life-insurance .rectangle-2178-SMAuKB {
  -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: 769px;
  opacity: 0;
  position: absolute;
  right: calc(49.66% - 173px);
  top: 0px;
  transform: scale(1.1);
  width: 348px;
}

.mobile-375-life-insurance .rectangle-2178-SMAuKB.animate-enter34 {
  animation: animate-enter34-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

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

.mobile-375-life-insurance .group-294-SMAuKB {
  background-color: transparent;
  height: 33px;
  left: 93px;
  position: absolute;
  top: 20px;
  width: calc(100.00% - 191px);
}

.mobile-375-life-insurance .exit-1GoMlS {
  background-color: transparent;
  bottom: 3px;
  cursor: pointer;
  height: 20px;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  transition: all 0.2s ease;
  width: 20px;
}

.mobile-375-life-insurance .exit-1GoMlS:hover {
  transform: scale(0.9); 
}

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

.mobile-375-life-insurance .line-2-sqCeuR {
  background-color: transparent;
  height: 8px;
  object-fit: cover;
  position: absolute;
  right: calc(50.00% - 5px);
  top: calc(50.00% - 4px);
  width: 9px;
}

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

.mobile-375-life-insurance .group-307-1GoMlS {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 37px;
}

.mobile-375-life-insurance .x401k-SMAuKB {
  background-color: transparent;
  bottom: 124px;
  height: 489px;
  left: calc(50.00% - 248px);
  position: absolute;
  width: 495px;
}

.mobile-375-life-insurance .life-insurance-lW8DPN {
  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: 110px;
  white-space: nowrap;
  width: 497px;
}

.mobile-375-life-insurance .protecting-your-fina-lW8DPN {
  background-color: transparent;
  height: 109px;
  left: 92px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: calc(43.75% - 48px);
  width: calc(100.00% - 184px);
}

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

.mobile-375-life-insurance .group-237-2iTG2d {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-life-insurance .green-button-double-lW8DPN {
  background-color: transparent;
  bottom: calc(26.86% - 21px);
  cursor: pointer;
  height: 79px;
  pointer-events: auto;
  position: absolute;
  right: calc(48.11% - 99px);
  transition: all 0.2s ease;
  width: 206px;
}

.mobile-375-life-insurance .green-button-double-lW8DPN:hover {
  transform: scale(1.1);
}

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

.mobile-375-life-insurance .voluntary-life-overview-h9eWlH {
  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;
}

.mobile-375-life-insurance .green-button-double-ac2wx4 {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 79px;
  pointer-events: auto;
  position: absolute;
  right: calc(48.45% - 100px);
  transition: all 0.2s ease;
  width: 206px;
}

.mobile-375-life-insurance .green-button-double-ac2wx4:hover {
  transform: scale(1.1);
}

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

.mobile-375-life-insurance .life-insurance-video-o8dxAw {
  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;
}