@import url(https://fonts.cdnfonts.com/css/inter);
  @import url(https://fonts.cdnfonts.com/css/geist-mono);
  @font-face {
  font-family:U8;
  font-weight:500;
  src:url(/_next/static/media/U8Web-Medium.6778fc87e7197a20d4a69fc07a5ac9aa.woff) format("woff")
}
@font-face {
  font-family:U8;
  font-weight:700;
  src:url(/_next/static/media/U8Web-Bold.08f1a7421f9a6a44a68e4ca5b0a340c8.woff) format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-display:swap;
  font-weight:400;
  src:url(/_next/static/media/NeuePlakRegular.e7bdcea9bd1e5048e5d66e3d69386008.woff) format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-display:swap;
  font-weight:800;
  src:url("/_next/static/media/Neue Plak Black.da6c7efbe8f01942b06e6b4d23df3974.woff") format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-display:swap;
  font-weight:700;
  src:url(/_next/static/media/NeuePlakBold.50dddc75d1316b3a8c36546ee645e945.woff) format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-weight:900;
  src:url(/_next/static/media/NeuePlakExtraBlack.11ad90024375b9ef451e3a6c0be1718c.woff) format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-display:swap;
  font-weight:200;
  src:url("/_next/static/media/Neue Plak Light.9fff7856486cdcdce109729a5f72a1af.woff") format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-display:swap;
  font-weight:600;
  src:url("/_next/static/media/Neue Plak SemiBold.38bd512fe5fe840136f1003d7cc46957.woff") format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-display:swap;
  font-weight:300;
  src:url("/_next/static/media/Neue Plak Thin.4617312b91c62884c58aad496e2f09bb.woff") format("woff")
}
@font-face {
  font-family:Neue Plak;
  font-style:normal;
  font-display:swap;
  font-weight:100;
  src:url("/_next/static/media/Neue Plak UltraLight.0ce472b2c6269c09bbb810e04c6f67a3.woff") format("woff")
}
@font-face {
  font-family:Jakarta;
  src:url(/_next/static/media/PlusJakartaSans-ExtraLight.45b106123a076a3d9da1b607e262cbe3.ttf) format("truetype");
  font-weight:100;
  font-display:swap
}
@font-face {
  font-family:Jakarta;
  src:url(/_next/static/media/PlusJakartaSans-Light.6c8e1d7ccc92d1bf041b746fb7b85e79.ttf) format("truetype");
  font-weight:300;
  font-display:swap
}
@font-face {
  font-family:Jakarta;
  src:url(/_next/static/media/PlusJakartaSans-Regular.8b8f90ab0e945b1e795a2ef5985e45a2.ttf) format("truetype");
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:Jakarta;
  src:url(/_next/static/media/PlusJakartaSans-Medium.f78ffc04acb877ce387e91e68cb3d28e.ttf) format("truetype");
  font-weight:500;
  font-display:swap
}
@font-face {
  font-family:Jakarta;
  src:url(/_next/static/media/PlusJakartaSans-SemiBold.cf92107f36f071f6384ccce628339e5f.ttf) format("truetype");
  font-weight:600;
  font-display:swap
}
@font-face {
  font-family:Jakarta;
  src:url(/_next/static/media/PlusJakartaSans-Bold.542d4930de15d99be736f36e8cb3d659.ttf) format("truetype");
  font-weight:700;
  font-display:swap
}
@font-face {
  font-family:Jakarta;
  src:url(/_next/static/media/PlusJakartaSans-ExtraBold.c3c2ec0cc06a2736622725c3acad15e4.ttf) format("truetype");
  font-weight:800;
  font-display:swap
}
@-webkit-keyframes rotateIcon {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
.row {
  display:flex;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px
}
@media only screen and (max-width:1024px) {
  .row {
  margin-left:0;
  margin-right:0
}

}
[class*=col-] {
  position:relative;
  width:100%;
  padding-right:15px;
  padding-left:15px
}
@media only screen and (min-width:992px) {
  .col-auto {
  width:auto!important;
  flex:0 0 auto;
  max-width:0 0 auto
}
.col-md-1 {
  flex:0 0 8.333333%;
  max-width:0 0 8.333333%
}
.col-md-2 {
  flex:0 0 16.666667%;
  max-width:0 0 16.666667%
}
.col-md-2x {
  flex:0 0 15%;
  max-width:0 0 15%
}
.col-md-2s {
  flex:0 0 20%;
  max-width:0 0 20%
}
.col-md-2m {
  flex:0 0 22.5%;
  max-width:0 0 22.5%
}
.col-md-3 {
  flex:0 0 25%;
  max-width:0 0 25%
}
.col-md-4 {
  flex:33.333333% 1;
  max-width:33.333333%
}
.col-md-4x {
  flex:0 0 38%;
  max-width:0 0 38%
}
.col-md-5 {
  flex:0 0 41.666667%;
  max-width:0 0 41.666667%
}
.col-md-5x {
  flex:0 0 45%;
  max-width:0 0 45%
}
.col-md-6 {
  flex:0 0 50%;
  max-width:0 0 50%
}
.col-md-6x {
  flex:0 0 55%;
  max-width:0 0 55%
}
.col-md-7 {
  flex:0 0 58.333333%;
  max-width:0 0 58.333333%
}
.col-md-7x {
  flex:0 0 62%;
  max-width:0 0 62%
}
.col-md-8 {
  flex:0 0 66.666667%;
  max-width:0 0 66.666667%
}
.col-md-9 {
  flex:0 0 75%;
  max-width:0 0 75%
}
.col-md-10 {
  flex:0 0 83.333333%;
  max-width:0 0 83.333333%
}
.col-md-11 {
  flex:0 0 91.666667%;
  max-width:0 0 91.666667%
}
.col-md-12 {
  flex:0 0 100%;
  max-width:0 0 100%
}

}
.scrolled {
  top:0;
  left:0;
  margin-top:0;
  background-color:#fff;
  -webkit-box-shadow:0 0 7px 0 #ced3da;
  box-shadow:0 0 7px 0 #ced3da
}
.scrolled .hamburger.product .line {
  background-color:#000!important
}
.rotate {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.rotate-down {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
.link-active {
  color:#1d4aee!important
}
.link-active,
.link-active-invest {
  font-weight:700
}
.hamburger {
  position:absolute;
  top:-12px;
  right:-20px;
  padding:20px;
  display:none
}
@media only screen and (max-width:992px) {
  .hamburger {
  display:block
}

}
.hamburger .line {
  width:28px;
  height:3px;
  background-color:#3d4f60;
  margin:6px auto;
  display:none;
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out
}
.hamburger.product .line {
  background-color:#fff!important
}
#hamburger.is-active {
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
#hamburger.is-active .line:nth-child(2) {
  width:0
}
#hamburger.is-active .line:first-child,
#hamburger.is-active .line:nth-child(3) {
  -webkit-transition-delay:.2s;
  transition-delay:.2s
}
#hamburger.is-active .line:first-child {
  -webkit-transform:translateY(5px);
  transform:translateY(5px)
}
#hamburger.is-active .line:nth-child(3) {
  -webkit-transform:translateY(-13px) rotate(90deg);
  transform:translateY(-13px) rotate(90deg)
}
.interact .left .content .link,
.savings .box .sub-title,
svg {
  position:relative;
  top:2px;
  vertical-align:bottom;
  margin-right:10px
}
.nav-alt .hamburger .line {
  background-color:#fff
}
.nav-alt #hamburger.is-active .line {
  background-color:#3d4f60
}
@media only screen and (max-width:992px) {
  .progress-container {
  width:100%!important
}

}
.progress-container .progress {
  margin-top:10px;
  width:100%;
  height:10px;
  overflow:hidden;
  background:#e5e5e5;
  border-radius:100px
}
.progress-container .progress .bar {
  position:relative;
  float:left;
  min-width:1%;
  height:100%;
  background:#10b259
}
.download-btn {
  position:relative;
  font-family:Jakarta;
  top:.5px;
  padding:16.5px 16px!important;
  border-radius:12px!important;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  font-weight:600;
  width:53px;
  white-space:nowrap;
  height:53px;
  color:#fff!important;
  background:#3CB9CF;
  border:none!important
}
.download-btn:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(1.5);
  filter:saturate(1.5)
}
@media only screen and (min-width:993px) {
  .download-btn:hover {
  top:-5px
}

}
.download-btn-2 {
  background:#3CB9CF;
  color:#fff!important
}
.download-btn-product {
  color:unset!important
}
.download-btn-product:hover {
  -webkit-transform:scale(1.03);
  transform:scale(1.03);
  -webkit-filter:unset;
  filter:unset;
  top:-1px!important
}
.download-btn img {
  position:relative;
  top:5.5px;
  margin-right:5px
}
.download-btn:last-child img {
  top:6.5px
}
.download-btn--alt {
  color:#fff!important;
  background:#3CB9CF
}
.download-btn--alt:hover {
  top:-5px;
  background:#2fa8be!important
}
.download .download-btn {
  white-space:nowrap
}
@media only screen and (max-width:992px) {
  .download {
  margin-top:30px;
  white-space:nowrap
}
.download .download-btn {
  margin:0 8px
}

}
.download-btn-full {
  position:relative;
  color:#fff!important;
  background:#3CB9CF;
  padding:7px 16px!important;
  border:1px solid #3CB9CF!important;
  border-radius:12px!important;
  margin-top:35px;
  display:inline-block;
  font-size:12.82px;
  font-weight:700;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  top:0
}
@media only screen and (min-width:993px) {
  .download-btn-full:hover {
  border:1px solid #bbb!important;
  top:-5px
}

}
.download-btn-full:first-child {
  margin-right:15px
}
.download-btn-full:last-child div {
  top:5px
}
.download-btn-full>div {
  position:relative!important;
  top:4px;
  padding-right:10px
}
.download-btn-full img {
  position:relative;
  top:5.5px;
  margin-right:5px
}
.alt-headerImg,
.header .interact .left .content .link,
.header .savings .box .sub-title,
.header svg,
.interact .left .content .header .link,
.interact .left .content .investments .link,
.investments .interact .left .content .link,
.investments .savings .box .sub-title,
.investments svg,
.lock,
.savings .box .header .sub-title,
.savings .box .investments .sub-title {
  position:absolute
}
.card3,
.card4 {
  width:340px;
  left:-55%
}
.card3 {
  top:32%
}
.card4 {
  top:55%
}
.cross {
  left:-18%
}
.cross.alt {
  top:-7%;
  left:-20%
}
.cross.story {
  left:-12.5%;
  top:-3%
}
.circle {
  right:0;
  top:170px
}
.circle.alt {
  width:62px;
  height:62px;
  top:unset;
  bottom:1%;
  right:-31%;
  opacity:80%
}
.circle.story {
  right:-5%;
  top:unset;
  bottom:-1.5%
}
.dot {
  left:-12%;
  top:61%
}
.dot.alt {
  width:47px;
  height:155px;
  top:20%;
  left:unset;
  right:-26%
}
.dot.story {
  left:-12.5%;
  top:unset;
  bottom:8%
}
.dot.right {
  left:unset;
  top:21%;
  right:-4.5%
}
.heart {
  left:-12.5%;
  top:59%
}
.heart.right {
  left:unset;
  right:-3%;
  top:-3%
}
.lock {
  z-index:-10;
  right:-23%;
  top:-20px;
  width:80px;
  height:80px
}
.headerImg {
  position:relative
}
.alt-headerImg {
  object-fit:cover;
  top:22px;
  left:-5%;
  height:439px;
  width:100%;
  z-index:10;
  max-width:570px
}
.square {
  position:relative;
  right:-9.3%;
  width:100%;
  max-width:517px;
  height:484px
}
.with-query {
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid #cfcfcf!important;
  border-top-left-radius:12px!important;
  border-top-right-radius:12px!important
}
@media only screen and (min-width:993px) {
  .active:hover {
  background-color:#0d60d8!important;
  color:#fff!important
}

}
.fixedTab {
  position:fixed;
  width:100%;
  top:84px;
  left:0;
  z-index:900
}
.cookie {
  background-color:#122231;
  max-width:850px;
  left:50%;
  bottom:2%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  padding:20px 25px 30px;
  border-radius:16px;
  -webkit-transition:all 1s ease-out;
  transition:all 1s ease-out
}
@media only screen and (max-width:767px) {
  .cookie {
  border-radius:0!important;
  padding:25px;
  bottom:0
}

}
@media only screen and (min-width:768px) {
  .cookie {
  text-align:left
}

}
.cookie .left {
  margin-bottom:40px
}
@media only screen and (min-width:768px) {
  .cookie .left {
  max-width:0 0 75%;
  flex:0 0 75%;
  margin-bottom:0
}

}
.cookie .left h5 {
  font-size:16px
}
.cookie .left p {
  font-size:14px
}
.cookie .left p a {
  text-decoration:underline
}
.cookie .right {
  justify-content:center
}
@media only screen and (min-width:768px) {
  .cookie .right {
  max-width:0 0 25%;
  flex:0 0 25%;
  justify-content:flex-end
}

}
.cookie .right .btn {
  font-size:14px
}
.cookie .right .btn.btn-bordered {
  border:0!important
}
.cookie .right .btn.decline {
  -webkit-transition:1s;
  transition:1s
}
@media only screen and (min-width:993px) {
  .cookie .right .btn.decline:hover {
  opacity:.8
}

}
.bottom-full {
  position:fixed;
  bottom:-100%!important
}
.font-midx {
  font-size:15px
}
.nav-active {
  height:100vh
}
.nav-active .menu {
  margin-top:17%
}
.not-found {
  flex-direction:column;
  height:100vh
}
.not-found img {
  max-width:400px;
  object-fit:contain
}
.not-found p {
  font-size:18px;
  font-family:Jakarta;
  margin:10px 0 40px
}
.dropdown .link-caret {
  grid-gap:3px;
  gap:3px
}
.dropdown .dropdown-menu {
  cursor:pointer;
  position:absolute;
  left:-50px;
  min-width:496px;
  -webkit-box-shadow:0 4px 10px rgba(0,
0,
0,
.25);
  box-shadow:0 4px 10px rgba(0,
0,
0,
.25);
  border-radius:8px;
  display:none;
  -webkit-transition:display .2s;
  transition:display .2s;
  padding:24px;
  z-index:20;
  background:#fff
}
@media only screen and (max-width:992px) {
  .dropdown .dropdown-menu {
  left:-175px
}

}
.dropdown .dropdown-menu>div {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:20px;
  gap:20px
}
.dropdown .dropdown-menu>div img {
  position:relative;
  object-fit:contain;
  width:40px;
  margin-right:10px
}
.dropdown .dropdown-menu>div a {
  display:flex;
  align-items:center;
  padding:10.5px 8px;
  font-size:14px;
  white-space:nowrap;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  text-align:left
}
.dropdown .dropdown-menu>div a:hover {
  background:#f8fbfb;
  border-radius:8px;
  color:#000
}
.dropdown .dropdown-menu>div a:hover .piggybank {
  color:#1734ca
}
.dropdown .dropdown-menu>div a:hover .safelock {
  color:#0089ff
}
.dropdown .dropdown-menu>div a:hover .targets {
  color:#00896b
}
.dropdown .dropdown-menu>div a:hover .flex-naira {
  color:#ea417d
}
.dropdown .dropdown-menu>div a:hover .house-money {
  color:#f16818
}
.dropdown .dropdown-menu>div a:hover .flex-dolar {
  color:#0c1825
}
.dropdown .dropdown-menu>div a p:first-child {
  color:#000;
  font-size:16px;
  line-height:22px;
  margin-bottom:4px
}
.dropdown .dropdown-menu>div a p:last-child {
  font-family:Jakarta,
sans-serif;
  color:#3d4f60;
  font-weight:400;
  font-size:14px;
  line-height:19px
}
.dropdown .dropdown-menu--2 {
  min-width:300px
}
.dropdown .dropdown-menu--2>div {
  display:grid;
  grid-template-columns:200px 200px;
  grid-gap:20px;
  gap:20px
}
.dropdown:hover .dropdown-menu {
  display:block;
  top:20px
}
.form-g {
  background:#efeff2;
  height:auto;
  padding:2rem;
  flex-direction:column
}
.form-g>div {
  width:630px;
  background:#fff;
  border-radius:10px;
  padding:1rem 0;
  margin-bottom:.5rem
}
.form-g>div img {
  height:150px;
  width:90%;
  padding:2rem
}
.form-g .frame {
  border:none;
  display:inline-block
}
.transparent {
  background-color:transparent!important;
  border:1px solid #0c1825
}
.announcement {
  text-decoration:none;
  padding:8px 12px;
  border-radius:100px;
  background-color:#0089ff;
  color:#fff!important;
  display:inline-flex;
  grid-gap:12px;
  gap:12px;
  align-items:center;
  font-size:16px;
  margin-bottom:40px
}
.announcement:hover {
  background:#060f21
}
.announcement:hover .flower {
  fill:#0089ff
}
.announcement:hover .book-icon path {
  fill:#fff
}
.announcement:hover .right-arrow {
  d:path("M1 15L7.97025 9.57869C8.99974 8.77798 8.99974 7.222 7.97025 6.42128L1 0.999975")
}
.announcement .right-arrow {
  -webkit-transition:all .2s cubic-bezier(.14,
1.41,
1,
1);
  transition:all .2s cubic-bezier(.14,
1.41,
1,
1)
}
.announcement .flower {
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-animation:rotate 5s linear infinite;
  animation:rotate 5s linear infinite
}
.announcement .interact .left .content .link,
.announcement .savings .box .sub-title,
.announcement svg,
.interact .left .content .announcement .link,
.savings .box .announcement .sub-title {
  position:unset;
  margin:unset
}
@-webkit-keyframes rotate {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
@keyframes rotate {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
@media only screen and (max-width:992px) {
  .dropdown .dropdown-menu {
  min-width:300px
}
.dropdown .dropdown-menu>div {
  grid-template-columns:1fr;
  grid-gap:15px;
  gap:15px
}
.dropdown .dropdown-menu--2 {
  min-width:85vw
}
.dropdown .dropdown-menu--2>div {
  grid-template-columns:1fr 1fr
}
.dropdown .link-caret {
  justify-content:center;
  padding-left:25px
}

}
@media only screen and (max-width:700px) {
  .form-g>div {
  width:88vw
}
.form-g>div img {
  height:50px;
  width:80%;
  padding:0 2rem
}
.form-g .frame {
  width:98vw
}
.announcement {
  font-size:14px
}

}
.cookie {
  background-color:#060f21;
  width:100%;
  max-width:100%;
  color:#fff;
  position:fixed;
  bottom:0;
  left:0;
  -webkit-transform:none;
  transform:none;
  border-radius:20px 20px 0 0;
  z-index:100000;
  padding:30px 32px;
  -webkit-box-shadow:0 -4px 24px rgba(0,
0,
0,
.4);
  box-shadow:0 -4px 24px rgba(0,
0,
0,
.4)
}
@media(max-width:768px) {
  .cookie {
  padding:32px 24px 36px
}

}
.cookie .cookie-inner {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  grid-gap:24px;
  gap:24px;
  flex-wrap:wrap
}
@media(max-width:768px) {
  .cookie .cookie-inner {
  flex-direction:column;
  align-items:center;
  text-align:center;
  grid-gap:20px;
  gap:20px
}

}
.cookie .cookie-text {
  flex:1 1;
  min-width:0
}
.cookie .cookie-text h5 {
  font-size:23px;
  font-weight:700;
  color:#fff;
  margin-bottom:10px
}
@media(max-width:768px) {
  .cookie .cookie-text h5 {
  font-size:26px;
  margin-bottom:16px
}

}
.cookie .cookie-text p {
  font-size:14px;
  line-height:1.65;
  color:hsla(0,
0%,
100%,
.75);
  margin:0
}
@media(max-width:768px) {
  .cookie .cookie-text p {
  font-size:16px;
  color:hsla(0,
0%,
100%,
.85)
}

}
.cookie .cookie-text p a {
  color:#fff;
  text-decoration:underline
}
.cookie .cookie-actions {
  display:flex;
  align-items:center;
  grid-gap:12px;
  gap:12px;
  flex-shrink:0;
  flex-wrap:wrap
}
@media(max-width:768px) {
  .cookie .cookie-actions {
  width:100%;
  flex-direction:column;
  align-items:stretch;
  grid-gap:12px;
  gap:12px
}

}
.cookie .cookie-actions .cookie-actions-row {
  display:flex;
  grid-gap:12px;
  gap:12px
}
@media(max-width:768px) {
  .cookie .cookie-actions .cookie-actions-row {
  width:100%
}

}
.cookie .cookie-actions .btn-cookie-accept {
  background:#fff;
  color:#0c1825;
  border:none;
  border-radius:12px;
  padding:14px 24px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  -webkit-transition:background .2s;
  transition:background .2s
}
@media(max-width:768px) {
  .cookie .cookie-actions .btn-cookie-accept {
  flex:1 1;
  padding:16px 20px;
  font-size:16px
}

}
.cookie .cookie-actions .btn-cookie-accept:hover {
  background:#e8edf2
}
.cookie .cookie-actions .btn-cookie-decline {
  background:transparent;
  color:hsla(0,
0%,
100%,
.9);
  border:2px solid hsla(0,
0%,
100%,
.4);
  border-radius:12px;
  padding:14px 24px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
  -webkit-transition:all .2s;
  transition:all .2s
}
@media(max-width:768px) {
  .cookie .cookie-actions .btn-cookie-decline {
  flex:1 1;
  padding:16px 20px;
  font-size:16px
}

}
.cookie .cookie-actions .btn-cookie-decline:hover {
  border-color:hsla(0,
0%,
100%,
.8);
  color:#fff
}
.cookie .cookie-actions .btn-cookie-manage {
  background:transparent;
  color:hsla(0,
0%,
100%,
.7);
  border:none;
  padding:6px 4px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  white-space:nowrap;
  text-decoration:underline;
  -webkit-transition:color .2s;
  transition:color .2s
}
@media(max-width:768px) {
  .cookie .cookie-actions .btn-cookie-manage {
  font-size:16px;
  text-align:center;
  padding:4px
}

}
.cookie .cookie-actions .btn-cookie-manage:hover {
  color:#fff
}
.cookie-modal-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,
0,
0,
.55);
  z-index:200000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  -webkit-animation:cookieFadeIn .2s ease;
  animation:cookieFadeIn .2s ease
}
@-webkit-keyframes cookieFadeIn {
  0% {
  opacity:0
}
to {
  opacity:1
}

}
@keyframes cookieFadeIn {
  0% {
  opacity:0
}
to {
  opacity:1
}

}
.cookie-modal {
  background:#fff;
  border-radius:16px;
  width:100%;
  max-width:520px;
  max-height:90vh;
  overflow-y:auto;
  padding:32px;
  -webkit-box-shadow:0 20px 60px rgba(0,
0,
0,
.2);
  box-shadow:0 20px 60px rgba(0,
0,
0,
.2);
  -webkit-animation:cookieSlideUp .25s ease;
  animation:cookieSlideUp .25s ease
}
@media(max-width:480px) {
  .cookie-modal {
  padding:24px 20px;
  border-radius:12px
}

}
.cookie-modal__header {
  margin-bottom:24px
}
.cookie-modal__header h2 {
  font-size:22px;
  font-weight:700;
  color:#0c1825;
  margin-bottom:8px
}
.cookie-modal__header p {
  font-size:13px;
  color:#5a6a7a;
  line-height:1.6
}
.cookie-modal__categories {
  display:flex;
  flex-direction:column;
  grid-gap:0;
  gap:0;
  border:1px solid #e8ecf0;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:24px
}
.cookie-modal__footer {
  display:flex;
  flex-direction:column;
  grid-gap:10px;
  gap:10px
}
.cookie-modal__footer .btn-prefs-save {
  background:#1734ca;
  color:#fff;
  border:none;
  border-radius:12px;
  padding:14px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  width:100%;
  -webkit-transition:background .2s;
  transition:background .2s
}
.cookie-modal__footer .btn-prefs-save:hover {
  background:#0d52b8
}
.cookie-modal__footer .btn-prefs-accept-all {
  background:transparent;
  color:#1734ca;
  border:1.5px solid #1734ca;
  border-radius:12px;
  padding:13px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  width:100%;
  -webkit-transition:all .2s;
  transition:all .2s
}
.cookie-modal__footer .btn-prefs-accept-all:hover {
  background:#f0f5ff
}
.cookie-modal__footer .btn-prefs-decline {
  background:transparent;
  color:#5a6a7a;
  border:none;
  padding:8px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  width:100%;
  text-decoration:underline;
  -webkit-transition:color .2s;
  transition:color .2s
}
.cookie-modal__footer .btn-prefs-decline:hover {
  color:#0c1825
}
@-webkit-keyframes cookieSlideUp {
  0% {
  -webkit-transform:translateY(16px);
  transform:translateY(16px);
  opacity:0
}
to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
}

}
@keyframes cookieSlideUp {
  0% {
  -webkit-transform:translateY(16px);
  transform:translateY(16px);
  opacity:0
}
to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
}

}
.cookie-category {
  border-bottom:1px solid #e8ecf0
}
.cookie-category:last-child {
  border-bottom:none
}
.cookie-category__header {
  display:flex;
  align-items:center;
  padding:16px 20px;
  grid-gap:10px;
  gap:10px
}
.cookie-category__expand-btn {
  background:none;
  border:none;
  cursor:pointer;
  font-size:18px;
  color:#5a6a7a;
  line-height:1;
  width:24px;
  height:24px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  -webkit-transition:color .15s;
  transition:color .15s
}
.cookie-category__expand-btn:hover {
  color:#0c1825
}
.cookie-category__title {
  font-size:15px;
  font-weight:600;
  color:#0c1825;
  flex:1 1
}
.cookie-category__always-active {
  font-size:12px;
  font-weight:600;
  color:#1734ca;
  white-space:nowrap;
  flex-shrink:0
}
.cookie-category__body {
  max-height:0;
  overflow:hidden;
  opacity:0;
  padding:0 20px 0 54px;
  -webkit-transition:max-height .3s ease,
opacity .25s ease,
padding .3s ease;
  transition:max-height .3s ease,
opacity .25s ease,
padding .3s ease
}
.cookie-category__body p {
  font-size:13px;
  color:#5a6a7a;
  line-height:1.6;
  margin:0
}
.cookie-category__body.is-expanded {
  max-height:200px;
  opacity:1;
  padding:0 20px 16px 54px
}
.cookie-toggle {
  position:relative;
  width:44px;
  height:24px;
  flex-shrink:0
}
.cookie-toggle input[type=checkbox] {
  opacity:0;
  width:0;
  height:0;
  position:absolute
}
.cookie-toggle input[type=checkbox]:checked+.cookie-toggle__track {
  background:#1734ca
}
.cookie-toggle input[type=checkbox]:checked+.cookie-toggle__track .cookie-toggle__thumb {
  -webkit-transform:translateX(20px);
  transform:translateX(20px)
}
.cookie-toggle input[type=checkbox]:focus+.cookie-toggle__track {
  -webkit-box-shadow:0 0 0 3px rgba(15,
96,
214,
.2);
  box-shadow:0 0 0 3px rgba(15,
96,
214,
.2)
}
.cookie-toggle__track {
  display:flex;
  align-items:center;
  width:44px;
  height:24px;
  background:#d1d9e0;
  border-radius:100px;
  padding:2px;
  cursor:pointer;
  -webkit-transition:background .2s;
  transition:background .2s
}
.cookie-toggle__thumb {
  width:20px;
  height:20px;
  background:#fff;
  border-radius:50%;
  -webkit-box-shadow:0 1px 4px rgba(0,
0,
0,
.2);
  box-shadow:0 1px 4px rgba(0,
0,
0,
.2);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,
-webkit-transform .2s
}
button,
input {
  border:none
}
input {
  outline:none;
  padding-left:10px
}
.ebook {
  color:#fff;
  overflow-x:hidden;
  width:100%
}
.ebook .hero__details {
  min-height:100vh;
  align-items:center;
  justify-content:center;
  position:relative
}
.ebook .hero__details h1 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:700;
  line-height:82.42px;
  text-align:center;
  letter-spacing:-.025em
}
.ebook .hero__details p {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:16.5px;
  line-height:165%;
  color:#0c1825;
  padding:1rem 0
}
.ebook .hero__details button {
  font-weight:700;
  font-size:17px;
  line-height:20px;
  font-family:Jakarta;
  margin:20px 0 0;
  height:55px;
  border-radius:50px;
  z-index:13
}
.ebook .hero__details img {
  position:absolute;
  z-index:1;
  top:-20px;
  margin:auto;
  max-width:1000px
}
.ebook .hero__details .bottomframe,
.ebook .hero__details .topframe {
  position:relative;
  display:none
}
.ebook .hero__details .frame {
  left:35vw;
  top:-25px
}
.ebook .section__1 {
  background-color:#fff
}
.ebook .section__1--1 {
  background:#f8f8f8;
  grid-gap:1rem;
  padding:2rem
}
.ebook .section__1--1 p {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:33px;
  line-height:47px;
  text-align:center;
  letter-spacing:-.015em;
  color:#5a6b7d
}
.ebook .section__1--2 {
  align-items:center;
  padding:5rem 0 2rem
}
.ebook .section__1--2 h1 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:600;
  font-size:45px!important;
  line-height:70px;
  text-align:center;
  letter-spacing:-.015em;
  color:#0c1825;
  width:60%
}
.ebook .section__1--2 .mini--cards {
  width:100%;
  padding:3rem 3rem 0
}
.ebook .section__1--2 .mini--cards div {
  grid-gap:20px;
  overflow-x:scroll;
  margin:0 auto;
  justify-content:center;
  flex-wrap:wrap
}
.ebook .section__1--2 .mini--cards p {
  background:#d9eeff;
  border-radius:900px;
  text-align:center;
  padding:.5rem 1.5rem;
  font-family:Jakarta;
  font-style:normal;
  font-weight:600;
  font-size:16px;
  color:#000;
  white-space:nowrap
}
.ebook .section__1--2 .mini--cards p:nth-child(2) {
  background:#ead9ff
}
.ebook .section__1--2 .mini--cards p:nth-child(3) {
  background:#ffd9eb
}
.ebook .section__1--2 .mini--cards p:nth-child(4) {
  background:#ffebd9
}
.ebook .section__1--2 .mini--cards p:nth-child(5) {
  background:#e0fdc4
}
.ebook .section__1--3 .carousel {
  padding:2rem;
  margin:3rem 1rem;
  width:100%;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:200
}
.ebook .section__1--3 .carousel h1 {
  font-family:Jakarta;
  font-style:normal;
  font-size:30px!important;
  font-weight:600;
  line-height:52px;
  color:#0c1825;
  flex:0 0 300px;
  text-align:left
}
.ebook .section__1--3 .carousel .cardz-container {
  grid-gap:20px;
  flex-wrap:wrap;
  justify-content:center
}
.ebook .section__1--3 .carousel .cardz {
  padding:1.8rem 0 1.5rem;
  background:#fff2db;
  border-radius:50px;
  align-items:center;
  width:364px;
  cursor:pointer;
  height:244px;
  -webkit-transition:all .2s ease-in;
  transition:all .2s ease-in
}
.ebook .section__1--3 .carousel .cardz:hover {
  -webkit-transform:scale(1.03);
  transform:scale(1.03)
}
.ebook .section__1--3 .carousel .cardz img {
  width:120px;
  height:120px;
  object-fit:cover;
  border-radius:50%;
  border:7px solid #fff
}
.ebook .section__1--3 .carousel .cardz p {
  font-family:Jakarta;
  font-weight:700;
  font-size:16px;
  color:#0c1825;
  padding:1rem 0 0;
  text-align:center;
  max-width:290px
}
.ebook .section__1--3 .carousel .cardz--2 {
  background:#e5e9fe
}
.ebook .section__1--3 .carousel .cardz--3 {
  background:#ffd6e6
}
.ebook .section__1--4 {
  background:#eff8ff;
  border-radius:100px;
  width:90%;
  margin:5rem auto;
  padding:4rem 8rem;
  justify-content:space-between;
  max-width:1400px
}
.ebook .section__1--4 h1 {
  font-weight:600;
  font-size:45px!important;
  line-height:70px;
  letter-spacing:-.015em;
  width:500px;
  padding:1rem 0
}
.ebook .section__1--4 h1,
.ebook .section__1--4 p {
  font-family:Jakarta;
  font-style:normal;
  color:#0c1825
}
.ebook .section__1--4 p {
  font-weight:500;
  font-size:16px;
  line-height:40px;
  width:550px
}
.ebook .section__1--4 button {
  width:230px;
  height:55px;
  z-index:13;
  background:#1634cb;
  border-radius:90px;
  margin-top:2rem
}
.ebook .section__1--4 img {
  width:300px
}
.ebook .section__1--5 {
  background:#0a1026;
  color:#fff;
  text-align:center;
  padding:6rem 6rem 3rem
}
.ebook .section__1--5 .meet-writers {
  position:relative
}
.ebook .section__1--5 .meet-writers h1 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:45px;
  line-height:102px;
  text-align:center;
  letter-spacing:-.015em;
  color:#fff
}
.ebook .section__1--5 .meet-writers img {
  position:relative;
  top:-85px;
  right:-180px;
  width:40px
}
.ebook .section__1--5 .writers {
  padding:1rem 0 4rem;
  margin:0 auto;
  width:90%;
  justify-content:space-between;
  flex-wrap:wrap-reverse;
  max-width:1200px;
  grid-gap:2rem
}
.ebook .section__1--5 .writers ul {
  cursor:pointer
}
.ebook .section__1--5 .writers ul div {
  width:600px;
  padding:0;
  align-items:center;
  border-top:1px solid #fff;
  -webkit-transition:all .1s ease-in;
  transition:all .1s ease-in
}
.ebook .section__1--5 .writers ul div li {
  list-style:none;
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  letter-spacing:-.015em
}
.ebook .section__1--5 .writers ul div p {
  font-family:Jakarta;
  font-style:normal;
  font-weight:400;
  line-height:50px;
  padding-right:10px
}
.ebook .section__1--5 .writers ul div:last-child {
  border-bottom:1px solid #fff
}
.ebook .section__1--5 .writers ul .active-writer {
  color:#25fff2
}
.ebook .section__1--5 .writers .image--container {
  position:relative;
  width:200px;
  height:270px
}
.ebook .section__1--5 .writers .image--container:after {
  content:"";
  height:98%;
  width:100%;
  background:#22e1d9;
  top:20px;
  left:-15px;
  position:absolute;
  z-index:10;
  border-radius:20px
}
.ebook .section__1--5 .writers img {
  width:100%;
  height:100%;
  position:relative;
  z-index:13;
  object-fit:cover;
  border-radius:10px;
  -webkit-animation:fadein .3s ease-in;
  animation:fadein .3s ease-in
}
@-webkit-keyframes fadein {
  0% {
  opacity:0;
  -webkit-transform:scale(.7);
  transform:scale(.7)
}
to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}

}
.ebook .section__1--5 .writers-mobile {
  display:none
}
.ebook .section__1--5 .join {
  background:#fff;
  border-radius:100px;
  padding:2rem;
  height:500px;
  margin:4rem auto;
  max-width:1200px
}
.ebook .section__1--5 .join .custom-container {
  position:relative;
  background:#1843d0;
  justify-content:center;
  align-items:flex-start;
  border-radius:100px;
  padding:5rem;
  height:90%;
  width:95%;
  text-align:left
}
.ebook .section__1--5 .join .custom-container h1 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:600;
  font-size:35px;
  line-height:55px;
  color:#fff;
  width:500px
}
.ebook .section__1--5 .join .custom-container h1 span {
  height:115px;
  background:#ff5bb2;
  border-radius:90px;
  padding:.5rem 1rem;
  color:#0c1825;
  margin-right:10px
}
.ebook .section__1--5 .join .custom-container div {
  grid-gap:20px
}
.ebook .section__1--5 .join .custom-container div button {
  grid-gap:15px;
  font-size:16px;
  height:50px;
  z-index:13;
  background:#1337ad;
  border-radius:90px;
  margin-top:2rem
}
.ebook .section__1--5 .join .custom-container div button img {
  width:16px
}
.ebook .section__1--5 .join .phone-hand {
  position:absolute;
  top:-70px;
  right:0;
  width:450px
}
.ebook footer {
  background:#0a1026;
  font-size:16px;
  padding:0 0 2rem
}
.ebook footer a {
  font-size:14px;
  color:#fff
}
.ebook footer .section--1 {
  grid-gap:5rem;
  gap:5rem;
  flex-wrap:wrap;
  padding-bottom:5rem;
  position:relative
}
.ebook footer .section--1 p {
  margin-bottom:8px
}
.ebook footer .section--1 .img-container {
  align-items:center
}
.ebook footer .section--1 .img-container__compliance {
  margin:10px 0;
  border-radius:10px;
  width:120px;
  border:10px solid #fff
}
.ebook footer .section--1 .details {
  grid-gap:50px;
  justify-content:space-between
}
.ebook footer .section--1 .details>div {
  min-width:150px
}
.ebook footer .section--1 .details>div:nth-child(4) {
  max-width:300px
}
.ebook footer .section--1 .details p {
  font-family:Jakarta
}
.ebook footer .section--1 .details .flex--4 {
  list-style:none;
  flex:0 1 100px
}
.ebook footer .section--1 .details .address {
  color:#fff;
  min-width:300px
}
.ebook footer .section--1 .details .connect {
  min-width:300px
}
.ebook footer .company {
  flex:inherit
}
.ebook footer .socials-cont {
  border-bottom:.2px solid hsla(0,
0%,
74.1%,
.3019607843);
  padding-bottom:20px
}
.ebook footer .socials-cont p {
  color:#fff
}
.ebook footer .section--2 {
  align-items:flex-start;
  padding:2em 0
}
.ebook footer .section--2 p {
  font-size:11px;
  color:#fff
}
.ebook footer .section--2 .about__sec {
  text-align:left
}
.ebook footer .section--2 .about__sec h6 {
  color:#fff
}
.ebook footer .section--2 .about__sec p {
  font-size:10px
}
.ebook footer .section--2>p:last-child {
  font-family:Jakarta;
  font-style:normal;
  line-height:18px;
  color:#0991ff
}
.ebook footer .company a:hover,
.ebook footer .legal a:hover,
.ebook footer .products a:hover {
  color:#f5f5f5!important
}
.ReactModal__Overlay {
  background:rgba(0,
0,
0,
.5)!important;
  z-index:1200!important
}
.ReactModal__Content {
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform,
-webkit-transform;
  -webkit-transition-timing-function:cubic-bezier(.4,
0,
.2,
1);
  transition-timing-function:cubic-bezier(.4,
0,
.2,
1);
  -webkit-transition-duration:.2s;
  transition-duration:.2s;
  -webkit-transform:translateY(90%);
  transform:translateY(90%)
}
.ReactModal__Content--after-open {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.ReactModal__Content {
  border:none!important
}
.modal-ebook {
  border-radius:20px;
  width:100%;
  text-align:center;
  position:relative
}
.modal-ebook h1 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:35px!important;
  line-height:50px;
  text-align:center;
  letter-spacing:-.025em;
  color:#fff;
  padding:3rem 2rem;
  background:url(/_next/static/media/modal-bg.59c60a3de073dd0b1d3ac677f2b168a8.svg) no-repeat bottom fixed;
  background-size:95%;
  background-color:#153dbb
}
.modal-ebook__noBG h1 {
  background:none;
  background-color:#153dbb
}
.modal-ebook span {
  position:absolute;
  top:12px;
  right:22px;
  font-size:32px;
  color:#fff;
  border-radius:20px;
  cursor:pointer
}
.modal-ebook .label--input {
  padding:1rem 2rem
}
.modal-ebook .label--input:first-child {
  padding-top:2rem
}
.modal-ebook .label--input label {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:15px;
  color:#666d7c;
  padding:0 0 .5rem;
  text-align:start
}
.modal-ebook .label--input input {
  height:55px;
  left:74px;
  top:405px;
  border-radius:10px;
  background:#f5f5f5;
  font-family:Jakarta;
  font-style:normal;
  font-weight:700;
  font-size:16px;
  line-height:21px;
  letter-spacing:.01em;
  color:#222936
}
.modal-ebook button {
  font-weight:700;
  font-size:17px;
  line-height:20px;
  font-family:Jakarta;
  width:200px;
  border-radius:50px;
  background:#153dbb!important;
  margin:1rem 0
}
.modal-ebook.join-challenge-modal {
  padding:4rem 2rem 3rem;
  text-align:justify
}
.modal-ebook.join-challenge-modal span {
  color:#000
}
.modal-ebook.join-challenge-modal h4 {
  font-size:25px;
  padding:1rem 0 .5rem
}
.modal-ebook.join-challenge-modal p {
  color:#787f8b;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:148.2%;
  letter-spacing:.16px
}
.modal-ebook.join-challenge-modal .sub-text {
  color:#878c96;
  text-align:justify;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  letter-spacing:-.42px;
  font-size:14px;
  padding-bottom:1rem
}
.modal-ebook.join-challenge-modal .label--input {
  padding:1rem 0
}
.modal-ebook.join-challenge-modal img {
  width:50px
}
.modal-ebook.join-challenge-modal button {
  font-weight:700;
  font-size:17px;
  line-height:20px;
  font-family:Jakarta;
  width:100%;
  border-radius:10px;
  background:#14b259!important;
  margin:1rem 0
}
.modal-ebook.success {
  align-items:center
}
.modal-ebook.success h4,
.modal-ebook.success p {
  text-align:center
}
.modal-ebook.success button {
  border-radius:10px;
  background:#f1f1f1!important;
  width:450px;
  height:55px;
  justify-content:center;
  color:#a8a8a8;
  text-align:center;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  letter-spacing:-.36px;
  margin-top:4rem
}
.modal-ebook.success img {
  width:100px
}
.modal-ebook.interest-rates h4 {
  font-family:Neue Plak;
  font-weight:900;
  font-size:40px;
  line-height:96%;
  letter-spacing:-3%
}
.modal-ebook.interest-rates .text {
  font-weight:400;
  font-size:18px;
  line-height:130%;
  color:#060f21;
  margin-bottom:30px
}
.modal-ebook.interest-rates .rates-list {
  background-color:#f1f6f7;
  padding:10px 1rem;
  justify-content:space-between;
  border-radius:24px;
  margin-top:10px
}
.modal-ebook.interest-rates .rates-list p {
  color:#060f21
}
.modal-ebook.interest-rates .rates-list--1 {
  grid-gap:10px;
  gap:10px
}
.modal-ebook.interest-rates .rates-list--1 img {
  width:40px
}
.modal-ebook.interest-rates .rates-list--1 p {
  font-weight:700;
  font-style:Bold;
  font-size:16px;
  line-height:100%;
  letter-spacing:-3%
}
@media screen and (max-width:1300px) {
  .ebook .section__1--4 {
  height:1000px;
  margin:40px auto;
  border-radius:35px;
  width:90%;
  padding:49px 34px
}
.ebook .section__1--5 .writers {
  width:90%;
  max-width:1200px;
  grid-gap:3rem;
  align-items:center;
  justify-content:center
}

}
@media screen and (min-width:900px)and (max-height:900px) {
  .ebook .section__1--4 {
  height:588px;
  margin:40px auto;
  border-radius:35px;
  width:85%;
  padding:49px 34px
}

}
@media screen and (max-width:1200px) {
  .ebook {
  border:2px solid teal
}
footer .section--1 {
  justify-content:flex-start;
  grid-gap:0;
  flex-wrap:wrap;
  padding:2rem 2rem 5rem;
  position:relative
}
footer .section--1 .img-container {
  align-items:start;
  padding-bottom:2rem
}
footer .socials--address {
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
footer .products {
  flex:0 0 30%
}
footer .section--1 .details {
  grid-gap:42px;
  width:85%;
  flex-wrap:wrap;
  justify-content:unset
}
.ebook footer .section--2,
footer .socials-cont {
  width:calc(100% - 40px)
}
footer .section--2 {
  width:100%;
  padding:2em 20px
}

}
@media screen and (max-width:1024px) {
  .ebook footer .section--1 .details {
  grid-gap:2px;
  width:100%;
  justify-content:unset
}

}
@media screen and (max-width:1000px) {
  .ebook .section__1--4 {
  height:1000px;
  margin:40px auto;
  border-radius:35px;
  width:90%;
  padding:49px 34px
}
.ebook .section__1--5 .join {
  padding:0
}
.ebook .section__1--5 .join .phone-hand {
  display:none
}
.ebook .section__1--3 .carousel {
  justify-content:flex-start;
  flex-direction:column
}
.ebook .section__1--3 .carousel h1 {
  flex:0 0 100%;
  margin:0 0 1rem
}

}
@media screen and (max-width:768px) {
  .ebook .hero {
  padding:3rem 12px
}
.ebook .hero__details {
  min-height:90vh
}
.ebook .hero__details h1 {
  font-weight:500;
  font-size:33px!important;
  line-height:45px;
  text-align:center;
  letter-spacing:-.025em
}
.ebook .hero__details p {
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:20px
}
.ebook .hero__details button {
  font-style:normal;
  font-weight:700;
  font-size:15px;
  line-height:20px
}
.ebook .section__1--1 {
  padding:17px
}
.ebook .section__1--1 p {
  font-style:normal;
  font-weight:500;
  font-size:16px;
  line-height:20px;
  letter-spacing:-.015em
}
.ebook .section__1--1 img {
  width:59px
}
.ebook .section__1--2 {
  padding:3rem 0 2rem
}
.ebook .section__1--2 h1 {
  font-weight:500;
  font-size:24px!important;
  line-height:36px;
  text-align:center;
  letter-spacing:-.015em;
  width:90%;
  font-weight:600
}
.ebook .section__1--2 .mini--cards {
  padding:25px 16px 0;
  grid-gap:16px;
  gap:16px;
  overflow:unset
}
.ebook .section__1--2 .mini--cards p {
  padding:15px 14px;
  font-style:normal;
  font-weight:500;
  font-size:12px;
  line-height:16px;
  text-align:center;
  letter-spacing:-.015em
}
.ebook .section__1--4 {
  flex-direction:column;
  height:auto;
  margin:40px auto;
  border-radius:35px;
  width:90%;
  padding:49px 34px
}
.ebook .section__1--4 h1 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:600;
  font-size:28px!important;
  line-height:40px;
  letter-spacing:-.015em;
  width:300px;
  padding:1rem 0;
  color:#0c1825;
  margin:0 auto
}
.ebook .section__1--4 p {
  font-style:normal;
  font-weight:500;
  font-size:16px;
  line-height:30px;
  text-align:center;
  letter-spacing:-.025em;
  width:100%
}
.ebook .section__1--4 button {
  display:block;
  margin:35px auto
}
.ebook .section__1--4 img {
  width:250px;
  margin-top:2rem
}
.ebook .section__1--5 {
  padding:4rem 2rem 3rem
}
.ebook .section__1--5 .meet-writers h1 {
  width:100%;
  font-style:normal;
  font-weight:500;
  font-size:28px!important;
  line-height:45px;
  letter-spacing:-.015em
}
.ebook .section__1--5 .writers {
  display:none
}
.ebook .section__1--5 .writers-mobile--container {
  padding:1rem;
  overflow:scroll
}
.ebook .section__1--5 .writers-mobile {
  display:flex;
  width:100vw;
  grid-gap:30px;
  gap:30px
}
.ebook .section__1--5 .writers-mobile .writer {
  min-width:154px
}
.ebook .section__1--5 .writers-mobile .writer img {
  width:100%;
  height:190px;
  object-fit:cover;
  border-radius:10px 10px 0 0
}
.ebook .section__1--5 .writers-mobile .writer div {
  background:#25fff2;
  margin-top:2px;
  font-weight:500;
  font-size:13px;
  line-height:22px;
  text-align:center;
  letter-spacing:-.015em;
  color:#0a1026;
  height:35px;
  display:flex;
  align-items:center;
  justify-content:center
}
.ebook .section__1--5 .writers-mobile .writer p {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:22px;
  text-align:center;
  letter-spacing:-.015em;
  color:#8f95a8;
  padding-top:1rem
}
.ebook .section__1--5 .meet-writers img {
  position:relative;
  top:-48px;
  left:115px;
  width:31px
}
.ebook .section__1--5 .join {
  background:#fff;
  border-radius:100px;
  padding:0;
  height:990px;
  margin:4rem auto;
  max-width:1200px
}
.ebook .section__1--5 .join .custom-container {
  padding:5rem 2rem;
  justify-content:unset;
  overflow:hidden
}
.ebook .section__1--5 .join .phone-hand {
  display:block;
  position:absolute;
  top:290px;
  right:0;
  width:688px
}
.ebook .section__1--5 .join .custom-container h1 {
  font-size:28px!important;
  line-height:57px;
  color:#fff;
  width:100%;
  text-align:center
}
.ebook .section__1--5 .join .custom-container {
  height:90%;
  width:94%;
  text-align:left
}
.ebook .section__1--5 .join .custom-container .download--button {
  margin:2rem auto 0
}
.ebook .section__1--5 .join .custom-container .download--button button {
  width:80%;
  margin-top:0
}
.ebook footer .section--1 {
  display:flex;
  flex-direction:column;
  padding:1rem 0
}
.ebook footer .section--1 .details {
  padding:2rem 0;
  grid-gap:70px;
  width:90%;
  flex-wrap:wrap;
  justify-content:flex-start
}
.ebook footer .section--1 {
  justify-content:flex-start;
  padding:0 1.5rem
}
.ebook footer .socials--address {
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.ebook footer .products {
  flex:0 0 34%
}
.ebook footer .section--1 .img-container {
  align-items:unset;
  margin:2rem 0 0
}
.ebook .section__1--3 .carousel {
  margin:0
}
.ebook footer .section--1 .details p {
  text-align:left
}
.ebook footer .section--2 p:first-child {
  width:83%
}
.ebook .section__1--2 .mini--cards div {
  grid-gap:8px
}
.ebook .section__1--3 .carousel h1 {
  font-size:24px!important
}
.ebook .section__1--3 .carousel .cardz {
  width:90vw
}
.ReactModal__Content,
.ReactModal__Content--after-open {
  max-width:90vw!important;
  inset:0!important
}
.modal-ebook h1 {
  font-size:24px!important;
  line-height:30px;
  height:140px
}
.modal-ebook .label--input label {
  font-size:12px
}
.modal-ebook .label--input input {
  height:50px;
  font-size:14px;
  line-height:21px
}
.modal-ebook button {
  font-weight:700;
  font-size:15px;
  line-height:20px;
  font-family:Jakarta;
  width:178px;
  border-radius:50px;
  background:#1634cb;
  margin:1rem 0
}
.ebook footer .section--1 {
  grid-gap:0;
  gap:0
}

}
@media screen and (max-width:500px) {
  .ebook .hero__details {
  min-height:90vh;
  padding-top:9rem
}
.ebook .section__1--5 .join {
  background:#fff;
  border-radius:50px;
  margin:4rem 0
}
.ebook .hero__details p {
  max-width:95%
}
.ebook .hero__details .bg1 {
  display:none
}
.ebook .hero__details .topframe {
  position:relative;
  display:block;
  margin:0;
  width:80%
}
.ebook .hero__details .bottomframe {
  position:relative;
  display:block;
  margin:0;
  width:90%;
  top:-73px
}
.ebook .hero__details .frame {
  display:none
}
.ebook .section__1--5 .join .custom-container {
  border-radius:50px
}
.ebook .section__1--5 .join .custom-container h1 {
  line-height:37px;
  width:100%
}
.ebook .section__1--5 .join .custom-container div button {
  font-size:12px
}
.ebook .section__1--5 .join .phone-hand {
  display:block;
  position:absolute;
  top:220px;
  right:0;
  width:370px
}
.ebook .section__1--5 .join .custom-container h1 span {
  height:293px;
  background:#ff5bb2;
  border-radius:90px;
  padding:4px 1rem;
  color:#0c1825;
  margin-right:5px
}
.ebook .section__1--5 {
  padding:4rem 1rem 3rem
}
.ebook .section__1--5 .join .custom-container h1 {
  font-size:16px!important;
  line-height:30px;
  color:#fff;
  width:75%;
  margin:0 auto;
  text-align:center
}
.ebook .section__1--5 .join .custom-container {
  height:96%;
  width:93%;
  text-align:left;
  padding:5rem 0
}
.ebook .section__1--5 .join {
  height:570px
}
.ebook footer .section--1 .details {
  grid-gap:29px;
  width:100%;
  flex-wrap:wrap;
  justify-content:flex-start
}
.ebook .section__1--3 .carousel .cardz p {
  font-family:Jakarta;
  font-weight:500;
  font-size:14px;
  color:#0c1825;
  max-width:80%;
  padding:1rem 0 0;
  text-align:center
}
.ebook .section__1--5 .join .custom-container div {
  grid-gap:8px
}
.ebook .section__1--5 .join .custom-container .download--button .btn {
  padding:10px 14px
}
.ebook .section__1--5 .join .custom-container .download--button button {
  grid-gap:5px;
  height:40px
}
.ebook .section__1--5 .join .custom-container div button img {
  width:13px
}
.ebook footer .section--1 .details>div {
  min-width:103px
}
.modal-ebook h1 {
  font-size:22px!important;
  line-height:30px;
  height:unset;
  padding:3rem 1rem 1.5rem
}
.ebook .section__1--3 .carousel .cardz-container {
  grid-gap:20px;
  flex-wrap:wrap;
  justify-content:center
}

}
@media only screen and (min-width:800px)and (min-height:1000px)and (max-height:1400px) {
  .ebook .hero__details .bg1 {
  top:146px!important
}

}
@media only screen and (min-width:1200px)and (min-height:1000px)and (max-height:1400px) {
  .ebook .hero__details .bg1 {
  top:16px!important
}

}
.ebooks2024 * {
  max-width:100%
}
.ebooks2024.popup-shown .ebooks2024-popup {
  opacity:1;
  visibility:visible
}
.ebooks2024 [data-theme=blue],
.ebooks2024 [data-theme=cargo] {
  --bg:#111;
  --bg1:#0461d4;
  --bg2:#1d6ee2;
  --bg3:#1a1a1a;
  --color:#bed7fc;
  --color1:#fff;
  --color2:#fff
}
.ebooks2024 [data-theme=blue] [data-theme],
.ebooks2024 [data-theme=cargo] [data-theme] {
  display:none
}
.ebooks2024 [data-theme=blue] [data-theme=blue],
.ebooks2024 [data-theme=cargo] [data-theme=blue] {
  display:block
}
.ebooks2024 [data-theme=purple] {
  --bg:#3e1337;
  --bg1:#5b1c50;
  --bg2:#3e1337;
  --bg3:#1a1a1a;
  --color:#fff;
  --color1:#fff;
  --color2:#fff
}
.ebooks2024 [data-theme=purple] [data-theme] {
  display:none
}
.ebooks2024 [data-theme=purple] [data-theme=blue] {
  display:block
}
.ebooks2024 [data-theme=green] {
  --bg:#0c513f;
  --bg1:#0c513f;
  --bg2:#135443;
  --bg3:#fff;
  --color:#ffc501;
  --color1:#135443;
  --color2:#2b2b2b
}
.ebooks2024 [data-theme=green] [data-theme] {
  display:none
}
.ebooks2024 [data-theme=green] [data-theme=green] {
  display:block
}
.ebooks2024 [data-theme=red] {
  --bg:#c21000;
  --bg1:#c21000;
  --bg2:#1a1a19;
  --bg3:#d51f10;
  --color:#fef9ec;
  --color1:#fef8ea;
  --color2:#fef8ea
}
.ebooks2024 [data-theme=red] [data-theme] {
  display:none
}
.ebooks2024 [data-theme=red] [data-theme=red] {
  display:block
}
.ebooks2024 [data-theme=yellow] {
  --bg:#1e2044;
  --bg1:#1e2044;
  --bg2:#ff9b00;
  --bg3:#303364;
  --color:#fef9ec;
  --color1:#fef8ea;
  --color2:#fef8ea
}
.ebooks2024 [data-theme=yellow] [data-theme] {
  display:none
}
.ebooks2024 [data-theme=yellow] [data-theme=yellow] {
  display:block
}
.ebooks2024 a,
.ebooks2024 figure {
  margin:0
}
.ebooks2024 img {
  width:100%;
  height:100%;
  margin:unset
}
.ebooks2024-cta,
.ebooks2024-header__nav button,
.ebooks2024-hero__cta {
  display:flex;
  justify-content:center;
  align-items:center;
  width:165px;
  height:45px;
  background-color:var(--bg2);
  border-radius:10px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:700;
  font-size:16px;
  line-height:.8;
  color:#fff;
  -webkit-transition:.2s ease-out;
  transition:.2s ease-out;
  overflow:hidden;
  position:relative
}
.ebooks2024-cta:after,
.ebooks2024-header__nav button:after,
.ebooks2024-hero__cta:after {
  background:#fff;
  content:"";
  height:155px;
  left:-75px;
  opacity:.2;
  position:absolute;
  top:-50px;
  -webkit-transform:rotate(35deg);
  transform:rotate(35deg);
  -webkit-transition:all 0ms cubic-bezier(.19,
1,
.22,
1);
  transition:all 0ms cubic-bezier(.19,
1,
.22,
1);
  width:50px;
  z-index:-10
}
.ebooks2024-cta:hover,
.ebooks2024-header__nav button:hover,
.ebooks2024-hero__cta:hover {
  -webkit-filter:brightness(1.1);
  filter:brightness(1.1)
}
.ebooks2024-cta:hover:after,
.ebooks2024-header__nav button:hover:after,
.ebooks2024-hero__cta:hover:after {
  left:120%;
  -webkit-transition:all .55s cubic-bezier(.19,
1,
.22,
1);
  transition:all .55s cubic-bezier(.19,
1,
.22,
1)
}
.ebooks2024-cover1,
.ebooks2024-cover2 {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  z-index:100
}
.ebooks2024-cover1.ebooks2024-cover1,
.ebooks2024-cover2.ebooks2024-cover1 {
  background-color:var(--bg1);
  -webkit-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out
}
.ebooks2024-cover1.ebooks2024-cover2,
.ebooks2024-cover2.ebooks2024-cover2 {
  background-color:#111
}
.ebooks2024-header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  width:100%;
  -webkit-transition:background-color .35s ease;
  transition:background-color .35s ease
}
.ebooks2024-header.scrolled {
  background-color:var(--bg);
  -webkit-box-shadow:0 0 7px 0 var(--bg);
  box-shadow:0 0 7px 0 var(--bg)
}
.ebooks2024-header__nav {
  margin:12px auto;
  max-width:1280px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:unset;
  position:unset;
  width:unset
}
.ebooks2024-header__nav a {
  padding:18px;
  width:200px;
  height:65px;
  background-color:var(--bg);
  border-radius:57px
}
.ebooks2024-header__nav button {
  cursor:pointer
}
.ebooks2024__home {
  background-color:#fff;
  position:relative;
  padding-top:184px;
  width:100vw;
  overflow:hidden
}
.ebooks2024-hero>* {
  position:relative
}
.ebooks2024-hero__bg {
  height:952px;
  position:absolute!important;
  width:100%;
  top:0;
  left:0;
  overflow:hidden;
  pointer-events:none;
  opacity:1!important;
  color:var(--bg3)
}
.ebooks2024-hero__bg aside {
  position:absolute;
  width:1643.03px;
  height:auto;
  left:50%;
  bottom:0;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  pointer-events:all
}
.ebooks2024-hero__bg aside .interact .left .content .link:first-of-type,
.ebooks2024-hero__bg aside .savings .box .sub-title:first-of-type,
.ebooks2024-hero__bg aside svg:first-of-type,
.interact .left .content .ebooks2024-hero__bg aside .link:first-of-type,
.savings .box .ebooks2024-hero__bg aside .sub-title:first-of-type {
  position:absolute;
  pointer-events:none
}
.ebooks2024-hero__bg aside .interact .left .content .link:first-of-type rect,
.ebooks2024-hero__bg aside .savings .box .sub-title:first-of-type rect,
.ebooks2024-hero__bg aside svg:first-of-type rect,
.interact .left .content .ebooks2024-hero__bg aside .link:first-of-type rect,
.savings .box .ebooks2024-hero__bg aside .sub-title:first-of-type rect {
  opacity:1
}
.ebooks2024-hero__bg aside rect {
  opacity:0;
  -webkit-transition:opacity .1s ease-out .1s;
  transition:opacity .1s ease-out .1s
}
.ebooks2024-hero__bg aside rect:hover {
  opacity:1;
  -webkit-transition:opacity .1s ease-out 0s;
  transition:opacity .1s ease-out 0s
}
.ebooks2024-hero__bg [data-theme=blue] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#111
}
.ebooks2024-hero__bg [data-theme=red] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#c21000
}
.ebooks2024-hero__bg [data-theme=yellow] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#1e2044
}
.ebooks2024-hero__bg [data-theme=green] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff4d4
}
.ebooks2024-hero__bg [data-theme=green] img:first-of-type {
  width:493.55px;
  height:317px;
  top:204px;
  left:-154px;
  position:absolute;
  -webkit-transform:scale(.5);
  transform:scale(.5)
}
.ebooks2024-hero__bg [data-theme=green] img:nth-of-type(2) {
  width:564px;
  height:308.19px;
  top:487.9px;
  right:-292.97px;
  position:absolute;
  -webkit-transform:scale(.5);
  transform:scale(.5)
}
.ebooks2024-hero__bg [data-theme=green] img:nth-of-type(3) {
  width:1577.41px;
  height:317.15px;
  top:886.75px;
  left:-89.13px;
  position:absolute;
  -webkit-transform:rotate(-2.83deg);
  transform:rotate(-2.83deg);
  -webkit-transform:scale(.5);
  transform:scale(.5)
}
.ebooks2024-hero__head {
  width:600px;
  font-family:U8;
  font-style:normal;
  font-weight:500;
  font-size:53.0612px;
  line-height:55px;
  text-align:center;
  color:var(--color1);
  margin:0 auto
}
.ebooks2024-hero__sub {
  font-family:Jakarta;
  font-style:normal;
  font-weight:400;
  font-size:16px;
  line-height:1.25;
  text-align:center;
  letter-spacing:-.01em;
  color:var(--color2);
  margin-top:32px
}
.ebooks2024-hero__cta {
  margin:35px auto 0;
  z-index:10
}
.ebooks2024-hero__illustration {
  width:668.29px;
  height:749.74px;
  margin:-26.7px auto 0;
  overflow:hidden;
  pointer-events:none
}
.ebooks2024-hero__illustration>img {
  width:565px;
  height:auto;
  position:absolute;
  top:50px;
  left:47.31px
}
.ebooks2024-hero__illustration figure:first-of-type {
  position:absolute;
  width:200px;
  height:auto;
  right:0;
  top:56px
}
.ebooks2024-hero__illustration figure:nth-of-type(3) {
  position:absolute;
  width:165px;
  height:auto;
  left:9px;
  bottom:99.74px
}
.ebooks2024-hero__illustration figure:nth-of-type(2) {
  position:absolute;
  width:251.55px;
  height:auto;
  right:51.42px;
  top:277.17px;
  -webkit-transform:rotate(5.64deg);
  transform:rotate(5.64deg)
}
.ebooks2024-testimonials {
  position:relative;
  padding:5.26px 0 270px
}
.ebooks2024-testimonials__intro {
  font-family:Jakarta;
  font-weight:500;
  font-size:24px;
  line-height:30px;
  text-align:center;
  color:#090908
}
.ebooks2024-testimonials__companies {
  display:flex;
  justify-content:center;
  grid-gap:40px;
  gap:40px;
  margin-top:18.13px;
  align-items:center
}
.ebooks2024-testimonials__companies img:first-of-type,
.ebooks2024-testimonials__companies img:nth-of-type(9) {
  width:113.3865px;
  height:auto
}
.ebooks2024-testimonials__companies img:nth-of-type(2),
.ebooks2024-testimonials__companies img:nth-of-type(10) {
  width:179.6445px;
  height:auto
}
.ebooks2024-testimonials__companies img:nth-of-type(3),
.ebooks2024-testimonials__companies img:nth-of-type(11) {
  width:177.8085px;
  height:auto
}
.ebooks2024-testimonials__companies img:nth-of-type(4),
.ebooks2024-testimonials__companies img:nth-of-type(12) {
  width:82.917px;
  height:auto
}
.ebooks2024-testimonials__companies img:nth-of-type(5),
.ebooks2024-testimonials__companies img:nth-of-type(13) {
  width:93.4065px;
  height:auto
}
.ebooks2024-testimonials__companies img:nth-of-type(6),
.ebooks2024-testimonials__companies img:nth-of-type(14) {
  width:159.7995px;
  height:auto
}
.ebooks2024-testimonials__companies img:nth-of-type(7),
.ebooks2024-testimonials__companies img:nth-of-type(15) {
  width:114.75px;
  height:auto
}
.ebooks2024-testimonials__companies img:nth-of-type(8),
.ebooks2024-testimonials__companies img:nth-of-type(16) {
  width:60.75px;
  height:auto
}
.ebooks2024-testimonials__ceos {
  display:flex;
  grid-gap:19px;
  gap:19px;
  justify-content:center;
  margin-top:26.45px;
  width:-webkit-max-content;
  width:max-content;
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%) scale(.9);
  transform:translateX(-50%) scale(.9);
  -webkit-transition:left .3s ease;
  transition:left .3s ease;
  max-width:unset
}
.ebooks2024-testimonials__ceo {
  width:208.8px;
  height:249.84px;
  background:#f5f5f5;
  border-radius:16px;
  position:relative;
  -webkit-transition:width .25s ease-out,
background-color .25s ease-out;
  transition:width .25s ease-out,
background-color .25s ease-out;
  background-color:#f5f5f5;
  overflow:hidden
}
.ebooks2024-testimonials__ceo>img {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:auto;
  -webkit-transition:.25s ease-out;
  transition:.25s ease-out;
  pointer-events:none;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
}
.ebooks2024-testimonials__testimony {
  visibility:hidden;
  position:relative;
  padding:28px 70px 0 170px;
  display:grid;
  grid-gap:16px;
  gap:16px;
  max-width:unset
}
.ebooks2024-testimonials__testimony img:first-of-type {
  width:95.4px;
  height:auto;
  position:absolute;
  top:66px;
  left:40px
}
.ebooks2024-testimonials__testimony img:nth-of-type(2) {
  width:16.1px;
  height:auto;
  position:absolute;
  top:26px;
  left:155px
}
.ebooks2024-testimonials__testimony p {
  width:260px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:400;
  font-size:13.5px;
  line-height:17px;
  text-align:right;
  color:#e9f4fe;
  max-width:unset
}
.ebooks2024-testimonials__testimony h5 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:12.5px;
  line-height:16px;
  text-align:right;
  color:#fff
}
.ebooks2024-testimonials__testimony h5 i {
  font-weight:700
}
.ebooks2024-bento {
  position:relative;
  padding:150px 0 124px
}
.ebooks2024-bento__intro {
  font-family:Jakarta;
  font-weight:500;
  font-size:24px;
  line-height:30px;
  text-align:center;
  color:#090908
}
.ebooks2024-bento__grid {
  display:flex;
  flex-wrap:wrap;
  width:1199px;
  margin:42px auto 0;
  grid-gap:14px 10px;
  gap:14px 10px
}
.ebooks2024-bento__grid h5 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:24px;
  line-height:30px;
  color:#090908;
  position:relative
}
.ebooks2024-bento__grid li * {
  pointer-events:none
}
.ebooks2024-bento__grid canvas,
.ebooks2024-bento__grid li>div {
  position:absolute;
  pointer-events:all;
  width:100%;
  height:100%;
  left:0;
  top:0
}
.ebooks2024-bento__item:first-of-type {
  grid-area:one;
  overflow:hidden;
  width:722px;
  height:354px;
  background:#e9f2fe;
  border-radius:24px;
  padding:47px 41px;
  position:relative
}
.ebooks2024-bento__item:first-of-type figure {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  grid-gap:41px;
  gap:41px
}
.ebooks2024-bento__item:first-of-type figure div {
  width:52px;
  height:52px;
  background:#3b87f6;
  border-radius:50%;
  -webkit-animation:bounce 1s linear .25s infinite;
  animation:bounce 1s linear .25s infinite
}
.ebooks2024-bento__item:first-of-type figure div:first-of-type {
  -webkit-animation:bounce 1s linear 0s infinite;
  animation:bounce 1s linear 0s infinite
}
.ebooks2024-bento__item:first-of-type figure div:last-of-type {
  border:5px solid #0f3162;
  -webkit-animation:bounce 1s linear .5s infinite;
  animation:bounce 1s linear .5s infinite
}
.ebooks2024-bento__item:nth-of-type(2) {
  grid-area:two;
  overflow:hidden;
  width:467px;
  height:354px;
  background:#feebf5;
  border-radius:24px;
  padding:46px 45px;
  position:relative
}
.ebooks2024-bento__item:nth-of-type(3) {
  grid-area:three;
  overflow:hidden;
  width:433px;
  height:354px;
  background:#222936;
  border-radius:24px;
  padding:37px 41px;
  position:relative
}
.ebooks2024-bento__item:nth-of-type(3) h5 {
  color:#fff
}
.ebooks2024-bento__item:nth-of-type(4) {
  grid-area:four;
  background:#f2e6fd
}
.ebooks2024-bento__item:nth-of-type(4),
.ebooks2024-bento__item:nth-of-type(5) {
  overflow:hidden;
  width:370px;
  height:354px;
  border-radius:24px;
  padding:37px 36px;
  position:relative
}
.ebooks2024-bento__item:nth-of-type(5) {
  grid-area:five;
  background:#e8f7ed
}
@-webkit-keyframes bounce {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
30% {
  -webkit-transform:translateY(25%);
  transform:translateY(25%)
}
80% {
  -webkit-transform:translateY(-25%);
  transform:translateY(-25%)
}

}
@keyframes bounce {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
30% {
  -webkit-transform:translateY(25%);
  transform:translateY(25%)
}
80% {
  -webkit-transform:translateY(-25%);
  transform:translateY(-25%)
}

}
.ebooks2024-trivia {
  background-color:#111;
  position:relative;
  padding:74px 0 63.86px;
  perspective:1500px;
  display:block!important
}
.ebooks2024-trivia__bg {
  height:480.86px;
  position:absolute!important;
  width:100%;
  top:0;
  left:0;
  overflow:hidden;
  pointer-events:none;
  opacity:1!important
}
.ebooks2024-trivia__bg aside {
  position:absolute;
  width:1643.03px;
  height:auto;
  left:50%;
  top:0;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  pointer-events:all
}
.ebooks2024-trivia__bg aside .interact .left .content .link:first-of-type,
.ebooks2024-trivia__bg aside .savings .box .sub-title:first-of-type,
.ebooks2024-trivia__bg aside svg:first-of-type,
.interact .left .content .ebooks2024-trivia__bg aside .link:first-of-type,
.savings .box .ebooks2024-trivia__bg aside .sub-title:first-of-type {
  position:absolute;
  pointer-events:none
}
.ebooks2024-trivia__bg aside .interact .left .content .link:first-of-type rect,
.ebooks2024-trivia__bg aside .savings .box .sub-title:first-of-type rect,
.ebooks2024-trivia__bg aside svg:first-of-type rect,
.interact .left .content .ebooks2024-trivia__bg aside .link:first-of-type rect,
.savings .box .ebooks2024-trivia__bg aside .sub-title:first-of-type rect {
  opacity:1
}
.ebooks2024-trivia__bg aside rect {
  opacity:0;
  -webkit-transition:opacity .1s ease-out .1s;
  transition:opacity .1s ease-out .1s
}
.ebooks2024-trivia__bg aside rect:hover {
  opacity:1;
  -webkit-transition:opacity .1s ease-out 0s;
  transition:opacity .1s ease-out 0s
}
.ebooks2024-trivia__wrapper {
  width:926px;
  height:343px;
  background:var(--bg1);
  border-radius:27px;
  position:relative;
  overflow:hidden;
  margin:0 auto
}
.ebooks2024-trivia__wrapper:hover h4 {
  -webkit-filter:brightness(1.1);
  filter:brightness(1.1)
}
.ebooks2024-trivia__wrapper h4 {
  position:absolute;
  width:297px;
  height:505px;
  left:calc(50% - 148.5px + .5px);
  top:-49px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:800;
  font-size:484.37px;
  line-height:104.19%;
  color:var(--color);
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024-trivia__left {
  position:absolute;
  top:68px;
  left:85px
}
.ebooks2024-trivia__left h3 {
  width:211px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:800;
  font-size:40.9212px;
  line-height:104.19%;
  color:#fff
}
.ebooks2024-trivia__left p {
  margin-top:30px;
  width:293px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:23px;
  line-height:30px;
  color:#fff
}
.ebooks2024-trivia__right {
  position:absolute;
  top:74.1px;
  right:111px;
  display:flex;
  flex-direction:column;
  grid-gap:8px;
  gap:8px
}
.ebooks2024-trivia__right:has(li:first-of-type:hover) article {
  top:10%;
  opacity:1
}
.ebooks2024-trivia__right:has(li:nth-of-type(2):hover) article {
  top:36%;
  opacity:1
}
.ebooks2024-trivia__right:has(li:nth-of-type(3):hover) article {
  top:62%;
  opacity:1
}
.ebooks2024-trivia__right:has(li:nth-of-type(4):hover) article {
  top:88%;
  opacity:1
}
.ebooks2024-trivia__right article {
  position:absolute;
  width:200px;
  height:49px;
  left:50%;
  -webkit-transform:translate(-50%,
-50%) scale(1.025);
  transform:translate(-50%,
-50%) scale(1.025);
  top:50%;
  opacity:0;
  pointer-events:none;
  -webkit-transition:top .5s ease,
opacity .1s ease;
  transition:top .5s ease,
opacity .1s ease
}
.ebooks2024-trivia__right li {
  display:flex;
  align-items:center;
  padding-left:12.32px;
  width:194px;
  height:42.79px;
  background:#fff;
  border-radius:8.21164px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:16.4233px;
  line-height:.8;
  color:#090908;
  grid-gap:7.18px;
  gap:7.18px;
  cursor:pointer
}
.ebooks2024-trivia__right li:hover i {
  background-color:color-mix(in srgb,
var(--bg1) 15%,
transparent 85%)
}
.ebooks2024-trivia__right li i {
  display:flex;
  justify-content:center;
  align-items:center;
  width:22.26px;
  height:22.26px;
  background:#f5f5f5;
  border-radius:4.10582px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:16.4233px;
  line-height:.8;
  color:#090908;
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024 [data-theme-not] {
  display:none
}
.ebooks2024-trivia__mid {
  width:926px;
  height:343px;
  background:var(--bg1);
  border-radius:27px;
  position:absolute;
  overflow:hidden;
  top:74px;
  padding:59px 119.97px 59px 85px;
  visibility:hidden;
  opacity:0;
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
  margin:0 auto;
  left:0;
  right:0;
  z-index:99
}
.ebooks2024-trivia__mid h3 {
  font-family:Jakarta;
  font-style:normal;
  font-weight:800;
  font-size:40.9212px;
  line-height:104.19%;
  color:#fff
}
.ebooks2024-trivia__mid h4 {
  width:313px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:700;
  font-size:24px;
  line-height:30px;
  color:#d7d7e2;
  margin-top:24px
}
.ebooks2024-trivia__mid p {
  width:225px;
  font-weight:500;
  margin-top:22px
}
.ebooks2024-trivia__mid p,
.ebooks2024-trivia__mid p button {
  font-family:Jakarta;
  font-style:normal;
  font-size:18px;
  line-height:23px;
  color:#fff
}
.ebooks2024-trivia__mid p button {
  display:inline;
  border:unset;
  padding:unset;
  background-color:unset;
  font-weight:700
}
.ebooks2024-trivia__mid figure {
  position:absolute;
  top:36px;
  right:120px;
  width:271px;
  height:auto
}
.ebooks2024-trivia__mid div {
  position:absolute;
  top:145px;
  right:115px;
  width:281px;
  height:53px;
  background:#fff;
  border-radius:43px;
  display:flex;
  grid-gap:21px;
  gap:21px;
  justify-content:center;
  align-items:center;
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:18px;
  line-height:23px;
  color:#1e2044
}
.ebooks2024-trivia__mid div .interact .left .content .link,
.ebooks2024-trivia__mid div .savings .box .sub-title,
.ebooks2024-trivia__mid div svg,
.interact .left .content .ebooks2024-trivia__mid div .link,
.savings .box .ebooks2024-trivia__mid div .sub-title {
  width:35px;
  height:8.58px;
  overflow:visible
}
.ebooks2024-footer {
  padding:118.14px 120px 0
}
.ebooks2024-footer__intro {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:24px;
  line-height:30px;
  text-align:center;
  color:#090908
}
.ebooks2024-footer__cta {
  margin-top:45.9px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:1198.83px;
  height:369.45px;
  background:#1e1e1e;
  border-radius:62.5114px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:700;
  font-size:125.475px;
  line-height:.8;
  color:#fff;
  -webkit-transition:.5s ease;
  transition:.5s ease
}
.ebooks2024-footer__cta:hover {
  font-size:135px
}
.ebooks2024-footer__footer {
  margin-top:102.65px;
  margin-inline:auto;
  display:flex;
  justify-content:space-between;
  max-width:1260px
}
.ebooks2024-footer__left img {
  width:177px;
  height:33.56px
}
.ebooks2024-footer__left p {
  margin-top:31.44px;
  width:294px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:400;
  font-size:14px;
  line-height:22px;
  color:#000
}
.ebooks2024-footer__mid {
  display:flex;
  grid-gap:70px;
  gap:70px;
  margin-left:30px
}
.ebooks2024-footer__mid h4 {
  font-family:U8;
  font-style:normal;
  font-weight:700;
  font-size:16px;
  line-height:95%;
  color:#000
}
.ebooks2024-footer__mid ul {
  display:flex;
  flex-direction:column;
  grid-gap:16px;
  gap:16px;
  width:-webkit-max-content;
  width:max-content;
  min-width:107px
}
.ebooks2024-footer__mid a {
  font-family:Jakarta;
  font-style:normal;
  font-weight:400;
  font-size:14px;
  line-height:19px;
  color:#000
}
.ebooks2024-footer__mid a:hover {
  text-decoration:underline;
  text-underline-offset:.25em;
  -webkit-text-decoration-color:#1e1e1e;
  text-decoration-color:#1e1e1e
}
.ebooks2024-footer__right {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  text-align:right
}
.ebooks2024-footer__right div {
  display:flex;
  justify-content:flex-end;
  grid-gap:14.44px;
  gap:14.44px
}
.ebooks2024-footer__right img {
  width:21px;
  height:21px;
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024-footer__right img:hover {
  -webkit-transform:translateY(-15%);
  transform:translateY(-15%)
}
.ebooks2024-footer__right>a {
  width:270px;
  text-align:right;
  font-size:14px;
  line-height:17px;
  color:#000;
  margin:8px 0
}
.ebooks2024-footer__end,
.ebooks2024-footer__right>a {
  font-family:Jakarta;
  font-style:normal;
  font-weight:400
}
.ebooks2024-footer__end {
  margin-top:77px;
  margin-inline:-120px;
  width:100vw;
  height:58px;
  background:#1e1e1e;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:16px;
  line-height:19px;
  color:#fff;
  max-width:unset
}
.ebooks2024-popup {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:hsla(0,
0%,
100%,
.2);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  display:grid;
  place-content:center;
  opacity:0;
  visibility:hidden;
  z-index:100;
  cursor:no-drop
}
.ebooks2024-popup,
.ebooks2024-popup form {
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024-popup form {
  width:664px;
  height:489px;
  background:#111;
  border-radius:24px;
  position:relative;
  overflow:hidden;
  padding:53px 40px 66.38px 52px;
  cursor:auto
}
.ebooks2024-popup form.active {
  width:720px;
  height:190px
}
.ebooks2024-popup form.active .interact .left .content .link:first-of-type,
.ebooks2024-popup form.active .savings .box .sub-title:first-of-type,
.ebooks2024-popup form.active svg:first-of-type,
.interact .left .content .ebooks2024-popup form.active .link:first-of-type,
.savings .box .ebooks2024-popup form.active .sub-title:first-of-type {
  top:75%
}
.ebooks2024-popup form.active h3 {
  width:519px
}
.ebooks2024-popup form.active button,
.ebooks2024-popup form.active input,
.ebooks2024-popup form.active label {
  opacity:0
}
.ebooks2024-popup .interact .left .content .link:first-of-type,
.ebooks2024-popup .savings .box .sub-title:first-of-type,
.ebooks2024-popup svg:first-of-type,
.interact .left .content .ebooks2024-popup .link:first-of-type,
.savings .box .ebooks2024-popup .sub-title:first-of-type {
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:auto;
  position:absolute;
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024-popup .interact .left .content .link:nth-of-type(2),
.ebooks2024-popup .savings .box .sub-title:nth-of-type(2),
.ebooks2024-popup svg:nth-of-type(2),
.interact .left .content .ebooks2024-popup .link:nth-of-type(2),
.savings .box .ebooks2024-popup .sub-title:nth-of-type(2) {
  width:69px;
  height:69px;
  position:absolute;
  top:53px;
  right:40px;
  cursor:pointer;
  background-color:#1e1e1e;
  border-radius:50%;
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024-popup .interact .left .content .link:nth-of-type(2):hover,
.ebooks2024-popup .savings .box .sub-title:nth-of-type(2):hover,
.ebooks2024-popup svg:nth-of-type(2):hover,
.interact .left .content .ebooks2024-popup .link:nth-of-type(2):hover,
.savings .box .ebooks2024-popup .sub-title:nth-of-type(2):hover {
  padding:1%
}
.ebooks2024-popup h3 {
  width:389px;
  font-family:Jakarta;
  font-style:normal;
  font-weight:700;
  font-size:40px;
  line-height:97%;
  color:#fff;
  position:relative
}
.ebooks2024-popup label {
  display:block;
  margin-top:45px
}
.ebooks2024-popup input,
.ebooks2024-popup label {
  font-family:U8;
  font-style:normal;
  font-weight:400;
  font-size:16px;
  line-height:19px;
  color:#fff;
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024-popup input {
  display:flex;
  flex-direction:row;
  align-items:center;
  padding:20px 16px;
  width:572px;
  height:52px;
  border:1px solid #333;
  border-radius:16px;
  margin-top:15px;
  background-color:transparent
}
.ebooks2024-popup input:placeholder-shown {
  color:#7e7e7e
}
.ebooks2024-popup button {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  padding:20px 16px;
  width:572px;
  height:52px;
  background:#0461d4;
  border-radius:16px;
  margin-top:25px;
  font-size:16px;
  line-height:19px;
  -webkit-transition:.2s ease;
  transition:.2s ease
}
.ebooks2024-popup button,
.ebooks2024-popup p {
  position:relative;
  font-family:Jakarta;
  font-style:normal;
  font-weight:400;
  color:#fff
}
.ebooks2024-popup p {
  width:363.47px;
  font-size:14px;
  line-height:18px;
  text-align:center;
  margin:16px auto 0
}
@media screen and (max-width:1200px) {
  .ebooks2024 [data-desktop] {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important
}
.ebooks2024-cta,
.ebooks2024-header__nav button,
.ebooks2024-hero__cta {
  width:145px;
  height:40px;
  font-size:15px
}
.ebooks2024-header__nav {
  top:32px;
  padding:0 16px!important
}
.ebooks2024-header__nav a {
  padding:12px 16px;
  width:145px;
  height:45px
}
.ebooks2024__home {
  padding-top:0
}
.ebooks2024-hero {
  height:868px;
  position:relative;
  padding-top:135px
}
.ebooks2024-hero__bg {
  height:868px
}
.ebooks2024-hero__bg aside {
  display:none
}
.ebooks2024-hero__head {
  width:248px;
  font-size:33.17px!important;
  line-height:34.57px
}
.ebooks2024-hero__sub {
  font-size:14px;
  margin-top:28px
}
.ebooks2024-hero__cta {
  margin-top:26px
}
.ebooks2024-hero__illustration {
  position:absolute;
  left:50%;
  -webkit-transform:scale(.55) translateX(-91.5%);
  transform:scale(.55) translateX(-91.5%);
  bottom:-164px
}
.ebooks2024-hero__illustration figure:nth-of-type(2) {
  -webkit-transform:rotate(5.64deg) scale(1.1)!important;
  transform:rotate(5.64deg) scale(1.1)!important;
  -webkit-transform-origin:-50% 0;
  transform-origin:-50% 0
}
.ebooks2024-testimonials {
  padding:68px 0 0
}
.ebooks2024-testimonials__intro {
  font-size:16px;
  line-height:20px;
  width:192px;
  margin:0 auto
}
.ebooks2024-testimonials__companies {
  margin-top:26px;
  margin-inline:auto;
  grid-gap:2.235560288px 24.25582912px;
  gap:2.235560288px 24.25582912px;
  justify-content:flex-start;
  width:249px;
  -webkit-transform:scale(.8946303131);
  transform:scale(.8946303131);
  margin-inline:unset;
  padding-inline:10px
}
.ebooks2024-testimonials__ceos {
  margin-top:38.83px;
  grid-gap:8px;
  gap:8px;
  padding-inline:60px;
  left:0!important;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -ms-scroll-snap-type:x mandatory;
  scroll-snap-type:x mandatory;
  overflow:scroll;
  width:100vw;
  display:grid;
  grid-template-columns:repeat(6,
270px);
  position:relative;
  justify-content:unset
}
.ebooks2024-testimonials__ceo {
  width:270px!important;
  height:444px;
  scroll-snap-align:center;
  flex:none
}
.ebooks2024-testimonials__ceo .flw {
  bottom:0!important;
  -webkit-transform-origin:-100% 100%;
  transform-origin:-100% 100%
}
.ebooks2024-testimonials__ceo.active {
  width:677px;
  background-color:var(--background-color)!important
}
.ebooks2024-testimonials__ceo.active div {
  visibility:visible
}
.ebooks2024-testimonials__ceo.active>img {
  bottom:-20%
}
.ebooks2024-testimonials__ceo.active .flw {
  bottom:0!important;
  -webkit-transform:scale(.675);
  transform:scale(.675)
}
.ebooks2024-testimonials__ceo>img {
  -webkit-transition:.25s ease-out;
  transition:.25s ease-out;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  object-fit:contain;
  top:unset;
  bottom:0;
  height:auto
}
.ebooks2024-testimonials__testimony {
  padding:74px 31.5px;
  grid-gap:15px;
  gap:15px
}
.ebooks2024-testimonials__testimony img:first-of-type {
  width:160px;
  top:271px;
  left:56px
}
.ebooks2024-testimonials__testimony img:nth-of-type(2) {
  width:30px;
  top:34.5px;
  left:121.6px
}
.ebooks2024-testimonials__testimony p {
  font-size:11.5px;
  width:unset;
  line-height:16.38px
}
.ebooks2024-testimonials__testimony h5 {
  font-size:10px;
  line-height:12.6px
}
.ebooks2024-bento {
  padding:91px 0 118px
}
.ebooks2024-bento__intro {
  font-size:16px;
  line-height:20px;
  width:180px;
  margin:0 auto
}
.ebooks2024-bento__grid {
  flex-direction:column;
  margin:31px auto 0;
  width:calc(100vw - 60px)
}
.ebooks2024-bento__grid li {
  width:auto!important;
  height:255px!important;
  padding:32.96px 33.24px!important
}
.ebooks2024-bento__grid h5 {
  font-size:17.19px;
  line-height:21.66px;
  text-align:left
}
.ebooks2024-bento__item:first-of-type figure {
  grid-gap:23.37px;
  gap:23.37px
}
.ebooks2024-bento__item:first-of-type figure div {
  width:32.5px;
  height:32.5px
}
.ebooks2024-trivia {
  padding:67px 0 83.27px
}
.ebooks2024-trivia__bg {
  height:687.8px
}
.ebooks2024-trivia__bg aside {
  width:1205.03px
}
.ebooks2024-trivia__wrapper {
  width:calc(100vw - 60px);
  height:438px
}
.ebooks2024-trivia__wrapper h4 {
  width:249px;
  height:424px;
  font-size:406.68px;
  top:95px;
  left:48px;
  opacity:.5
}
.ebooks2024-trivia__left {
  top:51px;
  left:67px
}
.ebooks2024-trivia__left h3 {
  width:211px;
  font-size:20px;
  text-align:center
}
.ebooks2024-trivia__left p {
  margin-top:16px;
  font-size:16px;
  line-height:20.16px;
  text-align:center;
  width:210px;
  margin-inline:auto
}
.ebooks2024-trivia__right {
  top:179px;
  right:45px;
  left:45px;
  grid-gap:8.21px;
  gap:8.21px
}
.ebooks2024-trivia__right article {
  display:none
}
.ebooks2024-trivia__right li {
  width:100%
}
.ebooks2024-trivia__mid {
  width:344px;
  height:438px;
  top:67px;
  padding:51px 54px 0
}
.ebooks2024-trivia__mid h3 {
  font-size:20px;
  text-align:center;
  width:-webkit-fit-content;
  width:fit-content;
  margin:0 auto
}
.ebooks2024-trivia__mid h4,
.ebooks2024-trivia__mid p {
  width:100%;
  text-align:center;
  font-size:16px;
  line-height:20px;
  margin-top:16px
}
.ebooks2024-trivia__mid figure {
  width:242.4px;
  right:50.6px;
  top:238px
}
.ebooks2024-trivia__mid div {
  top:311.96px;
  right:52px;
  width:239px;
  height:45.08px;
  border-radius:36.57px;
  grid-gap:17.28px;
  gap:17.28px;
  font-size:15.31px;
  line-height:19px
}
.ebooks2024-trivia__mid .interact .left .content .link,
.ebooks2024-trivia__mid .savings .box .sub-title,
.ebooks2024-trivia__mid svg,
.interact .left .content .ebooks2024-trivia__mid .link,
.savings .box .ebooks2024-trivia__mid .sub-title {
  width:29.77px;
  height:7.3px
}
.ebooks2024-footer {
  padding:82.73px 0 0
}
.ebooks2024-footer__intro {
  font-size:16px;
  line-height:20.16px
}
.ebooks2024-footer__cta {
  margin-top:20.55px;
  width:calc(100vw - 60px);
  height:109.54px;
  border-radius:18.46px;
  font-size:34px
}
.ebooks2024-footer__cta:hover {
  font-size:34px
}
.ebooks2024-footer__footer {
  margin:48px 14px 0;
  padding-top:21.97px;
  border-top:1px solid #efefef;
  flex-direction:column;
  width:calc(100vw - 60px);
  margin-inline:auto
}
.ebooks2024-footer__left {
  order:1
}
.ebooks2024-footer__left img {
  width:114px;
  height:21.62px
}
.ebooks2024-footer__left p {
  margin-top:17.41px;
  width:317px;
  font-size:13px;
  line-height:19px
}
.ebooks2024-footer__mid {
  margin-left:unset;
  order:3;
  margin-top:20px;
  grid-gap:27px;
  gap:27px;
  border-top:1px solid #efefef;
  padding-top:29px
}
.ebooks2024-footer__mid h4 {
  font-size:14px;
  margin-bottom:-4px
}
.ebooks2024-footer__mid ul {
  font-size:14px;
  grid-gap:12px;
  gap:12px;
  line-height:16.94px;
  min-width:79px
}
.ebooks2024-footer__right {
  order:2;
  margin-top:22px;
  align-items:flex-start;
  text-align:left
}
.ebooks2024-footer__right div {
  grid-gap:15.17px;
  gap:15.17px
}
.ebooks2024-footer__right img {
  width:22.06px;
  height:22.06px
}
.ebooks2024-footer__right a {
  text-align:left
}
.ebooks2024-footer__right>a {
  width:270px;
  margin:6px 0
}
.ebooks2024-footer__end {
  margin-top:46px;
  margin-inline:0;
  width:100vw;
  height:59px;
  font-size:13px;
  line-height:15.73px
}
.ebooks2024-popup form {
  width:358px;
  height:371px;
  border-radius:16px;
  padding:32px 26px
}
.ebooks2024-popup form.active {
  width:3.7px;
  height:1.4px
}
.ebooks2024-popup form.active h3 {
  width:260px
}
.ebooks2024-popup .interact .left .content .link:first-of-type,
.ebooks2024-popup .savings .box .sub-title:first-of-type,
.ebooks2024-popup svg:first-of-type,
.interact .left .content .ebooks2024-popup .link:first-of-type,
.savings .box .ebooks2024-popup .sub-title:first-of-type {
  width:664px;
  height:158px;
  bottom:-23px
}
.ebooks2024-popup .interact .left .content .link:nth-of-type(2),
.ebooks2024-popup .savings .box .sub-title:nth-of-type(2),
.ebooks2024-popup svg:nth-of-type(2),
.interact .left .content .ebooks2024-popup .link:nth-of-type(2),
.savings .box .ebooks2024-popup .sub-title:nth-of-type(2) {
  width:38px;
  height:38px;
  top:30px;
  right:16px
}
.ebooks2024-popup h3 {
  width:209px;
  font-size:24px;
  text-align:left
}
.ebooks2024-popup label {
  font-size:14px;
  line-height:17px;
  margin-top:32px
}
.ebooks2024-popup input {
  width:306px;
  height:43px;
  padding:16px;
  font-size:15px;
  line-height:11px
}
.ebooks2024-popup button {
  padding:16px;
  width:306px;
  height:44px;
  margin-top:13px;
  line-height:12px
}
.ebooks2024-popup p {
  width:233.7px;
  margin-top:20px
}

}
@media screen and (min-width:1200px) {
  .ebooks2024 [data-mobile] {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important
}
.ebooks2024-testimonials__ceo:hover {
  width:473.9px;
  background-color:var(--background-color)
}
.ebooks2024-testimonials__ceo:hover div {
  visibility:visible
}
.ebooks2024-testimonials__ceo:hover>img {
  top:30px;
  -webkit-transform:scale(.85);
  transform:scale(.85)
}

}
.comic .section4,
.newsletter .section4,
.preview_comics .section4 {
  padding-top:200px;
  margin:50px 79px 100px;
  position:relative
}
.comic .section4__bg,
.newsletter .section4__bg,
.preview_comics .section4__bg {
  position:absolute;
  height:100%;
  width:100%;
  border-radius:50px;
  top:0;
  background:url(/_next/static/media/phone-hand.997efe89163d536f444840aba9c30f53.png);
  background-position:100%;
  background-size:65%;
  background-repeat:no-repeat
}
.comic .section4__main,
.newsletter .section4__main,
.preview_comics .section4__main {
  background:-webkit-gradient(linear,
left top,
left bottom,
from(#49d9e6),
to(#80ddc5));
  background:linear-gradient(180deg,
#49d9e6,
#80ddc5);
  border-radius:50px
}
.comic .section4__main--content,
.newsletter .section4__main--content,
.preview_comics .section4__main--content {
  padding:148px 0 100px 75px;
  max-width:50%
}
.comic .section4__main--content h2,
.newsletter .section4__main--content h2,
.preview_comics .section4__main--content h2 {
  font-family:Jakarta!important;
  font-weight:500;
  font-size:60px;
  text-align:left;
  line-height:80px;
  letter-spacing:-.015em;
  color:#164a49
}
.comic .section4__main--cta,
.newsletter .section4__main--cta,
.preview_comics .section4__main--cta {
  margin-top:64px;
  display:flex;
  grid-gap:19px;
  gap:19px
}
.comic .section4__main--cta button,
.newsletter .section4__main--cta button,
.preview_comics .section4__main--cta button {
  z-index:20;
  background:#40c3a9;
  border-radius:90px;
  height:80px;
  font-weight:700;
  font-size:24px;
  line-height:20px;
  display:flex;
  grid-gap:15px;
  gap:15px;
  align-items:center
}
.comic .section4__main--cta button img,
.newsletter .section4__main--cta button img,
.preview_comics .section4__main--cta button img {
  max-width:40px;
  object-fit:contain
}
.comic .section4__main--cta button:last-child img,
.newsletter .section4__main--cta button:last-child img,
.preview_comics .section4__main--cta button:last-child img {
  max-width:40px
}
.comic .section4--alt .section4__main,
.newsletter .section4--alt .section4__main,
.preview_comics .section4--alt .section4__main {
  background:#1843d0
}
.comic .section4--alt .section4__main h2,
.newsletter .section4--alt .section4__main h2,
.preview_comics .section4--alt .section4__main h2 {
  color:#fff
}
.comic .section4--alt .section4__main button,
.newsletter .section4--alt .section4__main button,
.preview_comics .section4--alt .section4__main button {
  background-color:#1337ad
}
.comic .hero__details {
  min-height:100vh;
  padding:210px 25px 0
}
.comic .hero__details .btn {
  padding:18px 36px;
  font-size:20px
}
.comic .hero__details--bg {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100vh;
  object-fit:cover
}
.comic .hero__details--bg-mobile {
  display:none
}
.comic .hero__details--header {
  width:100%;
  max-width:700px;
  object-fit:contain
}
.comic .hero__details p {
  font-family:Jakarta;
  font-weight:700;
  font-size:22px;
  line-height:142.5%;
  color:#fff;
  max-width:350px;
  margin-top:10px
}
.comic .hero__details p.blue {
  color:#072f3d
}
.comic .hero__details a {
  display:inline-block
}
.comic .hero__details--alt p {
  color:#503813
}
.comic .hero__details--btn {
  background-color:#fff;
  color:#058cbc!important
}
.comic .hero__landing {
  background-color:#076fed;
  min-height:100vh;
  padding:190px 25px 0
}
.comic .hero__landing .hero__details--bg {
  object-position:top left
}
.comic .hero__landing h1 {
  font-family:Jakarta!important;
  font-weight:500;
  color:#fff
}
.comic .hero__landing p {
  font-family:Jakarta;
  color:#fff;
  margin-top:17px;
  font-weight:700;
  font-size:25px;
  line-height:142.5%
}
.comic .hero__landing a {
  color:#06173e!important;
  display:inline-flex;
  align-items:center;
  grid-gap:12px;
  gap:12px;
  background:#fff;
  border-radius:900px;
  -webkit-filter:drop-shadow(0 12px 0 rgba(0,
0,
0,
.2));
  filter:drop-shadow(0 12px 0 rgba(0,
0,
0,
.2))
}
.comic .hero__landing--socials {
  margin-top:28px;
  display:flex;
  grid-gap:12px;
  gap:12px;
  align-items:center
}
.comic .hero__landing--socials img {
  height:33px
}
.comic .hero__landing--img {
  width:100%;
  object-fit:contain
}
.comic .hero__content {
  position:relative
}
.comic .hero__content--alt p {
  color:#122231
}
.comic .section2 {
  padding:80px 25px
}
.comic .section2 h2 {
  font-family:Jakarta!important;
  font-size:55px;
  font-weight:500;
  line-height:62px;
  text-align:center;
  letter-spacing:-.015em;
  color:#164a49;
  max-width:1000px;
  margin:0 auto
}
.comic .section2--alt h2 {
  color:#000;
  font-size:44px
}
.comic .section2--latest {
  max-width:1500px;
  margin:0 auto
}
.comic .section2__items {
  padding-top:80px;
  display:flex;
  flex-direction:column;
  grid-gap:150px;
  gap:150px
}
.comic .section2__items--item {
  display:flex;
  align-items:center;
  justify-content:center;
  grid-gap:20px;
  gap:20px;
  overflow:hidden
}
.comic .section2__items--item h3 {
  font-family:Jakarta!important;
  font-weight:500;
  font-size:56px;
  line-height:70px;
  letter-spacing:-.015em;
  color:#24467f
}
.comic .section2__items--item a {
  display:inline-block
}
.comic .section2__items--item--alt {
  flex-direction:row-reverse
}
.comic .section2__items--item--alt h3 {
  color:#164a49
}
.comic .section2__items--item .btn,
.comic .section2__items--item p {
  margin-top:37px
}
.comic .section2__items--item img {
  max-width:50%;
  object-fit:contain
}
.comic .section2__items--item .item-content {
  max-width:487px
}
.comic .section2 .latest-comics {
  margin:100px 0
}
.comic .section2 .latest-comics h3 {
  font-size:30px;
  line-height:50px;
  letter-spacing:-.015em
}
.comic .section2 .latest-comics__items {
  max-width:100%;
  margin-top:38px;
  display:grid;
  grid-template-columns:repeat(auto-fill,
minmax(320px,
1fr));
  grid-gap:70px 30px;
  gap:70px 30px;
  flex-direction:column;
  position:relative
}
.comic .section2 .latest-comics__items--item .img-overlay {
  overflow:hidden;
  position:relative;
  margin-bottom:2rem;
  border-radius:15px;
  background:transparent;
  line-height:0
}
.comic .section2 .latest-comics__items--item .img-overlay .overlay {
  position:absolute;
  top:0;
  visibility:hidden;
  -webkit-transition:all .2s linear;
  transition:all .2s linear;
  border-radius:20px;
  height:100%;
  width:100%;
  background:rgba(0,
0,
0,
.5);
  z-index:100
}
.comic .section2 .latest-comics__items--item .img-overlay .overlay button {
  font-size:16px;
  font-weight:600;
  color:#fff!important;
  text-align:center;
  white-space:nowrap;
  padding:10px 48px;
  border-radius:9px;
  border:2px solid #fff;
  background:#0c1825;
  visibility:hidden;
  -webkit-transition:all .3s linear;
  transition:all .3s linear;
  opacity:0
}
.comic .section2 .latest-comics__items--item .img-overlay:hover .overlay {
  position:absolute;
  visibility:visible
}
.comic .section2 .latest-comics__items--item .img-overlay:hover .overlay button {
  visibility:visible;
  opacity:1
}
.comic .section2 .latest-comics__items--item img {
  width:100%;
  height:100%;
  object-fit:cover
}
.comic .section2 .latest-comics__items {
  letter-spacing:-.015em;
  font-weight:500;
  text-align:center
}
.comic .section2 .latest-comics__items h4 {
  font-size:17px;
  line-height:30px;
  color:#0a1026
}
.comic .section2 .latest-comics__items p {
  font-size:16px;
  line-height:25px;
  color:#a8a9ab
}
.comic .section2 .latest-comics__items--empty {
  width:100%;
  text-align:center;
  font-size:18px;
  left:0;
  top:-20px
}
.comic .section2 .latest-comics__items--empty p {
  background:#f5f5f5;
  padding:2rem;
  border-radius:10px;
  color:rgba(10,
16,
38,
.7529411765);
  width:50%;
  font-size:25px
}
.comic .section2 .latest-comics--center h3 {
  text-align:center
}
.comic .section2 .latest-comics--center .latest-comics__items {
  grid-template-columns:300px;
  justify-content:center
}
.comic .section2 .latest-comics__load-more {
  width:100%;
  display:flex;
  justify-content:center;
  margin:0 0 4rem
}
.comic .section2 .latest-comics__load-more .btn {
  margin:0 auto;
  color:#24467f!important;
  background:#fff;
  border:1px solid #24467f;
  padding:10px 22px
}
.comic .section2 .latest-comics .dropdown-cont {
  display:flex;
  justify-content:flex-end;
  width:100%
}
.comic .section2 .latest-comics .dropdown-cont .dropdown {
  position:relative;
  z-index:200
}
.comic .section2 .latest-comics .dropdown-cont .dropdown .dropdown-menu {
  padding:14px;
  width:250px;
  top:30px;
  right:0;
  left:unset
}
.comic .section2 .latest-comics .dropdown-cont .dropdown .dropdown-menu__content {
  display:flex;
  flex-direction:column
}
.comic .section2 .latest-comics .dropdown-cont .dropdown .dropdown-menu__content button {
  background-color:#fff;
  text-align:left;
  padding:14px 0;
  font-size:14px
}
.comic .section2 .latest-comics .dropdown-cont .dropdown .dropdown-menu__content button:first-child {
  border-bottom:.5px solid #cfcfd3
}
.comic .section2 .latest-comics .dropdown-cont .dropdown .dropdown-menu__content--active {
  color:#1734ca
}
.comic .section2 .latest-comics .dropdown-cont .dropdown button {
  font-family:Jakarta;
  display:flex;
  align-items:center;
  grid-gap:10px;
  gap:10px;
  font-weight:600;
  font-size:24px;
  line-height:131.5%;
  padding:0;
  background-color:#fff;
  color:#0c1825
}
.comic .section2 .latest-comics .zoom {
  -webkit-transition:all solid 5s;
  transition:all solid 5s
}
.comic .section3 {
  margin:0 79px;
  background:#eef3f7;
  border-radius:50px;
  padding-left:74px;
  display:flex;
  justify-content:space-between
}
.comic .section3__content {
  padding:84px 0;
  max-width:calc(60% - 92px)
}
.comic .section3__content h2 {
  font-family:Jakarta!important;
  font-weight:500;
  font-size:46px;
  line-height:55px;
  letter-spacing:-.015em;
  color:#0c1825
}
.comic .section3__content p {
  font-weight:400;
  font-size:20px;
  line-height:165%;
  margin-top:35px
}
.comic .section3__content--alt {
  max-width:calc(50% - 92px)
}
.comic .section3__content--alt p {
  font-weight:500
}
.comic .section3__content p:last-of-type {
  color:#707b84;
  font-size:14px;
  line-height:165%
}
.comic .section3__content--image {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:40px
}
.comic .section3__form {
  margin-top:43px;
  display:flex;
  grid-gap:22px;
  gap:22px
}
.comic .section3__form input {
  border-radius:20px;
  padding:0 31px;
  flex-grow:1;
  height:60px;
  font-weight:500;
  font-size:24px;
  line-height:31px
}
.comic .section3__form input::-webkit-input-placeholder {
  color:#ccd2df
}
.comic .section3__form input:-ms-input-placeholder {
  color:#ccd2df
}
.comic .section3__form input::placeholder {
  color:#ccd2df
}
.comic .section3__form button {
  font-weight:700;
  font-size:20px;
  line-height:30px
}
.comic .section3__form--alt input {
  background:#eef3f7;
  font-size:18px
}
.comic .section3 img {
  max-width:40%;
  width:100%;
  object-fit:cover;
  border-radius:0 50px 50px 0
}
.comic .section3--alt {
  background:transparent;
  margin-top:100px
}
.comic .section3--alt img {
  max-width:500px
}
.comic .pocket-cta {
  background:url(/_next/static/media/pocket-pattern.50db7a6752114594be40b677f3846df5.png);
  background-size:cover;
  border-radius:50px;
  min-height:530px;
  margin:50px 79px 100px;
  padding:50px 50px 0;
  display:flex;
  position:relative
}
.comic .pocket-cta__content {
  max-width:50%
}
.comic .pocket-cta__content img {
  height:50px
}
.comic .pocket-cta__content h3 {
  font-weight:600;
  font-size:70px;
  line-height:110px;
  margin-top:20px;
  color:#fff
}
.comic .pocket-cta__content p {
  font-weight:600;
  font-size:20px;
  line-height:142.5%;
  color:#d5d2d2
}
.comic .pocket-cta__content--socials {
  margin-top:28px;
  display:flex;
  grid-gap:12px;
  gap:12px;
  align-items:center
}
.comic .pocket-cta__content--socials a {
  color:#06173e!important;
  display:inline-flex;
  align-items:center;
  grid-gap:12px;
  gap:12px;
  background:#fff;
  border-radius:900px;
  font-size:16px;
  padding:14px
}
.comic .pocket-cta__content--socials img {
  height:33px
}
.comic .pocket-cta__image {
  width:50%
}
.comic .pocket-cta__image img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:bottom
}
.more-comics--nav,
.preview_comics .comics--nav {
  position:fixed;
  padding:1.2rem 2rem;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  z-index:1007;
  align-items:center
}
@-webkit-keyframes fadeinR {
  0% {
  opacity:0
}
to {
  opacity:1
}

}
.preview_comics {
  position:relative;
  top:0;
  left:0;
  bottom:0;
  width:100%;
  z-index:1002;
  overflow:scroll;
  z-index:1006;
  background:#fff
}
.preview_comics .main {
  width:-webkit-fit-content;
  width:fit-content;
  margin:0 auto
}
.preview_comics .comics {
  background-color:#252525;
  padding:6rem 0 3rem
}
.preview_comics .comics--nav p {
  font-weight:600;
  font-size:17px;
  white-space:nowrap;
  text-transform:capitalize
}
.preview_comics .comics--nav .last-section {
  grid-gap:1rem
}
.preview_comics .comics--nav .last-section img {
  cursor:pointer
}
.preview_comics .comics--nav .last-section button {
  font-size:21px;
  font-weight:600;
  text-align:center;
  color:#fff!important;
  white-space:nowrap;
  padding:7px 14px;
  border-radius:50%;
  background-color:#000
}
.preview_comics .comics--nav .last-section .icon-button {
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#ebeff5;
  color:#000!important;
  padding:0
}
.interact .left .content .preview_comics .comics--nav .last-section .icon-button .link,
.preview_comics .comics--nav .last-section .icon-button .interact .left .content .link,
.preview_comics .comics--nav .last-section .icon-button .savings .box .sub-title,
.preview_comics .comics--nav .last-section .icon-button svg,
.savings .box .preview_comics .comics--nav .last-section .icon-button .sub-title {
  margin-right:0;
  width:20px;
  height:20px;
  top:unset
}
.preview_comics .pdf-container {
  width:100%;
  margin:0 auto
}
.preview_comics .pdf-container .pdf {
  width:900px;
  grid-gap:.5rem
}
.preview_comics .pdf-container .pdf img {
  width:100%;
  height:auto
}
.preview_comics .pdf-container .pdf-nav {
  grid-gap:1rem;
  gap:1rem;
  padding:0 1rem;
  background:#000;
  color:#fff;
  position:fixed;
  bottom:0;
  left:50%;
  height:43px;
  width:900px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.preview_comics .pdf-container .pdf-nav .container--pdf-nav {
  position:relative;
  width:100%;
  justify-content:center
}
.preview_comics .pdf-container .pdf-nav .container--pdf-nav .commentsImg {
  position:absolute;
  right:0;
  top:0
}
.preview_comics .pdf-container .pdf-nav .arrows {
  grid-gap:1rem;
  gap:1rem
}
.preview_comics .pdf-container .pdf-nav .arrows .flex--2 {
  grid-gap:1.5rem;
  gap:1.5rem;
  cursor:pointer
}
.preview_comics .pdf-container .pdf-nav .arrows .flex--2 small {
  position:relative;
  top:2px;
  max-width:160px;
  white-space:nowrap
}
.preview_comics .pdf-container .pdf-nav img {
  width:23px
}
.preview_comics .pdf-container .pdf-nav .rightarrow {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.preview_comics .pdf-container .pdf-isRelative {
  position:relative;
  bottom:25px;
  opacity:.5;
  -webkit-animation:fadeinR 2s ease;
  animation:fadeinR 2s ease;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards
}
.preview_comics .preview-cta {
  margin-top:45px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}
.preview_comics .preview-cta p {
  font-family:Jakarta!important;
  color:#fff;
  text-align:center;
  font-weight:500;
  font-size:24px;
  line-height:30px
}
.preview_comics .preview-cta__share {
  margin:25px 0 35px
}
.preview_comics .preview-cta__share>*+* {
  margin-left:20px
}
.preview_comics .preview-cta__share img {
  max-width:60px
}
.preview_comics .preview-cta button {
  background:transparent
}
.preview_comics .preview-cta>button {
  border:2px solid #fff9f9;
  border-radius:10px
}
.preview_comics .slider-container {
  max-width:850px;
  margin:70px auto
}
.preview_comics .slider-container .slider-item {
  padding:0 10px;
  grid-gap:2rem;
  width:170px
}
.preview_comics .slider-container .slider-item img {
  width:100%;
  height:100%;
  height:170px;
  object-fit:cover;
  border-radius:10px;
  object-position:top;
  cursor:pointer
}
.preview_comics .slider-container .slider-item p {
  font-family:Jakarta!important;
  margin-top:15px;
  color:#fff;
  text-align:center;
  font-weight:500;
  font-size:16px;
  line-height:30px;
  font-size:13px;
  line-height:20px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.preview_comics .slider-container .comics-selected img {
  border:5px solid #fff
}
.preview_comics .slider-container .slick-next,
.preview_comics .slider-container .slick-prev {
  margin-top:-20px
}
.preview_comics .slider-container .slick-track {
  overflow:hidden!important
}
.preview_comics .slider-container .slick-dots {
  display:none!important
}
.preview_comics .section4 {
  margin:0;
  padding:0;
  max-width:960px
}
.preview_comics .section4 .headingCTA {
  font-family:Jakarta;
  font-style:normal;
  font-weight:600;
  font-size:40px;
  line-height:55px;
  color:#fff;
  width:500px;
  position:relative;
  z-index:100
}
.preview_comics .section4 .headingCTA span {
  white-space:nowrap;
  height:115px;
  background:#ff5bb2;
  border-radius:90px;
  padding:.5rem 1rem;
  color:#0c1825;
  margin-right:10px
}
.preview_comics .section4 .headingCTA--alt span {
  background:#80feba;
  border-radius:90px;
  padding:.7rem 1.3rem;
  color:#1e1e1e;
  margin-right:10px
}
.preview_comics .section4__main--cta button {
  background:#fff!important;
  border-radius:90px;
  height:55px;
  font-weight:700;
  font-size:16px;
  line-height:20px;
  color:#000!important
}
.preview_comics .section4__main--cta button img {
  max-width:23px;
  object-fit:contain
}
.preview_comics .section4__main--cta button:last-child img {
  max-width:31px
}
.preview_comics .section4--alt .section4,
.preview_comics .section4--alt .section4__main {
  background:#1843d0;
  background:url(/_next/static/media/bg.ed05d22c939049dc7087b8a5b5ba5165.png);
  background-position:50%;
  background-size:cover;
  background-repeat:no-repeat
}
.preview_comics .section4--alt .section4 h2,
.preview_comics .section4--alt .section4__main h2 {
  color:#fff
}
.preview_comics .section4--alt .section4 button,
.preview_comics .section4--alt .section4__main button {
  background-color:#1337ad
}
.preview_comics .section4--target .section4,
.preview_comics .section4--target .section4__main {
  background-color:#0fb259;
  background-image:url(/_next/static/media/ad-target-pattern.fcd5f9272e1f86574662129a18dceea4.png);
  background-position:100%;
  background-size:contain;
  background-repeat:no-repeat
}
.preview_comics .section4--target .section4 h2,
.preview_comics .section4--target .section4__main h2 {
  color:#fff
}
.preview_comics .section4--target .section4 button,
.preview_comics .section4--target .section4__main button {
  padding:15px;
  font-size:14px
}
.preview_comics .section4--target .section4 button img,
.preview_comics .section4--target .section4__main button img {
  height:22px
}
.preview_comics .section4--target .section4--content,
.preview_comics .section4--target .section4__main--content {
  padding:50px 50px 90px
}
.preview_comics .section4--target .section4--cta,
.preview_comics .section4--target .section4__main--cta {
  margin-top:30px
}
.preview_comics .section4--target .section4--logo,
.preview_comics .section4--target .section4__main--logo {
  height:32px;
  margin-bottom:15px
}
.preview_comics .section4__bg--1 {
  position:absolute;
  height:100%;
  width:60%;
  top:0;
  right:12px;
  background:url(/_next/static/media/bg-prev.04d018cf7d1d2f50cdb41ec6a7eada4b.png);
  background-position:100% 100%;
  background-size:65%;
  background-repeat:no-repeat
}
.preview_comics .section4__bg--2 {
  width:100%;
  background-image:url(/_next/static/media/ad-target.7d49e49d73770904e7930f1938b172ba.png);
  background-size:45%;
  background-position:90% 100%
}
.preview_comics .section4__bg--3 {
  right:0;
  width:100%;
  background-image:url(/_next/static/media/couple-target.9c33548f135aa3b74384758c5f947651.avif);
  background-size:60%;
  background-position:100% 100%;
  border-radius:50px
}
.preview-comments {
  margin:60px 40px
}
.preview-comments #disqus_thread {
  margin-top:2rem
}
.more-comics {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  padding:0 8rem;
  background:rgba(0,
0,
0,
.5);
  z-index:1000;
  width:100%;
  overflow:scroll
}
.more-comics--nav {
  padding:1rem 2rem;
  width:100vw;
  text-align:end
}
.more-comics--nav button {
  width:100px
}
.more-comics .comic {
  background:#fff;
  padding:2rem;
  position:relative
}
.more-comics .comic .section2 {
  padding:20px 25px
}
@media screen and (max-width:1000px)and (min-width:801px) {
  .comic .section4__bg,
.preview_comics .section4__bg {
  background-position:100%;
  background-repeat:no-repeat;
  background-size:60%;
  border-radius:50px
}
.comic .section4__main--content h2,
.preview_comics .section4__main--content h2 {
  font-size:50px;
  line-height:60px;
  text-align:center
}
.comic .section4__main--cta button,
.preview_comics .section4__main--cta button {
  font-size:20px
}
.comic .section4__main--cta button img,
.preview_comics .section4__main--cta button img {
  max-width:25px
}
.comic .section4__main--cta button:last-child img,
.preview_comics .section4__main--cta button:last-child img {
  max-width:29px
}
.comic .section3 {
  flex-direction:column;
  padding-left:0
}
.comic .section3__content {
  padding:50px;
  max-width:100%
}
.comic .section3 img {
  max-width:100%;
  max-height:229px;
  width:100%;
  object-fit:cover;
  border-radius:0 0 50px 50px
}

}
@media screen and (max-width:830px) {
  .comic .section4,
.preview_comics .section4 {
  margin:20px 0 50px;
  padding-top:0
}
.comic .section4__bg,
.preview_comics .section4__bg {
  background:url(/_next/static/media/phone-hand-mobile.70aea0f969667eb51eddf99811b391e8.png);
  background-position:100% 100%;
  background-repeat:no-repeat;
  background-size:90%;
  border-radius:50px
}
.comic .section4__main,
.preview_comics .section4__main {
  min-height:521px
}
.comic .section4__main--content,
.preview_comics .section4__main--content {
  padding:58px 40px;
  max-width:100%
}
.comic .section4__main--content h2,
.preview_comics .section4__main--content h2 {
  font-size:24px;
  line-height:30px;
  letter-spacing:-.015em;
  text-align:center;
  margin:0 auto
}
.comic .section4__main--cta,
.preview_comics .section4__main--cta {
  justify-content:center;
  margin-top:22px
}
.comic .section4__main--cta button,
.preview_comics .section4__main--cta button {
  height:25px;
  font-size:10px;
  line-height:12px
}
.comic .section4__main--cta button img,
.preview_comics .section4__main--cta button img {
  max-width:16px;
  object-fit:contain
}
.comic .section4__main--cta button:last-child img,
.preview_comics .section4__main--cta button:last-child img {
  max-width:20px
}
.comic .hero__details {
  padding-top:125px
}
.comic .hero__details--bg {
  display:none
}
.comic .hero__details--bg-mobile {
  display:block
}
.comic .hero__details--header {
  max-width:300px
}
.comic .hero__details p {
  margin:10px auto 0;
  font-weight:500;
  font-size:18px;
  line-height:135%
}
.comic .hero__landing {
  padding:140px 25px 0
}
.comic .hero__landing h1 {
  font-size:32px!important;
  line-height:40px
}
.comic .hero__landing p {
  margin-top:12px;
  font-weight:700;
  font-size:14px
}
.comic .hero__landing--socials {
  justify-content:center
}
.comic .hero__landing--socials a {
  padding:14px;
  font-size:12px;
  line-height:16px
}
.comic .hero__landing--socials img {
  height:16px
}
.comic .hero__landing--img {
  margin-top:50px
}
.comic .section2 {
  padding:45px 25px
}
.comic .section2 h2 {
  max-width:500px;
  margin:0 auto;
  font-size:18px!important;
  line-height:28px
}
.comic .section2__items {
  padding:73px 0;
  grid-gap:64px;
  gap:64px
}
.comic .section2__items--item {
  flex-direction:column
}
.comic .section2__items--item img {
  max-width:250px;
  object-fit:contain
}
.comic .section2__items--item h3 {
  font-size:20px;
  line-height:25px;
  letter-spacing:-.015em
}
.comic .section2__items--item p {
  margin-top:12px;
  font-size:16px;
  line-height:165%
}
.comic .section2__items--item .btn {
  margin-top:24px
}
.comic .section3 {
  margin:0;
  flex-direction:column;
  padding-left:0
}
.comic .section3__content {
  padding:38px 20px 51px;
  max-width:100%
}
.comic .section3__content h2 {
  font-size:24px!important;
  line-height:30px
}
.comic .section3__content p {
  font-weight:400;
  font-size:14px;
  line-height:156.5%;
  max-width:305px;
  margin:17px auto 0
}
.comic .section3__content p:last-of-type {
  color:#707b84;
  font-size:11px;
  line-height:165%
}
.comic .section3__form {
  grid-gap:16px;
  gap:16px
}
.comic .section3__form input {
  height:52px;
  border-radius:10px;
  font-size:16px;
  padding:16px
}
.comic .section3__form input::-webkit-input-placeholder {
  color:#ccd2df
}
.comic .section3__form input:-ms-input-placeholder {
  color:#ccd2df
}
.comic .section3__form input::placeholder {
  color:#ccd2df
}
.comic .section3__form button {
  font-size:12px;
  line-height:16px;
  letter-spacing:.01em
}
.comic .section3 img {
  display:none;
  margin:0 auto;
  width:100%;
  max-width:300px;
  object-fit:contain;
  object-position:center
}
.comic .section3--alt img {
  display:block
}
.comic .pocket-cta {
  background:url(/_next/static/media/pocket-pattern-mobile.5141a3c8d03feedb233a8023e7b630b0.png);
  margin:17px;
  padding:0;
  flex-direction:column
}
.comic .pocket-cta__content {
  padding:39px 39px 0;
  max-width:100%
}
.comic .pocket-cta__content img {
  height:30px
}
.comic .pocket-cta__content h3 {
  font-size:35px;
  line-height:40px;
  margin-top:32px
}
.comic .pocket-cta__content p {
  font-size:14px;
  margin-top:16px
}
.comic .pocket-cta__content--socials {
  margin-top:23px;
  justify-content:center
}
.comic .pocket-cta__content--socials a {
  font-size:12px;
  padding:10px;
  line-height:16px
}
.comic .pocket-cta__content--socials img {
  height:16px
}
.comic .pocket-cta__image {
  width:100%;
  margin-top:40px
}
.comic .pocket-cta__image img {
  border-radius:50px
}
.preview_comics .slider-container {
  max-width:85%
}
.preview_comics .slider-container .slider-item {
  padding:0 5px
}
.preview_comics .slider-container .slider-item img {
  border-radius:0
}
.preview_comics .slider-container .slider-item p {
  margin-top:10px;
  font-size:16px;
  line-height:24px
}
.preview_comics .section4--target .section4__main {
  display:flex;
  height:100%;
  align-items:center
}
.preview_comics .section4--target .section4__main--content {
  padding:58px 40px;
  max-width:100%
}
.preview_comics .section4--target .section4__main h2 {
  width:-webkit-fit-content;
  width:fit-content
}
.preview_comics .section4--target .section4__main--cta {
  justify-content:flex-start
}
.comic .section2 .latest-comics__items--center {
  grid-template-columns:300px;
  justify-content:center
}
.comic .section2 .latest-comics__items {
  grid-template-columns:1fr 1fr
}
.more-comics {
  padding:0 4rem
}
.comic .section2 .latest-comics {
  margin:31px 0
}
.comic .section2 .latest-comics__items--item .img-overlay .overlay button {
  font-size:14px;
  font-weight:600;
  color:#fff!important;
  text-align:center;
  white-space:nowrap;
  padding:7px 29px;
  border-radius:8px;
  border:2px solid #fff
}
.more-comics--nav button {
  padding:10px 29px;
  border-radius:8px;
  font-size:14px
}
.preview_comics .pdf-container .pdf,
.preview_comics .pdf-container .pdf-nav {
  width:100vw
}

}
@media screen and (max-width:700px) {
  .preview_comics .section4__bg--1 {
  position:absolute;
  height:100%;
  width:64%;
  bottom:-122px;
  right:23%;
  background-position:bottom;
  background-size:65%;
  background-repeat:no-repeat;
  background:url(/_next/static/media/bg-prev.04d018cf7d1d2f50cdb41ec6a7eada4b.png)
}
.preview_comics .section4__bg--2,
.preview_comics .section4__bg--3 {
  bottom:unset;
  right:unset;
  background-position:bottom;
  background-size:53%;
  background-repeat:no-repeat;
  background-image:url(/_next/static/media/ad-target.7d49e49d73770904e7930f1938b172ba.png)
}
.preview_comics .section4__bg--3 {
  background-image:url(/_next/static/media/couple-target.9c33548f135aa3b74384758c5f947651.avif)
}
.preview_comics .section4 .headingCTA {
  width:unset
}

}
@media screen and (min-width:830px) {
  .comic .hero__details {
  position:relative
}
.comic .hero__details--alt {
  padding:100px 50px 0;
  text-align:left!important
}
.comic .hero__details--alt .hero__details--bg {
  top:unset;
  right:unset;
  height:unset;
  width:calc(100% - 100px);
  max-height:calc(95vh - 100px);
  border-radius:50px
}
.comic .hero__details--alt .hero__details--header {
  max-width:650px
}
.comic .hero__content {
  max-width:45%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:calc(95vh - 100px);
  max-height:calc(95vh - 100px);
  padding:0 35px
}
.comic .hero__content--button {
  z-index:1
}

}
@media screen and (max-width:500px) {
  .preview_comics .main {
  width:100%
}
.preview_comics .slider-container .slider-item {
  height:100px;
  width:100px
}
.preview_comics .slider-container .slider-item p {
  margin-top:10px;
  color:#fff;
  text-align:center;
  font-weight:500;
  font-size:10px;
  line-height:18px
}
.preview_comics .slider-container .slider-item img {
  height:100%;
  border-radius:7px
}
.preview-comments {
  margin:unset;
  padding:3rem 2rem
}
.preview-comments h4 {
  font-size:20px;
  line-height:3px
}
.preview-comments__form input {
  background:#f4f4f4;
  border-radius:10px 0 0 10px;
  padding:0 31px;
  flex-grow:1;
  height:61px;
  font-weight:500;
  font-size:15px;
  line-height:31px
}
.preview-comments__form button {
  font-weight:700;
  font-size:14px;
  line-height:30px;
  border-radius:0 10px 10px 0
}
.preview-comments__latest--comment p {
  font-size:14px;
  line-height:24px
}
.preview-comments__latest--comment h6 {
  font-family:Jakarta!important;
  font-weight:500;
  font-size:21px;
  line-height:32px
}
.preview-comments__latest--comment {
  padding:15px 0;
  border-top:1px solid #d1d1d1;
  border-bottom:1px solid #d1d1d1
}
.preview_comics .preview-cta__share img {
  max-width:40px
}
.preview_comics .section4 .headingCTA {
  font-size:25px;
  line-height:51px
}
.preview_comics .preview-cta p {
  font-size:21px;
  line-height:18px
}
.preview_comics .comics--nav {
  padding:1.2rem 1rem
}
.preview_comics .comics--nav p {
  font-size:13px;
  max-width:240px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.preview_comics .comics--nav .last-section {
  grid-gap:10px
}
.preview_comics .comics--nav .last-section p {
  display:none
}
.preview_comics .comics--nav .last-section img {
  width:25px
}
.preview_comics .comics--nav .last-section .icon-button {
  width:25px;
  height:25px;
  padding:0
}
.interact .left .content .preview_comics .comics--nav .last-section .icon-button .link,
.preview_comics .comics--nav .last-section .icon-button .interact .left .content .link,
.preview_comics .comics--nav .last-section .icon-button .savings .box .sub-title,
.preview_comics .comics--nav .last-section .icon-button svg,
.savings .box .preview_comics .comics--nav .last-section .icon-button .sub-title {
  width:13px;
  height:13px
}
.preview_comics .comics--nav .last-section button {
  font-size:11px;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
  padding:5px 9px;
  border-radius:50%
}
.preview_comics .comics {
  background-color:#252525;
  padding:5rem 0 1rem
}
.preview_comics .section4__bg--1 {
  position:absolute;
  height:100%;
  width:97%;
  right:6%;
  background-position:bottom;
  background-size:61%;
  background-repeat:no-repeat;
  margin-top:-23px
}
.comic .section2 .latest-comics__items {
  grid-gap:1.5rem 1rem;
  gap:1.5rem 1rem
}
.comic .section2 .latest-comics__items--item .img-overlay .overlay,
.comic .section2 .latest-comics__items--item .img-overlay img {
  border-radius:5px
}
.comic .section2 .latest-comics__items--item .img-overlay {
  margin-bottom:10px
}
.comic .section2 .latest-comics__items h4 {
  font-size:15px;
  line-height:30px;
  color:#0a1026
}
.comic .section2 .latest-comics__items--item .img-overlay .overlay button {
  font-size:11px;
  font-weight:600;
  color:#fff!important;
  text-align:center;
  white-space:nowrap;
  padding:6px 21px;
  border-radius:6px;
  border:1px solid #fff
}
.more-comics {
  padding:7px 0
}
.more-comics .comic .section2 {
  padding:25px 0
}
.comic .section2 .latest-comics .dropdown-cont .dropdown button {
  font-size:16px
}
.comic .section2 .latest-comics .dropdown-cont .dropdown button img {
  width:20px
}
.comic .section2 .latest-comics__items,
.more-comics .comic .section2 .latest-comics__items {
  max-width:100%;
  margin-top:12px
}
.comic .section2 .latest-comics h3 {
  font-size:20px;
  line-height:40px;
  letter-spacing:-.015em;
  margin:32px 0 0
}
.comic .section2 .latest-comics__items--empty p {
  background:#f5f5f5;
  padding:1.5rem 1rem;
  border-radius:10px;
  color:rgba(10,
16,
38,
.7529411765);
  width:100%;
  font-size:18px
}
.preview_comics .pdf-container .pdf-nav {
  width:100%;
  padding:0 10px
}
.preview_comics .pdf-container .pdf-nav img {
  width:15px
}
.preview_comics .pdf-container .pdf-nav .commentsImg {
  width:23px
}
.preview_comics .pdf-container .pdf-nav .arrows .flex--2 {
  grid-gap:10px;
  gap:10px
}
.preview_comics .pdf-container .pdf-nav .arrows .flex--2 small {
  font-size:12px;
  top:0
}
.preview_comics .section4--target .section4__main {
  align-items:flex-start;
  background-image:url(/_next/static/media/ad-target-pattern-mobile.b148f7c97f02c27841049742e55fe5e7.png);
  background-position:bottom
}
.preview_comics .section4--target .section4__main--content {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  padding:40px
}
.preview_comics .section4--target .section4__main--content h2 {
  line-height:45px
}
.preview_comics .section4--target .section4__main--cta {
  margin-top:20px
}
.preview_comics .section4--target .section4__main--logo {
  height:20px;
  margin-bottom:10px
}
.preview_comics .section4--target .section4__bg--2,
.preview_comics .section4--target .section4__bg--3 {
  bottom:unset;
  right:unset;
  margin-top:unset;
  width:100%;
  background-position:bottom;
  background-size:55%;
  background-repeat:no-repeat;
  background-image:url(/_next/static/media/ad-target.7d49e49d73770904e7930f1938b172ba.png)
}
.preview_comics .section4--target .section4__bg--3 {
  background-size:90%;
  background-image:url(/_next/static/media/couple-target-mobile.9b2243fbabbb12d9846f7891ae6bdd70.avif)
}

}
.interact .left .content .savings-calculator .link,
.savings-calculator .interact .left .content .link,
.savings-calculator .savings .box .sub-title,
.savings-calculator svg,
.savings .box .savings-calculator .sub-title {
  position:relative
}
.savings-calculator .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.savings-calculator .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  left:-30px
}
.savings-calculator .main {
  padding:4rem 0!important
}
.savings-calculator .calc {
  width:500px;
  height:auto;
  background-color:#fff;
  border-radius:24px;
  padding:2rem
}
.savings-calculator .calc .calc-form {
  width:100%;
  margin-top:40px
}
.savings-calculator .calc .calc-form label {
  font-family:Jakarta,
sans-serif;
  font-weight:500;
  line-height:18px
}
.savings-calculator .calc .calc-form input,
.savings-calculator .calc .calc-form select {
  padding:16px;
  font-size:24px;
  color:#060f21!important;
  border:none;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:8px;
  margin-top:8px;
  margin-bottom:24px;
  font-weight:700;
  line-height:30px;
  font-family:Jakarta,
sans-serif;
  background-color:#f3f3f3
}
.savings-calculator .calc .calc-form input::-webkit-input-placeholder,
.savings-calculator .calc .calc-form select::-webkit-input-placeholder {
  color:#a4a9af!important
}
.savings-calculator .calc .calc-form input:-ms-input-placeholder,
.savings-calculator .calc .calc-form select:-ms-input-placeholder {
  color:#a4a9af!important
}
.savings-calculator .calc .calc-form input::placeholder,
.savings-calculator .calc .calc-form select::placeholder {
  color:#a4a9af!important
}
.savings-calculator .calc .btn-submit {
  background-color:#0935d1!important;
  font-weight:700;
  color:#fff!important;
  -webkit-box-shadow:0 8px #000;
  box-shadow:0 8px #000;
  font-size:16px!important;
  cursor:pointer;
  border-radius:16px!important;
  padding:24px!important;
  font-family:Jakarta,
sans-serif;
  width:100%;
  margin-bottom:20px
}
.savings-calculator .calc .btn-submit:hover {
  -webkit-box-shadow:0 6px #000;
  box-shadow:0 6px #000;
  -webkit-transform:translateY(2px)!important;
  transform:translateY(2px)!important
}
.savings-calculator .calc .input-cont {
  position:relative
}
.savings-calculator .calc .input-cont .calendar {
  position:absolute;
  right:0;
  bottom:30%;
  right:16px;
  width:30px;
  z-index:100;
  cursor:pointer
}
.savings-calculator .calc .result {
  border-radius:24px;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center
}
.savings-calculator .calc .result p {
  font-size:14px;
  font-weight:500;
  line-height:18px;
  color:#80868d;
  margin-bottom:16px;
  font-family:Jakarta,
sans-serif
}
.savings-calculator .calc .result h2 {
  color:#000;
  margin-bottom:24px;
  font-weight:800;
  font-size:24px!important;
  line-height:30px;
  font-family:Jakarta,
sans-serif
}
.savings-calculator .calc .result .interest {
  color:#10b259!important
}
.savings-calculator .calc .result .main-cta {
  background-color:#0d60d8;
  text-align:center;
  padding:16px;
  font-size:24px;
  color:#fff;
  border:none;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:16px;
  font-weight:700;
  text-decoration:none;
  -webkit-box-shadow:0 8px #000;
  box-shadow:0 8px #000;
  margin:24px 0;
  font-family:Jakarta,
sans-serif
}
.savings-calculator .calc .result .main-cta:hover {
  -webkit-box-shadow:0 6px #000;
  box-shadow:0 6px #000;
  -webkit-transform:translateY(2px)!important;
  transform:translateY(2px)!important
}
.savings-calculator .calc .result .retry {
  background-color:transparent;
  color:#0d60d8;
  text-decoration:none;
  display:flex;
  grid-gap:8px;
  gap:8px;
  font-weight:700;
  font-family:Jakarta,
sans-serif;
  align-items:center
}
.savings-calculator .calc .result .retry img {
  width:unset!important;
  min-width:unset!important
}
.interact .left .content .savings-calculator .calc .result .retry .link,
.savings-calculator .calc .result .retry .interact .left .content .link,
.savings-calculator .calc .result .retry .savings .box .sub-title,
.savings-calculator .calc .result .retry svg,
.savings .box .savings-calculator .calc .result .retry .sub-title {
  width:20px;
  -webkit-transition:all .1s ease-out;
  transition:all .1s ease-out
}
.interact .left .content .savings-calculator .calc .result .retry .link:hover,
.savings-calculator .calc .result .retry .interact .left .content .link:hover,
.savings-calculator .calc .result .retry .savings .box .sub-title:hover,
.savings-calculator .calc .result .retry svg:hover,
.savings .box .savings-calculator .calc .result .retry .sub-title:hover {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.savings-calculator .calc .hide {
  display:none
}
@media screen and (max-width:767.9px) {
  .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  left:-30px
}
.savings-calculator .calc {
  width:85vw
}

}
.recharts-legend-item {
  display:flex;
  align-items:center
}
.recharts-legend-item .recharts-legend-item-text {
  position:relative;
  top:3px
}
.housemoney-calculator {
  padding:10rem;
  grid-gap:80px;
  gap:80px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background-color:#212235
}
.housemoney-calculator .bg-house {
  background-image:url(/_next/static/media/bg-illustration.acba0b82306e52d2969506a04aa4e02e.png);
  background-size:cover;
  background-position:50%;
  width:100%;
  display:flex;
  align-items:center;
  flex-direction:column
}
.housemoney-calculator .bg-house .title {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-bottom:48px
}
.housemoney-calculator .bg-house .title h1 {
  font-size:48px!important;
  font-weight:700;
  font-family:Jakarta,
sans-serif;
  line-height:60px;
  text-align:center;
  margin-bottom:16px;
  color:#fff;
  width:50%
}
.housemoney-calculator .bg-house .title .discover {
  color:#babac4;
  font-size:16px;
  font-family:Jakarta,
sans-serif;
  text-align:center;
  width:40%
}
.housemoney-calculator .bg-house .right-content {
  width:400px;
  background-color:#1c1d27;
  border:2px solid #2a2c4d;
  -webkit-box-shadow:0 16px #000;
  box-shadow:0 16px #000;
  border-radius:24px;
  color:#fff;
  padding:24px;
  font-size:14px;
  display:flex;
  flex-direction:column;
  align-items:center
}
.housemoney-calculator .bg-house .right-content .calc-header {
  width:100%;
  display:flex;
  justify-content:space-between
}
.housemoney-calculator .bg-house .right-content .calc-header .calc-title {
  font-weight:700;
  font-style:italic;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .bg-house .right-content .calc-form {
  width:100%;
  margin-top:40px
}
.housemoney-calculator .bg-house .right-content .calc-form label {
  font-family:Jakarta,
sans-serif;
  font-weight:500;
  line-height:18px
}
.housemoney-calculator .bg-house .right-content .calc-form input,
.housemoney-calculator .bg-house .right-content .calc-form select {
  padding:16px;
  font-size:24px;
  color:#a4a9af!important;
  border:none;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:8px;
  margin-top:8px;
  margin-bottom:24px;
  font-weight:700;
  line-height:30px;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .bg-house .right-content .calc-form input::-webkit-input-placeholder,
.housemoney-calculator .bg-house .right-content .calc-form select::-webkit-input-placeholder {
  color:#a4a9af!important
}
.housemoney-calculator .bg-house .right-content .calc-form input:-ms-input-placeholder,
.housemoney-calculator .bg-house .right-content .calc-form select:-ms-input-placeholder {
  color:#a4a9af!important
}
.housemoney-calculator .bg-house .right-content .calc-form input::placeholder,
.housemoney-calculator .bg-house .right-content .calc-form select::placeholder {
  color:#a4a9af!important
}
.housemoney-calculator .bg-house .right-content .btn-submit {
  background-color:#ff4e00!important;
  font-weight:700;
  color:#fff!important;
  -webkit-box-shadow:0 8px 0 0 #000;
  box-shadow:0 8px 0 0 #000;
  font-size:16px!important;
  cursor:pointer;
  border-radius:16px!important;
  padding:24px!important;
  font-family:Jakarta,
sans-serif;
  width:100%;
  margin-bottom:20px
}
.housemoney-calculator .bg-house .right-content .btn-submit:hover {
  -webkit-box-shadow:0 6px #000;
  box-shadow:0 6px #000;
  -webkit-transform:translateY(2px)!important;
  transform:translateY(2px)!important
}
.housemoney-calculator .bg-house .right-content .input-cont {
  position:relative
}
.housemoney-calculator .bg-house .right-content .input-cont .calendar {
  position:absolute;
  right:0;
  bottom:30%;
  right:16px;
  width:30px;
  z-index:100;
  cursor:pointer
}
.housemoney-calculator .house-money {
  background-color:#1c1d27;
  border:1px solid #2a2c4d;
  border-radius:48px;
  margin-top:87px;
  margin-bottom:176px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  grid-gap:160px;
  gap:160px;
  padding-right:88px;
  padding-left:67px;
  padding-top:40px
}
.housemoney-calculator .house-money h1 {
  font-size:48px!important;
  line-height:56px;
  font-family:Jakarta,
sans-serif;
  color:#fff;
  font-weight:700;
  margin-bottom:24px
}
.housemoney-calculator .house-money p {
  font-size:20px;
  font-family:Jakarta,
sans-serif;
  color:#fff;
  line-height:32px;
  margin-bottom:24px
}
.housemoney-calculator .house-money .flex-wrap {
  display:flex;
  flex-direction:row;
  align-items:center;
  grid-gap:8px;
  gap:8px;
  margin-bottom:24px
}
.housemoney-calculator .house-money .flex-wrap p {
  font-size:16px;
  font-weight:600;
  color:#ff4e00;
  font-family:Jakarta,
sans-serif;
  margin-bottom:-2px
}
.housemoney-calculator .house-money .store-button {
  border-radius:12px;
  border-width:1px;
  background-color:#fff;
  color:#0c1825;
  font-weight:600;
  padding:12px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  grid-gap:8px;
  gap:8px;
  font-family:Jakarta;
  white-space:nowrap
}
.housemoney-calculator .faq-container h2 {
  font-size:36px;
  font-weight:500;
  font-family:Jakarta,
sans-serif;
  line-height:44px;
  text-align:center;
  color:#fff
}
.housemoney-calculator .faq-container p {
  text-align:center;
  font-size:16px;
  line-height:24px;
  font-family:Jakarta,
sans-serif;
  color:#babac4
}
.housemoney-calculator .faq-container .faq-list {
  margin-top:48px
}
.housemoney-calculator .faq-question-container {
  display:flex;
  align-items:center;
  padding:24px 0;
  grid-gap:8px;
  gap:8px
}
.housemoney-calculator .faq-question-container .faq-question {
  font-size:18px;
  font-weight:600;
  font-family:Jakarta,
sans-serif;
  line-height:26px;
  text-align:left;
  color:#fff
}
.housemoney-calculator .faq-item:not(:last-child) {
  border-bottom:1px solid #4c4e77;
  overflow:hidden
}
.housemoney-calculator .faq-item:not(:last-child) p {
  font-size:16px;
  font-family:Jakarta,
sans-serif;
  line-height:24px;
  color:#babac4;
  text-align:left;
  margin-bottom:24px;
  margin-left:40px
}
.housemoney-calculator h1 {
  font-size:36px!important;
  line-height:45px;
  margin-bottom:36px;
  color:#000;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .sub-heading {
  color:#80868d;
  margin-bottom:36px
}
.housemoney-calculator .housemoney-result {
  width:400px;
  background-color:#f4f9ff;
  border:2px solid #e7f0fe;
  -webkit-box-shadow:0 16px #000;
  box-shadow:0 16px #000;
  border-radius:24px;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center
}
.housemoney-calculator .housemoney-result h5:not(:last-child) {
  font-size:24px!important;
  text-align:center;
  margin-bottom:48px
}
.housemoney-calculator .housemoney-result p {
  font-size:14px;
  font-weight:700;
  line-height:18px;
  color:#80868d;
  margin-bottom:18px;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .housemoney-result .by,
.housemoney-calculator .housemoney-result .date-text {
  margin-bottom:32px!important
}
.housemoney-calculator .housemoney-result .above {
  color:#ff5703
}
.housemoney-calculator .housemoney-result h2 {
  color:#000;
  margin-bottom:24px;
  font-weight:800;
  font-size:40px!important;
  line-height:50px;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .housemoney-result .frequency {
  margin-bottom:0!important
}
.housemoney-calculator .housemoney-result .line {
  border-bottom:3px solid #d9d9d9;
  width:48px;
  margin-bottom:24px;
  margin-top:24px
}
.housemoney-calculator .housemoney-result .main-cta {
  background-color:#ff4e00;
  text-align:center;
  padding:24px 54px;
  font-size:16px;
  color:#fff;
  border:none;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:16px;
  font-weight:700;
  text-decoration:none;
  -webkit-box-shadow:0 8px #000;
  box-shadow:0 8px #000;
  margin:24px 0;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .housemoney-result .main-cta:hover {
  -webkit-box-shadow:0 6px #000;
  box-shadow:0 6px #000;
  -webkit-transform:translateY(2px)!important;
  transform:translateY(2px)!important
}
.housemoney-calculator .info {
  margin-top:30px;
  color:#ddd;
  text-align:center;
  max-width:350px;
  font-size:14px
}
.housemoney-calculator .interest {
  color:#10b259!important;
  margin-bottom:18px!important
}
.housemoney-calculator .interest-earned {
  color:#10b259!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:30px!important
}
.housemoney-calculator .retry {
  background-color:transparent;
  color:#000;
  text-decoration:none;
  display:flex;
  align-items:center;
  grid-gap:8px;
  gap:8px;
  font-weight:700;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .retry .interact .left .content .link,
.housemoney-calculator .retry .savings .box .sub-title,
.housemoney-calculator .retry svg,
.interact .left .content .housemoney-calculator .retry .link,
.savings .box .housemoney-calculator .retry .sub-title {
  -webkit-transition:all .1s ease-out;
  transition:all .1s ease-out
}
.housemoney-calculator .retry .interact .left .content .link:hover,
.housemoney-calculator .retry .savings .box .sub-title:hover,
.housemoney-calculator .retry svg:hover,
.interact .left .content .housemoney-calculator .retry .link:hover,
.savings .box .housemoney-calculator .retry .sub-title:hover {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.housemoney-calculator .hide {
  display:none
}
@media screen and (max-width:375px) {
  .housemoney-result .main-cta {
  font-size:11px!important
}

}
@media screen and (max-width:767.9px) {
  .housemoney-calculator {
  flex-direction:column;
  padding:8rem 2rem 5rem;
  grid-gap:24px;
  gap:24px
}
.housemoney-calculator .housemoney-result .main-cta {
  font-size:13px;
  padding:20px 40px
}
.housemoney-calculator .bg-house .title h1 {
  font-size:36px!important;
  width:100%
}
.housemoney-calculator .bg-house .title .discover {
  width:100%
}
.housemoney-calculator .bg-house .right-content {
  width:100%;
  margin-top:0
}
.housemoney-calculator .bg-house .housemoney-result {
  width:100%
}
.housemoney-calculator .bg-house .housemoney-result h2 {
  color:#000;
  margin-bottom:24px;
  font-weight:800;
  font-size:20px!important;
  line-height:28px;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .house-money {
  flex-direction:column;
  padding:24px;
  border-radius:24px
}
.housemoney-calculator .house-money h1 {
  font-size:36px!important
}
.housemoney-calculator .house-money p {
  font-size:16px
}
.housemoney-calculator .house-money .flex-wrap {
  padding:0 12px
}
.housemoney-calculator .house-money .flex-wrap p {
  font-size:12px
}
.housemoney-calculator .house-money .house-money-img {
  display:none
}
.info {
  max-width:90vw;
  font-size:12px
}
.housemoney-calculator .house-money .store-button {
  background-color:#fff;
  padding:10px 24px;
  width:140px;
  font-size:13px;
  height:40px
}
.housemoney-calculator .house-money .store-button img {
  width:13px
}

}
@media screen and (min-width:768px)and (max-width:1024px) {
  .housemoney-calculator {
  padding:10rem 2rem;
  grid-gap:24px;
  gap:24px
}
.housemoney-calculator .bg-house .title h1 {
  font-size:36px!important;
  width:100%
}
.housemoney-calculator .bg-house .title .discover {
  width:100%
}
.housemoney-calculator .bg-house .right-content {
  margin-top:0
}
.housemoney-calculator .bg-house .right-content h2 {
  color:#000;
  margin-bottom:24px;
  font-weight:800;
  font-size:20px!important;
  line-height:28px;
  font-family:Jakarta,
sans-serif
}
.housemoney-calculator .house-money {
  grid-gap:40px;
  gap:40px;
  padding:20px;
  border-radius:24px
}
.housemoney-calculator .house-money h1 {
  font-size:36px!important
}
.housemoney-calculator .house-money p {
  font-size:16px
}
.housemoney-calculator .house-money .flex-wrap {
  padding:0 12px
}
.housemoney-calculator .house-money .flex-wrap p {
  font-size:12px
}

}
.waitlist {
  height:100vh;
  background:-webkit-gradient(linear,
left top,
left bottom,
from(#49d9e6),
to(#80ddc5));
  background:linear-gradient(180deg,
#49d9e6,
#80ddc5);
  padding:4rem;
  flex-direction:column
}
.waitlist .bg--2 {
  width:700px
}
.waitlist p {
  font-size:20px;
  line-height:50px;
  text-align:center;
  color:#196454;
  max-width:800px
}
.waitlist input,
.waitlist p {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500
}
.waitlist input {
  background:#adfff7;
  border-radius:5px;
  width:494px;
  height:60px;
  font-size:16px;
  line-height:165%;
  color:rgba(11,
105,
87,
.74);
  margin:10px 0 1rem
}
.waitlist input::-webkit-input-placeholder {
  color:rgba(11,
105,
87,
.74)
}
.waitlist input:-ms-input-placeholder {
  color:rgba(11,
105,
87,
.74)
}
.waitlist input::placeholder {
  color:rgba(11,
105,
87,
.74)
}
.waitlist small {
  line-height:20px;
  padding:.7rem 0;
  color:#196454;
  font-size:10px;
  width:100vw
}
.waitlist button,
.waitlist small {
  text-align:center;
  font-weight:700
}
.waitlist button {
  font-family:Jakarta;
  font-style:normal;
  font-size:16px;
  line-height:165%;
  color:#fff;
  width:494px;
  height:60px;
  background:#0b6957;
  border-radius:5px
}
.waitlist-reports {
  min-height:100vh;
  background-color:#000;
  justify-content:flex-start;
  align-items:center;
  flex-direction:column;
  position:relative;
  font-family:Jakarta
}
.waitlist-reports form {
  display:flex;
  align-items:center;
  flex-direction:column;
  margin-top:10rem
}
.waitlist-reports form img {
  max-height:140px
}
.waitlist-reports form p {
  margin-top:3.75rem;
  color:#efefef;
  text-align:center;
  max-width:634px;
  font-size:16px;
  line-height:normal;
  padding-bottom:3.75rem
}
.waitlist-reports form>div {
  position:relative;
  width:100%;
  max-width:598px
}
.waitlist-reports form>div input {
  width:100%;
  height:60px;
  padding:9px 9px 9px 27px;
  border-radius:30.215px;
  background:#1e1e1e;
  color:#fff;
  font-size:16px
}
.waitlist-reports form>div button {
  position:absolute;
  right:9px;
  top:9px;
  border-radius:46px;
  background:#0461d4;
  padding:11px 25px;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  color:#fff
}
.waitlist-reports form small {
  margin-top:1rem;
  color:#d0d0d0;
  text-align:center;
  font-size:14px;
  font-weight:400;
  line-height:normal;
  max-width:349.214px
}
.waitlist-reports>img {
  height:22.7vh;
  width:100%;
  object-fit:cover;
  margin-top:60px;
  bottom:0
}
@media screen and (max-width:700px) {
  .waitlist .bg--2 {
  width:500px
}
.waitlist p {
  font-size:16px;
  line-height:22px
}
.waitlist button,
.waitlist input {
  width:90vw
}
.waitlist-reports>img {
  display:none
}
.waitlist-reports form {
  margin-top:8.6rem;
  padding:0 32px
}
.waitlist-reports form img {
  width:100%;
  max-height:unset
}
.waitlist-reports form p {
  text-align:left;
  font-size:14px;
  margin-top:2.5rem;
  width:100%;
  padding-bottom:2.5rem
}
.waitlist-reports form>div input {
  font-size:14px;
  height:60px
}
.waitlist-reports form>div button {
  font-size:14px;
  top:8px
}
.waitlist-reports form small {
  margin-top:26px;
  max-width:252px;
  font-size:12px
}

}
@media screen and (max-width:500px) {
  .waitlist .bg--2 {
  width:85vw
}
.waitlist button,
.waitlist input {
  width:85vw;
  height:55px
}
.waitlist small {
  font-size:8px;
  padding:.4rem 0
}

}
.newsletter {
  padding:10rem 0;
  background:#f9fafb
}
.newsletter .section--1 {
  display:flex;
  flex-direction:column;
  align-items:center
}
.newsletter .section--1 .head-bg {
  position:relative;
  width:-webkit-fit-content;
  width:fit-content;
  display:block;
  text-align:center;
  justify-content:center
}
.newsletter .section--1 .head-bg h1 {
  color:#0a1026;
  font-size:96px;
  white-space:nowrap;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  position:relative;
  z-index:2
}
.newsletter .section--1 .head-bg span {
  position:absolute;
  z-index:1;
  bottom:5px;
  left:-4%;
  width:108%;
  height:70px;
  background:rgba(123,
177,
255,
.22)
}
.newsletter .section--1 h3 {
  color:#0d60d8;
  font-size:36px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  letter-spacing:-.54px;
  margin-top:2rem
}
.newsletter .section--1 p {
  color:rgba(12,
24,
37,
.62);
  text-align:center;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:24px;
  max-width:700px;
  margin-bottom:2rem
}
.newsletter .section--1 input {
  border-radius:5px;
  border:2px solid #dbe1e7;
  background:#fff;
  height:55px;
  margin:10px 0;
  width:360px;
  color:rgba(12,
24,
37,
.7)
}
.newsletter .section--1 input::-webkit-input-placeholder {
  color:rgba(12,
24,
37,
.35);
  font-weight:400;
  line-height:165%
}
.newsletter .section--1 input:-ms-input-placeholder {
  color:rgba(12,
24,
37,
.35);
  font-weight:400;
  line-height:165%
}
.newsletter .section--1 input::placeholder {
  color:rgba(12,
24,
37,
.35);
  font-weight:400;
  line-height:165%
}
.newsletter .section--1 button {
  border-radius:5px;
  background:#0d60d8;
  height:55px;
  width:356px;
  color:#fff;
  text-align:center;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  text-transform:uppercase;
  margin:10px 0
}
.newsletter .section--1__scroll>div {
  height:90px;
  overflow-y:hidden
}
.newsletter .section--1__scroll img {
  -webkit-animation:bounce2 1s ease-in-out infinite alternate;
  animation:bounce2 1s ease-in-out infinite alternate
}
.newsletter .section--1__scroll img:hover {
  -webkit-animation-play-state:paused;
  animation-play-state:paused;
  cursor:pointer
}
.newsletter .section--1__scroll img {
  padding:30px 0
}
.newsletter .section--1__scroll p {
  font-size:16px;
  color:#0a1026;
  font-weight:600
}
.newsletter .section--2 {
  background:#fff;
  margin-top:4rem;
  padding:119px 20px
}
.newsletter .section--2__container {
  margin:0 auto 4rem;
  max-width:1200px
}
.newsletter .section--2 .first-p {
  color:#0d60d8;
  font-size:36px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  letter-spacing:-.54px
}
.newsletter .section--2 .input-icon {
  border-radius:5px;
  background:#f4f5f6;
  max-width:90vw;
  width:500px;
  height:55px;
  border-radius:10px;
  overflow:hidden;
  position:relative
}
.newsletter .section--2 .input-icon .icon {
  position:absolute;
  width:24px;
  font-size:43px;
  top:7px;
  left:15px
}
.newsletter .section--2 .input-icon input {
  background:#f4f5f6;
  width:100%;
  height:100%;
  padding-left:3rem;
  font-size:20px
}
.newsletter .section--2 h1 {
  color:#0a1026;
  font-size:64px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  letter-spacing:-.96px
}
.newsletter .section--2 .sect--2 {
  border-radius:12px;
  border:1px solid rgba(0,
0,
0,
.06);
  margin-top:3rem;
  background-color:#fff
}
.newsletter .section--2 .sect--2 .heading {
  padding:2rem;
  color:#000;
  font-size:20px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  letter-spacing:-.36px
}
.newsletter .section--2 .sect--2__issues--no-issue {
  text-align:center;
  border-top:1px solid #cecece;
  margin:0 auto;
  font-size:16px;
  font-weight:600;
  padding:3rem 0
}
.newsletter .section--2 .sect--2__issues--item:nth-child(odd) {
  background:rgba(202,
224,
255,
.17)
}
.newsletter .section--2 .sect--2__issues--item {
  padding:2rem;
  align-items:center
}
.newsletter .section--2 .sect--2__issues--item--left {
  display:flex;
  grid-column-gap:16px;
  -webkit-column-gap:16px;
  column-gap:16px;
  align-items:center
}
.newsletter .section--2 .sect--2__issues--item--left img {
  width:40px;
  height:40px;
  border-radius:6px;
  object-fit:cover;
  object-position:center bottom
}
.newsletter .section--2 .sect--2__issues--item--left p {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#0c1825;
  font-size:18px;
  font-weight:500;
  letter-spacing:-.3px
}
.newsletter .section--2 .sect--2__issues--item--left p span {
  color:rgba(12,
24,
37,
.6);
  font-weight:400
}
.newsletter .section--2 .sect--2__issues--item span {
  font-size:18px
}
.newsletter .section--2 .sect--2 button {
  border-radius:5px;
  background:#0d60d8;
  width:200px;
  height:60px;
  flex-shrink:0;
  color:#fff;
  text-align:center;
  font-size:20px;
  font-weight:700;
  line-height:165%;
  margin:2rem auto;
  display:block
}
@media screen and (max-width:990px) {
  .newsletter .section--1 h1 {
  font-size:70px
}
.newsletter .section--2 .first-p {
  text-align:left;
  font-size:24px;
  margin-bottom:10px
}
.newsletter .section--2 h1 {
  text-align:left;
  font-size:35px!important;
  margin-bottom:10px
}
.newsletter .section--2 .sect--2__issues--item {
  padding:7px 16px
}
.newsletter .section--2 .sect--2__issues--item p {
  max-width:500px;
  font-size:16px
}
.newsletter .section--2 .sect--2__issues--item span {
  font-size:14px
}
.newsletter .section--1 .head-bg h1 {
  font-size:70px
}
.newsletter .section--1 .head-bg span {
  height:52px
}

}
@media screen and (max-width:736px) {
  .newsletter .section--1 p {
  max-width:90vw
}
.newsletter .section--1 button,
.newsletter .section--1 input {
  max-width:90vw;
  font-size:14px
}
.newsletter .section--1 small {
  max-width:300px
}
.newsletter .section--2 {
  padding:10px 21px;
  margin-top:2rem
}
.newsletter .section--2 .first-p {
  text-align:left;
  font-size:18px;
  margin-bottom:10px
}
.newsletter .section--2 h1 {
  text-align:left;
  font-size:30px!important;
  margin-bottom:10px
}
.newsletter .section--2 .sect--2 .heading {
  padding:16px;
  font-size:16px
}
.newsletter .section--2 .sect--2__issues--item {
  padding:7px 16px
}
.newsletter .section--2 .sect--2__issues--item img {
  height:30px;
  width:30px
}
.newsletter .section--2 .sect--2__issues--item p {
  max-width:180px;
  font-size:12px
}
.newsletter .section--2 .sect--2__issues--item span {
  font-size:12px
}
.newsletter .section--2__container {
  margin:4rem auto
}
.newsletter .section--2 .sect--2 button {
  width:139px;
  height:43px;
  font-size:14px
}
.newsletter .section--2 .input-icon .icon {
  width:16px;
  margin-right:0
}
.newsletter .section--2 .input-icon input {
  font-size:16px
}
.section4 {
  margin-top:90px!important
}
.newsletter .section--1 h3 {
  margin-top:1rem
}
.newsletter .section--1 .head-bg span {
  height:32px;
  left:-2%;
  width:104%
}
.newsletter .section--1__scroll img {
  padding:13px 0;
  -webkit-transform:scale(.6);
  transform:scale(.6)
}

}
@-webkit-keyframes bounce2 {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(80px);
  transform:translateY(80px)
}

}
@keyframes bounce2 {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(80px);
  transform:translateY(80px)
}

}
.reports {
  background:#000;
  font-family:Jakarta;
  -webkit-animation:none runningHide 0s ease 0s ease 0s 1 normal none;
  animation:none runningHide 0s ease 0s ease 0s 1 normal none;
  -webkit-animation:initialHide 0s ease;
  animation:initialHide 0s ease
}
.reports .container-reports {
  max-width:90vw;
  margin:auto
}
@-webkit-keyframes page-fade-out {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}
30% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  opacity:.9
}
60% {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  opacity:.8
}
60% {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  opacity:.7
}
70% {
  -webkit-transform:scale(1.4);
  transform:scale(1.4);
  opacity:.5
}
80% {
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
  opacity:.4
}
90% {
  -webkit-transform:scale(1.6);
  transform:scale(1.6);
  opacity:.3
}
to {
  -webkit-transform:scale(1.7);
  transform:scale(1.7);
  opacity:.1
}

}
@keyframes page-fade-out {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}
30% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  opacity:.9
}
60% {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  opacity:.8
}
60% {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  opacity:.7
}
70% {
  -webkit-transform:scale(1.4);
  transform:scale(1.4);
  opacity:.5
}
80% {
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
  opacity:.4
}
90% {
  -webkit-transform:scale(1.6);
  transform:scale(1.6);
  opacity:.3
}
to {
  -webkit-transform:scale(1.7);
  transform:scale(1.7);
  opacity:.1
}

}
@-webkit-keyframes pulse-animation {
  0% {
  -webkit-transform:scale(1.4);
  transform:scale(1.4);
  opacity:.5
}
60% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}

}
@keyframes pulse-animation {
  0% {
  -webkit-transform:scale(1.4);
  transform:scale(1.4);
  opacity:.5
}
60% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
}
to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}

}
@-webkit-keyframes initialHide {
  0% {
  opacity:0
}
to {
  opacity:1
}

}
@keyframes initialHide {
  0% {
  opacity:0
}
to {
  opacity:1
}

}
@-webkit-keyframes slide-In {
  0% {
  -webkit-transform:translateY(50vh);
  transform:translateY(50vh);
  opacity:.5
}
90% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(.01px);
  transform:translateY(.01px);
  opacity:1
}

}
@keyframes slide-In {
  0% {
  -webkit-transform:translateY(50vh);
  transform:translateY(50vh);
  opacity:.5
}
90% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(.01px);
  transform:translateY(.01px);
  opacity:1
}

}
@-webkit-keyframes slideInRange {
  0% {
  -webkit-transform:translateY(10px);
  transform:translateY(10px);
  opacity:.5
}
90% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(.01px);
  transform:translateY(.01px);
  opacity:1
}

}
@keyframes slideInRange {
  0% {
  -webkit-transform:translateY(10px);
  transform:translateY(10px);
  opacity:.5
}
90% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(.01px);
  transform:translateY(.01px);
  opacity:1
}

}
@-webkit-keyframes shadow-pulse {
  0% {
  -webkit-box-shadow:0 0 0 0 #000;
  box-shadow:0 0 0 0 #000
}
to {
  -webkit-box-shadow:0 0 0 15px rgba(24,
78,
172,
.3);
  box-shadow:0 0 0 15px rgba(24,
78,
172,
.3)
}

}
@-webkit-keyframes shake-animation {
  60% {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
40%,
70% {
  -webkit-transform:translateY(-18px);
  transform:translateY(-18px)
}
0%,
20%,
80%,
to {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}

}
@keyframes shake-animation {
  60% {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
40%,
70% {
  -webkit-transform:translateY(-18px);
  transform:translateY(-18px)
}
0%,
20%,
80%,
to {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}

}
@-webkit-keyframes border-shake-animation {
  30%,
60% {
  border-radius:150px 150px 0 0
}
40% {
  border-radius:160px 160px 0 0
}
0%,
20%,
to {
  border-radius:180px 180px 0 0
}

}
@keyframes border-shake-animation {
  30%,
60% {
  border-radius:150px 150px 0 0
}
40% {
  border-radius:160px 160px 0 0
}
0%,
20%,
to {
  border-radius:180px 180px 0 0
}

}
.reports .page--3 .text--odun,
.reports .page--6 .text--person {
  border-radius:16px;
  background:#30085c;
  justify-content:flex-start;
  color:#fff;
  max-width:1000px;
  margin:6rem auto 5rem;
  height:400px;
  overflow:hidden;
  padding:5rem;
  height:450px
}
.reports .page--3 .text--odun p,
.reports .page--6 .text--person p {
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  line-height:normal;
  font-style:normal;
  font-weight:400;
  width:387px
}
.reports .page--3 .text--odun span,
.reports .page--6 .text--person span {
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  margin-top:1rem
}
.reports .page--3 .text--odun span span,
.reports .page--6 .text--person span span {
  font-weight:400
}
.reports .page--3 .text--odun img,
.reports .page--6 .text--person img {
  width:500px;
  height:350px;
  position:relative;
  top:-12px;
  left:2rem
}
.reports .page--7 .generations,
.reports .page .section--4 .generations {
  text-align:center;
  margin:0 auto;
  grid-gap:3rem;
  gap:3rem;
  padding:4rem;
  align-items:center
}
.reports .page--7 .generations p,
.reports .page .section--4 .generations p {
  color:#82b0ea;
  font-family:Jakarta;
  font-size:18px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  min-width:80px;
  width:110px
}
.reports .page--7 .generations .flex--2,
.reports .page .section--4 .generations .flex--2 {
  grid-gap:1rem;
  gap:1rem
}
.reports .page--7 .generations .flex--2 span,
.reports .page .section--4 .generations .flex--2 span {
  font-size:20px;
  border-radius:50%;
  background:#022c5f;
  width:40px;
  height:40px;
  padding-top:5px;
  color:#82b0ea;
  -webkit-animation:shadow-pulse 1.5s infinite;
  animation:shadow-pulse 1.5s infinite
}
.reports .page--7 .generations .flex--2 .pause-animation,
.reports .page .section--4 .generations .flex--2 .pause-animation {
  -webkit-animation:none;
  animation:none
}
.reports .page--7 .generations .flex--2 p,
.reports .page .section--4 .generations .flex--2 p {
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  width:175px
}
.reports .page--7 .generations>:first-child,
.reports .page .section--4 .generations>:first-child {
  text-align:right
}
.reports .page--7 .generations>:nth-child(3),
.reports .page .section--4 .generations>:nth-child(3) {
  text-align:left
}
.reports--welcome {
  background:#000
}
.reports--welcome .wrapper {
  height:100vh;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  -webkit-animation:none runningHide 3s linear 0s ease 0s 1 normal none;
  animation:none runningHide 3s linear 0s ease 0s 1 normal none;
  -webkit-animation:initialHide 3s linear;
  animation:initialHide 3s linear
}
.reports--welcome .welcome-nav {
  position:absolute;
  top:0;
  left:0;
  width:100vw
}
.reports--welcome-h1 {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:500
}
.reports--welcome--images img {
  position:absolute
}
.reports--welcome--images img:first-child {
  top:0;
  right:0;
  max-height:45vh
}
.reports--welcome--images img:nth-child(2) {
  bottom:0;
  left:0;
  max-height:30vh
}
.reports--welcome--images img:nth-child(3) {
  top:50px;
  left:50px;
  max-height:18vh
}
.reports--welcome--images img:nth-child(4) {
  bottom:50px;
  right:50px;
  max-height:18vh
}
.reports--welcome button {
  border-radius:77px;
  padding:16px 32px;
  justify-content:center;
  align-items:center;
  font-family:Jakarta;
  font-size:20px;
  font-style:normal;
  font-weight:700;
  background:#0461d4;
  color:#fff;
  min-width:192px;
  margin-top:60px
}
.reports .loadingPage {
  color:#fff;
  height:100vh;
  overflow:hidden;
  padding:7rem 0 0;
  position:relative;
  -webkit-animation:page-fade-out 1s linear 14.8s,
none runningHide 3s ease 0s ease 0s 1 normal none;
  animation:page-fade-out 1s linear 14.8s,
none runningHide 3s ease 0s ease 0s 1 normal none;
  -webkit-animation:page-fade-out 1s linear 14.8s,
initialHide 3s ease;
  animation:page-fade-out 1s linear 14.8s,
initialHide 3s ease
}
.reports .loadingPage .header-logo {
  margin:4rem 0 5rem
}
.reports .loadingPage--proceedToHome {
  -webkit-animation:page-fade-out .7s linear;
  animation:page-fade-out .7s linear
}
.reports .loadingPage .icon-cancel {
  position:absolute;
  right:7rem;
  top:3rem;
  grid-gap:1rem;
  gap:1rem
}
.reports .loadingPage .icon-cancel>* {
  font-size:40px
}
.reports .loadingPage .icon-cancel>:nth-child(2) {
  font-size:18px;
  position:relative;
  top:3px;
  padding:6px 40px;
  border-radius:77px;
  border:1px solid #fff
}
.reports .loadingPage .sound-icon {
  margin-right:10px;
  border-radius:50%
}
.interact .left .content .reports .loadingPage .sound-icon .link,
.reports .loadingPage .sound-icon .interact .left .content .link,
.reports .loadingPage .sound-icon .savings .box .sub-title,
.reports .loadingPage .sound-icon svg,
.savings .box .reports .loadingPage .sound-icon .sub-title {
  margin-right:0
}
.reports .loadingPage .pause-animation {
  -webkit-animation:none;
  animation:none
}
.reports .loadingPage p {
  max-width:900px;
  width:900px;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:500;
  line-height:35px;
  text-align:left;
  height:100px
}
.reports .loadingPage .text-xt {
  margin-bottom:4rem;
  height:unset
}
.reports .loadingPage span {
  color:#fff;
  font-family:Jakarta;
  font-size:320px;
  font-style:normal;
  font-weight:700;
  line-height:250px;
  position:relative;
  bottom:-50px;
  text-align:right;
  width:100vw;
  margin-top:auto
}
.reports .loadingPage .svg-div {
  position:absolute;
  right:0;
  bottom:-30px
}
.reports .loadingPage .path {
  stroke-dasharray:2320;
  stroke-dashoffset:0;
  -webkit-animation:dash 5s linear;
  animation:dash 5s linear;
  -webkit-animation-delay:10.8s;
  animation-delay:10.8s;
  opacity:0
}
@-webkit-keyframes dash {
  0% {
  stroke-dashoffset:2320;
  opacity:1
}
to {
  stroke-dashoffset:0;
  opacity:1
}

}
@keyframes dash {
  0% {
  stroke-dashoffset:2320;
  opacity:1
}
to {
  stroke-dashoffset:0;
  opacity:1
}

}
.reports .nav {
  padding:4rem 0;
  width:90vw;
  max-width:1160px;
  margin:0 auto;
  -webkit-animation:none runningHide .5s ease 0s ease 0s 1 normal none;
  animation:none runningHide .5s ease 0s ease 0s 1 normal none;
  -webkit-animation:initialHide .5s ease;
  animation:initialHide .5s ease
}
.reports .nav .flex--2 {
  grid-gap:2rem;
  gap:2rem
}
.reports .nav .flex--2:first-child {
  grid-gap:1rem;
  gap:1rem
}
.reports .nav .flex--2:first-child .arrow {
  color:#fff;
  font-size:30px
}
.reports .nav .flex--2 button {
  border-radius:77px;
  padding:16px 32px;
  justify-content:center;
  align-items:center;
  font-family:Jakarta;
  font-size:20px;
  font-style:normal;
  font-weight:700;
  background:#fff;
  color:#000
}
.reports .nav .flex--2 button span:first-child {
  display:inline
}
.reports .nav .flex--2 button span:nth-child(2) {
  display:none
}
.reports .nav .flex--2 .share {
  color:#fff;
  font-family:Jakarta;
  font-size:20px;
  font-style:normal;
  font-weight:500;
  padding:0;
  background:none
}
.reports .nav .flex--2 .share .dropdown-share {
  position:absolute;
  display:none;
  -webkit-transition:display .2s;
  transition:display .2s;
  z-index:20;
  left:-100%;
  width:160px;
  height:56px
}
.reports .nav .flex--2 .share .dropdown-share button {
  width:100%;
  display:none
}
.reports .nav .flex--2 .share .dropdown-share .reports-share {
  width:100%
}
.reports .nav .flex--2 .share .dropdown-share .reports-share--icons {
  opacity:1;
  padding:20px;
  background-color:#000;
  border-radius:30px;
  border:1px solid #fff
}
.reports .nav .flex--2 .share:hover .dropdown-share {
  display:block
}
.reports .nav--home .flex--2 button {
  background:#0461d4;
  color:#fff
}
.reports .nav--go-home {
  height:30px;
  cursor:pointer
}
.interact .left .content .reports .nav--go-home .link,
.reports .nav--go-home .interact .left .content .link,
.reports .nav--go-home .savings .box .sub-title,
.reports .nav--go-home svg,
.savings .box .reports .nav--go-home .sub-title {
  position:unset;
  top:unset;
  vertical-align:unset;
  margin-right:unset
}
.reports .home {
  min-height:100vh;
  overflow:hidden;
  justify-content:space-between;
  position:relative;
  -webkit-animation:slide-In .5s ease alternate;
  animation:slide-In .5s ease alternate;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.reports .home .report-23 {
  display:block;
  text-align:center;
  padding:6rem 0 10rem
}
.reports .home .cards-section {
  width:100vw;
  max-width:2000px;
  margin:0 auto;
  bottom:0;
  height:325px
}
.reports .home .cards-section .row-main {
  position:relative;
  display:grid;
  grid-template-columns:.9fr 1fr
}
.reports .home .cards-section .row-main .main-div {
  position:relative;
  color:#fff;
  cursor:pointer;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
}
.reports .home .cards-section .row-main .main-div:hover {
  -webkit-animation:shake-animation .5s ease alternate;
  animation:shake-animation .5s ease alternate;
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
.reports .home .cards-section .row-main .main-div:nth-child(2) .card-text {
  left:20rem
}
.reports .home .cards-section .row-main .main-div .box1 {
  width:130%;
  display:block;
  text-align:left;
  background-color:#0461d4
}
.reports .home .cards-section .row-main .main-div .box2 {
  width:100%;
  background-color:#10b259
}
.reports .home .cards-section .row-main--2 {
  grid-template-columns:.5fr 1fr;
  -webkit-transform:translateY(-50px);
  transform:translateY(-50px)
}
.reports .home .cards-section .row-main--2 .main-div .box1 {
  background-color:#7913e5;
  width:156%
}
.reports .home .cards-section .row-main--2 .main-div .box2 {
  background-color:#000
}
.reports .home .cards-section .row-main--3 {
  grid-template-columns:.8fr .7fr;
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px)
}
.reports .home .cards-section .row-main--3 .main-div:nth-child(2) {
  color:#000
}
.reports .home .cards-section .row-main--3 .main-div .box1 {
  background-color:#2295f2;
  width:125%
}
.reports .home .cards-section .row-main--3 .main-div .box2 {
  background-color:#fff
}
.reports .home .cards-section .row-main--4 {
  grid-template-columns:.5fr 1fr;
  -webkit-transform:translateY(-150px);
  transform:translateY(-150px)
}
.reports .home .cards-section .row-main--4 .main-div .box1 {
  background-color:#e64899;
  width:156%
}
.reports .home .cards-section .row-main--4 .main-div .box2 {
  background-color:#000
}
.reports .home .box1 {
  height:130px;
  -webkit-clip-path:polygon(0 0,
80% 0,
100% 100%,
0 100%);
  clip-path:polygon(0 0,
80% 0,
100% 100%,
0 100%);
  margin:0 auto
}
.reports .home .box2 {
  height:130px;
  -webkit-clip-path:polygon(20% 0,
100% 0,
100% 100%,
0 100%);
  clip-path:polygon(20% 0,
100% 0,
100% 100%,
0 100%);
  margin:0 auto
}
.reports .home .flt_svg {
  visibility:hidden;
  position:absolute;
  width:0;
  height:0
}
.reports .home .box_parent {
  position:relative;
  -webkit-filter:url(#flt_tag);
  filter:url(#flt_tag)
}
.reports .home .cards-section .row-main .main-div .card-text {
  position:absolute;
  top:1rem;
  left:4rem;
  grid-gap:1rem;
  gap:1rem
}
.reports .home .cards-section .row-main .main-div .card-text span {
  font-family:Jakarta;
  padding:0;
  font-size:24px;
  font-weight:500;
  line-height:55px
}
.reports .home .cards-section .row-main .main-div .card-text p {
  padding:0;
  font-family:Jakarta;
  font-size:30px;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase;
  line-height:60px
}
.reports .headers-reports {
  width:100%;
  border-radius:24px;
  opacity:.9;
  background:#02316a;
  padding:13rem 2rem;
  margin:0 auto;
  background-image:url(/_next/static/media/incomebg.b55b9b99500ef56b2833f1f5747e0a87.png);
  background-size:cover;
  background-repeat:no-repeat;
  position:relative
}
.reports .headers-reports .description {
  color:#fff;
  grid-gap:1rem;
  gap:1rem
}
.reports .headers-reports .description span {
  font-size:63px;
  line-height:normal
}
.reports .headers-reports .description p,
.reports .headers-reports .description span {
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase;
  opacity:0
}
.reports .headers-reports .description p {
  font-size:140px;
  line-height:130px;
  max-width:1000px;
  margin:0 auto;
  text-align:center
}
.reports .headers-reports .card {
  position:absolute;
  opacity:0
}
.reports .headers-reports .card--1 {
  top:7rem;
  right:16rem
}
.reports .headers-reports .card--2 {
  bottom:4rem;
  left:16rem
}
.reports .label-card {
  padding:7rem 6.5rem 5rem
}
.reports .label-card--logo {
  background-color:#022c5f;
  border-radius:50%;
  width:113px;
  min-width:113px;
  height:113px;
  position:relative;
  z-index:2;
  border:2px solid #000
}
.reports .label-card--logo img {
  width:41px
}
.reports .label-card--title {
  background-color:#022c5f;
  border-radius:0 85px 85px 0;
  color:#fff;
  padding:1.2rem 4rem;
  position:relative;
  left:-2.5rem;
  z-index:1;
  max-width:1000px
}
.reports .label-card--title p {
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:30px
}
.reports .reports-footer {
  height:450px;
  border-radius:34px 34px 0 0;
  opacity:.9;
  background:#10b259;
  padding:2rem;
  margin:0 auto;
  background-image:url(/_next/static/media/footerbg1.a62869f71629934f16d52b9bd2af2805.png);
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  color:#fff
}
.reports .reports-footer .description {
  grid-gap:5rem;
  gap:5rem;
  height:100%;
  justify-content:center
}
.reports .reports-footer .description .next-text {
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  font-family:Jakarta;
  font-size:20px;
  font-style:normal;
  font-weight:400
}
.reports .reports-footer .description .next-text span:nth-child(2) {
  display:none
}
.reports .reports-footer .description small {
  font-family:Jakarta;
  font-size:38.122px;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase;
  position:relative;
  top:-2rem
}
.reports .reports-footer .description .group-p {
  position:relative
}
.reports .reports-footer .description p {
  font-family:Jakarta;
  font-size:117px;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase
}
.reports .reports-footer .description p:nth-child(2) {
  position:absolute;
  top:0;
  left:0
}
.reports .reports-footer .description .flex--1 {
  grid-gap:1rem;
  gap:1rem;
  position:relative
}
.reports .reports-footer .description .flex--1 span {
  position:absolute;
  font-size:60px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  text-transform:uppercase;
  bottom:-7rem;
  right:0
}
.reports .reports-footer:hover {
  border-radius:180px 180px 0 0;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  -webkit-animation:border-shake-animation .5s ease alternate;
  animation:border-shake-animation .5s ease alternate
}
.reports .reports-footer:hover .next-text span:nth-child(2) {
  display:block
}
.reports .reports-footer:hover .next-text span:first-child {
  display:none
}
.reports .reports-footer .card {
  position:absolute
}
.reports .reports-footer .card--1 {
  top:7rem;
  right:16rem
}
.reports .reports-footer .card--2 {
  bottom:4rem;
  left:16rem
}
.reports .reports-footer .button-animation {
  position:relative;
  display:inline-block;
  padding:15px 20px;
  color:#fff;
  overflow:hidden;
  letter-spacing:4px;
  -webkit-transition:.5s;
  transition:.5s;
  font-family:Jakarta;
  font-style:normal;
  font-weight:400;
  font-size:20px
}
.reports .reports-footer .button-animation--dark {
  color:#000
}
.reports .header-card {
  background:#fff;
  width:340px;
  border-radius:14px;
  position:relative;
  padding:3rem 2rem 1rem;
  color:#000;
  border:.808px solid #000
}
.reports .header-card div {
  position:absolute;
  width:100%;
  height:100%;
  left:-5px;
  top:-5px;
  background:#000;
  border-radius:14px;
  right:100px;
  z-index:-1
}
.reports .header-card p {
  color:#000;
  font-family:Jakarta;
  font-size:19.387px;
  font-style:normal;
  font-weight:400;
  line-height:30px
}
.reports .header-card aside {
  position:absolute;
  top:0;
  left:0;
  color:#fff;
  width:100%;
  border-bottom:.808px solid #000
}
.reports .page {
  -webkit-animation:slide-In .5s ease alternate;
  animation:slide-In .5s ease alternate;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  overflow-x:hidden;
  width:100vw
}
.reports .page .p--3 {
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:40px;
  max-width:1000px;
  margin:8rem auto 0
}
.reports .page .section--4 {
  padding:4rem 0;
  max-width:1000px;
  margin:0 auto
}
.reports .page .section--4 h3 {
  color:#fff;
  font-family:Jakarta;
  font-size:30px;
  font-style:normal;
  font-weight:400;
  line-height:normal
}
.reports .page .section--4 button {
  display:flex;
  width:160px;
  height:56px;
  padding:16px 32px;
  justify-content:center;
  align-items:center;
  grid-gap:10px;
  gap:10px;
  border-radius:77px;
  background:#001429;
  font-size:20px;
  color:#fff;
  margin:2rem 0 4rem
}
.reports .page .section--4 .bar span {
  display:block;
  width:40%;
  padding:2rem;
  background:#022c5f;
  color:#82b0ea;
  font-family:Jakarta;
  font-size:40px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  -webkit-animation:slideInRange .5s ease alternate;
  animation:slideInRange .5s ease alternate;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.reports .page .section--4 .bar span:first-child {
  background:#82b0ea;
  width:60%;
  color:#000a15;
  text-align:right
}
.reports .page .section--4 .bar--2 span {
  width:35%
}
.reports .page .section--4 .bar--2 span:first-child {
  width:65%
}
.reports .page .section--4 .bar--3 span {
  width:47%
}
.reports .page .section--4 .bar--3 span:first-child {
  width:53%
}
.reports .page .section--4 .bar--4 span {
  width:78%
}
.reports .page .section--4 .bar--4 span:first-child {
  width:22%
}
.reports .page .section--4 .income-stream {
  border-radius:48px;
  border:1px solid #82b0ea;
  grid-gap:2rem;
  gap:2rem;
  padding:1.5rem 2rem;
  max-width:-webkit-fit-content;
  max-width:fit-content;
  margin:0 auto
}
.reports .page .section--4 .income-stream div {
  grid-gap:1rem;
  gap:1rem
}
.reports .page .section--4 .income-stream div p {
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:10px;
  position:relative;
  top:2px
}
.reports .page .bar-chart .ellipse img:first-child {
  position:relative;
  left:6rem;
  top:-2rem;
  z-index:1
}
.reports .page .bar-chart .ellipse img:nth-child(2) {
  position:relative;
  z-index:2;
  left:-5.5rem
}
.reports .page .bar-chart .flex--4-a {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  grid-gap:5px;
  gap:5px;
  position:relative
}
.reports .page .bar-chart .flex--4-a small {
  font-size:14px;
  font-style:normal;
  font-weight:350;
  max-width:70px;
  line-height:15px
}
.reports .page .bar-chart .flex--4-a p {
  font-size:39.667px;
  font-style:normal;
  font-weight:400;
  line-height:normal
}
.reports .page .bar-chart .text--1 {
  top:-6rem;
  left:2rem
}
.reports .page .bar-chart .text--2 {
  top:10rem;
  left:-4rem
}
.reports .page--1 .headers-reports .card--1 {
  top:15%;
  right:5%
}
.reports .page--1 .headers-reports .card--2 {
  bottom:7%;
  left:5%
}
.reports .page--1 .headers-reports .card--2 .header-card div {
  left:6px
}
.reports .page--1 .first-h3 {
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  max-width:850px;
  margin:50px auto 0
}
.reports .page--2 .headers-reports {
  background:#10b259;
  background-image:url(/_next/static/media/spendingbg.3ffef8c90c93cb969d776d4d0c46a75a.png);
  background-repeat:no-repeat;
  background-size:cover
}
.reports .page--2 .first-h3 {
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  max-width:850px;
  margin:78px auto 0
}
.reports .page--2 .label-card div,
.reports .page--2 .label-card p {
  background-color:#08592d
}
.reports .page--2 .bar-chart {
  margin-bottom:3rem
}
.reports .page--2 .bar-chart .ellipse img:first-child {
  position:relative;
  left:13rem;
  top:-7rem;
  z-index:1
}
.reports .page--2 .bar-chart .ellipse img:nth-child(2) {
  position:relative;
  z-index:2;
  left:7.5rem
}
.reports .page--2 .bar-chart .ellipse img:nth-child(3) {
  position:relative;
  z-index:2;
  left:-25.5rem;
  top:8.4rem
}
.reports .page--2 .bar-chart .text--1 {
  top:-8rem;
  left:15rem
}
.reports .page--2 .bar-chart .text--2 {
  top:1rem;
  left:-8rem
}
.reports .page--2 .bar-chart .text--3 {
  top:12rem;
  left:9rem
}
.reports .page--2 .spendingGroupImg {
  display:flex;
  justify-content:center;
  position:relative;
  width:100%;
  height:540px;
  left:50px
}
.reports .page--2 .spendingGroupImg img {
  object-fit:contain
}
.reports .page--2 .spendingGroupImg img:nth-child(2n) {
  align-self:flex-end
}
.reports .page--2 .spendingGroupImg img:not(:first-child) {
  position:relative;
  right:20px
}
.reports .page--2 .spendingGroupImg img:first-child {
  height:420px
}
.reports .page--2 .spendingGroupImg img:nth-child(2) {
  height:392px
}
.reports .page--2 .spendingGroupImg img:nth-child(3) {
  height:338.67px;
  top:40px;
  right:30px
}
.reports .page--2 .spendingGroupImg img:nth-child(4) {
  height:296.45px;
  right:80px;
  bottom:40px
}
.reports .page--2 .spendingGroupImg img:nth-child(5) {
  height:282.71px;
  right:110px;
  top:90px
}
.reports .page--2 .spendingGroupImg img:nth-child(6) {
  height:231.49px;
  right:170px;
  bottom:80px
}
.reports .page--2 .headers-reports .card--1 {
  top:unset;
  bottom:7%;
  right:5%
}
.reports .page--2 .headers-reports .card--2 {
  bottom:70%;
  left:5%
}
.reports .page--2 .headers-reports .card--2 .header-card div {
  left:6px
}
.reports .page--2 .reports-footer {
  background:#7913e5;
  background-image:url(/_next/static/media/footerbg2.56f26c013d2e7eead6e4b410756a2386.png);
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
  -webkit-transition:all .2s ease;
  transition:all .2s ease
}
.reports .page--2 .section--4 button {
  background-color:#004620
}
.reports .page--3 .headers-reports {
  background:#7913e5;
  background-image:url(/_next/static/media/savingsbg.08975a1b76c9e7350f95236a461abab3.png);
  background-repeat:no-repeat;
  background-size:cover
}
.reports .page--3 .label-card div,
.reports .page--3 .label-card p {
  background-color:#2f085a
}
.reports .page--3 .last-card {
  padding-bottom:1.5rem
}
.reports .page--3 .percent-text {
  grid-gap:6rem;
  gap:6rem;
  display:grid;
  grid-template-columns:repeat(3,
1fr);
  max-width:80vw;
  margin:0 auto;
  justify-content:center;
  color:#9442ea
}
.reports .page--3 .percent-text>div {
  max-width:300px
}
.reports .page--3 .percent-text .flex--1 p,
.reports .page--3 .percent-text .flex--1 span {
  font-family:Jakarta;
  font-size:203.202px;
  font-style:normal;
  font-weight:500;
  line-height:13rem
}
.reports .page--3 .percent-text .flex--1 span {
  font-size:130px;
  top:-1.5rem;
  position:relative
}
.reports .page--3 .percent-text .below-text {
  position:relative;
  left:2rem
}
.reports .page--3 .percent-text--2 {
  color:#bc89f2
}
.reports .page--3 .percent-text--3 {
  color:#f2e7fc
}
.reports .page--3 .percent-text--3 .below-text {
  left:.5rem
}
.reports .page--3 .text--odun {
  background-image:url(/_next/static/media/OdunEweniyi.d45fb7ddbd5d529222b2e67ddd643158.png);
  background-repeat:no-repeat;
  background-position:91% 100%;
  background-size:38%
}
.reports .page--3 h4 {
  max-width:900px;
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  margin:0 auto
}
.reports .page--3 .ads {
  display:block;
  margin:7rem auto
}
.reports .page--3 .ad-container {
  max-width:900px;
  margin:0 auto
}
.reports .page--3 .ad {
  margin-top:51px;
  display:flex;
  min-height:293px;
  border-radius:16px;
  background-color:#7913e5;
  background-image:url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin2.a4ad045123dbd777101e5c0375fb573f.png),
url(/_next/static/media/adImage2.b53cdaeeeb26162c971f2c98f8448a6b.png),
url(/_next/static/media/purpleAdPattern.c6087937e217a497014008a147e86d66.png);
  background-size:100px,
100px,
150px,
contain,
cover;
  background-position:-2% 110%,
102% -10%,
55% 110%,
100%,
0;
  background-repeat:no-repeat
}
.reports .page--3 .ad-content {
  padding:40px 60px;
  max-width:50%
}
.reports .page--3 .ad-content p {
  color:#fff;
  padding-left:10px;
  padding-bottom:5px
}
.reports .page--3 .ad-content h3 {
  font-size:60px;
  line-height:70px;
  font-family:Jakarta;
  color:#fff
}
.reports .page--3 .ad-content button {
  font-family:Jakarta;
  background-color:#fff;
  color:#5d02a8;
  border:none;
  outline:none;
  padding:10px 15px;
  font-size:18px;
  font-weight:600;
  border-radius:16px;
  margin-top:5px
}
.reports .page--3 .reports-footer {
  background:#353535;
  background-image:url(/_next/static/media/footerbg4.db6cb668f829d620e8bed42d11d03475.png);
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
  -webkit-transition:all .2s ease;
  transition:all .2s ease
}
.reports .page--3 .headers-reports .card--1 {
  top:70%;
  right:5%
}
.reports .page--3 .headers-reports .card--2 {
  bottom:67%;
  left:5%
}
.reports .page--3 .headers-reports .card--2 .header-card div {
  left:6px
}
.reports .page--3 .reports-footer {
  overflow:hidden
}
.reports .page--3 .reports-footer .description {
  grid-gap:2rem;
  gap:2rem
}
.reports .page--3 .reports-footer .description p {
  line-height:normal;
  max-width:1400px;
  font-size:117px
}
.reports .page--3 .reports-footer .description small {
  top:1rem
}
.reports .page--3 .section--4 button {
  background-color:#550da0
}
.reports .page--4 .headers-reports {
  background:#353535;
  background-image:url(/_next/static/media/emergencybg.502a0631ad6e50e386c8dae3460ab4c4.png);
  background-repeat:no-repeat;
  background-size:cover;
  padding:8rem 2rem
}
.reports .page--4 .label-card div,
.reports .page--4 .label-card p {
  background:#262626
}
.reports .page--4 .bar-chart .ellipse img:first-child {
  position:relative;
  left:3rem;
  top:0;
  z-index:1
}
.reports .page--4 .bar-chart .ellipse img:nth-child(2) {
  position:relative;
  z-index:2;
  left:-6rem;
  top:-1rem
}
.reports .page--4 .bar-chart .text--1 {
  top:0;
  left:0
}
.reports .page--4 .bar-chart .text--2 {
  top:0;
  left:-4rem
}
.reports .page--4 .reports-footer {
  background:#1868a9;
  background-image:url(/_next/static/media/footerbg3.a2dda4baaa4d9277f0689816d2701acc.png);
  background-size:cover;
  background-repeat:no-repeat;
  padding:7rem 2rem 10rem;
  overflow:hidden
}
.reports .page--4 .reports-footer .description {
  grid-gap:2rem;
  gap:2rem
}
.reports .page--4 .reports-footer .description p {
  line-height:150px;
  font-size:120px
}
.reports .page--4 .reports-footer .description small {
  top:1rem
}
.reports .page--4 .reports-footer .description .flex--1 span {
  bottom:-4rem
}
.reports .page--4 .headers-reports .card--1 {
  top:60%;
  right:2%
}
.reports .page--4 .headers-reports .card--2 {
  bottom:70%;
  left:5%
}
.reports .page--4 .headers-reports .card--2 .header-card div {
  left:6px
}
.reports .page--4 .section--4 button {
  background-color:#1a1a1a
}
.reports .page--4 .line-chart .bar {
  width:200px
}
.reports .page--5 .headers-reports {
  background:#1868a9;
  background-image:url(/_next/static/media/unplannedbg.7a4c63ad972f7e84532b50e9304e67ee.png);
  background-repeat:no-repeat;
  background-size:cover;
  padding:5rem 2rem
}
.reports .page--5 .label-card div,
.reports .page--5 .label-card p {
  background:#071e30
}
.reports .page--5 .bar-chart .ellipse img:first-child {
  position:relative;
  left:3rem;
  top:0;
  z-index:1
}
.reports .page--5 .bar-chart .ellipse img:nth-child(2) {
  position:relative;
  z-index:2;
  left:-6rem;
  top:-1rem
}
.reports .page--5 .bar-chart .text--1 {
  top:0;
  left:0
}
.reports .page--5 .bar-chart .text--2 {
  top:0;
  left:-4rem
}
.reports .page--5 .reports-footer {
  background:#fff;
  background-image:url(/_next/static/media/footerbg5.8e347b9d876f81b56350e95a160abb95.png);
  background-size:cover;
  background-repeat:no-repeat;
  color:#000
}
.reports .page--5 .headers-reports .description p {
  font-size:108px;
  font-style:normal;
  font-weight:500;
  line-height:130px;
  max-width:1000px;
  margin:0 auto;
  text-align:center
}
.reports .page--5 .headers-reports .card--1 {
  top:60%;
  right:2%
}
.reports .page--5 .headers-reports .card--2 {
  bottom:30%;
  left:4%
}
.reports .page--5 .headers-reports .card--2 .header-card div {
  left:6px
}
.reports .page--5 .section--4 button {
  background-color:#071e30
}
.reports .page--6 .headers-reports {
  background:#fff;
  background-image:url(/_next/static/media/debtbg.dcf7b6b1072edaf6713e7923966e868d.png);
  background-repeat:no-repeat;
  background-size:cover
}
.reports .page--6 .headers-reports .description {
  color:#000
}
.reports .page--6 .label-card div,
.reports .page--6 .label-card p {
  background:#1f1f1f
}
.reports .page--6 .last-card .label-card {
  padding:0 6.5rem
}
.reports .page--6 .persons {
  margin:auto
}
.reports .page--6 .debt-people {
  display:grid;
  grid-template-columns:repeat(5,
1fr);
  max-width:760px;
  margin:0 auto;
  grid-column-gap:10px;
  -webkit-column-gap:10px;
  column-gap:10px;
  grid-row-gap:40px;
  row-gap:40px;
  padding:0 32px
}
.reports .page--6 .debt-people :nth-child(3) :nth-child(4),
.reports .page--6 .debt-people :nth-child(3) :nth-child(5),
.reports .page--6 .debt-people :nth-child(3) :nth-child(6),
.reports .page--6 .debt-people :nth-child(3) path:nth-child(3),
.reports .page--6 .debt-people :nth-child(4) :nth-child(4),
.reports .page--6 .debt-people :nth-child(4) :nth-child(5),
.reports .page--6 .debt-people :nth-child(4) :nth-child(6),
.reports .page--6 .debt-people :nth-child(4) path:nth-child(3),
.reports .page--6 .debt-people :nth-child(5) :nth-child(4),
.reports .page--6 .debt-people :nth-child(5) :nth-child(5),
.reports .page--6 .debt-people :nth-child(5) :nth-child(6),
.reports .page--6 .debt-people :nth-child(5) path:nth-child(3),
.reports .page--6 .debt-people :nth-child(8) :nth-child(4),
.reports .page--6 .debt-people :nth-child(8) :nth-child(5),
.reports .page--6 .debt-people :nth-child(8) :nth-child(6),
.reports .page--6 .debt-people :nth-child(8) path:nth-child(3),
.reports .page--6 .debt-people :nth-child(9) :nth-child(4),
.reports .page--6 .debt-people :nth-child(9) :nth-child(5),
.reports .page--6 .debt-people :nth-child(9) :nth-child(6),
.reports .page--6 .debt-people :nth-child(9) path:nth-child(3),
.reports .page--6 .debt-people :nth-child(10) :nth-child(4),
.reports .page--6 .debt-people :nth-child(10) :nth-child(5),
.reports .page--6 .debt-people :nth-child(10) :nth-child(6),
.reports .page--6 .debt-people :nth-child(10) path:nth-child(3) {
  display:none
}
.reports .page--6 .debt-bubble {
  display:grid;
  grid-template-columns:repeat(10,
1fr);
  grid-row-gap:16px;
  row-gap:16px;
  grid-column-gap:10px;
  -webkit-column-gap:10px;
  column-gap:10px;
  width:100%
}
.reports .page--6 .debt-bubble--item {
  justify-self:center;
  width:57.36px;
  height:57.36px;
  border-radius:50%;
  background-color:#7916e1
}
.reports .page--6 .debt-bubble :nth-child(-n+93) {
  background-color:#e64899
}
.reports .page--6 .debt-bubble :nth-child(-n+69) {
  background-color:#10b259
}
.reports .page--6 .debt-bubble :nth-child(-n+43) {
  background-color:#0461d4
}
.reports .page--6 .text--person {
  background:#1f1f1f;
  background-image:url(/_next/static/media/akuma.1464a6211b1816f5d941185b15d6c47a.png);
  background-repeat:no-repeat;
  background-position:90%
}
.reports .page--6 .text--person p {
  font-size:30px
}
.reports .page--6 .text--person .flex--4 {
  position:relative
}
.reports .page--6 .bubble-text {
  width:750px;
  margin:4rem auto 12em;
  position:relative
}
.reports .page--6 .bubble-text .bubbles {
  width:100%
}
.reports .page--6 .bubble-text .texts img {
  position:absolute
}
.reports .page--6 .bubble-text .texts img:first-child {
  left:-220px;
  top:11px;
  height:90px
}
.reports .page--6 .bubble-text .texts img:nth-child(2) {
  left:-220px;
  top:526px;
  height:74px
}
.reports .page--6 .bubble-text .texts img:nth-child(3) {
  right:-218px;
  top:304px;
  height:74px
}
.reports .page--6 .bubble-text .texts img:nth-child(4) {
  right:150px;
  bottom:-125px;
  width:56px
}
.reports .page--6 .reports-footer {
  background:#b73a7c;
  background-image:url(/_next/static/media/footerbg6.7575727c372f40d3037c597c38087143.png);
  background-size:cover;
  background-repeat:no-repeat
}
.reports .page--6 .headers-reports .card--1 {
  top:70%;
  right:5%
}
.reports .page--6 .headers-reports .card--2 {
  bottom:67%;
  left:5%
}
.reports .page--6 .headers-reports .card--2 .header-card div {
  left:6px;
  top:6px
}
.reports .page--6 .text-line--mobile {
  display:none
}
.reports .page--6 .section--4 {
  padding:5rem 0 0
}
.reports .page--6 .section--4 button {
  background-color:#1a1a1a
}
.reports .page--7 .headers-reports {
  background:#b73a7c;
  background-image:url(/_next/static/media/futurebg.d92ee24d87a0e4904ab7fd29c0bb8441.png);
  background-repeat:no-repeat;
  background-size:cover;
  padding:10rem 2rem
}
.reports .page--7 .label-card div,
.reports .page--7 .label-card p {
  background:#45162e
}
.reports .page--7 .last-card {
  padding-top:0;
  padding-bottom:4.5rem
}
@-webkit-keyframes shadow-pulse--2 {
  0% {
  -webkit-box-shadow:0 0 0 0 #000;
  box-shadow:0 0 0 0 #000
}
to {
  -webkit-box-shadow:0 0 0 15px rgba(247,
200,
225,
.2);
  box-shadow:0 0 0 15px rgba(247,
200,
225,
.2)
}

}
@keyframes shadow-pulse--2 {
  0% {
  -webkit-box-shadow:0 0 0 0 #000;
  box-shadow:0 0 0 0 #000
}
to {
  -webkit-box-shadow:0 0 0 15px rgba(247,
200,
225,
.2);
  box-shadow:0 0 0 15px rgba(247,
200,
225,
.2)
}

}
.reports .page--7 .generations {
  grid-gap:2rem;
  gap:2rem;
  margin:4rem auto
}
.reports .page--7 .generations p {
  color:#f7c8e1
}
.reports .page--7 .generations .flex--2 span {
  background:#f7c8e1;
  color:#17070f;
  -webkit-animation:shadow-pulse--2 1.5s infinite;
  animation:shadow-pulse--2 1.5s infinite
}
.reports .page--7 .generations .flex--2 p {
  color:#fff;
  font-size:20px;
  width:220px
}
.reports .page--7 .generations .flex--2 .pause-animation {
  -webkit-animation:none;
  animation:none
}
.reports .page--7 .reports-footer {
  background:#353535;
  background-image:url(/_next/static/media/footerbg4.db6cb668f829d620e8bed42d11d03475.png);
  background-size:cover;
  background-repeat:no-repeat
}
.reports .page--7 .headers-reports .card--1 {
  top:19rem;
  right:6rem
}
.reports .page--7 .headers-reports .card--2 {
  bottom:8rem;
  left:8rem
}
.reports .page--7 .headers-reports .card--1 {
  top:76%;
  right:2%
}
.reports .page--7 .headers-reports .card--2 {
  bottom:65%;
  left:5%
}
.reports .page--7 .headers-reports .card--2 .header-card div {
  left:6px
}
.reports .page--7 .futureGroupImg {
  width:900px;
  display:block;
  margin:4rem auto
}
.reports .page--7 .futureGroup {
  display:flex;
  justify-content:center;
  position:relative;
  width:100%;
  height:540px;
  left:50px
}
.reports .page--7 .futureGroup img {
  object-fit:contain
}
.reports .page--7 .futureGroup img:nth-child(2n) {
  align-self:flex-end
}
.reports .page--7 .futureGroup img:not(:first-child) {
  position:relative;
  right:20px
}
.reports .page--7 .futureGroup img:first-child {
  height:420px
}
.reports .page--7 .futureGroup img:nth-child(2) {
  height:392px
}
.reports .page--7 .futureGroup img:nth-child(3) {
  height:338.67px;
  top:40px;
  right:30px
}
.reports .page--7 .futureGroup img:nth-child(4) {
  height:296.45px;
  right:60px;
  bottom:40px
}
.reports .page--7 .futureGroup img:nth-child(5) {
  height:282.71px;
  right:80px;
  top:80px
}
.reports .page--7 .section--4 button {
  background-color:#45162e
}
.reports .page--7 .line-chart .bar {
  width:180px
}
.reports .reports .page .section--4 .generations .flex--2 p {
  width:150px
}
.reports .reports-share {
  position:relative;
  width:-webkit-fit-content;
  width:fit-content
}
.reports .reports-share button {
  -webkit-transition:.5s;
  transition:.5s
}
.reports .reports-share:hover button {
  color:transparent
}
.reports .reports-share:hover .reports-share--icons {
  opacity:1
}
.reports .reports-share--icons {
  -webkit-transition:.5s;
  transition:.5s;
  opacity:0;
  position:absolute;
  top:0;
  width:160px;
  height:56px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 32px
}
.reports .reports-share--icons img {
  width:24px;
  height:24px;
  -webkit-transition:.5s;
  transition:.5s;
  cursor:pointer
}
.reports .reports-share--icons img:hover {
  -webkit-transform:translateY(-3px);
  transform:translateY(-3px)
}
.reports .conclusion {
  color:#fff
}
.reports .conclusion h1 {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:160px;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase;
  padding:7rem 0
}
.reports .conclusion .section--2 {
  max-width:978px;
  width:100%
}
.reports .conclusion .section--2 ol {
  padding-bottom:4rem
}
.reports .conclusion .section--2 li,
.reports .conclusion .section--2>p {
  color:#fff;
  font-family:Jakarta;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:40px;
  width:100%
}
.reports .conclusion .section--2 .tips {
  padding:3rem 0 0;
  font-size:24px
}
.reports .conclusion .section--2 .ad {
  display:flex;
  height:293px;
  margin:70px 0;
  border-radius:16px;
  background-color:#353535;
  background-image:url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin2.a4ad045123dbd777101e5c0375fb573f.png),
url(/_next/static/media/adImage1.b843fb3d67c1cab65be0703673171fa5.png),
url(/_next/static/media/greyAdPattern.25376c02a1d9ec8dc8f81704470e5d9a.png);
  background-size:100px,
100px,
150px,
contain,
cover;
  background-position:-2% 110%,
102% -10%,
55% 110%,
100%,
0;
  background-repeat:no-repeat;
  width:100%
}
.reports .conclusion .section--2 .ad-content {
  padding:40px 60px;
  max-width:50%
}
.reports .conclusion .section--2 .ad-content p {
  color:#fff;
  padding-left:10px
}
.reports .conclusion .section--2 .ad-content h3 {
  font-size:50px;
  line-height:70px;
  font-family:Jakarta;
  color:#fff
}
.reports .conclusion .section--2 .ad-content button {
  font-family:Jakarta;
  background-color:#fff;
  border:none;
  outline:none;
  padding:10px;
  font-size:18px;
  font-weight:600;
  border-radius:16px;
  margin-top:5px
}
.reports .downloadReport {
  border-radius:33px;
  background:#0461d4;
  width:100%;
  padding:7rem 0 0;
  height:100vh;
  overflow:hidden
}
.reports .downloadReport p {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:17.505px;
  font-style:normal;
  font-weight:400;
  line-height:30px;
  margin:2rem 0
}
.reports .downloadReport .input-button {
  border-radius:35.01px;
  border:.875px solid #fff;
  height:55px;
  min-height:55px
}
.reports .downloadReport .input-button input {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  background:transparent;
  padding:0 2rem;
  width:250px
}
.reports .downloadReport .input-button input::-webkit-input-placeholder {
  color:#fff
}
.reports .downloadReport .input-button input:-ms-input-placeholder {
  color:#fff
}
.reports .downloadReport .input-button input::placeholder {
  color:#fff
}
.reports .downloadReport .input-button input:-webkit-autofill,
.reports .downloadReport .input-button input:-webkit-autofill:active,
.reports .downloadReport .input-button input:-webkit-autofill:focus,
.reports .downloadReport .input-button input:-webkit-autofill:hover {
  -webkit-background-clip:text;
  -webkit-text-fill-color:#fff;
  -webkit-transition:background-color 5000s ease-in-out 0s;
  transition:background-color 5000s ease-in-out 0s;
  -webkit-box-shadow:inset 0 0 20px 20px rgba(35,
35,
35,
0);
  box-shadow:inset 0 0 20px 20px rgba(35,
35,
35,
0)
}
.reports .downloadReport .input-button button {
  color:#fff;
  font-family:Jakarta;
  font-size:13.865px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  border-radius:53.381px;
  background:#e64899;
  height:80%;
  margin-right:10px;
  padding:0 2rem
}
.reports .downloadReport .twenty-23 {
  width:100%;
  position:relative;
  margin-top:2rem;
  top:10px
}
.reports .downloadReport .twenty-23 img {
  width:100%
}
.reports .download-modal {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  padding:2rem;
  background:rgba(0,
0,
0,
.5);
  z-index:1000;
  width:100%;
  overflow:hidden
}
.reports .download-modal__report {
  position:relative;
  height:100%;
  background-color:#0461d4;
  border-radius:33px;
  padding-top:100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden;
  max-height:800px;
  width:1400px;
  -webkit-animation:slide-In .5s ease alternate;
  animation:slide-In .5s ease alternate;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.reports .download-modal__report .report-23 {
  padding:0
}
.reports .download-modal__report .report-23 img {
  margin:0 auto
}
.reports .download-modal__report .report-23--mobile {
  display:none
}
.reports .download-modal__report--close {
  position:absolute;
  top:56px;
  right:56px;
  font-size:60px;
  cursor:pointer;
  color:#fff
}
.reports .download-modal__report p {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:17.505px;
  font-style:normal;
  font-weight:400;
  line-height:30px;
  margin:1.5rem 0
}
.reports .download-modal__report .input-button {
  border-radius:35.01px;
  border:.875px solid #fff;
  height:55px;
  min-height:55px
}
.reports .download-modal__report .input-button input {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  background:transparent;
  padding:0 2rem;
  width:250px
}
.reports .download-modal__report .input-button input::-webkit-input-placeholder {
  color:#fff
}
.reports .download-modal__report .input-button input:-ms-input-placeholder {
  color:#fff
}
.reports .download-modal__report .input-button input::placeholder {
  color:#fff
}
.reports .download-modal__report .input-button input:-webkit-autofill,
.reports .download-modal__report .input-button input:-webkit-autofill:active,
.reports .download-modal__report .input-button input:-webkit-autofill:focus,
.reports .download-modal__report .input-button input:-webkit-autofill:hover {
  -webkit-background-clip:text;
  -webkit-text-fill-color:#fff;
  -webkit-transition:background-color 5000s ease-in-out 0s;
  transition:background-color 5000s ease-in-out 0s;
  -webkit-box-shadow:inset 0 0 20px 20px rgba(35,
35,
35,
0);
  box-shadow:inset 0 0 20px 20px rgba(35,
35,
35,
0)
}
.reports .download-modal__report .input-button button {
  color:#fff;
  font-family:Jakarta;
  font-size:13.865px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  border-radius:53.381px;
  background:#e64899;
  height:80%;
  margin-right:10px;
  padding:0 2rem;
  max-width:201px;
  width:100%
}
.reports .download-modal__report small {
  font-size:11px;
  max-width:300px;
  text-align:center;
  line-height:normal;
  margin-top:10px;
  color:hsla(0,
0%,
100%,
.662745098)
}
.reports .download-modal__report--twenty-23 {
  width:100%;
  position:absolute;
  overflow:hidden;
  margin-top:1rem;
  left:0;
  bottom:-1rem;
  max-height:calc(100% - 430px)
}
.reports .download-modal__report--twenty-23 img {
  border-radius:0 0 33px 33px;
  width:100%;
  object-fit:contain
}
.reports .chart {
  margin:0 auto;
  align-items:end;
  -webkit-animation:slideInRange .5s ease alternate;
  animation:slideInRange .5s ease alternate;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  overflow-x:hidden
}
.reports .chart--1 {
  width:100vw;
  align-items:center
}
.reports .chartx {
  width:50vw;
  height:400px;
  border-radius:30px;
  background-color:#fff
}
.reports .line-chart--mobile .percent,
.reports .line-chart .percent {
  position:absolute;
  bottom:1.5rem;
  color:#fff;
  font-family:Jakarta;
  font-size:40px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  padding:1rem
}
.reports .line-chart--mobile label,
.reports .line-chart label {
  color:#fff;
  font-family:Jakarta;
  text-align:left;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  width:130px;
  display:block;
  line-height:20px;
  position:relative;
  height:30px
}
.reports .line-chart {
  color:#fff;
  position:relative;
  grid-gap:5px;
  gap:5px;
  margin:2rem 0;
  justify-content:center
}
.reports .line-chart--z {
  opacity:0
}
.reports .line-chart .bar {
  width:140px
}
.reports .line-chart--mobile {
  position:relative;
  align-self:flex-start;
  margin-left:16px
}
.reports .line-chart--mobile .bar {
  height:70px;
  margin-right:15px;
  position:relative
}
.reports .line-chart--mobile .bar .abs {
  right:10px
}
.reports .line-chart--mobile .percent {
  font-size:16px;
  top:10px
}
.reports .line-chart--mobile label {
  height:unset;
  max-width:120px
}
@media screen and (max-width:756px) {
  .reports .home .cards-section .row-main .main-div .card-text {
  top:1rem;
  left:1rem;
  grid-gap:10px;
  gap:10px
}
.reports .home .cards-section .row-main .main-div img {
  width:100%
}
.reports .home .cards-section .row-main--1 {
  position:relative;
  display:grid;
  grid-template-columns:50vw 50vw;
  -webkit-transform:translateY(200px);
  transform:translateY(200px)
}
.reports .home .cards-section .row-main--1 .main-div img {
  width:100%
}
.reports .home .cards-section .row-main--1 .main-div:nth-child(2) img {
  width:120%;
  position:relative;
  left:-39px;
  align-items:start
}
.reports .home .cards-section .row-main .main-div:nth-child(2) .card-text {
  left:2rem
}
.reports .home .cards-section .row-main--2 {
  position:relative;
  grid-template-columns:40vw 58vw;
  -webkit-transform:translateY(134px);
  transform:translateY(134px)
}
.reports .home .cards-section .row-main--2 .main-div img {
  width:100%
}
.reports .home .cards-section .row-main--2 .main-div:first-child img {
  width:130%
}
.reports .home .cards-section .row-main--2 .main-div:nth-child(2) img {
  width:120%;
  position:relative;
  left:-37px;
  align-items:start
}
.reports .home .cards-section .row-main--4 {
  position:relative;
  grid-template-columns:40vw 58vw;
  -webkit-transform:translateY(25px);
  transform:translateY(25px)
}
.reports .home .cards-section .row-main--4 .main-div img {
  width:100%
}
.reports .home .cards-section .row-main--4 .main-div:first-child {
  color:#000
}
.reports .home .cards-section .row-main--4 .main-div:first-child img {
  width:120%
}
.reports .home .cards-section .row-main--4 .main-div:nth-child(2) img {
  width:120%;
  position:relative;
  left:-36px;
  align-items:start
}
.reports .home .cards-section .row-main--3 {
  position:relative;
  grid-template-columns:unset;
  -webkit-transform:translateY(88px);
  transform:translateY(88px)
}
.reports .home .cards-section .row-main--3 .main-div img {
  width:100%
}
.reports .reports-footer .button-animation {
  padding:15px 20px;
  font-size:16px;
  white-space:nowrap
}

}
@media screen and (max-width:1024px) {
  .reports {
  min-height:unset;
  width:100%
}
.reports--loadingPage {
  overflow:hidden
}
.reports .headerLogos .report-23 {
  margin:4rem 0 2rem
}
.reports .headerLogos .report-23 img {
  width:100px
}
.reports .loadingPage {
  overflow:hidden;
  height:unset;
  -webkit-animation:page-fade-out 1s linear 14.6s,
none runningHide 3s ease 0s ease 0s 1 normal none;
  animation:page-fade-out 1s linear 14.6s,
none runningHide 3s ease 0s ease 0s 1 normal none;
  -webkit-animation:page-fade-out 1s linear 14.6s,
initialHide 3s ease;
  animation:page-fade-out 1s linear 14.6s,
initialHide 3s ease
}
.reports .loadingPage .icon-cancel {
  right:2rem;
  top:2rem
}
.reports .loadingPage p {
  max-width:90vw;
  font-size:16px;
  font-weight:500;
  line-height:22px;
  margin-top:1rem
}
.reports .loadingPage span {
  color:#fff;
  font-family:Jakarta;
  font-size:140px;
  bottom:-30px;
  overflow:hidden;
  line-height:140px
}
.reports .loadingPage .svg-div {
  position:absolute;
  right:0;
  left:0;
  bottom:-3%;
  width:100vw;
  overflow:hidden
}
.interact .left .content .reports .loadingPage .svg-div .link,
.reports .loadingPage .svg-div .interact .left .content .link,
.reports .loadingPage .svg-div .savings .box .sub-title,
.reports .loadingPage .svg-div svg,
.savings .box .reports .loadingPage .svg-div .sub-title {
  height:-webkit-fit-content;
  height:fit-content
}
.reports .loadingPage .svg-div .path {
  -webkit-animation:dash 3.8s linear 10.8s;
  animation:dash 3.8s linear 10.8s
}
.reports .loadingPage .header-logo {
  max-width:90vw;
  margin:0 auto;
  text-align:center;
  position:relative;
  left:0
}
.reports .loadingPage .header-logo img:first-child {
  width:100%
}
.reports .loadingPage .header-logo img:nth-child(2) {
  width:112px;
  position:relative;
  top:27px;
  left:-8rem
}
.reports .loadingPage .text-xt {
  margin-top:16px;
  margin-bottom:4rem
}
.reports .headers-reports {
  border-radius:0 0 24px 24px
}
.reports .headers-reports .description p {
  font-family:Jakarta;
  font-size:61.71px;
  font-style:normal;
  line-height:normal
}
.reports .headers-reports .description span {
  font-size:26.576px;
  font-style:normal
}
.reports .header-card p {
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  text-align:left
}
.reports .header-card {
  width:220px;
  border-radius:14px;
  padding:2.5rem 1rem 1rem
}
.reports .nav .flex--2 button,
.reports .page .nav button {
  border-radius:77px;
  padding:15px 25px;
  background:#fff;
  color:#000;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:normal
}
.reports .nav .flex--2 button span:first-child,
.reports .page .nav button span:first-child {
  display:none
}
.reports .nav .flex--2 button span:nth-child(2),
.reports .page .nav button span:nth-child(2) {
  display:inline
}
.reports .nav .flex--2 button {
  border-radius:77px;
  padding:12px 17px;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:normal
}
.reports .nav .flex--2 .share {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:500
}
.reports .nav .flex--2 .share .dropdown-share {
  left:-100px
}
.reports .nav .flex--2 {
  grid-gap:1rem;
  gap:1rem
}
.reports .nav .flex--2:first-child {
  grid-gap:.5rem;
  gap:.5rem
}
.reports .nav .piggylogo {
  width:30px
}
.reports .container-reports {
  max-width:100vw;
  margin:auto
}
.reports .headers-reports {
  height:83vh;
  min-height:unset;
  background-image:url(/_next/static/media/incomebgMobile.44b895dfff819f6a91ef15538a14e008.png);
  width:calc(100% - 20px);
  margin:0 10px 34px
}
.reports .headers-reports>:not(:last-child) {
  -webkit-transform:translateY(10px);
  transform:translateY(10px)
}
.reports .page--1 .headers-reports .card--1 {
  top:20%;
  right:5%
}
.reports .page--1 .headers-reports .card--2 {
  bottom:16%;
  left:5%
}
.reports .page--2 .headers-reports .card--2 {
  bottom:unset;
  top:17vh;
  left:5%
}
.reports .nav {
  width:90vw;
  margin:0 auto;
  position:absolute;
  width:100%;
  z-index:10
}
.reports .nav,
.reports .nav--home {
  padding:3rem 1.5rem
}
.reports .page .label-card {
  padding:4rem 2rem 3rem;
  flex-direction:column;
  align-items:center
}
.reports .label-card .label-card--title {
  padding:2rem;
  left:0;
  top:-1.5rem;
  border-radius:70px;
  width:100%
}
.reports .label-card .label-card--title p {
  font-family:Jakarta;
  font-size:18px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  text-align:center;
  margin:0 auto
}
.reports .label-card .label-card--logo {
  background-color:#022c5f;
  border-radius:50%;
  width:60px;
  min-width:60px;
  height:60px;
  position:relative;
  z-index:2;
  border:2px solid #000
}
.reports .label-card div img {
  width:25px
}
.reports .line-chart .bar {
  width:90px
}
.reports .line-chart .percent,
.reports .line-chart label {
  font-family:Jakarta;
  font-size:18px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.reports .page .chart .line-chart {
  color:#fff;
  position:relative;
  grid-gap:5px;
  grid-gap:40px;
  gap:40px;
  width:90px
}
.reports .page .chart .line-chart .percent {
  position:absolute;
  bottom:0;
  left:10px
}
.reports .page .chart .line-chart label {
  font-size:13px;
  line-height:normal
}
.reports .page .bar-chart {
  margin:2rem auto
}
.reports .page .bar-chart .ellipse img:first-child {
  position:relative;
  left:3.2rem;
  top:-3rem;
  z-index:1;
  width:148px
}
.reports .page .bar-chart .ellipse img:nth-child(2) {
  position:relative;
  left:-3.2rem;
  top:-2rem;
  z-index:1;
  width:263px
}
.reports .page .bar-chart .text--1 {
  top:-3.5rem;
  left:10rem;
  z-index:10
}
.reports .page .bar-chart .flex--4-a small {
  font-size:12px;
  font-style:normal;
  font-weight:350;
  max-width:70px;
  line-height:15px
}
.reports .page .bar-chart .flex--4-a p {
  font-size:32px;
  font-style:normal;
  font-weight:400;
  line-height:normal
}
.reports .page .bar-chart .text--2 {
  top:-1rem;
  left:-11rem;
  z-index:10;
  color:#000a15
}
.reports .page .first-h3 {
  font-size:18px;
  line-height:normal;
  margin:4rem auto 0;
  max-width:90vw;
  text-align:left
}
.reports .page .section--4 {
  max-width:90vw
}
.reports .page .section--4 .bar span {
  padding:1rem;
  font-family:Jakarta;
  font-size:29.919px;
  font-style:normal;
  font-weight:400;
  line-height:normal
}
.reports .page .section--4 .generations {
  padding:4rem
}
.reports .page .section--4 .generations p {
  display:none
}
.reports .page .section--4 .generations .flex--2 p {
  display:inline;
  font-size:24px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  white-space:nowrap
}
.reports .page .section--4 .income-stream {
  border-radius:unset;
  border:unset;
  margin:unset;
  grid-gap:1.5rem;
  gap:1.5rem;
  padding:1.5rem 2rem 4rem;
  max-width:-webkit-fit-content;
  max-width:fit-content;
  flex-direction:column
}
.reports .page .section--4 h3 {
  text-align:left;
  font-size:20px;
  line-height:normal
}
.reports .reports-footer {
  background-image:url(/_next/static/media/spendingbgMobile.8a6c42a43b31a9e973cb54c21e85129e.png)
}
.reports .reports-footer:hover {
  -webkit-animation:none;
  animation:none
}
.reports .page--2 .headers-reports {
  background-image:url(/_next/static/media/spendingbgMobile.8a6c42a43b31a9e973cb54c21e85129e.png)
}
.reports .page--2 .headers-reports .card--1 {
  bottom:16%
}
.reports .page--2 .reports-footer {
  background-image:url(/_next/static/media/savingsbgMobile.ba5b7cc66d4af82c6e5a5357c60da0e1.png)
}
.reports .page--2 .bar-chart .ellipse {
  position:relative;
  width:100%;
  left:-3rem
}
.reports .page--2 .bar-chart .text--1 {
  color:#004620
}
.reports .page--2 .headers-reports,
.reports .page--4 .headers-reports {
  height:83vh;
  min-height:unset
}
.reports .page--2 .bar-chart,
.reports .page--4 .bar-chart {
  position:relative
}
.reports .page--2 .bar-chart .text--1,
.reports .page--4 .bar-chart .text--1 {
  top:2.1rem;
  left:6rem;
  z-index:10;
  position:absolute
}
.reports .page--2 .bar-chart .text--3,
.reports .page--4 .bar-chart .text--3 {
  top:10.2rem;
  left:5.7rem;
  z-index:10;
  position:absolute;
  color:#004620
}
.reports .page--2 .bar-chart .text--2,
.reports .page--4 .bar-chart .text--2 {
  top:5.8rem;
  left:15.5rem;
  z-index:10;
  position:absolute;
  color:#fff
}
.reports .page--2 .bar-chart .ellipse img:nth-child(2),
.reports .page--4 .bar-chart .ellipse img:nth-child(2) {
  left:3rem;
  top:-2rem;
  z-index:1;
  width:202px
}
.reports .page--2 .bar-chart .ellipse img:first-child,
.reports .page--4 .bar-chart .ellipse img:first-child {
  left:102px;
  top:-103px;
  z-index:1;
  width:156px
}
.reports .page--2 .ellipse .flex--2,
.reports .page--4 .ellipse .flex--2 {
  width:100vw
}
.reports .page--2 .bar-chart .ellipse img:nth-child(3),
.reports .page--4 .bar-chart .ellipse img:nth-child(3) {
  left:-278px;
  top:46px;
  z-index:3;
  width:179px
}
.reports .page--2 .bar-chart {
  margin-bottom:0;
  max-width:400px
}
.reports .page--4 .headers-reports {
  background-image:url(/_next/static/media/emergencybgMobile.c81e77396533e0950b25dec0d9d48497.png)
}
.reports .page--4 .reports-footer {
  background-image:url(/_next/static/media/unplannedbgMobile.a3a6f9a7526b544e68ec8c294d660d24.png)
}
.reports .reports-footer .description {
  grid-gap:1rem;
  gap:1rem
}
.reports .page .reports-footer .description p {
  font-family:Jakarta;
  font-size:60.057px;
  font-style:normal;
  line-height:normal;
  text-transform:uppercase
}
.reports .page .reports-footer .description small {
  font-family:Jakarta;
  font-size:21.122px;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase;
  position:relative;
  top:10px
}
.reports .page .reports-footer:hover {
  border-radius:100px 100px 0 0
}
.reports .page--4 .headers-reports .card--2 {
  top:15vh
}
.reports .page--4 .bar-chart .ellipse img:first-child {
  left:38px;
  top:-19px;
  z-index:1;
  width:222px
}
.reports .page--4 .bar-chart .ellipse img:nth-child(2) {
  left:-49px;
  top:-30px;
  z-index:1;
  width:171px
}
.reports .page--4 .bar-chart .text--1 {
  top:33%;
  left:-21%;
  width:100%;
  height:100%
}
.reports .page--4 .bar-chart .text--2 {
  top:30%;
  left:15%;
  color:#1a1a1a;
  width:100%;
  height:100%
}
.reports .page--4 .p--3 {
  max-width:90vw;
  margin:6rem auto 0;
  font-size:18px;
  font-style:normal;
  line-height:normal;
  text-align:left
}
.reports .page--4 .line-chart .bar {
  width:90px
}
.reports .page--4 .headers-reports .card--1 {
  top:unset;
  bottom:13%;
  right:5%
}
.reports .page--4 .headers-reports .description p {
  font-family:Jakarta;
  font-size:55.71px
}
.reports .page--4 .headers-reports .card--2 {
  bottom:unset;
  top:20%;
  left:5%
}
.reports .page--4 .reports-footer .description p {
  font-size:50px
}
.reports .page--4 .reports-footer .description .flex--1 span {
  position:absolute;
  font-size:46px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  text-transform:uppercase;
  bottom:-4rem;
  right:-5px;
  width:90vw;
  text-align:center
}
.reports .page--3 .headers-reports {
  height:83vh;
  min-height:unset;
  background-image:url(/_next/static/media/savingsbgMobile.ba5b7cc66d4af82c6e5a5357c60da0e1.png)
}
.reports .page--3 .headers-reports>* {
  -webkit-transform:translateY(10px);
  transform:translateY(10px)
}
.reports .page--3 .headers-reports .card--1 {
  top:unset;
  bottom:20%
}
.reports .page--3 .headers-reports .card--2 {
  bottom:unset;
  top:20%
}
.reports .page--3 .reports-footer {
  background-image:url(/_next/static/media/emergencybgMobile.c81e77396533e0950b25dec0d9d48497.png)
}
.reports .page--3 .percent-text {
  grid-gap:1.5rem;
  gap:1.5rem;
  display:flex;
  flex-direction:column;
  padding:0 2rem
}
.reports .page--3 .percent-text>* {
  display:flex;
  justify-content:flex-start;
  width:90vw;
  margin:0 auto;
  align-items:center;
  grid-gap:1rem;
  gap:1rem
}
.reports .page--3 .percent-text>* .flex--1 {
  min-width:170px;
  width:184px;
  justify-content:flex-end
}
.reports .page--3 .percent-text .flex--1 p {
  font-size:117px;
  font-style:normal;
  font-weight:500;
  line-height:7rem
}
.reports .page--3 .percent-text .flex--1 span {
  font-size:60px;
  font-style:normal;
  font-weight:500;
  line-height:7rem
}
.reports .page--3 .percent-text .below-text {
  left:.5rem;
  text-align:start;
  color:#fff;
  font-size:15px;
  max-width:117px;
  line-height:100.5%;
  align-self:flex-start;
  padding-top:10px;
  width:100%
}
.reports .page--3 .text--odun {
  min-height:654px;
  border-radius:16px;
  color:#fff;
  max-width:90vw;
  margin:5rem auto;
  overflow:hidden;
  flex-direction:column;
  padding:4rem 2rem 0;
  height:unset;
  align-items:center;
  background-position:bottom;
  background-size:88%
}
.reports .page--3 .text--odun img {
  margin-top:4rem;
  top:unset;
  left:unset;
  width:100vw;
  height:275px;
  position:relative
}
.reports .page--3 .text--odun p {
  width:unset;
  font-size:18px;
  font-style:normal;
  font-weight:400;
  line-height:normal
}
.reports .page--3 .text--odun span {
  font-size:19px;
  font-weight:700;
  margin-top:1rem
}
.reports .page--3 h4 {
  font-size:18px;
  line-height:normal;
  text-align:left;
  max-width:90vw
}
.reports .page--3 .reports-footer .description p {
  font-size:50px
}
.reports .page--2 .spendingGroupImg {
  flex-direction:column;
  width:90vw;
  margin:auto;
  height:-webkit-fit-content;
  height:fit-content;
  align-items:center;
  left:unset
}
.reports .page--2 .spendingGroupImg img:first-child,
.reports .page--2 .spendingGroupImg img:nth-child(2),
.reports .page--2 .spendingGroupImg img:nth-child(3),
.reports .page--2 .spendingGroupImg img:nth-child(4),
.reports .page--2 .spendingGroupImg img:nth-child(5),
.reports .page--2 .spendingGroupImg img:nth-child(6) {
  right:unset;
  left:unset;
  top:unset;
  bottom:unset;
  height:auto;
  width:200px;
  margin-top:-15px
}
.reports .page--2 .spendingGroupImg img:nth-child(odd) {
  align-self:unset;
  left:40px
}
.reports .page--2 .spendingGroupImg img:nth-child(2n) {
  align-self:unset;
  right:40px
}
.reports .page--2 .spendingGroupImg img:first-child {
  position:relative;
  left:19px
}
.reports .page--2 .spendingGroupImg img:nth-child(4) {
  right:56px
}
.reports .page--2 .spendingGroupImg img:nth-child(5) {
  margin-top:-36px;
  left:47px
}
.reports .page--2 .spendingGroupImg img:nth-child(6) {
  margin-top:-34px;
  right:65px
}
.reports .page--5 .headers-reports {
  background-image:url(/_next/static/media/unplannedbgMobile.a3a6f9a7526b544e68ec8c294d660d24.png)
}
.reports .page--5 .headers-reports .description p {
  font-size:50px;
  line-height:50px;
  max-width:90vw;
  margin:0 auto
}
.reports .page--5 .headers-reports .card--2 {
  top:20%;
  bottom:unset;
  right:5%
}
.reports .page--5 .headers-reports .card--1 {
  bottom:11%;
  left:35%;
  top:unset
}
.reports .page--5 .headers-reports .card--1 .header-card div {
  left:6px
}
.reports .page--5 .headers-reports {
  height:83vh
}
.reports .page--5 .headers-reports>* {
  -webkit-transform:translateY(30px);
  transform:translateY(30px)
}
.reports .page--5 .reports-footer {
  background-image:url(/_next/static/media/debtbgMobile.97857838274e3a9fa2bac22430adafe0.png)
}
.reports .page--5 .section--4 {
  padding:4rem 0 0
}
.reports .page--6 .persons {
  margin:auto;
  width:300px
}
.reports .page--6 .debt-people {
  grid-row-gap:16px;
  row-gap:16px
}
.reports .page--6 .debt-bubble {
  grid-row-gap:10px;
  row-gap:10px;
  grid-column-gap:5px;
  -webkit-column-gap:5px;
  column-gap:5px
}
.reports .page--6 .debt-bubble--item {
  width:30.02px;
  height:30.02px
}
.reports .page--6 .bubble-text {
  width:90vw;
  margin-bottom:2.5rem
}
.reports .page--6 .bubble-text .texts {
  display:none
}
.reports .page--6 .text-line--mobile {
  width:90vw;
  margin:4rem auto 0;
  display:block
}
.reports .page--6 .text-line--mobile .flex--2 {
  margin:1rem 0
}
.reports .page--6 .text-line--mobile .flex--2 p {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:112.5%
}
.reports .page--6 .text--person {
  border-radius:16px;
  color:#fff;
  max-width:90vw;
  margin:5rem auto;
  overflow:hidden;
  flex-direction:column;
  padding:4rem 2rem 0;
  height:unset;
  align-items:center;
  min-height:531px;
  background-position:bottom;
  background-size:70%
}
.reports .page--6 .text--person p {
  width:unset;
  font-size:18px;
  line-height:normal
}
.reports .page--6 .text--person span {
  font-size:17px;
  margin-top:1rem
}
.reports .page--6 .text--person img {
  margin-top:4rem;
  top:unset;
  left:unset;
  width:300px;
  height:300px;
  position:relative
}
.reports .page--6 .headers-reports {
  background-image:url(/_next/static/media/debtbgMobile.97857838274e3a9fa2bac22430adafe0.png)
}
.reports .page--6 .headers-reports .card--2 {
  bottom:unset;
  top:20%
}
.reports .page--6 .headers-reports .card--1 {
  bottom:20%;
  top:unset
}
.reports .page--6 .last-card .label-card {
  padding:0 2rem
}
.reports .page--6 .reports-footer {
  background-image:url(/_next/static/media/futurebgMobile.0e1ed00651b1b7cf98564b6c126b3073.png)
}
.reports .page--6 .nav .nav--debt button:first-child {
  background-color:#000;
  color:#fff
}
.reports .page--6 .nav .nav--debt button:nth-child(2),
.reports .page--6 .nav .nav--debt p {
  color:#000
}
.reports .page--7 .last-card {
  padding:0 2rem 4.5rem
}
.reports .page--7 .headers-reports .description p {
  font-size:61px;
  line-height:61px;
  max-width:90vw;
  margin:0 auto
}
.reports .page--7 .headers-reports {
  height:83vh;
  background-image:url(/_next/static/media/futurebgMobile.0e1ed00651b1b7cf98564b6c126b3073.png)
}
.reports .page--7 .headers-reports>:nth-child(3) {
  -webkit-transform:translateY(40px);
  transform:translateY(40px)
}
.reports .page--7 .headers-reports>:not(:last-child) {
  -webkit-transform:translateY(30px);
  transform:translateY(30px)
}
.reports .page--7 .headers-reports .card--2 {
  bottom:unset;
  top:18%;
  left:5%;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.reports .page--7 .headers-reports .card--1 {
  top:unset;
  bottom:15%;
  right:2%
}
.reports .page--7 .reports-footer {
  background-image:url(/_next/static/media/emergencybgMobile.c81e77396533e0950b25dec0d9d48497.png)
}
.reports .page--7 .futureGroupImg {
  width:300px;
  margin:0 auto
}
.reports .page--7 .futureGroup {
  flex-direction:column;
  width:90vw;
  margin:auto;
  height:-webkit-fit-content;
  height:fit-content;
  align-items:center;
  left:unset
}
.reports .page--7 .futureGroup img:first-child,
.reports .page--7 .futureGroup img:nth-child(2),
.reports .page--7 .futureGroup img:nth-child(3),
.reports .page--7 .futureGroup img:nth-child(4),
.reports .page--7 .futureGroup img:nth-child(5),
.reports .page--7 .futureGroup img:nth-child(6) {
  right:unset;
  left:unset;
  top:unset;
  bottom:unset;
  height:auto;
  width:200px;
  margin-top:-15px
}
.reports .page--7 .futureGroup img:nth-child(odd) {
  align-self:unset;
  left:40px
}
.reports .page--7 .futureGroup img:nth-child(2n) {
  align-self:unset;
  right:40px
}
.reports .page--7 .futureGroup img:first-child {
  position:relative;
  left:19px
}
.reports .page--7 .futureGroup img:nth-child(2) {
  position:relative;
  right:60px
}
.reports .page--7 .futureGroup img:nth-child(3) {
  position:relative;
  right:65px
}
.reports .page--7 .futureGroup img:nth-child(4) {
  right:65px
}
.reports .page--7 .futureGroup img:nth-child(5) {
  margin-top:-11px;
  left:47px
}
.reports .page--7 .line-chart .bar {
  width:90px
}
.reports .page--7 .generations {
  padding:1rem
}
.reports .page--7 .generations p {
  display:none
}
.reports .page--7 .generations .flex--2 p {
  display:inline;
  font-size:20px;
  font-style:normal;
  font-weight:500;
  line-height:normal
}
.reports .page--7 .generations span {
  min-width:40px
}
.reports .page--7 .reports-footer .description p {
  font-size:47px
}
.reports .home .report-23 {
  display:block;
  text-align:center;
  padding:13rem 0 1rem
}
.reports .home .report-23 img {
  width:90vw
}
.reports .home .report-23 img:nth-child(2) {
  width:130px;
  position:relative;
  top:-4rem;
  left:5rem
}
.reports .home {
  min-height:unset;
  overflow:unset;
  justify-content:unset;
  position:relative;
  height:950px
}
.reports .home .box1,
.reports .home .box2 {
  height:77px
}
.reports .home .cards-section {
  width:100vw;
  height:unset;
  overflow:hidden;
  position:absolute
}
.reports .home .cards-section .row-main .main-div .card-text span {
  font-family:Jakarta;
  font-size:10px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  position:relative;
  top:3px
}
.reports .home .cards-section .row-main .main-div .card-text p {
  padding:0;
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase;
  line-height:normal
}
.reports .home .conclude {
  border-radius:10px 10px 0 0;
  color:#fff;
  padding:30px 0;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  background:#000
}
.reports .home .conclude .card-text {
  justify-content:center;
  grid-gap:10px;
  gap:10px
}
.reports .home .conclude .card-text span {
  font-family:Jakarta;
  font-size:10px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  position:relative;
  top:3px
}
.reports .home .conclude .card-text p {
  padding:0;
  font-size:17px;
  font-style:normal;
  font-weight:500;
  text-transform:uppercase;
  line-height:normal
}
.reports .conclusion .nav {
  position:relative
}
.reports .conclusion h1 {
  padding-top:74px;
  padding-bottom:40px;
  font-size:49.811px!important
}
.reports .conclusion .section--2 {
  padding:0 32px;
  text-align:left
}
.reports .conclusion .section--2 li,
.reports .conclusion .section--2 p {
  font-size:18px;
  line-height:30px
}
.reports .conclusion .section--2 ol {
  -webkit-padding-start:1rem;
  padding-inline-start:1rem;
  padding-bottom:0
}
.reports .conclusion .section--2 .tips {
  padding:0;
  font-size:18px;
  line-height:30px
}
.reports .downloadReport {
  margin-top:70px;
  height:-webkit-fit-content;
  height:fit-content
}
.reports .downloadReport p {
  padding:32px 82px 42px;
  font-size:16px;
  margin:0;
  line-height:normal
}
.reports .downloadReport .input-button input {
  width:190px
}
.reports .downloadReport .input-button button {
  width:-webkit-fit-content;
  width:fit-content;
  font-size:11.966px;
  font-weight:700;
  margin-right:9px;
  height:calc(100% - 18.18px);
  padding:0 19.15px
}
.reports .downloadReport .twenty-23 {
  margin-top:131px
}
.reports .conclusion .section--2 .ad,
.reports .page--3 .ad {
  background-image:url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin2.a4ad045123dbd777101e5c0375fb573f.png),
url(/_next/static/media/purpleAdPattern.c6087937e217a497014008a147e86d66.png);
  min-height:15rem;
  background-size:100px,
100px,
100px,
cover;
  background-position:-2% 110%,
102% -10%,
55% 110%,
0
}
.reports .conclusion .section--2 .ad {
  text-align:center;
  background-image:url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin1.f67eeb7999f64212db988eb137a44969.png),
url(/_next/static/media/adCoin2.a4ad045123dbd777101e5c0375fb573f.png),
url(/_next/static/media/greyAdPattern.25376c02a1d9ec8dc8f81704470e5d9a.png)
}
.reports .conclusion .section--2 .ad-content,
.reports .page--3 .ad-content {
  max-width:100%;
  padding:50px 20px 0;
  width:100%
}
.reports .conclusion .section--2 .ad-content h3,
.reports .page--3 .ad-content h3 {
  font-size:30px;
  line-height:45px
}
.reports .conclusion .section--2 .ad-content button,
.reports .page--3 .ad-content button {
  margin-top:10px;
  font-size:16px
}
.reports .conclusion .section--2 .ad-content button {
  color:#000
}
.reports .conclusion .section--2 .ad-content p {
  padding-top:10px
}
.conclusion .downloadReport .report-23 {
  width:100%;
  justify-content:center
}
.reports .page--3 .ad-container {
  max-width:90vw;
  width:90vw;
  overflow:hidden
}
.reports .loadingPage .icon-cancel>:nth-child(2) {
  font-size:16px;
  top:3px;
  padding:4px 33px;
  border-radius:77px
}
.reports .download-modal,
.reports .download-modal__content {
  padding:0
}
.reports .download-modal__report,
.reports .home .download-modal__report {
  padding-top:60px;
  border-radius:0;
  width:100vw
}
.reports .download-modal__report p,
.reports .home .download-modal__report p {
  max-width:300px;
  line-height:normal;
  font-size:16px
}
.reports .download-modal__report .input-button,
.reports .home .download-modal__report .input-button {
  display:flex;
  flex-direction:column;
  width:100%;
  padding:0 28px;
  border:none;
  height:-webkit-fit-content;
  height:fit-content;
  min-height:unset
}
.reports .download-modal__report .input-button input,
.reports .home .download-modal__report .input-button input {
  width:100%;
  border-radius:35.01px;
  border:.875px solid #fff;
  height:55px;
  font-size:1rem
}
.reports .download-modal__report .input-button button,
.reports .home .download-modal__report .input-button button {
  margin-top:25px;
  padding:1rem 1.5rem;
  font-size:14px;
  font-weight:700;
  height:unset
}
.reports .download-modal__report .report-23,
.reports .home .download-modal__report .report-23 {
  padding:0
}
.reports .download-modal__report .report-23 img,
.reports .home .download-modal__report .report-23 img {
  width:90%;
  max-height:175px;
  position:unset
}
.reports .download-modal__report .report-23--desktop,
.reports .home .download-modal__report .report-23--desktop {
  display:none
}
.reports .download-modal__report .report-23--mobile,
.reports .home .download-modal__report .report-23--mobile {
  display:block
}
.reports .download-modal__report--close,
.reports .home .download-modal__report--close {
  top:51px;
  right:30px;
  font-size:50px
}
.reports .download-modal__report--twenty-23 {
  position:absolute;
  bottom:-10px
}
.reports .download-modal__report--twenty-23 img {
  border-radius:0
}
.reports--welcome--images img:first-child {
  height:280px
}
.reports--welcome--images img:nth-child(2) {
  height:200px;
  left:-100px
}
.reports--welcome--images img:nth-child(3),
.reports--welcome--images img:nth-child(4) {
  max-height:150px
}
.reports--welcome .headerLogos .report-23 {
  margin:2rem 0 0
}
.reports--welcome .headerLogos .report-23 img:first-child {
  width:400px
}
.reports--welcome .headerLogos .report-23 img:nth-child(2) {
  width:150px
}

}
@media screen and (max-width:1024px)and (min-width:765px) {
  .reports .home {
  min-height:100vh;
  height:unset
}
.reports .home .cards-section {
  height:150px;
  overflow:unset
}
.reports .home .cards-section .row-main .main-div .card-text {
  left:2rem
}
.reports .home .cards-section .row-main .main-div:nth-child(2) .card-text {
  left:8rem
}
.reports .home .cards-section .row-main--3 {
  -webkit-transform:translateY(-127px);
  transform:translateY(-127px)
}
.reports .home .cards-section .row-main--2 {
  -webkit-transform:translateY(-103px);
  transform:translateY(-103px)
}
.reports .home .cards-section .row-main--1 {
  -webkit-transform:translateY(-78px);
  transform:translateY(-78px)
}
.reports .loadingPage .header-logo img:nth-child(2) {
  width:130px;
  position:relative;
  top:unset;
  left:unset
}
.reports .home .report-23 {
  max-width:700px;
  display:flex
}
.reports .home .report-23 img:nth-child(2) {
  width:130px;
  position:relative;
  top:unset;
  left:unset
}
.reports .page--3 .text--odun,
.reports .page--6 .text--person {
  background-size:55%
}
.reports .page--3 .text--odun p,
.reports .page--6 .text--person p {
  font-size:20px
}
.reports .page--6 .text--person {
  background-size:50%
}
.reports .chart--1 {
  width:93vw
}
.reports .page--4 .bar-chart .text--2 {
  left:9%
}
.reports .page--4 .bar-chart .text--1 {
  left:-10%
}
.reports .page--5 .headers-reports .card--1 {
  left:67%
}
.reports .page--6 .debt-bubble--item {
  width:50.02px;
  height:50.02px
}

}
@media screen and (max-width:500px) {
  .reports .conclusion .nav {
  padding:3rem 0;
  width:90vw
}
.reports--welcome-h1 {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:50px;
  font-style:normal;
  font-weight:500;
  font-size:14px!important;
  line-height:39px;
  margin:27px auto 0
}
.reports--welcome .wrapper {
  padding:0 56px
}
.reports--welcome .headerLogos {
  margin:.5rem 0
}
.reports--welcome .piggylogo {
  width:28px;
  position:absolute;
  top:48px;
  left:32px
}
.reports--welcome .headerLogos .report-23 {
  position:relative;
  margin-top:0
}
.reports--welcome .headerLogos .report-23 img:first-child {
  width:100%
}
.reports--welcome .headerLogos .report-23 img:nth-child(2) {
  display:none
}
.reports--welcome button {
  margin-top:10px;
  font-size:16px;
  padding:12px 25px;
  max-width:204px;
  min-width:140px
}
.reports--welcome--images img:first-child {
  height:180px;
  top:-50px
}
.reports--welcome--images img:nth-child(2) {
  height:130px;
  left:-100px;
  bottom:-30px
}
.reports--welcome--images img:nth-child(3),
.reports--welcome--images img:nth-child(4) {
  display:none
}
.reports--welcome .button-animation {
  padding:9px 20px
}
.reports .loadingPage .sound-icon>* {
  font-size:35px
}

}
.reports-page {
  background-color:#f2f7f8;
  position:relative;
  padding-top:133px;
  max-width:1165px;
  margin:auto
}
.reports-page-heading {
  color:#122231;
  font-family:Neue Plak;
  font-size:64px;
  font-style:normal;
  font-weight:900;
  line-height:72px;
  letter-spacing:-1.28px
}
.reports-page-description {
  color:#060f21;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  width:70%;
  margin-top:13px
}
.reports-page-search {
  display:flex;
  width:100%;
  padding:10px 19px;
  align-items:center;
  border-radius:60px;
  border:1px solid #e5e5e5;
  margin-top:33px
}
.reports-page-search input {
  background-color:transparent;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:130%;
  letter-spacing:-.48px;
  width:100%;
  padding:0 8px
}
.reports-page-search input:placeholder-shown {
  color:#bbb
}
.reports-page-reports {
  display:flex;
  flex-wrap:wrap;
  margin-top:39px;
  grid-gap:60px 30px;
  grid-gap:60px 35px;
  gap:60px 35px;
  width:100%
}
.reports-page-report {
  cursor:pointer
}
.reports-page-report figure {
  width:362px;
  height:195px;
  margin:0;
  border-radius:8px;
  overflow:hidden
}
.reports-page-report figure:hover img {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.reports-page-report img {
  background:#0089ff;
  width:100%;
  height:100%;
  object-fit:cover;
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease;
  border-radius:8px
}
.reports-page-report h3 {
  color:#060f21;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  margin-top:12px
}
@media screen and (max-width:1200px) {
  .reports-page {
  padding-top:105px;
  max-width:calc(100vw - 60px);
  overflow:hidden;
  text-align:left!important
}
.reports-page * {
  max-width:100%
}
.reports-page-heading {
  font-size:35.41px;
  line-height:39.836px;
  letter-spacing:-.708px
}
.reports-page-description {
  width:100%
}
.reports-page-search {
  display:flex;
  width:100%;
  padding:12px 19px;
  margin-top:22px
}
.reports-page-reports {
  margin-top:22px;
  grid-gap:33px;
  gap:33px
}
.reports-page-report figure {
  width:100%;
  height:auto;
  min-height:150px
}
.reports-page-report h3 {
  margin-top:4px
}

}
.reports24 {
  background-color:#060f21;
  position:relative
}
@-webkit-keyframes spinning {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
.reports24 .piggyvest-logo {
  padding-left:17.4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:auto;
  margin-inline:auto;
  width:1200px;
  max-width:90%
}
.reports24 .piggylogo {
  width:147.655px;
  height:27.842px
}
.reports24 .waitlist-wrapper {
  place-content:center;
  display:grid;
  min-height:100vh;
  min-height:100svh;
  width:100%;
  padding-block:30px 70px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:90%;
  margin-inline:auto
}
.reports24 .waitlist {
  background:unset;
  height:unset;
  padding:unset;
  display:grid;
  grid-template-columns:1fr 1fr;
  justify-content:space-between;
  width:1200px;
  margin:auto;
  max-width:90%
}
.reports24 .waitlist-left {
  flex:1 1
}
.reports24 .waitlist-right {
  position:relative;
  z-index:1;
  width:-webkit-fit-content;
  width:fit-content;
  flex:1 1
}
.reports24 .waitlist-right h1 {
  width:559px;
  color:#fff;
  font-family:Neue Plak;
  font-size:60px;
  font-style:normal;
  font-weight:900;
  line-height:82.575px;
  margin-top:20px;
  text-align:left
}
.reports24 .waitlist-right p {
  width:568px;
  color:#efefef;
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:400;
  line-height:120%;
  text-align:left;
  max-width:unset;
  margin-top:22px
}
.reports24 .waitlist-right form {
  display:flex;
  margin-top:30px;
  position:relative;
  width:-webkit-fit-content;
  width:fit-content;
  padding:unset
}
.reports24 .waitlist-right input {
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  padding:20px 27px;
  border-radius:30.215px;
  background:#0d1c39;
  height:60px;
  width:589px;
  margin:unset
}
.reports24 .waitlist-right input::-webkit-input-placeholder {
  color:#cecece
}
.reports24 .waitlist-right input:-ms-input-placeholder {
  color:#cecece
}
.reports24 .waitlist-right input::placeholder {
  color:#cecece
}
.reports24 .waitlist-right button {
  position:absolute;
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  padding:20px 27px;
  border-radius:46.07px;
  background:#0089ff;
  height:41px;
  width:139px;
  right:9.1px;
  top:9.5px;
  white-space:pre;
  display:grid;
  place-content:center
}
.reports24 .waitlist-right .disabled {
  background-color:#393939;
  color:#a1a1a1
}
.reports24 .waitlist-right i {
  width:568px;
  color:#7c828c;
  font-family:Jakarta;
  font-size:15.25px;
  font-style:normal;
  font-weight:400;
  line-height:120%;
  text-align:left;
  max-width:unset;
  margin-top:14px;
  display:block
}
.reports24 .waitlist-share {
  display:flex;
  align-items:center;
  grid-gap:11px;
  gap:11px
}
.reports24 .waitlist-share i {
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal
}
.reports24 .waitlist-share img {
  width:42.1px;
  height:42.1px;
  cursor:pointer;
  -webkit-transition:-webkit-transform .35s ease;
  transition:-webkit-transform .35s ease;
  transition:transform .35s ease;
  transition:transform .35s ease,
-webkit-transform .35s ease
}
.reports24 .waitlist-share img:hover {
  -webkit-transform:translateY(-5px);
  transform:translateY(-5px)
}
.reports24 .pvsr {
  width:444.753px;
  height:435px;
  position:relative
}
.reports24 .pvsr img {
  width:100%;
  height:100%;
  position:unset;
  margin:unset
}
.reports24 .pvsr-year {
  width:109.943px;
  height:109.943px;
  position:absolute;
  top:200px;
  right:-13.4px;
  display:grid;
  place-content:center
}
.reports24 .pvsr-year h6 {
  color:#060f21;
  text-align:center;
  font-family:Jakarta;
  font-size:33.342px;
  font-style:normal;
  font-weight:700;
  line-height:85.573%;
  width:60.932px;
  overflow-wrap:break-word;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,
-50%);
  transform:translate(-50%,
-50%)
}
.reports24 .countdown {
  display:flex;
  grid-gap:7.1px;
  gap:7.1px;
  align-items:baseline;
  margin-top:33.2px;
  margin-left:10.5px;
  width:-webkit-max-content;
  width:max-content
}
.reports24 .countdown span {
  display:inline-grid;
  place-content:center;
  border-radius:5.553px;
  background:#0d1c39;
  color:#fff;
  text-align:center;
  font-family:Neue Plak;
  font-size:17.5px;
  font-style:normal;
  font-weight:900;
  line-height:1;
  padding:2px 10.107px 0 11.107px;
  letter-spacing:1.166px;
  height:32.82px;
  width:45px
}
.reports24 .countdown i {
  color:#fff;
  margin-right:7px;
  display:inline-block;
  font-family:Jakarta;
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24 .animation-spin {
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite
}
@media screen and (max-width:1200px) {
  .reports24 .waitlist-wrapper {
  max-width:100vw;
  overflow:hidden;
  height:auto;
  background-color:#060f21;
  padding-bottom:unset
}
.reports24 .piggyvest-logo {
  margin-block:22.7px 40px;
  padding-inline:46px 32px
}
.reports24 .piggylogo {
  width:22.3256px;
  height:22.2664px;
  margin-right:auto
}
.reports24 .waitlist {
  grid-template-columns:1fr;
  grid-gap:38.2px;
  gap:38.2px;
  max-width:100vw;
  margin-block:20px 60px;
  height:auto
}
.reports24 .waitlist-left {
  width:100%
}
.reports24 .waitlist-right {
  margin-inline:auto;
  width:80%;
  max-width:600px
}
.reports24 .waitlist-right h1 {
  width:100%;
  font-size:32px!important;
  line-height:108.38%;
  margin-top:unset;
  text-align:left!important
}
.reports24 .waitlist-right p {
  width:100%;
  margin-top:22px;
  font-size:14px
}
.reports24 .waitlist-right form {
  flex-direction:column;
  margin-top:24px;
  grid-gap:12px;
  gap:12px;
  width:100%
}
.reports24 .waitlist-right input {
  font-size:14px;
  padding:16px 20px;
  border-radius:36px;
  height:50px;
  width:100%
}
.reports24 .waitlist-right button {
  position:unset;
  font-size:14px;
  padding:16.5px 20px;
  border-radius:36.215px;
  height:50px;
  width:100%
}
.reports24 .waitlist-right i {
  width:260px;
  font-size:14px;
  line-height:normal;
  margin-top:11px
}
.reports24 .waitlist-share {
  flex-wrap:wrap;
  width:-webkit-fit-content;
  width:fit-content;
  grid-gap:12px;
  gap:12px
}
.reports24 .waitlist-share i {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:12px;
  border-radius:30.215px;
  background:unset;
  height:unset;
  width:-webkit-fit-content;
  width:fit-content;
  text-align:left;
  margin:unset
}
.reports24 .waitlist-share img {
  width:42.1px;
  height:42.1px;
  cursor:pointer
}
.reports24 .pvsr {
  width:281.7px;
  height:293.46px;
  margin-inline:auto
}
.reports24 .pvsr-year {
  width:73.5px;
  height:73.5px;
  top:138px;
  right:-25px
}
.reports24 .pvsr-year h6 {
  font-size:22.286px;
  width:30.729px
}
.reports24 .countdown {
  grid-gap:6.1px;
  gap:6.1px;
  margin-top:22.7px;
  margin-left:unset;
  padding:8px 14.4px;
  border-radius:61.537px;
  background:#0d1c39;
  margin-inline:auto;
  width:-webkit-max-content;
  width:max-content;
  max-width:320px
}
.reports24 .countdown span {
  border-radius:4.748px;
  background:#060f21;
  font-size:13px;
  padding:2px 8.9px 0 9.5px;
  letter-spacing:.7976px;
  height:26px;
  width:32px
}
.reports24 .countdown i {
  margin-right:4.48px;
  font-size:12px
}
.reports24 .desktop {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important
}

}
@media screen and (min-width:1200px) {
  .reports24 .mobile {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important
}
.reports24 .piggyvest-logo {
  margin-block:40px 40px;
  padding-inline:46px 32px
}

}
@media screen and (max-width:500px) {
  .reports24 .piggyvest-logo {
  padding:0 10px
}
.reports24 .waitlist-right {
  margin-inline:auto;
  width:85%;
  max-width:600px
}
.reports24 .waitlist {
  margin:20px 0 7rem;
  height:auto
}

}
.reports24-main {
  background-color:#0089ff;
  position:relative
}
.reports24-main.loading {
  overflow:hidden;
  height:100vh
}
@-webkit-keyframes hue-rotate {
  0% {
  -webkit-filter:hue-rotate(0deg);
  filter:hue-rotate(0deg)
}
to {
  -webkit-filter:hue-rotate(1turn);
  filter:hue-rotate(1turn)
}

}
@keyframes hue-rotate {
  0% {
  -webkit-filter:hue-rotate(0deg);
  filter:hue-rotate(0deg)
}
to {
  -webkit-filter:hue-rotate(1turn);
  filter:hue-rotate(1turn)
}

}
.reports24-main .r24-header {
  margin:0 auto;
  padding:20px 15%;
  display:flex;
  position:fixed;
  left:0;
  right:0;
  justify-content:space-between;
  align-items:center;
  z-index:10;
  background-color:rgba(6,
15,
33,
.3333333333);
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}
.reports24-main .r24-header .piggylogo {
  width:147.655px;
  height:27.842px;
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .r24-header .piggylogo:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.reports24-main .r24-header .download {
  display:inline-flex;
  padding:12px 24px;
  justify-content:center;
  align-items:center;
  border-radius:77px;
  background:#0089ff;
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.reports24-main .r24-header .download:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.reports24-main .r24-header .download:first-child {
  display:none
}
.reports24-main .r24-header .share {
  display:inline-flex;
  padding:12px 0 12px 24px;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  background-color:transparent;
  grid-gap:11px;
  gap:11px
}
.reports24-main .r24-header .share figure {
  width:42.18px;
  height:42.18px;
  margin:0;
  display:grid;
  place-content:center;
  background-color:#0d1c39;
  border-radius:50%;
  padding:12.65px;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .r24-header .share figure:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.reports24-main .r24-header .share img {
  width:100%;
  height:100%
}
.reports24-main .r24-download {
  position:fixed;
  background:rgba(0,
0,
0,
.7490196078);
  top:0;
  bottom:0;
  left:0;
  right:0;
  height:100vh;
  display:grid;
  place-content:center;
  opacity:1;
  -webkit-transition:opacity .5s ease;
  transition:opacity .5s ease;
  pointer-events:all
}
.reports24-main .r24-download.isHidden {
  opacity:0;
  pointer-events:none
}
.reports24-main .r24-download.isHidden aside {
  -webkit-transform:scale(.75);
  transform:scale(.75)
}
.reports24-main .r24-download aside {
  width:844px;
  height:488px;
  background-color:#060f21;
  border-radius:24px;
  padding:32px 38px;
  display:flex;
  flex-direction:column;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .r24-download-close {
  width:65px;
  height:65px;
  background-color:#0d1c39;
  border-radius:50%;
  padding:14px;
  margin-left:auto;
  display:block
}
.reports24-main .r24-download-pvsr {
  width:587.1px;
  height:154.39px;
  margin-left:78px;
  margin-top:5.8px;
  position:relative
}
.reports24-main .r24-download-pvsr-year {
  position:absolute;
  top:-28.84px;
  right:-36.9px;
  width:82.54px;
  height:82.54px
}
.reports24-main .r24-download-pvsr-year img {
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite
}
.reports24-main .r24-download-pvsr-year h6 {
  color:#081933;
  text-align:center;
  font-family:Jakarta;
  font-size:25.03px;
  font-style:normal;
  font-weight:700;
  line-height:85.573%;
  position:absolute;
  width:43.057px;
  top:19.66px;
  left:18.32px;
  overflow-wrap:break-word
}
.reports24-main .r24-download img {
  width:100%;
  height:100%;
  margin:unset
}
.reports24-main .r24-download form {
  display:flex;
  margin-top:47px;
  position:relative;
  width:-webkit-fit-content;
  width:fit-content;
  padding:unset;
  margin-inline:auto
}
.reports24-main .r24-download form input {
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  padding:20px 27px;
  border-radius:30.215px;
  background:#0d1c39;
  height:60px;
  width:589px;
  margin:unset;
  margin-inline:auto
}
.reports24-main .r24-download form input::-webkit-input-placeholder {
  color:#cecece
}
.reports24-main .r24-download form input:-ms-input-placeholder {
  color:#cecece
}
.reports24-main .r24-download form input::placeholder {
  color:#cecece
}
.reports24-main .r24-download form button {
  position:absolute;
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  padding:20px 27px;
  border-radius:46.07px;
  background:#0089ff;
  height:41px;
  width:209px;
  right:9.1px;
  top:9.5px;
  white-space:pre;
  display:grid;
  place-content:center
}
.reports24-main .r24-download form .disabled {
  background-color:#393939;
  color:#a1a1a1
}
.reports24-main .r24-download i {
  width:568px;
  color:#7c828c;
  font-family:Jakarta;
  font-size:15.25px;
  font-style:normal;
  font-weight:400;
  line-height:120%;
  text-align:center;
  max-width:unset;
  margin-top:14px;
  display:block;
  margin-inline:auto
}
.reports24-main .r24-nav {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:20;
  margin:0 auto;
  pointer-events:none;
  opacity:0
}
.reports24-main .r24-nav-menu {
  width:214px;
  height:90px;
  position:absolute;
  bottom:-40px;
  right:0;
  background:#0089ff;
  border-radius:16px 0 0 0;
  overflow:hidden;
  pointer-events:all;
  -webkit-transition:bottom .5s ease;
  transition:bottom .5s ease
}
.reports24-main .r24-nav-menu.-active {
  bottom:0
}
.reports24-main .r24-nav-info {
  background-color:pink;
  background:#ffe201;
  padding:14px 15px;
  display:flex;
  justify-content:space-between;
  color:#060f21;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%;
  cursor:pointer;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.interact .left .content .reports24-main .r24-nav-info .link,
.reports24-main .r24-nav-info .interact .left .content .link,
.reports24-main .r24-nav-info .savings .box .sub-title,
.reports24-main .r24-nav-info svg,
.savings .box .reports24-main .r24-nav-info .sub-title {
  width:16px;
  height:16px
}
.reports24-main .r24-nav-current {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:125.175%;
  padding:10px 18px;
  text-transform:capitalize;
  white-space:pre;
  position:absolute
}
.reports24-main .r24-nav-list {
  position:static;
  -webkit-transition:scale .2s ease-in-out;
  transition:scale .2s ease-in-out;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding:20px 100px 0 0;
  height:calc(100% - 45.5px)
}
.reports24-main .r24-nav-list p {
  color:#060f21;
  text-align:right;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%;
  opacity:0
}
.reports24-main .r24-nav-list ul {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  grid-gap:17.08px;
  gap:17.08px;
  margin-top:17.08px;
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  height:100%
}
.reports24-main .r24-nav-list a {
  display:flex;
  grid-gap:12px;
  gap:12px;
  align-content:center;
  -webkit-transition:color .5s ease;
  transition:color .5s ease;
  color:#7ec3ff;
  cursor:pointer;
  --width:0px;
  --height:0px;
  --left:16px;
  --top:16px;
  --opacity:0
}
.reports24-main .r24-nav-list a img {
  width:var(--width);
  height:var(--height);
  left:var(--left);
  top:var(--top);
  opacity:var(--opacity);
  position:relative;
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite;
  -webkit-transition:width .5s ease,
height .5s ease,
top .5s ease,
left .5s ease,
opacity .5s ease;
  transition:width .5s ease,
height .5s ease,
top .5s ease,
left .5s ease,
opacity .5s ease
}
.reports24-main .r24-nav-list a:hover {
  color:#fff;
  --width:32px;
  --height:32px;
  --left:0px;
  --top:0px;
  --opacity:1
}
.reports24-main .r24-nav-list a.-active {
  color:rgb(190.5,
225,
255);
  color:#fff;
  --width:32px;
  --height:32px;
  --left:0px;
  --top:0px;
  --opacity:1
}
.reports24-main .r24-nav-list li {
  text-align:right;
  font-family:Neue Plak;
  font-size:50px;
  font-style:normal;
  font-weight:900;
  line-height:.8;
  margin:unset
}
.reports24-main .r24-nav-share {
  display:flex;
  align-items:center;
  grid-gap:15.3px;
  gap:15.3px
}
.reports24-main .r24-nav-share figure {
  margin:unset;
  display:flex;
  width:58.577px;
  height:58.577px;
  justify-content:center;
  align-items:center;
  border-radius:16px;
  background-color:#0d1c39;
  -webkit-transition:background-color .5s ease;
  transition:background-color .5s ease;
  cursor:pointer
}
.reports24-main .r24-nav-share figure:hover {
  background-color:#060f21
}
.reports24-main .r24-nav-share figure:hover img {
  -webkit-transform:scale(1.25);
  transform:scale(1.25)
}
.reports24-main .r24-nav-close,
.reports24-main .r24-nav-share figure img {
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .r24-nav-close {
  width:95px;
  height:95px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:82px;
  background:#060f21;
  margin:unset;
  margin-top:2.5vh;
  cursor:pointer
}
.reports24-main .r24-nav-close:hover {
  -webkit-transform:scale(.9);
  transform:scale(.9)
}
.reports24-main .r24-hero {
  width:1440px;
  height:1003.34px;
  padding:153px 205px 1150px;
  margin-inline:auto;
  max-width:100vw;
  overflow:clip;
  position:relative
}
.reports24-main .r24-hero-nav {
  position:fixed;
  top:20px;
  right:15%;
  display:flex;
  align-items:center;
  padding:12px;
  z-index:777;
  color:#fff
}
.reports24-main .r24-hero-nav .icon-cancel>* {
  font-size:40px
}
.reports24-main .r24-hero-nav .icon-cancel>:nth-child(2) {
  font-size:18px;
  position:relative;
  top:3px;
  padding:6px 40px;
  border-radius:77px;
  border:1px solid #fff
}
.reports24-main .r24-hero-nav .sound-icon {
  margin-right:10px;
  border-radius:50%
}
.interact .left .content .reports24-main .r24-hero-nav .sound-icon .link,
.reports24-main .r24-hero-nav .sound-icon .interact .left .content .link,
.reports24-main .r24-hero-nav .sound-icon .savings .box .sub-title,
.reports24-main .r24-hero-nav .sound-icon svg,
.savings .box .reports24-main .r24-hero-nav .sound-icon .sub-title {
  margin-right:0;
  width:32px;
  height:32px
}
.reports24-main .r24-hero-nav .pause-animation {
  -webkit-animation:none;
  animation:none
}
.reports24-main .r24-hero p {
  color:#efefef;
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  position:relative;
  margin-bottom:1em
}
.reports24-main .r24-hero p span {
  opacity:0
}
.reports24-main .r24-hero h5 {
  margin-top:41px;
  color:#efefef;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:125.175%;
  display:flex;
  grid-gap:7px;
  gap:7px;
  position:relative;
  opacity:0;
  cursor:pointer;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.reports24-main .r24-hero h5 img {
  width:18px;
  height:18px
}
.reports24-main .r24-hero-media {
  position:absolute;
  top:370px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:1440px;
  height:1025px
}
.reports24-main .r24-hero-media>img {
  position:absolute;
  display:none
}
.reports24-main .r24-hero-media>img:first-of-type {
  display:block;
  -webkit-transform:rotate(-4.83deg);
  transform:rotate(-4.83deg);
  width:476px;
  height:162px;
  top:202.77px;
  left:227px;
  z-index:2;
  opacity:0
}
.reports24-main .r24-hero-media>img:nth-of-type(2) {
  display:block;
  -webkit-transform:rotate(4.54deg);
  transform:rotate(4.54deg);
  width:551.5px;
  height:172.4px;
  top:75.3px;
  left:666.7px;
  z-index:1;
  opacity:0
}
.reports24-main .r24-hero-media>img:nth-of-type(3) {
  display:block;
  -webkit-transform:rotate(2.32deg);
  transform:rotate(2.32deg);
  width:197px;
  height:142.6px;
  top:385px;
  left:130px;
  z-index:4;
  opacity:0
}
.reports24-main .r24-hero-media>img:nth-of-type(4) {
  display:block;
  -webkit-transform:rotate(-3.91deg);
  transform:rotate(-3.91deg);
  width:346.77px;
  height:282px;
  top:320px;
  left:275.2px;
  z-index:3;
  opacity:0
}
.reports24-main .r24-hero-media>img:nth-of-type(5) {
  display:block;
  -webkit-transform:rotate(2.32deg);
  transform:rotate(2.32deg);
  width:304.9px;
  height:156.92px;
  top:233.1px;
  left:869px;
  z-index:0;
  opacity:0
}
.reports24-main .r24-hero-media>img:nth-of-type(6) {
  display:block;
  -webkit-transform:rotate(-5.63deg);
  transform:rotate(-5.63deg);
  width:439.19px;
  height:113.44px;
  top:383px;
  left:904.55px;
  z-index:1;
  opacity:0
}
.reports24-main .r24-hero-media>img:nth-of-type(7) {
  display:block;
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  width:850px;
  height:657px;
  top:246px;
  left:723px;
  z-index:3;
  opacity:0
}
.reports24-main .r24-hero-media .blue-bg {
  position:absolute;
  width:391.6px;
  height:400px;
  border-radius:24px;
  background:#0089ff;
  top:-179px;
  left:524.68px;
  z-index:2;
  -webkit-transform:scale(3);
  transform:scale(3)
}
.reports24-main .r24-hero-media .pvsr {
  position:absolute;
  width:391.6px;
  height:400px;
  top:-179px;
  left:524.68px;
  z-index:3;
  padding:49px 48.53px 43.6px 38.3px
}
.reports24-main .r24-hero-media .pvsr img {
  width:100%;
  height:100%
}
.reports24-main .r24-hero-media .pvsr-year {
  position:absolute;
  width:77.69px;
  height:77.69px;
  top:192.2px;
  left:274.9px
}
.reports24-main .r24-hero-media .pvsr-year img {
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite
}
.reports24-main .r24-hero-media .pvsr-year h6 {
  color:#060f21;
  text-align:center;
  font-family:Jakarta;
  font-size:23.56px;
  font-style:normal;
  font-weight:700;
  line-height:85.573%;
  width:43.057px;
  position:absolute;
  top:19.66px;
  left:17.32px;
  overflow-wrap:break-word
}
.reports24-main .boring-chart {
  position:relative;
  width:597.7px;
  height:240px;
  display:flex;
  align-items:flex-end
}
.reports24-main .boring-chart:has(:hover) .boring {
  mix-blend-mode:normal;
  opacity:.8;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
}
.reports24-main .boring-chart .boring-chart-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:364px
}
.reports24-main .boring-chart .boring-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  opacity:0
}
.reports24-main .boring-chart .boring-wrapper:hover {
  width:120%
}
.reports24-main .boring-chart .boring-wrapper:hover .boring {
  mix-blend-mode:normal;
  opacity:.95
}
.reports24-main .boring-chart .boring-wrapper:hover aside {
  -webkit-transform:scale(1.15);
  transform:scale(1.15)
}
.reports24-main .boring-chart .boring-wrapper:hover span {
  -webkit-filter:contrast(1) saturate(200%);
  filter:contrast(1) saturate(200%)
}
.reports24-main .boring-chart .boring-wrapper:nth-of-type(2) aside {
  top:-100px;
  justify-content:flex-start
}
.reports24-main .boring-chart .boring-wrapper .boring {
  flex:1 1;
  mix-blend-mode:multiply;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  height:100%
}
.reports24-main .boring-chart .boring-wrapper aside {
  position:absolute;
  bottom:-100px;
  border-left:1px dashed #000;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  height:97px;
  padding-left:15px;
  width:110px;
  grid-gap:10px;
  gap:10px;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .boring-chart .boring-wrapper span {
  color:#060f21;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:80%
}
.reports24-main .boring-chart .boring-wrapper p {
  color:#060f21;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24-main .retro-bar-chart {
  position:relative;
  width:1022px;
  height:395px;
  display:flex;
  align-items:flex-end;
  padding-bottom:79px;
  padding-inline:32px;
  border-radius:8px
}
.reports24-main .retro-bar-chart:has(:hover) .retro-bar {
  mix-blend-mode:plus-lighter;
  opacity:.8
}
.reports24-main .retro-bar-chart h5 {
  position:absolute;
  color:#fff;
  text-align:right;
  font-family:Neue Plak;
  font-size:91.954px;
  font-style:normal;
  font-weight:900;
  line-height:74.056px;
  top:37px;
  right:31.65px;
  opacity:.1
}
.reports24-main .retro-bar-chart .retro-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  opacity:0
}
.reports24-main .retro-bar-chart .retro-bar-wrapper:hover {
  width:105%
}
.reports24-main .retro-bar-chart .retro-bar-wrapper:hover .retro-bar {
  mix-blend-mode:plus-lighter;
  opacity:.95;
  border-radius:0
}
.reports24-main .retro-bar-chart .retro-bar-wrapper:hover span {
  -webkit-filter:contrast(1) saturate(200%);
  filter:contrast(1) saturate(200%)
}
.reports24-main .retro-bar-chart .retro-bar-wrapper .retro-bar {
  flex:1 1;
  mix-blend-mode:normal;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:border-radius .5s ease,
-webkit-filter .5s ease;
  transition:border-radius .5s ease,
-webkit-filter .5s ease;
  transition:filter .5s ease,
border-radius .5s ease;
  transition:filter .5s ease,
border-radius .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  height:var(--height);
  border-radius:8px
}
.reports24-main .retro-bar-chart .retro-bar-wrapper span {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:48px;
  font-style:normal;
  font-weight:900;
  line-height:normal;
  bottom:0;
  -webkit-clip-path:inset(-100% -100% 12px -100%);
  clip-path:inset(-100% -100% 12px -100%);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  display:inline-block;
  pointer-events:none;
  left:0;
  right:0;
  text-align:center
}
.reports24-main .retro-bar-chart .retro-bar-wrapper p {
  position:absolute;
  bottom:-72.68px;
  left:0;
  right:0;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  min-height:58px
}
.reports24-main .bar-chart {
  position:relative;
  width:1022px;
  height:396.68px;
  display:flex;
  align-items:flex-end;
  padding-bottom:32.68px
}
.reports24-main .bar-chart:has(:hover) .bar {
  mix-blend-mode:normal;
  opacity:.8
}
.reports24-main .bar-chart .bar-chart-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:364px
}
.reports24-main .bar-chart .bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  opacity:0
}
.reports24-main .bar-chart .bar-wrapper:hover {
  width:120%
}
.reports24-main .bar-chart .bar-wrapper:hover .bar {
  mix-blend-mode:normal;
  opacity:.95
}
.reports24-main .bar-chart .bar-wrapper:hover span {
  -webkit-filter:contrast(1) saturate(200%);
  filter:contrast(1) saturate(200%)
}
.reports24-main .bar-chart .bar-wrapper .bar {
  flex:1 1;
  mix-blend-mode:multiply;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  height:var(--height)
}
.reports24-main .bar-chart .bar-wrapper span {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:84.296px;
  font-style:normal;
  font-weight:900;
  line-height:80%;
  bottom:-16px;
  -webkit-clip-path:inset(-100% -100% 12px -100%);
  clip-path:inset(-100% -100% 12px -100%);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  display:inline-block;
  pointer-events:none;
  left:0;
  right:0;
  text-align:center
}
.reports24-main .bar-chart .bar-wrapper p {
  position:absolute;
  bottom:-32.68px;
  left:0;
  right:0;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  padding-top:20px
}
.reports24-main .multiple-bar-chart {
  position:relative;
  width:1022px;
  height:450px;
  display:flex;
  align-items:flex-end;
  padding-bottom:32.68px;
  grid-gap:33px;
  gap:33px
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  opacity:0
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper .multiple-bar {
  flex:1 1;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:opacity .35s ease,
-webkit-filter .35s ease;
  transition:opacity .35s ease,
-webkit-filter .35s ease;
  transition:opacity .35s ease,
filter .35s ease;
  transition:opacity .35s ease,
filter .35s ease,
-webkit-filter .35s ease;
  cursor:pointer;
  height:var(--height);
  border-radius:8px 8px 0 0;
  opacity:.85
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper .multiple-bar:hover {
  opacity:1;
  -webkit-filter:saturate(1.2);
  filter:saturate(1.2)
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper span {
  color:#fff;
  font-family:Neue Plak;
  font-size:20px;
  font-style:normal;
  font-weight:900;
  line-height:23.493px;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  position:relative;
  top:-26px;
  text-align:center;
  width:100%;
  display:block
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper p {
  position:absolute;
  bottom:-32.68px;
  left:0;
  right:0;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  padding-top:20px
}
.reports24-main .multiple-bar-chart aside {
  position:absolute;
  bottom:-48px;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  grid-gap:35px;
  gap:35px;
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24-main .multiple-bar-chart aside p {
  display:flex;
  align-items:center;
  grid-gap:16px;
  gap:16px
}
.reports24-main .multiple-bar-chart aside i {
  width:15px;
  height:15px;
  border-radius:50%
}
.reports24-main .hor-bar-chart {
  position:relative;
  width:1022px;
  height:554px;
  display:flex;
  align-items:flex-end;
  grid-gap:11px;
  gap:11px;
  margin-inline:auto;
  flex-direction:column;
  padding-left:100px
}
.reports24-main .hor-bar-chart:after {
  width:4.768px;
  height:572px;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:100px;
  background:#1b2844
}
.reports24-main .hor-bar-chart .hor-bar-wrapper {
  position:relative;
  width:100%;
  height:100%;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  opacity:0;
  display:block
}
.reports24-main .hor-bar-chart .hor-bar-wrapper .hor-bar {
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:opacity .35s ease,
-webkit-filter .35s ease;
  transition:opacity .35s ease,
-webkit-filter .35s ease;
  transition:opacity .35s ease,
filter .35s ease;
  transition:opacity .35s ease,
filter .35s ease,
-webkit-filter .35s ease;
  cursor:pointer;
  border-radius:8px 8px 0 0;
  opacity:.85
}
.reports24-main .hor-bar-chart .hor-bar-wrapper .hor-bar:hover {
  opacity:1;
  -webkit-filter:saturate(1.2);
  filter:saturate(1.2)
}
.reports24-main .hor-bar-chart .hor-bar-wrapper .hor-bar {
  flex:1 1;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  height:100%;
  width:var(--height);
  border-radius:0 4px 4px 0
}
.reports24-main .hor-bar-chart .hor-bar-wrapper span {
  color:#060f21!important;
  font-family:Neue Plak;
  font-style:normal;
  font-weight:900;
  line-height:90%;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  position:absolute;
  display:block;
  font-size:35px;
  top:57.5%;
  -webkit-transform:translate(100%,
-50%);
  transform:translate(100%,
-50%);
  right:-17px;
  text-align:right;
  width:-webkit-fit-content;
  width:fit-content;
  margin-right:auto
}
.reports24-main .hor-bar-chart .hor-bar-wrapper p {
  position:absolute;
  left:-110px;
  right:100%;
  text-align:right!important;
  font-size:13.35px;
  font-style:normal;
  padding-top:0;
  padding-right:14px;
  line-height:130%;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.reports24-main .db-bar-chart {
  position:relative;
  width:680px;
  height:468px;
  display:flex;
  align-items:flex-end;
  padding-bottom:34px
}
.reports24-main .db-bar-chart .db-bar-chart-bg {
  position:absolute;
  top:0;
  left:0;
  right:0
}
.reports24-main .db-bar-chart .db-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  display:grid;
  grid-template-rows:1fr 1fr;
  align-items:center;
  cursor:pointer
}
.reports24-main .db-bar-chart .db-bar-wrapper:hover {
  width:105%
}
.reports24-main .db-bar-chart .db-bar-wrapper:hover .db-bar {
  mix-blend-mode:normal;
  opacity:.95
}
.reports24-main .db-bar-chart .db-bar-wrapper:hover span {
  -webkit-filter:contrast(1) saturate(200%);
  filter:contrast(1) saturate(200%);
  -webkit-text-stroke-width:.5px;
  -webkit-text-stroke-color:rgba(0,
0,
0,
.3333333333);
  -webkit-text-stroke:.5px rgba(0,
0,
0,
.3333333333)
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar {
  flex:1 1;
  mix-blend-mode:multiply;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-1 {
  margin-top:auto
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-2 {
  margin-bottom:auto;
  -webkit-transform-origin:50% 0;
  transform-origin:50% 0
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-val {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:80%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  display:inline-block;
  pointer-events:none;
  left:0;
  right:0;
  text-align:center;
  visibility:hidden
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-val-1 {
  top:42.5%
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-val-2 {
  top:53.75%
}
.reports24-main .db-bar-chart .db-bar-wrapper p {
  position:absolute;
  bottom:-32.68px;
  left:0;
  right:0;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  padding-top:20px
}
.reports24-main .i-bar-chart {
  position:relative;
  width:505px;
  height:231px;
  display:flex;
  align-items:flex-end;
  padding:0 120px
}
.reports24-main .i-bar-chart .i-bar-chart-bg {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:266px;
  height:auto;
  margin-inline:auto;
  z-index:2;
  pointer-events:none
}
.reports24-main .i-bar-chart aside {
  position:absolute;
  display:grid;
  grid-gap:26px;
  gap:26px;
  bottom:5px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:15px
}
.reports24-main .i-bar-chart aside span {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%;
  width:100px;
  min-height:28px;
  display:grid;
  align-content:flex-end
}
.reports24-main .i-bar-chart hr {
  position:absolute;
  width:100%;
  height:0;
  margin:unset;
  border:unset;
  border-bottom:1px dashed hsla(0,
0%,
100%,
.6);
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.reports24-main .i-bar-chart .i-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  display:grid;
  align-items:center;
  cursor:pointer
}
.reports24-main .i-bar-chart .i-bar-wrapper:hover {
  width:105%
}
.reports24-main .i-bar-chart .i-bar-wrapper:hover span {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.reports24-main .i-bar-chart .i-bar-wrapper:first-of-type span {
  text-align:left
}
.reports24-main .i-bar-chart .i-bar-wrapper:nth-of-type(2) span {
  text-align:right
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar {
  flex:1 1;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar:hover {
  -webkit-filter:blur(5px);
  filter:blur(5px)
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-1 {
  margin-top:auto
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-2 {
  margin-bottom:auto;
  -webkit-transform-origin:50% 0;
  transform-origin:50% 0
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-val {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:80%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  display:inline-block;
  pointer-events:none;
  left:0;
  right:0;
  text-align:center;
  visibility:hidden;
  padding-inline:10px
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-val-1,
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-val-2 {
  bottom:10px
}
.reports24-main .i-bar-chart .i-bar-wrapper p {
  position:absolute;
  bottom:-32.68px;
  left:0;
  right:0;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  padding-top:20px
}
.reports24-main .db-i-bar-chart {
  position:relative;
  width:505px;
  height:360px;
  display:flex;
  align-items:flex-end;
  padding:0 120px
}
.reports24-main .db-i-bar-chart .db-i-bar-chart-bg {
  position:absolute;
  bottom:180px;
  left:0;
  right:0;
  width:266px;
  height:auto;
  margin-inline:auto;
  z-index:2;
  pointer-events:none
}
.reports24-main .db-i-bar-chart aside {
  position:absolute;
  display:grid;
  grid-gap:26px;
  gap:26px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:15px
}
.reports24-main .db-i-bar-chart aside span {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%;
  width:90px;
  min-height:28px;
  display:grid;
  align-content:flex-end
}
.reports24-main .db-i-bar-chart hr {
  position:absolute;
  width:100%;
  height:0;
  margin:unset;
  border:unset;
  border-bottom:1px dashed hsla(0,
0%,
100%,
.6);
  top:50%;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  display:grid;
  grid-template-rows:1fr 1fr;
  align-items:center;
  cursor:pointer
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper:hover {
  width:105%
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper:hover span {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper .db-i-bar {
  flex:1 1;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper .db-i-bar:hover {
  -webkit-filter:blur(5px);
  filter:blur(5px)
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper .db-i-bar-1 {
  margin-top:auto
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper .db-i-bar-2 {
  margin-bottom:auto;
  -webkit-transform-origin:50% 0;
  transform-origin:50% 0
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper .db-i-bar-val {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:80%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  display:inline-block;
  pointer-events:none;
  left:0;
  right:0;
  text-align:center;
  visibility:hidden
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper .db-i-bar-val-1 {
  top:42.5%
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper .db-i-bar-val-2 {
  top:53.75%
}
.reports24-main .db-i-bar-chart .db-i-bar-wrapper p {
  position:absolute;
  bottom:-32.68px;
  left:0;
  right:0;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  padding-top:20px
}
.reports24-main .comparer-chart {
  position:relative;
  width:479px;
  height:321px;
  padding:0 50px 118px;
  display:flex;
  align-items:flex-end
}
.reports24-main .comparer-chart.static {
  padding-inline:0;
  width:278px
}
.reports24-main .comparer-chart.static .comparer-nav span {
  width:100%
}
.reports24-main .comparer-chart.static div {
  margin-bottom:0!important
}
.reports24-main .comparer-chart .comparer-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  grid-gap:7px;
  gap:7px
}
.reports24-main .comparer-chart .comparer-bar-wrapper:hover {
  width:125%
}
.reports24-main .comparer-chart .comparer-bar-wrapper:hover .comparer-bar {
  -webkit-filter:contrast(1) saturate(200%);
  filter:contrast(1) saturate(200%)
}
.reports24-main .comparer-chart .comparer-bar-wrapper:hover span {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.reports24-main .comparer-chart .comparer-bar-wrapper:first-of-type {
  --border-radius:10px 10px 0px 10px;
  --text-align:left
}
.reports24-main .comparer-chart .comparer-bar-wrapper:nth-of-type(2) {
  --border-radius:10px 10px 10px 0px;
  --text-align:right
}
.reports24-main .comparer-chart .comparer-bar-wrapper .comparer-bar {
  overflow:visible;
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  width:100%;
  border-radius:var(--border-radius);
  -webkit-transition:height .5s ease,
background-color .35s ease;
  transition:height .5s ease,
background-color .35s ease
}
.reports24-main .comparer-chart .comparer-bar-wrapper span {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:56.983px;
  font-style:normal;
  font-weight:900;
  line-height:56.983px;
  bottom:4px;
  left:0;
  right:0;
  text-align:center;
  -webkit-clip-path:inset(-100% -100% 12px -100%);
  clip-path:inset(-100% -100% 12px -100%);
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  display:inline-block;
  pointer-events:none;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .comparer-chart .comparer-bar-wrapper p {
  text-align:var(--text-align)!important;
  width:100%;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  padding-inline:16px;
  pointer-events:none
}
.reports24-main .comparer-chart .comparer-nav {
  position:absolute;
  bottom:68.16px;
  left:0;
  right:0;
  margin:0 auto;
  display:flex;
  grid-gap:16px;
  gap:16px;
  align-items:center;
  justify-content:center
}
.reports24-main .comparer-chart .comparer-nav span {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  cursor:default;
  width:110px
}
.reports24-main .comparer-chart .comparer-nav button {
  display:flex;
  width:30.838px;
  height:30.838px;
  padding:8.926px 8.928px 8.928px 8.926px;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  background:#0089ff;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.reports24-main .comparer-chart .comparer-nav button:hover {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-filter:saturate(200%);
  filter:saturate(200%)
}
.reports24-main .bi-chart {
  position:relative;
  width:1030px;
  height:229px;
  display:flex;
  align-items:flex-end;
  border-radius:16px;
  overflow:hidden
}
.reports24-main .bi-chart aside {
  position:absolute;
  opacity:0
}
.reports24-main .bi-chart .bi-bar-wrapper {
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  width:var(--width)
}
.reports24-main .bi-chart .bi-bar-wrapper:hover .bi-bar {
  -webkit-filter:saturate(200%) contrast(2);
  filter:saturate(200%) contrast(2)
}
.reports24-main .bi-chart .bi-bar-wrapper .bi-bar {
  flex:1 1;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
  height:100%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  -webkit-clip-path:inset(0 0 0 100%);
  clip-path:inset(0 0 0 100%)
}
.reports24-main .bi-chart .bi-bar-wrapper span {
  position:absolute;
  font-family:Neue Plak;
  font-size:145px;
  font-style:normal;
  font-weight:900;
  line-height:80%;
  bottom:-26px;
  -webkit-clip-path:inset(-100% -100% 12px -100%);
  clip-path:inset(-100% -100% 12px -100%);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  display:inline-block;
  pointer-events:none;
  right:-16px
}
.reports24-main .bi-chart .bi-bar-wrapper p {
  position:absolute;
  top:35px;
  right:43.5px;
  text-align:center;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer
}
.reports24-main .blocks-chart {
  position:relative;
  width:1030px;
  height:541px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  border-bottom:1px solid #060f21
}
.reports24-main .blocks-chart aside {
  position:absolute;
  opacity:0;
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%
}
.reports24-main .blocks-chart .blocks-bar-wrapper {
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .blocks-chart .blocks-bar-wrapper:hover p,
.reports24-main .blocks-chart .blocks-bar-wrapper:hover span {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.reports24-main .blocks-chart .blocks-bar-wrapper .blocks-bar {
  flex:1 1;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  width:100%;
  height:100%;
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:calc(16px + .05px*var(--size)) calc(16px + .05px*var(--size))
}
.reports24-main .blocks-chart .blocks-bar-wrapper span {
  color:#fff;
  font-family:Neue Plak;
  font-size:calc(50px + 1px*var(--size));
  font-weight:900;
  line-height:100%;
  bottom:-26px;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  display:inline-block;
  pointer-events:none;
  right:-16px
}
.reports24-main .blocks-chart .blocks-bar-wrapper p,
.reports24-main .blocks-chart .blocks-bar-wrapper span {
  font-style:normal;
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .blocks-chart .blocks-bar-wrapper p {
  text-align:center;
  text-align:left;
  font-family:Jakarta;
  font-size:calc(13px + .05px*var(--size));
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
}
.reports24-main .reports24-sections>section {
  width:1440px;
  max-width:100vw;
  position:relative;
  margin:0 auto;
  padding-inline:205px;
  display:grid;
  justify-content:center;
  overflow:hidden
}
.reports24-main .reports24-sections>section * {
  max-width:100%
}
.reports24-main .reports24-sections .preheading {
  color:var(--color);
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24-main .reports24-sections .heading {
  margin-top:22px;
  display:flex;
  grid-gap:13px;
  gap:13px;
  align-items:center;
  color:var(--titles);
  font-family:Neue Plak;
  font-size:56.983px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  position:relative;
  z-index:5
}
.reports24-main .reports24-sections .heading img {
  width:auto;
  height:41.959px;
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite
}
.reports24-main .reports24-sections .cutout,
.reports24-main .reports24-sections .doodle {
  position:absolute
}
.reports24-main .reports24-sections .info {
  color:var(--color);
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:400;
  line-height:130%
}
.reports24-main .reports24-sections .subheading {
  color:var(--titles);
  font-family:Jakarta;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:125.175%;
  display:flex;
  grid-gap:9px;
  gap:9px
}
.reports24-main .reports24-sections .subheading2 {
  color:var(--titles);
  font-family:Neue Plak;
  font-size:20px;
  font-style:normal;
  font-weight:900;
  line-height:normal
}
.reports24-main .reports24-sections .ripped {
  position:absolute;
  width:100vw;
  height:32px;
  bottom:0
}
.reports24-main .r24-income {
  padding:100px 0 135px;
  --color:#efefef;
  --titles:#0089ff
}
.reports24-main .r24-income .cutout-1 {
  width:567.2px;
  height:108.691px;
  -webkit-transform:rotate(2.347deg);
  transform:rotate(2.347deg);
  top:180px;
  left:571.03px;
  z-index:2
}
.reports24-main .r24-income .doodle-1 {
  color:#fff;
  font-family:Jakarta;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:125.175%;
  -webkit-transform:rotate(2.524deg);
  transform:rotate(2.524deg);
  left:576.24px;
  top:145px
}
.reports24-main .r24-income .bar-chart:first-of-type {
  margin-top:30.04px
}
.reports24-main .r24-income .grid {
  display:flex;
  grid-gap:72px;
  gap:72px
}
.reports24-main .r24-income .grid img {
  width:414px;
  height:374px;
  margin-top:28px;
  align-items:center
}
.reports24-main .r24-income .grid div {
  height:-webkit-fit-content;
  height:fit-content;
  margin:auto 0
}
.reports24-main .r24-income .grid .subheading2 {
  color:#0089ff;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:110%;
  margin-top:22px;
  width:411px
}
.reports24-main .r24-income .info-1 {
  margin-top:66.32px;
  width:715px
}
.reports24-main .r24-income .info-2 {
  margin-top:40px;
  width:685px
}
.reports24-main .r24-income .info-3 {
  margin-top:1em;
  width:712px
}
.reports24-main .r24-income .info-4 {
  margin-top:91px;
  width:662px
}
.reports24-main .r24-income .grid-3 {
  margin-top:66px;
  display:flex;
  padding-top:31px;
  align-items:center;
  justify-content:space-between;
  position:relative
}
.reports24-main .r24-income .grid-3 h3 {
  color:#0089ff;
  font-family:Neue Plak;
  font-size:76.777px;
  font-style:normal;
  font-weight:900;
  line-height:60%;
  width:-webkit-max-content;
  width:max-content;
  margin-bottom:50px
}
.reports24-main .r24-income .grid-3 h3 img {
  position:relative;
  top:.15em
}
.reports24-main .r24-income .grid-4 {
  margin-top:66px;
  display:flex;
  padding-top:31px;
  align-items:center;
  justify-content:space-between;
  position:relative;
  width:100%;
  grid-gap:27px;
  gap:27px
}
.reports24-main .r24-income .grid-4>img {
  margin-inline:40px 13px;
  display:block;
  width:100px
}
.reports24-main .r24-income .grid-4 div {
  margin-bottom:30px
}
.reports24-main .r24-income .grid-4 .info {
  margin-top:0
}
.reports24-main .r24-income .grid-4 h3 {
  color:#0089ff;
  font-family:Neue Plak;
  font-size:76.777px;
  font-style:normal;
  font-weight:900;
  line-height:70px;
  width:-webkit-max-content;
  width:max-content;
  margin-bottom:50px
}
.reports24-main .r24-income .grid-4 h3 img {
  position:relative;
  top:.15em
}
.reports24-main .r24-income .grid-2 {
  margin:110px 0 70px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  position:relative;
  width:100%
}
.reports24-main .r24-income .grid-2 .info {
  width:295px;
  margin-top:22px;
  margin-bottom:36.5px
}
.reports24-main .r24-income .grid-2 h4 {
  color:#46daf3
}
.reports24-main .r24-income .grid-2 .label {
  display:flex;
  grid-gap:16px;
  gap:16px;
  align-items:center;
  margin-top:9px
}
.reports24-main .r24-income .grid-2 .label-1 {
  --bg:#ffe201
}
.reports24-main .r24-income .grid-2 .label-2 {
  --bg:#e5489b;
  margin-bottom:34px
}
.reports24-main .r24-income .grid-2 i {
  background-color:var(--bg);
  width:15px;
  height:15px;
  border-radius:50%
}
.reports24-main .r24-income .grid-2 span {
  color:var(--color);
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24-main .r24-income .subheading {
  margin-top:97px
}
.reports24-main .r24-income .bi-chart {
  margin-top:22px
}
.reports24-main .r24-income .bi-chart aside {
  color:#000;
  font-family:Jakarta;
  font-size:13.847px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%;
  display:grid;
  align-content:flex-end;
  pointer-events:none
}
.reports24-main .r24-income .bi-chart aside:first-of-type {
  top:15.41px;
  left:17px;
  width:114.24px;
  height:198.2px;
  border-radius:20px;
  background:#46daf3;
  padding:15.96px 19.04px
}
.reports24-main .r24-income .bi-chart aside:nth-of-type(2) {
  top:15.41px;
  left:131.24px;
  width:123.76px;
  height:85.86px;
  border-radius:20px;
  background:#8aebf4;
  padding:15.96px 18.18px
}
.reports24-main .r24-income .bi-chart aside:nth-of-type(3) {
  top:101.1px;
  left:131.24px;
  width:123.76px;
  height:112.5px;
  border-radius:20px;
  background:#ccfff6;
  padding:15.96px 18.18px
}
.reports24-main .r24-income .r24-testimonial {
  margin-top:77px
}
.reports24-main .r24-income .grid-2-reverse {
  margin-top:150px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  position:relative;
  width:100%
}
.reports24-main .r24-income .grid-2-reverse .info {
  width:385px;
  margin-top:22px
}
.reports24-main .r24-income .grid-2-reverse h4 {
  color:#46daf3
}
.reports24-main .r24-spending {
  padding-top:100px;
  padding-bottom:0;
  --color:#060f21;
  --titles:#e5489b;
  background-color:#fff2d4
}
.reports24-main .r24-spending .subheading {
  color:#0089ff;
  margin-top:80px
}
.reports24-main .r24-spending .subheading img {
  width:21px;
  height:auto
}
.reports24-main .r24-spending .doodle-1 {
  position:static;
  margin-top:36px;
  color:#18202f;
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
.reports24-main .r24-spending .doodle-2 {
  display:block;
  margin-left:45px;
  font-family:Jakarta;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:125.175%;
  position:static;
  margin-top:110px;
  color:#18202f
}
.reports24-main .r24-spending .cutout-1 {
  width:530.908px;
  height:142.967px;
  top:265px;
  left:152px;
  -webkit-transform:unset;
  transform:unset
}
.reports24-main .r24-spending .cutout-2 {
  width:1063px;
  height:456px;
  top:1881px;
  left:-4px
}
.reports24-main .r24-spending .cutout-3 {
  position:unset;
  width:416px;
  height:350px
}
.reports24-main .r24-spending .bar-chart:first-of-type {
  margin-top:10px
}
.reports24-main .r24-spending .r24-quote:first-of-type {
  margin-top:38px;
  border-color:#e5ca8b
}
.reports24-main .r24-spending .r24-quote:first-of-type p {
  color:#060f21;
  width:495px
}
.reports24-main .r24-spending .r24-quote:nth-of-type(2) {
  margin-top:592px;
  border-color:#e5ca8b
}
.reports24-main .r24-spending .r24-quote:nth-of-type(2) p {
  color:#060f21;
  width:495px
}
.reports24-main .r24-spending .hor-bar-chart {
  margin-top:33px
}
.reports24-main .r24-spending .info-1 {
  margin-top:49px;
  width:680px
}
.reports24-main .r24-spending .info-2 {
  margin-top:58px;
  width:500px
}
.reports24-main .r24-spending .info-3 {
  margin-top:1em;
  width:680px
}
.reports24-main .r24-spending .info-4 {
  margin-top:670px;
  width:630px
}
.reports24-main .r24-spending .boring-chart {
  position:absolute;
  top:2073px;
  left:455px
}
.reports24-main .r24-spending .grid-2 {
  margin-top:90px;
  grid-gap:28px;
  gap:28px;
  align-items:center
}
.reports24-main .r24-spending .grid-2 .info {
  width:unset;
  margin:unset
}
.reports24-main .r24-spending .grid-2 .subheading2 {
  color:#0089ff;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:110%;
  width:658px;
  margin-top:12px
}
.reports24-main .r24-savings {
  padding-top:100px;
  padding-bottom:0;
  --color:#efefef;
  --titles:#a4fc5a;
  z-index:1
}
.reports24-main .r24-savings .cutout-1 {
  width:771px;
  height:457px;
  top:255px;
  left:-50px;
  width:1022px
}
.reports24-main .r24-savings .cutout-1,
.reports24-main .r24-savings .cutout-2 {
  -webkit-transform:unset;
  transform:unset;
  right:0;
  object-fit:contain;
  object-position:left;
  margin-inline:auto;
  pointer-events:none
}
.reports24-main .r24-savings .cutout-2 {
  width:495px;
  height:331px;
  top:2500px;
  left:12px;
  width:1022px
}
.reports24-main .r24-savings .chart-1 {
  opacity:0;
  position:relative;
  width:100%;
  margin-top:58.14px;
  margin-bottom:56px
}
.interact .left .content .reports24-main .r24-savings .chart-1 .link,
.reports24-main .r24-savings .chart-1 .interact .left .content .link,
.reports24-main .r24-savings .chart-1 .savings .box .sub-title,
.reports24-main .r24-savings .chart-1 svg,
.savings .box .reports24-main .r24-savings .chart-1 .sub-title {
  width:870px;
  height:435px;
  display:block;
  margin-inline:auto
}
.reports24-main .r24-savings .chart-1 path {
  fill-opacity:.85;
  cursor:pointer;
  -webkit-transition:fill-opacity .5s ease;
  transition:fill-opacity .5s ease
}
.reports24-main .r24-savings .chart-1 path:hover {
  fill-opacity:1
}
.reports24-main .r24-savings .chart aside {
  position:absolute;
  display:grid
}
.reports24-main .r24-savings .chart aside:first-of-type {
  top:324px;
  left:133px
}
.reports24-main .r24-savings .chart aside:nth-of-type(2) {
  top:134px;
  left:537px
}
.reports24-main .r24-savings .chart aside:nth-of-type(3) {
  top:368px;
  left:877px
}
.reports24-main .r24-savings .chart aside:nth-of-type(3) * {
  color:#fff
}
.reports24-main .r24-savings .chart span {
  color:#060f21;
  font-family:Neue Plak;
  font-size:78.857px;
  font-style:normal;
  font-weight:900;
  line-height:80%
}
.reports24-main .r24-savings .chart p {
  color:#000;
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:400;
  line-height:130%
}
.reports24-main .r24-savings .grid {
  position:relative;
  left:-74px
}
.reports24-main .r24-savings .grid img {
  width:404px;
  height:439px;
  margin-top:0
}
.reports24-main .r24-savings .grid p {
  margin-top:40px
}
.reports24-main .r24-savings .grid h4 {
  width:657px!important;
  color:#a4fc5a!important
}
.reports24-main .r24-savings .grid-4 .subheading2 {
  width:657px!important;
  color:#d7b8f7!important
}
.reports24-main .r24-savings .r24-testimonial {
  padding-top:73px;
  background-color:#6624ce
}
.reports24-main .r24-savings .r24-testimonial:after {
  color:#5a29a7
}
.reports24-main .r24-savings .hor-bar-chart {
  height:665px;
  margin-top:284px
}
.reports24-main .r24-savings .hor-bar-chart:after {
  height:679px
}
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper {
  position:relative;
  width:250%;
  max-width:unset;
  left:150%
}
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper:nth-of-type(7) span,
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper:nth-of-type(8) span,
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper:nth-of-type(9) span {
  padding-left:17px
}
.reports24-main .r24-savings .hor-bar-chart span {
  color:#e4f0ff!important
}
.reports24-main .r24-savings .hor-bar-chart p {
  color:#fff!important;
  width:123px;
  left:-123px
}
.reports24-main .r24-savings .r24-quote {
  margin-top:91px;
  border-color:#283b62
}
.reports24-main .r24-savings .r24-quote button,
.reports24-main .r24-savings .r24-quote div {
  background-color:#540da0
}
.reports24-main .r24-savings .r24-quote p {
  width:500px
}
.reports24-main .r24-savings .retro-bar-chart {
  margin-top:52px
}
.reports24-main .r24-emergency-funds {
  padding-top:100px;
  --color:#efefef;
  --titles:#a4fc5a
}
.reports24-main .r24-emergency-funds .cutout-1 {
  width:1030px;
  height:351px;
  object-fit:contain;
  object-position:left;
  top:327px;
  left:0;
  right:0;
  padding-left:96px;
  -webkit-transform:unset;
  transform:unset;
  margin-inline:auto;
  pointer-events:none
}
.reports24-main .r24-emergency-funds .chart-1 {
  position:relative;
  width:100%;
  margin-top:36px
}
.interact .left .content .reports24-main .r24-emergency-funds .chart-1 .link,
.reports24-main .r24-emergency-funds .chart-1 .interact .left .content .link,
.reports24-main .r24-emergency-funds .chart-1 .savings .box .sub-title,
.reports24-main .r24-emergency-funds .chart-1 svg,
.savings .box .reports24-main .r24-emergency-funds .chart-1 .sub-title {
  width:545px;
  height:529px;
  display:block;
  margin-inline:auto 41px
}
.reports24-main .r24-emergency-funds .chart-1 path {
  fill-opacity:.85;
  cursor:pointer
}
.reports24-main .r24-emergency-funds .chart-1 path:hover {
  fill-opacity:1
}
.reports24-main .r24-emergency-funds .chart aside {
  position:absolute;
  display:grid
}
.reports24-main .r24-emergency-funds .chart aside:first-of-type {
  top:104px;
  right:294.75px
}
.reports24-main .r24-emergency-funds .chart aside:nth-of-type(2) {
  top:350px;
  right:223.75px
}
.reports24-main .r24-emergency-funds .chart aside:nth-of-type(2) * {
  color:#fff!important
}
.reports24-main .r24-emergency-funds .chart span {
  color:#060f21;
  font-family:Neue Plak;
  font-size:66px;
  font-style:normal;
  font-weight:900;
  line-height:80%
}
.reports24-main .r24-emergency-funds .chart p {
  color:#060f21;
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  text-align:center;
  margin-top:5px
}
.reports24-main .r24-emergency-funds .info-1 {
  margin-top:0;
  width:370px
}
.reports24-main .r24-emergency-funds .grid-2 {
  width:1030px
}
.reports24-main .r24-emergency-funds .grid-2 .info {
  width:282px
}
.reports24-main .r24-emergency-funds .grid-2 .db-bar-val-1 {
  position:relative;
  top:37.5%;
  bottom:unset
}
.reports24-main .r24-emergency-funds .grid-2 .db-bar-1 {
  position:relative;
  top:100%
}
.reports24-main .r24-emergency-funds .grid-2 .db-bar-2,
.reports24-main .r24-emergency-funds .grid-2 .db-bar-val-2 {
  display:none
}
.reports24-main .r24-emergency-funds .subheading2 {
  color:#a4fc5a!important
}
.reports24-main .r24-emergency-funds .r24-quote button,
.reports24-main .r24-emergency-funds .r24-quote div {
  background-color:#060f21;
  color:#fff;
  border:.68px solid #fff
}
.reports24-main .r24-debt {
  padding-top:100px;
  padding-bottom:100px;
  --color:#060f21;
  --titles:#ea417d;
  background-color:#fbebff
}
.reports24-main .r24-debt .cutout-1 {
  width:1030px;
  height:270px;
  object-fit:contain;
  object-position:left;
  top:142px;
  left:-36px;
  right:0;
  -webkit-transform:unset;
  transform:unset;
  margin-inline:auto;
  pointer-events:none
}
.reports24-main .r24-debt .cutout-1:first-of-type {
  z-index:3
}
.reports24-main .r24-debt .bi-chart {
  margin-top:131.93px;
  z-index:2
}
.reports24-main .r24-debt .bi-chart span {
  font-size:120px
}
.reports24-main .r24-debt .info-1 {
  margin-top:40px
}
.reports24-main .r24-debt .info-2 {
  width:520px
}
.reports24-main .r24-debt .info-3 {
  margin-top:65px
}
.reports24-main .r24-debt .chart-1 {
  position:relative;
  width:100%;
  margin-top:36px;
  width:-webkit-fit-content;
  width:fit-content
}
.interact .left .content .reports24-main .r24-debt .chart-1 .link,
.reports24-main .r24-debt .chart-1 .interact .left .content .link,
.reports24-main .r24-debt .chart-1 .savings .box .sub-title,
.reports24-main .r24-debt .chart-1 svg,
.savings .box .reports24-main .r24-debt .chart-1 .sub-title {
  width:436px;
  height:416px;
  display:block;
  margin-inline:auto 0
}
.reports24-main .r24-debt .chart-1 path {
  fill-opacity:.85;
  cursor:pointer
}
.reports24-main .r24-debt .chart-1 path:hover {
  fill-opacity:1
}
.reports24-main .r24-debt .chart aside {
  position:absolute;
  display:grid
}
.reports24-main .r24-debt .chart aside:first-of-type {
  top:82.87px;
  right:203.57px
}
.reports24-main .r24-debt .chart aside:nth-of-type(2) {
  top:274.46px;
  right:148.24px
}
.reports24-main .r24-debt .chart * {
  color:#fff!important
}
.reports24-main .r24-debt .chart span {
  font-family:Neue Plak;
  font-size:51.44px;
  font-style:normal;
  font-weight:900;
  line-height:80%
}
.reports24-main .r24-debt .chart p {
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  text-align:center;
  margin-top:5px
}
.reports24-main .r24-debt .grid-3 {
  margin-top:0;
  padding-top:17px
}
.reports24-main .r24-debt .grid-3 .info {
  width:226px
}
.reports24-main .r24-debt .bar-chart {
  height:466.68px;
  margin-top:90px
}
.reports24-main .r24-debt .bar-chart img {
  height:434px
}
.reports24-main .r24-debt .bar-chart .bar-wrapper:hover {
  width:105%
}
.reports24-main .r24-debt .r24-quote {
  margin-top:59px;
  border-color:#ffd4e3
}
.reports24-main .r24-debt .r24-quote p {
  color:#060f21
}
.reports24-main .r24-debt .r24-quote button,
.reports24-main .r24-debt .r24-quote div {
  background-color:#6624ce
}
.reports24-main .r24-debt .r24-quote button {
  color:#060f21
}
.reports24-main .r24-debt .subheading {
  color:#6624ce
}
.reports24-main .r24-debt .grid-2 {
  align-items:flex-start;
  margin-top:8px
}
.reports24-main .r24-debt .grid-2 .info {
  width:488px
}
.reports24-main .r24-debt .blocks-chart.index-1 {
  width:225.92px;
  height:285.87px;
  overflow:visible;
  margin-inline:auto
}
.reports24-main .r24-debt .blocks-chart.index-1 img {
  position:absolute;
  left:133px;
  top:13px;
  width:354px;
  height:381px;
  max-width:unset
}
.reports24-main .r24-debt .blocks-chart.index-1 aside {
  position:absolute;
  border-radius:8px
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:first-of-type {
  top:171px;
  left:0;
  width:225.92px;
  height:114.83px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:first-of-type span {
  font-size:44.389px;
  top:17.96px;
  -webkit-transform:unset!important;
  transform:unset!important
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:first-of-type p {
  left:18px;
  top:79px;
  font-size:14.06px
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:nth-of-type(2) {
  top:117px;
  left:0;
  width:199px;
  height:54px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:nth-of-type(2) p {
  left:75%
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:nth-of-type(3) {
  top:72px;
  left:0;
  width:185px;
  height:45px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:nth-of-type(3) p {
  left:62.5%
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:nth-of-type(4) {
  top:36px;
  left:0;
  width:178px;
  height:36px;
  --color1:#060f21;
  --color2:#060f21
}
.reports24-main .r24-debt .blocks-chart.index-1 aside:nth-of-type(5) {
  top:0;
  left:0;
  width:160px;
  height:36px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-1 span {
  color:var(--color1);
  font-family:Neue Plak;
  font-size:20px;
  font-weight:900;
  line-height:80%;
  left:19px;
  bottom:unset
}
.reports24-main .r24-debt .blocks-chart.index-1 p,
.reports24-main .r24-debt .blocks-chart.index-1 span {
  font-style:normal;
  top:50%;
  -webkit-transform:translateY(-50%)!important;
  transform:translateY(-50%)!important;
  position:absolute
}
.reports24-main .r24-debt .blocks-chart.index-1 p {
  color:var(--color2);
  max-width:79px;
  left:50%;
  font-family:Jakarta;
  font-size:11.997px;
  font-weight:400;
  line-height:102%
}
.reports24-main .r24-debt .blocks-chart.index-2 {
  width:1032px;
  height:446px;
  overflow:visible;
  margin-inline:auto;
  margin-top:25px
}
.reports24-main .r24-debt .blocks-chart.index-2 img {
  position:absolute;
  left:133px;
  top:13px;
  width:354px;
  height:381px;
  max-width:unset
}
.reports24-main .r24-debt .blocks-chart.index-2 aside {
  position:absolute;
  border-radius:8px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:first-of-type {
  top:297px;
  left:0;
  width:1032px;
  height:149px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:first-of-type span {
  font-size:80px;
  left:30px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:first-of-type p {
  font-size:16px;
  max-width:100px;
  right:30px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(2) {
  top:197px;
  left:0;
  width:1032px;
  height:100px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(2) span {
  font-size:60px;
  left:30px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(2) p {
  font-size:15px;
  max-width:100px;
  right:30px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(3) {
  top:97px;
  left:309px;
  width:723px;
  height:100px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(3) span {
  font-size:44.389px;
  left:22px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(3) p {
  font-size:14.06px;
  max-width:125px;
  right:22px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(4) {
  top:47px;
  left:0;
  width:309px;
  height:150px;
  --color1:#060f21;
  --color2:#060f21
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(4) span {
  font-size:44.389px;
  top:40px
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(4) p {
  font-size:14.06px;
  max-width:125px;
  left:22px;
  bottom:12px;
  top:unset
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(5) {
  top:47px;
  left:309px;
  width:723px;
  height:50px;
  --color1:#060f21;
  --color2:#060f21
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(6) {
  top:5px;
  left:412px;
  width:618px;
  height:43px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(7) {
  top:5px;
  left:0;
  width:412px;
  height:43px;
  --color1:#fbebff;
  --color2:#fff
}
.reports24-main .r24-debt .blocks-chart.index-2 span {
  color:var(--color1);
  font-family:Neue Plak;
  font-size:20px;
  font-weight:900;
  line-height:80%;
  left:19px;
  bottom:unset
}
.reports24-main .r24-debt .blocks-chart.index-2 p,
.reports24-main .r24-debt .blocks-chart.index-2 span {
  font-style:normal;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  position:absolute
}
.reports24-main .r24-debt .blocks-chart.index-2 p {
  color:var(--color2);
  max-width:79px;
  right:19px;
  font-family:Jakarta;
  font-size:11.997px;
  font-weight:400;
  line-height:102%
}
.reports24-main .r24-debt .r24-testimonial {
  margin-top:65px;
  background-color:#6624ce
}
.reports24-main .r24-debt .r24-testimonial:after {
  color:#8a48f0
}
.reports24-main .r24-debt .r24-testimonial img {
  top:12px;
  left:-12px
}
.reports24-main .r24-debt .grid {
  position:relative;
  left:-74px
}
.reports24-main .r24-debt .grid img {
  width:404px;
  height:439px;
  margin-top:0
}
.reports24-main .r24-debt .grid p {
  margin-top:40px
}
.reports24-main .r24-debt .grid h4 {
  width:657px!important;
  color:#6624ce!important
}
.reports24-main .r24-debt .hor-bar-chart {
  height:419px;
  margin-top:37px
}
.reports24-main .r24-debt .hor-bar-chart:after {
  height:438px
}
.reports24-main .r24-debt .hor-bar-chart .hor-bar-wrapper {
  position:relative;
  width:250%;
  max-width:unset;
  left:150%
}
.reports24-main .r24-debt .hor-bar-chart p {
  width:105px;
  left:-105px
}
.reports24-main .r24-business {
  padding-top:100px;
  --color:#efefef;
  --titles:#a4fc5a
}
.reports24-main .r24-business .cutout-1 {
  width:410px;
  height:161px;
  top:135px;
  -webkit-transform:unset;
  transform:unset
}
.reports24-main .r24-business .stick-figures {
  width:980px;
  height:492.6px;
  display:grid;
  grid-template-columns:repeat(5,
1fr);
  grid-gap:57.9px;
  gap:57.9px;
  margin-inline:auto;
  margin-top:30.3px
}
.reports24-main .r24-business .grid-2-reverse {
  justify-content:center;
  margin-top:45px
}
.reports24-main .r24-business .r24-quote {
  margin-top:91px;
  border-color:#1f345e
}
.reports24-main .r24-business .r24-quote p {
  width:640px
}
.reports24-main .r24-business .r24-quote button,
.reports24-main .r24-business .r24-quote div {
  background-color:#6624ce
}
.reports24-main .r24-inflation {
  padding-top:100px;
  --color:#efefef;
  --titles:#a4fc5a;
  background-color:#1a534a
}
.reports24-main .r24-inflation .cutout-1 {
  width:776px;
  height:189px;
  -webkit-transform:unset;
  transform:unset;
  left:206px;
  top:222px
}
.reports24-main .r24-inflation .chart-1 {
  justify-content:center;
  display:flex;
  width:842.92px;
  height:306px;
  margin-inline:auto;
  margin-top:175px;
  position:relative
}
.reports24-main .r24-inflation .chart aside {
  padding-left:11.45px;
  padding-inline:10px;
  text-align:left!important;
  position:absolute;
  grid-gap:19px;
  gap:19px
}
.reports24-main .r24-inflation .chart aside:first-of-type {
  top:65px;
  left:20px;
  display:flex;
  flex-direction:column-reverse
}
.reports24-main .r24-inflation .chart aside:nth-of-type(2) {
  top:87px;
  right:39.92px;
  display:flex;
  flex-direction:column-reverse;
  grid-gap:8px;
  gap:8px
}
.reports24-main .r24-inflation .chart aside:nth-of-type(2) span {
  font-size:44.09px
}
.reports24-main .r24-inflation .chart span {
  color:#1a534a;
  font-family:Neue Plak;
  font-size:110.34px;
  font-style:normal;
  font-weight:900;
  line-height:80%
}
.reports24-main .r24-inflation .chart p {
  color:#1a534a;
  font-size:13px;
  width:88px;
  text-align:center;
  width:100%
}
.reports24-main .r24-inflation .info-1 {
  text-underline-offset:.25em
}
.reports24-main .r24-inflation .r24-quote {
  border-color:#4b9e91;
  margin-top:40px
}
.reports24-main .r24-inflation .r24-quote p {
  width:550px
}
.reports24-main .r24-inflation .r24-quote button,
.reports24-main .r24-inflation .r24-quote div {
  background-color:#1a534a;
  border:1px solid #4b9e91
}
.reports24-main .r24-inflation .grid {
  margin-top:99px;
  grid-gap:99px;
  gap:99px
}
.reports24-main .r24-inflation .grid div {
  margin:0
}
.reports24-main .r24-inflation .grid img {
  width:298px;
  height:337px;
  margin:0
}
.reports24-main .r24-inflation .grid .subheading2 {
  color:#a4fc5a;
  width:657px
}
.reports24-main .r24-inflation .subheading {
  margin-top:25px
}
.reports24-main .r24-inflation .bar-chart {
  margin-top:115px
}
.reports24-main .r24-inflation .bar-chart img {
  display:none
}
.reports24-main .r24-inflation .bar-chart * {
  mix-blend-mode:unset!important
}
.reports24-main .r24-inflation .bar-chart .bar-wrapper:nth-of-type(4) span {
  color:#060f21
}
.reports24-main .r24-inflation .bar-chart p {
  max-width:88px;
  margin-inline:auto;
  min-height:36px;
  bottom:-50px;
  padding-top:unset
}
.reports24-main .r24-inflation .bar-chart span {
  font-size:53px;
  bottom:-5px;
  -webkit-clip-path:unset;
  clip-path:unset
}
.reports24-main .r24-inflation .bar-chart:has(:hover) .bar {
  opacity:1
}
.reports24-main .r24-inflation .r24-quote {
  margin-top:88px
}
.reports24-main .r24-future-plans {
  padding-top:100px;
  --color:#060f21;
  --titles:#e5489b;
  background-color:#fff2d4
}
.reports24-main .r24-future-plans .cutout-1 {
  width:490px;
  height:214px;
  -webkit-transform:unset;
  transform:unset;
  left:156px;
  top:122px
}
.reports24-main .r24-future-plans .cutout-2 {
  position:static;
  width:850px;
  height:256px;
  -webkit-transform:unset;
  transform:unset
}
.reports24-main .r24-future-plans .chart-1 {
  justify-content:center;
  display:flex;
  width:989px;
  height:245.11px;
  margin-inline:auto;
  margin-top:229px;
  position:relative
}
.reports24-main .r24-future-plans .chart aside {
  padding-left:11.45px;
  padding-inline:18.5px;
  text-align:left!important;
  position:absolute;
  grid-gap:4px;
  gap:4px;
  display:flex;
  flex-direction:column;
  border-left:1px dashed #060f21
}
.reports24-main .r24-future-plans .chart aside:first-of-type {
  top:-80px;
  left:67.5px;
  padding-bottom:60px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(2) {
  top:185.5px;
  left:274.313px;
  padding-top:42.5px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(3) {
  top:-30.3px;
  left:424px;
  padding-bottom:60px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(4) {
  top:154.6px;
  left:545px;
  padding-top:42.5px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(5) {
  top:-1.37px;
  left:670px;
  padding-bottom:60px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(6) {
  top:161.32px;
  left:775.3px;
  padding-top:42.5px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(7) {
  top:2.65px;
  left:881.6px;
  padding-bottom:60px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(8) {
  top:149.2px;
  left:957.3px;
  padding-top:42.5px
}
.reports24-main .r24-future-plans .chart span {
  color:#060f21;
  font-family:Neue Plak;
  font-size:34.273px;
  font-style:normal;
  font-weight:900;
  line-height:80%
}
.reports24-main .r24-future-plans .chart p {
  color:#060f21;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:130%
}
.reports24-main .r24-future-plans .grid-3 {
  margin-block:-100px;
  padding-top:0
}
.reports24-main .r24-future-plans .grid-3 .info {
  width:246px
}
.reports24-main .r24-future-plans .grid-3 .static {
  height:521px
}
.reports24-main .r24-future-plans .grid-3 .comparer-nav {
  bottom:80px
}
.reports24-main .r24-future-plans .grid-3 .comparer-nav span {
  color:#060f21!important
}
.reports24-main .r24-future-plans .bar-chart {
  height:466.68px;
  margin-top:90px
}
.reports24-main .r24-future-plans .bar-chart img {
  height:434px
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper .bar {
  -webkit-transition:width .5s ease,
height .5s ease;
  transition:width .5s ease,
height .5s ease
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper:hover {
  width:105%
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper p {
  bottom:unset;
  top:-55px
}
.reports24-main .r24-future-plans .charts-nav {
  position:absolute;
  bottom:58.16px;
  left:0;
  right:0;
  margin:0 auto;
  display:flex;
  grid-gap:16px;
  gap:16px;
  align-items:center;
  justify-content:center;
  height:100px
}
.reports24-main .r24-future-plans .charts-nav span {
  color:#060f21;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  cursor:default;
  width:300px;
  text-align:center
}
.reports24-main .r24-future-plans .charts-nav button {
  display:flex;
  width:30.838px;
  height:30.838px;
  padding:8.926px 8.928px 8.928px 8.926px;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  background:#0089ff;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.reports24-main .r24-future-plans .charts-nav button:hover {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-filter:saturate(200%);
  filter:saturate(200%)
}
.reports24-main .r24-conclusion {
  padding-top:96px;
  border-bottom:.92px dashed #1d2d4d;
  --color:#fff;
  --titles:#fff
}
.reports24-main .r24-conclusion h2 img {
  margin-top:-10px
}
.reports24-main .r24-conclusion .info {
  margin-top:28px;
  width:715px
}
.reports24-main .r24-conclusion .info-2 {
  margin-top:.85em
}
.reports24-main .r24-conclusion .bentos {
  width:1024px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:41px;
  grid-row-gap:13px;
  row-gap:13px
}
.reports24-main .r24-conclusion .bento {
  border-radius:16px;
  --color:#fff;
  overflow:hidden;
  position:relative
}
.reports24-main .r24-conclusion .bento img {
  position:absolute;
  max-width:unset;
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease;
  pointer-events:none
}
.reports24-main .r24-conclusion .bento:hover img {
  -webkit-transform:scale(1.125);
  transform:scale(1.125)
}
.reports24-main .r24-conclusion h4 {
  color:var(--color);
  text-align:center;
  font-family:Neue Plak;
  font-size:30px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  letter-spacing:-.6px
}
.reports24-main .r24-conclusion .bento:first-of-type {
  width:425px;
  height:251px;
  background-color:#0061e0;
  padding-top:37px;
  padding-inline:32px
}
.reports24-main .r24-conclusion .bento:first-of-type img {
  width:149.16px;
  height:auto;
  top:111.66px;
  left:0;
  right:0;
  margin-inline:auto
}
.reports24-main .r24-conclusion .bento:nth-of-type(2) {
  width:244px;
  height:251px;
  background-color:#a4fc5a;
  padding-top:37px;
  padding-inline:32px;
  --color:#060f21
}
.reports24-main .r24-conclusion .bento:nth-of-type(2) img {
  width:353px;
  height:auto;
  top:74px;
  left:-109px
}
.reports24-main .r24-conclusion .bento:nth-of-type(3) {
  width:335px;
  height:251px;
  background-color:#1a534a;
  padding-top:37px;
  padding-inline:32px;
  --color:#a4fc5a
}
.reports24-main .r24-conclusion .bento:nth-of-type(3) img {
  width:559.57px;
  height:auto;
  top:-19px;
  left:-150px
}
.reports24-main .r24-conclusion .bento:nth-of-type(4) {
  width:508px;
  height:188px;
  background-color:#fff2d4;
  --color:#060f21;
  padding-top:49px;
  padding-inline:46px
}
.reports24-main .r24-conclusion .bento:nth-of-type(4) h4 {
  text-align:left;
  width:199px
}
.reports24-main .r24-conclusion .bento:nth-of-type(4) img {
  width:258.79px;
  height:auto;
  top:-151px;
  left:282.3px
}
.reports24-main .r24-conclusion .bento:nth-of-type(5) {
  width:508px;
  height:188px;
  background-color:#ffe201;
  --color:#060f21;
  padding-top:49px;
  padding-inline:46px
}
.reports24-main .r24-conclusion .bento:nth-of-type(5) h4 {
  text-align:left;
  width:286px
}
.reports24-main .r24-conclusion .bento:nth-of-type(5) img {
  width:419.19px;
  height:auto;
  top:-60.95px;
  left:303.9px
}
.reports24-main .r24-conclusion .ad-wrapper {
  position:relative;
  margin-top:82px
}
.reports24-main .r24-conclusion .ad-wrapper:before {
  content:"";
  position:absolute;
  width:100vw;
  height:330px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,
-50%);
  transform:translate(-50%,
-50%);
  background-color:#0d1c39
}
.reports24-main .r24-conclusion .ad-wrapper .r24-ad {
  position:relative;
  margin:0;
  overflow:hidden
}
.reports24-main .r24-conclusion h3 {
  margin-top:158px;
  color:#fff;
  text-align:center;
  font-family:Neue Plak;
  font-size:44.308px;
  font-style:normal;
  font-weight:900;
  line-height:95%;
  letter-spacing:-1.329px;
  width:733px;
  margin-inline:auto
}
.reports24-main .r24-conclusion form {
  display:flex;
  margin-top:27px;
  position:relative;
  width:-webkit-fit-content;
  width:fit-content;
  padding:unset;
  margin-inline:auto
}
.reports24-main .r24-conclusion form input {
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  padding:20px 27px;
  border-radius:30.215px;
  background:#0d1c39;
  height:60px;
  width:589px;
  margin:unset;
  margin-inline:auto
}
.reports24-main .r24-conclusion form input::-webkit-input-placeholder {
  color:#cecece
}
.reports24-main .r24-conclusion form input:-ms-input-placeholder {
  color:#cecece
}
.reports24-main .r24-conclusion form input::placeholder {
  color:#cecece
}
.reports24-main .r24-conclusion form button {
  position:absolute;
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  padding:20px 27px;
  border-radius:46.07px;
  background:#0089ff;
  height:41px;
  width:209px;
  right:9.1px;
  top:9.5px;
  white-space:pre;
  display:grid;
  place-content:center
}
.reports24-main .r24-conclusion form .disabled {
  background-color:#393939;
  color:#a1a1a1
}
.reports24-main .r24-conclusion i {
  width:568px;
  color:#7c828c;
  font-family:Jakarta;
  font-size:15.25px;
  font-style:normal;
  font-weight:400;
  line-height:120%;
  text-align:center;
  max-width:unset;
  margin-top:14px;
  display:block;
  margin-inline:auto
}
.reports24-main .r24-quote {
  border-block:1px solid #283b62;
  padding:21px 0;
  width:1030px;
  height:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative
}
.reports24-main .r24-quote p {
  color:#fff;
  font-family:Jakarta;
  font-size:20px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  width:594px
}
.reports24-main .r24-quote button {
  display:flex;
  padding:16px 32px;
  justify-content:center;
  align-items:center;
  border-radius:77px;
  background:#0089ff;
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease;
  height:-webkit-fit-content;
  height:fit-content;
  height:56px;
  width:160px
}
.reports24-main .r24-quote button:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.reports24-main .r24-quote div {
  display:flex;
  height:56px;
  width:160px;
  padding:16px 32px;
  justify-content:center;
  align-items:center;
  border-radius:77px;
  background:#0089ff;
  color:#fff;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  height:-webkit-fit-content;
  height:fit-content;
  grid-gap:15px;
  gap:15px;
  flex-direction:row-reverse;
  position:absolute;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  opacity:0;
  -webkit-transition:opacity .2s ease;
  transition:opacity .2s ease
}
.reports24-main .r24-quote div:hover {
  opacity:1
}
.reports24-main .r24-quote div figure {
  width:24px;
  height:24px;
  margin:0;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .r24-quote div figure:hover {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.reports24-main .r24-quote div img {
  margin:0
}
.reports24-main .r24-testimonial {
  width:1030px;
  height:340px;
  position:relative;
  padding:90px 90px 90px 315px;
  border-radius:16px;
  overflow:hidden;
  background:#e5489b
}
.reports24-main .r24-testimonial:after {
  content:"“";
  position:absolute;
  top:36px;
  left:271.5px;
  color:#ca2c80;
  font-family:Neue Plak;
  font-size:430.222px;
  font-style:normal;
  font-weight:900;
  line-height:90%
}
.reports24-main .r24-testimonial img {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
}
.reports24-main .r24-testimonial div {
  position:relative;
  z-index:1
}
.reports24-main .r24-testimonial p {
  color:#f9fbfd;
  font-family:Jakarta;
  font-size:17px;
  font-style:normal;
  font-weight:500;
  line-height:130%
}
.reports24-main .r24-testimonial h5 {
  margin-top:37px;
  color:#fff;
  font-family:Neue Plak;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.48px
}
.reports24-main .r24-testimonial h6 {
  color:#fff;
  font-family:Neue Plak;
  font-size:14px;
  font-style:italic;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.42px;
  margin-top:1px
}
.reports24-main .r24-ad {
  width:1030px;
  height:267px;
  position:relative;
  padding:65px 66px;
  border-radius:16px;
  background:#0076e5;
  display:flex;
  grid-gap:449.25px;
  gap:449.25px;
  justify-content:flex-start;
  margin-top:85px
}
.reports24-main .r24-ad aside {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#0076e5;
  border-radius:16px
}
.reports24-main .r24-ad img {
  position:absolute;
  width:320.73px;
  left:0;
  right:0;
  margin-inline:auto;
  top:23px
}
.reports24-main .r24-ad div {
  position:relative;
  z-index:1;
  width:203px;
  height:-webkit-fit-content;
  height:fit-content;
  margin:auto 0
}
.reports24-main .r24-ad p {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:140%
}
.reports24-main .r24-ad h5 {
  color:#fff;
  font-family:Neue Plak;
  font-size:39.29px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  position:relative;
  z-index:10;
  width:220.747px;
  flex-shrink:0
}
.reports24-main .r24-ad button {
  margin-top:23px;
  display:flex;
  width:180px;
  height:44px;
  justify-content:center;
  align-items:center;
  border-radius:8px;
  background-color:#03429d;
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:15px;
  font-style:normal;
  font-weight:700;
  line-height:95%;
  text-transform:capitalize;
  -webkit-transition:background-color .5s ease;
  transition:background-color .5s ease;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  cursor:pointer
}
.reports24-main .r24-ad button:hover {
  background-color:#060f21
}
.reports24-main .r24-ad-save {
  padding-block:62px 58px;
  flex-direction:column;
  grid-gap:0;
  gap:0;
  margin-block:85px
}
.reports24-main .r24-ad-save:before {
  content:"";
  position:absolute;
  width:100vw;
  height:342px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,
-50%);
  transform:translate(-50%,
-50%);
  background-color:#0d1c39
}
.reports24-main .r24-ad-save h5 {
  width:339px;
  color:#fff;
  font-family:Neue Plak;
  font-size:44px;
  font-style:normal;
  font-weight:900;
  line-height:100%
}
.reports24-main .r24-ad-save button {
  position:relative;
  margin-top:16px;
  width:143px
}
.reports24-main .r24-ad-save img {
  width:478.36px;
  top:0;
  right:26.66px;
  left:unset
}
.reports24-main .r24-ad-emergency {
  padding-block:62px 58px;
  flex-direction:column;
  grid-gap:0;
  gap:0;
  margin-block:85px;
  top:40px
}
.reports24-main .r24-ad-emergency:before {
  content:"";
  position:absolute;
  width:100vw;
  height:342px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,
-50%);
  transform:translate(-50%,
-50%);
  background-color:#0d1c39
}
.reports24-main .r24-ad-emergency aside {
  background-color:#ea417d
}
.reports24-main .r24-ad-emergency h5 {
  width:399px;
  color:#fff;
  font-family:Neue Plak;
  font-size:44px;
  font-style:normal;
  font-weight:900;
  line-height:100%
}
.reports24-main .r24-ad-emergency button {
  position:relative;
  margin-top:16px;
  width:143px;
  background-color:#f07aa8!important;
  color:#fff!important
}
.reports24-main .r24-ad-emergency img {
  width:438px;
  top:0;
  right:42px;
  left:unset
}
.reports24-main .r24-footer {
  width:1440px;
  max-width:100vw;
  padding:0 0 22.15px;
  background-color:#060f21;
  display:grid;
  justify-content:center
}
.reports24-main .r24-footer-heading {
  color:#0089ff;
  font-family:Neue Plak;
  font-size:36px;
  font-style:normal;
  font-weight:900;
  line-height:34.697px;
  margin-inline:auto;
  width:1030px
}
.reports24-main .r24-footer-credits {
  display:flex;
  flex-wrap:wrap;
  margin:36.18px auto 0;
  padding:0 105px 72px;
  grid-gap:16px;
  gap:16px;
  align-items:center;
  align-content:center;
  color:#fff2d4;
  font-family:Neue Plak;
  font-size:33.616px;
  font-style:normal;
  font-weight:900;
  line-height:80%;
  border-bottom:.92px dashed #1d2d4d;
  width:1240px
}
.reports24-main .r24-footer-credits span {
  border-radius:90px;
  border:1px solid #1d2d4d;
  display:flex;
  padding:26px 29px 22px;
  justify-content:center;
  align-items:center;
  height:72px;
  cursor:crosshair;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.reports24-main .r24-footer-credits span:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.reports24-main .r24-footer-credits .paused,
.reports24-main .r24-footer-credits .spinning {
  -webkit-animation:spinning 5s linear infinite;
  animation:spinning 5s linear infinite
}
.reports24-main .r24-footer-credits .paused {
  -webkit-animation-play-state:paused;
  animation-play-state:paused
}
.reports24-main .r24-footer-ad {
  display:flex;
  align-items:center;
  justify-content:center;
  grid-gap:84px;
  gap:84px;
  width:100vw;
  overflow:hidden;
  -webkit-clip-path:inset(0 22px 0 22px);
  clip-path:inset(0 22px 0 22px);
  padding:39px 0 26.77px
}
.reports24-main .r24-footer-ad>img:first-of-type {
  width:416.25px;
  height:416.234px
}
.reports24-main .r24-footer-ad>img:nth-of-type(2) {
  width:437.055px;
  height:395.194px
}
.reports24-main .r24-footer-ad-download {
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.reports24-main .r24-footer-ad-download>img {
  width:96px;
  height:96px
}
.reports24-main .r24-footer-ad-download h3 {
  color:#fff;
  font-family:Neue Plak;
  font-size:44.308px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  letter-spacing:-1.329px;
  width:551.077px;
  text-align:center;
  margin-top:29.54px
}
.reports24-main .r24-footer-ad-download p {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:14.769px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.443px;
  margin-top:14.77px
}
.reports24-main .r24-footer-ad-download div {
  margin:29.54px auto 0;
  border-radius:18.462px;
  border:1.846px dashed #1d2d4d;
  display:flex;
  padding:7.385px;
  align-items:center;
  grid-gap:7.385px;
  gap:7.385px
}
.reports24-main .r24-footer-ad-download button {
  display:flex;
  height:44.308px;
  padding:11.077px 22.154px;
  justify-content:center;
  align-items:center;
  grid-gap:7.385px;
  gap:7.385px;
  color:#fff;
  font-family:Neue Plak;
  font-size:14.769px;
  font-style:normal;
  font-weight:600;
  line-height:80%;
  letter-spacing:-.443px;
  border-radius:11.077px;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.reports24-main .r24-footer-ad-download button:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.reports24-main .r24-footer-ad-download button:first-of-type {
  background:#1734ca
}
.reports24-main .r24-footer-ad-download button:first-of-type img {
  width:16.615px;
  height:20.308px
}
.reports24-main .r24-footer-ad-download button:nth-of-type(2) {
  background-color:transparent;
  border:.923px solid #1d2d4d
}
.reports24-main .r24-footer-ad-download button:nth-of-type(2) img {
  width:20.308px;
  height:20.308px
}
.reports24-main .r24-footer-ad-download span {
  margin-top:4px
}
.reports24-main .r24-footer-links {
  display:flex;
  border-top:.92px dashed #1d2d4d;
  width:1396px;
  max-width:100vw;
  margin:0 auto;
  justify-content:center;
  overflow:hidden
}
.reports24-main .r24-footer-links .meta {
  display:flex;
  flex-direction:column;
  grid-gap:14.77px;
  gap:14.77px;
  margin:38px 65.9px 0
}
.reports24-main .r24-footer-links .meta>img:first-of-type {
  width:102.462px;
  height:19.013px
}
.reports24-main .r24-footer-links .meta p {
  color:#b0c4ec;
  font-family:Jakarta;
  font-size:12.923px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.388px;
  width:112.615px
}
.reports24-main .r24-footer-links .meta>img:nth-of-type(2) {
  width:72.569px;
  height:60.6px
}
.reports24-main .r24-footer-links li {
  border-left:.92px dashed #1d2d4d;
  padding:38px 65.9px 39.38px;
  display:flex;
  flex-direction:column;
  grid-gap:11.077px;
  gap:11.077px
}
.reports24-main .r24-footer-links h6 {
  color:#fff;
  font-weight:700
}
.reports24-main .r24-footer-links a,
.reports24-main .r24-footer-links h6 {
  font-family:Jakarta;
  font-size:12.923px;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.388px
}
.reports24-main .r24-footer-links a {
  color:#b0c4ec;
  font-weight:400!important;
  white-space:pre;
  -webkit-transition:color .5s ease;
  transition:color .5s ease
}
.reports24-main .r24-footer-links a:hover {
  color:#fff
}
.reports24-main .r24-footer-links .socials {
  display:flex
}
.reports24-main .r24-footer-links .socials a {
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.reports24-main .r24-footer-links .socials a:hover {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-filter:contrast(4) grayscale(1);
  filter:contrast(4) grayscale(1)
}
.reports24-main .r24-footer-links .location {
  width:193.846px;
  white-space:unset
}
@media screen and (max-width:1200px) {
  .reports24-main {
  width:100vw;
  overflow:hidden
}
.reports24-main .r24-nav-open {
  position:fixed;
  bottom:33px;
  right:32px;
  -webkit-transform:scale(.7142857143);
  transform:scale(.7142857143);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  z-index:20;
  background-color:#0d1c39;
  display:grid;
  place-content:center;
  width:60px;
  height:60px;
  border-radius:50%
}
.reports24-main .r24-nav-open .hamburger {
  padding:unset!important;
  position:unset!important
}
.reports24-main .r24-nav-open #hamburger.is-active {
  -webkit-transform:translate(-2px,
1px) rotate(45deg);
  transform:translate(-2px,
1px) rotate(45deg)
}
.reports24-main .r24-nav-open .hamburger .line {
  background-color:#fff!important
}
.reports24-main .r24-header {
  width:100vw;
  margin:0;
  padding:20px 32px;
  z-index:11
}
.reports24-main .r24-header .piggylogo {
  width:111px;
  height:21.412px
}
.reports24-main .r24-header .download {
  margin:0;
  font-size:15px;
  width:172px;
  height:42px;
  white-space:pre
}
.reports24-main .r24-header .download:first-child,
.reports24-main .r24-header .share {
  display:none
}
.reports24-main .r24-nav-menu {
  width:100vw;
  height:90px;
  bottom:-90px
}
.reports24-main .r24-nav-menu.-active {
  bottom:-90px
}
.reports24-main .r24-nav-current,
.reports24-main .r24-nav-info {
  visibility:hidden
}
.reports24-main .r24-nav-list {
  padding:20px 100px 0 0
}
.reports24-main .r24-nav-list ul {
  grid-gap:1px;
  gap:1px;
  margin-top:12px
}
.reports24-main .r24-nav-list a {
  grid-gap:9px;
  gap:9px;
  --left:12px;
  --top:20px
}
.reports24-main .r24-nav-list a.-active,
.reports24-main .r24-nav-list a:hover {
  --width:28px;
  --height:28px;
  --top:8px
}
.reports24-main .r24-nav-list li {
  font-size:36px;
  padding:12px 0
}
.reports24-main .r24-nav-share {
  grid-gap:12px;
  gap:12px;
  margin-top:12px
}
.reports24-main .r24-nav-share figure {
  width:48px;
  height:48px;
  border-radius:12px
}
.reports24-main .r24-nav-close {
  display:none
}
.reports24-main .r24-download aside {
  width:calc(100vw - 60px);
  height:488px;
  padding:20px 24px
}
.reports24-main .r24-download-close {
  width:40px;
  height:40px;
  padding:6px
}
.reports24-main .r24-download-pvsr {
  width:200px;
  height:200px;
  margin-inline:auto;
  margin-top:5.8px;
  position:relative
}
.reports24-main .r24-download-pvsr-year {
  position:absolute;
  top:68.84px;
  right:-30.9px;
  width:82.54px;
  height:82.54px;
  -webkit-transform:scale(.75);
  transform:scale(.75)
}
.reports24-main .r24-download-pvsr-year img {
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite
}
.reports24-main .r24-download-pvsr-year h6 {
  color:#081933;
  text-align:center;
  font-family:Jakarta;
  font-size:25.03px;
  font-style:normal;
  font-weight:700;
  line-height:85.573%;
  position:absolute;
  width:43.057px;
  top:19.66px;
  left:18.32px;
  overflow-wrap:break-word
}
.reports24-main .r24-download img {
  width:100%;
  height:100%;
  margin:unset
}
.reports24-main .r24-download form {
  flex-direction:column;
  margin-top:24px;
  grid-gap:12px;
  gap:12px;
  width:100%
}
.reports24-main .r24-download form input {
  font-size:14px;
  padding:16px 20px;
  border-radius:36px;
  height:50px;
  width:100%
}
.reports24-main .r24-download form button {
  position:unset;
  font-size:14px;
  padding:16.5px 20px;
  border-radius:36.215px;
  height:50px;
  width:100%
}
.reports24-main .r24-download i {
  width:100%;
  font-size:14px;
  line-height:normal;
  margin-top:11px
}
.reports24-main .r24-hero {
  width:100vw;
  height:auto;
  min-height:847.5px;
  padding:114px 30px 600px
}
.reports24-main .r24-hero p {
  text-align:left!important;
  font-size:15px;
  width:100%;
  margin-bottom:1em;
  max-width:600px
}
.reports24-main .r24-hero h5 {
  margin-top:20px;
  font-size:15px
}
.reports24-main .r24-hero-nav {
  right:32px;
  top:20px;
  padding:4px
}
.reports24-main .r24-hero-media {
  width:430px;
  height:714px;
  overflow:unset;
  top:425px
}
.reports24-main .r24-hero-media>img:first-of-type {
  -webkit-transform:rotate(-4.83deg);
  transform:rotate(-4.83deg);
  width:304.63px;
  height:103.66px;
  top:133.65px;
  left:-66.17px
}
.reports24-main .r24-hero-media>img:nth-of-type(2) {
  -webkit-transform:rotate(4.54deg);
  transform:rotate(4.54deg);
  width:352.86px;
  height:110.34px;
  top:83.79px;
  left:197.81px
}
.reports24-main .r24-hero-media>img:nth-of-type(3) {
  -webkit-transform:rotate(6.1deg);
  transform:rotate(6.1deg);
  width:168.62px;
  height:auto;
  top:235.14px;
  left:-19.83px
}
.reports24-main .r24-hero-media>img:nth-of-type(4) {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  width:233.68px;
  height:auto;
  top:397px;
  left:-23px;
  z-index:5
}
.reports24-main .r24-hero-media>img:nth-of-type(5) {
  display:none
}
.reports24-main .r24-hero-media>img:nth-of-type(6) {
  -webkit-transform:rotate(-3.14deg);
  transform:rotate(-3.14deg);
  width:281.03px;
  height:auto;
  top:264.24px;
  left:262.93px
}
.reports24-main .r24-hero-media>img:nth-of-type(7) {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  width:543.89px;
  height:420.41px;
  top:254.76px;
  left:181.07px;
  z-index:6
}
.reports24-main .r24-hero-media .blue-bg {
  width:250.6px;
  height:255.95px;
  border-radius:15.36px;
  top:-180.12px;
  left:83.46px;
  z-index:4
}
.reports24-main .r24-hero-media .pvsr {
  width:195px;
  height:196.7px;
  top:-211.47px;
  left:108px;
  z-index:7;
  padding:0
}
.reports24-main .r24-hero-media .pvsr-year {
  width:49.71px;
  height:49.71px;
  top:91.96px;
  left:151.39px
}
.reports24-main .r24-hero-media .pvsr-year h6 {
  font-size:15.08px;
  width:25px;
  top:12.58px;
  left:11.08px
}
.reports24-main .boring-chart {
  position:relative;
  width:calc(100vw - 120px);
  height:140px;
  display:flex;
  align-items:flex-end;
  text-align:left!important
}
.reports24-main .boring-chart:has(:hover) .boring {
  mix-blend-mode:normal;
  opacity:.8;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
}
.reports24-main .boring-chart .boring-chart-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:138.459px
}
.reports24-main .boring-chart .boring-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  opacity:0
}
.reports24-main .boring-chart .boring-wrapper:hover {
  width:120%
}
.reports24-main .boring-chart .boring-wrapper:hover .boring {
  mix-blend-mode:normal;
  opacity:.95
}
.reports24-main .boring-chart .boring-wrapper:hover aside {
  -webkit-transform:scale(1.15);
  transform:scale(1.15)
}
.reports24-main .boring-chart .boring-wrapper:hover span {
  -webkit-filter:contrast(1) saturate(200%);
  filter:contrast(1) saturate(200%)
}
.reports24-main .boring-chart .boring-wrapper:nth-of-type(2) aside {
  top:-75px;
  justify-content:flex-start
}
.reports24-main .boring-chart .boring-wrapper .boring {
  flex:1 1;
  mix-blend-mode:multiply;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  height:100%
}
.reports24-main .boring-chart .boring-wrapper aside {
  position:absolute;
  bottom:-75px;
  border-left:1px dashed #000;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  height:75px;
  padding-left:15px;
  width:100px;
  grid-gap:10px;
  gap:10px;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease;
  max-width:unset
}
.reports24-main .boring-chart .boring-wrapper span {
  color:#060f21;
  font-family:Neue Plak;
  font-size:24px;
  font-style:normal;
  font-weight:900;
  line-height:80%
}
.reports24-main .boring-chart .boring-wrapper p {
  color:#060f21;
  font-family:Jakarta;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24-main .retro-bar-chart {
  position:relative;
  width:calc(100vw - 60px);
  margin-inline:auto;
  height:561px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding:28px 22px
}
.reports24-main .retro-bar-chart .retro-bar-chart-bg {
  height:100%;
  padding-left:105px;
  width:100%;
  object-fit:cover;
  object-position:25% 25%
}
.reports24-main .retro-bar-chart h5 {
  display:none
}
.reports24-main .retro-bar-chart .retro-bar-wrapper {
  display:block;
  width:157.5%!important;
  max-width:unset;
  left:57.5%
}
.reports24-main .retro-bar-chart .retro-bar-wrapper .retro-bar {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  height:100%;
  width:var(--height)
}
.reports24-main .retro-bar-chart .retro-bar-wrapper span {
  text-align:left!important;
  font-family:Jakarta;
  font-weight:400;
  font-size:24px;
  bottom:24px;
  -webkit-clip-path:unset;
  clip-path:unset;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  left:16px
}
.reports24-main .retro-bar-chart .retro-bar-wrapper:first-of-type p {
  margin-left:unset;
  right:42.5%;
  left:unset
}
.reports24-main .retro-bar-chart .retro-bar-wrapper p {
  bottom:-12px;
  left:var(--height);
  margin-left:23px;
  right:unset;
  width:85px;
  text-align:right!important;
  font-size:13px;
  font-style:normal;
  padding-top:0;
  text-align:left!important
}
.reports24-main .bar-chart {
  position:relative;
  width:calc(100vw - 60px);
  margin-inline:auto;
  height:391px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding-left:105px;
  padding-bottom:unset
}
.reports24-main .bar-chart .bar-chart-bg {
  height:100%;
  padding-left:105px;
  width:100%;
  object-fit:cover;
  object-position:25% 25%
}
.reports24-main .bar-chart .bar-wrapper {
  display:block
}
.reports24-main .bar-chart .bar-wrapper .bar {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  height:100%;
  width:var(--height)
}
.reports24-main .bar-chart .bar-wrapper span {
  text-align:left!important;
  font-size:36px;
  bottom:19px;
  -webkit-clip-path:unset;
  clip-path:unset;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  left:7px
}
.reports24-main .bar-chart .bar-wrapper p {
  bottom:25px;
  left:-110px;
  right:100%;
  text-align:right!important;
  font-size:13px;
  font-style:normal;
  padding-top:0;
  padding-right:14px
}
.reports24-main .multiple-bar-chart {
  grid-gap:16px;
  gap:16px;
  width:calc(100vw - 60px);
  margin-inline:auto;
  height:516px;
  flex-direction:column;
  padding-left:105px;
  padding-bottom:unset
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper {
  display:block
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper .bar {
  height:100%;
  width:var(--height)
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper .multiple-bar {
  flex:1 1;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  height:50%;
  width:var(--height);
  border-radius:0 4px 4px 0
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper span {
  font-size:16px;
  top:2.5px;
  right:-40px;
  text-align:right;
  width:-webkit-fit-content;
  width:fit-content;
  margin-left:auto
}
.reports24-main .multiple-bar-chart .multiple-bar-wrapper p {
  bottom:25px;
  left:-110px;
  right:100%;
  text-align:right!important;
  font-size:13px;
  font-style:normal;
  padding-top:0;
  padding-right:14px
}
.reports24-main .multiple-bar-chart aside {
  position:absolute;
  bottom:-48px;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  grid-gap:35px;
  gap:35px;
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24-main .multiple-bar-chart aside p {
  display:flex;
  align-items:center;
  grid-gap:16px;
  gap:16px
}
.reports24-main .multiple-bar-chart aside i {
  width:15px;
  height:15px;
  border-radius:50%
}
.reports24-main .hor-bar-chart {
  width:calc(100vw - 60px);
  height:503.48px;
  grid-gap:9.83px;
  gap:9.83px;
  padding-left:81.78px
}
.reports24-main .hor-bar-chart:after {
  width:2px;
  height:519.133px;
  left:81.15px
}
.reports24-main .hor-bar-chart .hor-bar-wrapper span {
  font-size:23.599px;
  right:-9.79px
}
.reports24-main .hor-bar-chart .hor-bar-wrapper p {
  left:-82.6px;
  font-size:13px;
  padding-right:14.15px
}
.reports24-main .db-bar-chart {
  height:275px
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-val {
  font-size:24px
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-val-1 {
  top:40.5%
}
.reports24-main .db-bar-chart .db-bar-wrapper .db-bar-val-2 {
  top:53.75%
}
.reports24-main .i-bar-chart {
  width:calc(100vw - 60px);
  height:180px;
  padding:0 0 0 33%
}
.reports24-main .i-bar-chart .i-bar-chart-bg {
  bottom:0;
  left:33%;
  width:66%;
  margin-inline:0
}
.reports24-main .i-bar-chart aside {
  left:0
}
.reports24-main .i-bar-chart aside span {
  font-size:12px;
  text-align:left;
  width:85px
}
.reports24-main .i-bar-chart hr {
  position:absolute;
  width:100%;
  height:0;
  margin:unset;
  border:unset;
  border-bottom:1px dashed hsla(0,
0%,
100%,
.6);
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.reports24-main .i-bar-chart .i-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  display:grid;
  align-items:center;
  cursor:pointer
}
.reports24-main .i-bar-chart .i-bar-wrapper:hover {
  width:105%
}
.reports24-main .i-bar-chart .i-bar-wrapper:hover span {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.reports24-main .i-bar-chart .i-bar-wrapper:first-of-type span {
  text-align:left
}
.reports24-main .i-bar-chart .i-bar-wrapper:nth-of-type(2) span {
  text-align:right
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar {
  flex:1 1;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar:hover {
  -webkit-filter:blur(5px);
  filter:blur(5px)
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-1 {
  margin-top:auto
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-2 {
  margin-bottom:auto;
  -webkit-transform-origin:50% 0;
  transform-origin:50% 0
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-val {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:32px;
  font-style:normal;
  font-weight:900;
  line-height:80%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  display:inline-block;
  pointer-events:none;
  left:0;
  right:0;
  text-align:center;
  visibility:hidden;
  padding-inline:10px
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-val-1 {
  top:42.5%
}
.reports24-main .i-bar-chart .i-bar-wrapper .i-bar-val-2 {
  top:53.75%
}
.reports24-main .i-bar-chart .i-bar-wrapper p {
  position:absolute;
  bottom:-32.68px;
  left:0;
  right:0;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  padding-top:20px
}
.reports24-main .comparer-chart {
  position:relative;
  width:479px;
  height:321px;
  padding:0 0 118px;
  display:flex;
  align-items:flex-end
}
.reports24-main .comparer-chart.static {
  width:479px;
  margin-bottom:-50px
}
.reports24-main .comparer-chart .comparer-bar-wrapper {
  width:100%;
  position:relative;
  height:100%;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  grid-gap:7px;
  gap:7px
}
.reports24-main .comparer-chart .comparer-bar-wrapper:hover {
  width:125%
}
.reports24-main .comparer-chart .comparer-bar-wrapper:hover .comparer-bar {
  -webkit-filter:contrast(1) saturate(200%);
  filter:contrast(1) saturate(200%)
}
.reports24-main .comparer-chart .comparer-bar-wrapper:hover span {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.reports24-main .comparer-chart .comparer-bar-wrapper:first-of-type {
  --border-radius:10px 10px 0px 10px;
  --text-align:left
}
.reports24-main .comparer-chart .comparer-bar-wrapper:nth-of-type(2) {
  --border-radius:10px 10px 10px 0px;
  --text-align:right
}
.reports24-main .comparer-chart .comparer-bar-wrapper .comparer-bar {
  overflow:visible;
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  width:100%;
  border-radius:var(--border-radius);
  -webkit-transition:height .5s ease,
background-color .35s ease;
  transition:height .5s ease,
background-color .35s ease
}
.reports24-main .comparer-chart .comparer-bar-wrapper span {
  position:absolute;
  color:#fff;
  font-family:Neue Plak;
  font-size:56.983px;
  font-style:normal;
  font-weight:900;
  line-height:56.983px;
  bottom:4px;
  left:0;
  right:0;
  text-align:center;
  -webkit-clip-path:inset(-100% -100% 12px -100%);
  clip-path:inset(-100% -100% 12px -100%);
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  display:inline-block;
  pointer-events:none;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .comparer-chart .comparer-bar-wrapper p {
  text-align:var(--text-align)!important;
  width:100%;
  color:var(--color);
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  padding-inline:16px;
  pointer-events:none
}
.reports24-main .comparer-chart .comparer-nav {
  position:absolute;
  bottom:68.16px;
  left:0;
  right:0;
  margin:0 auto;
  display:flex;
  grid-gap:16px;
  gap:16px;
  align-items:center;
  justify-content:center
}
.reports24-main .comparer-chart .comparer-nav span {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  cursor:default;
  width:110px
}
.reports24-main .comparer-chart .comparer-nav button {
  display:flex;
  width:30.838px;
  height:30.838px;
  padding:8.926px 8.928px 8.928px 8.926px;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  background:#0089ff;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.reports24-main .comparer-chart .comparer-nav button:hover {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-filter:saturate(200%);
  filter:saturate(200%)
}
.reports24-main .bi-chart {
  width:calc(100vw - 60px);
  margin-inline:auto;
  height:562px;
  flex-direction:column;
  border-radius:12px
}
.reports24-main .bi-chart aside {
  display:none!important
}
.reports24-main .bi-chart .bi-bar-wrapper {
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  width:100%;
  height:var(--width)
}
.reports24-main .bi-chart .bi-bar-wrapper:hover .bi-bar {
  -webkit-filter:saturate(200%) contrast(2);
  filter:saturate(200%) contrast(2)
}
.reports24-main .bi-chart .bi-bar-wrapper:nth-of-type(2) span {
  bottom:unset;
  top:4px
}
.reports24-main .bi-chart .bi-bar-wrapper:nth-of-type(2) p {
  top:unset;
  bottom:27px
}
.reports24-main .bi-chart .bi-bar-wrapper .bi-bar {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%);
  -webkit-clip-path:inset(100% 0 0 0);
  clip-path:inset(100% 0 0 0)
}
.reports24-main .bi-chart .bi-bar-wrapper span {
  font-size:120px;
  bottom:-15px;
  left:0;
  right:0;
  margin-inline:auto
}
.reports24-main .bi-chart .bi-bar-wrapper p {
  position:absolute;
  top:27px;
  right:43.5px;
  text-align:center;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  left:0;
  right:0
}
.reports24-main .blocks-chart {
  position:relative;
  width:1030px;
  height:541px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  border-bottom:1px solid #060f21
}
.reports24-main .blocks-chart aside {
  position:absolute;
  opacity:0;
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%
}
.reports24-main .blocks-chart .blocks-bar-wrapper {
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  -webkit-transition:width .5s ease;
  transition:width .5s ease;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.reports24-main .blocks-chart .blocks-bar-wrapper:hover p,
.reports24-main .blocks-chart .blocks-bar-wrapper:hover span {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.reports24-main .blocks-chart .blocks-bar-wrapper .blocks-bar {
  flex:1 1;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease;
  cursor:pointer;
  width:100%;
  height:100%;
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:calc(16px + .05px*var(--size)) calc(16px + .05px*var(--size))
}
.reports24-main .blocks-chart .blocks-bar-wrapper span {
  color:#fff;
  font-family:Neue Plak;
  font-size:calc(50px + 1px*var(--size));
  font-weight:900;
  line-height:100%;
  bottom:-26px;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  display:inline-block;
  pointer-events:none;
  right:-16px
}
.reports24-main .blocks-chart .blocks-bar-wrapper p,
.reports24-main .blocks-chart .blocks-bar-wrapper span {
  font-style:normal;
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,
-webkit-transform .5s ease
}
.reports24-main .blocks-chart .blocks-bar-wrapper p {
  text-align:center;
  text-align:left;
  font-family:Jakarta;
  font-size:calc(13px + .05px*var(--size));
  font-weight:400;
  line-height:normal;
  cursor:pointer;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
}
.reports24-main .reports24-sections>section {
  width:100vw;
  padding-inline:30px
}
.reports24-main .reports24-sections>section * {
  max-width:100%
}
.reports24-main .reports24-sections .preheading {
  font-size:14px;
  text-align:left!important;
  width:calc(100vw - 60px);
  margin:0 auto
}
.reports24-main .reports24-sections .heading {
  font-size:36px;
  text-align:left!important;
  width:calc(100vw - 60px);
  margin:16px auto 0
}
.reports24-main .reports24-sections .heading img {
  height:32px
}
.reports24-main .reports24-sections .info {
  color:var(--color);
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  text-align:left!important
}
.reports24-main .reports24-sections .subheading {
  color:var(--titles);
  font-family:Jakarta;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:125.175%;
  display:flex;
  grid-gap:9px;
  gap:9px
}
.reports24-main .reports24-sections .subheading2 {
  color:var(--titles);
  font-family:Neue Plak;
  font-size:20px;
  font-style:normal;
  font-weight:900;
  line-height:normal
}
.reports24-main .reports24-sections .ripped {
  position:absolute;
  width:300vw;
  height:32px;
  bottom:0;
  max-width:unset
}
.reports24-main .r24-income {
  padding-block:92px;
  --color:#efefef;
  --titles:#0089ff
}
.reports24-main .r24-income .cutout-1 {
  width:352.79px;
  height:auto;
  -webkit-transform:rotate(-.89deg);
  transform:rotate(-.89deg);
  top:211px;
  left:30px
}
.reports24-main .r24-income .doodle-1 {
  font-size:15px;
  -webkit-transform:rotate(-2deg);
  transform:rotate(-2deg);
  top:192px;
  left:30px
}
.reports24-main .r24-income .bar-chart:first-of-type {
  margin-top:160px
}
.reports24-main .r24-income .grid {
  display:flex;
  flex-direction:column;
  grid-gap:24px;
  gap:24px;
  width:calc(100vw - 60px);
  margin-inline:auto;
  text-align:left!important
}
.reports24-main .r24-income .grid img {
  width:300px;
  height:auto;
  margin-top:50.64px;
  align-items:center
}
.reports24-main .r24-income .grid .subheading2 {
  font-size:24px;
  margin-top:22px
}
.reports24-main .r24-income .info-1 {
  margin-top:66.32px;
  width:715px;
  width:calc(100vw - 60px);
  margin-inline:auto
}
.reports24-main .r24-income .info-2 {
  margin-top:29px;
  width:calc(100vw - 60px);
  margin-inline:auto
}
.reports24-main .r24-income .info-3 {
  margin-top:1em;
  width:712px
}
.reports24-main .r24-income .info-4 {
  margin-top:105px;
  width:calc(100vw - 60px);
  margin-inline:auto
}
.reports24-main .r24-income .grid-3 {
  margin-top:62px;
  display:flex;
  flex-direction:column;
  margin-inline:auto;
  align-items:flex-start;
  grid-gap:30px;
  gap:30px;
  width:calc(100vw - 60px);
  text-align:left!important;
  padding:unset
}
.reports24-main .r24-income .grid-3 h3 {
  font-size:32.343px;
  line-height:29.488px;
  margin-bottom:unset
}
.reports24-main .r24-income .grid-3 h3 img {
  height:32px;
  width:auto;
  position:relative;
  top:.15em
}
.reports24-main .r24-income .grid-3 hr {
  border:1px dashed #1f396d;
  position:absolute;
  margin:unset;
  height:0;
  right:0;
  left:124px;
  top:27.8px
}
.reports24-main .r24-income .grid-4 {
  margin-top:62px;
  display:flex;
  flex-direction:column;
  margin-inline:auto;
  align-items:flex-start;
  grid-gap:30px;
  gap:30px;
  width:calc(100vw - 60px);
  text-align:left!important;
  padding:unset
}
.reports24-main .r24-income .grid-4>img {
  margin-inline:40px 13px;
  display:block
}
.reports24-main .r24-income .grid-4 .info {
  width:180px
}
.reports24-main .r24-income .grid-4 h3 {
  font-size:32.343px;
  line-height:60%;
  margin-bottom:unset
}
.reports24-main .r24-income .grid-4 h3 img {
  height:32px;
  width:auto;
  position:relative;
  top:.15em
}
.reports24-main .r24-income .grid-4 hr {
  border:1px dashed #1f396d;
  position:absolute;
  margin:unset;
  height:0;
  right:0;
  left:124px;
  top:20px
}
.reports24-main .r24-income .r24-testimonial {
  margin-top:77px
}
.reports24-main .r24-income .grid-2 {
  margin-top:62px;
  display:flex;
  flex-direction:column-reverse;
  margin-inline:auto;
  align-items:flex-start;
  grid-gap:30px;
  gap:30px;
  width:calc(100vw - 60px);
  text-align:left!important;
  padding:unset
}
.reports24-main .r24-income .grid-2 hr {
  border:1px dashed #1f396d;
  position:absolute;
  margin:unset;
  height:0;
  right:0;
  left:124px;
  top:20.8px
}
.reports24-main .r24-income .grid-2 h4 {
  color:#46daf3;
  width:135px;
  line-height:90%;
  margin-bottom:25px
}
.reports24-main .r24-income .grid-2 i {
  background-color:var(--bg);
  width:15px;
  height:15px;
  border-radius:50%
}
.reports24-main .r24-income .grid-2 span {
  color:var(--color);
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%
}
.reports24-main .r24-income .subheading {
  margin-top:96px;
  width:calc(100vw - 60px);
  margin-inline:auto;
  text-align:left!important;
  grid-gap:10px;
  gap:10px;
  align-items:baseline
}
.reports24-main .r24-income .subheading img {
  height:12px;
  width:auto
}
.reports24-main .r24-income .multiple-bar-chart {
  margin-top:42px
}
.reports24-main .r24-income .bi-chart {
  margin-top:22px
}
.reports24-main .r24-income .bi-chart aside {
  color:#000;
  font-family:Jakarta;
  font-size:13.847px;
  font-style:normal;
  font-weight:400;
  line-height:125.175%;
  display:grid;
  align-content:flex-end;
  pointer-events:none
}
.reports24-main .r24-income .bi-chart aside:first-of-type {
  top:15.41px;
  left:17px;
  width:114.24px;
  height:198.2px;
  border-radius:20px;
  background:#46daf3;
  padding:15.96px 19.04px
}
.reports24-main .r24-income .bi-chart aside:nth-of-type(2) {
  top:15.41px;
  left:131.24px;
  width:123.76px;
  height:85.86px;
  border-radius:20px;
  background:#8aebf4;
  padding:15.96px 18.18px
}
.reports24-main .r24-income .bi-chart aside:nth-of-type(3) {
  top:101.1px;
  left:131.24px;
  width:123.76px;
  height:112.5px;
  border-radius:20px;
  background:#ccfff6;
  padding:15.96px 18.18px
}
.reports24-main .r24-income .grid-2-reverse {
  margin-top:150px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  position:relative;
  width:100%
}
.reports24-main .r24-income .grid-2-reverse .info {
  width:385px;
  margin-top:22px
}
.reports24-main .r24-income .grid-2-reverse h4 {
  color:#46daf3
}
.reports24-main .r24-spending {
  padding-top:100px;
  padding-bottom:0;
  --color:#060f21;
  --titles:#e5489b;
  background-color:#fff2d4;
  margin-bottom:-1px;
  top:-1px
}
.reports24-main .r24-spending .subheading {
  color:#0089ff;
  margin-top:80px
}
.reports24-main .r24-spending .subheading img {
  width:21px;
  height:auto
}
.reports24-main .r24-spending .doodle {
  width:calc(100vw - 60px);
  margin-inline:auto;
  text-align:left!important
}
.reports24-main .r24-spending .doodle-1 {
  margin-top:26px
}
.reports24-main .r24-spending .doodle-2 {
  margin-top:77px;
  opacity:0
}
.reports24-main .r24-spending .cutout-1 {
  position:static;
  width:calc(100vw - 60px);
  object-fit:contain;
  object-position:left;
  height:97.46px;
  margin-inline:auto;
  margin-top:15px
}
.reports24-main .r24-spending .cutout-2 {
  width:calc(150vw - 90px);
  height:auto;
  top:2080px;
  left:-150px;
  object-fit:contain;
  object-position:left;
  max-width:unset
}
.reports24-main .r24-spending .cutout-3 {
  position:unset;
  width:416px;
  height:350px
}
.reports24-main .r24-spending .bar-chart:first-of-type {
  margin-top:-7.5px
}
.reports24-main .r24-spending .r24-quote:first-of-type {
  margin-top:38px;
  border-color:#e5ca8b
}
.reports24-main .r24-spending .r24-quote:first-of-type p {
  color:#060f21;
  width:495px
}
.reports24-main .r24-spending .r24-quote:first-of-type button {
  color:#060f21
}
.reports24-main .r24-spending .r24-quote:nth-of-type(2) {
  margin-top:345px;
  border-color:#e5ca8b
}
.reports24-main .r24-spending .r24-quote:nth-of-type(2) p {
  color:#060f21;
  width:495px
}
.reports24-main .r24-spending .r24-quote:nth-of-type(2) button {
  color:#060f21
}
.reports24-main .r24-spending .info-1 {
  margin-top:49px;
  width:calc(100vw - 60px)
}
.reports24-main .r24-spending .info-2 {
  margin-top:50px;
  width:calc(100vw - 60px)
}
.reports24-main .r24-spending .info-3 {
  margin-top:1em;
  width:680px
}
.reports24-main .r24-spending .info-4 {
  margin-top:670px;
  width:630px
}
.reports24-main .r24-spending .boring-chart {
  position:absolute;
  top:2158.71px;
  left:20%
}
.reports24-main .r24-spending .grid-2 {
  margin-top:90px;
  grid-gap:28px;
  gap:28px;
  align-items:center;
  flex-direction:column
}
.reports24-main .r24-spending .grid-2 img {
  height:auto
}
.reports24-main .r24-spending .grid-2 .info {
  width:unset;
  margin:unset
}
.reports24-main .r24-spending .grid-2 .subheading2 {
  font-size:24px;
  width:658px
}
.reports24-main .r24-savings {
  padding-top:100px;
  padding-bottom:0;
  --color:#efefef;
  --titles:#a4fc5a;
  z-index:1
}
.reports24-main .r24-savings .cutout-1 {
  width:calc(100vw - 60px);
  object-fit:contain;
  object-position:left;
  height:409px;
  top:197px;
  left:-132px
}
.reports24-main .r24-savings .cutout-2 {
  width:calc(100vw - 60px);
  height:300px;
  top:3050px;
  left:0;
  right:0
}
.reports24-main .r24-savings .chart {
  margin-top:241.7px;
  margin-bottom:56px
}
.interact .left .content .reports24-main .r24-savings .chart-1 .link,
.reports24-main .r24-savings .chart-1 .interact .left .content .link,
.reports24-main .r24-savings .chart-1 .savings .box .sub-title,
.reports24-main .r24-savings .chart-1 svg,
.savings .box .reports24-main .r24-savings .chart-1 .sub-title {
  width:calc(100vw - 60px);
  height:194px
}
.reports24-main .r24-savings .chart-1 path {
  fill-opacity:1
}
.reports24-main .r24-savings .chart aside {
  padding-left:11.45px;
  padding-inline:10px;
  border-left:1px dashed #fff;
  text-align:left!important
}
.reports24-main .r24-savings .chart aside:first-of-type {
  top:210.3px;
  left:16.16px;
  width:calc(100vw - 60px);
  margin-inline:auto;
  right:0;
  border-color:#a4fc5a
}
.reports24-main .r24-savings .chart aside:nth-of-type(2) {
  top:-14px;
  left:50%;
  width:calc(100vw - 60px);
  margin-inline:auto;
  right:0;
  border-color:#ffe201
}
.reports24-main .r24-savings .chart aside:nth-of-type(3) {
  top:210.3px;
  left:75%;
  width:calc(100vw - 60px);
  margin-inline:auto;
  right:0;
  border-color:#e5489b
}
.reports24-main .r24-savings .chart span {
  color:#fff;
  font-size:35.44px
}
.reports24-main .r24-savings .chart p {
  color:#fff;
  font-size:13px;
  width:88px
}
.reports24-main .r24-savings .grid {
  left:unset
}
.reports24-main .r24-savings .grid img {
  margin:0 auto;
  height:auto
}
.reports24-main .r24-savings .grid p {
  width:279px
}
.reports24-main .r24-savings .grid h4 {
  width:657px!important;
  color:#a4fc5a!important
}
.reports24-main .r24-savings .r24-testimonial {
  padding-top:42px;
  height:603px
}
.reports24-main .r24-savings .hor-bar-chart {
  height:503px;
  margin-top:300px;
  left:20px
}
.reports24-main .r24-savings .hor-bar-chart:after {
  height:519px
}
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper {
  position:relative;
  width:200%;
  max-width:unset;
  left:100%
}
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper:nth-of-type(7) span,
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper:nth-of-type(8) span,
.reports24-main .r24-savings .hor-bar-chart .hor-bar-wrapper:nth-of-type(9) span {
  padding-left:10px
}
.reports24-main .r24-savings .hor-bar-chart span {
  color:#e4f0ff!important;
  padding-left:5px
}
.reports24-main .r24-savings .hor-bar-chart p {
  color:#fff!important;
  width:110px;
  left:-110px;
  font-size:12px
}
.reports24-main .r24-emergency-funds {
  padding-top:100px;
  padding-bottom:113px;
  --color:#efefef;
  --titles:#a4fc5a
}
.reports24-main .r24-emergency-funds .cutout-1 {
  width:calc(100vw - 60px);
  height:245.54px;
  top:175.46px;
  padding-left:unset
}
.reports24-main .r24-emergency-funds .chart-1 {
  position:relative;
  width:100%;
  margin-top:200px;
  z-index:10
}
.interact .left .content .reports24-main .r24-emergency-funds .chart-1 .link,
.reports24-main .r24-emergency-funds .chart-1 .interact .left .content .link,
.reports24-main .r24-emergency-funds .chart-1 .savings .box .sub-title,
.reports24-main .r24-emergency-funds .chart-1 svg,
.savings .box .reports24-main .r24-emergency-funds .chart-1 .sub-title {
  width:323px;
  height:323px;
  margin-inline:auto
}
.reports24-main .r24-emergency-funds .chart aside:first-of-type {
  top:75px;
  right:0;
  left:0;
  padding-right:75px
}
.reports24-main .r24-emergency-funds .chart aside:nth-of-type(2) {
  top:200px;
  right:0;
  left:0;
  padding-left:24px
}
.reports24-main .r24-emergency-funds .chart aside:nth-of-type(2) * {
  color:#fff!important
}
.reports24-main .r24-emergency-funds .chart span {
  font-size:39.63px
}
.reports24-main .r24-emergency-funds .chart p {
  font-size:12.69px;
  margin-top:2px
}
.reports24-main .r24-emergency-funds .grid-2 {
  flex-direction:column
}
.reports24-main .r24-debt {
  padding-top:100px;
  --color:#060f21;
  --titles:#ea417d;
  background-color:#fbebff
}
.reports24-main .r24-debt .cutout-1 {
  top:135px;
  left:-26px;
  width:calc(100vw - 90px)
}
.reports24-main .r24-debt .bi-chart {
  margin-top:112.3px;
  height:478px
}
.reports24-main .r24-debt .bi-chart .bi-bar-wrapper:first-of-type span {
  font-size:110px;
  bottom:12px;
  left:18px;
  text-align:left;
  -webkit-clip-path:unset;
  clip-path:unset
}
.reports24-main .r24-debt .bi-chart .bi-bar-wrapper:first-of-type p {
  bottom:70px;
  top:unset;
  width:85px;
  left:250px;
  text-align:left!important
}
.reports24-main .r24-debt .bi-chart .bi-bar-wrapper:nth-of-type(2) span {
  font-size:63.53px;
  top:26px;
  left:23px;
  text-align:left;
  -webkit-clip-path:unset;
  clip-path:unset
}
.reports24-main .r24-debt .bi-chart .bi-bar-wrapper:nth-of-type(2) p {
  top:26px;
  bottom:unset;
  width:85px;
  left:250px;
  text-align:left!important
}
.reports24-main .r24-debt .bi-chart span {
  font-size:60px
}
.reports24-main .r24-debt .info-1 {
  margin-top:40px
}
.reports24-main .r24-debt .info-3 {
  margin-top:40px;
  width:calc(100vw - 60px)
}
.reports24-main .r24-debt .subheading2.mobile {
  color:#6624ce;
  text-align:left!important;
  position:relative;
  line-height:100%;
  margin-top:20px
}
.reports24-main .r24-debt .subheading2.mobile:after {
  content:"";
  position:absolute;
  width:209px;
  right:0;
  height:1px;
  top:45%;
  border-bottom:1px dashed #060f21
}
.reports24-main .r24-debt .chart-1 {
  margin-top:0
}
.reports24-main .r24-debt .chart-1 aside:first-of-type {
  left:25%;
  top:25%
}
.reports24-main .r24-debt .chart-1 aside:nth-of-type(2) {
  top:57.5%;
  right:25%
}
.reports24-main .r24-debt .grid-3 {
  margin-top:40px;
  grid-gap:0;
  gap:0
}
.reports24-main .r24-debt .grid-3 h3 {
  color:#6624ce
}
.reports24-main .r24-debt .bar-chart {
  height:300px;
  margin-top:20px;
  grid-gap:2px;
  gap:2px
}
.reports24-main .r24-debt .bar-chart .bar-wrapper {
  width:125%;
  max-width:unset;
  left:25%
}
.reports24-main .r24-debt .bar-chart .bar-wrapper:first-of-type .bar {
  background-color:#0089ff!important
}
.reports24-main .r24-debt .bar-chart .bar-wrapper:nth-of-type(2) .bar {
  background-color:#6624ce!important
}
.reports24-main .r24-debt .bar-chart .bar-wrapper:nth-of-type(3) .bar {
  background-color:#f16818!important
}
.reports24-main .r24-debt .bar-chart .bar-wrapper:nth-of-type(4) .bar {
  background-color:#00896b!important
}
.reports24-main .r24-debt .bar-chart .bar {
  border-radius:0 8px 8px 0
}
.reports24-main .r24-debt .bar-chart * {
  mix-blend-mode:unset!important
}
.reports24-main .r24-debt .bar-chart img {
  display:none
}
.reports24-main .r24-debt .subheading {
  color:#6624ce;
  margin-top:46px
}
.reports24-main .r24-debt .grid-2 {
  margin-top:44px;
  margin-bottom:0
}
.reports24-main .r24-debt .grid-2 .info {
  margin-top:100px
}
.reports24-main .r24-debt .blocks-chart.index-1 {
  margin-inline:0
}
.reports24-main .r24-debt .blocks-chart.index-2 {
  width:calc(100vw - 60px)
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:first-of-type span,
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(2) span {
  left:22px;
  text-align:left
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(3) {
  left:30%;
  width:70%
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(3) span {
  left:17px;
  text-align:left
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(4) {
  width:30%
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(4) span {
  left:17px;
  text-align:left
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(5) {
  left:30%;
  width:70%
}
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(5) span,
.reports24-main .r24-debt .blocks-chart.index-2 aside:nth-of-type(7) span {
  left:17px;
  text-align:left
}
.reports24-main .r24-debt .r24-testimonial {
  margin-top:10px;
  height:558px
}
.reports24-main .r24-debt .r24-testimonial img {
  left:17%;
  top:unset
}
.reports24-main .r24-debt .grid {
  left:unset
}
.reports24-main .r24-debt .grid img {
  margin:0 auto;
  height:auto
}
.reports24-main .r24-debt .grid p {
  width:279px
}
.reports24-main .r24-debt .hor-bar-chart {
  left:3.5%
}
.reports24-main .r24-debt .hor-bar-chart p {
  width:100px;
  left:-115px
}
.reports24-main .r24-business {
  padding-top:100px;
  --color:#efefef;
  --titles:#a4fc5a
}
.reports24-main .r24-business .cutout-1 {
  top:165px
}
.reports24-main .r24-business .stick-figures {
  width:calc(100vw - 60px);
  height:200px;
  grid-gap:7.9px;
  gap:7.9px;
  margin-top:130.3px
}
.reports24-main .r24-business .grid-2-reverse {
  margin-top:10px
}
.reports24-main .r24-business .r24-quote {
  margin-top:91px;
  border-color:#1f345e
}
.reports24-main .r24-business .r24-quote p {
  width:640px
}
.reports24-main .r24-business .r24-quote button,
.reports24-main .r24-business .r24-quote div {
  background-color:#6624ce
}
.reports24-main .r24-inflation {
  padding-top:100px;
  --color:#efefef;
  --titles:#a4fc5a;
  background-color:#1a534a
}
.reports24-main .r24-inflation .cutout-1 {
  left:26px;
  top:172px
}
.reports24-main .r24-inflation .chart-1 {
  justify-content:center;
  display:flex;
  width:calc(100vw - 60px);
  height:auto;
  margin-inline:auto;
  margin-block:120px 40px;
  position:relative
}
.reports24-main .r24-inflation .chart aside {
  position:absolute;
  grid-gap:4px;
  gap:4px
}
.reports24-main .r24-inflation .chart aside:first-of-type {
  top:110px;
  left:10px;
  display:flex;
  flex-direction:column-reverse
}
.reports24-main .r24-inflation .chart aside:nth-of-type(2) {
  top:115px;
  right:12px;
  grid-gap:0;
  gap:0
}
.reports24-main .r24-inflation .chart aside:nth-of-type(2) span {
  font-size:20px
}
.reports24-main .r24-inflation .chart aside:nth-of-type(2) p {
  font-size:11px
}
.reports24-main .r24-inflation .chart span {
  color:#060f21;
  font-size:40px
}
.reports24-main .r24-inflation .info-1 {
  margin-top:0
}
.reports24-main .r24-inflation .r24-quote {
  margin-top:40px
}
.reports24-main .r24-inflation .grid {
  margin-top:0
}
.reports24-main .r24-inflation .subheading {
  margin-top:40px
}
.reports24-main .r24-inflation .bar-chart {
  height:555px;
  margin-top:40px
}
.reports24-main .r24-inflation .bar-chart p {
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.reports24-main .r24-future-plans {
  padding-top:100px;
  --color:#060f21;
  --titles:#e5489b;
  background-color:#fff2d4
}
.reports24-main .r24-future-plans .cutout-1 {
  -webkit-transform:unset;
  transform:unset;
  top:122px
}
.reports24-main .r24-future-plans .cutout-2 {
  object-fit:contain;
  height:126px
}
.reports24-main .r24-future-plans .chart-1 {
  width:182px;
  height:auto;
  margin-block:160px 40px
}
.reports24-main .r24-future-plans .chart aside {
  padding:17px 0;
  border:none;
  border-top:.9px solid #060f21;
  min-width:128px
}
.reports24-main .r24-future-plans .chart aside:first-of-type {
  top:17.83px;
  left:-76.61px;
  padding-bottom:30px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(2) {
  top:185px;
  left:114.56px;
  padding-top:17px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(2) * {
  text-align:right!important;
  margin-left:auto
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(3) {
  top:296px;
  left:-56.61px;
  padding-bottom:30px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(4) {
  top:372px;
  left:101.56px;
  padding-top:17px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(4) * {
  text-align:right!important;
  margin-left:auto
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(5) {
  top:444px;
  left:-52.61px;
  padding-bottom:30px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(6) {
  top:515px;
  left:101.56px;
  padding-top:17px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(6) * {
  text-align:right!important;
  margin-left:auto
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(7) {
  top:574px;
  left:-52.61px;
  padding-bottom:30px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(8) {
  top:631px;
  left:101.56px;
  padding-top:17px
}
.reports24-main .r24-future-plans .chart aside:nth-of-type(8) * {
  text-align:right!important;
  margin-left:auto
}
.reports24-main .r24-future-plans .chart span {
  font-size:20px
}
.reports24-main .r24-future-plans .chart p {
  font-size:12px;
  width:60%;
  min-width:70px
}
.reports24-main .r24-future-plans .info-1 {
  margin-top:40px
}
.reports24-main .r24-future-plans hr {
  left:0!important
}
.reports24-main .r24-future-plans .grid-3 {
  margin-block:0
}
.reports24-main .r24-future-plans .grid-3 .info {
  margin-top:40px
}
.reports24-main .r24-future-plans .grid-3 .static {
  margin-top:-100px
}
.reports24-main .r24-future-plans .grid-3 .comparer-nav {
  bottom:90px
}
.reports24-main .r24-future-plans .bar-chart {
  height:366.68px;
  margin-top:0
}
.reports24-main .r24-future-plans .bar-chart img {
  opacity:0
}
.reports24-main .r24-future-plans .bar-chart * {
  mix-blend-mode:unset!important
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper:first-of-type .bar {
  background-color:#0089ff!important
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper:nth-of-type(2) .bar {
  background-color:#6624ce!important
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper:nth-of-type(3) .bar {
  background-color:#f16818!important
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper:nth-of-type(4) .bar {
  background-color:#00896b!important
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper p {
  bottom:unset;
  top:40px
}
.reports24-main .r24-future-plans .bar-chart .bar-wrapper span {
  top:40%
}
.reports24-main .r24-future-plans .charts-nav {
  width:calc(100vw - 60px);
  bottom:8.16px
}
.reports24-main .r24-future-plans .charts-nav span {
  font-size:20px;
  width:200px
}
.reports24-main .r24-conclusion {
  padding-top:48px;
  --color:#fff;
  --titles:#fff
}
.reports24-main .r24-conclusion h2 img {
  margin-top:-5px
}
.reports24-main .r24-conclusion .info {
  margin-top:24px;
  width:calc(100vw - 60px);
  margin-inline:auto
}
.reports24-main .r24-conclusion .info-2 {
  margin-top:.65em
}
.reports24-main .r24-conclusion .bentos {
  width:calc(100vw - 60px);
  display:flex;
  flex-direction:column;
  grid-row-gap:13px;
  row-gap:13px;
  margin:41px auto 0
}
.reports24-main .r24-conclusion .bento {
  border-radius:11.66px;
  width:100%!important;
  height:160px!important;
  padding-top:26px!important
}
.reports24-main .r24-conclusion h4 {
  text-align:center!important;
  font-size:21.87px;
  width:258px;
  margin-inline:auto
}
.reports24-main .r24-conclusion .bento:first-of-type img {
  width:108.74px;
  top:78.41px
}
.reports24-main .r24-conclusion .bento:nth-of-type(2) img {
  width:313.35px;
  height:auto;
  top:28.95px;
  left:0;
  right:0;
  margin-inline:auto
}
.reports24-main .r24-conclusion .bento:nth-of-type(3) img {
  width:407.95px;
  height:auto;
  top:-15px;
  left:-43.75px
}
.reports24-main .r24-conclusion .bento:nth-of-type(4) img {
  width:236px;
  height:auto;
  top:18px;
  left:70px
}
.reports24-main .r24-conclusion .bento:nth-of-type(5) img {
  width:363.5px;
  height:auto;
  top:60.44px;
  left:-16.5px
}
.reports24-main .r24-conclusion .ad-wrapper {
  display:grid;
  place-content:center
}
.reports24-main .r24-conclusion .ad-wrapper:before {
  height:472px
}
.reports24-main .r24-conclusion .ad-wrapper .r24-ad {
  position:relative;
  margin:0;
  overflow:hidden
}
.reports24-main .r24-conclusion h3 {
  margin-top:100px;
  font-size:32px;
  width:calc(100vw - 60px)
}
.reports24-main .r24-conclusion form {
  flex-direction:column;
  margin-top:22px;
  grid-gap:12px;
  gap:12px;
  width:100%
}
.reports24-main .r24-conclusion form input {
  font-size:14px;
  padding:16px 20px;
  border-radius:36px;
  height:50px;
  width:100%
}
.reports24-main .r24-conclusion form button {
  position:unset;
  font-size:14px;
  padding:16.5px 20px;
  border-radius:36.215px;
  height:50px;
  width:100%
}
.reports24-main .r24-conclusion i {
  width:100%;
  font-size:14px;
  line-height:normal;
  margin-top:11px
}
.reports24-main .r24-quote {
  width:calc(100vw - 60px);
  flex-direction:column;
  margin-inline:auto;
  grid-gap:20px;
  gap:20px;
  text-align:left!important
}
.reports24-main .r24-quote p {
  font-size:18px;
  width:100%;
  margin-right:auto
}
.reports24-main .r24-quote button {
  margin-right:auto;
  pointer-events:none;
  opacity:1;
  background-color:unset!important;
  border:unset!important;
  padding:unset!important;
  width:unset!important
}
.reports24-main .r24-quote div {
  top:unset;
  bottom:21px;
  -webkit-transform:unset;
  transform:unset;
  right:unset;
  left:100px;
  opacity:1
}
.reports24-main .r24-testimonial {
  width:calc(100vw - 60px);
  margin-inline:auto;
  height:498px;
  padding:42px 20px;
  border-radius:12px;
  text-align:left!important
}
.reports24-main .r24-testimonial:after {
  top:18px;
  left:-82px;
  font-size:401.918px
}
.reports24-main .r24-testimonial img {
  position:absolute;
  left:17%;
  bottom:0;
  top:unset;
  right:unset;
  width:225%;
  height:auto;
  max-width:unset
}
.reports24-main .r24-testimonial div {
  position:relative
}
.reports24-main .r24-testimonial p {
  font-size:16px;
  line-height:130%
}
.reports24-main .r24-testimonial h5 {
  margin-top:34px
}
.reports24-main .r24-ad {
  width:calc(100vw - 60px);
  height:416px;
  padding:47px 42px;
  grid-gap:13px;
  gap:13px;
  flex-direction:column
}
.reports24-main .r24-ad:before {
  height:149px
}
.reports24-main .r24-ad img {
  width:254.154px;
  top:207px
}
.reports24-main .r24-ad div {
  width:-webkit-fit-content;
  width:fit-content;
  margin:0 auto
}
.reports24-main .r24-ad p {
  font-size:14.541px
}
.reports24-main .r24-ad h5 {
  font-size:28px;
  line-height:108.5%;
  width:236px;
  margin-inline:auto
}
.reports24-main .r24-ad button {
  margin-top:8.23px;
  width:156px;
  height:38.4px;
  border-radius:6.65px;
  font-size:13.347px
}
.reports24-main .r24-ad-save {
  padding-block:47px 75px;
  padding-inline:65px
}
.reports24-main .r24-ad-save:before {
  content:"";
  height:472px
}
.reports24-main .r24-ad-save aside {
  overflow:hidden
}
.reports24-main .r24-ad-save h5 {
  width:219px;
  color:#fff;
  font-family:Neue Plak;
  font-size:29px;
  font-style:normal;
  font-weight:900;
  line-height:100%
}
.reports24-main .r24-ad-save button {
  position:relative;
  margin-top:16px;
  width:143px;
  margin-inline:auto
}
.reports24-main .r24-ad-save img {
  width:438.42px;
  top:unset;
  bottom:0;
  right:0;
  left:0
}
.reports24-main .r24-ad-emergency {
  padding-block:47px 42px;
  padding-inline:30px;
  margin-block:60px;
  height:390px
}
.reports24-main .r24-ad-emergency:before {
  content:"";
  height:472px
}
.reports24-main .r24-ad-emergency aside {
  overflow:hidden
}
.reports24-main .r24-ad-emergency h5 {
  width:285px;
  color:#fff;
  font-family:Neue Plak;
  font-size:29px;
  font-style:normal;
  font-weight:900;
  line-height:100%
}
.reports24-main .r24-ad-emergency button {
  position:relative;
  margin-top:7px;
  width:143px;
  margin-inline:auto
}
.reports24-main .r24-ad-emergency img {
  width:290.73px;
  top:unset;
  bottom:0;
  right:0;
  left:0
}
.reports24-main .r24-footer {
  width:100vw;
  margin:0 auto;
  padding:0
}
.reports24-main .r24-footer-heading {
  font-size:24px;
  line-height:34.7px;
  width:calc(100vw - 60px);
  text-align:left!important
}
.reports24-main .r24-footer-credits {
  margin:20.27px auto 0;
  padding:0 0 218px;
  grid-gap:10.44px;
  gap:10.44px;
  font-size:21.93px;
  width:calc(100vw - 60px)
}
.reports24-main .r24-footer-credits span {
  border-radius:60px;
  padding:17.6px 18.9px 13.6px;
  height:46.32px
}
.reports24-main .r24-footer-credits img {
  height:27.377px
}
.reports24-main .r24-footer-ad {
  -webkit-clip-path:none;
  clip-path:none;
  padding:32px 0
}
.reports24-main .r24-footer-ad>img:first-of-type,
.reports24-main .r24-footer-ad>img:nth-of-type(2) {
  display:none
}
.reports24-main .r24-footer-ad-download>img {
  width:60px;
  height:60px
}
.reports24-main .r24-footer-ad-download h3 {
  font-size:32px;
  letter-spacing:-.96px;
  width:309px;
  margin-top:23px
}
.reports24-main .r24-footer-ad-download p {
  font-size:14px;
  letter-spacing:-.42px
}
.reports24-main .r24-footer-ad-download div {
  margin:23px auto 0;
  border-radius:20.93px;
  border:2.093px dashed #1d2d4d;
  flex-direction:column;
  padding:8.37px;
  grid-gap:8.37px;
  gap:8.37px
}
.reports24-main .r24-footer-ad-download button {
  width:198.4px;
  height:50px;
  padding:13px 25.11px;
  grid-gap:8.37px;
  gap:8.37px;
  font-size:16.74px;
  letter-spacing:-.502px;
  border-radius:12.558px
}
.reports24-main .r24-footer-ad-download button:first-of-type img {
  width:18.837px;
  height:23.023px
}
.reports24-main .r24-footer-ad-download button:nth-of-type(2) {
  border:1.046px solid #1d2d4d
}
.reports24-main .r24-footer-ad-download button:nth-of-type(2) img {
  width:23.023px;
  height:23.023px
}
.reports24-main .r24-footer-ad-download span {
  margin-top:6px
}
.reports24-main .r24-footer-links {
  flex-direction:row;
  flex-wrap:wrap;
  width:calc(100vw - 60px);
  justify-content:flex-start;
  grid-gap:18px;
  gap:18px
}
.reports24-main .r24-footer-links .meta {
  grid-gap:12px;
  gap:12px;
  margin:29px 0 0;
  position:relative;
  width:100%
}
.reports24-main .r24-footer-links .meta p {
  font-size:14px;
  letter-spacing:-.42px;
  text-align:left!important
}
.reports24-main .r24-footer-links .meta>img:nth-of-type(2) {
  width:72.57px;
  position:absolute;
  right:0;
  top:3.2px
}
.reports24-main .r24-footer-links li {
  text-align:left!important;
  border-left:none;
  padding:0;
  grid-gap:9px;
  gap:9px;
  width:46.5%
}
.reports24-main .r24-footer-links a,
.reports24-main .r24-footer-links h6 {
  font-size:16px
}
.reports24-main .r24-footer-links li:nth-of-type(4) {
  width:100%;
  margin:27px 0 44px
}
.reports24-main .r24-footer-links li:nth-of-type(4) a {
  color:#fff
}
.reports24-main .r24-footer-links .location {
  width:270px
}

}
html:has(.r25) {
  overflow-x:hidden;
  -ms-scroll-chaining:none;
  overscroll-behavior:none
}
html:has(.r25) ::-webkit-scrollbar {
  width:2px
}
html:has(.r25) ::-webkit-scrollbar-track {
  background-color:transparent
}
html:has(.r25) ::-webkit-scrollbar-thumb {
  background-color:#0089ff
}
html:has(.r25) * {
  -webkit-tap-highlight-color:rgba(0,
0,
0,
0)
}
.r25 {
  background-color:#000517;
  min-height:unset;
  width:100%;
  max-width:100vw
}
.r25.loading {
  height:100svh;
  overflow-y:hidden;
  background-color:#060f21
}
.r25.loading .r25-hero,
.r25.loading .r25-intro {
  opacity:0
}
.r25.loading .r25-hero-canvas {
  -webkit-filter:grayscale(1) sepia(.5) opacity(.375);
  filter:grayscale(1) sepia(.5) opacity(.375);
  mix-blend-mode:difference
}
.r25.loading .r25-header {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%);
  opacity:0
}
.r25.loading .r25-hero-cta,
.r25.loading .r25-hero-secondary {
  display:flex
}
.r25-header {
  display:grid;
  grid-template-columns:repeat(3,
1fr);
  padding:32px 100px 0;
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:10;
  max-width:1512px;
  margin-inline:auto;
  pointer-events:none;
  -webkit-transition:opacity .5s ease,
-webkit-transform .5s ease;
  transition:opacity .5s ease,
-webkit-transform .5s ease;
  transition:transform .5s ease,
opacity .5s ease;
  transition:transform .5s ease,
opacity .5s ease,
-webkit-transform .5s ease
}
.r25-header-logo {
  margin:0 auto;
  display:block;
  cursor:pointer;
  width:118.3px;
  height:22.31px;
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  position:relative;
  top:7px;
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  pointer-events:all
}
.r25-header-logo:hover {
  -webkit-transform:scale(1.15);
  transform:scale(1.15)
}
.r25-header-cta {
  display:flex;
  grid-gap:10px;
  gap:10px;
  justify-content:flex-end;
  pointer-events:all
}
.r25-header-cta button {
  display:flex;
  padding:12px 16px;
  align-items:center;
  grid-gap:8px;
  gap:8px;
  border-radius:8px;
  font-family:Inter;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:-.14px;
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1)
}
.r25-header-cta button:hover {
  -webkit-transform:scale(1.15);
  transform:scale(1.15)
}
.r25-header-cta button:first-of-type {
  background-color:#f5f5f5;
  color:#38474d;
  -webkit-transform-origin:85% 50%;
  transform-origin:85% 50%;
  overflow:hidden;
  contain:paint
}
.r25-header-cta button:first-of-type:hover {
  -webkit-transform:scale(1.15);
  transform:scale(1.15);
  padding-inline:28px
}
.r25-header-cta button:first-of-type:hover aside {
  opacity:1
}
.r25-header-cta button:first-of-type aside {
  position:absolute;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:inherit;
  opacity:0;
  -webkit-transition:opacity 0s ease-in;
  transition:opacity 0s ease-in
}
.r25-header-cta button:first-of-type div {
  width:28px;
  height:28px;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  -webkit-transition:trasform .2ss ease;
  transition:trasform .2ss ease;
  padding:2px
}
.r25-header-cta button:first-of-type div:hover {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.r25-header-cta button:first-of-type img {
  width:100%;
  height:100%;
  margin:0;
  -webkit-filter:invert(1);
  filter:invert(1)
}
.r25-header-cta button:nth-of-type(2) {
  background-color:#0089ff;
  color:#fefefe;
  font-weight:700;
  -webkit-transform-origin:25% 50%;
  transform-origin:25% 50%
}
.r25-header-modal {
  position:fixed;
  inset:0;
  display:grid;
  place-content:center;
  pointer-events:all;
  -webkit-transition:opacity .35s ease;
  transition:opacity .35s ease;
  opacity:1;
  background:rgba(0,
0,
0,
.7490196078)
}
.r25-header-modal.isHidden {
  pointer-events:none;
  opacity:0
}
.r25-header-modal.isHidden aside {
  -webkit-transform:scale(.95);
  transform:scale(.95)
}
.r25-header-modal aside {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform .35s ease;
  transition:-webkit-transform .35s ease;
  transition:transform .35s ease;
  transition:transform .35s ease,
-webkit-transform .35s ease
}
.r25-header-modal .r25-conclusion-form {
  position:relative;
  overflow:hidden;
  padding:53px 65px;
  width:976px;
  grid-gap:40px;
  gap:40px
}
.interact .left .content .r25-header-modal .r25-conclusion-form>.link,
.r25-header-modal .interact .left .content .r25-conclusion-form>.link,
.r25-header-modal .r25-conclusion-form>svg,
.r25-header-modal .savings .box .r25-conclusion-form>.sub-title,
.savings .box .r25-header-modal .r25-conclusion-form>.sub-title {
  position:absolute;
  top:0;
  right:0;
  margin:0
}
.r25-header-modal .r25-conclusion-form>button {
  position:absolute;
  display:flex;
  top:23px;
  right:28px;
  width:41px;
  height:41px;
  padding:9px 8px 8px 9px;
  justify-content:center;
  align-items:center;
  border-radius:50px;
  background-color:#2b48de
}
.r25-header-modal .r25-conclusion-form>button img {
  width:24px;
  height:24px
}
.r25-header-modal .r25-conclusion-form h5 {
  font-size:34.857px;
  width:652.603px
}
.r25-header-modal .r25-conclusion-form div button,
.r25-header-modal .r25-conclusion-form div input {
  padding:16px;
  height:48px
}
.r25-hero {
  min-height:100svh;
  padding:344px 100px 0;
  overflow:hidden;
  position:relative;
  background-color:#060f21
}
.r25-hero-heading {
  color:hsla(0,
0%,
100%,
.6);
  font-family:Geist Mono;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  letter-spacing:-.3px;
  text-transform:uppercase;
  width:100%;
  display:flex;
  justify-content:center;
  grid-gap:min(930px,
100vw - 428px);
  gap:min(930px,
100vw - 428px);
  max-width:min(100vww,
1312px);
  margin-inline:auto;
  white-space:pre
}
.r25-hero-heading span:first-of-type {
  text-align:left
}
.r25-hero-main {
  position:absolute;
  left:50%;
  top:208px;
  -webkit-transform:translateX(-50%) translateX(21px);
  transform:translateX(-50%) translateX(21px);
  width:353px;
  height:316px;
  margin:0
}
.r25-hero-main img {
  width:100%;
  height:100%;
  object-fit:contain
}
.r25-hero-canvas {
  position:absolute;
  width:1512px;
  height:949px;
  left:50%;
  top:0;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  -webkit-transition:-webkit-filter .5s ease;
  transition:-webkit-filter .5s ease;
  transition:filter .5s ease;
  transition:filter .5s ease,
-webkit-filter .5s ease
}
.r25-hero-canvas figure {
  margin:0;
  position:absolute;
  top:calc(var(--top)*1px);
  left:calc(var(--left)*1px);
  --depth:1
}
.r25-hero-canvas figure:first-of-type {
  --depth:12
}
.r25-hero-canvas figure:nth-of-type(2) {
  --depth:11
}
.r25-hero-canvas figure:nth-of-type(3) {
  --depth:10
}
.r25-hero-canvas figure:nth-of-type(4) {
  --depth:9
}
.r25-hero-canvas figure:nth-of-type(5) {
  --depth:12
}
.r25-hero-canvas figure:nth-of-type(6) {
  --depth:10
}
.r25-hero-canvas figure:nth-of-type(7) {
  --depth:9
}
.r25-hero-canvas figure:nth-of-type(8) {
  --depth:10
}
.r25-hero-canvas figure:nth-of-type(9) {
  --depth:9
}
.r25-hero-canvas figure:nth-of-type(10) {
  --depth:8
}
.r25-hero-canvas figure:nth-of-type(11) {
  --depth:9
}
.r25-hero-canvas figure:nth-of-type(12) {
  --depth:7
}
.r25-hero-canvas figure:nth-of-type(13) {
  --depth:6
}
.r25-hero-canvas figure {
  -webkit-transform:translateX(calc(var(--x) * 100px / var(--depth))) translateY(calc(var(--y) * 100px / var(--depth)));
  transform:translateX(calc(var(--x) * 100px / var(--depth))) translateY(calc(var(--y) * 100px / var(--depth)));
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1)
}
.r25-hero-canvas figure:nth-of-type(7),
.r25-hero-canvas figure:nth-of-type(8) {
  -webkit-filter:drop-shadow(0 7.94px 15.26px rgba(0,
0,
0,
.45));
  filter:drop-shadow(0 7.94px 15.26px rgba(0,
0,
0,
.45))
}
.r25-hero-cta {
  display:none;
  padding:12px 16px;
  align-items:center;
  grid-gap:8px;
  gap:8px;
  border-radius:40px;
  font-family:Inter;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:-.14px;
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  background-color:#0089ff;
  color:#fefefe;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,
160px);
  transform:translate(-50%,
160px)
}
.r25-hero-cta:hover {
  -webkit-transform:translate(-50%,
155px) scale(1.15);
  transform:translate(-50%,
155px) scale(1.15)
}
.r25-hero-secondary {
  display:none;
  padding:12px 0 4px;
  align-items:center;
  grid-gap:8px;
  gap:8px;
  border-radius:none;
  border-bottom:1px solid #fefefe;
  font-family:Inter;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:-.14px;
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  color:#fefefe;
  background-color:transparent;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,
200px);
  transform:translate(-50%,
200px);
  -webkit-transform:50% 25%;
  transform:50% 25%
}
.r25-hero-secondary:hover {
  -webkit-transform:translate(-50%,
195px) scale(1.05);
  transform:translate(-50%,
195px) scale(1.05)
}
.r25-intro-introduction {
  display:flex;
  flex-direction:column;
  height:-webkit-fit-content;
  height:fit-content;
  justify-content:center;
  align-items:center;
  align-self:stretch;
  width:100%;
  padding:48px 100px 64px;
  grid-gap:24px;
  gap:24px;
  border-radius:24px;
  background-color:#1734ca;
  max-width:1700px;
  margin:0 auto
}
.r25-intro-introduction p {
  align-self:stretch;
  color:#efefef;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:130%;
  text-wrap:pretty
}
.r25-intro-introduction i {
  display:block;
  height:1em
}
.r25-intro h2 {
  align-self:stretch;
  color:#fff;
  font-family:Geist Mono;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  letter-spacing:-.28px;
  text-transform:uppercase
}
.r25-intro-findings {
  background-color:#10192b;
  flex-direction:column;
  height:-webkit-fit-content;
  height:fit-content;
  align-items:center;
  align-self:stretch;
  width:100%;
  padding:48px 100px 64px;
  grid-gap:24px;
  gap:24px;
  border-radius:24px
}
.r25-intro-findings,
.r25-intro ul {
  display:flex;
  justify-content:center
}
.r25-intro ul {
  grid-gap:8px;
  gap:8px;
  margin-top:29px;
  --ease:cubic-bezier(0.23,
1,
0.32,
1)
}
.r25-intro ul li {
  width:91px;
  height:560px;
  overflow:hidden;
  flex-shrink:0;
  padding:44px;
  position:relative;
  -webkit-transition:width .5s ease,
height .5s ease;
  transition:width .5s ease,
height .5s ease;
  border-radius:20px;
  cursor:pointer
}
.r25-intro ul li:first-of-type {
  background-color:#0089ff
}
.r25-intro ul li:nth-of-type(2) {
  background-color:#1a534a
}
.r25-intro ul li:nth-of-type(3) {
  background-color:#a4fc5a
}
.r25-intro ul li:nth-of-type(3) p {
  color:#10192b
}
.r25-intro ul li:nth-of-type(4) {
  background-color:#6624ce
}
.r25-intro ul li:nth-of-type(5) {
  background-color:#1734ca
}
.r25-intro ul li:nth-of-type(6) {
  background-color:#fff2d4
}
.r25-intro ul li:nth-of-type(6) p {
  color:#10192b
}
.r25-intro ul li:nth-of-type(7) {
  background-color:#1a534a
}
.r25-intro ul li:nth-of-type(8) {
  background-color:#f16818
}
.r25-intro ul li._active {
  width:717px
}
.r25-intro ul li._active button,
.r25-intro ul li._active figure,
.r25-intro ul li._active p {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-filter:blur(0);
  filter:blur(0)
}
.r25-intro ul p {
  width:500px;
  text-wrap:balance;
  font-family:Neue Plak;
  font-size:36px;
  font-weight:900;
  line-height:100%;
  letter-spacing:-.72px;
  position:relative
}
.r25-intro ul button,
.r25-intro ul p {
  color:#fff;
  font-style:normal;
  z-index:1;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-transform:translateX(-3rem) scale(.95);
  transform:translateX(-3rem) scale(.95);
  -webkit-filter:blur(.4rem);
  filter:blur(.4rem);
  opacity:0
}
.r25-intro ul button {
  position:absolute;
  display:flex;
  padding:10px 16px;
  justify-content:center;
  align-items:center;
  grid-gap:10px;
  gap:10px;
  border-radius:40px;
  background-color:rgba(0,
0,
0,
.3);
  text-align:center;
  font-family:Jakarta;
  font-size:14.28px;
  font-weight:600;
  line-height:normal;
  top:43px;
  left:571px;
  white-space:pre;
  overflow:hidden
}
.r25-intro ul button:hover aside {
  opacity:1
}
.r25-intro ul button:hover span {
  opacity:0
}
.r25-intro ul button aside,
.r25-intro ul button span {
  -webkit-transition:opacity 0s ease-in;
  transition:opacity 0s ease-in
}
.r25-intro ul button aside {
  position:absolute;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:inherit;
  opacity:0
}
.r25-intro ul button div {
  width:28px;
  height:28px;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  -webkit-transition:trasform .2ss ease;
  transition:trasform .2ss ease;
  padding:2px
}
.r25-intro ul button div:hover {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.r25-intro ul button img {
  width:100%;
  height:100%;
  margin:0
}
.r25-intro ul figure {
  position:absolute;
  left:0;
  top:0;
  width:717px;
  height:100%;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-transform:translateX(-3rem) scale(.95);
  transform:translateX(-3rem) scale(.95);
  -webkit-filter:blur(.4rem);
  filter:blur(.4rem);
  opacity:0;
  margin:0
}
.r25-intro ul figure img {
  margin:0;
  width:100%;
  height:100%;
  object-fit:contain
}
.r25-intro ul figure img:nth-of-type(2) {
  display:none
}
.r25-intro-controls {
  display:flex;
  justify-content:center;
  margin-top:40px;
  grid-gap:6px;
  gap:6px
}
.r25-intro-controls button {
  width:38px;
  height:38px;
  border-radius:40px;
  border:1px solid #efefef;
  background:#f4f4f4;
  -webkit-transition:all 1.35s ease;
  transition:all 1.35s ease;
  display:grid;
  place-content:center;
  padding:0 0 3px;
  flex-shrink:0
}
.r25-intro-controls button:active {
  -webkit-transform:scale(.97);
  transform:scale(.97)
}
.interact .left .content .r25-intro-controls button .link,
.r25-intro-controls button .interact .left .content .link,
.r25-intro-controls button .savings .box .sub-title,
.r25-intro-controls button svg,
.savings .box .r25-intro-controls button .sub-title {
  margin:0;
  padding:0;
  width:100%;
  height:100%
}
.r25-intro-controls div {
  display:flex;
  padding:0 14px;
  justify-content:center;
  align-items:center;
  align-self:stretch;
  border-radius:50px;
  background:#252e40;
  grid-gap:6px;
  gap:6px
}
.r25-intro-controls div span {
  width:8px;
  height:8px;
  aspect-ratio:1/1;
  background:#10192b;
  border-radius:4rem;
  display:block;
  -webkit-transition:all 1.35s ease;
  transition:all 1.35s ease
}
.r25-intro-controls div span._active {
  width:20px;
  height:8px;
  border-radius:4rem;
  background:#fff
}
.r25-main {
  max-width:1512px;
  margin-inline:auto
}
.r25-main-sections {
  margin-top:-58px;
  overflow:hidden
}
.r25-nav {
  position:sticky;
  top:0;
  width:257px;
  padding-left:28px;
  padding-top:94px;
  height:0
}
.r25-nav button {
  display:none
}
.r25-nav-list {
  display:flex;
  flex-direction:column;
  grid-gap:5px;
  gap:5px
}
.r25-nav-list li {
  align-items:center;
  display:flex;
  grid-gap:8px;
  gap:8px;
  cursor:pointer;
  --color1:#646a75;
  --color2:hsla(0,
0%,
100%,
0.35);
  --background-color:#10192b;
  --border-color:rgba(100,
106,
117,
0.3);
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1)
}
.r25-nav-list li:hover {
  -webkit-transform:translateX(10px);
  transform:translateX(10px)
}
.r25-nav-list li:first-of-type[data-active] {
  --color1:#fff;
  --color2:#fff;
  --background-color:#0089ff;
  --border-color:#0089ff
}
.r25-nav-list li:nth-of-type(2)[data-active] {
  --color1:#fff;
  --color2:#fff;
  --background-color:#ea417d;
  --border-color:#ea417d
}
.r25-nav-list li:nth-of-type(3)[data-active] {
  --color1:#fff;
  --color2:#fff;
  --background-color:#00886c;
  --border-color:#00886c
}
.r25-nav-list li:nth-of-type(4)[data-active] {
  --color1:#fff;
  --color2:#fff;
  --background-color:#f16818;
  --border-color:#f16818
}
.r25-nav-list li:nth-of-type(5)[data-active] {
  --color1:#fff;
  --color2:#fff;
  --background-color:#6624ce;
  --border-color:#6624ce
}
.r25-nav-list li:nth-of-type(6)[data-active] {
  --color1:#fff;
  --color2:#fff;
  --background-color:#0061d7;
  --border-color:#0061d7
}
.r25-nav-list i {
  color:var(--color2);
  display:flex;
  width:23px;
  height:23px;
  justify-content:center;
  align-items:center;
  border-radius:33.824px;
  border:1px solid var(--border-color);
  text-align:center;
  background-color:var(--background-color);
  font-family:Jakarta;
  font-size:11.5px;
  font-style:normal;
  font-weight:700;
  line-height:130%
}
.r25-nav-list p {
  color:var(--color1);
  font-family:Geist Mono;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  letter-spacing:-.28px;
  text-transform:uppercase
}
.r25-pc {
  display:grid;
  place-items:center;
  position:absolute
}
.r25-pc[data-income] {
  left:22.5%;
  right:22.5%;
  bottom:13%
}
.r25-pc li {
  height:100%;
  width:100%;
  position:relative;
  grid-row:1;
  grid-column:1;
  --radius:164px;
  --weighing:calc(var(--value) / 100);
  --percentage:calc(var(--value) * 1%);
  --offset:calc(360deg * var(--accum) / 100);
  --theta:calc((360deg * var(--weighing)) / 2 + var(--offset) - 90deg);
  --gap:100px;
  --pos-x:calc(cos(var(--theta)) * (var(--radius) + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) + var(--gap)) + 1lh + 120px)
}
.r25-pc-shadow,
.r25-pc li {
  width:calc(var(--radius)*2);
  max-width:calc(var(--radius)*2);
  aspect-ratio:1;
  border-radius:50%
}
.r25-pc-shadow {
  position:absolute;
  inset:0;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  --percentage:-3%;
  --bg:#10192b;
  background:conic-gradient(from -1turn,
var(--bg) 0 var(--percentage),
transparent var(--percentage) 100%)
}
.r25-pc aside {
  background-color:var(--bg);
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from var(--offset),
var(--bg) 0 var(--percentage),
transparent var(--percentage) 100%)
}
.r25-pc p {
  color:var(--bg);
  text-align:center;
  font-family:Neue Plak;
  font-size:14.28px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  width:-webkit-fit-content;
  width:fit-content;
  -webkit-transform:translateX(var(--pos-x)) translateY(var(--pos-y));
  transform:translateX(var(--pos-x)) translateY(var(--pos-y))
}
.r25-pzc {
  display:grid;
  place-items:center;
  position:absolute;
  -webkit-transform:scale(.9);
  transform:scale(.9)
}
.r25-pzc[data-debt],
.r25-pzc[data-satisfaction],
.r25-pzc[data-savings],
.r25-pzc[data-spending] {
  left:20%;
  right:20%;
  bottom:16%;
  -webkit-transform:scale(.9);
  transform:scale(.9)
}
.r25-pzc[data-spending-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.8 + var(--gap)) + 110px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 1lh + 120px)
}
.r25-pzc[data-spending-three] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.1 + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 1lh + 120px)
}
.r25-pzc[data-spending-three] p {
  width:180px
}
.r25-pzc[data-savings-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.2 + var(--gap)) + 175px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 140px);
  --pos-a:calc(cos(var(--theta)) * (var(--radius) * -0.1 + var(--gap)) + 130px);
  --pos-b:calc(sin(var(--theta)) * (var(--radius) * -0.1 + var(--gap)) + 108px)
}
.r25-pzc[data-savings-two] li:first-of-type i {
  -webkit-transform:rotate(65deg);
  transform:rotate(65deg)
}
.r25-pzc[data-savings-two] li:nth-of-type(2) i {
  -webkit-transform:rotate(65deg) scaleX(.5);
  transform:rotate(65deg) scaleX(.5);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  left:unset;
  right:100%
}
.r25-pzc[data-savings-two] li:nth-of-type(2) b {
  color:#10192b
}
.r25-pzc[data-savings-two] li:nth-of-type(3) i {
  -webkit-transform:scaleX(.6);
  transform:scaleX(.6)
}
.r25-pzc[data-savings-two] b {
  font-size:40px;
  -webkit-transform:translateX(var(--pos-a)) translateY(var(--pos-b)) scale(max(.5,
var(--value)/22.5));
  transform:translateX(var(--pos-a)) translateY(var(--pos-b)) scale(max(.5,
var(--value)/22.5))
}
.r25-pzc[data-savings-two] p {
  width:-webkit-fit-content;
  width:fit-content;
  max-width:220px
}
.r25-pzc[data-savings-two] aside {
  -webkit-transform:scale(max(.8,
var(--value)/45));
  transform:scale(max(.8,
var(--value)/45))
}
.r25-pzc[data-debt-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1 + var(--gap)) + 55px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 120px);
  --pos-a:calc(cos(var(--theta)) * (var(--radius) * -0.1 + var(--gap)) + 130px);
  --pos-b:calc(sin(var(--theta)) * (var(--radius) * -0.1 + var(--gap)) + 108px)
}
.r25-pzc[data-debt-two] li:first-of-type i {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.r25-pzc[data-debt-two] li:nth-of-type(2) i {
  -webkit-transform:rotate(-45deg) scaleX(.5);
  transform:rotate(-45deg) scaleX(.5);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  left:unset;
  right:100%
}
.r25-pzc[data-debt-two] li:nth-of-type(2) b {
  color:#10192b
}
.r25-pzc[data-debt-two] li:nth-of-type(3) i {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  left:unset;
  right:100%
}
.r25-pzc[data-debt-two] li:nth-of-type(3) b {
  color:#10192b
}
.r25-pzc[data-debt-two] li:nth-of-type(4) i {
  -webkit-transform:rotate(-90deg) scaleX(.35);
  transform:rotate(-90deg) scaleX(.35)
}
.r25-pzc[data-debt-two] li:nth-of-type(5) i {
  -webkit-transform:rotate(-25deg) scaleX(.5);
  transform:rotate(-25deg) scaleX(.5)
}
.r25-pzc[data-debt-two] li:nth-of-type(6) i {
  -webkit-transform:scaleX(.25);
  transform:scaleX(.25)
}
.r25-pzc[data-debt-two] li:nth-of-type(6) b {
  color:#10192b
}
.r25-pzc[data-debt-two] b {
  font-size:40px;
  -webkit-transform:translateX(var(--pos-a)) translateY(var(--pos-b)) scale(max(.25,
var(--value)/20));
  transform:translateX(var(--pos-a)) translateY(var(--pos-b)) scale(max(.25,
var(--value)/20))
}
.r25-pzc[data-debt-two] p {
  width:-webkit-fit-content;
  width:fit-content;
  max-width:220px
}
.r25-pzc[data-satisfaction-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.5 + var(--gap)) + 50px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.8 + var(--gap)) + 120px);
  --pos-a:calc(cos(var(--theta)) * (var(--radius) * -0 + var(--gap)) + 130px);
  --pos-b:calc(sin(var(--theta)) * (var(--radius) * 0 + var(--gap)) + 90px)
}
.r25-pzc[data-satisfaction-two] li:first-of-type i {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.r25-pzc[data-satisfaction-two] li:nth-of-type(2) i {
  -webkit-transform:rotate(-27deg);
  transform:rotate(-27deg);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  left:unset;
  right:100%
}
.r25-pzc[data-satisfaction-two] li:nth-of-type(2) b {
  color:#10192b
}
.r25-pzc[data-satisfaction-two] li:nth-of-type(3) i {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  left:unset;
  right:100%
}
.r25-pzc[data-satisfaction-two] li:nth-of-type(3) b {
  color:#10192b
}
.r25-pzc[data-satisfaction-two] li:nth-of-type(4) i {
  -webkit-transform:rotate(-60deg) scaleX(.5);
  transform:rotate(-60deg) scaleX(.5)
}
.r25-pzc[data-satisfaction-two] li:nth-of-type(5) i {
  -webkit-transform:rotate(-5deg) scaleX(.5);
  transform:rotate(-5deg) scaleX(.5)
}
.r25-pzc[data-satisfaction-two] li:nth-of-type(5) b {
  color:#10192b
}
.r25-pzc[data-satisfaction-two] aside {
  -webkit-transform:scale(max(0,
var(--value)/100 + .85));
  transform:scale(max(0,
var(--value)/100 + .85))
}
.r25-pzc[data-satisfaction-two] p {
  width:220px
}
.r25-pzc[data-satisfaction-three] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.75 + var(--gap)) + 70px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.8 + var(--gap)) + 120px);
  --pos-a:calc(cos(var(--theta)) * (var(--radius) * -0.1 + var(--gap)) + 136.7px);
  --pos-b:calc(sin(var(--theta)) * (var(--radius) * 0 + var(--gap)) + 83.2px)
}
.r25-pzc[data-satisfaction-three] li:first-of-type i {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.r25-pzc[data-satisfaction-three] li:nth-of-type(2) i {
  -webkit-transform:rotate(-27deg);
  transform:rotate(-27deg);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  left:unset;
  right:100%
}
.r25-pzc[data-satisfaction-three] li:nth-of-type(2) b {
  color:#10192b
}
.r25-pzc[data-satisfaction-three] li:nth-of-type(3) i {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  left:unset;
  right:100%
}
.r25-pzc[data-satisfaction-three] li:nth-of-type(3) b {
  color:#10192b
}
.r25-pzc[data-satisfaction-three] li:nth-of-type(4) i {
  -webkit-transform:rotate(-60deg) scaleX(.5);
  transform:rotate(-60deg) scaleX(.5)
}
.r25-pzc[data-satisfaction-three] li:nth-of-type(5) i {
  -webkit-transform:rotate(-5deg) scaleX(.75);
  transform:rotate(-5deg) scaleX(.75)
}
.r25-pzc[data-satisfaction-three] p {
  width:200px
}
.r25-pzc-legend {
  display:none
}
.r25-pzc li {
  height:100%;
  width:100%;
  position:relative;
  grid-row:1;
  grid-column:1;
  --radius:164px;
  --weighing:calc(var(--value) / 100);
  --percentage:calc(var(--value) * 1%);
  --offset:calc(360deg * var(--accum) / 100 - 90deg);
  --theta:calc((360deg * var(--weighing)) / 2 + var(--offset) - 90deg);
  --gap:100px;
  --pos-x:calc(cos(var(--theta)) * (var(--radius) + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) + var(--gap)) + 1lh + 120px);
  --pos-a:calc(cos(var(--theta)) * (var(--radius) + var(--gap)) + 80px);
  --pos-b:calc(sin(var(--theta)) * (var(--radius) + var(--gap)) + 1lh + 120px);
  width:calc(var(--radius)*2);
  max-width:calc(var(--radius)*2);
  aspect-ratio:1;
  border-radius:50%
}
.r25-pzc aside {
  background-color:var(--bg);
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from var(--offset),
var(--bg) 0 var(--percentage),
transparent var(--percentage) 100%);
  -webkit-transform:scale(max(.8,
var(--value)/25));
  transform:scale(max(.8,
var(--value)/25))
}
.r25-pzc p {
  color:#fff;
  text-align:center;
  font-family:Neue Plak;
  font-size:14.28px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  width:-webkit-fit-content;
  width:fit-content;
  -webkit-transform:translateX(var(--pos-x)) translateY(var(--pos-y));
  transform:translateX(var(--pos-x)) translateY(var(--pos-y));
  padding:6px 12px
}
.r25-pzc p,
.r25-pzc p i {
  border-bottom:1px solid var(--bg)
}
.r25-pzc p i {
  display:block;
  position:absolute;
  width:100%;
  left:100%;
  top:100%;
  -webkit-transform-origin:0 0;
  transform-origin:0 0
}
.r25-pzc b {
  display:block;
  color:#fff;
  font-family:Neue Plak;
  font-size:40px;
  font-style:normal;
  font-weight:900;
  line-height:140%;
  letter-spacing:-.88px;
  text-transform:uppercase;
  width:-webkit-fit-content;
  width:fit-content;
  -webkit-transform:translateX(var(--pos-a)) translateY(var(--pos-b)) scale(max(.75,
var(--value)/20));
  transform:translateX(var(--pos-a)) translateY(var(--pos-b)) scale(max(.75,
var(--value)/20))
}
.r25-dc {
  display:grid;
  place-items:center;
  position:absolute
}
.r25-dc[data-debt],
.r25-dc[data-satisfaction],
.r25-dc[data-spending] {
  left:20%;
  right:20%;
  bottom:16%;
  -webkit-transform:scale(.9);
  transform:scale(.9)
}
.r25-dc[data-spending-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.8 + var(--gap)) + 110px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 1lh + 120px)
}
.r25-dc[data-spending-three] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.1 + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 1lh + 120px)
}
.r25-dc[data-spending-three] p {
  width:180px
}
.r25-dc[data-savings] {
  left:20%;
  right:20%;
  bottom:12%;
  -webkit-transform:scale(.9);
  transform:scale(.9)
}
.r25-dc[data-savings-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.9 + var(--gap)) + 110px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.5 + var(--gap)) + 1lh + 120px)
}
.r25-dc[data-debt-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.1 + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.7 + var(--gap)) + 1lh + 140px)
}
.r25-dc[data-debt-two] li:nth-of-type(6) {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.1 + var(--gap)) + 60px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.7 + var(--gap)) + 1lh + 160px)
}
.r25-dc[data-satisfaction-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 1.1 + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.7 + var(--gap)) + 1lh + 120px)
}
.r25-dc[data-satisfaction-two] p {
  width:150px
}
.r25-dc li {
  height:100%;
  width:100%;
  position:relative;
  grid-row:1;
  grid-column:1;
  --radius:164px;
  --weighing:calc(var(--value) / 100);
  --percentage:calc(var(--value) * 1%);
  --offset:calc(360deg * var(--accum) / 100);
  --theta:calc((360deg * var(--weighing)) / 2 + var(--offset) - 90deg);
  --gap:100px;
  --pos-x:calc(cos(var(--theta)) * (var(--radius) + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) + var(--gap)) + 1lh + 120px);
  width:calc(var(--radius)*2);
  max-width:calc(var(--radius)*2);
  aspect-ratio:1;
  border-radius:50%
}
.r25-dc-shadow {
  width:calc(var(--radius)*2);
  max-width:calc(var(--radius)*2);
  --percentage:-3%;
  --bg:#10192b;
  background:conic-gradient(from -1turn,
var(--bg) 0 var(--percentage),
transparent var(--percentage) 100%)
}
.r25-dc-hole,
.r25-dc-shadow {
  position:absolute;
  inset:0;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  aspect-ratio:1;
  border-radius:50%
}
.r25-dc-hole {
  width:calc(var(--radius)*1.3);
  max-width:calc(var(--radius)*1.3);
  margin:auto;
  background-repeat:repeat;
  background-size:21px 22px;
  background-color:#10192b;
  background-image:radial-gradient(circle at center,
hsla(0,
0%,
100%,
.06) 2px,
transparent 0)
}
.r25-dc aside {
  background-color:var(--bg);
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from var(--offset),
var(--bg) 0 calc(var(--percentage) - .1%),
#fff calc(var(--percentage) - .1%) var(--percentage),
transparent var(--percentage) 100%)
}
.r25-dc p {
  color:var(--bg);
  text-align:center;
  font-family:Neue Plak;
  font-size:14.28px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  width:-webkit-fit-content;
  width:fit-content;
  -webkit-transform:translateX(var(--pos-x)) translateY(var(--pos-y));
  transform:translateX(var(--pos-x)) translateY(var(--pos-y))
}
.r25-ahc {
  display:flex;
  align-items:center;
  position:absolute;
  justify-content:space-between
}
.r25-ahc[data-emergency] {
  left:6%;
  right:6%;
  bottom:50%;
  -webkit-transform:translateY(50%);
  transform:translateY(50%)
}
.r25-ahc[data-debt] {
  left:6%;
  right:6%;
  bottom:0;
  justify-content:center
}
.interact .left .content .r25-ahc .link,
.r25-ahc .interact .left .content .link,
.r25-ahc .savings .box .sub-title,
.r25-ahc svg,
.savings .box .r25-ahc .sub-title {
  width:112px;
  height:246px;
  flex-shrink:0
}
.interact .left .content .r25-ahc [data-center].link path,
.r25-ahc .interact .left .content [data-center].link path,
.r25-ahc .savings .box [data-center].sub-title path,
.r25-ahc svg[data-center] path,
.savings .box .r25-ahc [data-center].sub-title path {
  fill:var(--accent)
}
.r25-hc {
  display:flex;
  align-items:center;
  position:absolute;
  justify-content:space-between
}
.r25-hc[data-emergency] {
  left:6%;
  right:6%;
  bottom:50%;
  -webkit-transform:translateY(50%);
  transform:translateY(50%)
}
.interact .left .content .r25-hc .link,
.r25-hc .interact .left .content .link,
.r25-hc .savings .box .sub-title,
.r25-hc svg,
.savings .box .r25-hc .sub-title {
  width:77.406px;
  height:173.008px;
  flex-shrink:0
}
.interact .left .content .r25-hc [data-on=true].link path,
.r25-hc .interact .left .content [data-on=true].link path,
.r25-hc .savings .box [data-on=true].sub-title path,
.r25-hc svg[data-on=true] path,
.savings .box .r25-hc [data-on=true].sub-title path {
  fill:var(--accent)
}
.r25-fc {
  display:flex;
  position:absolute
}
.r25-fc[data-satisfaction] {
  left:6%;
  right:6%;
  bottom:175px;
  top:175px
}
.interact .left .content .r25-fc [data-top="0"] .link,
.r25-fc [data-top="0"] .interact .left .content .link,
.r25-fc [data-top="0"] .savings .box .sub-title,
.r25-fc [data-top="0"] svg,
.savings .box .r25-fc [data-top="0"] .sub-title {
  top:unset;
  bottom:0
}
.r25-fc [data-top="0"] b {
  top:unset;
  bottom:100%;
  -webkit-transform:translateY(-52px);
  transform:translateY(-52px)
}
.r25-fc [data-top="0"] p {
  top:unset;
  bottom:100%;
  -webkit-transform:translateY(-52px) translateY(100%);
  transform:translateY(-52px) translateY(100%)
}
.r25-fc li {
  height:100%;
  position:relative;
  display:flex;
  align-items:center;
  grid-gap:8px;
  gap:8px;
  width:calc(1%*var(--value))
}
.r25-fc aside {
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  flex-shrink:0
}
.r25-fc aside,
.r25-fc aside span {
  display:block;
  width:100%;
  height:100%
}
.r25-fc aside span {
  background-color:var(--bg)
}
.interact .left .content .r25-fc .link,
.r25-fc .interact .left .content .link,
.r25-fc .savings .box .sub-title,
.r25-fc svg,
.savings .box .r25-fc .sub-title {
  position:absolute;
  right:0;
  top:0;
  margin:0
}
.r25-fc p {
  font-family:Jakarta;
  font-size:13.283px;
  font-weight:700;
  line-height:130%;
  -webkit-transform:translateY(79px);
  transform:translateY(79px);
  width:150%;
  text-wrap:pretty
}
.r25-fc b,
.r25-fc p {
  align-self:stretch;
  color:#fff;
  text-align:right;
  font-style:normal;
  position:absolute;
  top:100%;
  right:16px
}
.r25-fc b {
  font-family:Neue Plak;
  font-size:50px;
  font-weight:900;
  line-height:100%;
  -webkit-transform:translateY(32px);
  transform:translateY(32px)
}
.r25-rc {
  display:flex;
  flex-direction:column;
  position:absolute
}
.r25-rc[data-debt],
.r25-rc[data-savings] {
  left:10%;
  right:16%;
  bottom:60px;
  top:60px
}
.r25-rc[data-debt] aside,
.r25-rc[data-savings] aside {
  width:calc(var(--value)*20px);
  max-width:calc(var(--value)*20px)
}
.r25-rc[data-spending] {
  left:10%;
  right:16%;
  bottom:60px;
  top:60px
}
.r25-rc[data-spending] aside {
  width:calc(var(--value)*7.5px);
  max-width:calc(var(--value)*7.5px)
}
.r25-rc[data-satisfaction] {
  left:16%;
  right:16%;
  bottom:60px;
  top:60px
}
.r25-rc[data-satisfaction] aside {
  width:calc(var(--value)*8.75px);
  max-width:calc(var(--value)*8.75px)
}
.r25-rc li {
  height:100%;
  position:relative;
  display:flex;
  align-items:center;
  grid-gap:8px;
  gap:8px
}
.r25-rc aside {
  display:block;
  width:calc(var(--value)*15px);
  max-width:calc(var(--value)*15px);
  flex-shrink:0;
  border-left:2px solid #576480;
  padding-block:3px;
  height:100%
}
.r25-rc aside span {
  border-radius:0 6.759px 6.759px 0;
  background-color:var(--bg);
  display:block;
  width:100%;
  height:100%
}
.r25-rc p {
  font-family:Jakarta;
  font-size:11.829px;
  font-weight:400;
  line-height:130%;
  width:150px;
  text-align:right;
  flex-shrink:0;
  text-wrap:pretty
}
.r25-rc b,
.r25-rc p {
  color:#fff;
  font-style:normal
}
.r25-rc b {
  font-family:Neue Plak;
  font-size:28px;
  font-weight:900;
  line-height:125.175%
}
.r25-bc {
  display:flex;
  align-items:flex-end;
  position:absolute;
  border-bottom:1px solid hsla(0,
0%,
93.7%,
.2666666667);
  padding-inline:10px
}
.r25-bc[data-debt],
.r25-bc[data-emergency],
.r25-bc[data-savings] {
  left:20%;
  right:20%;
  bottom:26%
}
.r25-bc[data-spending] {
  left:10%;
  right:10%;
  bottom:26%
}
.r25-bc[data-spending] li:nth-of-type(3) b,
.r25-bc[data-spending] li:nth-of-type(5) b {
  color:#10192b
}
.r25-bc[data-spending-two] li {
  height:calc(var(--value)*3.5px);
  max-height:calc(var(--value)*3.5px)
}
.r25-bc[data-spending-two] b {
  padding:6px 8px
}
.r25-bc[data-spending-two] p {
  min-width:90px;
  min-height:85px;
  font-size:10px;
  text-align:right
}
.r25-bc[data-savings-two] li {
  height:calc(var(--value)*8px);
  max-height:calc(var(--value)*8px)
}
.r25-bc[data-savings-two] b {
  padding:6px 8px
}
.r25-bc[data-savings-two] p {
  min-width:85px;
  min-height:85px;
  font-size:10px;
  text-align:right
}
.r25-bc[data-emergency-two] {
  bottom:14%;
  left:25%;
  right:25%;
  padding-inline:24px
}
.r25-bc[data-emergency-two] li {
  height:calc(var(--value)*10px);
  max-height:calc(var(--value)*10px)
}
.r25-bc[data-emergency-two] li:nth-of-type(2) b,
.r25-bc[data-emergency-two] li:nth-of-type(3) b {
  color:#10192b
}
.r25-bc[data-emergency-three] li {
  height:calc(var(--value)*7px);
  max-height:calc(var(--value)*7px)
}
.r25-bc[data-emergency-four] {
  bottom:26%;
  left:18%;
  right:18%
}
.r25-bc[data-emergency-four] li {
  height:calc(var(--value)*10px);
  max-height:calc(var(--value)*10px)
}
.r25-bc[data-emergency-four] li:nth-of-type(2) b,
.r25-bc[data-emergency-four] li:nth-of-type(3) b {
  color:#10192b
}
.r25-bc[data-emergency-five] {
  bottom:16%
}
.r25-bc[data-emergency-five] li {
  height:calc(var(--value)*6.6px);
  max-height:calc(var(--value)*6.6px)
}
.r25-bc[data-emergency-five] b {
  text-align:center;
  width:100%
}
.r25-bc[data-emergency-five] p {
  font-size:9px;
  height:30px
}
.r25-bc[data-debt-two] li {
  height:calc(var(--value)*8px);
  max-height:calc(var(--value)*8px)
}
.r25-bc[data-debt-two] b {
  padding:6px 8px
}
.r25-bc[data-debt-two] p {
  min-width:90px;
  min-height:85px;
  font-size:10px;
  text-align:right
}
.r25-bc li {
  height:calc(var(--value)*8px + 5px);
  max-height:calc(var(--value)*8px + 5px);
  width:100%;
  position:relative
}
.r25-bc aside {
  background-color:var(--bg);
  position:absolute;
  inset:0
}
.r25-bc p {
  color:#fff;
  font-family:Jakarta;
  font-size:12px;
  font-weight:400;
  line-height:130%;
  -webkit-transform:translateY(100%) translateY(20px);
  transform:translateY(100%) translateY(20px);
  width:-webkit-fit-content;
  width:fit-content;
  min-width:80px;
  text-wrap:balance
}
.r25-bc b,
.r25-bc p {
  font-style:normal;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  text-align:center
}
.r25-bc b {
  color:#f4f4e3;
  font-family:Neue Plak;
  font-size:40px;
  font-weight:900;
  line-height:100%;
  -webkit-transform:unset!important;
  transform:unset!important;
  -webkit-transform-origin:left top;
  transform-origin:left top;
  display:inline-block;
  white-space:nowrap;
  padding:4px!important
}
.r25-tbc {
  display:flex;
  align-items:flex-end;
  position:absolute
}
.r25-tbc[data-income] {
  left:22.5%;
  right:22.5%;
  bottom:22%
}
.r25-tbc li {
  height:calc(var(--value)*3.5px + 55px);
  max-height:calc(var(--value)*3.5px + 55px);
  width:100%;
  position:relative
}
.r25-tbc aside {
  mix-blend-mode:multiply;
  background-color:var(--bg);
  position:absolute;
  inset:0
}
.r25-tbc b {
  color:#fff;
  font-size:52px;
  margin:0 auto;
  bottom:-22px;
  -webkit-clip-path:inset(0 0 22px 0);
  clip-path:inset(0 0 22px 0)
}
.r25-tbc b,
.r25-tbc p {
  text-align:center;
  font-family:Neue Plak;
  font-style:normal;
  font-weight:900;
  line-height:normal;
  position:absolute;
  left:0;
  right:0
}
.r25-tbc p {
  color:#e9eae9;
  font-size:14.28px;
  top:100%;
  -webkit-transform:translateY(15px);
  transform:translateY(15px)
}
.r25-mmbc {
  display:flex;
  align-items:flex-end;
  position:absolute
}
.r25-mmbc[data-income] {
  left:32%;
  right:32%;
  bottom:14%
}
.r25-mmbc[data-savings] {
  left:26%;
  right:26%;
  bottom:14%
}
.r25-mmbc[data-savings] li {
  width:40px;
  height:calc(var(--value)*4.5px);
  max-height:calc(var(--value)*4.5px)
}
.r25-mmbc-legend {
  border-radius:14px;
  background:#2e3749;
  width:-webkit-fit-content;
  width:fit-content;
  padding:14px;
  position:absolute;
  display:flex;
  flex-direction:column;
  top:28px;
  left:23px;
  right:0;
  justify-content:center;
  grid-gap:12px;
  gap:12px
}
.r25-mmbc-legend h4 {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  display:flex;
  grid-gap:4px;
  gap:4px;
  align-items:center
}
.r25-mmbc-legend span {
  display:block;
  width:14px;
  height:14px;
  border-radius:50%
}
.r25-mmbc-data {
  display:flex;
  justify-content:space-between;
  width:100%;
  border-bottom:1px solid hsla(0,
0%,
93.7%,
.2666666667);
  padding-inline:10px
}
.r25-mmbc-datum {
  display:flex;
  align-items:flex-end;
  grid-gap:2px;
  gap:2px;
  position:relative
}
.r25-mmbc-datum li {
  height:calc(var(--value)*3.6px + 10px);
  max-height:calc(var(--value)*3.6px + 10px);
  width:50px;
  position:relative
}
.r25-mmbc-datum aside {
  background-color:var(--bg);
  position:absolute;
  inset:0
}
.r25-mmbc-datum p {
  font-weight:700;
  bottom:0;
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  white-space:pre
}
.r25-mmbc-datum b,
.r25-mmbc-datum p {
  color:#fff;
  font-family:Jakarta;
  font-size:12px;
  font-style:normal;
  line-height:130%;
  position:absolute;
  left:0;
  right:0;
  text-align:center
}
.r25-mmbc-datum b {
  font-weight:400;
  top:0;
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px);
  display:inline-block;
  white-space:nowrap
}
.r25-mbc {
  display:flex;
  align-items:flex-end;
  position:absolute
}
.r25-mbc[data-income] {
  left:12%;
  right:12%;
  bottom:22%
}
.r25-mbc[data-income-two] li {
  width:28px
}
.r25-mbc-legend {
  border-radius:14px;
  background:#2e3749;
  width:-webkit-fit-content;
  width:fit-content;
  padding:14px;
  position:absolute;
  display:flex;
  flex-direction:column;
  top:28px;
  left:23px;
  right:0;
  justify-content:center;
  grid-gap:12px;
  gap:12px
}
.r25-mbc-legend h4 {
  color:#fff;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  display:flex;
  grid-gap:4px;
  gap:4px;
  align-items:center
}
.r25-mbc-legend span {
  display:block;
  width:14px;
  height:14px;
  border-radius:50%
}
.r25-mbc-data {
  display:flex;
  justify-content:space-between;
  width:100%;
  border-bottom:1px solid hsla(0,
0%,
93.7%,
.2666666667);
  padding-inline:10px
}
.r25-mbc-datum {
  display:flex;
  align-items:flex-end;
  grid-gap:2px;
  gap:2px;
  position:relative
}
.r25-mbc-datum li {
  height:calc(var(--value)*5px + 20px);
  max-height:calc(var(--value)*5px + 20px);
  width:38px;
  position:relative
}
.r25-mbc-datum aside {
  background-color:var(--bg);
  position:absolute;
  inset:0
}
.r25-mbc-datum p {
  font-weight:700;
  bottom:0;
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  white-space:pre
}
.r25-mbc-datum b,
.r25-mbc-datum p {
  color:#fff;
  font-family:Jakarta;
  font-size:12px;
  font-style:normal;
  line-height:130%;
  position:absolute;
  left:0;
  right:0;
  text-align:center
}
.r25-mbc-datum b {
  font-weight:400;
  top:0;
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px);
  display:inline-block;
  white-space:nowrap
}
.r25-chapter {
  padding:0 35px 0 257px;
  width:100%
}
.r25-chapter:last-of-type {
  margin-bottom:140px
}
.r25-chapter[data-income] {
  --color:#1734ca;
  --accent:#0089ff;
  --cta:#fff
}
.r25-chapter[data-spending] {
  --color:#ea417d;
  --accent:#ffb8ff;
  --cta:#10192b
}
.r25-chapter[data-spending] .r25-share button img {
  -webkit-filter:invert(1);
  filter:invert(1)
}
.r25-chapter[data-savings] {
  --color:#00886c;
  --accent:#006a4e;
  --cta:#fff
}
.r25-chapter[data-savings] .r25-ad-wrapper {
  margin:40px 0 0
}
.r25-chapter[data-savings] .r25-ad-wrapper .r25-ad {
  margin-block:20px 0
}
.r25-chapter[data-emergency] {
  --color:#f16818;
  --accent:#ffe201;
  --cta:#060f21
}
.r25-chapter[data-emergency] .r25-share button img {
  -webkit-filter:invert(1);
  filter:invert(1)
}
.r25-chapter[data-debt] {
  --color:#6624ce;
  --accent:#ffb8ff;
  --cta:#060f21
}
.r25-chapter[data-debt] .r25-share button img {
  -webkit-filter:invert(1);
  filter:invert(1)
}
.r25-chapter[data-satisfaction] {
  --color:#0089ff;
  --accent:#0061d7;
  --cta:#fff
}
.r25-chapter[data-ad]>div {
  border-block:1px solid hsla(0,
0%,
100%,
.1490196078)
}
.r25-chapter[data-ad] .r25-ad {
  width:100%;
  margin:20px 0;
  padding:88px 97px
}
.r25-chapter .r25-conclusion-form {
  padding:58px 69px;
  grid-gap:40px;
  gap:40px;
  margin:auto
}
.interact .left .content .r25-chapter .r25-conclusion-form>.link,
.r25-chapter .interact .left .content .r25-conclusion-form>.link,
.r25-chapter .r25-conclusion-form>svg,
.r25-chapter .savings .box .r25-conclusion-form>.sub-title,
.savings .box .r25-chapter .r25-conclusion-form>.sub-title {
  top:-50px;
  right:-50px
}
.r25-chapter .r25-conclusion-form>button {
  top:21px;
  right:21px
}
.r25-chapter .r25-conclusion-form h5 {
  font-size:40px;
  width:680px;
  position:relative;
  text-wrap:balance
}
.r25-chapter .r25-conclusion-form div button,
.r25-chapter .r25-conclusion-form div input {
  padding:16px;
  height:48px;
  font-size:14px
}
.r25-chapter-preview {
  aspect-ratio:1220/490;
  width:100%;
  border-radius:24px;
  overflow:hidden;
  margin:24px 0 0
}
.r25-chapter-preview img {
  width:100%;
  height:100%;
  margin:0
}
.r25-chapter-wrapper {
  margin-top:23px;
  background-color:#060f21;
  border-radius:24px
}
.r25-chapter-head {
  padding:57px 62px 50px;
  scroll-margin-top:22px
}
.r25-chapter-head span {
  color:hsla(0,
0%,
100%,
.6);
  font-family:Geist Mono;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  letter-spacing:-.28px;
  text-transform:uppercase;
  display:inline-block
}
.r25-chapter-head h2 {
  color:#f4f4e3;
  font-family:Neue Plak;
  font-size:64px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  margin-top:16px
}
.r25-chapter-head p {
  color:#efefef;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  margin-top:20px
}
.r25-chapter-head p i {
  display:block;
  height:1em
}
.r25-chapter-stat {
  position:relative
}
.r25-chapter-stat:last-of-type {
  padding-bottom:40px
}
.r25-chapter-stat:last-of-type:has(.r25-share) {
  padding-bottom:0
}
.r25-chapter-stat-head {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  left:0;
  right:0;
  padding:74px 0;
  grid-gap:24px;
  gap:24px;
  border-block:1px solid #1a2335
}
.interact .left .content .r25-chapter-stat-head .link,
.r25-chapter-stat-head .interact .left .content .link,
.r25-chapter-stat-head .savings .box .sub-title,
.r25-chapter-stat-head svg,
.savings .box .r25-chapter-stat-head .sub-title {
  color:var(--color)
}
.r25-chapter-stat-head h3 {
  width:65%;
  font-size:49.928px
}
.r25-chapter-stat-head h3,
.r25-chapter-stat-head h4 {
  text-wrap:balance;
  color:#d4d4d4;
  text-align:center;
  font-family:Neue Plak;
  font-style:normal;
  font-weight:900;
  line-height:100%
}
.r25-chapter-stat-head h4 {
  width:70%;
  font-size:32px
}
.r25-chapter-stat-head img {
  position:absolute
}
.r25-chapter-stat-head img[data-income] {
  width:1220px;
  height:320.047px;
  object-fit:cover;
  left:50%;
  -webkit-transform:translateX(-50%) translateX(-20px);
  transform:translateX(-50%) translateX(-20px);
  bottom:-41px
}
.r25-chapter-stat-head img[data-income-two] {
  width:1220px;
  height:506.72px;
  object-fit:cover;
  left:50%;
  -webkit-transform:translateX(-50%) translateX(20px);
  transform:translateX(-50%) translateX(20px);
  bottom:-120px
}
.r25-chapter-stat-head img[data-savings] {
  width:1220px;
  height:382;
  object-fit:cover;
  left:50%;
  -webkit-transform:translateX(-50%) translateX(10px) scale(1.1);
  transform:translateX(-50%) translateX(10px) scale(1.1);
  bottom:21px
}
.r25-chapter-stat-head img:nth-of-type(2) {
  display:none
}
.r25-chapter-stat h5 {
  text-wrap:balance;
  color:#efefef;
  font-family:Jakarta;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  padding:40px 40px 0
}
.r25-chapter-stat h5:has(+*) {
  padding-bottom:40px
}
.r25-chapter-stat h5:has(i) {
  text-wrap:pretty;
  width:92.5%
}
.r25-chapter-stat h5 i {
  display:block;
  height:1em
}
.r25-chapter-stat em {
  color:hsla(0,
0%,
100%,
.7);
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:130%
}
.r25-chapter-stat em span {
  color:#fff;
  font-weight:700
}
.r25-chapter-stat>img {
  width:100%;
  height:auto;
  position:relative
}
.r25-chapter-stat figure {
  width:100%;
  height:482px;
  border-radius:20px;
  background-repeat:repeat;
  background-size:21px 22px;
  background-color:#10192b;
  background-image:radial-gradient(circle at center,
hsla(0,
0%,
100%,
.06) 2px,
transparent 0);
  position:relative;
  margin:0
}
.r25-chapter-stat figure[data-small] {
  height:327px
}
.r25-chapter-stat figure[data-large] {
  height:728px
}
.r25-chapter-stat figure img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%
}
.r25-share {
  display:flex;
  width:100%;
  padding:32px 40px;
  justify-content:space-between;
  align-items:center;
  border-radius:20px;
  background-color:var(--color);
  margin-bottom:20px;
  position:relative
}
.r25-share h6 {
  width:60%;
  flex-shrink:0;
  color:#f4f4e3;
  font-family:Neue Plak;
  font-size:24px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  text-wrap:balance
}
.r25-share button {
  display:flex;
  padding:10px 16px;
  justify-content:center;
  align-items:center;
  grid-gap:10px;
  gap:10px;
  border-radius:40px;
  background-color:var(--accent);
  color:var(--cta);
  text-align:center;
  font-family:Jakarta;
  font-size:14.28px;
  font-style:normal;
  font-weight:600;
  line-height:normal;
  position:relative;
  overflow:hidden;
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1)
}
.r25-share button:hover {
  -webkit-transform:scale(1.15);
  transform:scale(1.15)
}
.r25-share button:hover aside {
  opacity:1
}
.r25-share button aside {
  position:absolute;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:inherit;
  opacity:0;
  -webkit-transition:opacity 0s ease-in;
  transition:opacity 0s ease-in
}
.r25-share button div {
  width:28px;
  height:28px;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  -webkit-transition:trasform .2ss ease;
  transition:trasform .2ss ease;
  padding:2px
}
.r25-share button div:hover {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.r25-share button img {
  width:100%;
  height:100%;
  margin:0
}
.r25-share-quote {
  position:relative;
  padding:0 30px;
  grid-gap:0;
  gap:0;
  justify-content:flex-start;
  align-items:center
}
.r25-share-quote button {
  position:absolute;
  right:80px;
  bottom:42px
}
.r25-share-what {
  font-family:Jakarta;
  font-size:17px;
  font-weight:400;
  letter-spacing:-.18px;
  text-wrap:balance
}
.r25-share-by,
.r25-share-what {
  color:#fff;
  font-style:normal;
  line-height:117%
}
.r25-share-by {
  font-family:Inter;
  font-size:16px;
  font-weight:700
}
.r25-share-who {
  color:hsla(0,
0%,
100%,
.8);
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:117%;
  letter-spacing:-.14px;
  margin-top:4px
}
.r25-share>div {
  flex:1 1;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  min-height:238px
}
.r25-share img {
  height:238px;
  width:auto
}
.r25-conclusion {
  min-height:100svh;
  overflow:hidden;
  position:relative;
  background-color:#060f21;
  z-index:10
}
.r25-conclusion-form {
  display:flex;
  width:100%;
  padding:78px 100px 113px;
  flex-direction:column;
  align-items:flex-start;
  grid-gap:60px;
  gap:60px;
  border-radius:24px;
  background-color:#1734ca;
  max-width:1700px;
  margin:0 auto
}
.r25-conclusion-form h5 {
  width:1011px;
  max-width:100%;
  color:#f4f4e3;
  font-family:Neue Plak;
  font-size:54px;
  font-style:normal;
  font-weight:900;
  line-height:100%
}
.r25-conclusion-form div {
  display:flex;
  width:100%;
  grid-gap:10px;
  gap:10px
}
.r25-conclusion-form input {
  height:57px;
  padding:12px 16px;
  border-radius:12px;
  background-color:#2b48de;
  width:100%;
  color:#fefefe;
  text-align:left;
  font-family:Inter;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:-.14px
}
.r25-conclusion-form input::-webkit-input-placeholder {
  color:#fefefe
}
.r25-conclusion-form input:-ms-input-placeholder {
  color:#fefefe
}
.r25-conclusion-form input::placeholder,
.r25-conclusion-form input:placeholder-shown {
  color:#fefefe
}
.r25-conclusion-form button {
  display:flex;
  height:57px;
  padding:12px 26px;
  align-items:center;
  grid-gap:8px;
  gap:8px;
  border-radius:12px;
  background-color:#0089ff;
  color:#fefefe;
  text-align:right;
  font-family:Inter;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:100%;
  letter-spacing:-.14px;
  flex-shrink:0;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease;
  cursor:pointer
}
.r25-conclusion-form button:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.r25-conclusion-featured {
  display:flex;
  height:76px;
  padding:8.787px 23.964px;
  justify-content:center;
  align-items:center;
  grid-gap:24.762px;
  gap:24.762px;
  border-radius:9.585px;
  background-color:#fff;
  margin:-38px auto;
  position:relative;
  z-index:10;
  width:-webkit-fit-content;
  width:fit-content
}
.r25-conclusion-featured p {
  color:#101010;
  text-align:center;
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.42px
}
.r25-conclusion-featured img {
  height:29px;
  max-width:120px;
  width:auto;
  object-fit:contain
}
.r25-conclusion-featured img:last-of-type {
  height:23px
}
.r25-conclusion-canvas {
  position:absolute;
  width:1512px;
  height:949px;
  left:50%;
  top:0;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  pointer-events:none
}
.r25-conclusion-canvas figure {
  margin:0;
  position:absolute;
  top:calc(var(--top)*1px);
  left:calc(var(--left)*1px);
  --depth:1
}
.r25-conclusion-canvas figure:first-of-type {
  --depth:12
}
.r25-conclusion-canvas figure:nth-of-type(2) {
  --depth:11
}
.r25-conclusion-canvas figure:nth-of-type(3) {
  --depth:10
}
.r25-conclusion-canvas figure:nth-of-type(4) {
  --depth:9
}
.r25-conclusion-canvas figure:nth-of-type(5) {
  --depth:12
}
.r25-conclusion-canvas figure:nth-of-type(6) {
  --depth:10
}
.r25-conclusion-canvas figure:nth-of-type(7) {
  --depth:9
}
.r25-conclusion-canvas figure:nth-of-type(8) {
  --depth:10
}
.r25-conclusion-canvas figure:nth-of-type(9) {
  --depth:9
}
.r25-conclusion-canvas figure:nth-of-type(10) {
  --depth:8
}
.r25-conclusion-canvas figure:nth-of-type(11) {
  --depth:9
}
.r25-conclusion-canvas figure:nth-of-type(12) {
  --depth:7
}
.r25-conclusion-canvas figure:nth-of-type(13) {
  --depth:6
}
.r25-conclusion-canvas figure {
  -webkit-transform:translateX(calc(var(--x) * 100px / var(--depth))) translateY(calc(var(--y) * 100px / var(--depth)));
  transform:translateX(calc(var(--x) * 100px / var(--depth))) translateY(calc(var(--y) * 100px / var(--depth)));
  -webkit-transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:-webkit-transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1);
  transition:transform .2s cubic-bezier(0,
0,
.2,
1),
-webkit-transform .2s cubic-bezier(0,
0,
.2,
1)
}
.r25-conclusion-canvas figure:nth-of-type(7),
.r25-conclusion-canvas figure:nth-of-type(8) {
  -webkit-filter:drop-shadow(0 7.94px 15.26px rgba(0,
0,
0,
.45));
  filter:drop-shadow(0 7.94px 15.26px rgba(0,
0,
0,
.45))
}
.r25-ad {
  width:100%;
  height:auto;
  position:relative;
  padding:40px;
  border-radius:16px;
  background:#0076e5;
  grid-gap:449.25px;
  gap:449.25px;
  justify-content:flex-start;
  margin-top:40px;
  display:flex;
  justify-content:space-between
}
.r25-ad div {
  position:relative;
  z-index:1;
  height:-webkit-fit-content;
  height:fit-content;
  margin:auto 0
}
.r25-ad p {
  align-self:stretch;
  font-family:Jakarta;
  font-size:15.687px;
  font-weight:500
}
.r25-ad h5,
.r25-ad p {
  color:#fff;
  font-style:normal;
  line-height:92%
}
.r25-ad h5 {
  width:292px;
  font-family:Neue Plak;
  font-size:45.28px;
  font-weight:900;
  position:relative;
  text-wrap:balance
}
.r25-ad button {
  display:flex;
  padding:15.687px;
  justify-content:center;
  align-items:center;
  grid-gap:3.922px;
  gap:3.922px;
  align-self:stretch;
  border-radius:9.412px;
  border:.392px solid #7b98ff;
  background-color:#1c77fd;
  color:#fff;
  font-family:Jakarta;
  font-size:15.687px;
  font-style:normal;
  font-weight:700;
  line-height:92%;
  -webkit-transition:-webkit-transform .25s ease;
  transition:-webkit-transform .25s ease;
  transition:transform .25s ease;
  transition:transform .25s ease,
-webkit-transform .25s ease;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  width:250px;
  margin-top:16px;
  cursor:pointer
}
.r25-ad button:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.r25-ad-save {
  padding-block:62px 58px;
  grid-gap:0;
  gap:0;
  margin:0 40px 40px;
  width:calc(100% - 80px);
  position:relative;
  overflow:hidden
}
.r25-ad-save aside {
  position:absolute;
  inset:0
}
.r25-ad-save img {
  width:100%;
  height:100%;
  object-fit:cover
}
.r25-ad-save img:nth-of-type(2) {
  display:none
}
.r25-ad-save h5 {
  width:339px;
  color:#fff;
  font-family:Neue Plak;
  font-size:44px;
  font-style:normal;
  font-weight:900;
  line-height:100%
}
.r25 .r24-footer {
  width:1440px;
  max-width:100vw;
  padding:0 0 22.15px;
  background-color:#060f21;
  display:grid;
  justify-content:center;
  margin:0 auto;
  contain:paint
}
.r25 .r24-footer-heading {
  color:#0089ff;
  font-size:36px;
  line-height:34.697px;
  margin-inline:auto;
  width:1030px
}
.r25 .r24-footer-credits,
.r25 .r24-footer-heading {
  font-family:Neue Plak;
  font-style:normal;
  font-weight:900
}
.r25 .r24-footer-credits {
  display:flex;
  flex-wrap:wrap;
  margin:36.18px auto 0;
  padding:0 105px 72px;
  grid-gap:16px;
  gap:16px;
  align-items:center;
  align-content:center;
  color:#fff2d4;
  font-size:33.616px;
  line-height:80%;
  border-bottom:.92px dashed #1d2d4d;
  width:1240px
}
.r25 .r24-footer-credits span {
  border-radius:90px;
  border:1px solid #1d2d4d;
  display:flex;
  padding:26px 29px 22px;
  justify-content:center;
  align-items:center;
  height:72px;
  cursor:crosshair;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.r25 .r24-footer-credits span:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.r25 .r24-footer-credits .paused,
.r25 .r24-footer-credits .spinning {
  -webkit-animation:spinning 5s linear infinite;
  animation:spinning 5s linear infinite
}
.r25 .r24-footer-credits .paused {
  -webkit-animation-play-state:paused;
  animation-play-state:paused
}
.r25 .r24-footer-ad {
  display:flex;
  align-items:center;
  justify-content:center;
  grid-gap:84px;
  gap:84px;
  width:100vw;
  overflow:hidden;
  padding:39px 0 26.77px;
  position:relative;
  left:10px
}
.r25 .r24-footer-ad>img:first-of-type {
  width:416.25px;
  height:416.234px
}
.r25 .r24-footer-ad>img:nth-of-type(2) {
  width:437.055px;
  height:395.194px
}
.r25 .r24-footer-ad-download {
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.r25 .r24-footer-ad-download>img {
  width:96px;
  height:96px
}
.r25 .r24-footer-ad-download h3 {
  color:#fff;
  font-family:Neue Plak;
  font-size:44.308px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  letter-spacing:-1.329px;
  width:551.077px;
  text-align:center;
  margin-top:29.54px
}
.r25 .r24-footer-ad-download p {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:14.769px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.443px;
  margin-top:14.77px
}
.r25 .r24-footer-ad-download div {
  margin:29.54px auto 0;
  border-radius:18.462px;
  border:1.846px dashed #1d2d4d;
  display:flex;
  padding:7.385px;
  align-items:center;
  grid-gap:7.385px;
  gap:7.385px
}
.r25 .r24-footer-ad-download button {
  display:flex;
  height:44.308px;
  padding:11.077px 22.154px;
  justify-content:center;
  align-items:center;
  grid-gap:7.385px;
  gap:7.385px;
  color:#fff;
  font-family:Neue Plak;
  font-size:14.769px;
  font-style:normal;
  font-weight:600;
  line-height:80%;
  letter-spacing:-.443px;
  border-radius:11.077px;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.r25 .r24-footer-ad-download button:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.r25 .r24-footer-ad-download button:first-of-type {
  background:#1734ca
}
.r25 .r24-footer-ad-download button:first-of-type img {
  width:16.615px;
  height:20.308px
}
.r25 .r24-footer-ad-download button:nth-of-type(2) {
  background-color:transparent;
  border:.923px solid #1d2d4d
}
.r25 .r24-footer-ad-download button:nth-of-type(2) img {
  width:20.308px;
  height:20.308px
}
.r25 .r24-footer-ad-download span {
  margin-top:4px
}
.r25 .r24-footer-links {
  display:flex;
  border-top:.92px dashed #1d2d4d;
  width:1396px;
  max-width:100vw;
  margin:0 auto;
  justify-content:center;
  overflow:hidden
}
.r25 .r24-footer-links .meta {
  display:flex;
  flex-direction:column;
  grid-gap:14.77px;
  gap:14.77px;
  margin:38px 65.9px 0
}
.r25 .r24-footer-links .meta>img:first-of-type {
  width:102.462px;
  height:19.013px
}
.r25 .r24-footer-links .meta p {
  color:#b0c4ec;
  font-family:Jakarta;
  font-size:12.923px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.388px;
  width:112.615px
}
.r25 .r24-footer-links .meta>img:nth-of-type(2) {
  width:72.569px;
  height:60.6px
}
.r25 .r24-footer-links li {
  border-left:.92px dashed #1d2d4d;
  padding:38px 65.9px 39.38px;
  display:flex;
  flex-direction:column;
  grid-gap:11.077px;
  gap:11.077px
}
.r25 .r24-footer-links h6 {
  color:#fff;
  font-weight:700
}
.r25 .r24-footer-links a,
.r25 .r24-footer-links h6 {
  font-family:Jakarta;
  font-size:12.923px;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.388px
}
.r25 .r24-footer-links a {
  color:#b0c4ec;
  font-weight:400!important;
  white-space:pre;
  -webkit-transition:color .5s ease;
  transition:color .5s ease
}
.r25 .r24-footer-links a:hover {
  color:#fff
}
.r25 .r24-footer-links .socials {
  display:flex
}
.r25 .r24-footer-links .socials a {
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.r25 .r24-footer-links .socials a:hover {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-filter:contrast(4) grayscale(1);
  filter:contrast(4) grayscale(1)
}
.r25 .r24-footer-links .location {
  width:193.846px;
  white-space:unset
}
@media screen and (max-width:1200px) {
  .r25 {
  overflow-x:hidden
}
.r25-header {
  padding:32px;
  display:flex;
  justify-content:space-between
}
.r25-header-left {
  display:none
}
.r25-header-logo {
  margin:0;
  width:102.996px;
  height:19.422px
}
.r25-header-cta {
  grid-gap:4px;
  gap:4px
}
.r25-header-cta button {
  padding:10px 16px
}
.r25-header-modal .r25-conclusion-form {
  padding:63px 36px;
  width:calc(100% - 62px);
  max-width:calc(100% - 62px);
  grid-gap:40px;
  gap:40px;
  margin:auto
}
.interact .left .content .r25-header-modal .r25-conclusion-form>.link,
.r25-header-modal .interact .left .content .r25-conclusion-form>.link,
.r25-header-modal .r25-conclusion-form>svg,
.r25-header-modal .savings .box .r25-conclusion-form>.sub-title,
.savings .box .r25-header-modal .r25-conclusion-form>.sub-title {
  top:-50px;
  right:-50px
}
.r25-header-modal .r25-conclusion-form>button {
  top:21px;
  right:21px
}
.r25-header-modal .r25-conclusion-form h5 {
  font-size:28px;
  width:100%;
  position:relative
}
.r25-header-modal .r25-conclusion-form div button,
.r25-header-modal .r25-conclusion-form div input {
  padding:16px;
  height:48px
}
.r25-hero {
  padding:130px 32px 0;
  min-height:800px
}
.r25-hero-heading#r25-hero-heading {
  font-size:15px!important;
  line-height:140%!important;
  flex-direction:column;
  grid-gap:unset!important;
  gap:unset!important
}
.r25-hero-heading#r25-hero-heading span {
  text-align:center
}
.r25-hero-main {
  width:317.525px;
  height:279.493px
}
.r25-hero-canvas {
  -webkit-transform:translateX(-50%) scale(.75);
  transform:translateX(-50%) scale(.75)
}
.r25-intro-introduction {
  padding:30px 33px 42px;
  border-radius:20px;
  grid-gap:20px;
  gap:20px
}
.r25-intro-introduction p {
  text-align:left
}
.r25-intro-introduction i {
  display:block;
  height:1em
}
.r25-intro h2 {
  font-size:14px!important;
  text-align:left
}
.r25-intro-findings {
  padding:30px 33px 42px;
  border-radius:20px;
  grid-gap:20px;
  gap:20px
}
.r25-intro-findings ul {
  width:376px;
  height:512px;
  position:relative
}
.r25-intro-findings ul li {
  position:absolute;
  top:0;
  left:0;
  width:376px!important;
  height:512px;
  -webkit-transition:-webkit-transform .5s ease-in-out;
  transition:-webkit-transform .5s ease-in-out;
  transition:transform .5s ease-in-out;
  transition:transform .5s ease-in-out,
-webkit-transform .5s ease-in-out;
  padding:33px;
  display:flex;
  flex-direction:column
}
.r25-intro-findings ul li:first-of-type button {
  background-color:#006be1
}
.r25-intro-findings ul li:nth-of-type(2) button {
  background-color:#f16818
}
.r25-intro-findings ul li:nth-of-type(3) button {
  background-color:#1a534a
}
.r25-intro-findings ul li:nth-of-type(4) button {
  background-color:#471990
}
.r25-intro-findings ul li:nth-of-type(5) button {
  background-color:#10248d
}
.r25-intro-findings ul li:nth-of-type(6) button {
  background-color:#1a534a
}
.r25-intro-findings ul li:nth-of-type(7) button {
  background-color:#a4fc5a;
  color:#1a534a
}
.r25-intro-findings ul li:nth-of-type(7) button img {
  -webkit-filter:invert(1);
  filter:invert(1)
}
.r25-intro-findings ul li:nth-of-type(8) button {
  background-color:#1a534a
}
.r25-intro-findings ul li:has(~._active) {
  -webkit-transform:translateX(-100vw);
  transform:translateX(-100vw)
}
.r25-intro-findings ul li._active~li {
  -webkit-transform:translateX(100vw);
  transform:translateX(100vw)
}
.r25-intro-findings ul li p {
  text-align:left;
  font-size:24px;
  max-width:100%
}
.r25-intro-findings ul li figure {
  width:376px;
  height:auto;
  top:0;
  left:50%!important;
  -webkit-transform:translateX(-50%)!important;
  transform:translateX(-50%)!important
}
.r25-intro-findings ul li figure img:first-of-type {
  display:none
}
.r25-intro-findings ul li figure img:nth-of-type(2) {
  display:block
}
.r25-intro-findings ul li button {
  position:static;
  margin-top:auto;
  background-color:inherit;
  width:-webkit-fit-content;
  width:fit-content;
  grid-gap:4px;
  gap:4px
}
.r25-intro-findings ul li button:hover {
  -webkit-transform:scale(1.15);
  transform:scale(1.15)
}
.r25-intro-findings ul li button span:after {
  content:":"
}
.r25-intro-findings ul li button aside {
  position:static;
  opacity:1;
  grid-gap:8px;
  gap:8px
}
.r25-intro-findings ul li button div {
  padding:0;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.r25-main {
  overflow-x:hidden
}
.r25-main-sections {
  margin-top:-24px;
  background-color:#060f21
}
.r25-nav {
  width:100vw;
  padding-inline:32px;
  padding-block:12.5px;
  height:48px;
  overflow:hidden;
  z-index:10;
  position:fixed;
  top:0;
  left:0;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%);
  opacity:0;
  pointer-events:none
}
.r25-nav._active {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
  pointer-events:auto
}
.r25-nav.open {
  height:auto
}
.r25-nav.open li {
  order:unset!important
}
.r25-nav.open i,
.r25-nav.open p {
  color:#fff!important
}
.r25-nav.open i {
  background-color:hsla(0,
0%,
100%,
.2666666667)!important;
  border-color:hsla(0,
0%,
100%,
.2666666667)!important
}
.r25-nav.open [data-active]:after {
  min-height:100svh;
  top:-50svh
}
.interact .left .content .r25-nav.open .link,
.r25-nav.open .interact .left .content .link,
.r25-nav.open .savings .box .sub-title,
.r25-nav.open svg,
.savings .box .r25-nav.open .sub-title {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.r25-nav button {
  display:block;
  position:absolute;
  width:48px;
  height:48px;
  padding:12px;
  top:-2px;
  right:20px;
  z-index:1;
  background-color:transparent
}
.interact .left .content .r25-nav button .link,
.r25-nav button .interact .left .content .link,
.r25-nav button .savings .box .sub-title,
.r25-nav button svg,
.savings .box .r25-nav button .sub-title {
  width:100%;
  height:100%;
  margin:0
}
.r25-nav-list {
  grid-gap:15px;
  gap:15px
}
.r25-nav-list li {
  align-items:center;
  order:2
}
.r25-nav-list li:hover {
  -webkit-transform:unset;
  transform:unset
}
.r25-nav-list li[data-active] {
  order:1;
  position:relative
}
.r25-nav-list li[data-active]:after {
  content:"";
  position:absolute;
  inset:-14px -32px;
  background-color:inherit;
  z-index:-1
}
.r25-nav-list li:first-of-type[data-active] {
  background-color:#1734ca
}
.r25-nav-list li:nth-of-type(2)[data-active] {
  background-color:#ea417d;
  --background-color:#ffb8ff;
  --border-color:#ffb8ff;
  --color2:#060f21
}
.r25-nav-list li:nth-of-type(3)[data-active] {
  background-color:#00886c;
  --background-color:#006a4e;
  --border-color:#006a4e
}
.r25-nav-list li:nth-of-type(4)[data-active] {
  background-color:#f16818;
  --background-color:#ffe201;
  --border-color:#ffe201;
  --color2:#060f21
}
.r25-nav-list li:nth-of-type(5)[data-active] {
  background-color:#6624ce;
  --background-color:#ffb8ff;
  --border-color:#ffb8ff;
  --color2:#060f21
}
.r25-nav-list li:nth-of-type(6)[data-active] {
  background-color:#0089ff;
  --background-color:#0061d7;
  --border-color:#0061d7
}
.r25-nav-list i {
  color:var(--color2);
  display:flex;
  width:23px;
  height:23px;
  justify-content:center;
  align-items:center;
  border-radius:33.824px;
  border:1px solid var(--border-color);
  text-align:center;
  background-color:var(--background-color);
  font-family:Jakarta;
  font-size:11.5px;
  font-style:normal;
  font-weight:700;
  line-height:130%
}
.r25-nav-list p {
  color:var(--color1);
  font-family:Geist Mono;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  letter-spacing:-.28px;
  text-transform:uppercase
}
.r25-pc {
  display:grid;
  place-items:center;
  position:absolute
}
.r25-pc[data-income] {
  left:20px;
  right:20px;
  bottom:50%;
  -webkit-transform:translateY(50%);
  transform:translateY(50%)
}
.r25-pc li {
  --radius:100px;
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * -0.5 + var(--gap)));
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 1.5 + var(--gap)) + 1lh + 80px)
}
.r25-pc p {
  font-size:12px
}
.r25-pzc {
  position:static;
  -webkit-transform:unset!important;
  transform:unset!important;
  padding:23px 17px
}
.r25-pzc li {
  -webkit-transform:scale(.8);
  transform:scale(.8)
}
.r25-pzc p {
  visibility:hidden
}
.r25-pzc-legend {
  display:block;
  display:flex;
  width:100%;
  padding:14.1px 23.5px 14.1px 14.1px;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  grid-gap:9px;
  gap:9px;
  border-radius:14px;
  background-color:#2e3749
}
.r25-pzc-legend h6 {
  color:#fff;
  font-family:Inter;
  font-size:13px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  text-align:left;
  display:flex;
  grid-gap:7px;
  gap:7px
}
.r25-pzc-legend h6:before {
  content:"";
  flex-shrink:0;
  display:block;
  border-radius:50%;
  width:12px;
  height:12px;
  background-color:var(--bg);
  position:relative;
  top:2px
}
.r25-dc[data-satisfaction],
.r25-dc[data-spending] {
  left:20px;
  right:20px;
  bottom:50%;
  -webkit-transform:scale(.9) translateY(50%);
  transform:scale(.9) translateY(50%)
}
.r25-dc[data-spending-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.5 + var(--gap)) + 60px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.5 + var(--gap)) + 1lh + 70px)
}
.r25-dc[data-spending-three] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 60px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 1lh + 70px)
}
.r25-dc[data-spending-three] p {
  width:80px
}
.r25-dc[data-savings] {
  left:20px;
  right:20px;
  bottom:50%;
  -webkit-transform:scale(.9) translateY(60%);
  transform:scale(.9) translateY(60%)
}
.r25-dc[data-savings-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.5 + var(--gap)) + 65px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.5 + var(--gap)) + 1lh + 100px)
}
.r25-dc[data-debt-two] li,
.r25-dc[data-debt-two] li:nth-of-type(6) {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.8 + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.3 + var(--gap)) + 1lh + 70px)
}
.r25-dc[data-debt-two] li:nth-of-type(7) {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.8 + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.3 + var(--gap)) + 1lh + 40px)
}
.r25-dc[data-debt-two] p {
  width:70px
}
.r25-dc[data-satisfaction-two] li {
  --pos-x:calc(cos(var(--theta)) * (var(--radius) * 0.6 + var(--gap)) + 55px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) * 0.4 + var(--gap)) + 1lh + 68px)
}
.r25-dc[data-satisfaction-two] p {
  width:85px
}
.r25-dc li {
  --radius:100px;
  --pos-x:calc(cos(var(--theta)) * (var(--radius) + var(--gap)) + 80px);
  --pos-y:calc(sin(var(--theta)) * (var(--radius) + var(--gap)) + 1lh + 120px)
}
.r25-dc-shadow {
  width:calc(var(--radius)*2);
  max-width:calc(var(--radius)*2);
  --percentage:-3%;
  --bg:#10192b;
  background:conic-gradient(from -1turn,
var(--bg) 0 var(--percentage),
transparent var(--percentage) 100%)
}
.r25-dc-hole,
.r25-dc-shadow {
  position:absolute;
  inset:0;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  aspect-ratio:1;
  border-radius:50%
}
.r25-dc-hole {
  width:calc(var(--radius)*1.3);
  max-width:calc(var(--radius)*1.3);
  margin:auto;
  background-repeat:repeat;
  background-size:21px 22px;
  background-color:#10192b;
  background-image:radial-gradient(circle at center,
hsla(0,
0%,
100%,
.06) 2px,
transparent 0)
}
.r25-dc aside {
  background-color:var(--bg);
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from var(--offset),
var(--bg) 0 calc(var(--percentage) - .1%),
#fff calc(var(--percentage) - .1%) var(--percentage),
transparent var(--percentage) 100%)
}
.r25-dc p {
  color:var(--bg);
  text-align:center;
  font-family:Neue Plak;
  font-size:10px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  width:-webkit-fit-content;
  width:fit-content;
  -webkit-transform:translateX(var(--pos-x)) translateY(var(--pos-y));
  transform:translateX(var(--pos-x)) translateY(var(--pos-y))
}
.r25-ahc {
  display:flex;
  align-items:center;
  position:absolute;
  justify-content:space-between
}
.r25-ahc[data-emergency] {
  left:6%;
  right:6%;
  bottom:50%;
  -webkit-transform:translateY(50%);
  transform:translateY(50%)
}
.r25-ahc[data-debt] {
  left:6%;
  right:6%;
  bottom:0;
  justify-content:center
}
.interact .left .content .r25-ahc .link,
.r25-ahc .interact .left .content .link,
.r25-ahc .savings .box .sub-title,
.r25-ahc svg,
.savings .box .r25-ahc .sub-title {
  width:112px;
  height:100%;
  flex-shrink:1
}
.interact .left .content .r25-ahc [data-center].link path,
.r25-ahc .interact .left .content [data-center].link path,
.r25-ahc .savings .box [data-center].sub-title path,
.r25-ahc svg[data-center] path,
.savings .box .r25-ahc [data-center].sub-title path {
  fill:var(--accent)
}
.r25-fc {
  flex-direction:column;
  position:static;
  height:85svh;
  padding:40px 150px 120px;
  overflow:hidden
}
.interact .left .content .r25-fc [data-top="0"] .link,
.r25-fc [data-top="0"] .interact .left .content .link,
.r25-fc [data-top="0"] .savings .box .sub-title,
.r25-fc [data-top="0"] svg,
.savings .box .r25-fc [data-top="0"] .sub-title {
  left:unset;
  right:0;
  bottom:unset;
  top:100%;
  -webkit-transform-origin:0 0;
  transform-origin:0 0
}
.r25-fc [data-top="0"] b {
  top:100%;
  right:100%;
  -webkit-transform:translateX(-52px) translateY(12px);
  transform:translateX(-52px) translateY(12px)
}
.r25-fc [data-top="0"] p {
  top:100%;
  right:100%;
  -webkit-transform:translateX(-52px) translateX(40px) translateY(40px) translateY(100%);
  transform:translateX(-52px) translateX(40px) translateY(40px) translateY(100%)
}
.r25-fc li {
  width:100%;
  height:calc(1%*var(--value))
}
.r25-fc aside {
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transform:unset!important;
  transform:unset!important
}
.interact .left .content .r25-fc .link,
.r25-fc .interact .left .content .link,
.r25-fc .savings .box .sub-title,
.r25-fc svg,
.savings .box .r25-fc .sub-title {
  position:absolute;
  right:unset;
  top:unset;
  left:0;
  bottom:0;
  margin:0;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%
}
.r25-fc p {
  font-size:8px;
  -webkit-transform:translateX(79px) translateX(50px) translateY(40px);
  transform:translateX(79px) translateX(50px) translateY(40px);
  width:100%
}
.r25-fc b,
.r25-fc p {
  top:100%;
  right:0;
  text-align:left
}
.r25-fc b {
  font-size:30px;
  -webkit-transform:translateX(32px) translateX(55px) translateY(12px);
  transform:translateX(32px) translateX(55px) translateY(12px)
}
.r25-rc {
  display:flex;
  flex-direction:column;
  position:unset;
  padding:50px 20px
}
.r25-rc[data-debt] {
  padding:50px 10px
}
.r25-rc[data-debt] aside {
  width:calc(var(--value)*4px);
  max-width:calc(var(--value)*4px)
}
.r25-rc[data-debt] p {
  width:90px
}
.r25-rc[data-satisfaction] {
  left:5%;
  right:5%;
  bottom:60px;
  top:60px
}
.r25-rc[data-satisfaction] aside {
  width:calc(var(--value)*2.5px);
  max-width:calc(var(--value)*2.5px)
}
.r25-rc[data-spending] {
  padding:50px 10px
}
.r25-rc[data-spending] aside {
  width:calc(var(--value)*2px);
  max-width:calc(var(--value)*2px)
}
.r25-rc[data-spending] p {
  width:90px
}
.r25-rc[data-savings] {
  padding:50px 10px
}
.r25-rc[data-savings] aside {
  width:calc(var(--value)*5px);
  max-width:calc(var(--value)*5px)
}
.r25-rc[data-savings] p {
  width:90px
}
.r25-rc li {
  height:36px
}
.r25-rc aside {
  width:calc(var(--value)*2.5px);
  max-width:calc(var(--value)*2.5px);
  height:36px
}
.r25-rc p {
  font-size:10px;
  text-align:left;
  text-align:right;
  text-wrap:pretty;
  width:110px
}
.r25-rc b {
  width:20px
}
.r25-hc {
  flex-wrap:wrap
}
.r25-hc[data-emergency] {
  left:40px;
  right:40px;
  bottom:50%;
  -webkit-transform:translateY(50%);
  transform:translateY(50%)
}
.interact .left .content .r25-hc .link,
.r25-hc .interact .left .content .link,
.r25-hc .savings .box .sub-title,
.r25-hc svg,
.savings .box .r25-hc .sub-title {
  width:42.979px;
  height:83.604px
}
.r25-bc {
  padding-inline:5px
}
.r25-bc[data-debt],
.r25-bc[data-emergency],
.r25-bc[data-savings],
.r25-bc[data-spending] {
  left:20px;
  right:20px;
  bottom:80px
}
.r25-bc[data-spending-two] p {
  min-width:80px;
  font-size:8px
}
.r25-bc[data-savings-two] b {
  padding:4px 6px
}
.r25-bc[data-savings-two] p {
  -webkit-transform:translateY(100px) translateX(-10px) rotate(-45deg);
  transform:translateY(100px) translateX(-10px) rotate(-45deg);
  font-size:8px;
  text-align:center
}
.r25-bc[data-emergency-two] li {
  height:calc(var(--value)*6px);
  max-height:calc(var(--value)*6px)
}
.r25-bc[data-emergency-two] b {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
  text-align:center;
  width:100%
}
.r25-bc[data-emergency-two] p {
  -webkit-transform:translateY(150%);
  transform:translateY(150%);
  min-width:unset;
  font-size:10px;
  text-align:center;
  width:100%
}
.r25-bc[data-emergency-three] li {
  height:calc(var(--value)*5px);
  max-height:calc(var(--value)*5px)
}
.r25-bc[data-emergency-four] {
  bottom:24%
}
.r25-bc[data-emergency-four] li {
  height:calc(var(--value)*10px);
  max-height:calc(var(--value)*10px)
}
.r25-bc[data-emergency-five] {
  bottom:20%;
  padding-inline:5px
}
.r25-bc[data-emergency-five] li {
  height:calc(var(--value)*4.2px);
  max-height:calc(var(--value)*4.2px)
}
.r25-bc[data-emergency-five] b {
  -webkit-transform:translateY(-40px);
  transform:translateY(-40px);
  text-align:center;
  width:100%
}
.r25-bc[data-emergency-five] p {
  -webkit-transform:translateY(135%);
  transform:translateY(135%);
  font-size:9px;
  height:30px
}
.r25-bc[data-debt-two] li {
  height:calc(var(--value)*7px);
  max-height:calc(var(--value)*7px)
}
.r25-bc[data-debt-two] b {
  padding:6px 8px
}
.r25-bc[data-debt-two] p {
  -webkit-transform:translateY(100px) translateX(-5px) rotate(-45deg);
  transform:translateY(100px) translateX(-5px) rotate(-45deg);
  min-width:80px;
  font-size:8px;
  text-align:center
}
.r25-bc li {
  height:calc(var(--value)*7px);
  max-height:calc(var(--value)*7px)
}
.r25-bc aside {
  background-color:var(--bg);
  position:absolute;
  inset:0
}
.r25-bc p {
  font-size:7px;
  min-width:65px;
  width:100%;
  min-width:unset;
  bottom:8px
}
.r25-bc b {
  font-size:24px
}
.r25-tbc[data-income] {
  left:20px;
  right:20px;
  bottom:60px
}
.r25-tbc li {
  height:calc(var(--value)*7.5px);
  max-height:calc(var(--value)*7.5px);
  width:100%;
  position:relative
}
.r25-tbc aside {
  mix-blend-mode:unset
}
.r25-tbc b {
  font-size:24px;
  bottom:-8px;
  -webkit-clip-path:inset(0 0 8px 0);
  clip-path:inset(0 0 8px 0)
}
.r25-tbc p {
  font-size:8px;
  -webkit-transform:translateY(8px);
  transform:translateY(8px)
}
.r25-mmbc[data-income] {
  left:20px;
  right:20px;
  bottom:44px
}
.r25-mmbc[data-income] li {
  height:calc(var(--value)*3px);
  max-height:calc(var(--value)*3px)
}
.r25-mmbc[data-savings] {
  left:20px;
  right:20px;
  bottom:44px
}
.r25-mmbc[data-savings] li {
  width:32px;
  height:calc(var(--value)*3.75px);
  max-height:calc(var(--value)*3.75px)
}
.r25-mmbc-legend {
  top:20px;
  flex-direction:row;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  background-color:transparent
}
.r25-mmbc-legend h4 {
  font-size:12px;
  grid-gap:3px;
  gap:3px
}
.r25-mmbc-legend span {
  width:11px;
  height:11px
}
.r25-mmbc-data {
  padding-inline:5px
}
.r25-mmbc-datum li {
  width:44px
}
.r25-mmbc-datum p {
  font-size:12px;
  -webkit-transform:translateY(100%) translateY(10px);
  transform:translateY(100%) translateY(10px);
  text-align:center;
  white-space:unset
}
.r25-mmbc-datum b {
  font-size:16px;
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px)
}
.r25-mbc {
  display:flex;
  align-items:flex-end;
  position:absolute
}
.r25-mbc[data-income] {
  left:20px;
  right:20px;
  bottom:22%
}
.r25-mbc[data-income-two] {
  left:50%;
  right:unset;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.r25-mbc[data-income-two] * {
  padding-inline:0
}
.r25-mbc[data-income-two] li {
  width:14px
}
.r25-mbc-legend {
  top:20px;
  flex-direction:row;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  background-color:transparent
}
.r25-mbc-legend h4 {
  font-size:12px;
  grid-gap:3px;
  gap:3px;
  white-space:pre
}
.r25-mbc-legend span {
  width:11px;
  height:11px
}
.r25-mbc-data {
  padding-inline:5px
}
.r25-mbc-datum li {
  width:16px
}
.r25-mbc-datum p {
  font-size:10px;
  -webkit-transform:translateY(100%) translateY(10px);
  transform:translateY(100%) translateY(10px);
  text-align:center;
  white-space:unset
}
.r25-mbc-datum b {
  font-size:8px;
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
.r25-chapter {
  padding:0 15px;
  background-color:#060f21
}
.r25-chapter:last-of-type {
  margin-bottom:70px
}
.r25-chapter[data-ad] .r25-ad {
  padding:32px 32px 255px
}
.r25-chapter .r25-conclusion-form {
  padding:63px 36px;
  grid-gap:40px;
  gap:40px;
  margin:auto
}
.interact .left .content .r25-chapter .r25-conclusion-form>.link,
.r25-chapter .interact .left .content .r25-conclusion-form>.link,
.r25-chapter .r25-conclusion-form>svg,
.r25-chapter .savings .box .r25-conclusion-form>.sub-title,
.savings .box .r25-chapter .r25-conclusion-form>.sub-title {
  top:-50px;
  right:-50px
}
.r25-chapter .r25-conclusion-form>button {
  top:21px;
  right:21px
}
.r25-chapter .r25-conclusion-form h5 {
  font-size:28px;
  width:100%;
  position:relative
}
.r25-chapter .r25-conclusion-form div button,
.r25-chapter .r25-conclusion-form div input {
  padding:16px;
  height:48px
}
.r25-chapter-preview {
  aspect-ratio:1220/490;
  width:100%;
  border-radius:24px;
  overflow:hidden;
  margin:24px 0 0
}
.r25-chapter-preview img {
  width:100%;
  height:100%;
  margin:0
}
.r25-chapter-wrapper {
  margin-top:23px;
  background-color:#060f21;
  border-radius:24px
}
.r25-chapter-head {
  padding:47px 17px;
  text-align:left
}
.r25-chapter-head h2 {
  margin-top:12px
}
.r25-chapter-head p {
  margin-top:16px
}
.r25-chapter-head p i {
  display:block;
  height:1em
}
.r25-chapter-stat:last-of-type {
  padding-bottom:0
}
.r25-chapter-stat-head {
  padding:31px 0;
  margin:0 17px;
  grid-gap:20px;
  gap:20px
}
.r25-chapter-stat-head:has([data-income]) {
  padding:40px 0;
  margin:0 17px 55px
}
.r25-chapter-stat-head:has([data-income-two]) {
  margin:0 17px 140px
}
.interact .left .content .r25-chapter-stat-head .link,
.r25-chapter-stat-head .interact .left .content .link,
.r25-chapter-stat-head .savings .box .sub-title,
.r25-chapter-stat-head svg,
.savings .box .r25-chapter-stat-head .sub-title {
  width:36.671px;
  height:25.855px
}
.r25-chapter-stat-head h3 {
  width:95%;
  font-size:24px
}
.r25-chapter-stat-head h4 {
  width:100%;
  text-wrap:pretty;
  font-size:24px
}
.r25-chapter-stat-head img:first-of-type {
  display:none
}
.r25-chapter-stat-head img:nth-of-type(2) {
  display:block
}
.r25-chapter-stat-head img {
  position:absolute
}
.r25-chapter-stat-head img[data-income] {
  width:511.493px;
  height:302px;
  object-fit:cover;
  left:50%;
  -webkit-transform:translateX(-50%) translateX(-20px) scale(.85);
  transform:translateX(-50%) translateX(-20px) scale(.85);
  bottom:-90px
}
.r25-chapter-stat-head img[data-income-two] {
  width:486px;
  height:486px;
  object-fit:cover;
  left:50%;
  -webkit-transform:translateX(-50%) translateX(20px);
  transform:translateX(-50%) translateX(20px);
  bottom:-400px;
  -webkit-clip-path:inset(0 0 51% 0);
  clip-path:inset(0 0 51% 0)
}
.r25-chapter-stat h5 {
  text-align:left;
  text-wrap:pretty;
  padding:36px 17px 0
}
.r25-chapter-stat h5:has(+*) {
  padding-bottom:36px
}
.r25-chapter-stat h5:has(i) {
  text-wrap:pretty;
  width:92.5%
}
.r25-chapter-stat h5 i {
  display:block;
  height:1em
}
.r25-chapter-stat em {
  color:hsla(0,
0%,
100%,
.7);
  font-family:Jakarta;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:130%;
  text-wrap:balance
}
.r25-chapter-stat em span {
  color:#fff;
  font-weight:700;
  display:block
}
.r25-chapter-stat>img {
  width:100%;
  height:auto;
  position:relative
}
.r25-chapter-stat figure {
  min-height:380px;
  height:auto;
  border-radius:12px;
  background-size:14px 14px;
  background-image:radial-gradient(circle at center,
hsla(0,
0%,
100%,
.06) 1.5px,
transparent 0)
}
.r25-chapter-stat figure[data-small] {
  min-height:327px;
  height:327px
}
.r25-chapter-stat figure[data-large] {
  min-height:555px;
  height:555px
}
.r25-chapter-stat figure img {
  display:none
}
.r25-chapter-stat figure:has(.r25-ahc) {
  height:200px
}
.r25-share {
  flex-direction:column;
  padding:22px 20px;
  grid-gap:20px;
  gap:20px;
  align-items:flex-start;
  border-radius:12px;
  margin-bottom:0
}
.r25-share h6 {
  width:100%;
  text-align:left;
  font-size:18px;
  line-height:110%;
  text-wrap:pretty
}
.r25-share button {
  grid-gap:4px;
  gap:4px
}
.r25-share button:hover {
  -webkit-transform:scale(1.15);
  transform:scale(1.15)
}
.r25-share button span:after {
  content:":"
}
.r25-share button aside {
  position:static;
  opacity:1;
  grid-gap:8px;
  gap:8px
}
.r25-share button div {
  padding:0;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.r25-share-quote {
  padding:22px 20px 76px;
  grid-gap:0;
  gap:0;
  align-items:flex-start
}
.r25-share-quote button {
  right:unset;
  left:20px;
  bottom:22px
}
.r25-share-by,
.r25-share-what {
  text-align:left
}
.r25-share-by {
  margin-top:18px
}
.r25-share-who {
  text-align:left
}
.r25-share>div {
  flex:1 1;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  height:238px
}
.r25-share img {
  order:2
}
.r25-conclusion {
  min-height:77svh
}
.r25-conclusion-form {
  padding:30px 32px 52px 33px;
  grid-gap:30px;
  gap:30px;
  border-radius:20px
}
.r25-conclusion-form h5 {
  font-size:24px;
  width:100%;
  text-align:left
}
.r25-conclusion-form div {
  flex-direction:column;
  grid-gap:6px;
  gap:6px
}
.r25-conclusion-form input {
  height:48px;
  padding:16px
}
.r25-conclusion-form button {
  height:48px;
  padding:26px;
  width:-webkit-fit-content;
  width:fit-content
}
.r25-conclusion-featured {
  width:calc(100% - 58px);
  max-width:calc(100% - 58px);
  flex-wrap:wrap;
  height:-webkit-fit-content;
  height:fit-content;
  padding:24px 23.964px;
  margin:-38px auto 0;
  position:relative;
  z-index:10
}
.r25-conclusion-featured p {
  width:100%
}
.r25-conclusion-featured img {
  height:29px;
  max-width:120px;
  width:auto;
  object-fit:contain
}
.r25-conclusion-featured img:last-of-type {
  height:23px
}
.r25-conclusion-canvas {
  -webkit-transform:translateX(-50%) scale(.75);
  transform:translateX(-50%) scale(.75);
  top:-140px
}
.r25-ad {
  padding:32px;
  grid-gap:0;
  gap:0;
  justify-content:space-between
}
.r25-ad p {
  font-size:11.28px
}
.r25-ad button {
  width:-webkit-fit-content;
  width:fit-content;
  cursor:pointer;
  padding:10px 13px;
  font-size:12px;
  margin-top:8px
}
.r25-ad-save {
  padding-block:31px 255px;
  grid-gap:0;
  gap:0;
  margin:0 0 40px;
  width:100%;
  position:relative;
  overflow:hidden
}
.r25-ad-save img:first-of-type {
  display:none
}
.r25-ad-save img:nth-of-type(2) {
  display:block
}
.r25-ad-save h5 {
  padding:0;
  color:#fff;
  font-family:Neue Plak;
  font-size:25.916px;
  font-style:normal;
  font-weight:900;
  line-height:92%;
  width:50%;
  text-align:left
}
.r25 .r24-footer {
  width:100vw;
  margin:0 auto;
  padding:0
}
.r25 .r24-footer-heading {
  font-size:24px;
  line-height:34.7px;
  text-align:left!important
}
.r25 .r24-footer-credits,
.r25 .r24-footer-heading {
  width:calc(100vw - 60px);
  max-width:calc(100vw - 60px)
}
.r25 .r24-footer-credits {
  margin:20.27px auto 0;
  padding:0 0 218px;
  grid-gap:10.44px;
  gap:10.44px;
  font-size:21.93px
}
.r25 .r24-footer-credits span {
  border-radius:60px;
  padding:17.6px 18.9px 13.6px;
  height:46.32px
}
.r25 .r24-footer-credits img {
  height:27.377px
}
.r25 .r24-footer-ad {
  -webkit-clip-path:none;
  clip-path:none;
  padding:32px 0;
  left:0
}
.r25 .r24-footer-ad>img:first-of-type,
.r25 .r24-footer-ad>img:nth-of-type(2) {
  display:none
}
.r25 .r24-footer-ad-download>img {
  width:60px;
  height:60px
}
.r25 .r24-footer-ad-download h3 {
  font-size:32px;
  letter-spacing:-.96px;
  width:309px;
  margin-top:23px
}
.r25 .r24-footer-ad-download p {
  font-size:14px;
  letter-spacing:-.42px
}
.r25 .r24-footer-ad-download div {
  margin:23px auto 0;
  border-radius:20.93px;
  border:2.093px dashed #1d2d4d;
  flex-direction:column;
  padding:8.37px;
  grid-gap:8.37px;
  gap:8.37px
}
.r25 .r24-footer-ad-download button {
  width:198.4px;
  height:50px;
  padding:13px 25.11px;
  grid-gap:8.37px;
  gap:8.37px;
  font-size:16.74px;
  letter-spacing:-.502px;
  border-radius:12.558px
}
.r25 .r24-footer-ad-download button:first-of-type img {
  width:18.837px;
  height:23.023px
}
.r25 .r24-footer-ad-download button:nth-of-type(2) {
  border:1.046px solid #1d2d4d
}
.r25 .r24-footer-ad-download button:nth-of-type(2) img {
  width:23.023px;
  height:23.023px
}
.r25 .r24-footer-ad-download span {
  margin-top:6px
}
.r25 .r24-footer-links {
  flex-direction:row;
  flex-wrap:wrap;
  width:calc(100vw - 60px);
  max-width:calc(100vw - 60px);
  justify-content:flex-start;
  grid-gap:18px;
  gap:18px
}
.r25 .r24-footer-links .meta {
  grid-gap:12px;
  gap:12px;
  margin:29px 0 0;
  position:relative;
  width:100%
}
.r25 .r24-footer-links .meta p {
  font-size:14px;
  letter-spacing:-.42px;
  text-align:left!important
}
.r25 .r24-footer-links .meta>img:nth-of-type(2) {
  width:72.57px;
  position:absolute;
  right:0;
  top:3.2px
}
.r25 .r24-footer-links li {
  text-align:left!important;
  border-left:none;
  padding:0;
  grid-gap:9px;
  gap:9px;
  width:46.5%
}
.r25 .r24-footer-links a,
.r25 .r24-footer-links h6 {
  font-size:16px
}
.r25 .r24-footer-links li:nth-of-type(4) {
  width:100%;
  margin:27px 0 44px
}
.r25 .r24-footer-links li:nth-of-type(4) a {
  color:#fff
}
.r25 .r24-footer-links .location {
  width:270px
}

}
@media screen and (max-width:500px) {
  .r25-mbc[data-income-two] {
  left:50%;
  right:unset;
  -webkit-transform:translateX(-50%) scale(.85);
  transform:translateX(-50%) scale(.85)
}
.r25-mbc[data-income-two] * {
  padding-inline:0
}
.r25-mbc[data-income-two] li {
  width:14px
}

}
.web-action {
  height:102vh;
  padding:3rem 0 0
}
.web-action .card {
  width:550px;
  max-width:90vw;
  height:400px;
  border-radius:20px;
  border:1px solid #f2f7f8;
  flex-direction:column;
  background:#fff
}
.web-action .card p {
  font-size:16px;
  padding:10px;
  font-weight:600
}
.web-action .card img {
  width:100px
}
.waec {
  font-family:neue plak,
sans-serif;
  font-size:24px;
  font-weight:400;
  letter-spacing:-.5px;
  background-color:#1834ca;
  display:flex;
  height:100vh;
  width:100vw;
  background-size:contain;
  color:#fff
}
.waec.result {
  height:100%;
  padding:6rem 0
}
.waec .container {
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center
}
.waec .main-content {
  width:1000px;
  display:flex
}
.waec .logo {
  height:24px;
  width:auto
}
.waec .container .illustration {
  width:500px;
  height:500px
}
.waec .container .illustration img {
  width:95%;
  height:auto
}
.waec .container .text {
  width:45%;
  padding:24px
}
.waec h1 {
  font-family:neue plak,
sans-serif;
  font-size:64px;
  font-weight:700
}
.waec .headline {
  padding:24px 0;
  color:#fff;
  font-family:neue plak;
  font-size:76px;
  font-style:normal;
  font-weight:700;
  width:600px
}
.waec .subtext {
  padding:24px 0;
  font-size:14px
}
.waec .main_cta {
  background:#000101;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  font-size:16px;
  padding:12px 36px;
  border-radius:200px;
  display:inline-block;
  -webkit-box-shadow:4px 12px #000;
  box-shadow:4px 12px #000
}
.waec .main_cta:hover {
  -webkit-box-shadow:4px 8px #000;
  box-shadow:4px 8px #000;
  -webkit-transform:translateY(2px)!important;
  transform:translateY(2px)!important
}
.waec .footer {
  display:flex;
  flex-direction:column;
  grid-gap:24px;
  gap:24px;
  text-align:center;
  width:70%;
  font-size:12px;
  color:#57b4ff;
  padding:48px 0
}
.waec .caption {
  color:#fff;
  font-family:neue plak;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:32px
}
@media screen and (max-width:900px) {
  .waec {
  height:100%;
  min-height:100vh;
  max-width:100vw;
  overflow:hidden;
  padding:5rem 1rem
}
.waec .main-content {
  width:100%
}
.waec .container .main-content {
  flex-direction:column;
  align-items:center
}
.waec .container .main-content .illustration {
  width:500px;
  height:500px
}
.waec .container .main-content .illustration canvas {
  width:100%
}
.waec .container .text {
  width:50%;
  padding:24px;
  text-align:center;
  display:flex;
  justify-items:center;
  flex-direction:column;
  align-items:center
}
.waec .caption {
  width:80vw
}
.waec .main_cta {
  white-space:nowrap
}
.waec .headline {
  font-size:50px
}

}
@media screen and (max-width:500px) {
  .waec .subtext {
  padding:24px 0;
  font-size:14px;
  width:200px;
  line-height:18px
}
.waec .container .illustration {
  width:320px;
  height:300px
}
.waec .caption {
  font-size:18px;
  line-height:28px
}
.waec .subtext {
  width:300px
}
.waec .container .main-content {
  flex-direction:column;
  align-items:center
}
.waec .container .main-content .illustration {
  width:300px;
  height:300px
}
.waec .container .main-content .illustration canvas {
  width:100%
}
.waec .headline.result {
  width:unset;
  font-size:50px!important
}
.waec.result {
  height:100%;
  padding:6rem 0
}

}
@media only screen and (max-width:600px) {
  .waec .container {
  flex-direction:column;
  width:100%;
  padding:15px
}
.waec .container .illustration {
  width:100%
}
.waec .container .text {
  width:100%;
  padding:0
}
.waec .main-content {
  flex-direction:column;
  width:100%
}
.waec .footer {
  width:100%
}

}
.waec-rive-container {
  min-height:100vh;
  background-color:#1734ca
}
.waec-rive-container .stories-container {
  width:100%;
  height:100vh;
  display:block;
  position:relative;
  margin:0;
  padding:0;
  background-color:#1a1a1a
}
.waec-rive-container .stories-container .story-view {
  position:relative;
  height:100%;
  width:100%;
  background-color:#000;
  margin:0 auto;
  max-width:500px
}
.waec-rive-container .stories-container .story-view .story-header {
  position:absolute;
  top:48px;
  left:0;
  right:0;
  padding:16px 0;
  z-index:10
}
.waec-rive-container .stories-container .story-view .story-header .header-content {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 20px
}
.waec-rive-container .stories-container .story-view .story-header .header-content .close-button {
  background:none;
  border:none;
  padding:8px;
  cursor:pointer;
  opacity:.8;
  -webkit-transition:opacity .2s;
  transition:opacity .2s
}
.waec-rive-container .stories-container .story-view .story-header .header-content .close-button:hover {
  opacity:1
}
.waec-rive-container .stories-container .story-view .waec-error-container {
  position:relative;
  width:100%;
  height:100%;
  background-color:#000;
  display:flex;
  justify-content:center;
  align-items:center
}
.waec-rive-container .stories-container .story-view .waec-error-container p {
  color:#fff;
  text-align:center;
  padding:16px
}
.waec-rive-container .stories-container .story-view .waec-content-container {
  position:relative;
  width:100%;
  height:100%;
  background-color:#000
}
.waec-rive-container .stories-container .story-view .waec-content-container .rive-container {
  width:100%;
  height:100%
}
.walkathon-rive-container {
  position:absolute;
  height:100%;
  width:100%;
  margin:0;
  padding:0
}
@media screen and (max-width:480px) {
  .waec-rive-container .stories-container .story-view {
  max-width:100%
}

}
.close-button.hidden {
  display:none
}
.walkathon-rive-container {
  min-height:100vh;
  background-color:#1734ca
}
.walkathon-rive-container .stories-container {
  width:100%;
  height:100vh;
  display:block;
  position:relative;
  margin:0;
  padding:0;
  background-color:#1a1a1a
}
.walkathon-rive-container .stories-container .story-view {
  position:relative;
  height:100%;
  width:100%;
  background-color:#000;
  margin:0 auto;
  max-width:500px
}
.walkathon-rive-container .stories-container .story-view .back-header-content {
  justify-content:flex-start!important
}
.walkathon-rive-container .stories-container .story-view .back-header-content .back-button {
  background:none;
  border:none;
  padding:32px 2px;
  cursor:pointer;
  opacity:1;
  -webkit-transition:none;
  transition:none;
  -webkit-tap-highlight-color:rgba(0,
0,
0,
0);
  outline:none;
  position:absolute;
  z-index:999;
  left:10px
}
.walkathon-rive-container .stories-container .story-view .back-header-content .back-button:active,
.walkathon-rive-container .stories-container .story-view .back-header-content .back-button:focus,
.walkathon-rive-container .stories-container .story-view .back-header-content .back-button:hover {
  opacity:1;
  background:none;
  outline:none
}
.walkathon-rive-container .stories-container .story-view .walkathon-error-container {
  position:relative;
  width:100%;
  height:100%;
  background-color:#000;
  display:flex;
  justify-content:center;
  align-items:center
}
.walkathon-rive-container .stories-container .story-view .walkathon-error-container p {
  color:#fff;
  text-align:center;
  padding:16px
}
.walkathon-rive-container .stories-container .story-view .walkathon-content-container {
  position:relative;
  width:100%;
  height:100%;
  background-color:#1734ca
}
.rive-container,
.walkathon-rive-container .stories-container .story-view .walkathon-content-container .walkathon-container {
  width:100%;
  height:100%
}
.rive-container {
  position:absolute;
  background-color:#1734ca;
  margin:0;
  padding:0
}
@media screen and (max-width:480px) {
  .walkathon-rive-container .stories-container .story-view {
  max-width:100%
}
.walkathon-rive-container .stories-container .story-view .back-header-content .back-button {
  left:12px
}

}
@-webkit-keyframes spin {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
.refresh-fab {
  position:fixed;
  bottom:20px;
  right:20px;
  width:50px;
  height:50px;
  background-color:#0d60d8;
  color:#fff;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:24px;
  border:none;
  cursor:pointer;
  -webkit-box-shadow:0 2px 5px rgba(0,
0,
0,
.3);
  box-shadow:0 2px 5px rgba(0,
0,
0,
.3);
  z-index:1000;
  -webkit-tap-highlight-color:rgba(0,
0,
0,
0);
  outline:none
}
.refresh-fab:hover {
  opacity:.9
}
.refresh-fab:active {
  -webkit-box-shadow:0 1px 3px rgba(0,
0,
0,
.2);
  box-shadow:0 1px 3px rgba(0,
0,
0,
.2);
  -webkit-transform:translateY(1px);
  transform:translateY(1px)
}
.refresh-fab.refreshing {
  -webkit-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite
}
.refresh-fab:disabled {
  cursor:not-allowed;
  opacity:.7
}
.upload-page {
  margin:4rem 0 0;
  padding:20px;
  grid-gap:2rem;
  gap:2rem;
  align-items:center
}
.upload-page h2 {
  font-size:48px;
  margin-bottom:20px;
  color:#333
}
.upload-page input[type=file] {
  margin-bottom:15px;
  padding:8px;
  border:1px solid #ccc;
  border-radius:4px;
  font-size:14px
}
.upload-page button {
  padding:10px 20px;
  background-color:#007bff;
  color:#fff;
  border:none;
  border-radius:4px;
  font-size:18px;
  cursor:pointer;
  -webkit-transition:background-color .3s ease;
  transition:background-color .3s ease;
  width:200px;
  font-weight:500
}
.upload-page button:disabled {
  background-color:#aaa;
  cursor:not-allowed
}
.upload-page button:hover:not(:disabled) {
  background-color:#1734ca
}
.upload-page .upload-success {
  color:#28a745
}
.upload-page .error-message {
  color:#dc3545
}
.upload-page .uploaded-files {
  margin-top:20px;
  grid-gap:1rem;
  gap:1rem
}
.upload-page .uploaded-files .file-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px;
  border:1px solid #e0e0e0;
  border-radius:4px;
  margin-bottom:10px;
  background-color:#f9f9f9;
  -webkit-transition:background-color .3s ease;
  transition:background-color .3s ease;
  grid-gap:10px;
  gap:10px
}
.upload-page .uploaded-files .file-item:hover {
  background-color:#f1f1f1
}
.upload-page .uploaded-files .file-item span {
  font-weight:500;
  color:#555;
  white-space:wrap
}
.upload-page .uploaded-files .file-item a {
  color:#1734ca;
  text-decoration:none;
  font-size:14px;
  margin-left:10px
}
.upload-page .uploaded-files .file-item a:hover {
  text-decoration:underline
}
.upload-page .uploaded-files .file-item button {
  padding:6px 12px;
  background-color:#6c757d;
  color:#fff;
  font-size:12px;
  border:none;
  border-radius:4px;
  cursor:pointer;
  -webkit-transition:background-color .3s ease;
  transition:background-color .3s ease
}
.upload-page .uploaded-files .file-item button:hover {
  background-color:#5a6268
}
.upload-page .file-previews {
  display:flex;
  flex-wrap:wrap;
  grid-gap:16px;
  gap:16px;
  margin-top:20px
}
.upload-page .file-previews .file-preview {
  position:relative;
  width:-webkit-fit-content;
  width:fit-content;
  height:auto;
  min-width:100px;
  min-height:100px;
  max-width:200px;
  max-height:auto;
  border-radius:20px;
  overflow:hidden;
  -webkit-box-shadow:0 2px 8px rgba(0,
0,
0,
.1);
  box-shadow:0 2px 8px rgba(0,
0,
0,
.1)
}
.upload-page .file-previews .file-preview img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:20px
}
.upload-page .file-previews .file-preview .remove-image {
  position:absolute;
  top:10px;
  right:10px;
  background-color:rgba(0,
0,
0,
.5);
  color:#fff;
  border:none;
  font-size:20px;
  cursor:pointer;
  border-radius:50%;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 0 16px
}
.upload-page .upload-success {
  color:green;
  margin-top:10px
}
.upload-page .error-message {
  color:red;
  margin-top:10px
}
.join-challenge {
  padding:15rem 0 5rem
}
.join-challenge .go-back {
  margin:auto;
  width:550px;
  padding-bottom:4rem
}
.join-challenge .go-back span {
  color:#060f21;
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:113.5%
}
.join-challenge .card-choice {
  background-color:#fff;
  margin:0 auto;
  padding:50px 30px;
  width:550px;
  height:545;
  top:345px;
  left:456px;
  border-radius:20px;
  grid-gap:10px;
  gap:10px
}
.join-challenge .card-choice img {
  width:50px
}
.join-challenge .card-choice h1 {
  font-weight:700;
  font-size:32px;
  line-height:113%;
  letter-spacing:0;
  text-align:left
}
.join-challenge .card-choice .sub-title {
  font-weight:500;
  font-size:16px;
  line-height:148%;
  letter-spacing:1%;
  color:#787f8b;
  text-align:left
}
.join-challenge .card-choice .choice {
  grid-gap:20px;
  gap:20px;
  margin-top:2rem
}
.join-challenge .card-choice .choice .tabs {
  width:500;
  height:80;
  border-radius:15px;
  background-color:#f7f7f9;
  padding:0 1rem;
  height:80px;
  justify-content:space-between;
  border:1px solid transparent
}
.join-challenge .card-choice .choice .tabs.actives {
  border:1px solid #14b259
}
.join-challenge .card-choice .choice .tabs p {
  font-weight:700;
  font-size:18px;
  line-height:100%;
  letter-spacing:1%;
  color:#222936
}
.join-challenge .card-choice .choice .tabs span {
  height:20px;
  width:20px;
  background-color:#e1e1e4;
  border-radius:50%
}
.join-challenge .card-choice .choice .tabs img {
  width:20px
}
.join-challenge .card-choice .choice button {
  height:60px;
  margin-top:20px;
  background-color:#14b259
}
@media only screen and (max-width:700px) {
  .join-challenge .card-choice,
.join-challenge .go-back {
  width:85vw
}
.join-challenge .go-back {
  padding-bottom:2rem
}
.join-challenge .go-back span {
  font-size:20px
}
.interact .left .content .join-challenge .go-back .link,
.join-challenge .go-back .interact .left .content .link,
.join-challenge .go-back .savings .box .sub-title,
.join-challenge .go-back svg,
.savings .box .join-challenge .go-back .sub-title {
  width:30px
}
.join-challenge .card-choice h1 {
  font-size:27px
}
.join-challenge .card-choice .choice .tabs p {
  font-size:16px
}
.join-challenge .card-choice .sub-title {
  font-size:14px
}

}
.open-house {
  min-height:100vh;
  overflow-x:hidden
}
.open-house body {
  text-align:unset!important
}
.open-house-header {
  min-height:600px;
  background:url(/_next/static/media/heroopenhouse.82feb5d17f35f51adc359cc68a7fcd48.svg);
  background-size:cover
}
.open-house-header__content {
  width:100vw;
  padding:15rem 0 0
}
.open-house-header__content p {
  font-weight:400;
  font-size:16px;
  line-height:25px;
  letter-spacing:-2%;
  text-align:center;
  color:#fff;
  padding-top:2rem;
  max-width:700px
}
.open-house .player-box {
  position:relative;
  width:900px;
  margin:-10rem auto 0;
  padding-bottom:3rem;
  opacity:0
}
.open-house .player-box iframe {
  object-fit:cover;
  width:100%;
  border:7px solid #e7e7e7;
  border-radius:24px;
  min-height:465px;
  height:465px;
  margin-bottom:2rem;
  position:relative;
  z-index:10;
  background-color:#000
}
.open-house .player-box img {
  z-index:9;
  width:200px;
  position:absolute
}
.open-house .player-box .img--1 {
  left:-7.2rem;
  top:18rem
}
.open-house .player-box .img--2 {
  right:-5.7rem;
  top:22rem
}
.open-house .player-box .img--3 {
  right:-3.7rem;
  top:36px;
  z-index:11;
  width:120px
}
.open-house .player-box .iframe-placeholder {
  object-fit:cover;
  width:101%;
  border-radius:24px;
  height:465px;
  margin-bottom:2rem;
  position:relative;
  z-index:10;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  border:7px solid #e7e7e7
}
.open-house .player-box .iframe-placeholder--cont {
  position:relative;
  width:900px
}
.open-house .player-box .iframe-placeholder--cont:hover {
  cursor:pointer
}
.open-house .player-box .iframe-placeholder--cont:hover .iframe-placeholder {
  -webkit-filter:blur(0) brightness(.7);
  filter:blur(0) brightness(.7)
}
.open-house .player-box .play-button {
  position:absolute;
  z-index:20;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,
-50%);
  transform:translate(-50%,
-50%);
  width:200px;
  height:80px;
  border-radius:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  object-fit:unset;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.open-house .player-box .play-button:hover {
  width:210px;
  height:80px
}
.open-house__body {
  width:100vw;
  border-radius:0 0 30px 30px;
  padding:2rem 0;
  position:relative;
  z-index:20;
  background-color:#f4f8f9
}
.open-house__body .content {
  max-width:1500px;
  margin:0 auto 4rem
}
.open-house__body .headings {
  align-self:start;
  padding:3rem 3rem 3rem 4rem;
  position:relative
}
.open-house__body .headings h1 {
  font-family:Neue Plak;
  font-weight:400;
  font-size:48px
}
.open-house__body .headings p {
  font-weight:400;
  font-size:16px;
  line-height:20px
}
.open-house__body .headings .img-location {
  position:absolute;
  top:-1rem;
  right:-6rem
}
.open-house__body__locations {
  grid-gap:1rem;
  gap:1rem;
  flex-wrap:wrap;
  justify-content:center
}
.open-house__body__locations__item {
  width:273px;
  height:273px;
  border-radius:10px;
  flex:0 0 273px;
  position:relative
}
.open-house__body__locations__item img {
  width:100%;
  height:100%;
  border-radius:10px;
  object-fit:cover;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.open-house__body__locations__item .text-details {
  position:absolute;
  top:40%;
  left:0;
  width:100%
}
.open-house__body__locations__item .text-details h2 {
  font-weight:700;
  letter-spacing:-3%
}
.open-house__body__locations__item .text-details h2,
.open-house__body__locations__item .text-details p {
  font-family:Neue Plak;
  font-size:24px;
  line-height:96%;
  text-align:center;
  color:#fff;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.open-house__body__locations__item .text-details p {
  font-weight:400;
  padding-top:5rem
}
.open-house__body__locations__item:hover img {
  -webkit-filter:blur(0) brightness(.5);
  filter:blur(0) brightness(.5)
}
.open-house__body__locations__item:hover .text-details h2 {
  position:relative;
  -webkit-transform:translateY(10px);
  transform:translateY(10px);
  font-size:26px
}
.open-house__body__locations__item:hover .text-details p {
  padding-top:2rem
}
.open-house__body__locations__item:hover .text-details {
  opacity:1
}
.open-house__section--2 {
  background-color:#060f21;
  padding:8rem 0 2rem;
  position:relative;
  top:-30px;
  z-index:10;
  width:100vw
}
.open-house__section--2__content {
  width:1500px
}
.open-house__section--2__content h1 {
  font-family:Neue Plak;
  font-weight:800;
  font-size:48px;
  color:#fff;
  line-height:60px;
  align-self:start;
  padding:3rem 3rem 1rem 4rem
}
.open-house__section--2__content .img-content {
  grid-gap:2rem;
  gap:2rem;
  margin:0 auto;
  padding:4rem 0 0;
  position:relative;
  flex-wrap:wrap;
  justify-content:center
}
.open-house__section--2__content .img-content img {
  height:500px;
  width:400px;
  border-radius:16px;
  object-fit:cover;
  overflow:hidden;
  flex:0 0 400px;
  -webkit-animation:fadeinR .3s ease-in;
  animation:fadeinR .3s ease-in
}
.open-house__section--2__content .arrows {
  width:100px;
  height:100px;
  border-radius:50%;
  position:absolute;
  right:-5.5rem;
  top:50%
}
.open-house__section--2__content .arrows span {
  font-size:20px;
  border-radius:50%;
  background:#fff;
  width:30px;
  height:30px;
  font-weight:700;
  padding-top:5px;
  color:#000;
  -webkit-animation:shadow-pulse 1s infinite;
  animation:shadow-pulse 1s infinite;
  text-align:center
}
.interact .left .content .open-house__section--2__content .arrows span .link,
.open-house__section--2__content .arrows span .interact .left .content .link,
.open-house__section--2__content .arrows span .savings .box .sub-title,
.open-house__section--2__content .arrows span svg,
.savings .box .open-house__section--2__content .arrows span .sub-title {
  position:relative;
  top:-2px;
  vertical-align:bottom;
  margin-right:0;
  font-weight:700
}
.open-house__section--2__content .arrows.left {
  left:-1rem
}
.open-house__section--2 h2 {
  font-weight:700;
  font-size:32px;
  line-height:100%;
  color:#fff;
  padding:4rem 0 0;
  -webkit-animation:fadein .3s ease-in;
  animation:fadein .3s ease-in
}
.open-house__section--2 .dots span {
  width:12px;
  height:12px;
  border-radius:50%;
  display:inline-block;
  margin:2rem 5px 1rem;
  background-color:#fff
}
.open-house__section--2 .dots span.active {
  background-color:#1734ca
}
.open-house__section--3 {
  margin:0 auto;
  padding:2rem 0 4rem;
  width:100vw
}
.open-house__section--3__content {
  max-width:1500px;
  margin:0 auto 4rem;
  padding:0 2rem;
  position:relative
}
.open-house__section--3__content h1 {
  font-family:Neue Plak;
  font-weight:800;
  font-size:48px;
  align-self:start;
  padding:3rem 0 1rem 4rem
}
.open-house__section--3__content--is-closed {
  position:absolute;
  top:20rem;
  z-index:10;
  max-width:500px;
  text-align:center;
  background-color:#fff;
  padding:4rem 2rem;
  border-radius:20px;
  border:1px solid #eee;
  -webkit-box-shadow:0 0 7px 0 #ced3da;
  box-shadow:0 0 7px 0 #ced3da;
  width:85vw
}
.open-house__section--3__content--is-closed img {
  width:90px
}
.open-house__section--3__content--is-closed h4 {
  font-size:25px;
  line-height:40px;
  padding:1rem 0 15px
}
.open-house__section--3__content--is-closed span {
  color:#1734ca;
  cursor:pointer
}
.open-house__section--3__form {
  width:700px;
  background-color:#fff;
  padding:2rem;
  border-radius:16px;
  position:relative;
  -webkit-filter:blur(3px);
  filter:blur(3px);
  pointer-events:none
}
.open-house__section--3__form input,
.open-house__section--3__form textarea {
  height:64px;
  left:74px;
  top:405px;
  border-radius:11px;
  background:#f7f7f7;
  font-family:Jakarta;
  font-style:normal;
  font-weight:500;
  font-size:16px;
  line-height:21px;
  letter-spacing:.01em;
  color:#222936;
  padding:1rem
}
.open-house__section--3__form input::-webkit-input-placeholder,
.open-house__section--3__form textarea::-webkit-input-placeholder {
  color:#787f8b;
  font-weight:400;
  font-size:16px;
  line-height:135%;
  letter-spacing:0
}
.open-house__section--3__form input:-ms-input-placeholder,
.open-house__section--3__form textarea:-ms-input-placeholder {
  color:#787f8b;
  font-weight:400;
  font-size:16px;
  line-height:135%;
  letter-spacing:0
}
.open-house__section--3__form input::placeholder,
.open-house__section--3__form textarea::placeholder {
  color:#787f8b;
  font-weight:400;
  font-size:16px;
  line-height:135%;
  letter-spacing:0
}
.open-house__section--3__form .location {
  width:300px
}
.open-house__section--3__form textarea {
  height:100px;
  resize:none;
  outline:none;
  border:none;
  padding:1rem
}
.open-house__section--3__form label {
  font-weight:500;
  line-height:125%;
  letter-spacing:0;
  text-align:left!important
}
.open-house__section--3__form label span {
  color:#1734ca
}
.open-house__section--3__form button {
  font-weight:700;
  font-size:17px;
  line-height:20px;
  font-family:Jakarta;
  border-radius:11px;
  background:#1734ca!important;
  margin:2rem 0;
  height:70px
}
.open-house__section--3__form__field {
  grid-gap:10px;
  gap:10px
}
.open-house__section--3__form__field label {
  letter-spacing:0;
  text-align:start
}
.open-house__section--3__form__field--1 {
  grid-gap:2rem;
  gap:2rem;
  flex-wrap:wrap
}
.open-house__section--3__form__field--1>* {
  width:100%;
  flex:1 1 300px
}
.open-house__section--3__form__field--2 {
  padding-top:3rem;
  grid-gap:2rem;
  gap:2rem
}
.open-house__section--4 {
  padding:2rem 0 0
}
.open-house__section--4 .heading {
  font-weight:500;
  line-height:125%;
  letter-spacing:0;
  text-align:left!important;
  color:#212337;
  width:100%
}
.open-house__section--4 .choice {
  grid-gap:3rem;
  gap:3rem;
  padding:1rem 0
}
.open-house__section--4 .choice--1 {
  grid-gap:1rem;
  gap:1rem
}
.open-house__section--4 .choice .circle {
  border:1px solid #1734ca;
  border-radius:50%;
  padding:1rem
}
.open-house__section--4__plus-one {
  -webkit-animation:fadeinR .3s ease-in;
  animation:fadeinR .3s ease-in;
  padding-top:2rem
}
.open-house__section--4__plus-one .heading {
  text-align:left;
  font-weight:700;
  font-size:32px;
  line-height:100%;
  letter-spacing:-3%;
  color:#060f21;
  padding-bottom:2rem
}
.open-house .reports24-main {
  background-color:#060f21;
  padding:5rem 0 0;
  height:-webkit-fit-content;
  height:fit-content
}
.open-house .reports24-main .r24-footer {
  width:100vw
}
@keyframes fadeinR {
  0% {
  opacity:0
}
to {
  opacity:1
}

}
@keyframes fadein {
  0% {
  -webkit-transform:scale(.7);
  transform:scale(.7)
}
to {
  -webkit-transform:scale(1);
  transform:scale(1)
}

}
@keyframes shadow-pulse {
  0% {
  -webkit-box-shadow:0 0 0 0 #000;
  box-shadow:0 0 0 0 #000
}
to {
  -webkit-box-shadow:0 0 0 10px rgba(146,
185,
253,
.5);
  box-shadow:0 0 0 10px rgba(146,
185,
253,
.5)
}

}
@media screen and (max-width:1300px) {
  .open-house__section--2__content h1 {
  align-self:center;
  padding:3rem 3rem 0 4rem;
  text-align:center
}
.open-house__section--2__content {
  width:unset;
  max-width:1500px
}
.open-house__section--2__content .img-content {
  width:93vw
}

}
@media screen and (max-width:1000px) {
  .open-house__body .headings {
  align-self:center
}
.open-house h1 {
  line-height:48px
}
.open-house .player-box {
  position:relative;
  width:80vw;
  margin:-10rem auto 0
}
.open-house .player-box iframe {
  object-fit:cover;
  width:100%;
  border:10px solid #e7e7e7;
  border-radius:24px;
  min-height:465px;
  margin-bottom:2rem
}
.open-house nav .btn-group,
.open-house nav .menu {
  padding-top:4rem
}
.open-house .nav-active {
  width:100%
}
.open-house .player-box .iframe-placeholder--cont {
  width:80vw
}
.open-house__body .headings h1 {
  font-family:Neue Plak;
  font-weight:500;
  font-size:30px!important
}
.open-house-header__content img {
  width:600px
}
.open-house__section--2__content .img-content {
  width:90vw
}
.open-house__section--2__content .img-content img {
  height:300px;
  width:300px;
  border-radius:16px;
  object-fit:cover;
  overflow:hidden;
  flex:unset
}

}
@media screen and (max-width:900px) {
  .open-house__section--3__form {
  width:80vw;
  background-color:#fff;
  padding:2rem;
  border-radius:16px
}
.open-house__section--3__content h1 {
  font-family:Neue Plak;
  font-weight:800;
  font-size:35px;
  align-self:center;
  padding:2rem 0 3rem
}

}
@media screen and (max-width:600px) {
  .open-house__body .headings h1 {
  line-height:37px
}
.open-house .player-box {
  position:relative;
  width:90vw;
  margin:-14rem auto 0
}
.open-house-header__content {
  padding:13rem 0 0
}
.open-house-header__content img {
  width:320px
}
.open-house-header__content p {
  font-size:16px;
  line-height:22px;
  letter-spacing:-2%;
  max-width:90vw;
  padding-top:1.5rem
}
.open-house__section--2__content .img-content .carousel-container {
  width:100%;
  overflow:hidden;
  position:relative
}
.open-house__section--2__content .img-content .carousel-track {
  display:flex;
  grid-gap:2rem;
  gap:2rem;
  height:250px;
  -webkit-animation:scrollLeft 10s linear infinite;
  animation:scrollLeft 10s linear infinite;
  -webkit-animation-delay:.9s;
  animation-delay:.9s
}
.open-house__section--2__content .img-content .carousel-track img {
  height:250px;
  width:300px;
  object-fit:cover;
  flex-shrink:0
}
.open-house__section--2__content .img-content .carousel-container:hover .carousel-track {
  -webkit-animation-play-state:paused;
  animation-play-state:paused
}
@-webkit-keyframes scrollLeft {
  0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
to {
  -webkit-transform:translateX(-996px);
  transform:translateX(-996px)
}

}
@keyframes scrollLeft {
  0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
to {
  -webkit-transform:translateX(-996px);
  transform:translateX(-996px)
}

}
.open-house__section--2__content .img-content img {
  height:200px;
  width:75vw;
  border-radius:16px;
  object-fit:cover;
  overflow:hidden;
  flex:unset
}
.open-house__section--2__content h1 {
  padding:0;
  text-align:center;
  line-height:45px;
  font-size:37px!important
}
.open-house__section--2 {
  padding:8rem 0 2rem
}
.open-house__section--2 h2 {
  font-weight:600;
  font-size:21px!important;
  padding:3rem 0 0
}
.open-house__section--3__form {
  width:90vw
}
.open-house__section--3__content {
  padding:0
}
.open-house .player-box .img--3 {
  right:-2.7rem;
  top:36px;
  z-index:9;
  width:93px
}
.open-house__body .headings .img-location {
  top:-1rem;
  right:-1rem;
  width:100px
}
.open-house__section--2__content .img-content {
  width:86vw;
  padding-top:3rem
}
.open-house__section--2__content .arrows span {
  -webkit-transform:scale(.7);
  transform:scale(.7)
}
.open-house__body__locations {
  grid-gap:2rem;
  gap:2rem
}
.open-house__body__locations__item {
  width:80vw;
  height:250px;
  border-radius:10px;
  flex:unset;
  position:relative
}
.open-house__body__locations__item .text-details p {
  font-size:20px;
  padding-top:2rem
}
.open-house__body__locations__item .text-details {
  top:35%
}
.open-house__body__locations__item .text-details h2 {
  font-size:29px!important
}
.open-house__body {
  width:100vw;
  border-radius:0 0 30px 30px;
  padding:4rem 0 2rem;
  position:relative;
  z-index:20;
  background-color:#f4f8f9
}
.open-house__section--3__form label {
  font-size:15px
}
.open-house__section--3__form input {
  height:56px
}
.open-house__section--3__form button {
  height:60px
}
.open-house__section--3__form input,
.open-house__section--3__form textarea {
  font-size:14px
}
.open-house__section--3__form input::-webkit-input-placeholder,
.open-house__section--3__form textarea::-webkit-input-placeholder {
  font-size:14px
}
.open-house__section--3__form input:-ms-input-placeholder,
.open-house__section--3__form textarea:-ms-input-placeholder {
  font-size:14px
}
.open-house__section--3__form input::placeholder,
.open-house__section--3__form textarea::placeholder {
  font-size:14px
}
.open-house__section--3__form {
  padding:2rem 1rem
}
.open-house__section--2 .dots span {
  width:8px;
  height:8px
}
.open-house__section--3 {
  margin:0 auto;
  padding:2rem 0 0;
  width:100vw
}
.modal-ebook.success button {
  width:300px
}
.open-house .player-box .iframe-placeholder--cont {
  width:90vw
}
.open-house .player-box .play-button {
  width:173px
}
.open-house .player-box .play-button:hover {
  width:183px
}

}
.reports25 {
  background-image:url(/_next/static/media/gridBg.63dd7342b11ea74d82b3e14e59244842.svg);
  background-size:cover;
  -webkit-animation:slow-pan 60s linear infinite;
  animation:slow-pan 60s linear infinite
}
@-webkit-keyframes slow-pan {
  0% {
  background-position:0 0
}
to {
  background-position:100px 50px
}

}
@keyframes slow-pan {
  0% {
  background-position:0 0
}
to {
  background-position:100px 50px
}

}
.reports25 .waitlist-wrapper {
  background-color:unset
}
.reports25 .r25-hero-media {
  position:relative
}
.reports25 .r25-hero-media img {
  width:300px;
  position:absolute;
  cursor:-webkit-grab;
  cursor:grab;
  -webkit-transition:-webkit-transform .2s ease;
  transition:-webkit-transform .2s ease;
  transition:transform .2s ease;
  transition:transform .2s ease,
-webkit-transform .2s ease
}
.reports25 .r25-hero-media img:active {
  cursor:-webkit-grabbing;
  cursor:grabbing
}
.reports25 .r25-hero-media img:first-child {
  z-index:14!important;
  width:530px;
  left:3px;
  top:-30px
}
.reports25 .r25-hero-media img:nth-child(3) {
  position:relative;
  width:550px;
  z-index:13
}
.reports25 .r25-hero-media img:nth-child(2) {
  width:420px;
  top:220px;
  z-index:1;
  left:-80px
}
.reports25 .r25-hero-media img:nth-child(4) {
  width:600px;
  bottom:-95px;
  z-index:1!important;
  left:-55px
}
.reports25 .r25-hero-media .hero-image:first-child {
  z-index:15;
  left:-100px;
  top:-40px
}
.reports25 .r25-hero-media .img-year {
  position:absolute;
  bottom:230px;
  z-index:21;
  right:250px
}
.reports25 .r25-hero-media .img-year img {
  width:130px;
  -webkit-animation:spinning 15s linear infinite;
  animation:spinning 15s linear infinite
}
.reports25 .r25-hero-media .img-year .year-cont {
  position:relative
}
.reports25 .r25-hero-media .img-year .year-cont h6 {
  color:#0a1614;
  text-align:center;
  font-family:Neue Plak;
  font-size:38px;
  font-style:normal;
  font-weight:900;
  line-height:85.573%;
  width:55px;
  overflow-wrap:break-word;
  z-index:21;
  position:absolute;
  top:4px;
  left:40px;
  z-index:22
}
.reports25 .waitlist-left,
.reports25 .waitlist-right {
  opacity:0
}
.reports25 .waitlist-right {
  opacity:0;
  margin-top:5rem
}
.reports25 .waitlist-right h1 {
  line-height:65px
}
.reports25 .waitlist-right p {
  line-height:35px
}
.reports25 .waitlist-loaded .waitlist-left,
.reports25 .waitlist-loaded .waitlist-right {
  opacity:1
}
@media screen and (max-width:1224px) {
  .reports24 .waitlist {
  grid-template-columns:1fr;
  grid-gap:50px;
  gap:50px;
  text-align:center
}
.reports24 .waitlist-left {
  -webkit-transform:scale(.8);
  transform:scale(.8);
  -webkit-transform-origin:center center;
  transform-origin:center center;
  margin:0 auto
}
.reports24 .r25-hero-media {
  width:90%;
  max-width:400px;
  margin-inline:auto;
  display:flex;
  justify-content:center;
  align-items:center
}
.reports24 .waitlist-right {
  width:90%;
  margin-inline:auto;
  margin-top:3rem
}
.reports24 .waitlist-right h1 {
  font-size:35px!important;
  font-weight:900;
  font-style:ExtraBlack;
  font-size:40px;
  line-height:1.15!important;
  letter-spacing:0
}
.reports24 .waitlist-right p {
  font-size:16px!important
}
.reports24 .waitlist-right form {
  width:100%;
  flex-direction:column
}
.reports24 .waitlist-right button,
.reports24 .waitlist-right input {
  width:100%
}
.reports24 .waitlist-right i {
  font-size:13px
}
.reports25 .r25-hero-media .img-year {
  position:absolute;
  bottom:230px;
  z-index:21;
  right:102px
}
.reports25 .r25-hero-media img:nth-child(4) {
  width:515px;
  bottom:-110px;
  z-index:1;
  left:-127px
}
.reports25 .r25-hero-media img:nth-child(2) {
  left:-189px
}
.reports25 .r25-hero-media .hero-image:first-child {
  z-index:12;
  width:486px;
  left:-171px;
  top:-64px
}

}
@media screen and (max-width:600px) {
  .reports24 .piggyvest-logo {
  padding-inline:16px
}
.reports24 .waitlist {
  grid-template-columns:1fr;
  width:100%;
  grid-gap:20px;
  gap:20px;
  margin-top:30px
}
.reports24 .waitlist-left {
  -webkit-transform:scale(.6);
  transform:scale(.6);
  -webkit-transform-origin:center center;
  transform-origin:center center;
  margin:0 auto
}
.reports24 .r25-hero-media {
  margin-inline:auto;
  display:flex;
  justify-content:center;
  align-items:center
}
.reports24 .waitlist-right {
  text-align:left;
  padding-inline:16px;
  width:100%
}
.reports24 .waitlist-right h1 {
  font-size:28px
}
.reports24 .waitlist-right p {
  font-size:14px;
  margin-top:12px
}
.reports24 .waitlist-right button,
.reports24 .waitlist-right input {
  height:48px;
  font-size:14px
}
.reports24 .waitlist-right button {
  margin-top:10px
}
.reports24 .waitlist-right i {
  width:100%;
  font-size:13px;
  margin-top:8px
}
.reports24 .waitlist-share {
  grid-gap:8px;
  gap:8px
}
.reports24 .waitlist-share img {
  width:34px;
  height:34px
}
.reports24 .waitlist-share i {
  font-size:13px
}

}
@media screen and (max-width:500px) {
  .reports24 .waitlist {
  grid-template-columns:1fr;
  width:100%;
  grid-gap:20px;
  gap:20px;
  margin-top:30px
}
.reports24 .waitlist-left {
  -webkit-transform:scale(.6);
  transform:scale(.6);
  position:relative;
  left:13px
}
.reports24 .r25-hero-media {
  margin-inline:auto;
  display:flex;
  justify-content:center;
  align-items:center
}
.reports24 .waitlist-right {
  text-align:left;
  padding-inline:16px;
  width:100%
}
.reports24 .waitlist-right h1 {
  font-size:28px;
  line-height:1.2
}
.reports24 .waitlist-right p {
  font-size:14px;
  margin-top:12px
}
.reports24 .waitlist-right button,
.reports24 .waitlist-right input {
  height:48px;
  font-size:14px
}
.reports24 .waitlist-right button {
  margin-top:10px
}
.reports24 .waitlist-right i {
  width:100%;
  font-size:13px;
  margin-top:8px
}
.reports24 .waitlist-share {
  grid-gap:8px;
  gap:8px
}
.reports24 .waitlist-share img {
  width:34px;
  height:34px
}
.reports24 .waitlist-share i {
  font-size:13px
}
.reports24 .waitlist-right button,
.reports24 .waitlist-right input {
  width:93%;
  font-size:15px
}
.reports24 .waitlist-left {
  -webkit-transform:scale(.55);
  transform:scale(.55);
  position:relative;
  left:13px
}
.reports24 .waitlist-right {
  margin-top:0
}

}
.footer-new {
  max-width:100vw;
  padding:4rem 0 0;
  background-color:#060f21;
  display:grid;
  justify-content:center
}
.footer-new-heading {
  color:#0089ff;
  font-size:36px;
  line-height:34.697px;
  margin-inline:auto;
  width:1030px
}
.footer-new-credits,
.footer-new-heading {
  font-family:Neue Plak;
  font-style:normal;
  font-weight:900
}
.footer-new-credits {
  display:flex;
  flex-wrap:wrap;
  margin:36.18px auto 0;
  padding:0 105px 72px;
  grid-gap:16px;
  gap:16px;
  align-items:center;
  align-content:center;
  color:#fff2d4;
  font-size:33.616px;
  line-height:80%;
  border-bottom:.92px dashed #1d2d4d;
  width:1240px
}
.footer-new-credits span {
  border-radius:90px;
  border:1px solid #1d2d4d;
  display:flex;
  padding:26px 29px 22px;
  justify-content:center;
  align-items:center;
  height:72px;
  cursor:crosshair;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.footer-new-credits span:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(2);
  filter:saturate(2)
}
.footer-new-credits .paused,
.footer-new-credits .spinning {
  -webkit-animation:spinning 5s linear infinite;
  animation:spinning 5s linear infinite
}
.footer-new-credits .paused {
  -webkit-animation-play-state:paused;
  animation-play-state:paused
}
.footer-new-ad {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:39px 16px 26.77px;
  box-sizing:border-box
}
.footer-new-ad>img:first-of-type {
  width:416.25px;
  height:416.234px
}
.footer-new-ad>img:first-of-type,
.footer-new-ad>img:nth-of-type(2) {
  -webkit-animation:hue-rotate 15s linear infinite;
  animation:hue-rotate 15s linear infinite
}
.footer-new-ad>img:nth-of-type(2) {
  width:437.055px;
  height:395.194px
}
.footer-new-ad-download {
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center
}
.footer-new-ad-download>img {
  width:96px;
  height:96px
}
.footer-new-ad-download h3 {
  color:#fff;
  font-family:Neue Plak;
  font-size:44.308px;
  font-style:normal;
  font-weight:900;
  line-height:100%;
  letter-spacing:-1.329px;
  width:100%;
  max-width:551.077px;
  text-align:center;
  margin-top:29.54px
}
.footer-new-ad-download p {
  color:#fff;
  text-align:center;
  font-family:Jakarta;
  font-size:14.769px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.443px;
  margin-top:14.77px
}
.footer-new-ad-download div {
  margin:29.54px auto 0;
  border-radius:18.462px;
  border:1.846px dashed #1d2d4d;
  padding:7.385px;
  width:100%;
  max-width:500px;
  box-sizing:border-box
}
.footer-new-ad-download div img {
  width:100%;
  height:auto;
  display:block;
  border-radius:12px
}
.footer-new-ad-download button,
.footer-new-ad-download div {
  display:flex;
  align-items:center;
  grid-gap:7.385px;
  gap:7.385px
}
.footer-new-ad-download button {
  height:44.308px;
  padding:11.077px 22.154px;
  justify-content:center;
  color:#fff;
  font-family:Neue Plak;
  font-size:14.769px;
  font-style:normal;
  font-weight:600;
  line-height:80%;
  letter-spacing:-.443px;
  border-radius:11.077px;
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.footer-new-ad-download button:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-filter:saturate(1.5);
  filter:saturate(1.5)
}
.footer-new-ad-download button:first-of-type {
  background:#1734ca
}
.footer-new-ad-download button:first-of-type img {
  width:16.615px;
  height:20.308px
}
.footer-new-ad-download button:nth-of-type(2) {
  background-color:transparent;
  border:.923px solid #1d2d4d
}
.footer-new-ad-download button:nth-of-type(2) img {
  width:20.308px;
  height:20.308px
}
.footer-new-ad-download span {
  margin-top:4px
}
.footer-new-links {
  display:flex;
  border:none;
  border-top:2px solid transparent;
  background-image:repeating-linear-gradient(90deg,
#1d2d4d 0,
#1d2d4d 5px,
transparent 0,
transparent 10px);
  background-position:top;
  background-size:100% 2px;
  background-repeat:no-repeat;
  width:100vw;
  max-width:100vw;
  margin:0 auto;
  justify-content:center;
  overflow:hidden
}
.footer-new-links .meta {
  display:flex;
  flex-direction:column;
  grid-gap:14.77px;
  gap:14.77px;
  margin:38px 65.9px 0
}
.footer-new-links .meta>img:first-of-type {
  width:102.462px;
  height:19.013px
}
.footer-new-links .meta p {
  color:#b0c4ec;
  font-family:Jakarta;
  font-size:12.923px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:-.388px;
  width:112.615px
}
.footer-new-links .meta>img:nth-of-type(2) {
  width:72.569px;
  height:60.6px
}
.footer-new-links li {
  padding:38px 65.9px 39.38px;
  display:flex;
  flex-direction:column;
  grid-gap:11.077px;
  gap:11.077px;
  position:relative
}
.footer-new-links li:before {
  content:"";
  position:absolute;
  top:5px;
  bottom:0;
  left:0;
  width:1px;
  background-image:repeating-linear-gradient(180deg,
#1d2d4d,
#1d2d4d 5px,
transparent 0,
transparent 10px)
}
.footer-new-links h6 {
  color:#fff;
  font-weight:700
}
.footer-new-links a,
.footer-new-links h6 {
  font-family:Jakarta;
  font-size:12.923px;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.388px
}
.footer-new-links a {
  color:#b0c4ec!important;
  white-space:pre;
  -webkit-transition:color .5s ease;
  transition:color .5s ease
}
.footer-new-links a:hover {
  color:#fff!important
}
.footer-new-links .socials {
  display:flex
}
.footer-new-links .socials a {
  -webkit-transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-filter .5s ease;
  transition:transform .5s ease,
filter .5s ease;
  transition:transform .5s ease,
filter .5s ease,
-webkit-transform .5s ease,
-webkit-filter .5s ease
}
.footer-new-links .socials a:hover {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-filter:contrast(4) grayscale(1);
  filter:contrast(4) grayscale(1)
}
.footer-new-links .location {
  width:193.846px;
  white-space:unset
}
@media screen and (max-width:1200px) {
  .footer-new-ad {
  padding:7rem 0 39px
}
.footer-new {
  width:100vw;
  margin:0 auto;
  padding:0
}
.footer-new-heading {
  font-size:24px;
  line-height:34.7px;
  width:calc(100vw - 60px);
  text-align:left!important
}
.footer-new-credits {
  margin:20.27px auto 0;
  padding:0 0 218px;
  grid-gap:10.44px;
  gap:10.44px;
  font-size:21.93px;
  width:calc(100vw - 60px)
}
.footer-new-credits span {
  border-radius:60px;
  padding:17.6px 18.9px 13.6px;
  height:46.32px
}
.footer-new-credits img {
  height:27.377px
}
.footer-new-ad {
  -webkit-clip-path:none;
  clip-path:none;
  padding:7rem 0 32px
}
.footer-new-ad>img:first-of-type,
.footer-new-ad>img:nth-of-type(2) {
  display:none
}
.footer-new-ad-download>img {
  width:60px;
  height:60px
}
.footer-new-ad-download h3 {
  font-size:32px;
  letter-spacing:-.96px;
  width:309px;
  margin-top:23px
}
.footer-new-ad-download p {
  font-size:14px;
  letter-spacing:-.42px
}
.footer-new-ad-download div {
  margin:23px auto 0;
  border-radius:20.93px;
  border:2.093px dashed #1d2d4d;
  flex-direction:column;
  padding:8.37px;
  grid-gap:8.37px;
  gap:8.37px
}
.footer-new-ad-download button {
  width:198.4px;
  height:50px;
  padding:13px 25.11px;
  grid-gap:8.37px;
  gap:8.37px;
  font-size:16.74px;
  letter-spacing:-.502px;
  border-radius:12.558px
}
.footer-new-ad-download button:first-of-type img {
  width:18.837px;
  height:23.023px
}
.footer-new-ad-download button:nth-of-type(2) {
  border:1.046px solid #1d2d4d
}
.footer-new-ad-download button:nth-of-type(2) img {
  width:23.023px;
  height:23.023px
}
.footer-new-ad-download span {
  margin-top:6px
}
.footer-new-links {
  flex-direction:row;
  flex-wrap:wrap;
  width:calc(100vw - 60px);
  justify-content:flex-start;
  grid-gap:18px;
  gap:18px
}
.footer-new-links .meta {
  grid-gap:12px;
  gap:12px;
  margin:29px 0 3rem;
  position:relative;
  width:100%;
  max-width:60vw
}
.footer-new-links .meta p {
  font-size:14px;
  letter-spacing:-.42px;
  text-align:left!important
}
.footer-new-links .meta>img:nth-of-type(2) {
  width:72.57px;
  position:absolute;
  right:0;
  top:3.2px
}
.footer-new-links li {
  text-align:left!important;
  border-left:none;
  padding:0;
  grid-gap:9px;
  gap:9px;
  width:44%
}
.footer-new-links h6 {
  font-size:16px
}
.footer-new-links a {
  font-size:14px
}
.footer-new-links li:nth-of-type(5) {
  width:100%;
  margin:27px 0 44px
}
.footer-new-links li:nth-of-type(5) a {
  color:#fff
}
.footer-new-links .location {
  width:270px
}
.footer-new-ad-download {
  flex-direction:column;
  align-items:center;
  margin:auto
}
.footer-new-links li:before {
  background-image:none
}

}
.piggy-santa {
  overflow-x:hidden;
  max-width:100vw;
  scroll-behavior:smooth
}
.piggy-santa__hero {
  width:100vw;
  height:100vh;
  min-height:885px;
  background-image:url(/_next/static/media/snow-droplet-1.0ca602b170e0b4687738aa54e977f606.png),
url(/_next/static/media/snow-droplet-2.5d0dcf2682224fd8c6b4ecd781d6bac5.png),
url(/_next/static/media/tree.e03465ab31712c17cc51d2f295389988.png),
url(/_next/static/media/vector-1.1da4fca8f5351bb4154890b40cf56b45.png),
url(/_next/static/media/vector-2.3f25290c3cefafe669d22181f6de1887.png),
url(/_next/static/media/vector-3.3a7a785b0c40ca036c4604331a989969.png),
url(/_next/static/media/vector-4.bade9b8e54d98fb1dee0ea2de33f4803.png);
  background-color:#1d4ed8;
  background-size:75%,
75%,
48%,
20%,
20%,
20%,
100%;
  background-repeat:no-repeat;
  background-position:center 25%,
center 100%,
bottom,
100% 61px,
0 50%,
0 0,
bottom;
  position:relative;
  padding:0 32px 140px;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
  justify-content:center
}
.piggy-santa__hero__ground {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index:5;
  pointer-events:none
}
.piggy-santa__hero__ground img {
  width:100%;
  height:auto;
  display:block
}
.piggy-santa__hero__decor {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1
}
.piggy-santa__hero__decor img {
  position:absolute;
  display:block
}
.piggy-santa__hero__decor #heroDecor1 {
  width:3.5%;
  bottom:22%;
  left:17.5%
}
.piggy-santa__hero__decor #heroDecor2 {
  width:3.5%;
  bottom:9.5%;
  left:43%
}
.piggy-santa__hero__decor #heroDecor3 {
  width:3.5%;
  bottom:20%;
  right:19.5%
}
.piggy-santa__hero__decor #starLeft1 {
  width:6.5%;
  top:20%;
  left:0
}
.piggy-santa__hero__decor #starLeft2 {
  width:5%;
  bottom:29%;
  left:6%;
  -webkit-animation:spinning 20s linear infinite;
  animation:spinning 20s linear infinite
}
.piggy-santa__hero__decor #starMid1 {
  width:3.5%;
  bottom:15%;
  left:35%;
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite
}
.piggy-santa__hero__decor #starRight1 {
  width:5%;
  top:15%;
  right:12%;
  -webkit-animation:spinning 30s linear infinite;
  animation:spinning 30s linear infinite
}
.piggy-santa__hero__decor #starRight2 {
  width:5%;
  top:36%;
  right:0
}
.piggy-santa__hero__decor #starRight3 {
  width:5%;
  bottom:30%;
  right:19%;
  animation:spinning 22s infinite reverse
}
.piggy-santa__hero__gifts {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2
}
.piggy-santa__hero__gifts img {
  position:absolute;
  display:block;
  right:50%;
  bottom:0;
  cursor:progress;
  will-change:transform
}
.piggy-santa__hero__gifts img:active {
  cursor:-webkit-grabbing;
  cursor:grabbing
}
.piggy-santa__hero__gifts #gift1 {
  width:17%;
  left:0
}
.piggy-santa__hero__gifts #gift2 {
  width:16%;
  left:9%;
  z-index:2
}
.piggy-santa__hero__gifts #gift3 {
  width:25%;
  left:16%
}
.piggy-santa__hero__gifts #gift6 {
  width:17%;
  right:0
}
.piggy-santa__hero__gifts #gift5 {
  width:16%;
  right:9%;
  z-index:2
}
.piggy-santa__hero__gifts #gift4 {
  width:27%;
  right:17%
}
.piggy-santa__hero__gifts #treeDecor {
  width:10.5%;
  bottom:0;
  left:30%;
  z-index:14
}
.piggy-santa__hero__gifts #treeDecor2 {
  width:10.5%;
  bottom:0;
  right:33%;
  z-index:14
}
.piggy-santa__hero__content {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:720px;
  margin:0 auto;
  padding-top:171px;
  padding-bottom:120px;
  position:relative;
  z-index:10;
  text-align:center
}
.piggy-santa__hero__content img {
  width:clamp(280px,
55vw,
590px);
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto
}
.piggy-santa__hero__content p {
  margin-top:36px;
  font-weight:500;
  font-size:20px;
  line-height:131%;
  color:#f1fbff;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
  pointer-events:none
}
.piggy-santa__hero__content a {
  margin:36px auto 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  pointer-events:auto;
  position:relative;
  z-index:20
}
.piggy-santa__hero__content--svgs {
  pointer-events:none
}
.piggy-santa__hero__content--svgs .sect--1 img:first-child {
  -webkit-transform:scale(.7);
  transform:scale(.7)
}
.piggy-santa__hero__content--svgs .sect--1 img:nth-child(2) {
  width:300px;
  -webkit-transform:scale(.6);
  transform:scale(.6)
}
.piggy-santa__hero__content--svgs .sect--1 img {
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,
-webkit-transform .2s;
  will-change:transform;
  transform-style:preserve-3d;
  pointer-events:none
}
.piggy-santa__hero__content--svgs {
  perspective:1000px;
  transform-style:preserve-3d
}
.piggy-santa .piggy-santa-video {
  position:relative;
  top:0;
  padding:5rem 0;
  background-color:#fff
}
.piggy-santa .piggy-santa-video .player-box {
  margin:0 auto
}
.piggy-santa .piggy-santa-video .player-box img {
  display:none
}
.piggy-santa .piggy-santa-video h1 {
  font-family:Neue Plak;
  font-weight:800;
  font-size:54px;
  color:#01040f;
  line-height:120%;
  margin-bottom:8px;
  text-align:center
}
.piggy-santa .piggy-santa-video p {
  font-size:20px;
  line-height:131%;
  color:#334155;
  max-width:646px;
  margin:0 auto 45px;
  text-align:center;
  max-width:100%
}
.piggy-santa .piggy-santa-video .player-box iframe {
  border:7px solid #a6d6fe
}
.piggy-santa .piggy-santa-video .player-box.playing iframe {
  -webkit-box-shadow:0 0 20px rgba(0,
128,
255,
.4),
0 0 40px rgba(0,
128,
255,
.5),
0 0 80px rgba(0,
128,
255,
.2)!important;
  box-shadow:0 0 20px rgba(0,
128,
255,
.4),
0 0 40px rgba(0,
128,
255,
.5),
0 0 80px rgba(0,
128,
255,
.2)!important
}
.piggy-santa__hiw {
  padding:10rem 0 8rem;
  background-color:#f4f8f9;
  position:relative;
  overflow:hidden
}
.piggy-santa__hiw__background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:0
}
.piggy-santa__hiw__background img {
  width:100%;
  height:auto;
  display:block
}
.piggy-santa__hiw__content {
  position:relative;
  z-index:1
}
.piggy-santa__hiw__header {
  margin-bottom:51px;
  position:relative;
  max-width:623px
}
.piggy-santa__hiw__header h2 {
  font-family:Neue Plak;
  font-weight:800;
  font-size:60px;
  color:#01040f;
  line-height:120%;
  margin-bottom:1rem
}
.piggy-santa__hiw__header p {
  font-size:20px;
  line-height:131%;
  color:#334155
}
.piggy-santa__hiw__star {
  position:absolute;
  bottom:0;
  left:0;
  width:100px
}
.piggy-santa__hiw__cards {
  display:grid;
  grid-template-columns:repeat(3,
1fr);
  grid-gap:28px;
  gap:28px
}
.piggy-santa__hiw__card {
  border-radius:32px;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden
}
.piggy-santa__hiw__card__top {
  padding:47px 40px 0;
  position:relative;
  z-index:2
}
.piggy-santa__hiw__card__number {
  width:60px;
  height:60px;
  border-radius:50%;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Neue Plak;
  font-weight:700;
  font-size:32px;
  margin-bottom:10px
}
.piggy-santa__hiw__card h3 {
  font-family:Neue Plak;
  font-weight:700;
  font-size:24px;
  line-height:100%;
  color:#fff;
  margin-bottom:10px
}
.piggy-santa__hiw__card p {
  font-size:16px;
  line-height:125%;
  color:#e6ebf0
}
.piggy-santa__hiw__card__image {
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:center
}
.piggy-santa__hiw__card__image img {
  width:100%;
  height:auto;
  object-fit:cover;
  display:block
}
.piggy-santa__wips {
  background-image:url(/_next/static/media/background.dcd48a400d7130925df9dbb8008c158c.png);
  background-size:contain;
  background-position:bottom;
  background-repeat:no-repeat;
  background-color:#fffaed;
  padding:8rem 0;
  position:relative;
  overflow:hidden
}
.piggy-santa__wips__background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:1
}
.piggy-santa__wips__background img {
  width:100%;
  height:auto;
  display:block
}
.piggy-santa__wips__content {
  position:relative;
  z-index:2
}
.piggy-santa__wips__content__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  grid-gap:40px;
  gap:40px
}
.piggy-santa__wips__content__header {
  max-width:40%;
  flex-shrink:0
}
.piggy-santa__wips__content__header h2 {
  font-family:Neue Plak;
  font-weight:800;
  font-size:80px;
  color:#01040f;
  line-height:120%;
  margin-bottom:1rem;
  position:relative
}
.piggy-santa__wips__content__header p {
  font-size:20px;
  line-height:131%;
  font-weight:500;
  color:#334155
}
.piggy-santa__wips__content__header img {
  width:130px;
  position:absolute;
  top:-10%;
  right:15%
}
.piggy-santa__wips__grid {
  display:flex;
  grid-gap:24px;
  gap:24px;
  position:relative;
  max-width:100%;
  overflow:hidden
}
.piggy-santa__wips__column {
  display:flex;
  flex-direction:column;
  grid-gap:24px;
  gap:24px;
  align-items:center;
  justify-content:center;
  will-change:transform,
opacity
}
.piggy-santa__wips__column__inner {
  position:relative
}
.piggy-santa__wips__column__inner #wipsDecor2 {
  position:absolute;
  top:-22px;
  right:-22px;
  z-index:2
}
.piggy-santa__wips__card {
  width:209px;
  height:211px;
  border-radius:16px;
  padding:16px;
  overflow:hidden;
  -webkit-box-shadow:0 4px 12px rgba(0,
0,
0,
.08);
  box-shadow:0 4px 12px rgba(0,
0,
0,
.08);
  flex-shrink:0;
  position:relative
}
.piggy-santa__wips__card__inner {
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:8px;
  overflow:hidden
}
.piggy-santa__wips__card__inner img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.piggy-santa__wips__card--1 {
  background:#97b4ed
}
.piggy-santa__wips__card--2 {
  background:#ffa08f
}
.piggy-santa__wips__card--3 {
  background:#ffd587
}
.piggy-santa__wips__card--4 {
  background:#48b097
}
.piggy-santa__wips__card--5 {
  background:#f59457
}
.piggy-santa__wips__card--6 {
  background:#bda0ef;
  position:relative
}
.piggy-santa__wips__card--7 {
  background:#ffc8ff
}
.piggy-santa__ctt {
  padding:8rem 0;
  background-color:#1a5c52;
  position:relative;
  background-image:url(/_next/static/media/main-bg.8f4d9e96c0d668f5845a74053a5ab9a3.png),
url(/_next/static/media/bg-1.3de8d522d38261e7ab608759d613f4b9.png),
url(/_next/static/media/bg-2.b0d87a705d57ebbf2594c6750c890fee.png),
url(/_next/static/media/bg-3.20a31bf4297a5c7aa0e6ae6266584e5d.png),
url(/_next/static/media/bg-4.5d407eaa3b1605536b4824107e12fd3b.png),
url(/_next/static/media/bg-5.07069d204ae3fb15eb0878ef388294b3.png);
  background-size:cover,
15%,
15%,
15%,
30%,
15%;
  background-position:50%,
0 0,
right 10%,
0 100%,
100% 100%,
bottom;
  background-repeat:no-repeat;
  min-height:1149px;
  overflow:hidden
}
.piggy-santa__ctt__background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:5
}
.piggy-santa__ctt__background img {
  width:100%;
  height:auto;
  display:block
}
.piggy-santa__ctt__content {
  position:relative;
  z-index:2
}
.piggy-santa__ctt__content__header {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}
.piggy-santa__ctt__content__header h2 {
  font-family:Neue Plak;
  font-weight:800;
  font-size:60px;
  color:#fff;
  line-height:120%;
  position:relative
}
.piggy-santa__ctt__content__header h2 img:first-child {
  width:100px;
  position:absolute;
  top:10px;
  left:-120px
}
.piggy-santa__ctt__content__header h2 img:last-child {
  width:100px;
  position:absolute;
  top:10px;
  right:-120px
}
.piggy-santa__ctt__content__header p {
  color:#e6ebf0;
  font-weight:500;
  font-size:20px;
  line-height:131%;
  max-width:623px;
  margin:0 auto
}
.piggy-santa__ctt__frames {
  position:relative;
  width:100%;
  height:580px;
  margin-top:50px
}
.piggy-santa__ctt__frame {
  width:434px;
  height:312px;
  border-radius:16px;
  padding:7px;
  background-color:silver;
  overflow:hidden;
  -webkit-box-shadow:0 8px 24px rgba(0,
0,
0,
.15);
  box-shadow:0 8px 24px rgba(0,
0,
0,
.15);
  position:absolute;
  cursor:-webkit-grab;
  cursor:grab
}
.piggy-santa__ctt__frame__inner {
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:12px;
  overflow:hidden
}
.piggy-santa__ctt__frame__inner img {
  width:100%;
  height:100%;
  object-fit:cover
}
.piggy-santa__ctt__frame--1 {
  top:60px;
  left:8%;
  -webkit-transform:rotate(-6.59deg);
  transform:rotate(-6.59deg);
  z-index:1
}
.piggy-santa__ctt__frame--2 {
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:1
}
.piggy-santa__ctt__frame--3 {
  top:50px;
  right:5%;
  -webkit-transform:rotate(-12.16deg);
  transform:rotate(-12.16deg);
  z-index:1
}
.piggy-santa__ctt__frame--4 {
  bottom:-30px;
  left:12%;
  -webkit-transform:rotate(8.74deg);
  transform:rotate(8.74deg)
}
.piggy-santa__ctt__frame--5 {
  bottom:-10px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:2
}
.piggy-santa__ctt__frame--6 {
  bottom:-30px;
  right:8%;
  -webkit-transform:rotate(7.08deg);
  transform:rotate(7.08deg)
}
.piggy-santa__ctt__reset {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:100;
  padding:8px 12px;
  color:#fff;
  cursor:pointer;
  font-weight:700;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.piggy-santa__ctt__reset:hover {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
.piggy-santa__form-wrapper {
  position:relative
}
.piggy-santa__form {
  -webkit-filter:blur(0);
  filter:blur(0);
  pointer-events:auto;
  position:relative;
  z-index:1
}
.piggy-santa__form__fields {
  grid-gap:1.5rem;
  gap:1.5rem
}
.piggy-santa__form__content {
  text-align:center;
  margin-bottom:2rem
}
.piggy-santa__form__content h1 {
  font-weight:900;
  font-size:50px;
  text-align:center;
  line-height:114%;
  padding:0
}
.piggy-santa__form__graphic {
  position:absolute;
  z-index:0;
  pointer-events:none
}
.piggy-santa__form__graphic--green {
  top:80px;
  right:-50px;
  width:150px;
  -webkit-animation:spin 20s linear infinite;
  animation:spin 20s linear infinite
}
.piggy-santa__form__graphic--pink {
  left:-80px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:180px
}
.piggy-santa__form__graphic--yellow {
  bottom:50px;
  right:-100px;
  width:250px
}
.piggy-santa .open-house__section--3__form input {
  height:unset
}
.piggy-santa__form--disabled {
  -webkit-filter:blur(3px);
  filter:blur(3px);
  pointer-events:none
}
.piggy-santa__form--is-closed {
  position:absolute;
  top:18rem;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:10;
  width:100%;
  max-width:500px;
  text-align:center;
  background-color:#fff;
  padding:3rem 2rem;
  border-radius:20px;
  border:1px solid #eee;
  -webkit-box-shadow:0 0 15px 0 rgba(0,
0,
0,
.1);
  box-shadow:0 0 15px 0 rgba(0,
0,
0,
.1)
}
.piggy-santa__form--is-closed img {
  width:80px;
  margin-bottom:1rem
}
.piggy-santa__form--is-closed h4 {
  font-size:24px;
  font-weight:700;
  line-height:1.4;
  color:#212337;
  margin-bottom:.5rem
}
.piggy-santa__form--is-closed p {
  color:#666;
  font-size:16px;
  line-height:1.6;
  max-width:400px;
  margin:0 auto
}
.piggy-santa__modal-buttons {
  display:flex;
  justify-content:center;
  align-items:center;
  grid-gap:10px;
  gap:10px
}
.modal-ebook.success button {
  background:#153dbb!important
}
@-webkit-keyframes glowPulse {
  0% {
  -webkit-box-shadow:0 0 40px rgba(0,
128,
255,
.5),
0 0 80px rgba(0,
128,
255,
.3);
  box-shadow:0 0 40px rgba(0,
128,
255,
.5),
0 0 80px rgba(0,
128,
255,
.3)
}
50% {
  -webkit-box-shadow:0 0 70px rgba(0,
128,
255,
.8),
0 0 140px rgba(0,
128,
255,
.45);
  box-shadow:0 0 70px rgba(0,
128,
255,
.8),
0 0 140px rgba(0,
128,
255,
.45)
}
to {
  -webkit-box-shadow:0 0 40px rgba(0,
128,
255,
.5),
0 0 80px rgba(0,
128,
255,
.3);
  box-shadow:0 0 40px rgba(0,
128,
255,
.5),
0 0 80px rgba(0,
128,
255,
.3)
}

}
@media screen and (max-width:1200px) {
  .piggy-santa__hero {
  padding:0 24px 110px;
  background-size:110%,
110%,
55%,
25%,
25%,
25%,
110%;
  background-position:center 12%,
center 105%,
bottom,
105% 80px,
-5% 45%,
0 0,
bottom
}
.piggy-santa__hero__content {
  padding-top:140px
}
.piggy-santa__hero__gifts img {
  -webkit-transform:scale(.9);
  transform:scale(.9);
  -webkit-transform-origin:bottom center;
  transform-origin:bottom center
}
.piggy-santa-video {
  padding:4rem 20px
}
.piggy-santa-video h1 {
  font-size:52px
}
.piggy-santa-video p {
  font-size:18px;
  margin-bottom:2.5rem
}
.piggy-santa__hiw {
  padding:5rem 40px 6rem
}
.piggy-santa__hiw__star {
  width:90px;
  left:0
}
.piggy-santa__hiw__cards {
  grid-gap:24px;
  gap:24px
}
.piggy-santa__wips {
  padding:3rem 40px 4rem
}
.piggy-santa__wips__content__header h2 {
  font-size:64px
}
.piggy-santa__wips__column,
.piggy-santa__wips__grid {
  grid-gap:20px;
  gap:20px
}
.piggy-santa__wips__column--3 {
  padding-top:30px
}
.piggy-santa__wips__card {
  width:180px;
  height:183px
}
.piggy-santa__ctt {
  padding:4rem 40px;
  min-height:850px
}
.piggy-santa__ctt__content__header h2 {
  font-size:52px
}
.piggy-santa__ctt__content__header p {
  font-size:18px
}
.piggy-santa__ctt__content__header img:first-child {
  width:80px;
  left:-100px
}
.piggy-santa__ctt__content__header img:last-child {
  width:80px;
  right:-100px
}
.piggy-santa__ctt__frames {
  height:480px;
  margin-top:40px
}
.piggy-santa__ctt__frame {
  width:360px;
  height:260px
}
.piggy-santa__ctt__frame--1 {
  top:50px;
  left:5%
}
.piggy-santa__ctt__frame--2 {
  top:0
}
.piggy-santa__ctt__frame--3 {
  top:40px;
  right:2%
}
.piggy-santa__ctt__frame--4 {
  bottom:-25px;
  left:8%
}
.piggy-santa__ctt__frame--5 {
  bottom:-10px
}
.piggy-santa__ctt__frame--6 {
  bottom:-25px;
  right:5%
}

}
@media screen and (max-width:1024px) {
  .piggy-santa__hero {
  height:auto;
  min-height:unset;
  padding:120px 24px 80px;
  background-image:url(/_next/static/media/tree.e03465ab31712c17cc51d2f295389988.png),
url(/_next/static/media/vector-4.bade9b8e54d98fb1dee0ea2de33f4803.png);
  background-size:110%,
180%;
  background-position:bottom,
0 100%
}
.piggy-santa__hero__content {
  padding-top:0;
  padding-bottom:40px
}
.piggy-santa__hero__content img {
  width:clamp(260px,
60vw,
520px)
}
.piggy-santa__hero__content p {
  font-size:18px
}
.piggy-santa__hero__gifts {
  display:none
}
.piggy-santa-video {
  padding:3rem 20px
}
.piggy-santa-video h1 {
  font-size:44px
}
.piggy-santa-video p {
  font-size:17px;
  margin-bottom:2rem
}
.piggy-santa__hiw {
  padding:4rem 20px 5rem
}
.piggy-santa__hiw__cards {
  grid-template-columns:repeat(2,
1fr);
  grid-gap:24px;
  gap:24px
}
.piggy-santa__hiw__card__top {
  padding:40px 35px 0
}
.piggy-santa__hiw__card__number {
  width:55px;
  height:55px;
  font-size:28px
}
.piggy-santa__hiw__card h3 {
  font-size:30px
}
.piggy-santa__hiw__card p {
  font-size:17px
}
.piggy-santa__wips {
  padding:4rem 20px 5rem
}
.piggy-santa__wips__content__container {
  flex-direction:column;
  align-items:flex-start
}
.piggy-santa__wips__content__header {
  max-width:100%;
  margin-bottom:3rem;
  text-align:center
}
.piggy-santa__wips__content__header h2 {
  font-size:56px
}
.piggy-santa__wips__content__header p {
  max-width:85%;
  margin:0 auto
}
.piggy-santa__wips__grid {
  width:100%;
  justify-content:center;
  grid-gap:20px;
  gap:20px
}
.piggy-santa__wips__column {
  grid-gap:20px;
  gap:20px
}
.piggy-santa__wips__column--3 {
  padding-top:25px
}
.piggy-santa__wips__card {
  width:200px;
  height:203px
}
.piggy-santa__ctt {
  padding:3rem 20px;
  min-height:750px
}
.piggy-santa__ctt__content__header h2 {
  font-size:46px
}
.piggy-santa__ctt__content__header p {
  font-size:17px;
  max-width:550px
}
.piggy-santa__ctt__content__header img:first-child {
  width:70px;
  left:-85px;
  top:5px
}
.piggy-santa__ctt__content__header img:last-child {
  width:70px;
  right:-85px;
  top:5px
}
.piggy-santa__ctt__frames {
  height:400px;
  margin-top:35px
}
.piggy-santa__ctt__frame {
  width:300px;
  height:216px;
  border-radius:12px;
  padding:6px
}
.piggy-santa__ctt__frame__inner {
  border-radius:8px
}
.piggy-santa__ctt__frame--1 {
  top:40px;
  left:2%
}
.piggy-santa__ctt__frame--2 {
  top:0
}
.piggy-santa__ctt__frame--3 {
  top:30px;
  right:0
}
.piggy-santa__ctt__frame--4 {
  bottom:-20px;
  left:5%
}
.piggy-santa__ctt__frame--5 {
  bottom:-5px
}
.piggy-santa__ctt__frame--6 {
  bottom:-20px;
  right:2%
}

}
@media screen and (max-width:900px) {
  .piggy-santa__hero {
  padding:110px 20px 70px
}
.piggy-santa__hero__content img {
  width:clamp(240px,
65vw,
480px)
}
.piggy-santa__hiw {
  padding:5rem 20px 6rem
}
.piggy-santa__hiw__header {
  margin-bottom:3rem
}
.piggy-santa__hiw__header h2 {
  font-size:48px
}
.piggy-santa__hiw__header p {
  font-size:18px
}
.piggy-santa__hiw__star {
  width:80px;
  bottom:-40px
}
.piggy-santa__hiw__card h3 {
  font-size:28px
}
.piggy-santa__hiw__card p {
  font-size:16px
}
.piggy-santa__ctt {
  min-height:650px
}
.piggy-santa__ctt__content__header h2 {
  font-size:42px
}
.piggy-santa__ctt__content__header img:first-child,
.piggy-santa__ctt__content__header img:last-child {
  width:60px
}
.piggy-santa__ctt__content__header img:first-child {
  left:-75px
}
.piggy-santa__ctt__content__header img:last-child {
  right:-75px
}
.piggy-santa__ctt__frames {
  height:350px;
  margin-top:30px
}
.piggy-santa__ctt__frame {
  width:260px;
  height:188px
}
.piggy-santa__ctt__frame--1 {
  top:35px;
  left:0
}
.piggy-santa__ctt__frame--2 {
  top:0
}
.piggy-santa__ctt__frame--3 {
  top:25px;
  right:-2%
}
.piggy-santa__ctt__frame--4 {
  bottom:-15px;
  left:2%
}
.piggy-santa__ctt__frame--5 {
  bottom:0
}
.piggy-santa__ctt__frame--6 {
  bottom:-15px;
  right:0
}

}
@media screen and (max-width:768px) {
  .piggy-santa__hero {
  padding:80px 20px 50px;
  background-image:url(/_next/static/media/snow-droplet-1.0ca602b170e0b4687738aa54e977f606.png),
url(/_next/static/media/snow-droplet-2.5d0dcf2682224fd8c6b4ecd781d6bac5.png),
url(/_next/static/media/tree.e03465ab31712c17cc51d2f295389988.png);
  background-size:420px,
360px,
145%;
  background-position:left 10% top 18%,
right 6% bottom 32%,
center 98%;
  background-repeat:no-repeat;
  min-height:80dvh
}
.piggy-santa__hero__gifts,
.piggy-santa__hero__gifts img {
  display:block
}
.piggy-santa__hero__gifts #treeDecor,
.piggy-santa__hero__gifts #treeDecor2 {
  display:none
}
.piggy-santa__hero__gifts #gift1 {
  width:22%;
  left:-4%;
  bottom:0;
  z-index:1
}
.piggy-santa__hero__gifts #gift2 {
  width:20%;
  left:10%;
  bottom:0;
  z-index:2
}
.piggy-santa__hero__gifts #gift3 {
  width:28%;
  left:20%;
  bottom:0;
  z-index:1
}
.piggy-santa__hero__gifts #gift4 {
  width:30%;
  right:18%;
  bottom:0;
  z-index:1
}
.piggy-santa__hero__gifts #gift5 {
  width:20%;
  right:8%;
  bottom:0;
  z-index:2
}
.piggy-santa__hero__gifts #gift6 {
  width:22%;
  right:-4%;
  bottom:0;
  z-index:1
}
.piggy-santa__hero__decor {
  display:block;
  opacity:.8;
  pointer-events:none
}
.piggy-santa__hero__decor img {
  width:16%;
  max-width:100px
}
.piggy-santa__hero__decor #heroDecor1 {
  display:block;
  bottom:18%;
  left:8%;
  width:8%
}
.piggy-santa__hero__decor #heroDecor3 {
  display:block;
  bottom:30%;
  right:8%;
  width:8%
}
.piggy-santa__hero__decor #heroDecor2,
.piggy-santa__hero__decor #starRight3,
.piggy-santa__hero__decor #treeDecor,
.piggy-santa__hero__decor #treeDecor2 {
  display:none
}
.piggy-santa__hero__decor #starLeft1 {
  top:8%;
  left:2%;
  width:16%
}
.piggy-santa__hero__decor #starLeft2 {
  bottom:32%;
  left:6%;
  width:12%
}
.piggy-santa__hero__decor #starMid1 {
  display:none
}
.piggy-santa__hero__decor #starRight1 {
  top:10%;
  right:4%;
  width:15%
}
.piggy-santa__hero__decor #starRight2 {
  top:32%;
  right:-2%;
  width:13%
}
.piggy-santa__hero__content {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.piggy-santa__hero__content--svgs {
  -webkit-transform:none;
  transform:none;
  -webkit-transform-origin:center center;
  transform-origin:center center;
  perspective:none;
  flex-direction:column;
  width:100%
}
.piggy-santa__hero__content--svgs,
.piggy-santa__hero__content--svgs .sect--1,
.piggy-santa__hero__content--svgs .sect--2 {
  display:flex;
  align-items:center;
  justify-content:center;
  grid-gap:0;
  gap:0
}
.piggy-santa__hero__content--svgs .sect--1 img,
.piggy-santa__hero__content--svgs .sect--2 img {
  -webkit-transform:none!important;
  transform:none!important;
  width:auto!important
}
.piggy-santa__hero__content--svgs .sect--2 {
  margin-top:10px
}
.piggy-santa__hero__content p {
  font-size:17px;
  margin-top:20px;
  text-align:center
}
.piggy-santa__hero__content a {
  width:100%;
  max-width:150px;
  font-size:16px;
  font-weight:600
}
.piggy-santa .piggy-santa-video {
  padding:3rem 20px
}
.piggy-santa .piggy-santa-video h1 {
  font-size:30px!important
}
.piggy-santa .piggy-santa-video p {
  font-size:16px;
  margin-bottom:2rem;
  max-width:100%
}
.piggy-santa__hiw {
  padding:6rem 20px 7rem
}
.piggy-santa__hiw__header img {
  width:100px
}
.piggy-santa__hiw__header h2 {
  font-size:40px
}
.piggy-santa__hiw__header p {
  font-size:16px
}
.piggy-santa__hiw__star {
  width:70px;
  bottom:-30px
}
.piggy-santa__hiw__cards {
  grid-template-columns:1fr;
  grid-gap:20px;
  gap:20px
}
.piggy-santa__hiw__card__top {
  padding:35px 30px 0
}
.piggy-santa__hiw__card__number {
  width:50px;
  height:50px;
  font-size:24px;
  margin:0 auto 10px
}
.piggy-santa__hiw__card h3 {
  font-size:24px
}
.piggy-santa__hiw__card p {
  font-size:15px
}
.piggy-santa__wips {
  padding:5rem 20px 6rem
}
.piggy-santa__wips__content__header {
  max-width:88%;
  margin:0 auto
}
.piggy-santa__wips__content__header h2 {
  font-size:44px;
  text-align:left
}
.piggy-santa__wips__content__header p {
  font-size:17px;
  text-align:left;
  margin:0
}
.piggy-santa__wips__column,
.piggy-santa__wips__grid {
  grid-gap:16px;
  gap:16px
}
.piggy-santa__wips__column--3 {
  padding-top:20px
}
.piggy-santa__wips__card {
  width:180px;
  height:182px;
  border-radius:12px;
  padding:10px
}
.piggy-santa__wips__card__inner {
  border-radius:6px
}
.piggy-santa__form-wrapper {
  overflow:hidden
}
.piggy-santa__form--is-closed {
  top:16rem;
  padding:2.5rem 2rem
}
.piggy-santa__form__graphic--green {
  top:120px;
  right:-20px;
  width:80px
}
.piggy-santa__form__graphic--pink {
  left:-30px;
  width:100px
}
.piggy-santa__form__graphic--yellow {
  bottom:50px;
  right:-30px;
  width:120px
}
.piggy-santa__ctt {
  padding:5rem 20px 6rem;
  min-height:580px;
  overflow:hidden
}
.piggy-santa__ctt__content__header h2 {
  font-size:36px
}
.piggy-santa__ctt__content__header p {
  font-size:16px;
  max-width:480px
}
.piggy-santa__ctt__content__header img:first-child,
.piggy-santa__ctt__content__header img:last-child {
  width:50px;
  top:0
}
.piggy-santa__ctt__content__header img:first-child {
  left:-60px
}
.piggy-santa__ctt__content__header img:last-child {
  right:-60px
}
.piggy-santa__ctt__frames {
  height:280px;
  margin-top:25px
}
.piggy-santa__ctt__frame {
  width:200px;
  height:144px;
  border-radius:10px;
  padding:5px
}
.piggy-santa__ctt__frame__inner {
  border-radius:6px
}
.piggy-santa__ctt__frame--1 {
  top:30px;
  left:2%
}
.piggy-santa__ctt__frame--2 {
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.piggy-santa__ctt__frame--3 {
  top:20px;
  right:0
}
.piggy-santa__ctt__frame--4 {
  bottom:-12px;
  left:5%
}
.piggy-santa__ctt__frame--5 {
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.piggy-santa__ctt__frame--6 {
  bottom:-12px;
  right:2%
}

}
@media screen and (max-width:600px) {
  .piggy-santa__hero {
  padding:75px 16px 45px;
  min-height:90dvh;
  background-size:360px,
310px,
160%;
  background-position:left 8% top 14%,
right 4% bottom 28%,
center 102%
}
.piggy-santa__hero__content img {
  width:clamp(200px,
70vw,
380px)
}
.piggy-santa__hero__content--svgs {
  -webkit-transform:scale(.8);
  transform:scale(.8)
}
.piggy-santa__hero__content--svgs .sect--2 {
  margin-top:10px
}
.piggy-santa__hero__content p {
  font-size:16px;
  margin-top:16px
}
.piggy-santa__hero__gifts #gift1 {
  width:24%;
  left:-5%
}
.piggy-santa__hero__gifts #gift2 {
  width:22%;
  left:10%
}
.piggy-santa__hero__gifts #gift3 {
  width:30%;
  left:18%
}
.piggy-santa__hero__gifts #gift4 {
  width:32%;
  right:16%
}
.piggy-santa__hero__gifts #gift5 {
  width:22%;
  right:6%
}
.piggy-santa__hero__gifts #gift6 {
  width:24%;
  right:-5%
}
.piggy-santa__hero__decor img {
  width:14%
}
.piggy-santa__hero__decor #starLeft1 {
  top:6%;
  left:0;
  width:18%
}
.piggy-santa__hero__decor #starRight1 {
  top:6%;
  right:0;
  width:17%
}
.piggy-santa__hero__decor #starLeft2 {
  bottom:36%;
  left:4%;
  width:10%
}
.piggy-santa__hero__decor #starRight2 {
  top:28%;
  right:-4%;
  width:12%
}
.piggy-santa__wips {
  padding:4.5rem 20px 5rem
}
.piggy-santa__wips__content__header h2 {
  font-size:36px
}
.piggy-santa__wips__content__header p {
  font-size:16px
}
.piggy-santa__wips__content__header img {
  width:80px;
  top:-5%;
  right:20%
}
.piggy-santa__wips__grid {
  display:grid;
  grid-template-columns:repeat(2,
1fr);
  grid-gap:14px;
  gap:14px;
  width:100%;
  max-width:320px;
  margin:0 auto
}
.piggy-santa__wips__column {
  display:contents
}
.piggy-santa__wips__card {
  width:100%;
  height:auto;
  aspect-ratio:1;
  border-radius:12px;
  padding:10px
}
.piggy-santa__wips__card__inner {
  border-radius:6px
}
.piggy-santa__wips__card--7 {
  grid-column:1/-1;
  max-width:50%;
  margin:0 auto
}
.piggy-santa__ctt {
  padding:4.5rem 16px 5rem;
  min-height:420px
}
.piggy-santa__ctt__content__header h2 {
  font-size:30px
}
.piggy-santa__ctt__content__header p {
  font-size:15px;
  max-width:100%
}
.piggy-santa__ctt__content__header img:first-child,
.piggy-santa__ctt__content__header img:last-child {
  width:40px;
  top:2px
}
.piggy-santa__ctt__content__header img:first-child {
  left:-50px
}
.piggy-santa__ctt__content__header img:last-child {
  right:-50px
}
.piggy-santa__ctt__frames {
  height:230px;
  margin-top:20px
}
.piggy-santa__ctt__frame {
  width:165px;
  height:120px;
  border-radius:8px;
  padding:4px
}
.piggy-santa__ctt__frame__inner {
  border-radius:5px
}
.piggy-santa__ctt__frame--1 {
  top:25px;
  left:0
}
.piggy-santa__ctt__frame--2 {
  top:0
}
.piggy-santa__ctt__frame--3 {
  top:18px;
  right:-2%
}
.piggy-santa__ctt__frame--4 {
  bottom:-10px;
  left:2%
}
.piggy-santa__ctt__frame--5 {
  bottom:0
}
.piggy-santa__ctt__frame--6 {
  bottom:-10px;
  right:0
}
.piggy-santa__hiw {
  padding:5.5rem 20px 6rem
}

}
@media screen and (max-width:480px) {
  .piggy-santa__hero {
  padding:70px 14px 40px;
  min-height:90dvh;
  background-size:320px,
270px,
180%;
  background-position:left 6% top 10%,
right 2% bottom 22%,
center 106%
}
.piggy-santa__hero__content {
  margin-top:60px
}
.piggy-santa__hero__content--svgs {
  -webkit-transform:scale(.6);
  transform:scale(.6)
}
.piggy-santa__hero__content--svgs .sect--2 {
  margin-top:10px
}
.piggy-santa__hero__content p {
  margin-top:0
}
.piggy-santa__hero__content a {
  min-width:0;
  margin-top:20px
}
.piggy-santa__hero__gifts #gift1 {
  width:26%;
  left:-6%
}
.piggy-santa__hero__gifts #gift2 {
  width:24%;
  left:8%
}
.piggy-santa__hero__gifts #gift3 {
  width:32%;
  left:16%
}
.piggy-santa__hero__gifts #gift4 {
  width:34%;
  right:14%
}
.piggy-santa__hero__gifts #gift5 {
  width:24%;
  right:4%
}
.piggy-santa__hero__gifts #gift6 {
  width:26%;
  right:-6%
}
.piggy-santa__hero__decor img {
  width:20%
}
.piggy-santa__hero__decor #starLeft1 {
  top:4%;
  left:-2%;
  width:20%
}
.piggy-santa__hero__decor #starRight1 {
  top:4%;
  right:-2%;
  width:18%
}
.piggy-santa__hero__decor #starLeft2 {
  bottom:38%;
  left:4%
}
.piggy-santa__hero__decor #starRight2 {
  top:40%;
  right:-6%
}
.piggy-santa__hero__ground img {
  height:49.77px;
  object-fit:cover
}
.piggy-santa__wips {
  padding:4rem 0 4.5rem
}
.piggy-santa__wips__content__header h2 {
  font-size:32px
}
.piggy-santa__wips__content__header p {
  font-size:15px
}
.piggy-santa__wips__content__header img {
  width:60px;
  top:-20%;
  left:30%
}
.piggy-santa__wips__grid {
  grid-template-columns:repeat(2,
1fr);
  grid-gap:12px;
  gap:12px;
  max-width:100%;
  padding:0 30px
}
.piggy-santa__wips__card {
  border-radius:10px;
  padding:8px
}
.piggy-santa__wips__card__inner {
  border-radius:5px
}
.piggy-santa__ctt {
  padding:4rem 14px 4.5rem;
  min-height:500px
}
.piggy-santa__ctt__content__header h2 {
  font-size:26px
}
.piggy-santa__ctt__content__header p {
  font-size:14px
}
.piggy-santa__ctt__content__header img:first-child,
.piggy-santa__ctt__content__header img:last-child {
  width:32px;
  top:0
}
.piggy-santa__ctt__content__header img:first-child {
  left:-40px
}
.piggy-santa__ctt__content__header img:last-child {
  right:-40px
}
.piggy-santa__ctt__frames {
  height:195px;
  margin-top:18px
}
.piggy-santa__ctt__frame {
  width:140px;
  height:100px;
  border-radius:6px;
  padding:3px
}
.piggy-santa__ctt__frame__inner {
  border-radius:4px
}
.piggy-santa__ctt__frame--1 {
  top:20px;
  left:-2%
}
.piggy-santa__ctt__frame--2 {
  top:0
}
.piggy-santa__ctt__frame--3 {
  top:15px;
  right:-4%
}
.piggy-santa__ctt__frame--4 {
  bottom:-8px;
  left:0
}
.piggy-santa__ctt__frame--5 {
  bottom:0
}
.piggy-santa__ctt__frame--6 {
  bottom:-8px;
  right:-2%
}
.piggy-santa__hiw {
  padding:5rem 14px 5.5rem
}
.piggy-santa__form--is-closed {
  top:14rem;
  padding:2rem 1.5rem;
  width:90vw;
  max-width:340px
}
.piggy-santa__form--is-closed img {
  width:60px
}
.piggy-santa__form--is-closed h4 {
  font-size:20px;
  line-height:1.3
}
.piggy-santa__form--is-closed p {
  font-size:14px
}

}
@keyframes spin {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
@keyframes spinning {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
.header-home .container h1 img,
.investments.security .left img:first-child {
  -webkit-animation:spinning 10s linear infinite;
  animation:spinning 10s linear infinite
}
.home-saver-new .player-box .img--3 {
  -webkit-animation:spinning 20s linear infinite;
  animation:spinning 20s linear infinite
}
.home-saver-new .player-box .img--1 {
  -webkit-animation:spinning 80s linear infinite;
  animation:spinning 80s linear infinite
}
.player-box {
  position:relative
}
.player-box,
.player-box.playing iframe {
  -webkit-transition:all .6s ease-in-out;
  transition:all .6s ease-in-out
}
.player-box.playing iframe {
  -webkit-transform:scale(1.03);
  transform:scale(1.03);
  -webkit-box-shadow:0 0 40px rgba(0,
128,
255,
.4);
  box-shadow:0 0 40px rgba(0,
128,
255,
.4);
  -webkit-animation:glowPulse 4s ease-in-out infinite;
  animation:glowPulse 4s ease-in-out infinite
}
.player-box.playing .imgz {
  opacity:.5;
  -webkit-filter:blur(3px);
  filter:blur(3px);
  -webkit-transition:all .8s ease-in-out;
  transition:all .8s ease-in-out
}
.player-box .iframe-overlay {
  height:565px;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:transparent;
  border-radius:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  z-index:20
}
@keyframes glowPulse {
  0% {
  -webkit-box-shadow:0 0 20px rgba(0,
128,
255,
.3);
  box-shadow:0 0 20px rgba(0,
128,
255,
.3)
}
50% {
  -webkit-box-shadow:0 0 45px rgba(0,
128,
255,
.6);
  box-shadow:0 0 45px rgba(0,
128,
255,
.6)
}
to {
  -webkit-box-shadow:0 0 20px rgba(0,
128,
255,
.3);
  box-shadow:0 0 20px rgba(0,
128,
255,
.3)
}

}
*,
:after,
:before {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
body,
html {
  padding:0;
  margin:0;
  font-family:Jakarta,
sans-serif;
  background:#f2f7f8;
  color:#3d4f60;
  line-height:27.2px;
  font-size:16px;
  letter-spacing:-.03em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
html {
  scroll-behavior:smooth
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:Jakarta;
  font-weight:700;
  color:#122231
}
a {
  font-weight:600!important
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin:0
}
h1 {
  font-size:65px;
  line-height:82.42px
}
h2 {
  font-size:51px;
  line-height:64.1px
}
h3 {
  font-size:38px;
  line-height:48.08px
}
h4 {
  font-size:33pxfooter;
  line-height:41.21px
}
h5 {
  font-size:20px;
  line-height:25.18px
}
h6 {
  font-size:12.82px
}
.alt-cards img,
.blog-container .blog-header img,
.blog-container .cta .cta-image,
.customers .stories-single img,
.img,
.investments .left img,
.not-found img {
  width:100%!important;
  height:auto!important
}
.img-responsive {
  display:inline-block;
  overflow:hidden;
  position:relative;
  margin:0
}
.img-responsive,
.img-responsive>.div {
  max-width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.img-responsive>.div {
  display:block
}
.img-responsive>.div img {
  margin:0
}
.img-responsive>.div img,
.img-responsive>img {
  max-width:100%;
  display:block;
  border:none;
  padding:0
}
.img-responsive>img {
  position:absolute;
  inset:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:auto;
  width:0;
  height:0;
  min-width:100%;
  min-height:100%;
  max-height:100%
}
.font-14 {
  font-size:14px
}
.fw-regular {
  font-weight:400!important
}
.fw-medium {
  font-weight:500!important
}
.fw-bold,
.tag {
  font-weight:700
}
.fw-bold,
.fw-semibold,
.tag {
  font-family:Jakarta
}
.faq .head .search-list,
.shadow-blue {
  -webkit-box-shadow:0 10px 15px -3px rgba(137,
172,
234,
.2);
  box-shadow:0 10px 15px -3px rgba(137,
172,
234,
.2)
}
.text-center {
  text-align:center
}
.text-right {
  text-align:right
}
.clear-right {
  clear:right
}
.pos-rel {
  position:relative
}
.pos-abs {
  position:absolute
}
@media only screen and (min-width:993px) {
  .pos-abs-md {
  position:absolute
}

}
.pos-fixed {
  position:fixed
}
.mr-10 {
  margin-right:10px
}
.m-auto {
  margin:auto
}
.ml-auto {
  margin-left:auto
}
.mt-0 {
  margin-top:0!important
}
.mt-5 {
  margin-top:5px!important
}
.mb-5 {
  margin-bottom:5px!important
}
.mt-10 {
  margin-top:10px
}
.mb-10 {
  margin-bottom:10px
}
.mb-1h {
  margin-bottom:15px
}
.mt-20 {
  margin-top:20px
}
.mb-20 {
  margin-bottom:20px
}
.mt-25 {
  margin-top:25px
}
.mb-25 {
  margin-bottom:25px
}
.mb-30 {
  margin-bottom:30px
}
.mb-3h {
  margin-bottom:35px
}
.mb-40 {
  margin-bottom:40px
}
.mt-50 {
  margin-top:50px
}
.mb-50 {
  margin-bottom:50px
}
@media only screen and (max-width:992px) {
  .mb-sm-50 {
  margin-bottom:50px
}

}
.mb-60 {
  margin-bottom:65px
}
.mb-70 {
  margin-bottom:70px
}
.mb-80 {
  margin-bottom:80px
}
.mr-16 {
  margin-right:16px
}
.pl-20 {
  padding-left:20px!important
}
.py-80 {
  padding:80px 0
}
.py-150 {
  padding:150px 16px 30px
}
.w-100 {
  width:100%
}
.op-1 {
  opacity:1!important
}
.d-block {
  display:block!important
}
.d-none {
  display:none!important
}
.d-flex {
  display:flex
}
@media only screen and (min-width:768px) {
  .d-md-flex {
  display:flex
}

}
@media only screen and (min-width:993px) {
  .d-lg-flex {
  display:flex
}

}
.al-i-c {
  align-items:center
}
.al-i-fe {
  align-items:flex-end
}
.jc-c {
  justify-content:center
}
.jc-fe,
.jc-lg-fe {
  justify-content:flex-end
}
@media only screen and (max-width:992px) {
  .jc-lg-fe {
  justify-content:center
}

}
.jc-sb {
  justify-content:space-between
}
.blue {
  color:#1734ca
}
.primary {
  color:#083e9e
}
.black {
  color:#122231
}
.black:hover {
  color:#122231!important
}
.white {
  color:#fff!important
}
@media only screen and (min-width:993px) {
  .white-md {
  color:#fff!important
}

}
.grey {
  color:#60708a
}
.purple {
  color:#6624ce
}
.green {
  color:#00896b
}
.bg-none {
  background-color:transparent!important
}
.bg-white {
  background-color:#fff!important
}
.bg-primary,
.nav-active {
  background-color:#f2f7f8
}
.bg-blue {
  background-color:#1734ca
}
.bg-blue-lite {
  background-color:#0089ff
}
.bg-green {
  background-color:#00896b
}
.bg-purple {
  background-color:#6624ce
}
.bg-pink {
  background-color:#ea417d
}
.bg-orange {
  background-color:#f16818
}
.bg-navy {
  background-color:#0c0e1b
}
.bg-grey {
  background-color:#f8f8f8
}
.bg-dark {
  background-color:#122231
}
.bg-green-md {
  background-color:#00896b;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out
}
@media only screen and (min-width:993px) {
  .bg-green-md:hover {
  background-color:#10a352
}

}
.bg-purple-md {
  background-color:#6624ce;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out
}
@media only screen and (min-width:993px) {
  .bg-purple-md:hover {
  background-color:#5914a1
}

}
.bg {
  height:820px;
  position:absolute;
  width:100%;
  z-index:-1000
}
.border-link {
  border-radius:4px;
  border:1px solid rgba(0,
0,
0,
.09);
  padding:9px 20px;
  -webkit-box-shadow:2px -3px 20px rgba(0,
0,
0,
.04);
  box-shadow:2px -3px 20px rgba(0,
0,
0,
.04)
}
.bdr-top {
  border-top:1px solid rgba(0,
0,
0,
.09)
}
.bdr-bottom {
  border-bottom:1px solid rgba(0,
0,
0,
.09)
}
.tag {
  display:inline-block;
  padding:6px 22px;
  border-radius:40px
}
a,
a:hover {
  text-decoration:none;
  cursor:pointer
}
a:visited {
  color:inherit
}
ul {
  list-style:none;
  margin:0;
  padding:0
}
ul li {
  display:inline-block
}
button {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:0;
  cursor:pointer
}
.btn {
  font-size:16px;
  font-weight:600;
  color:#fff!important;
  text-align:center;
  white-space:nowrap;
  padding:15px 22px;
  border:1px solid transparent;
  border-radius:12px;
  font-family:Jakarta
}
.btn-bordered {
  -webkit-transition:border .8s,
color .8s;
  transition:border .8s,
color .8s
}
.btn-bordered,
.btn-bordered:hover {
  color:#3CB9CF!important;
  border:1px solid #3CB9CF
}
.btn-bordered-alt {
  background-color:transparent;
  border:1px solid #fff!important
}
.btn-bordered-alt,
.btn-bordered-alt:hover {
  color:#fff!important
}
.btn-primary {
  -webkit-transition:background-color .8s;
  transition:background-color .8s
}
.btn-primary,
.btn-primary:hover {
  background:#3CB9CF
}
.btn-primary-1 {
  background:#3CB9CF;
  -webkit-transition:background-color .8s;
  transition:background-color .8s
}
.btn-primary-1:hover {
  background:#2fa8be
}
.btn-primary-2 {
  background:#3CB9CF;
  -webkit-transition:background-color .8s;
  transition:background-color .8s
}
.btn-primary-2:hover {
  background:#2fa8be
}
.btn-secondary {
  background:#3CB9CF;
  color:#fff!important;
  -webkit-transition:background-color .8s;
  transition:background-color .8s
}
.btn-secondary:hover {
  background:#2fa8be
}
.btn-blue {
  background:#3CB9CF
}
.btn-green {
  background:#3CB9CF
}
.btn-blue-lite {
  background:#3CB9CF
}
.btn-purple {
  background:#3CB9CF
}
.btn-pink {
  background:#3CB9CF
}
.btn-orange {
  background:#3CB9CF
}
.text-blue {
  color:#0d60d8
}
.text-white {
  color:#fff!important
}
.text-green {
  color:#00896b
}
.text-blue-lite {
  color:#0089ff
}
.text-purple {
  color:#6624ce
}
.text-pink {
  color:#ea417d
}
.text-orange {
  color:#f16818
}
.text-dark {
  color:#0c1825
}
.container {
  max-width:1240px;
  margin:auto
}
.alt-cards .box,
.box-style,
.customers .testimonials .box,
.savings .box,
.stories .box {
  width:352px;
  margin-bottom:45px!important
}
.flex--1,
.flex--2 {
  display:flex
}
.flex--2 {
  align-items:center
}
.flex--3 {
  display:flex;
  justify-content:space-between
}
.flex--3-a {
  display:flex;
  justify-content:center
}
.flex--4,
.flex--4-a {
  display:flex;
  flex-direction:column
}
.flex--4-a,
.flex--5 {
  align-items:center
}
.flex--5 {
  display:flex;
  justify-content:center
}
.border--main {
  border-bottom:1px solid #d4d3ca;
  -webkit-box-shadow:0 2px 4px rgba(0,
0,
0,
.08),
0 4px 12px rgba(0,
0,
0,
.08);
  box-shadow:0 2px 4px rgba(0,
0,
0,
.08),
0 4px 12px rgba(0,
0,
0,
.08)
}
.pointer {
  cursor:pointer
}
.loader-yhz {
  position:fixed;
  background:#fff;
  width:100vw;
  height:100vh;
  top:0;
  left:0;
  z-index:110
}
.hover-premium {
  -webkit-transition:-webkit-transform .5s ease,
-webkit-box-shadow .5s ease;
  transition:-webkit-transform .5s ease,
-webkit-box-shadow .5s ease;
  transition:transform .5s ease,
box-shadow .5s ease;
  transition:transform .5s ease,
box-shadow .5s ease,
-webkit-transform .5s ease,
-webkit-box-shadow .5s ease;
  transform-style:preserve-3d;
  will-change:transform
}
.hover-premium.active {
  -webkit-box-shadow:0 10px 30px rgba(0,
0,
0,
.12)!important;
  box-shadow:0 10px 30px rgba(0,
0,
0,
.12)!important;
  z-index:10
}
.hover-premium .card-link-reveal {
  overflow:hidden
}
.hover-premium .card-link-reveal .arrow-icon {
  -webkit-transition:-webkit-transform .3s cubic-bezier(.34,
1.56,
.64,
1);
  transition:-webkit-transform .3s cubic-bezier(.34,
1.56,
.64,
1);
  transition:transform .3s cubic-bezier(.34,
1.56,
.64,
1);
  transition:transform .3s cubic-bezier(.34,
1.56,
.64,
1),
-webkit-transform .3s cubic-bezier(.34,
1.56,
.64,
1);
  -webkit-transform:translateX(-5px);
  transform:translateX(-5px)
}
.hover-premium:hover .card-link-reveal .arrow-icon {
  -webkit-transform:translateX(3px);
  transform:translateX(3px)
}
.download-btn.hover-premium {
  -webkit-transition:all .4s cubic-bezier(.175,
.885,
.32,
1.275);
  transition:all .4s cubic-bezier(.175,
.885,
.32,
1.275)
}
.download-btn.hover-premium:hover {
  -webkit-transform:translateY(-4px) scale(1.03);
  transform:translateY(-4px) scale(1.03);
  -webkit-box-shadow:0 10px 20px rgba(0,
0,
0,
.15);
  box-shadow:0 10px 20px rgba(0,
0,
0,
.15);
  -webkit-filter:brightness(1.1);
  filter:brightness(1.1)
}
.header-home h1 span.icon-img {
  display:inline-block;
  -webkit-animation:rotateIcon 10s linear infinite;
  animation:rotateIcon 10s linear infinite
}
@keyframes rotateIcon {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}
.home>div {
  opacity:1
}
.career-wrapper {
  background:#060f21
}
.career-positions {
  padding:100px 16px;
  border-radius:20px;
  background:#fff
}
.career-positions .container {
  max-width:1000px
}
.career-positions__header {
  margin-bottom:40px
}
.career-positions__header .section-title {
  font-size:36px;
  font-weight:800;
  color:#122231
}
.career-positions__header .section-subtitle {
  font-size:16px;
  color:#667085
}
.career-positions__list {
  margin-top:0
}
.career-positions__empty {
  background:#f1f6f7;
  border-radius:16px;
  padding:80px 40px;
  text-align:center;
  border:1px solid rgba(0,
0,
0,
.05)
}
.career-positions__empty h3 {
  font-size:24px;
  font-weight:700;
  color:#122231;
  margin-bottom:8px
}
.career-positions__empty p {
  font-size:16px;
  color:#667085
}
.position-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:30px;
  background:#fff;
  border-radius:16px;
  margin-bottom:20px;
  background:#f1f6f7;
  -webkit-box-shadow:0 4px 6px rgba(0,
0,
0,
.02);
  box-shadow:0 4px 6px rgba(0,
0,
0,
.02);
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.position-card .btn {
  background:#060f21
}
@media only screen and (min-width:768px) {
  .position-card:hover {
  -webkit-transform:scale(1.02);
  transform:scale(1.02);
  -webkit-box-shadow:0 10px 20px rgba(0,
0,
0,
.05);
  box-shadow:0 10px 20px rgba(0,
0,
0,
.05)
}

}
@media only screen and (max-width:767px) {
  .position-card {
  flex-direction:column;
  grid-gap:20px;
  gap:20px;
  text-align:center
}

}
.position-card__info h4 {
  font-size:18px;
  font-weight:700;
  margin-bottom:4px
}
.position-card__info span {
  font-size:14px;
  color:#667085
}
.career-values {
  padding:120px 16px;
  background:#fff;
  color:#122231
}
.career-values .section-header {
  margin-bottom:80px
}
.career-values .section-header h2 {
  color:#122231;
  font-size:56px;
  font-family:Neue Plak;
  font-weight:900;
  margin-bottom:12px
}
.career-values .section-header p {
  color:#3d4f60;
  font-size:18px
}
.career-values .values-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,
minmax(360px,
1fr));
  grid-gap:30px;
  gap:30px
}
.career-values .value-card {
  background:#f4f7fa;
  border-radius:12px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#122231;
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,
-webkit-transform .3s ease;
  height:650px;
  padding:0 30px 40px;
  max-width:400px
}
.career-values .value-card:hover {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
.career-values .value-card__text {
  padding:40px 0
}
.career-values .value-card__text h3 {
  font-family:Neue Plak;
  font-weight:900;
  font-size:24px;
  margin-bottom:16px
}
.career-values .value-card__text p {
  font-size:14px;
  line-height:1.6;
  color:#3d4f60
}
.career-values .value-card__illustration {
  width:100%;
  height:350px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:100px;
  margin-top:auto;
  border-radius:20px;
  overflow:hidden
}
.career-values .value-card__illustration img {
  object-fit:cover;
  width:100%;
  height:100%
}
.career-values .value-card__illustration .emoji-large {
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
}
.career-benefits {
  padding:120px 16px;
  background:#060f21;
  color:#fff
}
.career-benefits .benefits-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:80px;
  gap:80px;
  align-items:center;
  max-width:1200px;
  margin:0 auto
}
@media only screen and (max-width:767px) {
  .career-benefits .benefits-layout {
  grid-template-columns:1fr;
  text-align:center
}

}
.career-benefits .benefits-layout .benefits-img-float {
  position:relative;
  top:-10rem;
  left:1rem
}
@media only screen and (max-width:767px) {
  .career-benefits .benefits-layout .benefits-img-float {
  display:none
}

}
.career-benefits .benefits-card {
  background:#fff;
  color:#122231;
  padding:60px;
  border-radius:24px
}
.career-benefits .benefits-card h2 {
  font-family:Neue Plak;
  font-weight:900;
  font-size:56px;
  margin-bottom:24px
}
.career-benefits .benefits-card p {
  font-size:16px;
  line-height:1.6;
  margin-bottom:30px;
  color:#3d4f60
}
.career-benefits .benefits-card .benefits-list {
  list-style:none;
  padding:0
}
.career-benefits .benefits-card .benefits-list div {
  font-size:20px;
  font-weight:600;
  margin-bottom:15px;
  display:block
}
.career-benefits .benefits-card .benefits-list div .interact .left .content .link,
.career-benefits .benefits-card .benefits-list div .savings .box .sub-title,
.career-benefits .benefits-card .benefits-list div svg,
.interact .left .content .career-benefits .benefits-card .benefits-list div .link,
.savings .box .career-benefits .benefits-card .benefits-list div .sub-title {
  position:relative;
  top:-1px
}
.career-benefits .benefits-image.polaroid {
  background:#fff;
  padding:20px 20px 60px;
  -webkit-transform:rotate(3deg);
  transform:rotate(3deg);
  -webkit-box-shadow:0 20px 50px rgba(0,
0,
0,
.5);
  box-shadow:0 20px 50px rgba(0,
0,
0,
.5)
}
.career-benefits .benefits-image.polaroid img {
  object-fit:cover;
  width:100%;
  height:100%
}
.career-benefits .imgz {
  position:absolute;
  right:0;
  width:700px;
  z-index:1
}
@media only screen and (max-width:1024px) {
  .career-benefits .imgz {
  width:500px
}

}
@media only screen and (max-width:767px) {
  .career-benefits .imgz {
  position:relative;
  width:100%;
  margin-top:0;
  right:auto
}

}
@media only screen and (max-width:1024px) {
  .career-benefits .benefits-card {
  padding:60px 15px
}
.career-benefits .benefits-card .benefits-list {
  text-align:left
}
.career-benefits .benefits-card .benefits-list div {
  font-size:16px
}
.career-benefits .benefits-card h2 {
  font-family:Neue Plak;
  font-weight:900;
  font-size:50px;
  margin-bottom:10px
}
.career-benefits .benefits-layout .benefits-img-float {
  position:relative;
  top:-5rem;
  left:-8rem
}
.career-values .values-grid {
  justify-items:center
}
.career-benefits {
  padding:80px 16px
}

}
@media only screen and (max-width:767px) {
  .header.career-hero .container .heading.career-heading {
  font-size:28px;
  white-space:nowrap
}
.header.career-hero .main .section--1 .career-subheading {
  font-size:29px
}
.career-benefits .benefits-card .benefits-list div {
  font-weight:400
}
.header.about .container .img-z {
  width:40px!important;
  height:40px!important
}
.career-benefits {
  padding:60px 16px
}
.career-benefits .benefits-layout {
  grid-gap:40px;
  gap:40px
}
.career-benefits .benefits-card {
  padding:40px 20px
}
.career-benefits .benefits-card h2 {
  font-size:32px;
  margin-bottom:16px
}
.career-benefits .benefits-card p {
  font-size:14px
}
.career-benefits .benefits-card .benefits-list div {
  font-size:14px;
  font-weight:500;
  margin-bottom:10px;
  text-align:left
}
.career-hero {
  padding-top:60px!important
}
.career-hero .career-heading {
  font-size:28px!important;
  white-space:normal!important
}
.career-hero .main-container {
  padding-top:40px
}
.career-hero .career-subheading {
  font-size:24px!important
}
.career-hero .description {
  font-size:15px
}
.career-hero .section--2 {
  margin-top:40px
}
.career-hero .section--2 img {
  max-width:100%;
  height:auto
}
.career-hero .section--2 img:first-child,
.career-hero .section--2 img:nth-child(2) {
  width:45%;
  margin:0 2.5%;
  border-radius:12px
}

}
.header.about,
.header.stories,
.header.termsprivacy {
  padding:80px 16px 100px;
  background:#060f21
}
.header.about .container,
.header.stories .container,
.header.termsprivacy .container {
  grid-gap:1rem;
  gap:1rem;
  padding:4rem 0
}
.header.about .container img,
.header.stories .container img,
.header.termsprivacy .container img {
  width:50px;
  height:50px
}
.header.about .container .heading,
.header.stories .container .heading,
.header.termsprivacy .container .heading {
  font-family:Neue Plak;
  font-weight:900;
  font-style:Extra #000;
  font-size:50px;
  leading-trim:NONE;
  line-height:96%;
  letter-spacing:-3%;
  color:#fff;
  text-transform:capitalize
}
.header.about .main-container,
.header.stories .main-container,
.header.termsprivacy .main-container {
  border-radius:24px;
  position:relative
}
.header.about .main,
.header.stories .main,
.header.termsprivacy .main {
  min-height:583px;
  border-radius:24px;
  padding:2rem 0 0 10px;
  justify-content:space-between
}
.header.about .main .section--1 p,
.header.stories .main .section--1 p,
.header.termsprivacy .main .section--1 p {
  font-weight:700;
  font-style:Bold;
  font-size:16px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  color:hsla(0,
0%,
100%,
.6);
  text-transform:uppercase
}
.header.about .main .section--1 h1,
.header.stories .main .section--1 h1,
.header.termsprivacy .main .section--1 h1 {
  font-family:Neue Plak;
  font-weight:900;
  font-size:58.85px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  max-width:550px;
  color:#fff;
  padding-top:1.5rem
}
.header.about .main .section--1 .description,
.header.stories .main .section--1 .description,
.header.termsprivacy .main .section--1 .description {
  font-weight:400;
  font-style:Regular;
  font-size:18px;
  leading-trim:NONE;
  line-height:140%;
  letter-spacing:-3%;
  text-transform:unset;
  max-width:400px;
  color:#fff
}
.header.about .main .section--2,
.header.stories .main .section--2,
.header.termsprivacy .main .section--2 {
  position:relative
}
.header.about .main .section--2 img,
.header.stories .main .section--2 img,
.header.termsprivacy .main .section--2 img {
  width:550px;
  height:auto
}
.header.about .main .section--2 img:first-child,
.header.stories .main .section--2 img:first-child,
.header.termsprivacy .main .section--2 img:first-child {
  position:absolute;
  width:380px;
  top:100px;
  left:-250px;
  z-index:12
}
.header.about .main .section--2 img:last-child,
.header.stories .main .section--2 img:last-child,
.header.termsprivacy .main .section--2 img:last-child {
  position:absolute;
  width:179px;
  top:75px;
  left:-18px;
  z-index:10
}
nav {
  padding:25px 16px;
  position:fixed;
  width:100%;
  z-index:1000;
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out
}
nav .logo {
  display:inherit
}
nav .logo img {
  position:relative;
  padding-right:50px!important;
  bottom:3px!important
}
nav .btn-group,
nav .menu {
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
nav .menu .nav-item:not(:last-child) {
  padding-right:24px
}
nav .menu .nav-item a {
  color:#3d4f60;
  font-family:Jakarta
}
nav .btn-group li {
  -webkit-transition:.3s;
  transition:.3s
}
@media only screen and (min-width:993px) {
  nav .btn-group li {
  position:relative;
  bottom:0
}

}
nav .btn-group li:not(:last-child) {
  padding-right:8px
}
nav .nav-alt .nav-item a {
  color:#fff
}
nav .nav-alt .nav-item .dropdown-menu a {
  color:#3d4f60
}
.nav-two .menu .nav-item a {
  color:#fff
}
.nav-two .menu .dropdown-menu a {
  color:#3d4f60
}
.nav-two .hamburger .line {
  background:#fff!important
}
.nav-two .btn-bordered {
  color:#fff!important;
  background-color:transparent;
  border:1px solid #fff
}
.nav-two .btn-primary {
  background:#fff;
  color:#122231!important
}
.nav-two .logo img {
  bottom:0!important
}
.nav-active .menu .nav-item a {
  color:#122231
}
.nav-active .hamburger .line {
  background:#122231!important
}
.nav-active .btn-bordered {
  color:#122231!important;
  background-color:transparent;
  border:1px solid #122231
}
.nav-active .btn-primary {
  background:#122231;
  color:#fff!important
}
.scrolled .nav-item a {
  color:#3d4f60!important
}
footer {
  padding:80px 16px 50px;
  font-size:12.82px;
  background:#fff
}
footer .img-container {
  display:flex;
  flex-direction:column;
  max-width:173px;
  align-items:center
}
footer [class*=col-] {
  margin-bottom:30px
}
footer [class*=col-] p {
  font-family:Jakarta;
  color:#122231
}
footer [class*=col-] p,
footer a {
  font-size:14px;
  margin-bottom:8px;
  line-height:22.08px
}
footer a {
  display:block;
  text-align:left;
  font-weight:300!important;
  -webkit-transition:color .5s;
  transition:color .5s
}
footer .socials-cont p,
footer a {
  color:#3d4f60;
  letter-spacing:-.03em
}
footer .socials-cont p {
  font-size:14px;
  line-height:19px
}
footer .logo {
  display:inline-flex
}
footer .socials ul {
  margin-bottom:5px
}
@media screen and (max-width:1000px) {
  footer .socials ul {
  justify-content:flex-start
}

}
footer .socials li {
  -webkit-transition:.5s;
  transition:.5s;
  line-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32.8px;
  height:32px
}
footer .socials li:last-child {
  margin-right:0
}
@media only screen and (min-width:993px) {
  footer .socials li:hover {
  -webkit-transform:translateY(-3px);
  transform:translateY(-3px)
}

}
footer .socials li a {
  color:#122231;
  display:inline;
  margin-bottom:0
}
footer .connect a {
  line-height:21px;
  margin-bottom:15px
}
@media only screen and (min-width:993px) {
  footer .connect a:hover {
  color:#1734ca
}
footer .connect a:first-of-type:hover {
  color:#122231
}
footer .company a:hover,
footer .legal a:hover,
footer .products a:hover {
  color:#0d60d8
}

}
footer .about {
  margin:16px 0 30px;
  border-top:.2px solid hsla(0,
0%,
74.1%,
.5215686275);
  padding-top:26px
}
footer .about p {
  font-size:11px
}
footer .about__sec {
  display:flex;
  align-items:center;
  margin-bottom:15px
}
footer .about__sec>div {
  margin-left:8px
}
footer .about__sec>div h6 {
  font-size:14px;
  line-height:20px
}
footer .about__sec>div p {
  font-size:10px;
  line-height:16px
}
footer .about__sec img {
  width:50px
}
footer .about__body,
footer .about__sec-body {
  max-width:441px;
  margin-bottom:12px;
  line-height:22px;
  color:rgba(61,
79,
96,
.6509803922)
}
footer .about__body {
  max-width:619px;
  margin-bottom:31px
}
.home {
  overflow-x:hidden
}
.header {
  padding:170px 16px 0;
  overflow:hidden;
  position:relative
}
.header.main-product {
  padding:70px 10px 30px;
  background:#060f21
}
.header.main-product .container {
  grid-gap:1rem;
  gap:1rem;
  padding:3rem 0
}
.header.main-product .container .heading {
  font-family:Neue Plak;
  font-weight:900;
  font-style:Extra #000;
  font-size:50px;
  leading-trim:NONE;
  line-height:96%;
  letter-spacing:-3%;
  color:#fff;
  text-transform:capitalize
}
.header-home {
  padding:0
}
.header-home .container {
  padding:190px 0 100px
}
.header-home .container .main {
  justify-content:space-between
}
.header-home .container h1 {
  font-family:Poppins;
  font-weight:900;
  font-style:Extra #000;
  font-size:60px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  width:710px;
  color:#1f2a41
}
.header-home .container h1 img {
  width:40px;
  height:40px
}
.header-home .container .loaded {
  font-family:Neue Plak,
Jakarta
}
.header-home .container .section--1 {
  position:relative;
  right:0;
  top:-15px
}
@-webkit-keyframes headerbounce {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px)
}

}
@keyframes headerbounce {
  0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
to {
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px)
}

}
.header-home .container .imgs {
  position:relative;
  min-height:520px;
  margin-top:5rem
}
.header-home .container .imgs:hover {
  -webkit-animation-play-state:paused;
  animation-play-state:paused
}
.header-home .container .imgs .headerImg {
  border-radius:30px;
  width:100%
}
.header-home .container .imgs-2 {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0
}
.header-home .container .imgs-2 img {
  position:absolute;
  width:410px
}
.header-home .container .imgs-2 img:first-child {
  top:235px;
  left:-125px
}
.header-home .container .imgs-2 img:nth-child(2) {
  bottom:-9px;
  left:528px
}
.header-home .container .imgs-2 img:nth-child(3) {
  top:167px;
  right:-97px
}
.header-home .container .imgs-2 img:nth-child(4) {
  top:270px;
  right:-40px
}
.header-home .container .imgs-2 img:nth-child(5) {
  bottom:60px;
  left:-60px;
  width:180px
}
.header-home .container .imgs-2 img:nth-child(6) {
  bottom:-16px;
  right:-32px
}
.header-home .container .imgs .card {
  width:300px;
  left:0
}
.header .product {
  padding:2rem 0 0;
  overflow:hidden;
  position:relative;
  border-radius:24px;
  min-height:600px;
  max-width:1240px;
  margin:0 auto
}
.header .product .product--download-btn-cont {
  background-image:url("data:image/svg+xml,
%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='rgba(255,
 255,
 255,
 0.4)' stroke-width='2.5' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius:20px;
  padding:8px;
  width:-webkit-fit-content;
  width:fit-content;
  display:inline-block;
  margin-top:2rem
}
.header .product .product--download-btn-cont .download {
  margin-top:0!important;
  display:flex;
  align-items:center;
  grid-gap:12px;
  gap:12px
}
.header .product .product--download-btn-cont .download .download-btn {
  margin:0!important;
  width:auto!important;
  min-width:160px;
  height:auto!important;
  padding:12px 20px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px!important
}
.header .product .product--download-btn-cont .download .download-btn img {
  margin-right:8px;
  top:0!important
}
.header .product-theme-blue {
  background:#1734ca
}
.header .product-theme-blue-lite {
  background:#0089ff
}
.header .product-theme-green {
  background:#00896b
}
.header .product-theme-pink {
  background:#ea417d
}
.header .product-theme-orange {
  background:#f16818
}
.header .product-theme-navy {
  background:#0c0e1b
}
.header .product-theme-dark {
  background:#0c1825
}
.header .product-theme-purple {
  background:#6624ce
}
.header .product .row {
  align-items:center;
  z-index:100;
  position:relative;
  margin-left:unset;
  margin-right:unset;
  height:100%;
  padding:0 1rem 0 3rem
}
.header .product .imgs {
  position:absolute;
  right:0;
  top:60vh;
  min-height:-webkit-fit-content;
  min-height:fit-content
}
.header .product .header-bg-img {
  position:absolute;
  top:0;
  left:0;
  height:100%
}
.header .product .header-bg-img--1 {
  right:0;
  left:unset
}
.header.stories-header {
  padding-top:195px
}
@media only screen and (min-width:1024px) {
  .header.stories-header {
  padding-bottom:60px
}

}
.header.stories-header .cont {
  left:20px!important
}
.header.stories-header .text .interact .left .content .link,
.header.stories-header .text .savings .box .sub-title,
.header.stories-header .text svg,
.interact .left .content .header.stories-header .text .link,
.savings .box .header.stories-header .text .sub-title {
  -webkit-animation:pulse 2s linear infinite;
  animation:pulse 2s linear infinite
}
.header.about .main .section--2 {
  position:absolute;
  right:0
}
.header.stories .main {
  padding:2rem 0 0 10px
}
.header.stories .main .section--2 img:last-child {
  position:unset;
  width:700px
}
.header.termsprivacy {
  padding-top:8rem
}
.header.termsprivacy .main {
  justify-content:space-between
}
.header.termsprivacy .main .section--1 .time {
  font-weight:700;
  font-style:Bold;
  font-size:16px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  color:#fff
}
.header.termsprivacy .main .section--2 img:last-child {
  position:unset!important;
  width:500px
}
.header .text {
  max-width:500px
}
.header .text p {
  font-size:20px;
  line-height:32px
}
.header .text h1 {
  max-width:570px;
  margin-top:10px;
  font-size:58.85px;
  line-height:66px;
  letter-spacing:-.03em;
  font-family:Neue Plak;
  font-weight:900
}
.header.header-home h1 {
  font-style:normal
}
.header.header-home p {
  max-width:400px;
  font-weight:400;
  font-style:normal;
  font-size:16px;
  leading-trim:NONE;
  line-height:140%;
  letter-spacing:-2%
}
.header .label-div {
  background:#dcf0ff;
  display:inline-flex;
  grid-gap:10px;
  gap:10px;
  padding:10px 20px;
  border-radius:20px;
  margin:1rem 0
}
.header .label-div img {
  width:15px
}
.header .label-div p {
  font-family:Jakarta;
  font-size:17px;
  line-height:23px;
  position:relative;
  top:1px;
  text-transform:capitalize;
  font-weight:600
}
.header .not-product-img,
.header .phone {
  width:550px;
  position:relative;
  z-index:11;
  top:70px
}
.header .not-product-img {
  border-radius:24px
}
.header .floating-img {
  position:absolute;
  bottom:0;
  right:0;
  z-index:10
}
.header .floating-img img {
  width:400px;
  bottom:-10px;
  position:relative
}
.header .img-right {
  position:relative
}
.header .img-right .float-img {
  position:absolute
}
.header .img-right .float-img-1 {
  bottom:40px;
  left:-100px;
  z-index:12;
  width:200px
}
.header .img-right .float-img-2 {
  bottom:-41px;
  right:46px;
  z-index:12
}
.header .img-right .float-img-3 {
  bottom:300px;
  right:-9px;
  z-index:12
}
@media only screen and (max-width:500px) {
  .header .floating-img img,
.header .phone {
  width:300px;
  position:relative;
  bottom:-21px
}

}
.featured {
  background:-webkit-gradient(linear,
left top,
left bottom,
from(#f2f8f4),
color-stop(33.01%,
#fff));
  background:linear-gradient(180deg,
#f2f8f4,
#fff 33.01%);
  padding:65px 16px
}
.featured .brands {
  grid-gap:0 2rem;
  gap:0 2rem;
  flex-wrap:wrap
}
.featured .brands a img {
  width:160px;
  height:auto
}
.featured .brands a:nth-child(4) img,
.featured .brands a:nth-child(6) img {
  height:40px
}
.featured-new .content {
  background-color:#fff;
  padding:1rem 2rem;
  grid-gap:2rem;
  gap:2rem;
  border-radius:20px;
  position:relative;
  bottom:-2.5rem
}
.featured-new .content p {
  font-weight:400;
  font-style:Regular;
  font-size:14px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  text-align:center
}
.featured-new .content .brands {
  grid-gap:0 1rem;
  gap:0 1rem;
  flex-wrap:wrap
}
.featured-new .content .brands a {
  width:100px;
  height:50px
}
.featured-new .content .brands a img {
  width:100%;
  height:auto;
  object-fit:contain
}
.featured-new.is-not-home {
  background-color:#060f21;
  border-bottom:2px dashed #1d2d4d
}
.featured-new img {
  width:110%;
  margin-top:1rem;
  position:relative;
  left:-5%
}
.featured-new .card-img {
  width:80%;
  position:absolute;
  left:10%;
  bottom:-10px
}
.featured-new.safelocks {
  max-height:654px
}
.savings {
  padding:60px 16px 100px;
  background:#f1f6f7;
  border-radius:0 0 80px 80px;
  position:relative;
  z-index:1
}
.savings.home {
  background:#fff
}
.savings .content {
  color:#122231;
  align-self:flex-start
}
.savings .content small {
  font-weight:700;
  font-style:Bold;
  font-size:14px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:0;
  color:#257af5
}
.savings .content h3 {
  font-size:48px;
  line-height:66px;
  margin:auto
}
.savings .content .text {
  margin:18px auto 53px;
  font-size:24px;
  line-height:35px
}
.savings .box {
  margin:0 auto;
  border-radius:20px;
  padding:30px 10px 30px 30px;
  -webkit-box-shadow:0 0 1px 0 #ced3da;
  box-shadow:0 0 1px 0 #ced3da
}
.savings .box .title {
  margin-top:25px!important;
  font-size:36px;
  line-height:42px
}
.savings .box .text {
  margin:18px 0 10px;
  max-width:290px;
  min-height:60px;
  color:#3d4f60
}
.savings .box .sub-title {
  font-weight:500;
  color:#3d4f60;
  -webkit-transition:margin-left .2s ease-out;
  transition:margin-left .2s ease-out
}
.savings .box-container .main-cards {
  grid-gap:2rem;
  gap:2rem;
  flex-wrap:wrap;
  justify-content:center;
  width:1600px
}
.savings .box-container .interest-button {
  width:204;
  height:44;
  border-radius:60px;
  padding:14px 16px;
  grid-gap:10px;
  gap:10px;
  background:#0935d1;
  color:#fff;
  margin-top:5rem
}
.savings .box-container .interest-button p {
  font-weight:500;
  font-style:Medium;
  font-size:16px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-1%
}
.savings .box.home {
  cursor:pointer;
  position:relative;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  margin:unset;
  overflow:hidden;
  height:470px;
  width:392px;
  margin-bottom:0!important;
  background-color:#f1f6f7!important
}
.savings .box.home .title {
  font-family:Neue Plak;
  font-weight:900;
  font-style:Extra #000;
  font-size:24px;
  leading-trim:NONE;
  color:#060f21
}
.savings .box.home .sub-title {
  top:0;
  grid-gap:5px;
  gap:5px
}
.savings .box.home .sub-title span {
  position:relative;
  font-weight:400;
  font-style:Regular;
  font-size:14px;
  leading-trim:CAP_HEIGHT;
  line-height:100%;
  letter-spacing:0
}
.savings .box.home .sub-title span:after {
  content:"";
  height:0;
  height:8px;
  position:absolute;
  left:0;
  width:50%;
  opacity:0
}
.savings .box.home .text {
  margin:0;
  font-size:19px;
  line-height:22px;
  padding:0 0 10px;
  font-weight:400;
  font-style:Regular;
  font-size:14px;
  leading-trim:NONE
}
.savings .box.home .img-card img {
  width:100%;
  object-fit:cover;
  position:absolute;
  bottom:-2rem;
  right:0;
  padding:2rem 4rem;
  -webkit-transition:opacity 5s ease;
  transition:opacity 5s ease
}
.savings .box.home .img-card--alt {
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease
}
.savings .box.home .img-card--alt img {
  width:100%;
  position:absolute;
  bottom:0;
  right:0;
  padding:0
}
.savings .box.home .img-card img.bounce {
  -webkit-animation:bounceIn .5s cubic-bezier(.28,
.84,
.42,
1) forwards;
  animation:bounceIn .5s cubic-bezier(.28,
.84,
.42,
1) forwards
}
.savings .box.home .img-card img.bounce2 {
  -webkit-animation:bounceIn .4s cubic-bezier(.28,
.84,
.42,
1) forwards;
  animation:bounceIn .4s cubic-bezier(.28,
.84,
.42,
1) forwards
}
@-webkit-keyframes bounceIn {
  0% {
  -webkit-transform:translateY(60px);
  transform:translateY(60px)
}
30% {
  -webkit-transform:translateY(-45px);
  transform:translateY(-45px)
}
50% {
  -webkit-transform:translateY(10px);
  transform:translateY(10px)
}
65% {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
80% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px)
}
to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}

}
@keyframes bounceIn {
  0% {
  -webkit-transform:translateY(60px);
  transform:translateY(60px)
}
30% {
  -webkit-transform:translateY(-45px);
  transform:translateY(-45px)
}
50% {
  -webkit-transform:translateY(10px);
  transform:translateY(10px)
}
65% {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
80% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px)
}
to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}

}
.interact .left .content .savings .box.home.active .link,
.interact .left .content .savings .box.home:hover .link,
.savings .box.home.active .interact .left .content .link,
.savings .box.home.active .sub-title,
.savings .box.home.active h5,
.savings .box.home.active p,
.savings .box.home.active svg,
.savings .box.home:hover .interact .left .content .link,
.savings .box.home:hover .sub-title,
.savings .box.home:hover h5,
.savings .box.home:hover p,
.savings .box.home:hover svg {
  -webkit-transition:color .3s ease;
  transition:color .3s ease
}
.savings .box.home.active .svg-path,
.savings .box.home:hover .svg-path {
  stroke:#fff
}
.savings .box.home.active .img-card img,
.savings .box.home:hover .img-card img {
  visibility:visible
}
.savings .box.piggybank.active,
.savings .box.piggybank:hover {
  background-color:#d8f4ff!important
}
.savings .box.safelock.active,
.savings .box.safelock:hover {
  background-color:#ebf4ff!important
}
.savings .box.flexnaira.active,
.savings .box.flexnaira:hover {
  background-color:#fbebff!important
}
.savings .box.flexdollar.active,
.savings .box.flexdollar:hover {
  background-color:#fcfcfc!important
}
.savings .box.targetsavings.active,
.savings .box.targetsavings:hover {
  background-color:#d7ffef!important
}
.savings .box.housemoney.active,
.savings .box.housemoney:hover {
  background-color:#ffedd6!important
}
.savings .box.reset {
  margin-bottom:0!important;
  background:#fff!important
}
.savings .box.reset .sub-title {
  position:absolute;
  top:85%
}
.savings .box.reset .text {
  margin:18px 0 40px!important
}
.interact .left .content .savings .box.reset.piggybank .link,
.savings .box.reset.piggybank .interact .left .content .link,
.savings .box.reset.piggybank .sub-title,
.savings .box.reset.piggybank h5,
.savings .box.reset.piggybank svg {
  color:#0f60d6!important;
  -webkit-transition:color .3s ease;
  transition:color .3s ease
}
.savings .box.reset.piggybank p {
  color:#3d4f60!important
}
.savings .box.reset.piggybank .svg-path {
  stroke:#0f60d6
}
.interact .left .content .savings .box.reset.flex .link,
.savings .box.reset.flex .interact .left .content .link,
.savings .box.reset.flex .sub-title,
.savings .box.reset.flex h5,
.savings .box.reset.flex svg {
  color:#10b259!important;
  -webkit-transition:color .3s ease;
  transition:color .3s ease
}
.savings .box.reset.flex p {
  color:#3d4f60!important
}
.savings .box.reset.flex .svg-path {
  stroke:#10b259
}
.savings .box.reset .img-card img {
  width:100px;
  position:absolute;
  visibility:hidden;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  bottom:0;
  right:-100px
}
.savings.products {
  padding:0 10px 10px;
  border-radius:0;
  background:#060f21
}
.savings.products .box {
  margin-bottom:0!important;
  margin:0
}
.savings.products .products {
  flex-wrap:wrap;
  grid-gap:2rem;
  gap:2rem;
  margin:0 auto
}
.savings.products .products>* {
  flex-grow:1;
  flex-shrink:1;
  flex-basis:calc(50% - 1rem);
  min-width:360px
}
.savings.products .products>:last-child {
  flex:1 1 100%
}
.savings .cards-products {
  min-height:633px;
  padding:30px!important;
  position:relative;
  overflow:hidden;
  height:auto
}
.savings .cards-products.piggybank,
.savings .cards-products.piggybank.active,
.savings .cards-products.piggybank:hover,
.savings .cards-products.safelock,
.savings .cards-products.safelock.active,
.savings .cards-products.safelock:hover {
  background:#f4f8f9!important
}
.savings .cards-products.flexNaira,
.savings .cards-products.flexNaira.active,
.savings .cards-products.flexNaira:hover {
  background:#f8f0f5!important
}
.savings .cards-products.flexDollar,
.savings .cards-products.flexDollar.active,
.savings .cards-products.flexDollar:hover {
  background:#f4f8f9!important
}
.savings .cards-products.housemoney,
.savings .cards-products.housemoney.active,
.savings .cards-products.housemoney:hover {
  background:#fff4ef!important
}
.savings .cards-products .card-content {
  margin:0 auto;
  padding:2rem 0
}
.savings .cards-products .card-content .title {
  font-family:Neue Plak;
  font-weight:900;
  font-style:Extra #000;
  font-size:40px;
  leading-trim:NONE;
  line-height:96%;
  letter-spacing:0;
  color:#4d5562;
  max-width:450px
}
.savings .cards-products .card-content .text {
  font-weight:400;
  font-style:Regular;
  font-size:16px;
  leading-trim:NONE;
  line-height:22px;
  letter-spacing:0;
  color:#757d8a;
  max-width:550px
}
.savings .cards-products .card-content__img-cont img {
  width:400px;
  margin:0 auto;
  position:relative;
  bottom:-4rem
}
.savings .cards-products--0 {
  position:relative
}
.savings .cards-products--0 .card-content img {
  position:absolute;
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.savings .cards-products--1 .card-content__img-cont img {
  margin:0 auto;
  top:-4rem;
  bottom:0;
  padding-bottom:6rem
}
.savings .cards-products--2 .card-content {
  height:100%
}
.savings .cards-products--2 .card-content__img-cont img {
  margin:0 auto;
  top:0;
  bottom:0;
  width:600px
}
.savings .cards-products--2 .card-content__sub-sect {
  margin-top:auto
}
.savings .cards-products--2 .card-content__sub-sect .heading {
  font-weight:800;
  font-size:14px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  text-transform:uppercase;
  border-bottom:1px solid #eee;
  padding:1rem 0;
  margin-bottom:0
}
.savings .cards-products--2 .card-content__sub-sect--listing {
  grid-gap:10px;
  gap:10px;
  padding:.5rem 0;
  border-bottom:1px solid #eee
}
.savings .cards-products--2 .card-content__sub-sect--listing span {
  background-color:#f0f5fc;
  border-radius:50%;
  width:30px;
  height:30px;
  color:#0935d1;
  font-family:Neue Plak;
  font-weight:500;
  font-style:Bold;
  font-size:16px;
  leading-trim:NONE;
  line-height:96%;
  letter-spacing:-3%;
  text-align:center
}
.savings .cards-products.security.cards-products--0 .card-content img {
  right:-51%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:545px
}
.savings .cards-products.security.cards-products--1 .card-content img {
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
  top:2.5rem
}
.investments {
  padding:10rem 16px
}
.investments.two {
  background:#fff
}
.investments.two .text {
  font-size:24px;
  line-height:33px;
  font-weight:400!important;
  margin-top:10px
}
.investments .left img {
  max-width:256px
}
.investments .box {
  background:#7913e5;
  border-radius:30px;
  width:100%;
  max-width:1250px;
  height:500px;
  padding:4rem;
  margin:4rem 0;
  position:relative;
  overflow:hidden
}
.investments .box .title {
  max-width:400px;
  font-size:36px;
  line-height:50px
}
.investments .box .text {
  max-width:278px;
  font-size:20px;
  line-height:28px;
  font-weight:400!important;
  margin-top:2rem;
  color:#fed6f1!important
}
.investments .box img {
  width:437px;
  position:absolute;
  right:4rem
}
.investments .circle {
  z-index:-10;
  top:170px;
  left:-60%
}
@media only screen and (max-width:767px) {
  .investments .circle {
  left:0
}

}
.investments .dot {
  z-index:-10;
  top:30px;
  left:unset;
  right:-55px
}
@media only screen and (max-width:767px) {
  .investments .dot {
  right:150px
}

}
.investments.security {
  padding:40px 16px 100px
}
.interact .left .content .investments.security .link,
.investments.security .interact .left .content .link,
.investments.security .savings .box .sub-title,
.investments.security svg,
.savings .box .investments.security .sub-title {
  position:unset
}
.investments.security a {
  position:relative;
  -webkit-transition:all .2s ease-in;
  transition:all .2s ease-in;
  color:#122231
}
.investments.security a:hover {
  color:#000
}
.investments.security .left .ml-auto {
  margin-right:10px
}
.investments.security .left img {
  max-width:100px!important;
  height:auto;
  width:100px!important
}
.investments.security .left .padlock {
  position:relative;
  width:100px;
  height:100px
}
.investments.security .left .padlock img:first-child {
  position:absolute;
  left:0
}
.investments.security .left .padlock img:last-child {
  width:37px!important;
  height:37px!important;
  left:30px;
  top:29px;
  position:relative;
  z-index:10
}
.investments.security .content {
  margin-top:0!important;
  max-width:700px
}
.investments.security .content h4 {
  font-size:24px;
  line-height:33px
}
.investments.security .content .text {
  max-width:621px;
  font-size:16px;
  line-height:25px
}
.investments.security .security-title {
  font-family:Neue Plak;
  font-weight:900;
  font-size:60px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  width:700px;
  color:#1f2a41
}
.investments.security .link {
  color:#122231;
  background-image:-webkit-gradient(linear,
left top,
left bottom,
color-stop(65%,
transparent),
color-stop(0,
#abb7ca));
  background-image:linear-gradient(180deg,
transparent 65%,
#abb7ca 0);
  grid-gap:10px;
  gap:10px
}
.investments.security .learn-more a {
  background:#fff;
  padding:5px 5px 5px 10px;
  border-radius:30px
}
.investments.short-story {
  background-color:#060f21;
  color:#fff;
  justify-content:space-between;
  padding:10rem 0;
  width:100vw
}
.investments.short-story .main-container .heading {
  color:#fff;
  font-family:Neue Plak;
  font-weight:900;
  font-size:40px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  padding-bottom:1rem
}
.investments.short-story .main-container .text-cont {
  grid-gap:20px;
  gap:20px
}
.investments.short-story .main-container .text-cont p {
  max-width:500px;
  line-height:30px
}
.investments.short-story .main-container .imgz {
  position:absolute;
  width:700px;
  right:0
}
.investments .cc .learn-more {
  margin:20px 0 0;
  position:absolute;
  -webkit-transition:all .2s linear;
  transition:all .2s linear;
  display:flex;
  justify-content:center;
  width:calc(100% - 40px)
}
@media only screen and (min-width:768px) {
  .investments .cc .learn-more {
  bottom:41px;
  width:-webkit-fit-content;
  width:fit-content
}

}
.investments .cc .learn-more a {
  background-size:0 100%;
  background-repeat:no-repeat;
  -webkit-transition:all .2s linear;
  transition:all .2s linear
}
.investments .cc .learn-more a:hover {
  background-image:-webkit-gradient(linear,
left top,
left bottom,
color-stop(65%,
transparent),
color-stop(0,
#abb7ca));
  background-image:linear-gradient(180deg,
transparent 65%,
#abb7ca 0);
  background-size:100% 100%
}
.interact .left .content .investments .cc .link,
.investments .cc .interact .left .content .link,
.investments .cc .savings .box .sub-title,
.investments .cc svg,
.savings .box .investments .cc .sub-title {
  position:unset
}
.investment-new {
  background-color:#060f21;
  position:relative;
  top:-100px;
  padding:15rem 0 20rem;
  color:#fff
}
.investment-new .tag {
  color:#6624cc;
  background-color:#ffb8ff;
  width:-webkit-fit-content;
  width:fit-content
}
.investment-new h1 {
  color:#fff;
  font-family:Neue Plak;
  font-weight:900;
  font-style:Extra #000;
  font-size:64px;
  leading-trim:NONE;
  line-height:70px;
  margin:1rem 0 0
}
.investment-new .description {
  font-weight:400;
  font-style:Regular;
  font-size:16px;
  leading-trim:NONE;
  line-height:26px;
  letter-spacing:2%;
  max-width:500px
}
.investment-new .icon {
  position:relative;
  top:5px
}
.investment-new .cards {
  padding-top:4rem;
  grid-gap:1rem;
  gap:1rem;
  flex-wrap:wrap
}
.investment-new .cards>* {
  flex:1 1 300px;
  max-width:400px
}
.investment-new .cards .content:nth-child(2) .card {
  background-color:#d7ffef;
  padding:0
}
.investment-new .cards .content:nth-child(2) .card img {
  width:100%;
  object-fit:contain
}
.investment-new .cards .content:nth-child(3) .card {
  background-color:#ffc049;
  padding:0 4rem;
  overflow:hidden
}
.investment-new .cards .content:nth-child(3) .card img {
  width:110%;
  object-fit:contain;
  position:relative;
  bottom:-2rem
}
.investment-new .cards .card {
  width:400px;
  height:450px;
  background-color:#7913e5;
  border-radius:30px;
  padding:4rem;
  grid-gap:1rem;
  gap:1rem;
  justify-content:center
}
.investment-new .cards .card img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:10px
}
.investment-new .cards h6 {
  font-weight:600;
  font-style:SemiBold;
  font-size:16px;
  leading-trim:NONE;
  color:#fff;
  padding-top:1rem
}
.investment-new .cards p {
  font-weight:400;
  font-style:Regular;
  font-size:16px;
  leading-trim:NONE;
  line-height:23px;
  max-width:350px
}
.interact .left {
  padding-left:16px;
  padding-right:16px;
  padding-bottom:85px
}
.interact .left .content {
  max-width:460px;
  margin:auto
}
@media only screen and (min-width:768px) {
  .interact .left .content {
  margin-right:29%;
  margin-left:auto
}

}
@media only screen and (min-width:1500px) {
  .interact .left .content {
  margin-right:28%
}

}
@media only screen and (min-width:1700px) {
  .interact .left .content {
  margin-right:25%
}

}
@media only screen and (min-width:2000px) {
  .interact .left .content {
  margin-right:25%
}

}
.interact .left .content h2 {
  color:#fff
}
.interact .left .content .text {
  margin:15px 0 0;
  max-width:450px
}
.interact .left .content .link {
  margin-top:45px!important;
  display:block;
  color:#fff!important;
  width:-webkit-max-content;
  width:max-content;
  font-weight:700;
  background-image:-webkit-gradient(linear,
left top,
left bottom,
color-stop(65%,
transparent),
color-stop(0,
hsla(0,
0%,
100%,
.4235294118)));
  background-image:linear-gradient(180deg,
transparent 65%,
hsla(0,
0%,
100%,
.4235294118) 0)
}
.interact .left .content .link:visited {
  color:inherit
}
@media only screen and (min-width:1024px) {
  .interact .left .content .bg-purple {
  width:600px!important
}

}
.interact .left .content .bg-green {
  font-size:37px!important;
  line-height:54.1px!important
}
@media only screen and (min-width:1024px) {
  .interact .left .content .bg-green {
  width:570px!important
}

}
.interact .link,
.investments .link {
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  background-repeat:no-repeat;
  background-size:0 100%
}
@media only screen and (min-width:993px) {
  .interact .link:hover,
.investments .link:hover {
  background-size:100% 100%
}

}
.customers {
  padding:100px 16px
}
.customers .content {
  max-width:420px
}
.customers .content .text {
  margin:13px 0 38px
}
.customers .content a:visited {
  color:inherit
}
.customers .content .stacked-images {
  margin:2rem 0
}
.customers .content .stacked-images img {
  width:70px;
  height:70px;
  object-fit:cover;
  border-radius:50%;
  border:4px solid #fff;
  cursor:pointer;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  z-index:1
}
.customers .content .stacked-images img:hover {
  z-index:12;
  border:4px solid #f5f5f5
}
.customers .content .stacked-images span {
  background-color:#fff;
  border-radius:50%;
  padding:14px 12px;
  border:4px solid #fff;
  position:relative;
  z-index:10;
  margin-left:-20px
}
.customers .content .head {
  width:500px;
  font-weight:700
}
.customers .content .download-btn-full {
  margin-top:25px
}
.customers .stories-single img {
  max-width:440px!important
}
.customers .left {
  flex:0 0 43%
}
.customers .testimonials {
  height:400px;
  margin:0;
  overflow-y:hidden;
  position:relative;
  border:solid #122231;
  border-width:10px 10px 0;
  border-radius:50px 50px 0 0;
  width:450px
}
.customers .testimonials:after,
.customers .testimonials:before {
  background:-webkit-gradient(linear,
left top,
left bottom,
from(#fff),
to(hsla(0,
0%,
100%,
0)));
  background:linear-gradient(180deg,
#fff 0,
hsla(0,
0%,
100%,
0));
  content:"";
  height:50px;
  position:absolute;
  width:100%;
  z-index:2
}
.customers .testimonials:after {
  left:0;
  bottom:0;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.customers .testimonials:before {
  left:0;
  top:0
}
.customers .testimonials .box {
  max-width:100%;
  background:#fff;
  padding:11px 17px 24px 18px;
  margin:0 20px 15px!important;
  border-radius:20px;
  width:unset
}
.customers .testimonials .box .clear-right small {
  display:none
}
.customers .testimonials .box small {
  font-size:12px;
  float:right;
  color:#727272
}
.customers .testimonials .box img {
  border-radius:50px;
  object-fit:cover;
  margin:5px 15px 0 0;
  height:35px
}
.customers .testimonials .box p {
  font-size:12px;
  line-height:20px
}
.customers .fallback--image {
  width:450px
}
.customers-new {
  background-color:#f2f7f8;
  width:100vw;
  padding:10rem 0
}
.customers-new h1 {
  font-family:Neue Plak;
  font-weight:900;
  font-size:48px;
  leading-trim:NONE;
  line-height:110%;
  letter-spacing:-3%;
  max-width:700px;
  color:#060f21
}
.customers-new .cards-container {
  padding-top:4rem;
  grid-gap:2rem;
  gap:2rem;
  flex-wrap:wrap;
  justify-content:center
}
.customers-new .cards-container>* {
  flex:1 1 300px;
  max-width:400px
}
.customers-new .cards-container .card {
  width:300px;
  border-radius:30px;
  background-color:#fff;
  padding:2rem
}
.customers-new .cards-container .card-text {
  font-weight:400;
  font-size:17px;
  line-height:25px;
  letter-spacing:-3%;
  text-align:justify
}
.customers-new .cards-container .head img {
  width:50px;
  height:50px;
  object-fit:cover;
  border-radius:50%;
  border:4px solid #fff;
  cursor:pointer;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  z-index:1;
  position:relative;
  left:-5px;
  margin-bottom:10px
}
.customers-new .cards-container .foot {
  padding-top:1rem;
  grid-gap:5px;
  gap:5px
}
.customers-new .cards-container .foot .hyp {
  position:relative;
  top:-3px
}
.customers-new .cards-container .foot p {
  font-family:Neue Plak;
  font-weight:800;
  font-style:#000;
  font-size:16px;
  leading-trim:NONE;
  line-height:100%;
  letter-spacing:-3%;
  color:#000
}
.customers-new .cards-container .foot small {
  font-weight:400;
  font-style:Regular;
  font-size:14px;
  leading-trim:CAP_HEIGHT;
  line-height:100%;
  letter-spacing:-3%
}
.alt-cards {
  padding:120px 16px 0
}
@media only screen and (max-width:992px) {
  .alt-cards {
  padding-top:100px
}
.alt-cards .main-row>.col-md-4:last-of-type .box {
  margin-bottom:0!important
}

}
.alt-cards .main-row>.col-md-4 {
  margin:auto;
  text-align:center
}
@media only screen and (min-width:993px) {
  .alt-cards .main-row>.col-md-4:hover .box,
.alt-cards .main-row>.col-md-4:hover img {
  -webkit-box-shadow:0 0 10px 5px #e7e7e7;
  box-shadow:0 0 10px 5px #e7e7e7
}

}
.alt-cards img {
  object-fit:cover;
  height:110px!important;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  z-index:100
}
.alt-cards .box,
.alt-cards img {
  position:relative;
  max-width:360px;
  -webkit-transition:-webkit-box-shadow .3s;
  transition:-webkit-box-shadow .3s;
  transition:box-shadow .3s;
  transition:box-shadow .3s,
-webkit-box-shadow .3s
}
.alt-cards .box {
  width:360px;
  background:#fff;
  cursor:pointer;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  text-align:left!important;
  padding:30px 15px 30px 30px;
  top:-8px;
  margin-left:auto!important;
  margin-right:auto!important
}
@media only screen and (max-width:767px) {
  .alt-cards .box {
  padding:30px!important
}

}
@media only screen and (max-width:992px) {
  .alt-cards .box .item-row .col-auto,
.alt-cards .box .row>.col-md-6 {
  width:50%!important
}

}
.alt-cards .box .title {
  max-width:290px
}
@media only screen and (min-width:993px) {
  .alt-cards .box .title {
  min-height:50px
}

}
.alt-cards .box p,
.alt-cards .box small {
  color:#3d4f60
}
.alt-cards .box p {
  line-height:10px
}
.alt-cards .box .tag {
  padding:15px 22px!important
}
.alt-cards .box .row {
  margin-right:0
}
@media only screen and (max-width:1024px) {
  .alt-cards .box .row {
  margin-left:-15px;
  margin-right:-15px
}

}
.alt-cards.single-card {
  padding-top:60px
}
.alt-cards.single-card .box {
  border-radius:20px;
  width:100%;
  max-width:100%
}
.alt-cards.single-card .box .row {
  justify-content:space-between
}
.alt-cards.single-card .box .row small {
  color:#878c96
}
.alt-cards.single-card .box .progress-container span {
  color:#14b259
}
.alt-cards.single-card .payout h5 {
  font-family:Neue Plak;
  font-weight:400;
  font-size:24px;
  line-height:100%;
  letter-spacing:1%;
  text-align:center
}
.alt-cards.single-card .payout p {
  font-family:Plus Jakarta Sans;
  font-weight:500;
  font-size:12px;
  line-height:100%;
  letter-spacing:1%
}
.alt-cards.single-card .box-cont {
  width:100%
}
.stories {
  background-color:#060f21;
  padding:10rem 0
}
.stories .row {
  justify-content:center;
  grid-gap:3rem;
  gap:3rem
}
.stories .box {
  position:relative;
  margin:0!important;
  min-height:345px;
  padding:30px 29px 20px;
  border-radius:20px;
  background:#fff
}
.stories .box:hover {
  -webkit-box-shadow:0 0 10px 5px #141322;
  box-shadow:0 0 10px 5px #141322;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.stories .box img {
  border-radius:100px;
  object-fit:cover
}
.stories .box p {
  overflow:hidden;
  color:#353535!important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}
.stories .box small {
  color:#888;
  font-size:12.82px;
  position:absolute;
  bottom:0;
  padding:20px 0
}
@media only screen and (max-width:992px) {
  .stories .box small {
  left:0!important;
  width:100%
}

}
.stories .link {
  display:block!important;
  width:max-width;
  margin-top:10px;
  font-size:22px!important;
  text-align:center!important;
  -webkit-transition:color 1s;
  transition:color 1s
}
.stories .link:visited {
  color:#122231
}
@media only screen and (min-width:993px) {
  .stories .link:hover {
  color:#1734ca
}

}
.termsprivacy-container {
  background-color:#060f21;
  color:#fff
}
.termsprivacy {
  padding-bottom:100px
}
@media only screen and (max-width:1200px) {
  .termsprivacy {
  padding-left:30px;
  padding-right:30px
}

}
.termsprivacy.privacy hr:first-of-type {
  margin-top:0!important
}
.termsprivacy hr {
  border:0;
  border-top:1px solid rgba(132,
149,
177,
.3);
  margin:90px 0
}
.termsprivacy h2,
.termsprivacy h3 {
  margin-bottom:40px
}
.termsprivacy h6 {
  font-size:16px;
  margin-bottom:10px
}
.termsprivacy p {
  text-align:justify;
  margin-bottom:30px
}
.termsprivacy ul {
  list-style-type:disc!important;
  padding-left:40px
}
.termsprivacy ul li {
  display:list-item;
  list-style-type:disc!important
}
.termsprivacy ul li strong {
  color:#fff!important
}
.termsprivacy ul:last-of-type li:last-of-type {
  margin-bottom:40px
}
.termsprivacy ol,
.termsprivacy ul {
  margin-top:-15px
}
.termsprivacy ol li,
.termsprivacy ul li {
  padding-bottom:10px
}
.termsprivacy a {
  color:#1734ca
}
.safety-guides {
  padding-top:90px;
  background-color:#121b2d
}
.safety-guides .container {
  grid-gap:1rem;
  gap:1rem;
  padding:4rem 0;
  justify-content:space-between
}
.safety-guides .container img {
  width:50px;
  height:50px;
  position:relative;
  top:-3px
}
.safety-guides .container .det {
  grid-gap:1rem;
  gap:1rem
}
.safety-guides .container .heading {
  font-family:Neue Plak;
  font-weight:900;
  font-size:50px;
  line-height:96%;
  letter-spacing:-3%;
  color:#fff;
  text-transform:capitalize
}
.safety-guides .head {
  text-align:center;
  max-width:870px;
  margin:0 auto;
  padding-bottom:2rem
}
.safety-guides .head h2 {
  font-family:Neue Plak;
  font-weight:700;
  font-size:24px;
  line-height:140%;
  color:#8495b1
}
.safety-guides .body {
  background:#060f21;
  padding:50px 0;
  border-radius:24px 24px 0 0
}
.safety-guides .body .container {
  max-width:900px;
  margin:0 auto;
  padding:0 20px
}
.safety-guides .body .accordion,
.safety-guides .body .faq-content,
.safety-guides .body .row {
  width:100%
}
.safety-guides .body .intro-section {
  margin:0 auto 40px;
  padding:0
}
.safety-guides .body .intro-section h2 {
  color:#d0d0d0;
  font-size:25px;
  line-height:140%;
  padding-bottom:10px
}
.safety-guides .body .intro-section p {
  color:#d0d0d0;
  font-size:16px;
  line-height:28px;
  margin:20px 0;
  text-align:justify
}
.safety-guides .body .safety-highlight {
  background:rgba(16,
178,
89,
.08);
  border-left:4px solid #10b259;
  border-radius:0 12px 12px 0;
  padding:24px 28px;
  margin:24px 0
}
.safety-guides .body .safety-highlight p {
  color:#e0e0e0;
  font-size:15px;
  line-height:26px;
  margin-bottom:12px
}
.safety-guides .body .safety-highlight p:last-child {
  margin-bottom:0
}
.safety-guides .body .safety-sections h3 {
  color:#fff;
  font-size:20px;
  line-height:140%;
  padding-bottom:10px;
  margin-top:20px
}
.safety-guides .body .safety-section-content {
  padding:10px 0;
  width:100%
}
.safety-guides .body .safety-section-content p {
  color:#d0d0d0;
  font-size:15px;
  line-height:26px;
  margin-bottom:16px;
  text-align:justify
}
.safety-guides .body .safety-numbered-item {
  background-color:#121b2d;
  border-radius:12px;
  padding:16px 21px;
  margin-bottom:16px
}
.safety-guides .body .safety-numbered-item h5 {
  margin-bottom:8px;
  font-weight:800;
  font-size:16px;
  line-height:24px;
  color:#fff
}
.safety-guides .body .safety-numbered-item p {
  color:#d0d0d0;
  font-size:15px;
  line-height:25px;
  margin-bottom:10px
}
.safety-guides .body .safety-numbered-item p:last-child {
  margin-bottom:0
}
.safety-guides .body .safety-callout {
  background:rgba(15,
96,
214,
.1);
  border-left:4px solid #0f60d6;
  border-radius:0 12px 12px 0;
  padding:20px 24px;
  margin:16px 0
}
.safety-guides .body .safety-callout p {
  color:#e0e0e0;
  font-size:15px;
  line-height:25px;
  margin-bottom:8px
}
.safety-guides .body .safety-callout p:last-child {
  margin-bottom:0
}
.safety-guides .body .safety-callout p strong {
  color:#fff
}
.faq {
  padding-top:90px;
  background-color:#121b2d
}
.faq .container {
  grid-gap:1rem;
  gap:1rem;
  padding:4rem 0;
  justify-content:space-between
}
.faq .container img {
  width:50px;
  height:50px
}
.faq .container .heading {
  font-family:Neue Plak;
  font-weight:900;
  font-style:Extra #000;
  font-size:50px;
  leading-trim:NONE;
  line-height:96%;
  letter-spacing:-3%;
  color:#fff;
  text-transform:capitalize
}
.faq .head {
  text-align:center;
  width:600px
}
.faq .head input {
  background:#060f21;
  border:.5px solid #fff;
  border-radius:25px;
  width:100%;
  height:50px;
  font-size:16px;
  outline:none;
  padding-left:25px;
  color:#8495b1
}
.faq .head input::-webkit-input-placeholder {
  font-size:16px;
  font-family:Jakarta,
sans-serif;
  color:rgba(132,
149,
177,
.3607843137)
}
.faq .head input:-ms-input-placeholder {
  font-size:16px;
  font-family:Jakarta,
sans-serif;
  color:rgba(132,
149,
177,
.3607843137)
}
.faq .head input::placeholder {
  font-size:16px;
  font-family:Jakarta,
sans-serif;
  color:rgba(132,
149,
177,
.3607843137)
}
.faq .head .search-list {
  position:absolute;
  z-index:100;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  padding:10px 0;
  width:100%;
  background-color:#fff;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px
}
.faq .head .search-list li {
  display:block;
  text-align:left;
  padding:10px 20px;
  cursor:pointer;
  -webkit-transition:.2s;
  transition:.2s
}
.faq .head .search-list li.no-result {
  text-align:center!important
}
.faq .head .search-list li.no-result:hover {
  background-color:transparent!important
}
@media only screen and (min-width:993px) {
  .faq .head .search-list li:hover {
  background-color:#f0f0f0
}

}
.faq .body {
  background:#060f21;
  padding:50px 0;
  border-radius:24px 24px 0 0
}
@media only screen and (min-width:992px) {
  .faq .body .left {
  position:relative;
  width:100%;
  flex:0 0 27.5%;
  max-width:0 0 27.5%;
  font-family:Jakarta;
  color:#122231;
  padding:20px;
  background:#fefefe;
  border:1px solid rgba(132,
149,
177,
.3);
  border-radius:10px
}

}
.faq .body .left ul {
  position:sticky;
  top:100px;
  height:auto;
  overflow:scroll;
  align-self:flex-start
}
.faq .body .left ul li {
  display:block;
  cursor:pointer;
  padding:15px 0;
  border-radius:10px;
  -webkit-transition:padding-left .5s,
color .2s,
background-color .1s;
  transition:padding-left .5s,
color .2s,
background-color .1s
}
.faq .body .left ul li a {
  color:inherit
}
@media only screen and (min-width:993px) {
  .faq .body .left ul li:hover {
  background-color:#ededee;
  padding-left:20px;
  font-weight:700
}

}
@media only screen and (min-width:992px) {
  .faq .body .faq-content {
  position:relative;
  width:100%
}

}
.accordion {
  color:#fff;
  padding-left:20px
}
.accordion .accordion__button {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none
}
.accordion .accordion__button>div {
  display:flex;
  width:100%;
  justify-content:space-between;
  border-bottom:1px solid rgba(132,
149,
177,
.3);
  cursor:pointer;
  margin-top:10px;
  padding:10px 0
}
.accordion .accordion__button h3 {
  color:#828790;
  font-family:Neue Plak;
  font-weight:900;
  font-style:Extra #000;
  font-size:16px;
  leading-trim:CAP_HEIGHT;
  line-height:100%;
  letter-spacing:0;
  text-transform:uppercase
}
.accordion .accordion__button h3.actve {
  color:#fff
}
.accordion .accordion__button .interact .left .content .link,
.accordion .accordion__button .savings .box .sub-title,
.accordion .accordion__button svg,
.interact .left .content .accordion .accordion__button .link,
.savings .box .accordion .accordion__button .sub-title {
  position:relative;
  width:30px;
  height:30px;
  vertical-align:middle;
  color:#122231;
  -webkit-transition:all .2s ease;
  transition:all .2s ease
}
.accordion .accordion__button .interact .left .content .actve.link,
.accordion .accordion__button .savings .box .actve.sub-title,
.accordion .accordion__button svg.actve,
.interact .left .content .accordion .accordion__button .actve.link,
.savings .box .accordion .accordion__button .actve.sub-title {
  color:#fff
}
.accordion .accordion__panel {
  padding:30px 0
}
.accordion .accordion__panel>li {
  list-style-type:none;
  margin-bottom:35px;
  width:1312;
  height:87;
  border-radius:12px;
  padding:12px 12px 16px 21px;
  grid-gap:8px;
  gap:8px;
  angle:0 deg;
  background-color:#121b2d
}
.accordion .accordion__panel>li h5 {
  margin-bottom:5px;
  font-weight:800;
  font-size:16px;
  leading-trim:NONE;
  line-height:24px;
  letter-spacing:-2%;
  color:#fff
}
.accordion .accordion__panel>li p {
  color:#d0d0d0;
  font-weight:400;
  font-style:Regular;
  font-size:15px;
  leading-trim:NONE;
  line-height:25px
}
.item-page {
  padding:85px 16px 0
}
.item-page hr {
  margin-bottom:0;
  border-top:1px solid rgba(132,
149,
177,
.22)
}
.item-page .info {
  max-width:750px;
  margin:auto;
  border:1px solid rgba(132,
149,
177,
.42);
  border-top:0;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  padding:55px 55px 35px
}
@media only screen and (min-width:993px) {
  .interact .left .content .item-page .info h4:hover .link,
.item-page .info h4:hover .interact .left .content .link,
.item-page .info h4:hover .savings .box .sub-title,
.item-page .info h4:hover svg,
.savings .box .item-page .info h4:hover .sub-title {
  margin-left:10px
}

}
.interact .left .content .item-page .info h4 .link,
.item-page .info h4 .interact .left .content .link,
.item-page .info h4 .savings .box .sub-title,
.item-page .info h4 svg,
.savings .box .item-page .info h4 .sub-title {
  position:relative;
  top:-8px;
  margin-right:20px;
  margin-left:3px;
  -webkit-transition:margin-left .2s ease-out;
  transition:margin-left .2s ease-out
}
.item-page .info .bg-image {
  margin-top:45px;
  width:100%;
  object-fit:cover;
  border-radius:12px
}
.item-page .info .profile {
  border:2px solid #fff;
  background-color:#fff;
  position:absolute;
  bottom:-60px;
  left:15px;
  max-width:160px;
  border-radius:12px
}
@media only screen and (max-width:992px) {
  .item-page .info .profile {
  max-width:100px;
  left:50%;
  bottom:-35px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}

}
.item-page .info .verified {
  margin-bottom:55px;
  text-align:right;
  margin-top:5px
}
.item-page .info .verified p {
  font-size:11.5px;
  margin-right:15px
}
@media only screen and (max-width:992px) {
  .item-page .info .verified {
  justify-content:center!important;
  margin-top:60px;
  margin-bottom:45px
}

}
.item-page .info .more-info {
  padding-left:15px;
  padding-right:15px
}
.item-page .info .more-info small {
  font-size:12px;
  color:#60708a;
  top:-5px
}
.item-page .info .more-info h5 {
  font-size:22px
}
.item-page .info .more-info .box {
  margin-top:20px;
  background:rgba(197,
206,
220,
.2);
  padding:13px 13px 3px;
  border-radius:5px
}
.item-page .info .more-info .box h6 {
  font-size:16px
}
.item-page .info .more-info .box small {
  position:relative;
  top:-8px
}
.item-page.join-target .payout {
  grid-gap:10px;
  gap:10px;
  margin-bottom:40px
}
.item-page.join-target .payout h5 {
  font-family:Neue Plak;
  font-weight:700;
  font-size:30px;
  line-height:100%;
  letter-spacing:1%;
  text-align:center
}
.item-page.join-target .payout p {
  font-family:Jakarta;
  font-weight:500;
  font-size:13px;
  line-height:100%;
  letter-spacing:1%
}
.item-page.join-target .info .more-info .box {
  background:#fff
}
.item-page.join-target .info .more-info .about-about {
  border:2px solid #10b259;
  color:#10b259!important
}
.user-story {
  padding:85px 16px 0;
  text-align:center
}
.user-story.stories {
  padding-bottom:0!important
}
.user-story hr {
  padding-bottom:2rem;
  width:100%;
  border:none;
  border-top:1px solid rgba(132,
149,
177,
.22)
}
.user-story .btn {
  display:inline-block;
  margin-top:30px
}
.user-story .box {
  margin:100px auto 0;
  min-width:50%!important;
  max-width:607px!important;
  border-radius:18px!important
}
@media only screen and (min-width:993px) {
  .user-story .box {
  padding:40px 67px 40px 30px;
  min-height:100%;
  text-align:left
}

}
@media only screen and (max-width:767px) {
  .user-story .box {
  text-align:center
}
.user-story .box p {
  text-align:justify
}

}
.user-story .box p {
  font-size:22px;
  margin-bottom:80px;
  line-height:36.27px;
  overflow:visible;
  display:block
}
.user-story .box small {
  font-size:17px;
  padding:30px 0
}
.blog-container {
  max-width:955px;
  margin:auto;
  padding-left:16px;
  padding-right:16px
}
.blog-container p {
  font-weight:500;
  color:#122231
}
.blog-container .blog-header {
  padding-top:150px;
  padding-bottom:100px
}
.blog-container .blog-header img {
  max-width:609px
}
.blog-container .blog-header h5 {
  font-size:22px!important
}
.blog-container .blog-header h6,
.blog-container .blog-header p,
.blog-container .blog-header small {
  font-size:13px!important
}
.blog-container .blog-header h6 {
  margin-bottom:8px
}
.blog-container .blog-header p {
  max-width:210px;
  line-height:18px
}
.blog-container .blog-header .latest .title-section {
  background-color:#f9f9f9;
  padding:10px 30px 45px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  position:relative;
  top:-7px
}
.blog-container .blog-header .latest .title-section small {
  font-weight:500
}
.blog-container .blog-posts h6 {
  font-size:13px;
  margin-bottom:8px
}
.blog-container .blog-posts p {
  font-size:14.6px;
  line-height:20px
}
.blog-container .blog-btn {
  border:1px solid #a6a4b2;
  border-radius:10px;
  width:100%;
  max-width:420px;
  padding:11px;
  display:block;
  text-align:center;
  margin:auto
}
.blog-container .cta {
  margin-top:90px;
  margin-bottom:90px;
  background-color:#0f60d6;
  border-radius:18px
}
@media only screen and (max-width:992px) {
  .blog-container .cta .cta-logo {
  margin-top:40px
}

}
.blog-container .cta h3 {
  font-size:41px;
  color:#fff;
  max-width:360px;
  line-height:55px
}
@media only screen and (max-width:992px) {
  .blog-container .cta h3 {
  margin-bottom:20px
}

}
.blog-container .cta .cta-image {
  max-width:306.2px;
  bottom:0
}
.blog-container .cta .mobile {
  display:none
}
@media only screen and (max-width:992px) {
  .blog-container .cta .mobile {
  display:block
}
.blog-container .cta .mobile .cta-image {
  padding:0 32px;
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.blog-container .cta .desktop {
  display:none
}

}
.blog-container .cta .download-btn-full {
  border:0!important;
  margin-top:0!important;
  padding:9px 16px 9px 12px!important;
  background-color:#0b53bb;
  color:#fff!important
}
.blog-container .cta .download-btn-full:first-child {
  margin-right:8px
}
.blog-container .cta .download-btn-full:first-child img {
  top:3.5px
}
@media only screen and (max-width:357px) {
  .blog-container .cta .download-btn-full:first-child {
  margin-right:0!important
}

}
@media only screen and (max-width:992px) {
  .blog-container .cta .download-btn-full {
  margin-bottom:10px
}
.security-types {
  padding-top:70px!important
}

}
@media only screen and (min-width:993px) {
  .security-types .bg-none .col-md-6:first-child {
  order:1
}

}
.security-types .container {
  padding:0 16px
}
.security-types .container .row {
  padding-top:70px;
  padding-bottom:70px
}
.alt-cards .security-types .container .row img.col-md-6,
.blog-container .blog-header .security-types .container .row img.col-md-6,
.blog-container .cta .security-types .container .row .col-md-6.cta-image,
.customers .stories-single .security-types .container .row img.col-md-6,
.investments .left .security-types .container .row img.col-md-6,
.not-found .security-types .container .row img.col-md-6,
.security-types .container .row .alt-cards img.col-md-6,
.security-types .container .row .blog-container .blog-header img.col-md-6,
.security-types .container .row .blog-container .cta .col-md-6.cta-image,
.security-types .container .row .col-md-6.img,
.security-types .container .row .customers .stories-single img.col-md-6,
.security-types .container .row .investments .left img.col-md-6,
.security-types .container .row .not-found img.col-md-6 {
  display:flex;
  justify-content:center
}
.alt-cards .security-types .container .row img.col-md-6 img,
.blog-container .blog-header .security-types .container .row img.col-md-6 img,
.blog-container .cta .security-types .container .row .col-md-6.cta-image img,
.customers .stories-single .security-types .container .row img.col-md-6 img,
.investments .left .security-types .container .row img.col-md-6 img,
.not-found .security-types .container .row img.col-md-6 img,
.security-types .container .row .alt-cards img.col-md-6 img,
.security-types .container .row .blog-container .blog-header img.col-md-6 img,
.security-types .container .row .blog-container .cta .col-md-6.cta-image img,
.security-types .container .row .col-md-6.img img,
.security-types .container .row .customers .stories-single img.col-md-6 img,
.security-types .container .row .investments .left img.col-md-6 img,
.security-types .container .row .not-found img.col-md-6 img {
  width:70%
}
@media only screen and (max-width:992px) {
  .alt-cards .security-types .container .row img.col-md-6,
.blog-container .blog-header .security-types .container .row img.col-md-6,
.blog-container .cta .security-types .container .row .col-md-6.cta-image,
.customers .stories-single .security-types .container .row img.col-md-6,
.investments .left .security-types .container .row img.col-md-6,
.not-found .security-types .container .row img.col-md-6,
.security-types .container .row .alt-cards img.col-md-6,
.security-types .container .row .blog-container .blog-header img.col-md-6,
.security-types .container .row .blog-container .cta .col-md-6.cta-image,
.security-types .container .row .col-md-6.img,
.security-types .container .row .customers .stories-single img.col-md-6,
.security-types .container .row .investments .left img.col-md-6,
.security-types .container .row .not-found img.col-md-6 {
  margin-bottom:50px
}

}
.security-types .container .row .col-md-6 h2 {
  margin-bottom:20px
}
.security-types .container .row .col-md-6 p {
  line-height:30px;
  text-align:justify
}
.home-saver {
  max-width:811px;
  margin:0 auto;
  text-align:center;
  letter-spacing:-.03em;
  padding:10rem 0 4rem;
  position:relative
}
.home-saver h2 {
  font-size:48px
}
.home-saver p {
  font-size:24px;
  line-height:33px;
  font-weight:400!important;
  margin-top:10px
}
.home-saver__img {
  margin-top:80px;
  position:relative
}
.home-saver__img>iframe {
  object-fit:cover;
  width:100%;
  border:10px solid #fff;
  border-radius:24px;
  min-height:465px;
  margin-bottom:2rem
}
.home-saver .btn {
  max-height:48px;
  padding:13px 26px;
  display:flex;
  align-items:center;
  position:absolute;
  bottom:-18px;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}
@media only screen and (min-width:993px) {
  .home-saver .btn:hover {
  bottom:-10px;
  background:#000
}

}
.home-saver span {
  visibility:hidden
}
.home-saver-new {
  position:relative;
  top:-6rem
}
.home-saver-new .player-box {
  position:relative;
  width:1000px;
  margin:-10rem auto 0;
  padding-bottom:3rem
}
.home-saver-new .player-box iframe {
  object-fit:cover;
  width:100%;
  border:7px solid #e7e7e7;
  border-radius:24px;
  min-height:465px;
  height:565px;
  margin-bottom:2rem;
  position:relative;
  z-index:10;
  background-color:#000
}
.home-saver-new .player-box img {
  z-index:9;
  width:220px;
  position:absolute
}
.home-saver-new .player-box .img--1 {
  left:-174px;
  top:16rem;
  width:320px
}
.home-saver-new .player-box .img--2 {
  right:-8rem;
  top:26rem;
  width:280px
}
.home-saver-new .player-box .img--3 {
  right:-3.7rem;
  top:36px;
  z-index:11;
  width:130px
}
.home-saver-new .player-box .iframe-placeholder {
  object-fit:cover;
  width:101%;
  border-radius:24px;
  height:465px;
  margin-bottom:2rem;
  position:relative;
  z-index:10;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  border:7px solid #e7e7e7
}
.home-saver-new .player-box--cont {
  position:relative;
  width:900px
}
.home-saver-new .player-box--cont:hover {
  cursor:pointer
}
.home-saver-new .player-box--cont {
  -webkit-filter:blur(0) brightness(.7);
  filter:blur(0) brightness(.7)
}
.home-saver-new .player-box .play-button {
  position:absolute;
  z-index:20;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,
-50%);
  transform:translate(-50%,
-50%);
  width:200px;
  height:80px;
  border-radius:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  object-fit:unset;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.home-saver-new h1 {
  font-weight:900;
  font-style:Extra #000;
  font-size:48px;
  line-height:100%;
  margin-top:2rem;
  font-family:Neue Plak
}
.home-saver-new h1,
.home-saver-new p {
  leading-trim:NONE;
  letter-spacing:-3%;
  text-align:center
}
.home-saver-new p {
  font-weight:400;
  font-style:Regular;
  font-size:16px;
  line-height:26px;
  width:550px
}
.ndpr {
  border-radius:5px
}
.card-box {
  height:900px;
  background-color:#060f21
}
.card-box .card {
  width:100%;
  height:450px;
  border-radius:30px;
  grid-gap:1rem;
  gap:1rem;
  justify-content:center;
  border:2px dashed #314161;
  padding:1rem
}
.card-box .card--content {
  background-color:#fff;
  border-radius:20px;
  height:100%;
  align-items:center;
  padding-right:3rem;
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,
-webkit-transform .3s ease
}
.card-box .card--content:hover {
  -webkit-animation:shake-dangle .4s ease-in-out;
  animation:shake-dangle .4s ease-in-out;
  -webkit-transform:rotate(-.9deg);
  transform:rotate(-.9deg)
}
@-webkit-keyframes shake-dangle {
  0% {
  -webkit-transform:rotate(-.5deg);
  transform:rotate(-.5deg)
}
25% {
  -webkit-transform:rotate(-.9deg);
  transform:rotate(-.9deg)
}
50% {
  -webkit-transform:rotate(-.2deg);
  transform:rotate(-.2deg)
}
75% {
  -webkit-transform:rotate(-.7deg);
  transform:rotate(-.7deg)
}
to {
  -webkit-transform:rotate(-.9deg);
  transform:rotate(-.9deg)
}

}
@keyframes shake-dangle {
  0% {
  -webkit-transform:rotate(-.5deg);
  transform:rotate(-.5deg)
}
25% {
  -webkit-transform:rotate(-.9deg);
  transform:rotate(-.9deg)
}
50% {
  -webkit-transform:rotate(-.2deg);
  transform:rotate(-.2deg)
}
75% {
  -webkit-transform:rotate(-.7deg);
  transform:rotate(-.7deg)
}
to {
  -webkit-transform:rotate(-.9deg);
  transform:rotate(-.9deg)
}

}
.card-box .card--content img {
  height:230px;
  object-fit:cover
}
.card-box .card--content-title {
  font-family:Neue Plak;
  font-weight:900;
  font-size:50px;
  leading-trim:NONE;
  line-height:96%;
  letter-spacing:-3%;
  color:#060f21;
  white-space:pre-line
}
.card-box .card--content-description {
  font-weight:400;
  font-size:16px;
  leading-trim:NONE;
  line-height:25px;
  letter-spacing:-3%;
  max-width:500px;
  padding:1rem 0
}
.card-box .card--content .btn {
  width:-webkit-fit-content;
  width:fit-content;
  grid-gap:10px;
  gap:10px
}
.card-box .card--content .card--content--1-imageOpnHouse {
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center
}
.card-box .card--content .card--content--1-imageOpnHouse img {
  width:100%;
  height:auto;
  object-fit:contain
}
@media only screen and (max-width:1200px) {
  .header-home .container {
  height:unset;
  justify-content:center
}
.header-home .container .section--1 {
  padding-bottom:100px
}
.header-home .container .main {
  justify-content:space-between;
  flex-direction:column;
  grid-gap:5rem;
  gap:5rem
}
.investment-new .cards {
  padding-top:5rem;
  grid-gap:6rem;
  gap:6rem;
  justify-content:center
}
.header-home .container h1 {
  text-align:center
}
.header-home .container .imgs .headerImg {
  width:85vw;
  max-width:90vw;
  min-height:unset;
  height:auto;
  object-fit:cover;
  border-radius:30px!important
}
.header-home .container .imgs {
  display:flex;
  justify-content:center;
  width:100vw;
  max-width:100vw
}
.investments.security .container {
  flex-direction:column;
  align-items:center;
  grid-gap:2rem;
  gap:2rem;
  max-width:85vw
}
.investment-new .container {
  max-width:90vw;
  display:flex;
  flex-direction:column;
  align-items:center
}
.investment-new h1 {
  line-height:50px;
  padding:1.5rem 0
}
.home-saver-new .player-box {
  width:90vw
}
.card-box .card--content {
  max-width:700px;
  flex-direction:column;
  background-color:#fff;
  border-radius:20px;
  height:100%;
  align-items:center;
  padding:4rem 0;
  width:100%;
  grid-gap:3rem;
  gap:3rem
}
.card-box .card--content img {
  height:auto;
  object-fit:cover;
  width:100%
}
.card-box .card {
  width:90%;
  height:-webkit-fit-content;
  height:fit-content;
  border-radius:30px;
  grid-gap:1rem;
  gap:1rem;
  padding:.5rem;
  max-width:700px
}
.card-box .card--content-description {
  max-width:600px;
  text-align:center;
  margin:0 auto
}
.card-box .card--content-title {
  font-size:45px;
  line-height:119%;
  letter-spacing:-3%;
  color:#060f21;
  text-align:center
}
.card-box .btn {
  display:block;
  margin:auto;
  width:-webkit-fit-content;
  width:fit-content;
  min-width:120px;
  color:#fff!important;
  padding:10px 15px
}
.card-box .interact .left .content .link,
.card-box .savings .box .sub-title,
.card-box svg,
.interact .left .content .card-box .link,
.savings .box .card-box .sub-title {
  position:relative;
  top:-4px;
  margin-right:9px;
  margin-left:11px
}
.customers-new .cards-container {
  grid-gap:2rem;
  gap:2rem;
  max-width:90vw;
  justify-content:center;
  margin:0 auto
}
.customers-new h1 {
  margin:auto;
  text-align:center
}
.header.product .row {
  flex-direction:column;
  grid-gap:7rem;
  gap:7rem;
  align-items:center
}
.header .text {
  text-align:center
}
.featured-new .content {
  max-width:85vw
}
.savings .content {
  color:#122231;
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:center
}
.header .product .row {
  justify-content:space-between;
  flex-direction:column;
  grid-gap:5rem;
  gap:5rem;
  padding:0
}
.header.about .main {
  min-height:583px;
  border-radius:24px;
  padding:2rem 0 0 10px;
  flex-direction:column
}
.header.about .main-container .container {
  grid-gap:4rem;
  gap:4rem
}
.header.about .main-container {
  overflow:hidden
}
.header.about .main,
.header.stories .main,
.header.termsprivacy .main {
  flex-direction:column;
  grid-gap:3rem;
  gap:3rem;
  align-items:center;
  text-align:center;
  padding:6rem 0 4rem;
  min-height:600px
}
.header.about .main .section--2 {
  right:0;
  bottom:2rem;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
.header.about .main {
  min-height:828px
}
.header .product.security {
  padding:2rem 0 4rem
}
.investments.short-story .container {
  flex-direction:column;
  grid-gap:3rem;
  gap:3rem
}
.investments.short-story .main-container .imgz {
  position:relative;
  width:700px;
  right:0
}
.header.stories .main .section--1 {
  display:flex;
  flex-direction:column;
  align-items:center
}
.header.about .main .section--1 .description,
.header.stories .main .section--1 .description,
.header.termsprivacy .main .section--1 .description {
  max-width:85vw
}
.header.about:not(.career-hero) .main .section--1 h1,
.header.stories .main .section--1 h1,
.header.termsprivacy .main .section--1 h1 {
  font-size:36px;
  max-width:80vw
}
.investments.security .left .padlock {
  position:relative;
  display:flex;
  width:unset;
  justify-content:center;
  margin-bottom:3rem
}
.investments.security .left .padlock img:first-child {
  position:absolute;
  left:unset
}
.investments.security .left .padlock img:last-child {
  width:37px!important;
  height:37px!important;
  left:0;
  top:29px;
  position:relative;
  z-index:10
}
.faq .container {
  padding:4rem 20px
}
.safety-guides .container {
  padding:4rem 1rem
}

}
@media only screen and (max-width:992px) {
  body {
  text-align:center!important
}
nav {
  text-align:left;
  margin-top:0;
  padding:18px 32px!important
}
nav li {
  text-align:center;
  padding-right:0!important;
  padding:15px 0
}
nav li,
nav li a {
  display:block
}
nav .btn-group,
nav .menu {
  opacity:0;
  display:none
}
nav .logo img {
  top:5px;
  bottom:0!important;
  padding-right:0!important;
  width:155px
}
.hamburger .line {
  display:block!important;
  background:#122231!important
}
.content,
.content p,
.header .text,
.interact .link,
.testimonials .box {
  margin-left:auto!important;
  margin-right:auto!important
}
.interact .left {
  padding-bottom:80px
}
h1 {
  font-size:55px;
  line-height:72px
}
h2 {
  font-size:41px;
  line-height:54px
}
h3 {
  font-size:33px;
  line-height:43px
}
h4 {
  font-size:28px;
  line-height:36px
}
.bg {
  display:none!important
}
.header {
  padding-top:200px;
  padding-bottom:10px
}
.header.stories-header .right {
  margin-left:40px
}
.header.about .tag {
  margin-bottom:50px!important
}
.header.about .right .cont>div {
  justify-content:center
}
.header.about .aboutIcon {
  display:none
}
.header .left {
  display:block;
  margin-bottom:90px
}
.header .left p {
  margin-bottom:0
}
.header .left .btn {
  display:block;
  width:-webkit-max-content;
  width:max-content;
  margin:30px auto 0
}
.header .left a.download-btn {
  margin-left:7px
}
.header .left a.download-btn img {
  margin-top:30px
}
.header .right.home {
  margin-bottom:20px
}
.savings .cards-products .card-content__img-cont img {
  width:330px;
  margin:0 auto;
  bottom:-4rem
}
.savings .cards-products--2 .card-content {
  flex-direction:column;
  grid-gap:4rem;
  gap:4rem
}
.savings .cards-products--2 .card-content__sub-sect .heading {
  text-align:left;
  margin:2rem 0 0
}
.savings {
  padding-bottom:50px
}
.savings .content {
  margin:auto auto -30px
}
.savings .sub-text {
  margin-bottom:50px
}
.savings .sub-text h2 {
  margin-bottom:15px
}
.savings .box {
  padding:30px!important;
  text-align:left
}
.savings .box .title {
  max-width:unset
}
.interact .right {
  height:400px
}
.customers .left {
  order:2;
  text-align:left
}
.customers .download-btn-full {
  margin-left:5px;
  margin-right:5px
}
.customers .download-btn-full:nth-child(2) {
  margin-top:20px
}
.customers .stories-single {
  text-align:center!important
}
.customers .right {
  margin-bottom:70px
}
.investments {
  padding-top:20px;
  padding-bottom:90px
}
.investments h2 {
  word-break:break-word
}
.investments.short-story .left {
  order:2
}
.investments.short-story .storyIcon {
  display:none
}
.investments.security {
  padding-top:90px;
  padding-bottom:70px
}
.investments.security .left .ml-auto {
  margin-right:0!important
}
.investments.security .left .ml-auto img {
  margin-bottom:40px
}
.stories {
  padding-top:100px!important
}
.stories h2 {
  margin-bottom:50px
}
.stories .row>.col-md-4:last-of-type {
  margin-bottom:0!important
}
.termsprivacy {
  text-align:justify!important
}
.termsprivacy hr {
  margin:50px 0
}
.termsprivacy.privacy hr:first-of-type {
  margin-top:60px!important
}
.faq {
  padding-top:85px
}
.faq .head {
  padding:0 30px
}
.faq .body {
  padding:50px 16px 30px
}
.faq .body h3 {
  font-size:25px!important
}
.faq .body .left {
  width:100%;
  border:0!important;
  -webkit-transition:all .3s ease-in-out!important;
  transition:all .3s ease-in-out!important;
  padding:0!important
}
.faq .body .left ul {
  white-space:nowrap;
  overflow-x:scroll;
  background:#fff;
  -webkit-box-shadow:0 0 7px 0 #ced3da;
  box-shadow:0 0 7px 0 #ced3da;
  -webkit-transform:translate(-17px);
  transform:translate(-17px);
  width:calc(100vw + 20px);
  padding:0 10px 0 20px
}
.faq .body .left ul li {
  display:inline-block!important;
  padding:20px 5px!important;
  margin:0 5px
}
.faq .body .left ul li.active {
  background-color:transparent;
  color:inherit;
  padding:20px 5px!important;
  border-radius:0;
  border-bottom:2px solid #0d60d8!important
}
.faq .body .faq-content {
  width:100%;
  margin-top:50px
}
.faq .accordion {
  padding-left:0
}
.faq .accordion__panel {
  text-align:left!important;
  padding:30px 19px
}
.faq .accordion__button h3,
footer {
  text-align:left
}
footer {
  padding-bottom:10px
}
footer .img-container {
  align-items:flex-start;
  margin-bottom:30px
}
footer .logo img {
  width:160px
}
footer .connect a,
footer .connect p {
  text-align:left
}
footer .socials-cont,
footer .socials-cont>div {
  flex-direction:column;
  align-items:center
}
footer .socials-cont>div {
  grid-gap:10px;
  gap:10px;
  margin-top:30px
}
footer .socials {
  align-self:center
}
footer .socials ul li {
  justify-content:flex-start
}
footer .connect {
  order:4
}
footer .legal {
  order:3
}
footer .products {
  order:1;
  flex:0 0 50%
}
footer .company {
  order:2;
  flex:0 0 50%
}
footer .about p {
  text-align:left!important
}
footer .about__sec {
  justify-content:flex-start
}
.header-home .container {
  padding:0 0 100px
}
.header .phone {
  right:0;
  bottom:-20px
}
.featured .title-xyz {
  padding:0 0 1.5rem
}
.header.about .main,
.header.stories .main,
.header.termsprivacy .main {
  flex-direction:column;
  grid-gap:3rem;
  gap:3rem;
  align-items:center;
  text-align:center;
  padding:6rem 0 4rem
}
.header.termsprivacy .main {
  padding:0;
  margin:4rem 0
}
.header.stories .main .section--2 img:last-child {
  position:unset;
  width:90vw;
  min-width:340px;
  max-width:600px
}
.header.about:not(.career-hero) .container,
.header.stories .container,
.header.termsprivacy .container {
  padding:4rem 10px;
  grid-gap:10px;
  gap:10px
}
.header.about:not(.career-hero) .container img.header-img,
.header.stories .container img.header-img,
.header.termsprivacy .container img.header-img {
  width:40px;
  height:40px
}
.header.about:not(.career-hero) .container h1,
.header.stories .container h1,
.header.termsprivacy .container h1 {
  font-size:36px!important;
  line-height:46px
}
.header.about .main {
  min-height:600px
}
.header.career-hero .main {
  min-height:720px
}
.investments.short-story .main-container .imgz {
  position:relative;
  width:90vw;
  right:0
}
.investments.short-story .main-container .text-cont p {
  max-width:90vw;
  line-height:30px
}

}
@media only screen and (max-width:1024px) {
  nav {
  padding:25px 32px
}
.investments .box {
  height:-webkit-fit-content;
  height:fit-content;
  flex-wrap:wrap;
  justify-content:center;
  padding:4rem 5%
}
.investments .box .text,
.investments .box .title {
  max-width:unset
}
.investments .box img {
  all:unset;
  width:400px;
  position:relative;
  bottom:-75px
}
.header-home .container .section--1 {
  text-align:center
}
.header.header-home p,
.header .text h1 {
  max-width:unset
}

}
@media only screen and (max-width:1600px) {
  .savings .box-container .main-cards {
  width:unset
}

}
@media only screen and (max-width:1400px) {
  .header.about .main .section--2 img {
  width:413px;
  height:auto
}
.header.about .main .section--2 img:first-child {
  width:321px;
  top:93px;
  left:-188px;
  z-index:12
}

}
@media only screen and (max-width:800px) {
  .header.main-product {
  padding:70px 5px 5px!important;
  background:#060f21
}
.header.main-product .container {
  padding:4rem 14px;
  grid-gap:10px;
  gap:10px
}
.header.main-product .container .heading {
  font-size:36px!important
}
.header.main-product .container img.header-img {
  width:40px
}
.header.main-product .img-right .float-img-2 {
  top:280px;
  right:25px;
  z-index:12;
  width:70px
}
.header.main-product .img-right .float-img-3 {
  top:66px;
  right:5px;
  z-index:12;
  width:83px
}
.header.main-product .text h1 {
  font-size:36px!important;
  line-height:46px
}
.header.main-product .phone {
  width:80vw;
  max-width:420px;
  position:relative;
  z-index:11;
  top:70px
}
.savings.products .products {
  flex-wrap:wrap;
  grid-gap:10px;
  grid-gap:5px;
  gap:5px
}
.savings.products {
  padding:0 5px 10px
}
.card-box .card--content-title {
  font-size:32px;
  line-height:110%;
  white-space:unset;
  max-width:80vw
}
.card-box .card--content-description {
  max-width:80vw
}
.header.about,
.header.stories,
.header.termsprivacy {
  padding:80px 16px 10px
}
.header.about .main .section--2 img {
  width:43vw;
  height:auto
}
.header.about .main .section--2 img:nth-child(2) {
  min-width:300px
}
.header.about .main .section--2 img:first-child {
  width:212px;
  top:69px;
  left:-135px;
  z-index:12;
  min-width:250px
}
.header.about .main .section--2 img:last-child {
  position:absolute;
  width:95px;
  top:63px;
  left:-11px;
  z-index:10
}
.faq .container {
  padding:3rem 20px;
  flex-direction:column;
  align-items:start;
  justify-content:flex-start;
  grid-gap:2rem;
  gap:2rem
}
.faq .head {
  padding:0;
  width:100%
}
.faq .accordion__panel {
  text-align:left!important;
  padding:30px 0
}
.faq .body .container {
  padding:0
}
.header .not-product-img {
  width:85vw
}
.header .product {
  padding:2rem 0 0
}
.header.termsprivacy .main .section--2 img:last-child {
  position:unset!important;
  width:85vw
}
.savings .cards-products.security.cards-products--1 .card-content img {
  -webkit-transform:scale(1.4);
  transform:scale(1.4);
  top:-1.5rem;
  padding-bottom:0
}

}
@media only screen and (max-width:480px) {
  body {
  font-size:16px
}
h1:not(.career-heading):not(.career-subheading) {
  font-size:45px!important;
  line-height:57px
}
h2 {
  font-size:31px!important;
  line-height:39px
}
h3 {
  font-size:28px;
  line-height:38px
}
.faq .body h3 {
  font-size:23px!important
}
.savings .box h5 {
  font-size:19px
}
.faq-content .interact .left .content .link,
.faq-content .savings .box .sub-title,
.faq-content svg,
.interact .left .content .faq-content .link,
.savings .box .faq-content .sub-title {
  top:5px!important
}

}
@media only screen and (max-width:600px) {
  nav {
  text-align:left;
  margin-top:0;
  padding:18px 19px!important
}
.header.stories-header .right {
  padding-left:0;
  margin-left:0
}
.header.stories-header .right .headerIcon {
  display:none
}
.header.stories-header .right .square {
  right:0
}
.header .right {
  padding-left:16px;
  padding-right:16px
}
.header .right.home {
  margin-left:35px
}
.customers .testimonials {
  width:352px
}
.customers .fallback--image {
  width:350px;
  max-width:90vw;
  display:block;
  margin:0 auto
}
.header-home .container .imgs,
.header-home .container .imgs .headerImg {
  width:85vw;
  max-width:90vw;
  min-height:unset
}
.header-home {
  padding-bottom:20px
}
.header-home .text {
  width:95%
}
.header-home .container .section--1 {
  min-width:unset
}
.header-home .container,
.header-home .container .section--1 {
  padding-bottom:unset
}
.header-home .container {
  height:-webkit-fit-content;
  height:fit-content;
  grid-gap:5rem;
  gap:5rem
}
.header-home .container .imgs {
  display:flex;
  justify-content:center;
  width:100vw;
  max-width:100vw
}
.header-home .container .imgs .headerImg {
  border-radius:10px
}
.header-home .container h1 {
  width:90vw
}
.header-home .container .imgs .imgs-2 img {
  top:50px;
  left:0;
  width:130px
}
.header-home .container .imgs .imgs-2 img:first-child {
  top:50px;
  left:0
}
.header-home .container .imgs .imgs-2 img:nth-child(2) {
  top:131px;
  right:139px;
  left:unset
}
.header-home .container .imgs .imgs-2 img:nth-child(3) {
  top:43px;
  left:unset;
  right:0
}
.savings {
  padding-bottom:7rem
}
.home-saver-new .player-box .img--3 {
  right:-2rem;
  top:36px;
  z-index:11;
  width:80px
}
.home-saver-new .player-box .img--1 {
  left:-128px;
  top:22rem;
  width:252px
}
.home-saver-new .player-box .img--2 {
  right:-8rem;
  top:21rem;
  width:214px
}
.home-saver-new p {
  width:90vw
}
.savings .box.home {
  width:90vw;
  max-width:370px;
  margin-bottom:0!important
}
.savings .box.reset {
  width:80vw;
  margin-bottom:0;
  background:#fff
}
.savings .box.home.active .img-card img,
.savings .box.home:hover .img-card img {
  visibility:visible
}
.savings .box.home .title {
  margin-top:25px!important;
  font-size:30px;
  line-height:42px
}
.investments.two .box {
  margin-top:2.5rem
}
.investments.two .box img {
  all:unset;
  width:80vw;
  position:relative;
  bottom:-75px
}
.customers,
.home-saver,
.investments.two {
  padding:6rem 1rem 4rem;
  margin-bottom:0
}
.investments.security .container {
  flex-direction:column;
  align-items:center;
  grid-gap:2rem;
  gap:2rem;
  max-width:85vw
}
.investments.security .security-title {
  letter-spacing:-3%;
  width:90vw;
  color:#1f2a41
}
.investments.security .learn-more a {
  font-size:14px
}
.investment-new .container {
  max-width:90vw;
  display:flex;
  flex-direction:column;
  align-items:center
}
.investment-new h1 {
  line-height:50px;
  padding:1.5rem 0
}
.investment-new img {
  padding:0 10px;
  width:66px;
  padding:0
}
.home-saver {
  padding:6rem 1rem 0
}
.home-saver-new .player-box {
  width:90vw;
  height:560px
}
.customers {
  padding:0 1rem 4rem;
  margin-bottom:0;
  margin-top:4rem
}
.investments.two .text {
  font-size:18px!important;
  line-height:26px
}
.investments.two .title {
  max-width:400px;
  font-size:30px!important;
  line-height:35px
}
.text {
  font-size:16px!important;
  line-height:26px
}
.savings .content h3,
.title {
  font-size:30px!important;
  line-height:35px
}
.home-saver__img {
  position:relative;
  width:95vw;
  margin:1.5rem auto 0
}
.home-saver .btn {
  max-height:48px;
  padding:12px 23px;
  bottom:-20px;
  font-size:14px
}
.customers .content .head {
  width:unset;
  font-weight:700
}
.customers .content .stacked-images {
  margin:2rem 0;
  justify-content:center
}
.customers-new {
  background-color:#f2f7f8;
  width:100vw;
  padding:6rem 0
}
.featured-new .content {
  flex-direction:column;
  width:90vw;
  padding:2rem 20px
}
.footer-new-ad {
  display:unset;
  padding:10rem 0 5rem
}
.footer-new-links {
  display:flex;
  border:none;
  background-image:none;
  grid-gap:2rem;
  gap:2rem
}
.footer-new-links a {
  color:#b0c4ec
}
.footer-new-links a:hover {
  color:#fff
}
.footer-new-links .meta {
  grid-gap:12px;
  gap:12px;
  margin:0;
  position:relative;
  width:100%
}
.footer-new-links li:before {
  background-image:none
}
.create-btn {
  margin:2rem 0 1rem
}
.testimonials .clear-right {
  flex-direction:column;
  align-items:center
}
.customers .testimonials .box small {
  display:none
}
.customers .testimonials .box .clear-right small {
  display:inline;
  padding:.5rem 0
}
.customers .testimonials .box .clear-right p {
  display:inline;
  padding:.5rem 0;
  font-weight:400!important
}
.customers .testimonials {
  z-index:10
}
.customers .testimonials .box {
  margin:0 12px 15px!important
}
a.download-btn {
  font-weight:300!important
}
.savings .box.home .text {
  font-weight:400
}
.savings .box.home .sub-title {
  font-size:15px
}
.interact .left .content .savings .box.home .link,
.savings .box.home .interact .left .content .link,
.savings .box.home .sub-title,
.savings .box.home svg {
  margin-right:0
}
.customers .left {
  padding:0
}
.customers .testimonials {
  width:90vw;
  margin:0 auto
}
.investments.security .content {
  display:flex;
  flex-direction:column;
  align-items:center
}
.home-saver__img>img {
  border:6px solid #fff
}
.home-saver__img>iframe {
  margin-bottom:0
}
.dropdown .dropdown-menu {
  left:0;
  position:relative;
  max-width:200px;
  margin:0 auto;
  padding:12px
}
.alt-cards .box {
  width:unset
}
.customers .left {
  flex:unset
}
.featured .brands {
  grid-gap:2rem;
  gap:2rem
}
.featured .brands a img {
  width:149px;
  height:auto
}
.item-page .info {
  border:1px solid rgba(132,
149,
177,
.42);
  border-top:0;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  padding:55px 15px 35px
}
.product--download-btn-cont {
  display:flex;
  justify-content:center;
  padding:8px
}
.download {
  grid-gap:12px;
  gap:12px;
  flex-direction:column
}
.download .download-btn {
  min-width:150px;
  padding:10px 16px;
  font-size:14px;
  border-radius:10px
}
.download .download-btn img {
  width:18px!important;
  height:18px!important
}
.header .product .product--download-btn-cont .download .download-btn {
  width:230px!important
}

}
@media only screen and (max-width:1014px)and (min-width:992px) {
  .header .right .card2 {
  right:-30%
}
.investments .container {
  max-width:90%
}
.investments .container .cc .learn-more {
  display:flex;
  justify-content:center;
  bottom:unset;
  width:calc(100% - 4rem)
}
footer .connect {
  flex:0 0 22%
}

}
@media only screen and (max-width:992px)and (min-width:600px) {
  .security .learn-more {
  justify-content:center
}
.investments .container {
  max-width:85%
}
.investments .container .cc .learn-more {
  display:flex;
  justify-content:center;
  bottom:unset;
  width:calc(100% - 4rem)
}
.home-saver .container {
  max-width:85%
}
.customers .content .stacked-images {
  justify-content:center
}
.customers .content .head {
  width:-webkit-fit-content;
  width:fit-content
}
.customers .left {
  text-align:left;
  margin:auto
}

}
@-webkit-keyframes pulse {
  0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}
50% {
  -webkit-transform:scale3d(1.2,
1.2,
1.2);
  transform:scale3d(1.2,
1.2,
1.2)
}
to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

}
@keyframes pulse {
  0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}
50% {
  -webkit-transform:scale3d(1.2,
1.2,
1.2);
  transform:scale3d(1.2,
1.2,
1.2)
}
to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

}
@media only screen and (max-width:1025px)and (min-width:992px) {
  .header .text {
  max-width:unset;
  width:500px;
  margin-left:auto;
  margin-right:auto
}
.investments.security {
  padding:40px 33px 100px
}
.investments {
  padding:10rem 2rem
}
.savings .box.home,
.savings .content {
  width:460px
}
.savings .box.home.active .img-card img,
.savings .box.home:hover .img-card img {
  width:227px
}
.customers .container .right {
  max-width:420px;
  margin-left:10px
}
.customers .content .head {
  width:472px;
  font-weight:700
}
.header.product {
  min-height:600px
}
.header.product .right {
  max-width:450px
}
.header.product .phone {
  width:350px
}
.alt-cards .box {
  width:301px
}
footer .about {
  margin:16px 10px 30px
}

}
@media only screen and (min-width:1030px) {
  .header.product .row {
  min-height:640px
}

}
@media only screen and (max-width:500px) {
  .header .img-right .float-img-1 {
  bottom:25px;
  left:3px;
  z-index:12;
  width:120px
}
.header .img-right .float-img-2 {
  top:165px;
  right:20px;
  z-index:12;
  width:84px
}
.header .img-right .float-img-3 {
  top:-40px;
  right:-10px;
  z-index:12;
  width:100px
}
.header.about .main .section--2 img:nth-child(2) {
  width:271px;
  min-width:278px
}
.header.about .main .section--2 {
  right:0;
  bottom:4rem;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.header.about .main .section--2 img:first-child {
  width:auto;
  top:69px;
  left:-106px;
  z-index:12;
  height:205px;
  min-width:auto
}
.investment-new .cards {
  padding-top:5rem;
  grid-gap:4rem;
  gap:4rem;
  justify-content:center;
  flex-direction:column;
  align-items:center
}
.investment-new .cards .card {
  width:90vw;
  height:450px;
  padding:4rem 3rem;
  grid-gap:1rem;
  gap:1rem;
  justify-content:center
}
.card-box .card--content .card--content--1-imageOpnHouse img {
  width:230px;
  height:auto;
  object-fit:contain
}
.savings .cards-products.security.cards-products--1 .card-content img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  top:-3.5rem;
  padding-bottom:0
}
.modal-ebook.interest-rates .rates-list--1 img {
  width:24px
}
.modal-ebook.interest-rates .rates-list--1 p {
  font-size:13px
}
.modal-ebook.join-challenge-modal p {
  font-size:12px
}
.modal-ebook.interest-rates {
  padding:4rem 1rem 3rem;
  text-align:justify
}
.modal-ebook.interest-rates h4 {
  font-weight:900
}
.safety-guides .safety-sections {
  width:100%
}
.safety-guides .safety-section {
  border-bottom:1px solid rgba(132,
149,
177,
.3);
  padding:30px 0;
  width:100%
}
.safety-guides .safety-section h3 {
  color:#fff!important;
  font-family:Neue Plak;
  font-weight:900;
  font-size:16px;
  line-height:100%;
  letter-spacing:0;
  text-transform:uppercase;
  margin-bottom:20px
}
.safety-guides>.container {
  grid-gap:1rem;
  gap:1rem;
  padding:4rem 20px;
  justify-content:space-between
}
.safety-guides>.container h1 {
  font-size:34px!important
}
.safety-guides>.container img {
  width:42px;
  height:42px;
  position:relative;
  top:-3px
}

}
#nprogress {
  pointer-events:none
}
#nprogress .bar {
  background:#29d;
  position:fixed;
  z-index:1031;
  top:0;
  left:0;
  width:100%;
  height:2px
}
#nprogress .peg {
  display:block;
  position:absolute;
  right:0;
  width:100px;
  height:100%;
  -webkit-box-shadow:0 0 10px #29d,
0 0 5px #29d;
  box-shadow:0 0 10px #29d,
0 0 5px #29d;
  opacity:1;
  -webkit-transform:rotate(3deg) translateY(-4px);
  transform:rotate(3deg) translateY(-4px)
}
#nprogress .spinner {
  display:block;
  position:fixed;
  z-index:1031;
  top:15px;
  right:15px
}
#nprogress .spinner-icon {
  width:18px;
  height:18px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-color:#29d transparent transparent #29d;
  border-style:solid;
  border-width:2px;
  border-radius:50%;
  -webkit-animation:nprogress-spinner .4s linear infinite;
  animation:nprogress-spinner .4s linear infinite
}
.nprogress-custom-parent {
  overflow:hidden;
  position:relative
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
  position:absolute
}
@-webkit-keyframes nprogress-spinner {
  0% {
  -webkit-transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn)
}

}
@keyframes nprogress-spinner {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
}

}


@media only screen and (max-width:992px) {
  .footer-new-ad {
    flex-direction:column;
    gap:24px;
    padding:32px 16px;
    clip-path:none;
    -webkit-clip-path:none;
    width:100%;
    box-sizing:border-box
  }
  .footer-new-ad>img:first-of-type,
  .footer-new-ad>img:nth-of-type(2) {
    display:none
  }
  .footer-new-ad-download {
    width:100%;
    padding:0 16px;
    box-sizing:border-box
  }
  .footer-new-ad-download h3 {
    font-size:32px;
    width:100%
  }
  .footer-new-ad-download div {
    max-width:100%
  }
}
/* hamburger menu fix */
@media only screen and (max-width:992px) {
  .nav-active .menu,
  .nav-active .btn-group {
    display: block !important;
    opacity: 1 !important;
  }
  .nav-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    overflow-y: auto;
    padding: 20px 32px !important;
  }
}