/* START - Section Features list Grid */
.tab-btn .circle-dot{ position:relative; top:3px;}
.features-list-holder {
    background: linear-gradient(180deg, #F4FAFF 0%, #FFFFFF 100%);
}
.features-list-holder .two-columns {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.two-columns-list.list-accordion .opener {
    flex-direction: column;
    color: var(--text-primary);
}
.two-columns-list li {
    padding-block: 1.5rem;
    border-bottom: 2px solid var(--i2c-brand-100 );
    padding: 1rem 0;
    transition: ease all 0.25s;
    position: relative;
}
.two-columns-list li:last-child { border-bottom: none; padding: 1rem 0 0; }
.list-accordion li.active .opener:after { content: "\e90e";}
.list-accordion .opener:after {
    content: "\e915";
    font-size: 2.5rem;
    line-height: 1;
    font-family: 'i2c-font' !important;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.two-columns-list li:last-child:before {display: none !important;}
.two-columns-list li .h4 {
    color: var(--text-primary);
    margin: 0;
    display: block;
    font-weight: var(--fontWeightNormal);
}
.list-accordion .opener {
    width: 100%;
    padding: 0 2.5rem 0 0;
    text-align: left;
    position: relative;
    background: none;
    border: none;
    transition: var(--transitionDefault);
    display: flex;
    gap: 1rem;
}
.list-accordion .slide {
    padding-top: 1rem;
}
.list-accordion .slide > div{ padding-right: 5.5rem;}
.features-list-holder.accordian-holder { padding-block: var(--sectionInnerSpace) 0; }
.features-list-box .two-columns-list{ gap: 1.175rem;}
@media (max-width: 767px) {
    .list-accordion .slide > div { padding-right: 2rem;}
    .list-accordion .opener::after{font-size: 1.5rem;}
}
/* design screen 768px and above */

@media (min-width: 768px) {
    .features-list-holder .two-columns {
        flex-direction: row;
        align-items: flex-start;
        gap: 3rem;
    }
    .two-columns-list li { padding: 2rem 0; }
    .list-accordion .slide > div {
        padding-right: 3rem;
    }
    .features-list-holder .img-holder {
        width: 30.8333%;
        flex-shrink: 0;
    }
    .two-columns-list { flex-grow: 1;}
    .two-columns-list li:before {
        content: "";
        position: absolute;
        left: 0;
        top: auto;
        bottom: -2px;
        height: 0.125rem;
        width: 0;
        background: var(--blue);
        box-sizing: border-box;
    }
    .two-columns-list li:is(:hover, :focus, .active)::before {animation: borderFill 0.3s linear forwards; }

    @keyframes borderFill {
        0%   { width: 0; }
        100% { width: 100%; }
    }
    .two-columns-list li:is(:hover, :focus, .active) .text-xl,
    .two-columns-list li:is(:hover, :focus, .active) strong {opacity: 1;}
    .two-columns-list.core-banking-accordion .opener:after { display: block; }
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
    .features-list-holder.features-icons-list .two-columns { gap: 5rem; }
    .two-columns-list li { padding: 2rem 0; }    
    .features-list-holder .img-holder { width: 40.19%; }
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
    .features-list-holder.features-icons-list .two-columns { gap: 8rem; }
    .features-list-holder.features-icons-list .img-holder { width: 40.6%; }
    .two-columns-list li { padding: 2.5rem 0; }
    .two-columns-list li:last-child { padding: 2rem 0 0; }
    .two-columns-list li .h4 { margin: 0; }
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
    .accordian-holder.features-list-holder .two-columns { padding-top: 3rem; }
    .features-list-holder .two-columns { gap: 11.5rem; }
    .features-list-holder.features-icons-list .img-holder { width: 40.4545%; }
}

@media (max-width: 1366px) {
    .two-columns-list .text-xl {
        font-size: var(--fontSizeBase);
        .two-columns-list li { padding: 2.5rem 0; }
        .two-columns-list li:last-child {padding: 2.5rem 0 0; }
    }
}
@media (max-width: 1199px) {
    .list-accordion .opener::after{font-size: 2rem;}
}
@media (max-width: 767px) {
    .list-accordion .opener::after{font-size: 1.5rem;}
}
/* END - Section Features list Grid styles */

/* --- Tabs --- */
.tabs-nav {
    display: flex;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #EFEFF1;
}

.tab-btn {
    background: none;
    border: 0;
    color: var(--text-secondary);
    padding: 0 0 1.5rem;
    cursor: pointer;
    font-weight: var(--fontWeightNormal);
    transition: all 0.3s ease;
    position: relative;
    font: 300 var(--fontSizeBase)/var(--lineheightBase) var(--primaryFont);
    font-weight: 400;
    letter-spacing: var(--letterSpacingText);
    font-feature-settings: var(--fontFeatureSettings);
    -webkit-font-feature-settings: var(--fontFeatureSettings);
}
.tab-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    height: 0.375rem;
    width: 100%;
    background: transparent;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.tab-btn.active.tab-btn:before {
    background: var(--orange);
}
.tab-btn.active {
    color: var(--text-brand-secondary);
}
.tab-btn.active .circle-dot {
    color: var(--orange);
}
.tab-btn .circle-dot {
    font-size: var(--fontSizeBase);
}
.tabs-nav-holder {
    width: 100%;
}
/* --- Tab content --- */
.tabs-content .two-columns-list {
    display: none;
    animation: fadeIn 0.4s ease forwards;
}

.tabs-content .two-columns-list.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* features-icons-list */
.features-icons-list {padding-block: var(--sectionInnerSpaceLarge) 0;}
.features-list-box.features-icons-list .list-unstyled{gap: 1.2rem;}
.features-list-box.features-icons-list .two-columns-list li {padding: 2.5rem;}
.features-icons-list .two-columns-list li {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 2.5rem;
    border-radius: 1rem;
    box-shadow: 0 10px 48px 0 #99C6FF33;
    border: 0;
    align-items: center;
}
.features-icons-list .two-columns-list li::before {display: none !important;}
.features-icons-list .two-columns-list li .icon {  width: 1.5rem; flex: 0 0 auto }

@media (min-width: 1200px) {
    .features-icons-list .section-header { max-width: 50%;}    
    .features-icons-list .two-columns-list li {
        gap: 1.5rem;
        border-radius: var(--i2c-border-radius-large);
    }    
    .features-icons-list .two-columns-list li .icon {  width: 2.5rem; }
    .tab-btn{ font-size: 2.5rem;}
}

.credit-processing-section {padding-block: 0 var(--sectionInnerSpaceLarge);}
.credit-features-list {padding: 0;}
.credit-features-list .credit-features-item {
    background: radial-gradient(57.44% 70.05% at 98.47% 2.1%, #E5F3FF 0%, #FFFFFF 100%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
    box-shadow: 0 2px 4px 0 #99C6FF4D;;
    border-radius: var(--i2c-border-radius-large);
    padding: 1.5rem;
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 10rem;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--i2c-brand-200);
    text-align: center;
}
.credit-features-list .credit-features-item .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
}
.credit-features-list .credit-features-item .icon-holder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (min-width: 768px) {
    .credit-features-list .credit-features-item {
        min-height: 11.325rem;
        width: calc(100% / 6 - 0.5rem);
    }
    .credit-features-list-holder { position: relative; }
    .circle-dot-holder {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2rem;
        height: 2rem;
        z-index: 1;
        border-radius: 50%;
        border: 3px solid var(--i2c-brand-100);
        background: var(--white);
    }
    .circle-dot-holder.right {
        left: auto;
        right: 0;
    }
    .circle-dot-holder:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 5px;
        height: 5px;
        z-index: 1;
        border-radius: 50%;
        background: var(--orange);
    }
    .credit-features-list {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
        padding: 0 1.5rem;
    }
    .credit-features-list:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        z-index: -1;
        background: var(--i2c-brand-200);
    }
    .tab-btn{ font-size: 1.75rem;}
}
@media (min-width: 1200px) {
    .credit-features-list { gap: 2rem;  padding: 0 2rem; }
    .credit-features-list .credit-features-item {width: calc(100% / 6 - 1.7rem); min-height: 13.625rem;}
    .credit-features-list .credit-features-item .icon-holder {
        width: 3rem;
        height: 3rem;
    }
}
@media (min-width: 1601px) {
    .credit-features-list { padding: 0 4.25rem; }
    .two-columns-list li { padding: 3rem 0; }
    .tab-btn{ font-size: 3rem;}
}

.features-list-holder.robust-list-holder { background: transparent;}
.robust-list-holder .features-list-box {
    background: var(--blueHover);
    padding: 17rem calc(var(--sectionInnerSpace) / 1.5) calc(var(--sectionInnerSpace) / 1.5);
    color: var(--white);
    border-radius: var(--borderRadiusLarge);
    position: relative;
    overflow: hidden;
}
.robust-list-holder .features-list-box:after {
    content: "";
    background: linear-gradient(0deg, #020923 75%, transparent 60%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.robust-list-holder .features-list-box .section-title {
    color: var(--white);
}
.robust-list-holder .robust-list { position: relative; z-index: 2; gap: 1rem;}
.robust-list-holder .section-header { position: relative; z-index: 2;}
.robust-list-holder .robust-list li {padding: 0 0 0 1.5rem; position: relative;}
.robust-list-holder .robust-list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 8px;
    height: 8px;
    background: var(--orange);
    border-radius: 50%;
}
.robust-list li .h6 {
    color: var(--white);
}
.robust-list-holder .bg-image {
    width: 100%;
    height: 32%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.robust-list-holder .bg-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
}
@media (max-width: 991px) {
    .credit-features-list .credit-features-item{ border-radius: 1rem;}
}
@media (max-width: 767px) {
    .tabs-nav{gap: 1rem;}
    .robust-list-holder .bg-image img{ object-position: center;}
    .robust-list-holder .section-header{ margin-top: -50px;}
    .features-list-holder.features-icons-list .two-columns .two-columns-list{ order: 2;}
    .features-list-holder.features-icons-list .two-columns .img-holder{ order: 1;}
    .robust-list-holder .robust-list li::after{top: 7px;}
    .two-columns-list .text-xl{ font-size: 1rem;}
    .tab-btn{ font-size: 1.75rem;}
}
@media (max-width: 479px) {
    .robust-list-holder .section-header{ margin-top: 0;}
    .robust-list-holder .bg-image img{object-position: right bottom;}
}
@media (min-width: 768px) {
    .robust-list-holder .features-list-box { padding: calc(var(--sectionInnerSpace) / 1.25); }
    .robust-list-holder .features-list-box:after { background: linear-gradient(60deg, #020923CC 66%, transparent 0.8%); }
    .robust-list-holder .robust-list li:after {top: 50%; transform: translateY(-50%);}
    .robust-list-holder .section-header {max-width: 50%; margin-bottom: 1.5rem;}
    .robust-list-holder .bg-image { height: 100%; }
    .robust-list-holder .bg-image img{ object-position:center;}
    .features-list-holder.robust-list-holder .robust-list.list-unstyled{ max-width: 79%;}
}
@media (min-width: 992px) {
    .robust-list-holder .bg-image img{ object-position:center;}
     .robust-list-holder .section-header { max-width: 55%; margin-bottom: 1.5rem; }
     .features-list-holder.robust-list-holder .robust-list.list-unstyled{ max-width: 60%;}
     .robust-list-holder .features-list-box::after { background: linear-gradient(60deg, #020923CC 64%, transparent 0.8%); }
}
@media (min-width: 1200px) {
    .robust-list-holder .robust-list li { padding: 0 0 0 1.9rem; }
    .robust-list-holder .features-list-box:after { background: linear-gradient(60deg, #020923CC 62%, transparent 0.8%);}
    .features-list-holder.features-icons-list .section-header{ margin-bottom: 4rem;}
}
@media (min-width: 1200px) {
    .robust-list-holder .features-list-box {
        padding: calc(var(--sectionInnerSpace) / 1.5);
    }
    .tab-btn .circle-dot{ position:relative; top:4px;}
}
@media (min-width: 1601px) {
    .robust-list-holder .features-list-box {
        padding: var(--sectionInnerSpace);
    }
    .cta-band  .container-sm{max-width: 1400px !important;}
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .robust-list-holder .section-header {
    max-width: 54%;
    margin-bottom: 3rem;
  }
  .robust-list-holder .section-header .section-title{max-width: 75%;}
  .robust-list-holder .features-list-box{padding-left:104px !important; }
  .robust-list-holder .bg-image img{object-position: center;}
  .cta-band  .container-sm{max-width: 1170px !important;}
}


@media (max-width: 767px) {
.features-icons-list .two-columns-list li{
    align-items: flex-start;
    padding:1.5rem;
    }
}