/* =========================BANNER Section Start========================= */
.banner {background: var(--primary);padding: 100px 0 80px  0;color: #fff;}
.headline-wrapper {text-align: center;display:flex;flex-direction:column; gap: 100px; justify-items: center;}
.headline-overview{display: flex;flex-direction: column;gap: 40px;}
.headline-head{display: flex;flex-direction: column;gap: 10px;}
.header-main-title {font-size: 60px;font-weight: 700;color: #C5A063;}
.header-main-title span {display: block;color: #FFFFFF;}
.headline-head p{font-size: 20px;color: #cfd3dc;font-weight: 400;}
.banner-button {display: flex;justify-content: center;gap: 20px;}
.headline-wrapper .link-button {gap: 10px;padding: 10px 23px !important;height:50px; font-size: 18px;font-weight: 600;border-radius: var(--border-radius);border:1px solid #FFFFFF;background-color: #FFFFFF; text-decoration: none;transition: all 0.25s ease}
.headline-wrapper .primary-link svg path {fill: #171923;}
.headline-wrapper .primary-link:hover {background: transparent;border: 1px solid #ffffff; color:#ffffff;font-size: 18px;font-weight: 600;}
.headline-wrapper .primary-link:hover svg path{   fill:#ffffff;}
.headline-wrapper .white-link {background: transparent !important;color:#FFFFFF;border: 1px solid #FFFFFF;}
.headline-wrapper .white-link:hover {background: #353742 !important;}
.headline-brand{display: flex;flex-direction: column;gap:40px;}
.brand-logos{display: flex;flex-direction: column;gap:30px;align-items: center;}
.brand-logos p {max-width: 351px;border-radius: 8px;padding: 5px 15px;border:1px solid #2A2D3D; background-color:#2A2D3D;line-height: 100%;}
/* =========================LOGOS ROW========================= */
.headline-brand ul {display: flex;justify-content: center;align-items: center;list-style: none;padding: 0;flex-wrap: wrap;gap:90px}
.headline-brand li svg {transition: opacity 0.25s ease;}
.headline-brand li svg:hover {opacity: 1;}
/* =========================TAGS (CHECK ICONS)========================= */
.banner-tag {display: flex;justify-content: center;gap: 60px;}
.banner-tag span::before{
    content: "";
    width: 13px;
    height: 10px;
    flex-shrink: 0;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3E%3Cpath fill='%23fff' d='M13 1.614 4.622 10 0 5.376 1.616 3.76 4.62 6.764 11.386 0z'/%3E%3C/svg%3E");
}
.banner-tag span {font-size: 15px;font-weight: 400; color: #FFFFFF;opacity: 50%;text-align: center;display: inline-flex;gap:10px;}
/*========================Responsive======================*/

/* =========================BANNER Section End========================= */
/* =========================Category Section Start========================= */
.neobank-categories {background: #ffffff;padding: 100px 0 80px 0;}
.neobank-categories-wrapper{display: flex;flex-direction: column;gap:40px;}
.gl-header{display: grid;text-align: center;gap: 10px;}
.neobank-head h2{font-weight: 700;font-size: 36px;text-align: center;color: var(--primary);}
.neobank-head p{font-weight: 400;font-size: 20px; text-align: center;color: var(--gray);}
.neobank-categories-list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.neobank-category{max-width: 420px;border: 1px solid var(--border-color);border-radius: 10px;padding: 30px;display: flex;flex-direction: column;gap:15px;}
.neobank-category:hover{border-color:#BB924E;}
.category-head{display: flex;flex-direction: column;gap:20px;}
.category-head .head-top{display: flex;justify-content: space-between;}
.category-head .head-top .phase{font-weight: 400;font-size:14px;color: var(--gray);}
.category-head .head-bottom{display: flex;flex-direction: column;gap: 20px;}
.category-head .head-bottom h3{font-size: 20px;font-weight: 700;color: var(--primary);}
.category-head .head-bottom p{font-size: 16px;font-weight: 400;color: var(--gray);}
.neobank-provider-review{display: flex;align-items: center;justify-content: space-between;gap:20px}
.provider-neobank-category{display: flex;gap: 5px;align-items: center;}
.provider-neobank-category::before{
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23444B55' d='M22.476 19.5h-1.474V9a1.5 1.5 0 0 0-1.5-1.5h-4.125a.375.375 0 0 0-.375.375V19.5h-1.5V3.038a1.54 1.54 0 0 0-.578-1.219 1.5 1.5 0 0 0-1.755-.064L3.67 6.75A1.5 1.5 0 0 0 3.002 8v11.5H1.527a.767.767 0 0 0-.775.7.75.75 0 0 0 .75.8h21a.75.75 0 0 0 .75-.8.767.767 0 0 0-.776-.7m-15.35-2.25a.75.75 0 0 1-.799.75.767.767 0 0 1-.7-.776v-1.449a.77.77 0 0 1 .7-.775.75.75 0 0 1 .8.75zm0-5.25a.75.75 0 0 1-.799.75.77.77 0 0 1-.7-.776v-1.449a.77.77 0 0 1 .7-.775.75.75 0 0 1 .8.75zm3.75 5.25a.75.75 0 0 1-.799.75.767.767 0 0 1-.7-.775v-1.45a.77.77 0 0 1 .7-.774.75.75 0 0 1 .8.75zm0-5.25a.75.75 0 0 1-.799.75.77.77 0 0 1-.7-.775v-1.45a.77.77 0 0 1 .7-.774.75.75 0 0 1 .8.75z'/%3E%3C/svg%3E");
}
.provider-neobank-category span{font-weight: 400;font-size: 14px;color:var(--gray);}
.review-neobank-category{display: flex;gap: 5px;align-items: center;}
.review-neobank-category::before{
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23C5A063' stroke='%23C5A063' d='M14.067 9.049c.125.265.373.46.673.507l4.671.712-3.394 3.471a.93.93 0 0 0-.25.795v.001l.796 4.87-4.138-2.282h-.001a.88.88 0 0 0-.848 0l-4.14 2.282.796-4.87a.93.93 0 0 0-.248-.795l-3.396-3.472 4.67-.712h.002a.9.9 0 0 0 .673-.507L12 4.653z'/%3E%3C/svg%3E");
}
.review-neobank-category span{font-weight: 400;font-size: 14px;color:var(--gray);}
.neobank-brs-provider{border: 1px solid var(--primary);border-radius: var(--border-radius);padding: 10px 23px;display: flex;gap: 10px;flex-direction: column;text-align: center;font-weight: 600;font-size: 14px;}
.neobank-brs-provider:hover{background-color:var(--primary);color:var(--white);}
.neobank-provider-list{display: flex;flex-direction: column;gap: 10px;}
.neobank-provider-list h4{font-size: 14px; font-weight: 400;color: var(--gray);}
.provider-main-list{display: flex;flex-direction: column;gap: 10px;}
.provider-main-list .provider{border-radius: 16px;border: 1px solid var(--border-color);padding: 12px;display: flex;gap:10px;}
.provider-main-list .provider .logo-details{display: flex;gap:10px;align-items: center;border: 1px solid var(--border-color);
    border-radius: 10px;overflow: hidden;width: 52px;height: 52px;}
.provider .logo-details .logo{align-items: center;background: var(--white);display: flex;height:auto;justify-content: center;overflow: hidden;width: 50px;}
.provider .provider-details{display: flex;flex-direction: column;justify-content: space-between;min-height: 52px;}
.provider-details .company-name{font-weight: 600;font-size: 16px;color:var(--primary);}
.provider-details .company-name:hover{color:#C5A063;}
.provider-details .rating{display: flex;gap:5px;align-items: center;justify-content: flex-start;}
.rating::before{
    content: "";
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23C5A063' stroke='%23C5A063' stroke-width='.636' d='M7.605 3.599c.09.18.262.307.461.336l3.588.521L9.06 6.987a.61.61 0 0 0-.177.542l.612 3.575-3.209-1.688-.068-.03a.61.61 0 0 0-.502.03l-3.21 1.688.613-3.575a.61.61 0 0 0-.126-.486l-.05-.056L.344 4.456l3.589-.521a.61.61 0 0 0 .46-.336L6 .346z'/%3E%3C/svg%3E");
}
.provider-details .rating span{font-weight: 600;font-size: 14px;color:var(--primary);text-align: center;align-items: center;}
.provider-details .rating .count{font-weight: 400;font-size: 14px;color:#1B66F3;text-align: center;align-items: center;}
.neobank-help-stack{display: flex;padding: 40px;border-radius: 10px;background-color: var(--primary);align-items: center;justify-content: space-between;}
.neobank-help-text{display: flex;flex-direction: column;gap: 20px;max-width: calc(80% - 20px);}
.neobank-help-text h3{font-size: 24px;font-weight: 700;color: var(--white);}
.neobank-help-text p{font-size: 16px;font-weight: 400;color: var(--white);}

/* =========================Category Section end========================= */
/* =========================recipe Section start========================= */
.recipe-work{padding: 100px 0 100px 0;background-color: #ECECEC;}
.recipe-work-wrapper{display: flex;flex-direction: column;gap:20px;}
.head-title-step{display:flex;flex-direction: column;gap:40px;}
.head-title-step .gl-header h2{font-weight: 700;font-size: 36px;text-align: center;color: var(--primary);}
.head-title-step .gl-header p{font-weight: 400;font-size: 20px; text-align: center;color: var(--gray);}
.recipe-work-overview-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.recipe-work-overview-grid .main-overview-step{border-radius: 6px;border:1px solid var(--border-color);padding: 30px;background-color: var(--white);}
.main-overview-step .overview-step{display: flex;flex-direction: column;gap:40px;}
.overview-step .step-number{max-height: 44px;max-width: 44px;border-radius: 6px;padding: 20px;display: flex;gap:10px;align-items: center;justify-content: center;background-color: #ECECEC;}
.overview-step .step-number .step{font-weight: 700;font-size: 20px;color:var(--primary);}
.overview-step .step-details{display: flex;flex-direction: column;gap: 20px;}
.step-details .step-intro{display: flex;flex-direction: column;gap: 20px;}
.step-details .step-intro h3{font-weight: 700;font-size: 20px;color:var(--primary);}
.step-details .step-intro p{font-weight: 400;font-size: 16px;color:var(--gray);}
ul.check-list{display: flex;flex-direction: column;gap: 10px;}
.check-list li::before{
    content: "";
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%234AB68B' d='M15.728 1.618 5.884 11.721a.92.92 0 0 1-.653.279.9.9 0 0 1-.654-.279L.271 7.301A.95.95 0 0 1 0 6.631a.97.97 0 0 1 .27-.672.92.92 0 0 1 .654-.277.9.9 0 0 1 .654.277l3.654 3.75 9.19-9.431A.91.91 0 0 1 15.076 0c.245 0 .48.1.653.278s.271.42.271.67a.96.96 0 0 1-.27.672z'/%3E%3C/svg%3E");
}
ul.check-list li{display: flex;gap:10px;align-items: flex-start;}
ul.check-list li .text{display: flex;flex-direction: column;gap: 5px;}
ul.check-list li .text strong{font-weight: 700;font-size: 16px;color: var(--primary);}
ul.check-list li .text p{font-weight: 400;font-size: 14px;color: var(--gray);}
.dependency-recipe{border-radius: 10px;border:1px solid var(--primary);padding: 30px;display: flex;flex-direction: column;gap:30px;background-color: var(--white);}
.dependency-recipe .recipe-bottom{display: flex;flex-direction: column;gap:20px;}
.recipe-bottom .header-title h3{font-weight: 700;font-size: 20px;color:var(--primary);}
ul.key-dependencies-list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
ul.key-dependencies-list li{display: flex;gap:15px;}
.depend-title-desc{display: flex;flex-direction: column;gap:5px;}
.depend-title-desc h4{font-weight: 700;font-size: 16px;color:var(--primary);}
.depend-title-desc p{font-weight: 400;font-size: 15px;color:var(--gray);}

/* =========================recipe Section end========================= */
/* =========================timeline section start========================= */
.timeline-phase{padding: 100px 0 80px 0;background-color: var(--primary);}
.timeline-phase-wrapper{display: flex;flex-direction: column;gap:40px;}
.timline-header{display: flex;flex-direction: column;gap: 40px;}
.timeline-head h2{font-weight: 700;font-size: 36px;text-align: center;color: var(--white);}
.timeline-head p{font-weight: 400;font-size: 20px;text-align: center;color: var(--white);}
.timelie-overview{display: flex;flex-direction: column;gap: 20px;}
.timeline-icon{display: flex;justify-content: center;}
.timeline-sect{display:grid;grid-template-columns:repeat(2, 1fr); gap: 40px;}
.timeline-sect .timeline{border-radius: 10px;padding: 30px;background-color: #1F2335;display: flex;flex-direction: column;gap:60px;}
.timeline-cost{border-radius: 10px;padding: 30px;background-color: #1F2335;display: flex;flex-direction: column;gap:15px;color: var(--white);font-size:14px;border:1px solid var(--border-color)}

.timeline .timeline-wrapper{display: flex;flex-direction: column;gap:25px;}
.timeline-wrapper .timeline-head-desc{display: flex;flex-direction: column;gap:15px;}
.timeline-wrapper .timeline-head-desc .title{display: flex;justify-content: space-between;gap:40px;}
.timeline-wrapper .timeline-head-desc .title h4,.timeline-cost h4{font-size: 20px;font-weight: 700;color:var(--white);}
.timeline-wrapper .timeline-head-desc .title span{border-radius: 6px;background-color: var(--primary);padding: 4px 8px;display: flex;gap:10px;font-size: 14px;font-weight: 400;color:var(--white);min-width: 93px;max-height: 32px;justify-content: center;}
.timeline-card-desc{font-size: 14px;font-weight: 400;color:var(--white);}
.timeline-steps-desc{display: flex;flex-direction: column;gap:15px;}
.step-describe{display: flex;gap:10px;}
.step-describe::before{
    content: "";
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%234AB68B' d='M15.728 1.618 5.884 11.721a.92.92 0 0 1-.653.279.9.9 0 0 1-.654-.279L.271 7.301A.95.95 0 0 1 0 6.631a.97.97 0 0 1 .27-.672.92.92 0 0 1 .654-.277.9.9 0 0 1 .654.277l3.654 3.75 9.19-9.431A.91.91 0 0 1 15.076 0c.245 0 .48.1.653.278s.271.42.271.67a.96.96 0 0 1-.27.672z'/%3E%3C/svg%3E");
}
.step-describe .paragraph-title-timeline{display: flex;flex-direction: column;gap:5px;}
.paragraph-title-timeline strong{font-size: 16px;font-weight: 600;color:var(--white);}
.paragraph-title-timeline .sub-menu-desc{font-size: 14px;font-weight: 400;color:var(--white);}
.timeline-sect .milestone{border-radius: 10px;padding: 30px;background-color: #1F2335;display: flex;flex-direction: column;gap:60px;}
.milestone .milestone-wrapper{display: flex;flex-direction: column;gap:25px;}
.milestone-wrapper .header-title h4{font-size: 20px;font-weight: 700;color:var(--white);}
.milstone-list{display: flex;flex-direction: column;gap:15px;}
.milstone-list .milestone-item{display: flex;justify-content: flex-start; border-bottom: 1px dashed var(--gray);padding-bottom: 15px;gap:10px;min-height:30px;align-items: center;position: relative;}
.milestone-item .list-title{font-size: 16px;font-weight: 400;color:var(--white);}
.milstone-list .milestone-item::before{
    content: "\2022";
    flex-shrink: 0;
    color: var(--white);
    font-size: 20px;
    line-height: 1;
}
.delay-box-milestone{display: flex;flex-direction: column;gap:20px;}
.vector-icon-title{display: flex;gap: 15px;align-items: center;}
.vector-icon-title strong{font-size: 20px;font-weight: 700;color:var(--white);}
.delay-box-milestone ul{display: flex;flex-direction: column;list-style-type: disc;gap: 10px;}
.delay-box-milestone ul li{list-style-position: inside;padding-left: 8px;font-size: 16px;font-weight: 400;color:var(--white);}
.timeline-footer{background-color: var(--white);border-radius: 10px;padding: 30px;display: flex;flex-direction: column;gap: 20px;}
.timeline-footer strong{font-size: 24px;font-weight: 700;color:var(--primary);}
.timeline-footer p{font-size: 16px;font-weight: 400;color:var(--primary);}
/* =========================timeline section end========================= */
/* =========================vendor section start========================= */
.vendor-checklist{padding: 100px 0 100px 0;background-color: #ECECEC;}
.vendor-cheklist-wrapper{display: flex;flex-direction: column;gap:40px;}
.title-tab-content{display: flex;flex-direction: column;gap:20px;}
.vendor-head .section-title{font-size: 36px;font-weight: 700;color:var(--primary);text-align: center;}
.vendor-head p{font-size: 20px;font-weight: 400;color:var(--primary);text-align: center;}
.title-tab-content .tabs input{display: none;}
.title-tab-content .vendor-tabing{display: flex;justify-content: center;gap:20px;}
.title-tab-content .vendor-tabing .tab{border-radius: 100px;padding: 15px 25px;background-color: var(--white);border: 1px solid transparent;font-size: 18px;font-weight: 400;color:var(--primary);display: flex;flex-direction: column;gap: 10px;align-items: center;line-height: 100%;cursor: pointer;}
.title-tab-content .vendor-tabing .tab.active {border-color: #C5A063;}
.title-tab-content .vendor-tabing .tab:hover{border-color:#C5A063;}
/* .vendor-checklist .tab-content .content {display: none;} */
/* .vendor-checklist .tab-content .content.active {display: block;} */
.vendor-checklist .tab-content .content .cards{display: grid;grid-template-columns: repeat(3, 1fr); gap: 30px;}
.tab-content .content .cards .card-head{border-top-left-radius: 6px;border-top-right-radius: 6px;padding: 20px;display: flex;flex-direction: column;gap:10px;background-color: var(--primary);}
.tab-content .content .cards .card-head h3{font-size:20px;font-weight: 700;text-align: center;color:var(--white);}
.card .list-section-main{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;padding: 30px;border: 1px solid var(--border-color);display: flex;flex-direction: column;gap: 10px;background-color: var(--white);min-height:426px;}
.list-section-main .list-section-child{display: flex;flex-direction: column;gap:20px;}
.list-section-child .list-item{display: flex;align-items: flex-start;gap:10px;}
.list-section-child .list-question::before{
    content: "";
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%234AB68B' d='M15.728 1.618 5.884 11.721a.92.92 0 0 1-.653.279.9.9 0 0 1-.654-.279L.271 7.301A.95.95 0 0 1 0 6.631a.97.97 0 0 1 .27-.672.92.92 0 0 1 .654-.277.9.9 0 0 1 .654.277l3.654 3.75 9.19-9.431A.91.91 0 0 1 15.076 0c.245 0 .48.1.653.278s.271.42.271.67a.96.96 0 0 1-.27.672z'/%3E%3C/svg%3E");
}
.list-section-child .list-flag::before{
    content: "";
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill='%23F57979' d='M17.29 15.963a.939.939 0 1 1-1.327 1.328l-4.96-4.962-4.962 4.96a.94.94 0 0 1-1.328-1.328l4.961-4.96-4.96-4.961A.94.94 0 1 1 6.042 4.71l4.96 4.962 4.962-4.962a.94.94 0 1 1 1.328 1.328L12.33 11z'/%3E%3C/svg%3E");
}
.list-section-child .list-good::before{
    content: "";
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    margin-top: 8px;
    background: var(--primary);
    border-radius:18px;
}
.list-item .question p{font-weight: 400;font-size: 16px;color:var(--primary);}
.list-item .flag-desc p{font-weight: 400;font-size: 16px;color:var(--primary);}
.list-item .good-desc p{font-weight: 400;font-size: 16px;color:var(--primary);}
.vendor-selected {display: none;}
.vendor-tabing {display: flex;border: none;}
/* =========================vendor section end========================= */
.key-builddecision-wrapper{display: flex;flex-direction: column;gap:40px;}
.build-decision-title{display: flex;flex-direction: column;gap:10px;text-align: center;}
.build-decision-title h2{font-size: 36px;color:#FFFFFF;font-weight: 700;}
.build-decision-title p{font-size: 20px;color:#FFFFFF;font-weight: 400;}
.build-decision-overview{border-bottom: 1px dashed var(--border-color);display: flex;flex-direction: column;gap:30px;padding-bottom: 60px;}
.build-decision-steps{display: flex;flex-direction: column;gap:20px;}
.build-decision-steps span{font-size: 20px;color:#FFFFFF;font-weight: 700;text-align: center;}
.build-decision-phase{display: grid;grid-template-columns:repeat(3, 1fr);gap:30px; }
.build-decision-phase .phase-steps{display: flex;flex-direction: column;gap: 30px;padding: 30px;border-radius: 16px;background-color: #1F2335;}
.build-decision-phase .phase-steps .phase-header{display: flex;flex-direction: column;gap: 15px;}
.phase-steps .phase-header h4{font-weight: 700;font-size: 20px;color: #FFFFFF;}
.phase-steps .phase-header p{font-weight: 400;font-size: 16px;color: #FFFFFF;}
.phase-steps .phase-footer{display: flex;flex-direction:column;gap: 10px;padding: 15px;border-radius: var(--border-radius);background-color: var(--primary);}
.phase-footer .footer-review strong{font-size: 16px;font-weight: 600;color: #FFFFFF;}
.phase-footer .footer-steps-describe{display: flex;flex-direction:column;gap: 8px;}
.phase-footer .footer-steps-describe .describe{display: flex;gap: 10px;}
.phase-footer .footer-steps-describe .describe p{font-size: 14px;font-weight: 400;color: #FFFFFF;}
.phase-footer .footer-steps-describe .describe::before{
    content: "";
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%234AB68B' d='M15.728 1.618 5.884 11.721a.92.92 0 0 1-.653.279.9.9 0 0 1-.654-.279L.271 7.301A.95.95 0 0 1 0 6.631a.97.97 0 0 1 .27-.672.92.92 0 0 1 .654-.277.9.9 0 0 1 .654.277l3.654 3.75 9.19-9.431A.91.91 0 0 1 15.076 0c.245 0 .48.1.653.278s.271.42.271.67a.96.96 0 0 1-.27.672z'/%3E%3C/svg%3E");
}
.phase-footer-models{display: flex;flex-direction: column;gap:25px;}
.phase-footer-models .step-models{border-left: 2px solid #FFFFFF;padding-left: 20px;display: flex;flex-direction: column; gap: 8px;}
.phase-footer-models .step-models strong{font-weight: 600;font-size: 16px;color: #FFFFFF;}
.phase-footer-models .step-models p{font-weight: 400;font-size: 14px;color: #FFFFFF;}
.phase-footer-changes{display: flex;flex-direction: column;gap:40px;}
.phase-footer-changes .step-changes{border-bottom: 1px dashed #DBDBDB;padding-bottom: 30px; display: flex;flex-direction:column;gap: 8px;}
.phase-footer-changes .step-changes strong{font-weight: 600;font-size: 16px;color: #FFFFFF;}
.phase-footer-changes .step-changes p{font-weight: 400;font-size: 14px;color: #FFFFFF;}
.phase-footer-select{display: flex;flex-direction: column;gap: 15px;}
.phase-footer-select .select-desc p{font-weight: 400;font-size: 16px;color: #FFFFFF;}
.phase-footer-select .main-selection{padding-top: 10px; display: flex;flex-direction: column;gap: 10px;}
.phase-footer-select .main-selection .step-select{display: flex;gap:10px;}
.main-selection .step-select p{font-weight: 400;font-size: 16px;color: #FFFFFF;}
.phase-footer-select .main-selection .step-select::before{
    content: "";
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%234AB68B' d='M15.728 1.618 5.884 11.721a.92.92 0 0 1-.653.279.9.9 0 0 1-.654-.279L.271 7.301A.95.95 0 0 1 0 6.631a.97.97 0 0 1 .27-.672.92.92 0 0 1 .654-.277.9.9 0 0 1 .654.277l3.654 3.75 9.19-9.431A.91.91 0 0 1 15.076 0c.245 0 .48.1.653.278s.271.42.271.67a.96.96 0 0 1-.27.672z'/%3E%3C/svg%3E");
}
.phase-footer-basics{display: flex;flex-direction: column;gap: 10px;}
.phase-footer-basics .footer-review strong{font-weight: 600;font-size: 16px;color: #FFFFFF;}
.phase-footer-basics .main-basics{display: flex;flex-direction: column; gap: 20px;border-radius: var(--border-radius);padding: 15px;background-color: var(--primary);}
.phase-footer-basics .main-basics .steps-basics{display: flex;flex-direction: column;gap: 8px;}
.phase-footer-basics .main-basics .steps-basics strong{font-weight: 600;font-size: 16px;color: #FFFFFF;}
.phase-footer-basics .main-basics .steps-basics p{font-weight: 400;font-size: 14px;color: #FFFFFF;}
.main-basics .pro-step-basics .basics{display: flex;gap: 8px;}
.main-basics .pro-step-basics .basics::before{
    content: "";
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%234AB68B' d='M15.728 1.618 5.884 11.721a.92.92 0 0 1-.653.279.9.9 0 0 1-.654-.279L.271 7.301A.95.95 0 0 1 0 6.631a.97.97 0 0 1 .27-.672.92.92 0 0 1 .654-.277.9.9 0 0 1 .654.277l3.654 3.75 9.19-9.431A.91.91 0 0 1 15.076 0c.245 0 .48.1.653.278s.271.42.271.67a.96.96 0 0 1-.27.672z'/%3E%3C/svg%3E");
}
.main-basics .con-step-basics .basics{display: flex;gap: 8px;}
.main-basics .con-step-basics .basics::before{
    content: "";
    width: 16px;
    height: 12px;
    flex-shrink: 0;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.705 12.2914C13.8928 12.4792 13.9983 12.7339 13.9983 12.9995C13.9983 13.265 13.8928 13.5197 13.705 13.7075C13.5172 13.8953 13.2625 14.0008 12.997 14.0008C12.7314 14.0008 12.4767 13.8953 12.2889 13.7075L7 8.41698L1.70944 13.7059C1.52165 13.8937 1.26695 13.9992 1.00137 13.9992C0.735788 13.9992 0.481087 13.8937 0.293294 13.7059C0.105501 13.5181 3.95744e-09 13.2634 0 12.9978C-3.95744e-09 12.7322 0.105501 12.4775 0.293294 12.2897L5.58385 7.00083L0.29496 1.71027C0.107167 1.52248 0.00166609 1.26778 0.00166609 1.0022C0.0016661 0.736621 0.107167 0.481919 0.29496 0.294127C0.482752 0.106334 0.737454 0.000832891 1.00303 0.000832888C1.26861 0.000832885 1.52331 0.106334 1.71111 0.294127L7 5.58469L12.2906 0.293293C12.4784 0.105501 12.7331 -4.42455e-09 12.9986 0C13.2642 4.42455e-09 13.5189 0.105501 13.7067 0.293293C13.8945 0.481086 14 0.735788 14 1.00137C14 1.26695 13.8945 1.52165 13.7067 1.70944L8.41615 7.00083L13.705 12.2914Z' fill='%23F57979'/%3E%3C/svg%3E");
}
.phase-footer-basics .main-approch{display: flex;gap: 10px;flex-direction: column;padding: 15px;border-radius: var(--border-radius);background-color: var(--primary);}
.phase-footer-basics .main-approch .aproch-steps strong{font-weight: 600;font-size: 16px;color: #FFFFFF;}
.phase-footer-basics .main-approch .approch-types{list-style: disc;padding-left: 22px;}
.phase-footer-basics .main-approch .approch-types .type{font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 190%;}
.time-launch-sec{padding: 50px 0;}
.time-launch-wrapper{display: flex;flex-direction: column;gap: 20px;}
.time-launch-wrapper .time-launch h2{font-size: 24px;font-weight: 700;text-align: center;color:var(--primary);}
.time-launch-wrapper .time-launch p{font-size: 16px;font-weight: 400;text-align: center;color:var(--primary);}
.border-none{border-bottom: none !important;}

.faq-section-main{padding: 50px 0px;background-color: #FFFFFF;}
.faq-section-main .faq-wrapper{display: flex;flex-direction:column;gap: 40px;}
.faq-section-main .faq-wrapper .faq-head h2{text-align: center;font-size: 24px;font-weight: 700;color: var(--primary);}
.faq-section-main .faq-wrapper .faq-questions-group{display: grid;gap: 10px;width: 100%;}
.faq-question .faq-expandable-details{display: flex;flex-direction: column;border: 1px solid var(--border-color);border-radius: 16px;padding: 20px;}
.faq-question .faq-expandable-details[open]{gap: 20px;}
.faq-question .faq-expandable-details summary{list-style-type: none;}
.faq-question .faq-expandable-details > summary::-webkit-details-marker, details>summary::marker {content: "";display: none;}
.faq-questions-header{cursor: pointer;display: flex;justify-content: space-between;width: 100%;}
.faq-questions-header .faq-questions-title{margin: 0;padding-right: 20px;font-size: 20px;font-weight: 600;color: var(--primary);}
.faq-questions-header .faq-chevron {height: 16px;margin-top: 8px;width: 16px;}
.faq-questions-header .faq-chevron-lines {transition: transform .4s;transform: translateY(24px);}
.faq-chevron-line {stroke: #C5A063;stroke-width: 16px;stroke-linecap: square;transform-origin: 50%;transform: rotate(42deg);transition: transform .3s,stroke .3s;}
.faq-chevron-line.faq-chevron-line-right, .faq-expandable-details[open] .faq-chevron-line-left {transform: rotate(-42deg);}
.faq-expandable-details[open] .faq-chevron-line-right {transform: rotate(42deg);}
.faq-expandable-details[open] .faq-chevron-lines {transform: translateY(calc(16px * -1));}
.faq-questions-description{border-top: 2px dashed var(--border-color);padding-top: 20px;}
.faq-questions-description .faq-answer{font-weight: 400;font-size: 16px;color: var(--gray);}

.cexrecipe-work-grid .recipe-work-grid {display: flex;gap: 20px;}
.cexrecipe-work-grid .recipe-work-grid .recipe-overview-step {flex: 1;}
.cexrecipe-work-grid .recipe-step {border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 30px;background-color: white;width: 100%;}
.cexrecipe-work-grid .recipe-work-grid .recipe-overview-step:only-child {flex: 0 0 100%;}
.goodfirms-crypto .recipe-work .cexrecipe-work-grid{display:flex;flex-direction: column;gap: 20px;}
.recipe-work .cexrecipe-work-grid .recipe-work-grid .recipe-overview-step{display: flex;gap: 20px;}
.recipe-work .cexrecipe-work-grid .recipe-work-grid .recipe-overview-step .recipe-step .overview-step{display: flex;flex-direction: column;gap: 20px;}
.recipe-overview-step .recipe-step .overview-step .step-number-title{display: flex;gap: 20px;align-items: center;}
.recipe-overview-step .recipe-step .overview-step .step-number-title span{max-height: 44px;max-width: 44px;border-radius: 6px;padding: 20px;display: flex;gap: 10px;align-items: center;justify-content: center;background-color: #ECECEC;color: var(--primary);font-weight: 700;font-size: 20px;}
.recipe-overview-step .recipe-step .overview-step .step-number-title h3{font-weight: 700;font-size: 20px;color: var(--primary);}
.recipe-overview-step .recipe-step .overview-step .card-desc{font-weight: 400;font-size: 16px;color: var(--gray);}



.neobank-tab-panel { display: none; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.neobank-tab-panel.active { display: grid; }


/* ── Tab Nav ── */
/* Center the tabs */
.neobank-tabs-nav {
    display: flex;
    flex-wrap: nowrap;        /* prevent wrapping */
    justify-content: center;  /* center on desktop */
    gap: 0;
    border-bottom: 1px solid #dbdbdb;
    overflow-x: auto;         /* horizontal scroll on mobile */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;    /* hide scrollbar Firefox */
}

/* hide scrollbar Chrome/Safari */
.neobank-tabs-nav::-webkit-scrollbar {
    display: none;
}

.neobank-tab-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #444b55;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: color .2s, border-color .2s;
    margin-bottom: -1px;
    white-space: nowrap;
}

.neobank-tab-btn:hover {
    color: var(--secondary);
}

.neobank-tab-btn.active {
    color: var(--secondary) !important;
    border-bottom: 3px solid var(--secondary) !important;
}

/* ── Count Badge ── */
.neobank-tab-btn .tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--light-background);
    color: var(--gray);
    font-size: 11px;
    font-weight: 700;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
}

/* ── Tab Panels ── */
.neobank-tab-panel { display: none; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.neobank-tab-panel.active { display: grid; }
.neobank-tab-btn.active .tab-count,.neobank-tab-btn:hover .tab-count{background: var(--secondary);color: var(--white)}

.neobank-tab-panel .phase{display: none}
/* ── Responsive ── */
@media (max-width: 768px) {

    .neobank-tab-btn { padding: 12px 14px; font-size: 11px; gap: 5px; }

}

@media (max-width: 480px) {
    .neobank-tabs-nav { gap: 0; }
    .neobank-tab-btn { padding: 10px 10px; font-size: 10px; gap: 5px; }
    .neobank-tab-panel.active { grid-template-columns: 1fr; }
}


@media (min-width:1025px){
    .vendor-checklist .tab-content .content{display:none;}
    .vendor-checklist .tab-content .content .accordion-header{display: none;}
    .vendor-checklist .tab-content .content.active{display:block;}
}
@media (max-width:1024px) {
    .neobank-tabs-nav {
        justify-content: flex-start;
    }
    .headline-brand ul{gap:40px;}
    .vendor-checklist .tab-content .content .cards{grid-template-columns:1fr;justify-content:center;}
    .card .list-section-main{min-height: 260px;}
    .neobank-categories-list,.neobank-tab-panel{grid-template-columns: repeat(2, 1fr);gap: 20px;justify-content: center;}
    .neobank-category{max-width: 520px;}
    .neobank-help-text{max-width: calc(100% - 250px);}
    .recipe-work{padding: 30px 0 30px 0;}
    .vendor-dropdown {display: none;}
    .vendor-checklist .tab-content .content .accordion-header{display: flex;}
    .vendor-checklist .tab-content .content {display: block !important;border-bottom: 1px solid var(--border-color);}
    .accordion-header {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;cursor: pointer; border-bottom: 1px solid var(--border-color);}
    .accordion-header h3 {font-size: 20px;font-weight: 600;margin: 0;color: var(--primary);}
    .accordion-header .arrow {width: 10px;height: 10px;border-right: 2px solid var(--primary);border-bottom: 2px solid var(--primary);transform: rotate(45deg);transition: 0.3s ease;}
    .accordion-header.active .arrow {transform: rotate(-135deg);}
    .vendor-checklist .tab-content .content .cards{display: none;padding-top: 20px;}
    .vendor-checklist .tab-content .content .cards.active{display: grid;}
    .vendor-tabing-content .cards {display: none;padding-bottom: 20px;}
    .vendor-tabing-content .cards.active {display: block;}
    .vendor-checklist .tab-content .content .cards {grid-template-columns: 1fr !important;}
    .vendor-checklist .tab-content .content .cards .card-head h3{font-size: 18px;}
    .vendor-checklist {padding: 60px 0 60px 0;}
    .timeline-phase {padding: 60px 0 60px 0;}
    .neobank-categories {padding: 60px 0 60px 0;}
    .build-decision-phase{display: flex;gap: 30px;flex-direction: column;}
    /* Solution-page responsive type scale (stakeholder 2026-07-13):
       tablet 768-1024 => H1 48 / H2 36 / H3 18. Section H2s are already
       36 in this range; the 767 block below drops H1->24 / H2->22 for
       mobile, while H3 stays 18 across both tablet and mobile via here. */
    .header-main-title{font-size: 48px;}
    .category-head .head-bottom h3,
    .faq-questions-header .faq-questions-title,
    .neobank-help-text h3{font-size: 18px;}

}
@media (max-width:767px) {
    .banner{padding: 30px 0;}
    .headline-wrapper{gap:40px;}
    .header-main-title{font-weight: 700;font-size: 24px;text-align: center;color: #C5A063;}
    .banner-button{flex-direction: column;gap: 10px;align-items: center;}
    .brand-logos p{font-weight: 400;font-size: 16px;text-align: center;padding: 5px 10px 5px 10px; line-height: 150%;}
    .headline-head p{font-size: 16px;}
    .banner-tag{display: block;}
    .neobank-categories{padding: 30px 0;}
    .neobank-head h2{font-size: 22px;}
    .neobank-categories-wrapper{gap:20px;}
    .neobank-head p{font-size: 16px;}
    .neobank-categories-list,.neobank-tab-panel{grid-template-columns:auto;justify-content: center;}
    .neobank-help-stack{padding: 20px;flex-direction: column;gap: 15px;justify-content:unset;align-items: start;}
    .neobank-help-text {max-width: calc(100% - 20px);}
    .head-title-step .gl-header h2{font-size: 22px;}
    .recipe-work-overview-grid{grid-template-columns: auto;}
    ul.key-dependencies-list{grid-template-columns:auto;}
    .timeline-phase{padding: 30px 0;}
    .timeline-head h2{font-size: 22px;}
    .timeline-sect{grid-template-columns: auto;gap:20px;}
    .timeline-sect .timeline{padding: 20px;}
    .timeline-wrapper .timeline-head-desc .title{gap:10px;}
    .timeline-wrapper .timeline-head-desc .title span{max-width:93px;max-height: 32px;font-size: 14px;}
    .timeline-sect .milestone{padding: 20px;}
    .timeline-footer strong{font-size: 20px;}
    .vendor-head .section-title{font-size: 22px;}
    .vendor-checklist .tab-content .content .cards .card{max-width: 100%;}
    .neobank-category{padding: 20px;}
    .build-decision-title h2{font-size:22px;}
    .build-decision-title p{font-size: 16px;}
    .time-launch-wrapper .time-launch h2{font-size: 22px;}
    .time-launch-wrapper .time-launch p{font-size: 16px;}
    .faq-section-main .faq-wrapper .faq-head h2{font-size: 22px;}
    .cexrecipe-work-grid .recipe-work-grid{flex-direction: column;}
}