.banner-section{
  background:url(../webp/business-revamped-bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-container{
  overflow:hidden;
  min-height:545px;
  margin:auto;
  position:relative;
}
.banner-container .desktopimg {
  max-width:472px; 
  position:absolute;
  right:5%;
}
/* .banner-container video{
position:absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover; /* ensures video covers without distortion */
}
.banner-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* black overlay at 50% opacity */
} */
.typing-wrap { 
  display:inline; 
}
.typing {
  display:inline-block;
  white-space:nowrap;        /* don't wrap mid-word */
  overflow:visible;         /* make sure nothing is clipped */
  min-width:20px;
  color:#2FF29E;
}
.cursor {
  width:3px;
  height:1.1em;
  margin-left:8px;
  background:#6fffb1;
  display:inline-block;
  animation:blink .7s steps(2) infinite;
  vertical-align:middle;
}

.banner-content{
  max-width:1440px;
  /*   margin:auto; */
  width:100%;
  position:relative;
  z-index:1;
}
.banner-container:after{
  content: '';
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes blink { 50% { opacity:0 } }
@media only screen and (max-width: 767px) {
  .banner-container .mobileimg {
    max-width:100%; 
    position:absolute;
    right:unset;
  }
  .banner-content{
    min-height:622px;
  }
}

/* end banner */

/*  Start Grow your business */
.grow-your-business-section{
  background:#000;
  width:100%;
  position: relative;
}
.grow-your-business-container {
  margin-left:auto;
  margin-right:auto;
  position:relative;
} 
.grow-header-container p{
  max-width:708px;
  margin:auto;
}
.grow-content-container{
  max-width:1300px;
  margin:auto;
}
.grow-content-container img {
  max-width:209px;
  max-height: 213px;
}
@media only screen and (max-width: 767px) {
  .grow-content-container .f-equal{
    flex: 1 1 50%;
    min-width: auto;
  }
  .grow-content-container img {
    max-width: 114px;
  }
  .grow-content-container{
    gap:10px 0px;
  }
}
/*  end Grow your business*/


/* method start */
.method-container{
  max-width:1250px;
}
.method-content {
  position:relative;
}
.method-content:after{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background:url('../png/method-image.png');
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  top: 45px;
  left: -35px;
}
.method-content .cards-contents{
  max-width:331px;
}
.method-content a>i {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  color: #000;
  display: flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.cards-contents a:hover i {
  background: #2ff29e;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .method-content:after{
    content:none;
  }
}
/* method end */

/* start Whats new */

.what-new-section{
  background:#000000;
}
.what-new-container{
  max-width:1440px;
  margin:auto;
  position:relative;
}
/* .what-new-container:after{
content:url('https://www.maya.ph/hubfs/Business%20Revamped/green-glow.svg');
position:absolute;
left: 0;
top: 0;
} */
.whats-new-header{
  max-width:590px;
  position:relative;
  z-index:1;
}
.whats-new-header .headertext{
  margin-top: -250px;
}
.what-new-content{
  z-index:1;
}
.what-new-content-cards{
  background: linear-gradient(270deg, #202122 0%, #151515 100%);
}
.what-new-content-cards img{
  max-width:193px;
}
.what-new-content-card{
  max-width:545px;
  position: relative;
  z-index: 1;
}
.what-new-content-cards a>i {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  color: #000;
  display: flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.what-new-content-card hr{
  background: #2ff29e;
  margin: 10px 0;
}

@media only screen and (max-width: 767px) {
  .what-new-content-cards img{
    max-width:250px;
  }
  .what-new-container:after{
    top: 50%;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
  }
  .whats-new-header img {
    position: absolute;
    max-width: 450px;
    left: -30px;
    bottom: 0;
  }
  .whats-new-header {
    background: #0E0F0F;
    border-top-left-radius: 200px;
    border-top-right-radius: 30px;
    padding: 20px 0px 50px 0px;
    min-height: 587px;
    justify-content:end;
    overflow:hidden;
  }
  .whats-new-header .headertext{
    margin-top: 0;
    position:relative;
    padding:0 20px;
  }

}

/* end Whats new */



/* deals */
.bdeals_section{
  background:#000;
}
.bdeals_container{
  max-width:1250px;
  margin:auto;
}

.bdeals_left{
  max-width:450px;
  z-index: 1;
}
#featured_deals{
  width: 50vw;
}
.bdeals_right{
  flex-grow: 1;
  max-width: calc(100% / 2);
  position: relative;
}
.bdeals_left{
  flex-grow: 1;
  max-width: calc(100% / 2);
  position: relative;
}
.bdeals_left a {
  background:#2FF29E;
  border:1px solid #2FF29E;
  padding: 20px 25px;
  border-radius:22px;
  width:max-content;
  color:#000;
  font-weight:500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
}
.bdeals_left a:hover{
  color:#2FF29E;
  background:none;
}
.featured_deals_card{
  max-width:436px;
  border-radius:30px;
  overflow:hidden;
}
.featured_deals_card i{
  background: #fff;
  border-radius: 20px;
  font-size: 14px;
  height: 24px;
  color:#000;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.featured_deals_card a:hover i {
  background: #2ff29e;
  color: #fff;
}
.description-container{
  background:#19191A;
  height:100%;
}

.featured_cards_progress {
  background: rgba(80, 177, 107,.3);
  margin: 72px auto 0;
  max-width: 400px;
  width: 100%;
}
.featured_cards_progress_bar {
  background: #75EEA5;
  height: 2px;
  transition: width .6s ease;
  width: 0;
}
/* 
#featured_deals .splide__track {
overflow: visible;
}
*/
#featured_deals .splide__slide img {
  object-fit: unset;
  width: auto;
  height: auto;
}
#featured_deals .slide-card-image{
  min-height:290xp;
}
@media only screen and (max-width: 767px) {
  .featured_deals_card{
    max-width:100%;
  }
  .bdeals_left a {
    font-size: 16px;
    line-height: 24px;
  }
  .bdeals_right, .bdeals_left{
    max-width:100%;
  }
  #featured_deals {
    width: auto;
  }

}
/* deals end */

/* stories */
.customerstroies-section{
  background:#000;
}
.customerstroies-container{
  max-width:1440px;
  margin:auto;
}

.stories_left{
  flex-grow: 1;
  max-width: calc(40% / 2);
  position: relative;
}
.stories_right{
  flex-grow: 1;
  max-width: calc(100% / 2);
  position: relative;
}
#customer_container{
  width:100vw; 
}
#customer_container .splide__slide.active {
  background: #FFFFFF;
  max-width:540px;
}
#customer_container .splide__slide.active .customer-description{
  flex-direction:column;
}

#customer_container .splide__slide.active .customer-image{
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.customertestimony_card{
  padding:48px 32px 24px 32px;
  background:linear-gradient(180deg, #2BDB8F 0%, #04922B 100%);
  max-width:400px;
  /*    transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1); */
}
#customer_container .splide__slide.active .testimony-text {
  color:#666666;
}

}
.testimony-text {
  color:#0D2F20;
}
.customer-description span, .customer-description h4{
  color:#000;
}
.customer-details span{
line-height:120%!important;
}
.slidercontent-container{
  position:relative;
}
.slidercontent-container:before{
  content:'';
  background:url('../png/customersay-image.png');
  background-size: contain;
  background-repeat:no-repeat;
  width:438px;
  height:500px;
  position:absolute;
}
.button-container{
  display: flex;
  gap: 20px;
  justify-content:end;
  padding-top:30px;
}
.button-container .prev svg {
  transform: scaleX(-1); 
}
.button-container button{
  width: 64px;
  height: 64px;
  background: url('../png/arrow-bg-sample.png');
  padding: 0;
  border: none;
  border-radius: 22px;
  background-size: contain;
  cursor: pointer;
}
.button-container i {
  font-size: 35px;
  color: #fff;
}
.button-container .prev svg {
  transform: scaleX(-1);
}
.lh120{
  line-height: 120%!important;
}
.customer-image{
  width:64px;
  height:64px;
  border-radius:50%;
}
@media only screen and (max-width: 767px) {
  .button-container{
    padding-top:0px;
    margin-top:-30px;
  }
  .customertestimony_card{
    background:#fff!important;
    min-height: 441px;

  }
  .customer-description{
    flex-direction:row!important;
  }
  .featured_deals_card{
    max-width:100%;
  }
  .bdeals_left a {
    font-size: 16px;
    line-height: 24px;
  }
  .stories_right, .stories_left{
    max-width:100%;
  }
  #customer_container {
    width: auto;
  }
  #customer_container{
    padding-top:250px;
  }
  .slidercontent-container:before{ 
    width: 300px;
    height: 428px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}
/* stories end */


.covered-container{
  max-width:1232px;
  background: linear-gradient(270deg, #202122 0%, #151515 100%);
}
.covered-image-container img{
  max-width:511px;
}
.covered-container a > i{
  background: #2FF29E;
  border-radius: 20px;
  font-size: 14px;
  height: 24px;
  color:#000;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Global */
.mayabiz-button{
  padding:16px 32px;
  color:#000000;
  background:#2FF29E;
  border:none;
  border-radius:20px;
  font-size:20px;
  font-weight:bold;
  width:max-content;
  cursor: pointer;
}
.mayabiz-button:hover{
  color:unset;
}

.text_size_80 {
  font-size: 80px;
  line-height: 92px;
}
.text_size_60 {
  font-size: 60px;
  line-height: 70px;
}

@media only screen and (max-width: 600px) {
  .md-text_size_60 {
    font-size: 60px;
    line-height: 70px
  }
  .md-text_size_44 {
    font-size:44px!important;
    line-height:54px!important;
  }
  .md-text_size_48 {
    font-size:48px !important;
    line-height:48px !important;
  }
  .md-text_size_15 {
    font-size:15px!important;
    line-height:120%!important;
  }
  .md-text_size_16 {
    font-size:16px!important;
    line-height:120%!important;
  }
  .md-text_size_18 {
    font-size:18px!important;
    line-height:120%!important;
  }

}

.zindex-1{
  position:relative;
  z-index:1;
}