.heb_bannernew {
  position:relative;
  background:#000;
  background-image:url("https://www.maya.ph/hubfs/Member%20get%20member/BG%202.png");
  background-size:cover;

}
.col_left img{
  max-width:500px;
}
.col_splitter .col_right{
  max-width:600px;
}

.heb_banner::after {
  content:url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/Liza%20Banner%20bg%20color.png');
  position:absolute;
  top:0;
  right:0;
}
.heb_banner::before {
  content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/shadow%20image%201.png');
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.line-gradient::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #0C3F29 10.47%, #2DE998 36.35%, #0C3F29 60.68%, #2DE998 84.63%);
  width: 100%;
  z-index: 2;
}
.col_splitter {
  display:flex;
  max-width: 1440px;
  margin:auto;
  justify-content: space-around;
}
.col_splitter > * {
  position:relative;
  z-index:1;
}
.text_size_140 {
  font-size: 140px;
  line-height: 115px;
}
.heb_intro_desc {
  margin-bottom:27px;
}
.col_left_content h3 {
  max-width:786px!important;
}
/* .col_right p {
font-size: 18px;
line-height: 28px;
letter-spacing: -0.2px;
color: #757575;
z-index:3;
} */
.col_right{
  margin-left:-70px;
}
.col_right img{
  max-width:561px;
}
.bannerfooter{
  position:absolute;
  bottom:-169px;
}
.col_right_content {
  position:relative;
  /*   text-align:right; */
  align-self:start; 
  margin-left:-60px;
  margin-left: -150px;
  margin-top: 50px;
}
/* How it works */
.heb_hiw {
  background: radial-gradient(37.72% 37.72% at 50% 50%, #1A6E49 0%, #000000 100%);
}
.mobile-icon {
  display:none;
}
.hiw_title {
  position:relative;
  display:inline-flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  gap:19px;
}
.hiw_title2 {
  position:relative;
  display:inline-flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;

}
.start_icon {
  position:absolute; 
}
.star_one {
  left: -59px;
  bottom:0;
}
.star_two {
  right: -33px;
  top: 0;
}
#mobile_screens .splide__list {
  justify-content:center; 
}
#mobile_screens .splide__slide {
  padding: 0 21px 8px;
  max-width:320px;
  width:100%;
  background: transparent;
  margin-top:10px;
  /*   border-radius: 4px;
  border-image-slice: 30;
  border-image-width: 30px;
  border-image-source: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/bordergradient.png); */
  border-radius: 30px;
  background: rgba(18, 22, 19, 0.01);
  box-shadow: 3px -3px 0px 0px #75EEA5;
}
#mobile_screens .splide__slide:last-child {
  margin-right:0 !important;
}
#mobile_screens2 .splide__list {
  justify-content:center; 
}
#mobile_screens2 .splide__slide {
  padding: 0 21px 8px;
  max-width:320px;
  width:100%;
  background: transparent;
  margin-top:10px;
  /*   border-radius: 4px;
  border-image-slice: 30;
  border-image-width: 30px;
  border-image-source: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/bordergradient.png); */
  border-radius: 30px;
  background: rgba(18, 22, 19, 0.01);
  box-shadow: 3px -3px 0px 0px #75EEA5;
}
#mobile_screens2 .splide__slide:last-child {
  margin-right:0 !important;
}
/* #mobile_screens .hiw_slider_progress {
display:none;
} */
.hiw_slider_progress {
  background:rgba(117, 238, 165, 0.3);
  max-width:300px;
  margin:79px auto 0;
  /*   display:none; */
}
.hiw_slider_progress_bar {
  background:#75eea5;
  height: 2px;
  transition: width 600ms ease;
  width: 0;
  border-radius:10px;
}
.hiw_slider_progress_bar2 {
  background:#75eea5;
  height: 2px;
  transition: width 600ms ease;
  width: 0;
  border-radius:10px;
}
.splide_imgbox {
  padding-top:23px;
  margin-bottom:25px;
}
.splide_imgbox img {
  max-width:252px;
}
.splide_desc {
  color: #fff;
  display: grid;
  font-size: 18px;
  gap: 10px;
  grid-template-columns: auto 1fr;
  letter-spacing: -.2px;
  line-height: 28px;
}
.splide_desc sup {
  background: #75eea5;
  border-radius: 50%;
  color: #404040;
  font-size: 15px;
  height: 26px;
  letter-spacing: -.2px;
  line-height: 26px;
  text-align: center;
  top: 0;
  width: 26px;
}
.save_note {
  font-size:14px;
  line-height:20px;
  padding-left:36px;
}
.mechanics_btn > a {
  background: #75eea5;
  border-radius: 22px;
  color:initial;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 26px;
  padding: 18px 25px;
  border:2px solid transparent;
}
.mechanics_btn {
  margin-top:55px; 
}
.mechanics_btn > a:hover { 
  background:transparent;
  color:#75EEA5;
  border-color:#75EEA5;
}

.learn_tab_section {
  display:none;
  animation:fade .3s ease-in-out;
}
.learn_tab_section.active {
  display:block;
}
/* How it works end */

/** Rewards **/
.rewards{
  background:#000;
  padding:100px 0;
}
.rewardcontainer{
  max-width:1440px;
  margin:auto;
}
.rewardboxes{
  display: grid;
  grid-template-columns: 562px 562px;
  gap: 50px;
  /* margin: auto; */
  max-width: 1174px;
  margin: auto;
}
.boxes{
  text-align:center;

  max-width:562px;
  /*   min-height:784px; */
  border-radius: 30px;
  padding:66px;
  border: 5px solid var(--primary-mint-green, #75EEA5);
  box-shadow: 0px 0px 15px 0px rgba(117, 238, 165, 0.20);
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.mt64{
  margin-top:64px;
}
.mt114{
  margin-top:114px;
}
.btn_mintgreen{

  background: #75eea5;
  border: 1px solid #75eea5;
  border-radius: 22px;
  color: initial;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 26px;
  max-width: 272px;
  padding: 20px 25px;
  transition: all .2s ease;
  border: 2px solid transparent;
  cursor: pointer;
}
.btn_mintgreen:hover {
  background: transparent;
  border-color: #75eea5;
  color: #75eea5;
}
.customheader{
  position:relative;
  max-width:max-content;
  margin:auto;
}
.customspan{
  position:relative;
}
.customheader:before{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/left-star-header.svg');
  position:absolute;
  left: -45px;
  top: -65px;
}
.customheader:after{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/right-star-header.svg');
  position:absolute;
  right: -48px;
  top: -9px;
}
.customheader2:before{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/Highlight.png');
  left: -95px;
  position: absolute;
  top: -33px;
}
.customspan:before{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/star1.png');
  position:absolute;
  left: -40px;
  top: 20px;
}
.customspan:after{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/star2.png');
  position:absolute;
  right: -40px;
  top: -7px;
}


/* End Rewards */

/* Start Get started */
.getstarted{

  background: url('https://www.maya.ph/hubfs/Member%20get%20member/getstartedbg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.clipboard{
  display:flex;
  padding: 39px 43px;
  max-width:992px;
  margin:auto;
  align-items: center;
  gap:54px;
  border: solid 4px #0f0;
  border-image-slice: 30;
  border-image-width: 30px;
  border-image-source: url('https://www.maya.ph/hubfs/Member%20get%20member/getstartedborder.png');
  border-radius: 30px;
  background: radial-gradient(77.42% 52.89% at 24.90% 39.24%, #105C2D 0%, #0D2215 100%);
}
.getstartedcont{
  max-width:1440px;
  margin:auto;
}
.left img {
  max-width: 185px;
}
.right{
  display:flex;
  flex-direction:column;
}
.right p{
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 180% */
}
.right a{
  padding: 20px 25px;
  border-radius: 22px;
  background: #75EEA5;
  color: #112432;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px; /* 130% */
  letter-spacing: -0.2px;
  border: 2px solid transparent;
  width:max-content;
  cursor: pointer;
}
.right>a:hover {
  background: transparent;
  border-color: #75eea5;
  color: #75eea5;
}
/* End Get Started */

/* Start bonus interest */
.bonusinterest{

  background:#000;
}
.footertext{
  color:#B2B2B2;
  text-align: center;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 30px; /* 150% */
}
.bonusinterestcont{
  max-width:1440px;
  margin:auto;
}
/* End bonus interest */

/******** FAQS - Start ********/
.faqs_section {
  position:relative;

  background-color:#202122;
  /*   border-bottom: 5px solid #75EEA5; */
}
.faqcontainer{
  background-color:#000;
  padding-top:100px;
  padding-bottom:100px;
  /*   background-repeat:no-repeat;
  background-size:cover;
  background-position:top center; */
  border-top: 3px solid;
  border-image-source: linear-gradient(91.82deg, #0C3F29 3.08%, #2DE998 23.44%, #0C3F29 41.37%, #2DE998 63.86%);
  border-image-slice: 1;
}
/* .faqcontainer:before {
background: linear-gradient(90deg,#0c3f29 10.47%,#2de998 36.35%,#0c3f29 60.68%,#2de998 84.63%);
bottom: 0;
content: "";
height: 5px;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 99;
} */
.mlbb_faqs {
  position:relative;
  display:grid;
  grid-template-columns:auto 630px;
  z-index:5;
}
.faqs_intro {
  position:relative;
  z-index:1;
}
.faqs_intro h1 {
  max-width:448px;
}
.faqs_intro p {
  color: #F2F2F2;
  max-width:400px;
  margin-bottom:50px;
}
.faqs_intro a {
  display:block;
  text-decoration:none;
  background:#E8BC55;
  color:#112432;
  line-height:26px;
  display:inline-block;
  padding:20px 25px;
  border-radius: 22px;
  font-weight:600;
}
.faqs_intro h5 {
  margin-bottom:20px; 
}
.accordion-item.boxed.my-accordion {
  box-sizing: border-box;
  border-radius: 20px;
  padding:40px;
  margin-bottom:20px;
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #164B2B 66.41%, #194A2D 88.24%);
  border-radius: 20px;
  border: 3px solid var(--primary-mint-green, #75EEA5);
  background: linear-gradient(180deg, #164B2B 66.41%, #082714 88.24%), #FFF;
  /*   box-shadow: 0px 4px 20px 0px rgba(123, 97, 255, 0.60); */
}
.accordion-item.boxed.my-accordion:last-child {
  margin-bottom:0;
}
.my-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-accordion-title {
  font-size:20px;
  line-height:28px;
  color:#fff;
  padding-right: 10px;
}
.my-accordion-icon {
  display: block;
  width: 40px;
  float: right;
  text-align: center;
  order:2;
}
.my-expand-icon i, .my-collapse-icon i {
  color: #202122;
  font-size: 20px;
  line-height: 40px;
}
.my-accordion-body {
  font-size:18px;
  line-height: 28px;
  letter-spacing: -0.2px;
  color:#404040;
}
.my-accordion-body p {
  padding-top: 1em;
  color:#fff;
  margin:0;
}
.my-accordion-body ul:not(.reset-list), .my-accordion-body ol:not(.reset-list) {
  margin-bottom:0; 
}
.my-accordion-body ol:not(.reset-list) li:before {
  color:#50B16B;
  text-align:left;
  width: 1.65em;
}
.my-accordion-body ul:not(.reset-list) li {
  padding-left: 1.5em;
}
.my-accordion-body ul:not(.reset-list) li:before {
  content: "\f111";
  font-weight: 900;
  display: inline-block;
  width: 1.5em;
  padding-right: 10px;
  color:#50B16B;
  font-family: Font Awesome\ 5 Free;
  text-indent: 0;
  text-align: right;
  -webkit-transform: scale(0.4,0.4);
  -ms-transform: scale(0.4,0.4);
  transform: scale(0.4,0.4);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.my-accordion-body ol.reset-list {
  padding-left:1em; 
}
.my-accordion-body ol.reset-list li::marker {
  font-weight: bold;
}
.my-accordion-body ol.reset-list ul.my-ul-list li {
  text-indent:-2em; 
}
.my-accordion-body ol.my-ol-list {
  color: #404040;
  padding-left: 0;
}
.my-expand-icon, .my-collapse-icon {
  background: #75eea5;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.nana_imgbox {
  position:relative;
  margin-top: -110px;
  transition: all 0.5s linear;
}
.cloud_box img {
  width: 100%;
  margin-top: -110px;
}

/******** FAQS - End ********/


.thumbnails2 {
  position:relative;
  z-index:2;
  display: flex;
  justify-content: space-between;
  gap:9px;
  list-style: none;
  margin: 27px auto 72px;
  padding: 0;
  max-width: 1116px;
}

.thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align:center;
  overflow: hidden;
  cursor: pointer;
  transition:all .3s ease;
  width:100%;
  min-height:100px;
  background: transparent;
  border: solid 4px #0f0;
  border-radius: 4px;
  border-image-slice: 30;
  border-image-width: 30px;
  border-image-source: url("https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/square%20border.png");
}





@media (max-width:1354px){
  .savings_percentage .fifthicon::after{

    position:relative!important;
    right: -92px!important;
    top: 52px!important;
  }
}
@media (max-width:970px) {
  .mlbb_faqs {
    grid-template-columns: 100%;
  }
  .faqs_intro {
    margin-bottom: 50px;
  }
}
@media (max-width:1460px) {
  .text_size_54{
    font-size: 53px}
  .column_split {
    gap:40px; 
    grid-template-columns: .5fr 1fr; 
  }

  .col_right_contents:after {
    content: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/maya-accent.png);
    position: absolute;
    right: -80px!important;
    top: -220px!important;
    zoom: 82%!important;
  }
}
@media (max-width:1280px) {
  .column_split {
    grid-template-columns:.5fr 1fr;
  }
  .savings_icon {
    position: relative;
    inset: initial !important;
  }
  .col_right_contents:after {
    content: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/maya-accent.png);
    position: absolute;
    right: -37px!important;
    top: -220px!important;
    zoom: 82%!important;
  }
}
@media (max-width:1220px) {
  .rewardboxes{
    grid-template-columns:auto;
    width: fit-content;
  }
  .boxes{
    padding: 30px 20px;
  }
}
@media (max-width:1800px) {
  #mobile_screens .splide__list,  #mobile_screens2 .splide__list {
    justify-content:flex-start; 
  }

}

@media (max-width:1080px) {

  #mobile_screens .splide__slide {
    cursor:grab;
  }

  #mobile_screens2 .splide__slide {
    cursor:grab;
  }

  .mechanics_btn {
    margin-top:35px;
  }
  .column_split {
    grid-template-columns: 1fr;
  }
  .savings_icon {
    right: 20px !important;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
  }
  .interest_content {
    max-width:100% !important;
  }
  .col_right_contents::after {
    right:0!important;
    top:-50%!important;
  }


}


@media (max-width:1020px) {

  .col_left_content h2 {
    font-size:46px;
    line-height:56px;
  }
  .col_left_content h1 {
    font-size:120px; 
    line-height:105px;
  }


}
@media (max-width:900px) {
  .slide_img_section {
    flex-direction:column;
    display:none;
  }
  .new-box {
    text-align:center;
    display:block; 
    padding-bottom: 42px;
  }
  .slide_img_title {
    font-size: 24px !important;
    line-height: 46px !important;
    padding-top:25px;
  } 
  #main-carousel .splide__arrows, #main-carousel2 .splide__arrows {
    position: absolute;
    bottom: -41px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 27px; 
    z-index:2;
  }
  #main-carousel .splide__arrow, #main-carousel2 .splide__arrows{
    position: relative;
    inset: initial !important;
  }
}
@media (max-width:414px){
  .input{
    margin-top: 10px!important;
  }
}
@media (max-width:767px) {
  .hiw_title {
    font-size:36px !important; 
    line-height:46px !important;
    /*     padding:0 2em; */
    gap:8px;
  } 
  .customheader:before{

    left: 29px;

  }
  .hiw_title2 {
    font-size:36px !important; 
    line-height:46px !important;
    /*     padding:0 2em; */

  } 
  .clipboard{
    flex-direction: column;
    padding: 39px 15px;
  }
  .heb_banner {
    padding-left:unset;
  }
  .bannerfooter{
    position:relative;
    bottom:unset;
  }
  .boosted_header p {
    font-size:22px;
    line-height:32px;
  }
  .heb_banner::before {
    bottom:-10px; 
  }
  .col_right_content{
    margin-left: unset; 
    margin-left: unset;
    margin-top: unset; 

  }
  .col_splitter {
    flex-direction:column-reverse;
  }
  .col_right {
    text-align:center;
  }
  .col_left img{
    max-width:100%!important;
  }
  .col_right img{
    max-width:100%;
  }
  .col_right{
    margin-left:unset;
  }

  .col_left_content h2 {
    font-size:30px;
    line-height: 46px;
  }
  .col_left_content p {
    font-size:14px;
    line-height:20px;

  }
  .col_right{
    max-width:359px;
    margin:auto;
  }

  .heb_intro_desc {
    font-size:22px !important;
    line-height:32px !important;

  } 
  .col_left_contents h3 {
    font-size:32px;
    line-height:40px;
  }
  .col_left_contents h2 {
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 19px !important;
  }
  .col_right_content {
    text-align:center; 
    transform:translateX(-10%);
  }
  .rollet_header {
    padding: 100px 0 50px;
  }
  .rollet_header h2 {
    font-size:40px;
    line-height:50px;
  }
  .rollet_header h3 {
    font-size:24px;
    line-height:34px;
  }
  .mh_logo {
    min-height:auto; 
  }
  .column_split {
    grid-template-columns:100%;
    gap:55px;
  }

  .customheader2:before{
    left: -30px;
    top: -33px;
    zoom: .5;
  }
  .customspan:before{
    left: -24px;
    top: 45px;
    zoom: 0.7;
  }
  .customspan:after{
    right: -30px;
    top: -20px;
    zoom: .7;
  }
  .desktop{
    display:none;
  }
  .col_left_content {
    order:2;
    padding-bottom:50px;
  }
  .col_right_content {
    order:1; 
  }
  .thumbnails2 {
    justify-content:center;
    margin: 40px auto 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: max-content;
    padding-bottom:100px;
  }
  .mytumbnail2 {
    position: absolute;
    bottom: 10px;
    right: 50px;
  }
  .mytumbnail1 {
    position: absolute;
    bottom: 10px;
    left: 50px;
  }
  .thumbnail {
    height: 79px;
    min-height: auto;
    width: 88px;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
  }

}
@media (max-width:540px) {
  .col_left_content {
    padding-top:0;
  }
  .heb_banner::before {
    top: 239px;
  }
}
@media (max-width:480px) {
  .col_left_content {
    padding-top:2em;
  }
  .heb_banner::before {
    top: 200px;
  }
  /*   .hiw_title {
  padding: 0 1em 0 2em;
} */

}
@media (max-width:440px) {
  .heb_banner:before {
    top:190px;
  }
}
@media (max-width:414px) {
  .heb_banner::after {
    content: url("https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/KV%20thumbnail.png");
  }

}
/*  Boosted carousel */
.boosted_section {
  position:relative;
  padding:100px 0 81px;
  background: linear-gradient(177.03deg, #000000 30.36%, #0D4930 98.72%); 
}
.boosted_section::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 2;
  background: linear-gradient(90deg, #0C3F29 10.47%, #2DE998 36.35%, #0C3F29 60.68%, #2DE998 84.63%);
}
.boosted_section::after {
  content:url("https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/Shining-green.png");
  position:absolute;
  bottom:-3px;
  right:0;
  pointer-events:none;
  mix-blend-mode: screen;
}
.boosted_header h2 {
  position:relative;
  max-width:400px;
  margin:0 auto 25px;
}
.boosted_header h2::before {
  content:url("https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/curly-accent.png"); 
  position:absolute;
  top: 0;
  left: 0;
  transform: translateY(-30px);
}
.boosted_header p {
  margin-bottom:72px;
}
.border_gradient {
  position:relative;
  max-width:1110px;
  margin:auto;
  min-height: 391px;
  background: transparent;
  border: solid 4px #0f0;
  border-radius: 4px;
  border-image-slice: 30;
  border-image-width: 30px;
  border-image-source: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/bordergradient.png) 
}
.slide_img_title {
  letter-spacing:6px;
  padding-top:36px;
}
.slide_img_section {
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 34px 66px 48px;
  gap: 2.3rem;
}
.new-box {
  display:none; 
}
.slide_img_box {
  text-align: center;
}
.mh_logo {
  min-height:148px; 
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide_img_box h5 {
  font-size: 16px;
  line-height: 46px;
  letter-spacing:3px;
  margin-bottom:7px;
  white-space:nowrap;
}
.slide_img_box h4 {
  font-size: 48px;
  line-height: 46px;
}
.star_icon {
  font-size: 90px;
  color: #75EEA5;
}
#main-carousel .splide__arrow, #main-carousel2 .splide__arrows {
  opacity:1;
  background: #75EEA5;
  width:40px;
  height:40px;
}
#main-carousel .splide__arrow > svg, #main-carousel2 .splide__arrows > svg {
  fill:#112432;
  width: 16px;
  height: 16px;
}
#main-carousel .splide__arrow--prev, #main-carousel2 .splide__arrow--prev {
  left:-22px; 
}
#main-carousel .splide__arrow--next, #main-carousel2 .splide__arrow--next {
  right:-22px; 
}
.thumbnails {
  position:relative;
  z-index:2;
  display: flex;
  justify-content: space-between;
  gap:9px;
  list-style: none;
  margin: 27px auto 72px;
  padding: 0;
  max-width: 1110px;
}

.thumbnail-first {
  border-image-source: url("https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/border-radius-left.png");
  border-radius: 20px 0px 0px 20px;
}
.thumbnail-last {
  border-image-source: url("https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/border-radius-right.png");
  border-radius: 0px 20px 20px 0px;
}
.interest_percentage {
  font-weight: 700;
  font-size: 48px;
  line-height: 46px;
  background: linear-gradient(0deg, #000000 34.78%, #11311D 67.39%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-text-stroke: 2px #20623A;
  transition:all .3s ease;
}
.interest_percentage_pa {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #32974E;
  transition:all .3s ease;
}
.thumbnail.is-active {
  background-color:#75eea5;
}
.thumbnail.is-active .interest_percentage { 
  background: linear-gradient(0deg, #0E381E 34.78%, #268249 67.39%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-text-stroke: 2px #C7FFDD;
  text-shadow: 0px 0px 15px #dfffec42;
}
.thumbnail.is-active .interest_percentage_pa { 
  background: linear-gradient(180deg, #299653 35.42%, #13381E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.illustration_note {
  color: #B2B2B2; 
}
@media (max-width:1354px){
  .savings_percentage .fifthicon::after{

    position:relative!important;
    right: -92px!important;
    top: 52px!important;
  }
}
@media (max-width:1460px) {
  .column_split {
    gap:40px; 
    grid-template-columns: .5fr 1fr; 
  }

  .col_right_contents:after {
    content: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/maya-accent.png);
    position: absolute;
    right: -80px!important;
    top: -220px!important;
    zoom: 82%!important;
  }
}
@media (max-width:1280px) {
  .column_split {
    grid-template-columns:.5fr 1fr;
  }
  .savings_icon {
    position: relative;
    inset: initial !important;
  }
  .col_right_contents:after {
    content: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/maya-accent.png);
    position: absolute;
    right: -37px!important;
    top: -220px!important;
    zoom: 82%!important;
  }
}
@media (max-width:1080px) {
  #mobile_screens .splide__list {
    justify-content:flex-start; 
  }
  #mobile_screens .splide__slide {
    cursor:grab;
  }

  .mechanics_btn {
    margin-top:35px;
  }
  .column_split {
    grid-template-columns: 1fr;
  }
  .savings_icon {
    right: 20px !important;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
  }
  .interest_content {
    max-width:100% !important;
  }
  .col_right_contents::after {
    right:0!important;
    top:-50%!important;
  }

  .savings_percentage .firsticon::after{
    content:"👍";
    position:absolute!important;
    font-size: 50px;
    transform: rotate(-15.15deg);
    right: -13px!important;
    top: 32px!important;
  }

  .savings_percentage .secondicon::after{

    position:absolute!important;
    right: -32px!important;
    top: 52px!important;
  }
  .savings_percentage .thirdicon::after{

    position:absolute!important;
    right: -32px!important;
    top: 52px!important;
  }
  .savings_percentage .fourthicon::after{

    position:absolute!important;
    right: -32px!important;
    top: 52px!important;
  }
  .savings_percentage .fifthicon::after{

    position:absolute!important;
    right: -32px!important;
    top: 52px!important;
  }
  .startcon::after{
    content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/smallstar.png');
    position:absolute;
    right: 119px!important;
    top: 122px!important;
  }
  .startcon::before{
    content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/bigstar.png');
    position:absolute;
    left: 162px!important;
    top: 38px!important;
  }
}


@media (max-width:1020px) {
  .col_splitter {
    grid-template-columns: 50% auto;
  }
  .col_left_content h2 {
    font-size:46px;
    line-height:56px;
  }
  .col_left_content h1 {
    font-size:120px; 
    line-height:105px;
  }
  .savings_percentage {
    background: transparent;
    border: 4px solid #0f0;
    border-image-slice: 30;
    border-image-source: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/bordergradient.png);
    border-image-width: 20px;
    border-radius: 4px;
    /*  */
    /*     width: max-content; */
  }
  .interest_content {
    border:none;
    flex-direction: column;
    align-items: flex-start; 
  }
  .thirdicon:after {
    content: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/secondicon.png);
    position: absolute;

  }
  .savings_percentage .firsticon::after{
    content:"👍";
    position:absolute!important;
    font-size: 30px;
    transform: rotate(-15.15deg);
    right: -13px!important;
    top: 32px!important;
  }

  .savings_percentage .secondicon::after{

    position:absolute!important;

    right: -38px!important;
    top: 53px!important;
  }
  .savings_percentage .thirdicon::after{

    position:absolute!important;

    right: -38px!important;
    top: 53px!important;
  }
  .savings_percentage .fourthicon::after{

    position:absolute!important;

    right: -38px!important;
    top: 53px!important;
  }
  .savings_percentage .fifthicon::after{

    position:absolute!important;

    right: -38px!important;
    top: 53px!important;
  }
}
@media (max-width:900px) {
  .slide_img_section {
    flex-direction:column;
    display:none;
  }
  .new-box {
    text-align:center;
    display:block; 
    padding-bottom: 42px;
  }
  .slide_img_title {
    font-size: 24px !important;
    line-height: 46px !important;
    padding-top:25px;
  } 
  #main-carousel .splide__arrows {
    position: absolute;
    bottom: -41px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 27px; 
    z-index:2;
  }
  #main-carousel .splide__arrow {
    position: relative;
    inset: initial !important;
  }
}
@media (max-width:414px){
  .input{
    margin-top: 10px!important;
  }
}
@media (max-width:767px) {
  .hiw_title {
    font-size:36px !important; 
    line-height:46px !important;
    padding:0 2em;
    gap:8px;
  } 
  .boosted_header p {
    font-size:22px;
    line-height:32px;
  }
  .heb_banner::before {
    bottom:-10px; 
  }
  .col_splitter {
    grid-template-columns:100%;
  }
  .col_left_content h2 {
    font-size:30px;
    line-height: 46px;
  }
  .col_left_content p {
    font-size:14px;
    line-height:20px;
  }
  .heb_intro_desc {
    font-size:22px !important;
    line-height:32px !important;
  } 
  .col_left_contents h3 {
    font-size:32px;
    line-height:40px;
  }
  .col_left_contents h2 {
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 19px !important;
  }
  .col_right_content {
    text-align:center; 
    transform:translateX(-10%);
  }
  .rollet_header {
    padding: 100px 0 50px;
  }
  .rollet_header h2 {
    font-size:40px;
    line-height:50px;
  }
  .rollet_header h3 {
    font-size:24px;
    line-height:34px;
  }
  .mh_logo {
    min-height:auto; 
  }
  .column_split {
    grid-template-columns:100%;
    gap:55px;
  }
  .thumbnail {
    height: 79px;
    min-height: auto;
    width: 88px;
    border: none;
    background-size:cover;
    background-repeat: no-repeat;
    border-radius:0;
  }
  .thumbnail.is-active {
    background-color:transparent;
  }
  .thumbnail-first {
    background-image:url("https://www.maya.ph/hubfs/Member%20get%20member/50normal.png");
  }
  .thumbnail-second {
    background-image:url("https://www.maya.ph/hubfs/Member%20get%20member/100normal.png");
  }
  .thumbnail-third {
    background-image:url("https://www.maya.ph/hubfs/Member%20get%20member/300normal.png");
  }
  .thumbnail-fourth {
    background-image:url("https://www.maya.ph/hubfs/Member%20get%20member/600normal.png");
  }
  .thumbnail-last {
    background-image:url("https://www.maya.ph/hubfs/Member%20get%20member/950normal.png");
  }
  .thumbnail-first.is-active {
    background-image:url(https://www.maya.ph/hubfs/Member%20get%20member/50active.png);
  }
  .thumbnail-second.is-active {
    background-image:url(https://www.maya.ph/hubfs/Member%20get%20member/100active.png);
  }
  .thumbnail-third.is-active {
    background-image:url(https://www.maya.ph/hubfs/Member%20get%20member/300active.png);
  }
  .thumbnail-fourth.is-active {
    background-image:url(https://www.maya.ph/hubfs/Member%20get%20member/600active.png);
  }
  .thumbnail-last.is-active {
    background-image:url(https://www.maya.ph/hubfs/Member%20get%20member/950active.png);
  }
  .thumbnail span {
    display:none; 
  }
  .thumbnails {
    justify-content:center;
    margin: 40px auto 48px;
  }
  .illustration_note {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
  }
  .interest_percentage {
    font-size: 28px;
    line-height:38px;
  }
  .interest_percentage_pa {
    font-size: 12px;
    line-height:12px;
    letter-spacing:1px;
  }
  .interest_content, .col_left_contents h2 {
    max-width:100%; 
  }
  .savings_icon {
    right: 0 !important;
    left: unset !important;
  }
  .boosted_header h2 {
    font-size:36px;
    line-height:46px;
  }
  .boosted_header p {
    margin-bottom:50px;
  }
  .four_percent {
    font-size: 30px;
  }
  .five_percent {
    font-size: 34px;
    /*    38  */
  }
  .six_percent {
    font-size: 44px;
    /* 50 */
  }
  .eight_percent {
    font-size: 46px;
    /*   58   */
  }
  .ten_percent {
    font-size: 48px;
    /*   62   */
  }
  .interest_content {
    gap: 5px;
  }
  .number_percentage {
    line-height:initial; 
    margin-right:0;
  }
  .interest_content {
    padding:0;
  }
  .desktop-icon {
    display:none; 
  }
  .mobile-icon {
    display:block; 
    margin:auto;
  }
  .savings_icon {
    position:relative;
    inset:initial !important;
    transform:translateY(0);
  }
  .savings_percentage {
    padding: 11px 20px;
  }
  .col_right_contents::after {
    display:none;
  }
  .col_left_content {
    order:2;
    padding-bottom:50px;
  }
  .col_right_content {
    order:1; 
  }
  .heb_banner::before {
    content: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/shadow%20image%201.png);
    top: 267px;
    bottom:initial;
  }
  .star_one {
    bottom: 10px;
    left:0;
  }
  .star_two {
    right: 0px;
    top: -35px;
  }
  .curly_line {
    max-width:258px; 
  }
  .row1{
    max-width: 300px;
  }
  .row2{
    max-width: 317px;
  }
  .row3{
    max-width: 335px;
  }
  .row4{
    max-width: 351px;
  }
  .row5{
    max-width:365px;
  }

  .interest_content{
    font-size:18px;
  }
  .savings_percentage .firsticon::after{
    content:"👍";
    position:absolute!important;
    font-size: 36px!important;
    position: absolute!important;
    right: -20px!important;
    top: 32px!important;
  }

  .savings_percentage .secondicon::after{

    position:absolute!important;
    right: -48px!important;
    top: 54px!important;
  }
  .savings_percentage .thirdicon::after{

    position:absolute!important;
    right: -48px!important;
    top: 61px!important;
  }
  .savings_percentage .fourthicon::after{

    position:absolute!important;
    right: -48px!important;
    top: 61px!important;
  }
  .savings_percentage .fifthicon::after{

    position:absolute!important;
    right: -42px!important;
    top: 64px!important;
  }

  .startcon::before{
    content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/smallstar.png')!important;
    position:absolute;
    left: 20px!important;
    top: -93px!important;
  }
  .startcon::after{
    content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/bigstar.png')!important;
    position:absolute;
    right: 51px!important;
    top: -33px!important;
  }

}
@media (max-width:540px) {
  .col_left_content {
    padding-top:0;
  }
  .heb_banner::before {
    top: 239px;
  }
}
@media (max-width:480px) {
  .col_left_content {
    padding-top:2em;
  }
  .heb_banner::before {
    top: 200px;
  }
  /*   .hiw_title {
  padding: 0 1em 0 2em;
} */

}
@media (max-width:440px) {
  .heb_banner:before {
    top:190px;
  }
}
@media (max-width:414px) {
  .heb_banner::after {
    content: url("https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/KV%20thumbnail.png");
  }

}
/*  calculator css*/
.calculator-section {
  position: relative;
  background: #010101;
  /*   display:none; /* Do not remove */ */
}

.btn-group button {
  background-color: transparent;
  border: 1px solid #50B16B;
  font-size: 30px;
  border-radius: 10px;
  color: #75EEA5;
  padding: 10px 24px;
  cursor: pointer;
  margin: 3px;
  border-radius: 10px;
  /*   font-weight: 700; */
  min-height: 74px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.active-input {
  font-weight: 700;
  background: linear-gradient(180deg, #FFFFFF 0%, #75EEA5 100%);
  /* Primary/Money Green */

  border: 1px solid #50B16B;
  /* Card/Dark Mode */

  box-shadow: 0px 22px 50px #191A1B;
  border-radius: 10px;
  color: #1D6D4C !important;
}
.btn-group {
  display: flex;
  grid-template-columns: max-content max-content max-content max-content; 
}

.btn-group:after {
  content: "";
  clear: both;
  display: table;
  align-items: center;
}

.btn-group button:hover {
  background: linear-gradient(180deg, #FFFFFF 0%, #75EEA5 100%);
  color: #1D6D4C
}

.input {
  background-color: transparent;
  border: 1px solid #50B16B;
  font-size: 30px;
  border-radius: 10px;
  color: white;
  padding: 10px 24px;
  cursor: pointer;
  margin: 3px;
  max-width: 233px;
  min-height: 74px;
  border-radius: 10px;
  font-weight: bold;
}

.title {
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  /* identical to box height, or 133% */
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  letter-spacing: -0.5px;
  color: #FFFFFF;
  padding-top: 30px;

}

.max {
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */

  display: flex;
  align-items: center;
  letter-spacing: -0.2px;

  /* Text/Brand/Mint Green */
  margin-top: 0px;
  color: #75EEA5;
}

.container {
  align-items: center;

  margin: auto;

}

.inner span {
  color: white;
  font-size: 54px;
  font-weight: bold;

}

.output p {
  font-size: 30px;
  width: auto;
  color: white;
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;

  align-items: center;
  letter-spacing: -0.5px;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #75EEA5;
}

.second {
  font-size: 30px;
  width: auto;
  color: white;
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  line-height: 55px;
  align-items: center;
  letter-spacing: -0.5px;

  color: #75EEA5;
}

.peso {
  font-size: 30px;
}

.output {
  background-color: #202122;
  border-radius: 25px;
  display: flex;
  margin-top: 43px;
  align-items: center;
  max-width: 676px;
  padding: 10px 20px;
  max-height: 159px;
  justify-content: center;
  gap: 55px;
}

.vertical-line {
  display: inline-block;
  border-left: 1px solid #75EEA5;
  margin: 0 10px;
  height: 100px;

  margin: auto;
}

.footer {
  justify-content: space-between;
  max-width: 1157px;
  /* margin-top: 20px; */
  /* grid-template-columns: 1fr 1fr; */
  display: flex;
  padding: 10px;
  margin-top: 20px;
  margin: auto;
  background-color: #082F1F;
  border-radius: 25px;

}

.footer p {
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 40px;
  /* margin-top: 0px !important; */

  align-items: center;
  letter-spacing: -0.5px;
  color: #75EEA5;
  flex: none;
  order: 0;
  flex-grow: 0;
  color: #FFFFFF;
  max-width: 360px;

}

.footer .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 25px;
  gap: 10px;
  width: 174px;
  height: 66px;
  background: #75EEA5;
  border-radius: 22px;
  flex: none;
  order: 1;
  flex-grow: 0;
  font-size: 18px;
  color: black;
  border: none;
  font-weight: 600;
}

.con {

  display: grid;
  grid-template-columns: auto auto;
  gap: 1rem;
  /* border-radius: 30px;
  margin: 0 auto;
  max-width: 1312px;
  */
  padding: 75px 65px 65px 0;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

.savealert {
  float: right;
  position: absolute;
  margin-left: 460px;
  display: none;
}

.spendalert {
  float: right;
  position: absolute;
  margin-left: 460px;
  display: none;
}

.input::placeholder {
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;

  display: flex;
  align-items: center;
  letter-spacing: -0.5px;



  color: #B2B2B2;
}

.hrfirst {
  display: block;
  border-color: #75EEA5;
  height: 100px;
  border-width: 1px;
  border-style: inset;
  margin: 0px;
}
.hrsecond {
  display: block;
  border-color: #75EEA5;
  height: 100px;
  border-width: 1px;
  border-style: inset;
}

@media only screen and (max-width: 1109px) {
  .spendalert {
    margin-left: 200px;
  }

  .savealert {
    margin-left: 200px;
  }



}

#hbanking_table_interest .popup-close {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  height: 29px;
  line-height: 28px;
  opacity: .7;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 10px;
  transition: .4s;
  align-content: center;
  width: 32px;
  z-index: 10044;
  /* border: 1px solid; */
  border: 1px solid #50b16b;
  /* height: 100px; */
  border-radius: 110%;
  -moz-border-radius: 50%;
  /* -webkit-border-radius: 50%; */

}

.hbanking_contents {
  position: relative;
  max-width: 720px;
  background: #202122;
  border: 2px solid #75EEA5;
  border-radius: 20px;
  margin: auto;

}

.cell {
  border: 2px solid #1F5522;
  padding: 40px;
}

.hbanking_contents h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 33px;
  letter-spacing: -0.5px;
  color: #fff;
  padding: 0 51px;
}

.hbanking_table {
  color: #fff;
  border-collapse: collapse;
  width: 100%;

}

.hbanking_table {
  border-style: hidden;

}

.hbanking_contents td {
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  /* or 156% */


  align-items: center;
  letter-spacing: -0.2px;
}

.hbanking_contents th {
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  padding: 0 53px 20px;
  /* or 140% */

  vertical-align: initial;

  /* Text/Brand/Mint Green */

  color: #75EEA5;
}

@media only screen and (max-width: 1109px) {
  .spendalert {
    margin-left: 200px;
  }

  .savealert {
    margin-left: 200px;
  }



}

@media only screen and (max-width: 1200px) {
  .con {
    /*     background: radial-gradient(50% 50% at 50% 50%, #28855E 0%, #0D4A31 84.38%, #093825 100%); */
    display: grid;
    grid-template-columns: 100%;
    padding: 75px 0px 65px 0;

  }

  .left {
    height: auto;
    margin: auto;
    width: 100%;
  }

  .container {
    width: max-content;
    margin: auto;
  }

  .output {
    max-width: 100%;
    max-height: initial;
    padding: 20px 30px;
  }

  .notifdiv {
    display: contents;

  }

  .split {
    width: 100%;
  }



}
.wholecontainer {
  border-radius: 30px;
  margin: 0 auto;
  max-width: 1312px;
  padding-bottom: 50px;
  background: radial-gradient(50% 50% at 50% 50%, #28855E 0%, #0D4A31 84.38%, #093825 100%);
}
.footerlist {
  align-self: center;
  padding: 0 19px;
}
.footerlist p {
  margin: 0;
  align-self: center;
  font-family: 'Cerebri Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  /* or 156% */
  align-self: flex-end;
  align-items: center;
  letter-spacing: -0.2px;
  max-width: max-content;
  /* Text / Light / 3 */

  color: #B2B2B2;
}

.footerlink {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  padding: 0px 20px;
  gap: 81px;

  width: 487px;
  height: 107px;
}
@media only screen and (max-width: 1055px) {
  .output {
    display: block;
  }

  .hrline {
    height: 0px;
    margin: 0px;
  }

  .footer {
    display: block;
    text-align: -webkit-center;
    max-width: 676px;
  }
}
.sup {
  font-size: 12px;
  margin-right: 2px;
  margin-left: 2px;
  font-family: Cerebri Sans Pro;
  font-weight: normal;

}

.wholecontainer {
  border-radius: 30px;
  margin: 0 auto;
  max-width: 1312px;
  padding-bottom: 50px;
  background: radial-gradient(50% 50% at 50% 50%, #28855E 0%, #0D4A31 84.38%, #093825 100%);
}


.footerlink a{
  color: #75EEA5;
  text-decoration:underline;
}
.binterest{
  max-width:342px;
}
.pday{
  max-width:max-content ;
}
@media only screen and (max-width: 767px) {
  .btn-group {
    gap:10px; 
  }
  .btn-group .deskview{
    display: none;
  }
  .btn-group .mobviewtext{

    display: inline-flex !important;
    align-items: center;
    gap: 10px;
  } 
  .btn-group button, .input {
    min-height:50px; 
    letter-spacing: -0.5px;
    margin:0;
    padding: 1px 6px;

  }
  .btnsave {
    font-size: 22px;
    line-height: 32px;
  }
  .mobviewtext {
    font-family:'Cerebri Sans Pro', sans-serif; 
  }
  .btn-group {
    display: inline-block;
    grid-template-columns: max-content max-content max-content max-content;
  }
  .container {
    width:auto;
    padding :25px;
  }
  .title{
    font-size: 22px;
    padding-top:33px;
  }
  .input{
    max-width:153px;
  }
  .input::-webkit-input-placeholder {
    font-size: 22px;
  }
  .day{
    font-size: 22px!important;
  }
  .center{
    content:url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/mobilebanner.png');
  }
  .output p{
    font-size: 22px;
  }
  .inner span{
    font-size: 44px;
  }
  .footerlist p {
    font-size: 14px;

  }
  .footerlist{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .footer {
    text-align: -webkit-match-parent;
    margin: 25px;
  }
  .footerlinkp {
    max-width: auto;
  }
  .footerlink{
    width:auto;
    margin-top: 20px;
    display:block;
  }
  .con {
    padding-bottom:0px;
  }
  .output{
    margin-top: 13px;
  }
  .btndays{
    font-size: 30px!important;
  }
  .btnsave, .btnspend{
    font-size: 30px!important;
  }

}

/*  end calculator css */
.savings_percentage .firsticon::after{
  content:"👍";
  position:relative;
  font-size: 50px;
  transform: rotate(-15.15deg);
  right: -82px;
  top: -4px;
}

.savings_percentage .secondicon::after{
  content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/firsticon.png');
  position:relative;

  transform: translateY(-50%);
  right: -110px;
  top: 42px;
}
.savings_percentage .thirdicon::after{
  content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/secondicon.png');
  position:relative;

  transform: translateY(-50%);
  right: -110px;
  top: 42px;
}
.savings_percentage .fourthicon::after{
  content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/thirdicon.png');
  position:relative;

  transform: translateY(-50%);
  right: -130px;
  top: 48px;
}
.savings_percentage .fifthicon::after{
  content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/fourthicon.png');
  position:relative;

  transform: translateY(-50%);
  right: -124px;
  top: 52px;
}
.startcon{
  position:relative
}
.startcon::after{
  content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/smallstar.png');
  position:absolute;
  right: 227px;
  top: 122px;
}
.startcon::before{
  content: url('https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/bigstar.png');
  position:absolute;
  left: 242px;
  top: 38px;
}
.input:focus{
  outline: none;
  background: transparent;
  border-image-slice: 30;
  border-image-source: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/input-gradient.png);
  border-image-width: 20px;
  letter-spacing: inherit;
  width: 100%;
}
.days{
  font-size: 25px;
}
.pes{
  font-size: 25px;
  font-family: Cerebri Sans Pro;
  font-weight: 700;}

.inputactive{
  background: transparent;
  border-image-slice: 30;
  border-image-source: url(https://www.maya.ph/hubfs/Maya/HIGH%20ENGAGEMENT%20BANKING/input-gradient.png);
  border-image-width: 20px;
  letter-spacing: inherit;
  outline: none;
  width: 100%;
}
.slidecontent{
  display:flex;
  flex-direction:column;
  max-width:893px;
  margin:auto;
}
.midtext{
  color: #FFF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Cerebri Sans Pro;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px; /* 143.75% */
  letter-spacing: 6px;
  text-transform: uppercase;
}
.lowertext{
  color: #75EEA5;
  font-family: Cerebri Sans Pro;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.newupdate{
  display:none;
}
.update{
  display:none;
}

/* Revamped */
#mobile_screens .splide__arrow{
  background: #75eea5;
  opacity: 1;
}
.gradient-text{
  font-weight: bold;
  background: linear-gradient(to right, #A3FFD7, #2FF29E, #A3FFD7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.refermoresection{
  background: linear-gradient(0deg, #000000, #000000),
}
.refermorecontainer{
  background: radial-gradient(38.54% 44.75% at 50% 55.65%, #1E7E54 0%, #000000 100%) ;
}
.refermorecontent{
  max-width:900px;
  margin:auto;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.refermore-border{
  border: 2px solid;
  border-image-slice: 30;
  border-image-source: url(https://www.maya.ph/hubfs/Member%20get%20member/refermore-card-border.png);
  border-image-width: 30px;
  border-radius: 30px;
  overflow: hidden;
}
.text_size_48 {
  font-size: 48px;
  line-height: 64px
}
.text_size_34 {
  font-size: 34px;
  line-height: 44px
}
.refermore-card{
  display: flex;
  gap: 10px;
  padding: 20px;
  position:relative;
  align-items: center;
  overflow: visible;
}
.refermorecontent .refermore-card:nth-child(1) {
  max-width:70%;
}
.refermorecontent .refermore-card:nth-child(1):after{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/card-icon-first.png');
  position:absolute;
  right: -27px;
}
.refermorecontent .refermore-card:nth-child(2) {
  max-width:80%;
}
.refermorecontent .refermore-card:nth-child(2):after{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/card-icon-second.png');
  position:absolute;
  right: -27px;
}
.refermorecontent .refermore-card:nth-child(3) {
  max-width:90%;
}
.refermorecontent .refermore-card:nth-child(3):after{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/card-icon-third.png');
  position:absolute;
  right: -27px;
}
.refermorecontent .refermore-card:nth-child(4) {
  max-width:100%;
}
.refermorecontent .refermore-card:nth-child(4):after{
  content:url('https://www.maya.ph/hubfs/Member%20get%20member/card-icon-fourth.png');
  position:absolute;
  right: -27px;
}
.refermorecontent .refermore-card:nth-child(1) h5{
  color:#DCFFEA;
}
.refermore-card h5{
  color:#A6F7C6
}

.mbr{
  display:none;
}

@media only screen and (max-width: 767px) {
  .refermore-card{
    flex-direction:column;
    align-items: self-start;
  }
  .mbr{
    display:block;
  }
  .dbr{
    display:none;
  }
  .refermorecontent .refermore-card:nth-child(1):after{
    top: 30%;
    /*     zoom: 1.5; */
  }
  .refermorecontent .refermore-card:nth-child(2):after{
    top: 10%;
    /*     zoom: 1.5; */
  }
  .refermorecontent .refermore-card:nth-child(3):after{
    bottom: 20%;
    /*     zoom: 1.5; */
  }
  .refermorecontent .refermore-card:nth-child(4):after{
    bottom: 30%;
    /*     zoom: 1.5; */
  }
  .md-text_size_18 {
    font-size:18px!important;
    line-height: 28px!important;
  }
  .md-text_size_44 {
    font-size: 44px!important;
    line-height: 54px!important;
  }
}


/* Start Earning */
.startearningsection{
  background:#000;
}
.startearningcontainer{
  max-width:1440px;
  margin:auto;
}
.startearning-card{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.steps{
  background: #75EEA5;
  padding: 0px 10px 0px 10px;
  border-radius: 50px;

}
.mw{
  max-width: max-content;
}
.startearning-card img{
  max-width:120px;
}
.startearningcontent{
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: auto;
  border-radius: 40px;
  background-image: url(https://www.maya.ph/hubfs/Member%20get%20member/step%20bg.png);
  padding: 40px;
  gap: 30px;
  background-size: cover;
  border: 2px solid;
  border-image-slice: 30;
  border-image-source: url('https://www.maya.ph/hubfs/Member%20get%20member/step-border.png');
  border-image-width: 30px;
  border-radius: 30px;
  overflow: hidden;
}
.startearning-card a{
  color: unset;
  text-decoration: underline;
}
.startearning-card a:hover {
  color: #75eea5;
}
.copy{
  padding: 20px 25px;
  border-radius: 22px;
  background: transparent;
  color: #2FF29E;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px; /* 130% */
  letter-spacing: -0.2px;
  border: 2px solid #2FF29E;
  width:max-content;
  cursor: pointer;
  margin:auto;
  font-family: Cerebri Sans Pro, sans-serif;
}
.faqs_intro:before{
  content: url(https://www.maya.ph/hubfs/Member%20get%20member/left-star-header.svg);
  position: absolute;
  right: 17px;
  top: -65px;
}
/* #mobile_screens .splide__track{
max-width:1440px;
margin: auto;
overflow: visible;
} */
#lrtmechanics1 .my-table td, #lrtmechanics1 .my-table th {
  color: #fff;
}
#lrtmechanics1 .my-table p{
  margin-bottom:0;
}

@media only screen and (max-width: 767px) {
  .startearningcontent{
    padding: 20px;
  }
  #mobile_screens .splide__slide,  #mobile_screens2 .splide__slide{

    max-width:400px;
  }

  .md-text_size_44{
    font-size: 44px!important;
    line-height: 54px!important;

  }
}
.link-text:hover{
  color: #459c5d;
}

.text_size_51{
  font-size: 51px;
  line-height: 61px;
}

.tabcontainer {
  overflow: auto;
  background:  linear-gradient(180deg, rgba(117, 238, 165, 0) 36.44%, rgba(117, 238, 165, 0.3) 100%);
  border-bottom: 1px solid #2FF29E;

}
.learn_tabs {
  list-style:none;
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
  padding:0 22px;
  margin: 0;
}
.learn_tabs li {
  text-align:center;
  display:inline-block;
  padding:20px 25px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background:#090909;
  /*   border: 1px solid #75EEA5; */
  color: #75EEA5;
  max-width:267px;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  cursor:pointer;
  transition:all .3s ease;
}
.learn_tabs li.active {
  background: #75EEA5;
  color:#112432;
}
@media only screen and (max-width: 767px) {
  .learn_tabs li{
    max-width:131px;
  }

}