.banner-section{
  background:#1f2222;
}
.banner-container{
  max-width:1200px;
  margin:auto;
}
.banner-content h4{
  color:red;
  text-transform: uppercase;
  font-size: 100px;
  line-height: 110px;
}

@media screen and (max-width: 767px) {
  .banner-content h4 {
    font-size: 40px;
    line-height: 50px;
  }
}


/* Do not click section */

.donotclick-section{
  /*   background: linear-gradient(180deg,rgba(220, 220, 220, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(0, 0, 0, 1) 100%); */
  background:url('https://www.maya.ph/hubfs/Scam%20Patrol/section-2-bg.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: top;
}
.donotclick-container{
  max-width:1200px;
  margin:auto;
}
.donotclick-content img{
  max-width: 900px;
  margin-top: -100px;
  margin-left:50px;

}
.donotclick-desc{
  max-width:700px;
  margin:auto;
}

@media screen and (max-width: 767px) {
  .donotclick-content img {
    max-width: 500px;
    margin-top: -64px;
  }
  .donotclick-section{
    background-size: 1094px auto;
  }
  .donotclick-desc p {
  font-size:16px!important;
    line-height: 26px !important;
  }
  .donotclick-desc h4 {
  font-size: 22px !important;
    line-height: 32px !important;
    }
}


/* Hijacking */
.hijacking-section{
  /*   background-image:url('https://www.maya.ph/hubfs/Scam%20Patrol/background-hijacking.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: top; */
  /*   background-color:#000; */
  background:url('https://www.maya.ph/hubfs/Scam%20Patrol/section-3-bg.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: top;
  overflow:hidden;
  position:relative;
}
/* .hijacking-section:after{
content:'';
position:absolute;
height:100%;
width:100%;
top:0;
background-color:rgba(0,0,0,0.5);
} */
.hijacking-container{
  position:relative;
  z-index:1;
  max-width:1440px;
  margin:auto;
}
/* sliders */
.slide-card-container{
  position: relative;
  border-radius: 30px;
  background:#151616;
  padding: 20px;
  min-height: 450px;
  height:100%;
  max-width: 350px;
}
.mockup .slide-card-container{
  background:none;
  min-height: max-content;
  padding:0;
}
.card-descriptiont {
  width:100%;
}
.card-descriptiont sup{
  background: #2ff29e;
  border-radius: 50%;
  color: #000;
  display: inline-block;
  font-size: 15px;
  height: 26px;
  letter-spacing: -.2px;
  line-height: 26px;
  max-width: 26px;
  text-align: center;
  top: 0;
  width: 100%;
}
.card-text-container strong{
/*   color:red; */
} 
.card-text-container .c_red {
  color:red;
}
.card-text-container p{
  margin-bottom:0;
}

/*  */
.slider-footer-container{
  display: none;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin: auto;
  margin-top:30px;
  gap: 30px;
}
#steps_splide1 .splide__track{
  overflow:visible;
}
.slider-footer-container .slider_grid_progress {
  background: rgba(80, 177, 107, 0.3)!important;
  max-width: 420px!important;
  width: 100%!important;
  margin-top: unset!important;
  margin-left: unset!important;
  transform: unset!important;
}
.slider_grid_progress_bar {
  background: #2FF29E;
  height: 2px;
  transition: width 600ms ease;
  width: 0;
}

.button-container .prev svg {
  transform: scaleX(-1); 
}
.button-container button{
  width: 40px;
  height: 40px;
  background: #75eea5;
  padding: 0;
  border: none;
  border-radius: 22px 22px 22px 22px;
}
.button-container svg {
  height: 14px;
  fill: #090909;
}
@media only screen and (max-width: 767px) {
  .slider-footer-container{
    display:flex;
  }
  .slide-card-container{
    max-width:320px;
  }
}


/*  */


/* Next time start */
.nexttime-section{
  /*   background:#000; */
  background:url('https://www.maya.ph/hubfs/Scam%20Patrol/section-4-bg.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: top;
}
.nexttime-container{
  max-width:1440px;
  margin:auto;
}
.nexttime-body .julia{
  max-width:500px;
  margin:auto;
}
.fold-4{
  max-width:800px;
}
.footer-text{
  max-width: 600px;
  width:100%;
  padding: 20px;
  background: #151616;
  border-radius: 20px;
}
/* .features-container img{
max-width:400px;
} */
@media only screen and (max-width: 767px) {
  .nexttime-body .julia{
    max-width:100%;
  }
  .fold-4{
    max-width:100%;
  }
  .nexttime-body p{
    max-width: 100%;
  }
  .features-container img{
    max-width:250px;
  }
  /* Next time end */

  /* global*/

  .blk{
    color:#000;
  }