
.w_faq  {
    padding: 80px 0;
    overflow: clip;

}
.w_faq h1 {
    font-size: 50px;
    text-align: center;
    line-height: 66px;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
}


.w_faq .accordion-item{
        border: 0;
        padding: 0 0;
        border-bottom: 1px solid 
    color-mix(in srgb, var(--default-color), transparent 85%);
        overflow: hidden;
    }
    .w_faq .img_area .accordion-item {
border: 0;
padding: 0;
    }
    .w_faq  .accordion-button:not(.collapsed) {

        border: 0;
        background: none;
        color: #000;
    }

    .w_faq  .accordion-button:focus{
        box-shadow: none;
    }
    .w_faq .accordion-item h2 button{
        
     
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 27px;
    font-weight: 400;
    line-height: 38px;
    padding-left: 0;
    color: #3D3D3D;
    color: #000;


}
.w_faq  .accordion-body{
    padding-right: 40px;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    text-align: left;
    padding-left: 0px;
}

.w_faq   .accordion-body a{
    display: block;
}

.w_faq   .accordion-body span {
    font-size: 24px;
    font-weight: 600;
    line-height: 35.83px;
    text-align: center;
    text-transform: uppercase;

}

.why_us .accordion-body{ 
    padding-right: 0;
}
.why_us h2 strong{
    font-weight: 600;

}


/*--------------------------------------------------------------
# Pay Option  Section End
--------------------------------------------------------------*/
.pay_option, #pay_option{
    padding-top: 0;
    /* padding-bottom: 120px; */
    /* background-color: #3D3D3D;
    background: linear-gradient(90.08deg, #FFFFFF 68.64%, rgba(255, 255, 255, 0) 99.94%); */
    /* background: url(../../assets/img/bb/pay_option.svg) no-repeat left bottom; */
  }

  .pay_option .w_container{
    background: url(../../assets/img/bb/pay_option.svg) no-repeat right -50px;
    padding-bottom: 120px;
  }
  .pay_option .col-lg-6:first-child{ 
    /* background: linear-gradient(90.08deg, #FFFFFF 68.64%, rgba(255, 255, 255, 0) 99.94%); */
  
  }
  
 
.abc {
  position: relative; /* Ensure the child slider is positioned correctly */
  height: 300px; /* Set desired height for the slider */
  overflow: hidden; /* Hide overflow for smooth effect */
}

.background-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%; /* Twice the container width for seamless sliding */
  width: 3544px; /* Twice the container width for seamless sliding */
  height: 100%;
  display: flex;
}

.background-slider::before,
.background-slider::after {
  content: '';
  flex: 1;
  /* background: url('http://127.0.0.1:5501/assets/img/bb/pay3.png') no-repeat center center; */
  background: url('../../assets/img/bb/payments.svg') no-repeat center center;

   /* Replace with your image */
  /* background-size: cover; */
}

@keyframes seamlessSlide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.background-slider {
  animation: seamlessSlide 10s linear infinite; /* Adjust timing as needed */
}

  .stripe{
    display: none;
  }
  .pay_option img{
    max-width: 100%;
  }
  
  
  .pay_option h2 {
  
    font-size: 50px;
    font-weight: 600;
    line-height: 66.5px;
    /* text-align: left; */
    color: #000;
    }
  
    .pay_option p {
  
      font-family: Segoe UI;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  /* text-align: left; */
  
    }
    .pay_option a  span {
      font-size: 24px;
      font-weight: 600;
      line-height: 36px;
      text-align: center;
      text-transform: uppercase;
    }
  
    .pay_option a i:before {
      content: "\f135";
      position: relative;
      top: 3px;
      font-size: 30px;
  }
@media (max-width: 991px) {
    .w_faq h1{

        font-size: 28px;
    }
.w_faq .accordion-item h2 button{
    font-size: 20px;
}
.w_faq .accordion-body{
    font-size: 18px; 
 
   
}
.w_faq .accordion-body img{
    

}
.w_faq .img_area .accordion-body {
text-align: center;
}
.pay_option, #pay_option {
    text-align: center;
    padding-bottom: 20px;
    background: none;

  }
  .pay_option h2 {
    font-size: 40px;
  }
  .pay_option img{
    margin: 0 auto;
    display: block;
  }
  .pay_option .w_container{
    background: none;
  }
}
@media (min-width: 1200px) {
    .w_container{
        max-width: 1322px;
      }
      .why_us .container-fluid{
        max-width: 1380px;
      }
  }