body .cta-band.cta-band-light {
    background-image: url(../../images/pages/contact-us/contact-cta-bg.webp);
    background-color: var(--light-blue);
    background-position: center top;
    background-size: cover;
}
section.hero-section[class*="section"] {
    /*padding-block: var(--hero-section-padding-block);*/
    padding-top: 6.25rem;
    overflow: hidden;
}
section.no-limit-section {
    background: url('../../images/pages/debit/no-limit-triangle.svg') no-repeat #1434CB;
    padding: 160px 0 240px;
    background-position: right bottom;
    position: relative;
    overflow: hidden;
}
.no-limit-globe {
    position: absolute;
    left: 0;
    bottom: 0;
}
.hero-section .hdng-wrapper {
    max-width: 100% !important;
}

.debit-hero-wrap .intro-component-content-wrapper {
    flex: 1;
    gap: 2.5rem;
}

.no-limit-section .section-header {
    max-width: 63.3125rem;
    color: var(--white);
}
.no-limit-section .section-title {
    color: var(--white);
}
.no-limit-section.bg-blue .features-list {
    color: var(--black);
}

/*--fuel section--*/
.fuel-slider-left, .fuel-section-header {
    padding-left: 149px;
}
.fuel-section-header {
    max-width: 54rem;
    margin-bottom: 7.5rem;
}
section.fuel-section {
    /*padding: calc(var(--sectionSpace)) 0 calc(calc(var(--sectionSpace) ));*/
    padding-bottom: var(--sectionSpace);
    /* background: url("../../images/pages/debit/shaded-globe.png") no-repeat right center;
    background-position: right 110px; */
    overflow: hidden;
    position: relative;
}
.fuel-section .container {
    position: relative;
    z-index: 1;
}
.fuel-section-lottie {
    position: absolute;
    right: 0;
    top: 50px;
    width: 50%;
}
.fuel-slide.slick-current.slick-active h3 {
    color: #1434CB;
}

/* No Limit Section */
/* ------------------------------------ */
.features-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    grid-auto-rows: 1fr;
    /* display: none; */
    padding-left: 18.75rem;
}

/* Ensure that each feature item stretches to the same height */
.feature-item {
    padding: 56px;
    display: flex;
    gap: 0;
    position: relative;
    z-index: 1;
    height: 410px;
    min-height: 271px;
    justify-content: space-between;
    border-radius: 24px;
    /* border: 1px solid rgba(165, 199, 253, 0.51); */
    background: linear-gradient(294deg, #E5F3FF 63.2%, #C7E2FF 100%);
    box-shadow: 0 40px 48px 0 rgba(0, 8, 35, 0.10), -2.134px -1.318px 3.453px 0 rgba(250, 250, 250, 0.22) inset;
    backdrop-filter: blur(9.223982px);
    overflow: hidden;
}

.feature-item-with-image{
    justify-content: space-between;
    overflow: hidden;
}

.feature-item-with-image .feature-title,
.feature-item-with-image .feature-description{
    color: var(--white);
}

.feature-item-with-image:before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(46deg,rgba(0, 8, 35, 1) 0%, rgba(0, 8, 35, 0.95) 28%, rgba(0, 8, 35, 0.0001%) 70%);
}

/* Push odd-numbered items down to visually distinguish them */
.features-list .feature-item:nth-child(even) {
    transform: translateY(80px);
}

.feature-item .feature-title {
    /*font-size: 28px;
    line-height: 1.21;
    letter-spacing: 0;*/
}

.feature-item .feature-description {
    /*font-size: 18px;
    line-height: 24px;
    margin: 0;
    max-width:254px;*/
}

/*.feature-item .feature-icon {
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 48px;
    height: 48px;
    object-fit: contain; !* Ensures icon is not distorted *!
}*/

/*--- Debit --- */
.debit-hero-wrap .intro-component-flex {
    gap: 2rem;
}

.debit-hero-img img {
    max-width: 34.375rem;
    height: auto;
}
.debit-hero-img {
    padding-block: 0;
    text-align: center;
}
.debit-hero-wrap .intro-component-video {
    background-color: transparent;
    overflow: unset !important;
    max-width: none;
}

.no-limit-section .section-header {
    max-width: 63.3125rem;
    color: var(--white);
}
.no-limit-section .section-title {
    color: var(--white);
}
.feature-item-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.feature-item-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.feature-item-right {
}
.feature-description {
    max-width: 23rem;
}
.feature-item:first-child {
    border: transparent;
}
.feature-item-2 .feature-item-img {
    bottom: 0px;
    top: unset;
    align-items: flex-end;
}
.feature-item-2 .feature-description {
    max-width: 335px;
}
.feature-item:nth-child(2n) {
    margin-right: 14px;
}
.feature-item-img img {
    width: 100%;
}
.feature-item-1 .feature-item-img {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    right: 41px;
    width: 333px;
    top: -120px;
}
.feature-item-4 .feature-item-img {
    right: 20px;
    width: 183px;
}

#lottie-img-hero.mobile{ display: none;}

#lottie_header_arrows{ text-align: center;}
/*debit number*/
.debit-number {
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 80px;
    top: 49px;
    border-radius: 16px;
    border: 1px solid #E5F3FF;
    background: #FFF;
    justify-content: center;
    text-align: center;
}
.debit-number { display: none !important;}
.debit-number-text {
    font-size: 0.9375rem;
    line-height: 22px;
}
.debit-number-icon {
    display: flex;
}
/*debit number*/
.arrows-wrap {
    position: absolute;
    width: 100%;
    top: 100%;
}
.arrow-down-1 {
    margin-right: 4.375rem;
}
.arrow-down-2 {
    margin-right: 8.625rem;
}


/*outdate box section*/
.outdated-left {
    display: flex;
    width: 50%;
    height: 526px;
    padding: 80px 60px 40px 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 44px;
    border-radius: 24px;
    background: #0D227F;
}
.outdated-left-inner {
    color: var(--white);
    max-width: 100%;
}
.outdated-left-inner h5 {
    color: var(--white);
}
.outdated-left-inner h5:nth-child(2) {
    margin: 44px 0 64px;
}
.balance-box {
    display: inline-flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.149px;
    border-radius: 8px;
    border: 1px solid #99C6FF;
    height: 71px;
    justify-content: center;
}
.balance-box.white-bank-box {
    display: inline-flex;
    padding: 12px 17px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-direction: revert;
    height: 52px;
    width: 199px;
}
.bank-box-value {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.144px;
}
.balance-box-title {
    color: var(--white);
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
}
.balance-box-value {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.787px;
}
.inner-boxes-wrap {
    display: flex;
    justify-content: space-between;
}


/*---left blue card -- lottie later*/
.center-card-lottie {
    flex-grow: 1;
    text-align: center;
    position: relative;
    top: 23px;
}
.center-card-ban {
    position: absolute;
    left: 0;
    bottom: 0;
}
.center-card-card {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -90px;
}
.outdated-section-wrap {
    display: flex;
    gap: 32px;
    padding-top: 56px;
}
/*---left blue card -- lottie later*/


/*right side outdated box*/
.outdated-section-wrap {
    display: flex;
    gap: 32px;
}
.outdated-right-text h5 {
    color: var(--white);
}
.outdated-right-text {
    max-width: 29.625rem;
}
.outdated-right-img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.outdated-right {
    width: 50%;
    gap: 44px;
    /* transform: translateY(272px); */
    margin-top: 272px;
    display: flex;
    height: 414px;
    padding: 80px;
    align-items: flex-start;
    border-radius: 24px;
    background: #1434CB;
    position: relative;
    overflow: hidden;
}
.fuel-section-inner .fuel-slider{ position: relative;}
.fuel-section-inner .fuel-slider::before{
    background: linear-gradient(to top, rgba(255, 255, 255, 0.2), #fff);
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 140px;
}
 

@media screen and (max-width: 1810px){
   .outdated-right-text { max-width: 25rem; }
   .feature-description {max-width: 16rem;}
   .feature-item-2 .feature-description { max-width: 14rem;}  
}
@media screen and (max-width: 1700px){
   .outdated-right-text { max-width: 22rem; }  
}
@media screen and (min-width: 768px){

    /* Fuel AI CSS */
    .fuel-slider-inner {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }
    .fuel-slide-txt-mobile {
        display: none;
    }

    .fuel-slider-left {
        padding-left: 149px;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .fuel-slider {
        width: 100%;
        height: 900px;
        overflow: hidden;
    }
    .fuel-section-inner .slick-list.draggable {
        overflow: visible;
    }

    .fuel-slide {
        padding: 40px 0;
        /*padding-bottom: 80px;*/
        /*padding-top: 0;*/
        text-align: left;
        opacity: 0.4;
        transition: opacity 0.4s ease;
        cursor: pointer;
        max-width: 565px;
    }
    .fuel-slide p {
        min-height: 56px;
    }
    .fuel-slide.slick-current {
        opacity: 1;
        /*max-width: 565px;*/
    }

    .fuel-slide h3 {
        margin: 0 0 0.5rem;
        /*font-size: 1.5rem;*/
    }
    .fuel-slide p {
        margin: 0;
        /*font-size: 1.1rem;*/
    }

    .fuel-slider-right {
        position: relative;
        flex: 0 0 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fuel-right-lottie {
        position: absolute;
        top: 0;
        right: 12%;
        opacity: 0;
        bottom: 0;
        transition: opacity 0.5s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fuel-right-lottie.active {
        opacity: 1;
    }
    /* END Fuel AI CSS */
}

.fuel-right-lottie img {
  max-width: 100%;
}
@media screen and (max-width: 1600px){
    .launch-engage-retain .container .section-right {
        max-width: 600px;
    }
    .features-list{
        gap: 24px;
    }
    .feature-item {
        padding: 56px 32px;
        min-height: 228px;
        gap: 16px;
    }
    .feature-item .feature-title{
        /*font-size: 24px;*/
    }
    .outdated-section-wrap > div {
        padding: 48px;
    }
    .outdated-right-img {
        right: -70px;
        width: 243px;
    }
    .outdated-right-text {
        max-width: 312px;
    }

    /*hero*/
    .debit-hero-img img {
        max-width: 100%;
    }
    .debit-hero-img img {
        max-width: 100%;
    }
    .debit-hero-wrap .debit-hero-img {
        /* max-width: 28rem; */
        margin: 0 auto;
    }
    .debit-number-text {
        font-size: 10px;
    }
    .debit-number {
        padding: 16px;
        right: 29px;
    }
    .arrows-wrap {
        max-width: 450px;
    }
    .arrow-down-1 {
        margin-right: 59px;
    }
    .arrow-down-2 {
        margin-right: 116px;
    }
    .outdated-right {
        margin-right: 0;
    }
    section.no-limit-section {
        padding: 120px 0 200px;
    }
    .features-list {
        padding-left: 200px;
    }
    .section-header {
        margin-bottom: 75px;
    }
    .features-list .feature-item:nth-child(2n) {
        transform: translateY(85px);
    }
    .features-list .feature-item:nth-child(2n+1) {
        transform: translateY(0);
        margin-bottom: 64px;
    }
    .no-limit-section .features-list .feature-item{height: 348px;}
    .no-limit-section .features-list .feature-item:nth-child(2n+1) {
        margin-bottom: 0;
    }
    .feature-item:nth-child(2n) {
        margin-right: 0;
    }
    .feature-item-1 .feature-item-img {
        width: 210px;
    }
    .feature-item-img img {
        max-width: 100%;
    }
    .feature-item-1 .feature-item-img {
        right: 32px;
        top: 0;
    }
    .feature-item-1 .feature-description {
        max-width: 300px;
    }
    .feature-item .feature-description {
        max-width: 270px;
    }
    .feature-item-2 .feature-item-img {
        max-width: 248px;
    }
    .feature-item-4 .feature-item-img {
        width: auto;
    }
    .feature-item-3 .feature-item-img {
        max-width: 200px;
    }
    .fuel-slider-left, .section-header {
        padding-left: 0;
    }
    .fuel-section-header {
        max-width: 45rem;
    }
    .fuel-right-lottie img {
        max-width: 100%;
    }
    .fuel-right-lottie {
        padding-left: 80px;
    }
    section.fuel-section {
        background-size: 775px;
        background-position: calc(100% + 100px) 140px;
    }
    .outdated-section-wrap {
        align-items: flex-start;
    }
    .outdated-section-wrap .outdated-left{ height: 463px;}
    .outdated-section-wrap .outdated-right{ height: 398px;}

    .outdated-right-img img {
        max-width: 100%;
    }
    .outdated-section-wrap .inner-boxes-wrap {
        position: relative;
        bottom: 0;
    }
    .fuel-section-inner .fuel-slider::before{top: -65px;}
    .fuel-section-inner .fuel-slider::after{bottom: 50px;}
    .debit-hero-wrap .intro-component-content{ padding-right: 30px;}
}
@media screen and (max-width: 1299px){     
    .feature-item .feature-description { max-width: 250px; }
    .feature-item.feature-item-3 .feature-title{ margin-bottom: 25px;}
}
@media screen and (max-width: 1199px){
    .no-limit-section .features-list .feature-item { height: 280px; }
    .feature-item.feature-item-3 .feature-title{ margin-bottom: 0;}
    .feature-item-2 .feature-item-img { max-width: 190px; }
    .feature-item-1 .feature-item-img { width: 165px; }
     .feature-item-3 .feature-item-img { max-width: 175px; }
     .feature-item-4 .feature-item-img { width: 135px; }
    .features-rotated-tiled-slider.slick-slider{ padding-bottom: 0 !important;}
    .feature-item{
        border-radius: 16px;
        gap: 9px;
    }
    .features-list .feature-item:nth-child(odd){
        /*transform: translateY(29px);*/
    }
    .feature-item .feature-description{
        /*font-size: 16px;
        line-height: 1.25;*/
    }
    .fuel-section-header br {
        display: none;
    }
    .fuel-section-header {
        max-width: 54rem;
    }
    .fuel-slide {
        max-width: 503px;
    }
    section.fuel-section {
        background-size: 505px;
        background-position: calc(100% + 25px) 180px;
    }
    .fuel-slider {
        height: 650px;
    }
    .features-list {
        padding-left: 0;
    }
    section.no-limit-section {
        padding: 80px 0 170px;
    }
    .feature-item {
        padding: 32px 24px;
        height: 346px;
    }
    .feature-item .feature-description {
        max-width: 230px;
    }
    .outdated-section-wrap > div {
        padding: 40px;
        height: auto;
    }
    .outdated-right-text {
        max-width: 230px;
    }
    .outdated-section-wrap .outdated-left { height: 440px;}
    .outdated-section-wrap .outdated-right{ height: 380px;}
    .outdated-right-img {
        right: -70px;
        width: 234px;
    }
    .arrow-down-1 {
        margin-right: 36px;
    }
    .arrow-down-2 {
        margin-right: 70px;
    }
    .debit-number {
        padding: 15px;
        right: 10px;
    }
    .debit-hero-wrap .debit-hero-img {
        /* max-width: 24rem; */
        margin: 0;
    }
    .debit-number-icon {
        width: 13px;
    }
    .fuel-right-lottie {
        right: 0;
    }
}

@media screen and (max-width: 992px){
    section.fuel-section{
        background-size: 480px;
        background-position: calc(100% + 155px) 141px;
    }
    .features-list .feature-item:nth-child(odd){
        transform: none;
    }
    .features-list {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: space-between;
    }
    .feature-item {
        flex: 1 1 calc(50% - 25px);
    }
    .features-list .feature-item:nth-child(2n+1) {
        transform: translateY(0);
        margin-bottom: 30px;
    }
    .features-list .slick-track{
        display: flex;
        column-gap: 24px;
        padding-bottom: 48px;
    }
    .features-list .slick-dots{
        width: 100%;
    }
    .feature-item{
        display: flex !important;
    }
    .features-list .slick-dots{
        padding-top: 0;
    }
    /*hero*/
    .debit-hero-wrap .debit-hero-img {
        /* max-width: 19.6rem; */
        margin: 0;
    }
    .debit-number {
        padding: 12px;
        right: 0;
        top: 24px;
    }
    /* .debit-hero-wrap .debit-hero-img {
        max-width: 19.6rem;
    } */
    .intro-component-video.debit-hero-right .arrows-wrap {
        display: block;
        z-index: -1;
        top: 60%;
        left: 50%;
        transform: translateX(-44%);
    }
    .debit-number-icon {
        width: 10px;
    }
    #lottie-img-hero.desktop{ display: none;}
    #lottie-img-hero.mobile{ 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 380px;
    }
     .outdated-section-wrap .outdated-left { height: 330px;}
     .outdated-section-wrap .outdated-right {  height: 327px; }
    .outdated-right-img {
        right: 0px;
        width: 32%;
    }
    .outdated-section-wrap > div {
        padding: 40px;
        width: 100%;
        margin-top: 0;
        min-height: 327px;
    }
    .outdated-section-wrap {
        flex-direction: column;
    }
    .outdated-right-text {
        max-width: 390px;
    }
    .outdated-left-inner {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        width: 100%;
    }
    .outdated-left-headings {
        max-width: 340px;
    }
    .outdated-left-inner h5:nth-child(2) {
        margin: 24px 0 0;
    }
    .feature-item-1 .feature-item-img {
        right: 8px;
        width: 166px;
    }
    .feature-item .feature-description {
        max-width: 187px;
    }
    .feature-item-2 .feature-item-img {
        max-width: 176px;
    }
    .feature-item-3 .feature-item-img {
        right: -80px;
        max-width: 195px;
    }
    .feature-item-4 .feature-item-img {
        width: 125px;
        right: -22px;
    }
    .fuel-section-lottie {
        top: 180px;
    }
}

@media screen and (max-width: 767px){
    .outdated-right-img dotlottie-player {
        display: none;
    }
    .outdated-right-img img {
        display: block !important;
    }
    .fuel-section-lottie {
        display: none;
    }
     .debit-hero-img img { max-width: 100% !important;} 
    .debit-hero-wrap .intro-component-flex { flex-direction: column;  }
    .debit-number-icon {  width: 11px; }
    .debit-number { padding: 11px; }
    /* .debit-hero-wrap .debit-hero-img {
        max-width: calc(100% - 40px);
    } */
    .debit-hero-wrap .intro-component-flex {  gap: 40px; }
    .outdated-section-wrap { padding-top: 80px;  }
    .intro-component-video.debit-hero-right .arrows-wrap { transform: translateX(-50%); top: 70%; }
    .intro-component-video.debit-hero-right .arrows-wrap .arrow-down-1{ position: absolute; top: -7%; left: 23%; transform: translateX(-23%);}
    .outdated-section-wrap > div {
        padding: 24px;
        min-height: unset;
        border-radius: 16px;
    }
    .outdated-left-inner {
        flex-direction: column;
    }
    .outdated-section-wrap {
        gap: 40px;
    }
    .outdated-right-text {
        max-width: 185px;
    }
    .outdated-right-img {
        right: -60px;
        width: 162px;
    }
    .outdated-left-inner h5:nth-child(2) {
        margin: 24px 0 0;
    }
    section.hero-section[class*="section"] {
        padding-bottom: 0;
    }
    .section-header {
        margin-bottom: 40px;
    }
    .no-limit-globe {
        display: none;
    }
    .no-limit-section .features-list .feature-item { height: 270px; }
    .feature-item .feature-description { max-width: 60%; }
    .feature-item {
        width: 100%;
        flex: 1 1 auto;
        margin: 0 !important;
        transform: translateY(0) !important;
        box-shadow: none;
    }
    .feature-item-1 .feature-item-img {
        width: 139px;
    }
    .feature-item-2 .feature-item-img {
        max-width: 148px;
    }
    .feature-item-3 .feature-item-img {
        max-width: 200px;
    }
    .feature-item {
        height: 250px;
        margin-inline: var(--gutterWidth) !important;
    }
    .features-list .slick-track {
        gap: 0;
    }
    .features-list .slick-track {
        padding-bottom: 0;
    }
    section.no-limit-section {
        padding: 80px 0 80px;
    }
    .no-limit-section.bg-blue .features-list {
        color: var(--black);
        width: calc(100% + var(--gutterWidth) * 2 );
        margin-left: calc(var(--gutterWidth) * -1);
    }
    .features-list .slick-dots {
        margin-inline: var(--gutterWidth);
    }
    .fuel-section-header {
        text-align: center;
    }
    .section-title {
        justify-content: center;
    }
    section.fuel-section {
        background: none;
    }
    .fuel-slide-txt-mobile {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 30px;
    }
    .fuel-slider-left {
        display: none;
    }

    .fuel-right-lottie {
        padding-left: 0;
        text-align: center;
    }
    .fuel-right-lottie img {
        width: auto;
        min-width: unset;
        /* max-width: 190px; */
        margin: 0 auto;
    }
    body .fuel-section .slick-dots {
        justify-content: center;
    }
    .section-title {
        justify-content: left;
    }
    .debit-hero-wrap .intro-component-video {
        width: 100%;
    }
    .outdated-section-wrap .outdated-left { height: 420px; }
     .outdated-section-wrap .outdated-right { height: 265px; }
    .outdated-left-headings { max-width: 100%; }
    #lottie-img-hero.mobile{ max-width: 390px; margin: 0 auto;}
}
@media screen and (max-width: 439px){
  .intro-component-video.debit-hero-right .arrows-wrap { top: 60% }
}
.cta-band .container-sm{
  max-width: 1100px;

}

@media screen (min-width: 768px) and (max-width: 1600px) {
.fuel-slider-right.reports-right-slider .fuel-right-lottie picture,
.fuel-slider-right.reports-right-slider .fuel-right-lottie picture img,
.fuel-slider-right.reports-right-slider .fuel-right-lottie img {
    max-width: 100%;
    transform: scale(1.5) !important;
  } 
}