.debit-hero-wrap .intro-component-video{
    overflow: hidden !important;
}
/* ==========tiles section start */
.perk-tile-content .btn-link {
    font-size: var(--fontSizeExtraLarge);
    margin-right: auto;
}
.perks-tiles-section {
    padding: var(--sectionInnerSpace) 0;
    background-color: #1434CB;
    background-image: url(../../images/benefits-perks/perks-tiles-bg.webp);
    background-size: cover;
    background-position: center top;
}
.perks-tiles-section-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;   /* equal widths */
    grid-template-rows: repeat(2, 1fr);
    gap: 32px;
    align-items: stretch;
}
.perk-tile-01 {
    grid-row: 1 / span 2; /* Takes full height on left */
    grid-column: 1;
}
.perk-tile-02 {
    grid-row: 1;
    grid-column: 2;
}
.perk-tile-03 {
    grid-row: 2;
    grid-column: 2;
}
.perk-tile {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: radial-gradient(48.11% 36.98% at 98.47% 2.1%, #E5F3FF 0%, #FFF 100%);
    box-shadow: 0 10px 48px 0 rgba(153, 198, 255, 0.20);
    padding: 56px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
    overflow: hidden;
}
.perk-tile img {
    max-width: 100%;
}
.perk-tile-title {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.perk-tile-title span {
    color: #1434CB;
}
.perk-tile-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.perk-tile-02 .perk-tile-title, .perk-tile-02 .perk-tile-content {
    max-width: 462px;
}
.perk-tile-03 .perk-tile-title, .perk-tile-03 .perk-tile-content{
    max-width: 422px;
}
.perk-tile.perk-tile-01 {
    padding-bottom: 0;
}
.perk-tile-01 .perk-tile-content {
    padding-bottom: 8px;
}
.perk-tile-content p{
    margin: 0;
}
.perk-tile-02 .perk-tile-img, .perk-tile-03 .perk-tile-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.perk-tile-02 .perk-tile-img {
    width: 371px;
    max-width: 44%;
}
.perk-tile-03 .perk-tile-img {
    width: 352px;
    max-width: 44%;
}
.perk-tile-01 .perk-tile-img {
    width: 685px;
    margin:  0 auto;
    max-width: 100%;
}
.debit-hero-wrap .intro-component-content {
    max-width: 714px;
}
.hero-section .section-title{
    gap: 0.5rem;
}
/* @media screen and (min-width: 768px) {
    .fuel-slider {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fuel-slide {
        padding: 0;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }
} */
@media screen and (max-width: 1600px) {
    .perks-tiles-section {
        background-image: url(../../images/benefits-perks/perks-tiles-bg-lg.webp);
    }
    .cta-band-content {
        max-width: 960px;
        margin-inline: auto;
    }
    section.hero-section[class*="section"] {
        padding-block: 100px !important;
    }
    .debit-hero-wrap .intro-component-content-wrapper {
        min-width: 56.7%;
    }
    .debit-hero-wrap .intro-component-flex {
        gap: 1.5rem;
    }
    .perks-tiles-section{
        --sectionInnerSpace: 100px;
    }
    .perk-tile-01 .perk-tile-content {
        padding-bottom: 32px;
    }
    .perk-tile {
        border-radius: 24px;
        padding: 40px;
        gap: 16px;
    }
    .perk-tile-content{
        gap: 16px;
    }
    .perks-tiles-section-grid {
        gap: 24px;
    }
    .perk-tile-03 .perk-tile-img {
        width: 188px;
    }
    .perk-tile-02 .perk-tile-img {
        width: 182px;
    }
    .perk-tile-01 .perk-tile-img {
        width: 495px;
    }
    .perk-tile-02 .perk-tile-title, 
    .perk-tile-02 .perk-tile-content, 
    .perk-tile-03 .perk-tile-title, 
    .perk-tile-03 .perk-tile-content {
        max-width: 452px;
    }
    /* .fuel-slider {
        height: 620px;
    }
    .fuel-section-inner .fuel-slider::before {
        top: 0;
    }
    .fuel-section-inner .fuel-slider::after {
        bottom: 0;
    }
    .fuel-slide {
        min-height: 220px;
    } */
}
@media screen and (max-width: 1199px) {
    .perks-tiles-section {
        background-image: url(../../images/benefits-perks/perks-tiles-bg-md.webp);
    }
    .cta-band .container-sm {
        max-width: 720px;
    }
    .intro-component-video {
        border-radius: 1rem;
    }
    section.hero-section[class*="section"] {
        padding-block: 80px !important;
    }
    .debit-hero-wrap .intro-component-content-wrapper {
        min-width: inherit;
    }
    .hero-section .intro-component-content{
        gap: 1rem !important;
    }
    .intro-component-content-wrapper .section-title {
        flex-direction: column;
        gap: 0.5rem;
    }
    .perks-tiles-section{
        --sectionInnerSpace: 80px;
    }
    .perk-tile-title {
        gap: 12px;
    }
    .perk-tile-01 .perk-tile-content {
        padding-bottom: 0;
    }
    .perk-tile {
        border-radius: 16px;
        padding: 32px;
        gap: 16px;
    }
    .perk-tile-content{
        gap: 12px;
    }
    .perks-tiles-section-grid {
        gap: 16px;
    }
    .perk-tile-02 .perk-tile-title, 
    .perk-tile-02 .perk-tile-content, 
    .perk-tile-03 .perk-tile-title, 
    .perk-tile-03 .perk-tile-content {
        position: relative;
        z-index: 1;
    }
    .perk-tile-03 .perk-tile-title, 
    .perk-tile-03 .perk-tile-content {
        max-width: 338px;
    }
    .perk-tile-01 .perk-tile-img {
        width: 376px;
    }
    .perk-tile-02 .perk-tile-img {
        width: 138px;
    }
    .perk-tile-03 .perk-tile-img {
        width: 140px;
    }
    /* .fuel-slider {
        height: 550px;
    } */
}
@media screen and (max-width: 991px) {
    .perks-tiles-section {
        background-image: url(../../images/benefits-perks/perks-tiles-bg-sm.webp);
    }
    .cta-band .container-sm {
        max-width: 640px;
    }
    section.hero-section[class*="section"] {
        padding-top: 2.5rem !important;
    }
    .intro-component-content-wrapper .section-title {
        gap: 0;
    }
    .perks-tiles-section{
        --sectionInnerSpace: 64px;
    }
    .perk-tile {
        padding: 24px;
    }
    .perk-tile-02, .perk-tile-03 {
        min-height: 286px;
    }
    .perk-tile-03 .perk-tile-img {
        width: 110px;
    }
    .perk-tile-02 .perk-tile-img {
        width: 110px;
    }
    .perk-tile-01 .perk-tile-img {
        width: 292px;
    }
    /* .fuel-section-inner .fuel-slider::after {
        height: 60px;
    } */
}
@media screen and (max-width: 767px) {
    .perks-tiles-section {
        background-image: url(../../images/benefits-perks/perks-tiles-bg-xs.webp);
    }
    .perk-tile-01 .perk-tile-img {
        margin-top: -16px;
    }
    .perks-tiles-section-grid {
        display: block;
    }
    .perks-tiles-section-grid .slick-list {
        margin-inline: calc(-1 * var(--gutterWidth));
        padding-inline: var(--gutterWidth);
    }
    .perks-tiles-section .slick-track {
        display: flex;
        gap: 24px;
        justify-content: stretch;
    }
    .perks-tiles-section-grid .perk-tile {
        flex: 0 0 314px !important;
        display: flex !important;
        padding-bottom: 0;
        height: auto;
    }
    .perks-tiles-section-grid {
        display: block;
    }
    .perk-tile-02 .perk-tile-img, 
    .perk-tile-03 .perk-tile-img {
        position: static;
    }
    .perk-tile-02 .perk-tile-img {
        width: 265px;
        max-width: 100%;
        margin-left: auto;
        margin-right: -24px;
    }
    .perk-tile-03 .perk-tile-img {
        width: 268px;
        max-width: 100%;
        margin-left: auto;
        margin-right: -24px;
    }
    .perks-tiles-section {
        overflow: hidden;
    }
    /* .fuel-section .section-title {
        justify-content: center;
        width: 100%;
    }
    .fuel-right-lottie img {
        width: 328px;
        max-width: 100%;
    } */
}
body .perks-tiles-section-grid .slick-dots li button {
    background: #3F71FF;
}
body .perks-tiles-section-grid .slick-dots li button:hover, 
body .perks-tiles-section-grid .slick-dots li.slick-active button {
    background: var(--white);
}
body .perks-tiles-section-grid .slick-dots {
    padding: 24px 0 0;
}
/* ==========tiles section end */