.banner-padding-top {
  padding-top: 8.5625rem !important;
}

.faq-title{
    padding-top:80px !important;
}

@media only screen and (max-width: 1000px) {
  .grow-your-business-img {
    background-size: auto 70% !important;
    min-height: 450px !important;
  }

  .banner-padding-top {
    padding-top: 9.3125rem !important;
  }
}

@media only screen and (max-width: 1200px) {
  #grant-advance-testimonials-root .swiper-wrapper {
    height: 600px;
  }

  #grant-advance-testimonials-root .testimonial-container {
    width: 75%;
  }
}

@media only screen and (max-width: 992px) {
    .footer-mobile-header { 
        border-bottom: 1px solid #3C424D; 
    } 
    
  .fuel-your-business-img {
    background-size: auto 55% !important;
    background-position: center bottom !important;
  }

  .footer-display--main {
    display: none;
  }

  .footer-display--alt {
    display: inline;
  }

  .rounded-pill {
    border-radius: var(--bs-border-radius-xxl) !important;
  }

  .content-border-left,
  .content-border-right {
    border: none;
  }

  .content-border-left {
    border-bottom: 1.5px solid #93c8d0;
  }

  .content-border-right {
    border-top: 1.5px solid #93c8d0;
  }

  .section-with-divider {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
    justify-content: center;
  }

  .rte-section-bg-image {
    min-height: 650px ;
    background-size: 350px auto !important;
  }

  .rte-section-bg-image p {
    width: 65%;
  }

  .save-invest-feature-card,
  .shop-feature-card {
    padding-left: 15%;
    padding-right: 15%;
  }

  #two-ways-container {
    min-height: 350px !important;
  }

  #points-container {
    min-height: 400px !important;
    background-size: auto 75% !important;
  }

  #partner-logo-main {
    height: 580px !important;
  }

  .react-embed .swiper {
    height: 65vh !important;
  }

  .react-embed .swiper-wrapper {
    min-height: 55vh !important;
    height: 55vh;
  }

  .item-spacer {
    display: none;
  }

  .modal-semi-fullscreen {
    width: 95vw;
  }
  .modal-semi-fullscreen .modal-body {
    background-image: none !important;
  }

  .payment-distribution-container {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .bnpl-section-buy-tyme-container {
    padding: 5rem;
    align-items: start !important;
    background-size: auto 75% !important;
    background-position: bottom right !important;
  }

  .bnpl-section-divide-cost-container {
    background-size: 42% auto !important;
  }

  .media-news-featured-img,
  .media-featured-img {
    border-radius: 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .media-news-featured-content {
    border-radius: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  /* Elements/Sections with inline-bg image */
  .img-inline-bg {
    background-size: 45% !important;
  }
  .img-inline-bg.img-how-you {
    background-size: 55% !important;
  }

  .img-inline-bg-2 {
    background-size: 100% !important;
  }

  .shap-id-container {
    background-size: cover !important;
    background-position: center !important;
  }

  .payshap-text {
    color: white !important;
  }

  .payshap-text-center {
    display: flex;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .payshap-section-block {
    min-height: 60vh !important;
    background-size: 60% !important;
    background-position: right bottom !important;
  }

  .payshap-bg-cover {
    background-size: cover !important;
    background-position: center center !important;
    min-height: 35vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .payshap-rewards {
    background-size: 60% !important;
    min-height: 60vh !important;
    background-position: right bottom !important;
  }

  .payshap--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: auto 45% !important;
  }

  .payshap--card {
    min-height: 320px !important;
  }

  .fd-section--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: auto 40% !important;
    min-height: 700px !important;
  }

  .fd-section--container .fd-section--container {
    min-height: unset !important;
  }

  .fd-section--container-alt {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: auto 70% !important;
    min-height: 650px !important;
  }

  .fd-bg-lg {
    background-size: auto 55% !important;
  }

  .fd-card-md {
    min-height: max-content !important;
  }
  
  .contact-card-md {
    min-height: 250px !important;
  }


  .fd-card-sm {
    min-height: 220px !important;
  }

  .db-section--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: auto 60% !important;
    min-height: 900px !important;
  }

  .vc-section--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: auto 90% !important;
    min-height: unset !important;
  }

  .ga-section--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: auto 50% !important;
    min-height: 500px !important;
  }

  .fd-calc-section--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-position: bottom right !important;
    background-size: auto 45% !important;
    min-height: 500px !important;
  }

  .gs-calc-section--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-position: bottom right !important;
    background-size: auto 70% !important;
    min-height: 500px !important;
  }

  .home--card {
    min-height: 250px !important;
  }

  .ga-testimonial--container {
    background-size: 40% auto !important;
    background-position: bottom right !important;
  }

  .vc-video--container {
    height: 400px !important;
  }

  .vc-strip-cards {
    min-height: 220px !important;
  }

  .home-section--container {
    display: flex !important;
    align-items: start !important;
    background-size: auto 80% !important;
    min-height: 600px !important;
  }

  .home-bg-size-md {
    background-position: bottom right !important;
    background-size: auto 55% !important;
  }

  .home-bg-pos-right {
    background-position: right center !important;
  }

  .home-bg-pos-left {
    background-position: left bottom !important;
  }

  .home-bg-center {
    background-position: bottom center !important;
  }

  .industries--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    min-height: 750px !important;
  }

  .induestries-text-container {
    width: 100% !important;
  }

  .industries-food-img {
    background-size: auto 60% !important;
    background-position: center bottom !important;
  }

  .industries-restaurant-img {
    background-size: auto 55% !important;
  }

  .industries-liquor-img {
    background-size: auto 50% !important;
    background-position: center bottom !important;
  }

  .industries-hardware-img {
    background-size: auto 60% !important;
    background-position: center bottom !important;
  }

  .industries-ecommerce-img {
    background-size: auto 50% !important;
    background-position: center bottom !important;
  }

  .industries-medical-img {
    background-size: auto 45% !important;
  }

  .industries-medical-h--container {
    min-height: 850px !important;
  }

  .industries-manufacturing-img {
    background-size: auto 50% !important;
    background-position: center bottom !important;
  }

  .industries-automotive-img {
    background-size: auto 60% !important;
    background-position: center bottom !important;
  }

  .industries-beauty-img {
    background-size: auto 55% !important;
  }

  .industries-health-img {
    background-size: auto 70% !important;
    background-position: center bottom !important;
  }

  .industries-hospitality-img {
    background-size: auto 60% !important;
    background-position: center bottom !important;
  }

  .business-advance-hero-banner {
    background-position: top right !important;
  }

  .about-us-section--container {
    background-size: cover !important;
    background-position: center !important;
  }

  .about-us-section--container {
    position: relative;
    z-index: 0; /* establish stacking context */
  }

  .about-us-section--container::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6); /* white overlay */
    z-index: 0; /* behind text */
    pointer-events: none;
  }

  .about-us-section--container > * {
    position: relative;
    z-index: 1; /* bring text above overlay */
  }

  .calc-text-container {
    width: 100% !important;
  }

  .banner-position-sm-right {
    background-position: 80% bottom !important;
  }

  .banner-position-md-right {
    background-position: 70% bottom !important;
  }

  .medical-banner-position-md-right {
    background-position: 80% bottom !important;
  }

  .business-contact-us-position-md-right {
    background-position: 75% bottom !important;
  }

  .business-advance-hustle-section-image {
    width: auto;
    height: 450px;
  }

  .business-advance-business-owners-section {
    min-height: 750px !important;
    background-size: cover !important;
    background-position: 35% !important;
  }

  .ba-hustle-to-heights--container {
    background-position: center bottom !important;
    background-size: auto 450px !important;
    min-height: 1000px !important;
  }
  
  .instant--container{
    background-size: auto 45% !important;
    align-items: start !important;
    min-height: 900px !important;
  }
  
  .instant-enhanced--container {
    background-size: 300px !important;
    align-items: start !important;
    min-height: 700px !important;
   }
   
   .w-90{
       max-width: 90% !important;
   }
   
   .min-height-max-content {
        min-height: max-content !important;
    }
   
   /* FONT COLOR */
   .mobile-aqua{
       color:var(--aqua) !important;
   }
   .mobile-purple{
       color:var(--purple) !important;
   }
   .mobile-black{
       color:black !important;
   }
   .mobile-white{
       color:white !important;
   }
   
   .together-security, .our-security{
       min-height: 650px !important; 
   }
   
   .pt-10px{
       padding-top: 0.625rem;
   }
   

   
}

/* Security banner — mobile layout */
@media (max-width: 991px) {
  body:not(.dark-mode) .security-banner {
    background-position: center top !important;
    align-items: start !important;
    padding-top: 150px;
  }

  .dark-mode .security-banner {
    background-position: center top !important;
    align-items: start !important;
    padding-top: 150px;
  }

  .security-banner h1,
  .security-banner p {
    text-align: center !important;
  }

  .security-banner .banner-with-text-section {
    justify-content: center !important;
  }

  .security-banner .text-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* Security promise section — match reference column padding (72px each side) */
@media (min-width: 1200px) {
  .security-promise .row {
    --bs-gutter-x: 144px;
  }
}

/* Security promise — image bottom on mobile */
@media (max-width: 991px) {
  .security-promise .row > .order-1 {
    order: 2 !important;
  }
  .security-promise .row > .order-2 {
    order: 1 !important;
  }
}

/* Debit Card: At GoTyme Bank section */
.db-at-gotyme {
  overflow: hidden;
}

.db-at-gotyme .container-at-gotyme {
  display: flex;
  align-items: flex-end;
}

.db-at-gotyme .container-at-gotyme .fr-body-1 {
  flex: 0 0 55%;
  align-self: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.db-at-gotyme .rte-bottom-image-wrapper {
  flex: 0 0 45%;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.db-at-gotyme .rte-bottom-image {
  width: 100%;
  max-width: 500px;
  max-height: 470px;
  object-fit: contain;
  object-position: bottom right;
  display: block;
  margin: 0 auto;
}

@media (min-width: 992px) {
      .db-at-gotyme {
        margin-top: 2.5rem;
      }
      
      .pe-9rem{
          padding-left: 6rem !important;
      }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
      .pe-9rem{
          padding-left: 3rem !important;
      }
}

@media (max-width: 991.98px) {
  .db-at-gotyme .container-at-gotyme {
    flex-direction: column;
    align-items: stretch;
    max-height: none;
  }

  .db-at-gotyme .container-at-gotyme .fr-body-1 {
    flex: none;
    padding: 3rem 1rem 1rem;
  }

  .db-at-gotyme .rte-bottom-image-wrapper {
    flex: none;
    text-align: center;
  }

  .db-at-gotyme .rte-bottom-image {
    max-width: 350px;
    max-height: 380px;
    margin: 0 auto;
  }
}

/* Debit Card: Smart Features section */
.db-smart-features.rte-side-image-card {
  border-radius: 1.5rem;
}

.db-smart-features .rte-side-image-card__text {
  padding: 3rem;
}

.db-smart-features .rte-side-image-card__image {
  height: 470px;
  padding-top: 1.5rem;
}

.db-smart-features .rte-side-image-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  transform: none;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .db-smart-features .rte-side-image-card__image {
    height: 350px;
  }

  .db-smart-features .rte-side-image-card__text {
    padding: 1.5rem 1.5rem 0;
  }

  .db-smart-features .rte-side-image-card__image img {
    width: 100%;
    transform: none;
    margin-bottom: 0;
  }
}

/* Debit Card: Everyday Transactions section */
.db-everyday-transactions .text-image-img-wrapper img {
  max-height: 470px;
  object-fit: contain;
}

@media (max-width: 991.98px) {
  .db-everyday-transactions .order-1 {
    order: 2 !important;
  }
  .db-everyday-transactions .order-2 {
    order: 1 !important;
  }
}

/* Debit Card: Free banking cards */
.db-free-banking-cards .row.mt-5 {
  margin-top: 1.5rem !important;
}

@media (min-width: 992px) {
  .db-free-banking-cards .row.mt-5 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

/* Community: Events image */
.community-events-img img {
  width: 100%;
}

@media (max-width: 991.98px) {
  .community-events-img {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .community-events-img img {
    max-width: 400px !important;
    width: 100% !important;
  }
}

/* For mobile devices (up to 767px) */
@media screen and (max-width: 767px) {
    .navbar-main {
        height: 62px;
    }

  #faq-banner {
    padding-top: 14rem !important;
  }

  .responsive-banner .text-content-wrapper,
  .responsive-section .text-content-wrapper {
    width: 85%;
  }

  #carousel-tile-slider .feature-card {
    width: 300px !important;
  }

  #carousel-tile-slider .feature-card .btn {
    transform: translate(-10%, 0);
  }

  .reverse-feature-card .btn {
    transform: translate(-10%, 0);
  }

  .rte-section-bg-image {
    min-height: 590px;
    background-size: 80% auto !important;
    display: flex;
    align-items: start;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .shop-responsive-section {
    min-height: 450px !important;
  }

  .rte-section-bg-image p {
    width: 100%;
  }

  .shop-card {
    background-size: 55% auto !important;
  }

  .shop-card p {
    width: 55%;
  }

  .shop-info-card-section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .save-invest-feature-card,
  .shop-feature-card {
    padding-left: 0;
    padding-right: 0;
  }

  .save-invest-feature-card img,
  .shop-feature-card img {
    aspect-ratio: 480 / 252;
    height: auto !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top center !important;
  }

  .partners-button-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .partners-button-container p {
    margin: 0 !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #two-ways-container {
    min-height: 600px !important;
    background-size: auto 70% !important;
    background-position: bottom center;
    align-items: start;
    padding-top: 3rem;
  }

  #ready-jet-set-container,
  #points-container {
    align-items: start;
    padding-top: 3rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-size: contain !important;
  }

  #ready-jet-set-container {
    min-height: 400px !important;
  }

  #points-container {
    min-height: 580px !important;
  }

  .react-embed .swiper-wrapper .card-article img {
    min-height: 220px;
    max-height: 220px;
  }

  .bnpl-rte {
    width: 100% !important;
  }

  .bnpl-section-buy-tyme-container {
    padding: 5rem;
    align-items: start !important;
    min-height: 750px !important;
    background-size: 180% auto !important;
    background-position: bottom right !important;
  }

  .bnpl-section-divide-cost-container {
    min-height: 700px !important;
    background-position: center 100% !important;
  }

  .divide-cost-rte {
    display: flex !important;
    justify-content: start !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  /* Elements/Sections with inline-bg image */
  .img-inline-bg {
    background-size: 90% !important;
  }

  .img-inline-bg.img-how-you {
    background-size: 70% !important;
  }

  .service-carousel {
    object-position: 80% center;
  }

  #media-featured-root .swiper-wrapper {
    min-height: 100vh !important;
    height: 100vh !important;
  }

  .media-story {
    min-width: 300px !important;
  }

  .media-featured-item {
    max-width: 300px !important;
    padding: 10px !important;
  }

  .media-featured-div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #media-stories-root .swiper-wrapper {
    min-height: 100vh !important;
    height: 100vh !important;
  }

  #media-stories-root .card {
    max-width: 320px !important;
  }

  .payshap-shapid-rte {
    display: flex;
    align-items: start !important;
    padding-top: 3rem;
  }

  .shap-id-container {
    background-size: contain !important;
    background-position: center bottom !important;
  }

  .payshap-sendmoney-card {
    padding: 2rem !important;
  }

  .payshap-text {
    color: #000 !important;
  }

  .payshap-section-block {
    min-height: 40vh !important;
  }

  .payshap-bg-cover {
    background-size: contain !important;
    background-position: center bottom !important;
    min-height: 30vh !important;
    display: flex !important;
    align-items: start !important;
    justify-content: center !important;
  }

  .payshap-rewards-text-container {
    width: 100% !important;
  }

  #grant-advance-testimonials-root .swiper-wrapper {
    height: 500px;
  }

  #grant-advance-testimonials-root .testimonial-container {
    width: 100%;
  }

  .text-center-mobile {
    text-align: center;
  }

  .justify-center-mobile {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .db-section--container-sm {
    min-height: 650px !important;
  }

  .dc-section--container-we-take {
    background-size: 72% !important;
    min-height: 650px !important;
  }

  .we-take-rte-container {
    min-height: 900px !important;
  }

  .vc-strip-cards {
    min-height: 250px !important;
    background-size: auto 100% !important;
    background-position: right bottom !important;
  }

  .vc-section--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: 60% auto !important;
    min-height: unset !important;
  }

  .fd-section--container-alt {
    background-size: auto 50% !important;
    min-height: 650px !important;
  }

  .fd-calc-section--container {
    min-height: 600px !important;
    background-size: 80% auto !important;
  }

  .gs-calc-section--container {
    min-height: 600px !important;
    background-size: auto 60% !important;
  }

  .db-banner {
    background-position: 60% center !important;
  }

  .home-section--container {
    background-size: auto 60% !important;
    min-height: 100vh !important;
    background-position: bottom right !important;
  }

  .home-section-from-south {
    background-size: auto 50% !important;
  }

  .db-lp-banner {
    background-position: 70% top !important;
  }

  .fd-calc-result--container {
    min-width: 350px !important;
  }

  .ga-testimonial--container {
    background-size: 50% auto !important;
    background-position: bottom right !important;
  }

  .vc-video--container {
    height: 400px !important;
  }

  .home-hero-img--container {
    width: 350px;
  }

  .home-bg-center {
    background-position: center bottom !important;
  }

  .business-advance-hero-banner {
    background-position: 80% top !important;
  }

  .ba-template-banner {
    background-position: 80% top !important;
  }

  .calc-text-container {
    width: 100% !important;
  }

  .banner-position-sm-right {
    background-position: 75% bottom !important;
  }

  .payshop-simplify--container {
    min-height: 500px !important;
    background-size: auto 65% !important;
  }

  .business-advance-hustle-section-image {
    width: auto;
    height: 300px;
  }

  .business-advance-business-owners-section {
    min-height: 600px !important;
    background-size: cover !important;
    background-position: 35% !important;
  }
  
  .apple-pay-banner{
      padding-top: 150px;
      align-items: start !important;
  }
  
   .apple-pay-banner-margin{
       margin-bottom: 3rem;
   }
   
  .faq-title{
      padding-top:0 !important;
  } 
}

@media screen and (max-width: 575px) {
  .ga-testimonial--container {
    background-size: 70% auto !important;
  }

  .home-section--container {
    background-size: auto 60% !important;
  }
  
  .homepage-banner{
      background-position: center bottom !important;
      padding-top: 150px;
      align-items: start !important;
      min-height: max(820px, 100vh) !important;
  }

  .homepage-banner h1 {
      font-size: 2.25rem !important;
      line-height: 1.2 !important;
  }

  .business-homepage-banner {
      background-position: center bottom !important;
      background-size: cover !important;
      align-items: start !important;
  }

  .former-image-apple{
      width:250px !important;
  }
  

  .home-section-from-south {
    background-size: auto 70% !important;
  }

  .home-section--container {
    position: relative;
    z-index: 0; /* establish stacking context */
  }

  .home-section--container::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6); /* white overlay */
    z-index: 0; /* behind text */
    pointer-events: none;
  }

  .home-section--container > * {
    position: relative;
    z-index: 1; /* bring text above overlay */
  }

  .vc-section--container {
    background-size: auto 80% !important;
    min-height: unset !important;
  }

  .vc-strip-cards {
    min-height: 530px !important;
    background-size: 72% auto !important;
    background-position: center bottom !important;
  }

  .img-inline-bg.img-how-you {
    min-height: 550px !important;
  }
  
  .instant--container {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    background-size: 300px !important;
    min-height:1000px !important;
    background-position: bottom right !important;
  }
  
    .instant-enhanced--container {
    background-size: 300px !important;
    align-items: start !important;
    min-height: 900px !important;
   }
}

/* Tablet - for the internal display when unfolded */
@media screen and (min-width: 431px) and (max-width: 690px) {
  .responsive-banner .text-content-wrapper,
  .responsive-section .text-content-wrapper {
    width: 60%;
  }
}

/* For tablets (768px to 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .responsive-banner .text-content-wrapper,
  .responsive-section .text-content-wrapper {
    width: 65%;
  }

  .fd-section--container {
    min-height: 500px !important;
  }

  .db-section--container {
    background-size: 38% !important;
  }

  .db-section--container-80 {
    background-size: 48% !important;
  }

  .db-section--container-80-750 {
    background-size: 52% !important;
    min-height: 750px !important;
  }

  .card-what-it-cost-1,
  .card-what-it-cost-2,
  .card-what-it-cost-3 {
    height: auto !important;
  }

  .payshop-request--container {
    background-size: auto 76% !important;
  }

  .payshop-simplify--container {
    background-size: auto 70% !important;
  }

  .industries-food-img {
    background-size: auto 60% !important;
    background-position: center bottom !important;
  }
  
  .footer-downloadlinks{
    width:30%;
  }
}
 
 


/* For desktops (1025px and above) */
@media screen and (min-width: 1025px) {
  .responsive-banner .text-content-wrapper,
  .responsive-section .text-content-wrapper {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 0px;
  }

  .db-section--container-80-750 {
    background-size: 40% !important;
    min-height: 650px !important;
  }

  .container-we-take {
    background-size: contain !important;
  }
}

/* CUSTOM BOOTSTRAP CLASSES */
 .container--main {
  width: 100%;
  max-width: 1650px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
} 

/* 320px to 767px: screen width minus 32px (16px on each side) */
@media (min-width: 320px) and (max-width: 767px) {
 .container--main {
    width: calc(100% - 2rem) !important; /* 100vw - 32px */
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container--main {
    width: calc(100% - 2rem) !important; /* 100vw - 80px */
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
}

/* 768px to 1279px: screen width minus 80px (40px on each side) */
@media (min-width: 992px) and (max-width: 1279px) {
 .container--main {
    width: calc(100% - 11.75rem) !important; /* 100vw - 80px */
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
}

/* 1280px to 1599px: screen width minus 112px (56px on each side) */
@media (min-width: 1280px) and (max-width: 1599px) {
 .container--main {
    width: calc(100% - 11.75rem) !important; /* 100vw - 112px */
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
}

/* Optional: 1600px and above */
@media (min-width: 1600px) {
 .container--main {
    width: calc(100% - 11.75rem) !important; /* 100vw - 112px */
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
 

 
}

  @media (min-width: 576px) {
    .business-homepage-banner {
        background-image: url(/static-assets/images/b2b-hero-banner-multi.webp), url(/static-assets/images/black-hero-page-b2b.webp) !important;
        background-position: right 1rem bottom, right center !important;
        background-size: auto calc(100vh - 110px), cover !important;
        background-repeat: no-repeat !important;
    }
}

/* Personal home hero: top-align on tablet (576-991px) */
@media (min-width: 576px) and (max-width: 991px) {
    .homepage-banner {
        align-items: start !important;
        padding-top: 150px;
        background-position: center bottom !important;
    }
}

/* Personal home hero: limit description width so it doesn't overlap the woman (992-1150px) */
@media (min-width: 992px) and (max-width: 1150px) {
    .homepage-banner p {
        max-width: 50%;
    }
}



/*.container--main {*/
/*  width: 100%;*/
/*  padding-right: calc(var(--bs-gutter-x) * 0.5);*/
/*  padding-left: calc(var(--bs-gutter-x) * 0.5);*/
/*  margin-right: auto;*/
/*  margin-left: auto;*/
/*  --bs-gutter-x: 1.5rem;*/
/*  --bs-gutter-y: 0;*/
/*}*/

/* 320px to 767px: screen width minus 32px (16px on each side) */
/*@media (min-width: 320px) and (max-width: 767px) {*/
/*  .container--main {*/
   /* width: calc(100% - 2rem) !important;  100vw - 32px */
/*    padding-left: 0 !important;*/
/*    padding-right: 0 !important;*/
/*  }*/
/*}*/

/* 768px to 1279px: screen width minus 80px (40px on each side) */
/*@media (min-width: 768px) and (max-width: 1279px) {*/
/*  .container--main {*/
  /*  width: calc(100% - 5rem) !important;  100vw - 80px */
/*    padding-left: 0 !important;*/
/*    padding-right: 0 !important;*/
/*  }*/
/*}*/

/* 1280px to 1599px: screen width minus 112px (56px on each side) */
/*@media (min-width: 1280px) and (max-width: 1599px) {*/
/*  .container--main {*/
  /*  width: calc(100% - 7rem) !important;  100vw - 112px */
/*    padding-left: 0 !important;*/
/*    padding-right: 0 !important;*/
/*  }*/
/*}*/

/* Optional: 1600px and above */
/*@media (min-width: 1600px) {*/
/*  .container--main {*/
   /* width: calc(100% - 7rem) !important;  100vw - 112px */
/*    padding-left: 0 !important;*/
/*    padding-right: 0 !important;*/
/*  }*/
/*}*/

/*FIX: Possible support for Gotyme's Viewport */
/*.container--main {*/
/*  width: 100%;*/
/*  margin-right: auto;*/
/*  margin-left: auto;*/
/*  --bs-gutter-y: 0;*/
  
  /* Mobile: 16px */
/*  --bs-gutter-x: 16px;*/
/*  padding-right: var(--bs-gutter-x);*/
/*  padding-left: var(--bs-gutter-x);*/
/*}*/

/* Tablet: 40px */
/*@media (min-width: 768px) {*/
/*  .container--main {*/
/*    --bs-gutter-x: 40px;*/
/*  }*/
/*}*/

/* Laptop/Desktop: 56px */
/*@media (min-width: 1280px) {*/
/*  .container--main {*/
/*    --bs-gutter-x: 56px;*/
/*  }*/
/*}*/


@media (max-width: 576px) {
  .bnpl-rte p,
  .bnpl-rte h3,
  .bnpl-section-divide-cost-container div {
    text-align: center;
    margin-left: auto;
    width: 100%;
    margin-right: auto;
  }

  .bnpl-section-divide-cost-container div > div:nth-child(2) {
    margin: 0 auto;
    width: auto;
  }
   
}

 /* @media (min-width: 768px) {
  .container--main {
    max-width: 720px;
  }
}  */

@media (min-width: 992px) {
   /* .container--main {
        max-width: 960px;
  }  */

  .business-cards-cta-inner-card {
    height: 13.2rem;
  }
}

@media (min-width: 1200px) {
   /* .container--main {
    max-width: 1160px;
  }  */

  .img-quote-1 {
    width: 20% !important;
  }

  .business-cards-cta-inner-card {
    height: 13rem;
  }
}

 @media (min-width: 1350px) {
  .ga-testimonial--container {
    background-size: auto 95% !important;
  }
}

 @media (min-width: 1400px) {
  /* .container--main {
    max-width: 1340px;
  } */
}

@media (min-width: 1600px) {
  /* .container--main {
    max-width: 1500px;
  } */
}

@media (min-width: 1750px) {
  /* .container--main {
    max-width: 1650px;
  } */
} 


@media (max-width: 480px) {
}

/* MEDIA QUERIES FOR DEVICE HEIGHT CONSIDERATION */
@media (max-height: 667px) {
  .responsive-section {
    min-height: 100vh !important;
  }
}

@media (min-height: 668px) and (max-height: 767px) {
  .responsive-section {
    min-height: calc(100vh - 250px) !important;
  }
}

/* Hero banner fix for small device */
@media screen and (max-width: 1199px) {
  .hero-banner-image,
  .hero-banner-image-dark {
    position: relative;
    z-index: 0; /* establish stacking context */
  }

  .hero-banner-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* white overlay */
    z-index: 0; /* behind text */
    pointer-events: none;
    border-radius: inherit;
  }

  .hero-banner-image-dark::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4); /* dark overlay */
    z-index: 0; /* behind text */
    pointer-events: none;
    border-radius: inherit;
  }

  .hero-banner-image > *,
  .hero-banner-image-dark > * {
    position: relative;
    z-index: 1; /* bring text above overlay */
  }

  .hero-banner h1,
  .hero-banner p {
    text-align: center !important;
  }

  .hero-banner-align-left,
  .hero-banner-ussd,
  .hero-banner-send-money {
    background-position: 80% 0% !important;
  }

}

@media (max-width: 991px) {
  .hero-banner-till-points {
    background-position: top !important;
    align-items: start !important;
    padding-top: 150px;
  }

  .hero-banner-till-points h1,
  .hero-banner-till-points p {
    text-align: center !important;
  }

  .hero-banner-till-points .banner-with-text-section {
    justify-content: center !important;
  }

  .hero-banner-till-points .text-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hero-banner-till-points .cta {
    margin: 0 auto;
  }
}

/* card height fix starting on Contact Us  */
@media (min-width: 1251px) {
  /* lg and up */
  .max-h-350 {
    max-height: unset;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  /* m */
  .max-h-350 {
    max-height: unset;
  }
}

@media (max-width: 991px) {
  /* xs and s */
  .max-h-350 {
    max-height: 350px;
    min-height: unset !important;
  }
}

/* card height fix starting on Till Points  */
@media (min-width: 1251px) {
  /* lg and up */
  .max-h-200 {
    max-height: unset;
    min-height: 12rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  /* m */
  .max-h-200 {
    max-height: unset;
    min-height: 13rem;
  }
}

@media (max-width: 991px) {
  /* xs and s */
  .max-h-200 {
    max-height: 350px;
    min-height: unset;
  }
}

/* bg image fix starting on Till Points  */
@media (min-width: 1251px) {
  /* lg and up */
  .bg-xs-cover {
    background-size: contain !important;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  /* m */
  .bg-xs-cover {
    background-size: contain !important;
  }
}

@media (max-width: 991px) {
  /* xs and s */
  .bg-xs-cover {
    background-size: cover;
  }
}

.min-vh-40 {
  min-height: 40vh !important;
}

.img-h-3 {
  background-position: 85% bottom !important;
  background-size: contain !important;
}

/* image fix starting on DebiCheck  */
@media (min-width: 1251px) {
  /* lg and up */
  .img-h-1 {
    width: 75% !important;
  }
  .img-h-2 {
    min-height: 100vh;
    background-position: 100% 100% !important;
    background-size: contain !important;
  }

  .img-h-3 {
    min-height: calc(80vh - 80px);
  }

  .img-h-3-position {
    background-position: 100% bottom !important;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  /* m */
  .img-h-2 {
    min-height: 100vh;
    background-position: 100% 100%;
    background-size: contain;
  }

  .img-h-3 {
    min-height: auto;
  }

  .img-h-3-position {
    background-position: 100% bottom !important;
  }
}

@media (max-width: 625px) {
  .goalsave-overlay {
    background-image: linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url('/static-assets/images/gtb_goalsave2.webp') !important;
  }
}

@media (max-width: 991px) {
  .goalsave-hero {
    background-position: center top !important;
    align-items: start !important;
    padding-top: 150px;
  }

  .goalsave-hero h1,
  .goalsave-hero p {
    text-align: center !important;
  }

  .goalsave-hero .banner-with-text-section {
    justify-content: center !important;
  }

  .goalsave-hero .text-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .goalsave-hero .cta {
    margin: 0 auto;
  }
}

@media (max-width: 991px) {
  /* xs and s */
  .img-h-1 {
    width: 75% !important;
  }
  .img-h-2 {
    background-size: cover;
    min-height: 50vh;
  }
  .img-h-3 {
    min-height: auto;
  }

  .img-h-3-size {
    background-position: 85% bottom !important;
    background-size: 50% !important;
  }
  .hero-banner-align-left-60 {
    background-position: 60% !important;
  }
  .hero-banner-align-bottom {
    background-position: bottom !important;
  }
}

@media (min-width: 992px) {
  /* lg breakpoint */
  .min-vh-100-lg {
    min-height: 650px !important;
  }
}

/* container fix starting on debit-card  */
@media (min-width: 1251px) {
  /* lg and up */
  .section-banking-1 {
    min-height: 650px;
  }

  .mw-700,
  .mw-500 {
    max-width: 98% !important;
  }

  .min-vh-100-lg {
    background-size: 37% !important;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  /* m */
  .section-banking-1 {
    min-height: 650px;
  }
}

@media (max-width: 991px) {
  /* xs and s */
  .section-banking-1 {
    min-height: auto;
  }

  .section-banking-1 .rounded-5 {
    border-radius: 0 !important;
  }

  .img-quote-1 {
    width: 10% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* xs and s */
  .card-how-to-respond .payshap--card {
    min-height: 380px !important;
  }

  .img-quote-1 {
    width: 30% !important;
  }
}

@media (min-width: 1400px) {
  /* xl */
  .card-how-to-respond .payshap--card {
    min-height: 380px !important;
  }

  .img-quote-1 {
    width: 20% !important;
  }

  .business-cards-cta-inner-card {
    height: 12rem;
  }
}

/* FOR OVERRIDING */
@media screen and (max-width: 575px) {
  .home-section--container-alt::after {
    background: none !important;
    background-size: auto 60% !important;
    background-position: 50% calc(100% + 150px) !important;
  }

  .quote-card-p-sm {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Up to 992px (your original breakpoint) */
@media screen and (max-width: 992px) {
  .payshap--container-alt {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    height: 100vh !important;
    background-position: 50% calc(100% + 150px) !important;
  }

  .press-release--kitchen {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    height: 100vh !important;
    background-position: 50% calc(100% + 150px) !important;
  }
}

/* Up to 800px → background becomes 85% */
@media screen and (max-width: 800px) {
  .payshap--container-alt {
    height: 100vh !important;
    background-size: auto 85% !important;
  }

  .press-release--kitchen {
    background-position: 50% 180% !important;
    background-size: auto 82% !important;
    height: 120vh !important;
    max-height: unset;
  }
}

/* Up to 600px → background becomes 65% */
@media screen and (max-width: 600px) {
  .payshap--container-alt {
    height: 100vh !important;
    background-size: auto 65% !important;
  }

  .press-release--kitchen {
    min-height: 750px !important;
    background-size: auto 65% !important;
    background-position: 50% 121% !important;
  }
}

/* Up to 400px → background becomes 57% */
@media screen and (max-width: 400px) {
  .payshap--container-alt {
    height: 100vh !important;
    background-size: auto 57% !important;
  }

  .press-release--kitchen {
    height: auto !important;
    background-size: auto 50% !important;
    min-height: 750px !important;
    background-position: 50% 112% !important;
    position: relative;
    z-index: 0; /* establish stacking context */
  }

  .press-release--kitchen::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4); /* dark overlay */
    z-index: 0; /* behind text */
    pointer-events: none;
  }

  .press-release--kitchen > * {
    position: relative;
    z-index: 1; /* bring text above overlay */
  }
}

@media screen and (max-width: 530px) {
  .bnpl-section-divide-cost-container {
    min-height: 660px !important;
  }
}

@media screen and (max-width: 530px) {
  .bnpl-section-divide-cost-container {
    min-height: 660px !important;
  }
}

@media screen and (max-width: 470px) {
  .bnpl-section-divide-cost-container {
    min-height: 600px !important;
  }
  
  .our-security{
       min-height: 850px !important; 
       background-size:auto 35% !important;
  }
}

@media screen and (max-width: 420px) {
  .bnpl-section-divide-cost-container {
    min-height: 580px !important;
  }
}

@media (min-width: 992px) {
  .lg-min-w {
    width: 70%;
  }
  
     .max-h-470{
       max-height:470px !important;
   }
   
   .max-w-470{
       max-width:470px !important;
   }
}

/* Base styles for Extra Small (320px) and Small (768px - 1365px) screens */
.test-page .test-h1 {
  font-size: 2.87rem;
  line-height: 3.61rem;
  font-weight: bold;
}

.test-page .test-h2 {
    font-size: 2.25rem !important;
    line-height: 2.74rem !important;
    font-weight: 700 !important;
}

.test-page .test-h3 {
    font-size: 2rem !important;
    line-height: 2.43rem !important;
    font-weight: 700 !important;
}


.test-page .test-h5 {
  font-size: 1.62rem;
  line-height: 2.08rem;
  font-weight: 500;
}

.test-page .body-1 {
  font-size: 1.13rem;
  line-height: 1.69rem;
}

.test-page .universal-button-1 {
  height: 2.8125rem !important;
  font-size: 1rem !important;
  line-height: 1.4rem !important;
  font-weight: bold !important;
  display: flex;
  align-items: center;
}

.test-page .universal-button-1 span {
  font-size: 1rem !important;
  line-height: 1.4rem !important;
  font-weight: bold !important;
}

/* Medium (1366px - 1919px) and Large (1920px+) screens */
@media (min-width: 1366px) {
  .test-page .test-h1 {
    font-size: 4.12rem;
    line-height: 5.14rem;
    font-weight: bold;
  }

  .test-page .test-h5 {
    font-size: 1.81rem;
    line-height: 2.34rem;
    font-weight: 500;
  }
  
  .w-lg-95{
      width:95% !important;
  }
  
  .w-lg-60{
      width:60% !important;
  }
  
  .apple-pay-banner-margin{
    margin-bottom: 10.5rem;
  }
}