/* cs nextbank prelude */
.section-cs-prelude-nextbank {
    padding: 100px 0 0;

    background: linear-gradient(180deg, rgba(236, 244, 252, 0) 7.08%, #F3F9FF 90.34%);
}

@media only screen and (max-width: 1024px) {
    .section-cs-prelude-nextbank {
        padding: 48px 0 0;
    }
}

.section-cs-prelude-nextbank h2,
.section-cs-prelude-nextbank h3,
.section-cs-prelude-nextbank h4,
.section-cs-prelude-nextbank p {
    color: var(--color_gray_900);
}

.section-cs-prelude-nextbank .prelude-nextbank-top {
    margin-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
    .section-cs-prelude-nextbank .prelude-nextbank-top {
        margin-bottom: 32px;
    }
}

.section-cs-prelude-nextbank .prelude-nextbank-top,
.section-cs-prelude-nextbank .prelude-nextbank-bottom {
    display: flex;

    column-gap: 130px;
}

@media only screen and (max-width: 1280px) {
    .section-cs-prelude-nextbank .prelude-nextbank-top,
    .section-cs-prelude-nextbank .prelude-nextbank-bottom {
        column-gap: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .section-cs-prelude-nextbank .prelude-nextbank-top,
    .section-cs-prelude-nextbank .prelude-nextbank-bottom {
        flex-wrap: wrap;
    }
}

.section-cs-prelude-nextbank .prelude-nextbank-top > div,
.section-cs-prelude-nextbank .prelude-nextbank-bottom > div {
    flex: 0 1 50%;
}

@media only screen and (max-width: 1024px) {
    .section-cs-prelude-nextbank .prelude-nextbank-top > div,
    .section-cs-prelude-nextbank .prelude-nextbank-bottom > div {
        flex: 0 0 100%;
    }
}

.prelude-nextbank-feat .prelude-nextbank-bold-p {
    max-width: 506px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .prelude-nextbank-feat .prelude-bold-p {
        margin-bottom: 32px;
    }
}

.prelude-nextbank-text h2,
.prelude-nextbank-text p:not(:last-child) {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .prelude-nextbank-text {
        padding-top: 48px;
    }

    .prelude-nextbank-text h2,
    .prelude-nextbank-text p:not(:last-child) {
        margin-bottom: 24px;
    }
}

.prelude-nextbank-mockup img {
    max-width: 100%;

    animation: floatImg 5s ease-in-out infinite;
}

@media only screen and (max-width: 1024px) {
    .prelude-nextbank-mockup {
        order: 1;
    }
}

.prelude-nextbank-numbers {
    margin-top: 68px;
    padding-bottom: 100px;
}

.prelude-number-item p {
    display: flex;
}

.prelude-number-item h4 {
    margin-top: 20px;
}

.prelude-number-item:not(:last-child) {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .prelude-number-item:not(:last-child) {
        margin-bottom: 56px;
    }
}

.prelude-number-item span {
    display: inline-block;
}
/* /cs nextbank prelude */


/* cs nextbank challenges */
.section-cs-challenge-nextbank {
    padding: 100px 0;

    background: radial-gradient(77.27% 87.91% at 72.12% 77.27%, #FFEFDF 0%, rgba(255, 239, 223, 0.4) 100%);
}

@media only screen and (max-width: 768px) {
    .section-cs-challenge-nextbank {
        padding: 48px 0 32px;
    }
}

.section-cs-challenge-nextbank h2,
.section-cs-challenge-nextbank h3,
.section-cs-challenge-nextbank p {
    color: var(--color_gray_900);
}

.cs-challenge-nextbank-header {
    margin-bottom: 120px;
}

@media only screen and (max-width: 1280px) {
    .cs-challenge-nextbank-header {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .cs-challenge-nextbank-header {
        margin-bottom: 32px;
    }
}

.cs-challenge-nextbank-background-solution {
    display: flex;
    flex-direction: column;

    row-gap: 120px;
}

@media only screen and (max-width: 1280px) {
    .cs-challenge-nextbank-background-solution {
        row-gap: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .cs-challenge-nextbank-background-solution {
        row-gap: 32px;
    }
}

.cs-background-solution-texts {
    display: flex;

    column-gap: 130px;
}

@media only screen and (max-width: 1280px) {
    .cs-background-solution-texts {
        column-gap: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .cs-background-solution-texts {
        flex-wrap: wrap;

        row-gap: 32px;
    }
}

.cs-background-solution-texts > div  {
    flex: 0 1 50%;
}

@media only screen and (max-width: 768px) {
    .cs-background-solution-texts > div  {
        flex: 0 0 100%;
    }
}

.section-cs-challenge-nextbank h3 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .section-cs-challenge-nextbank h3 {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 768px) {
    .cs-background-solution-image {
        order: -1;
    }
}

.cs-background-solution-image img {
    max-width: 100%;
}
/* /cs nextbank challenges */


/* cs nextbank solution */
body.portfolio-template-default {
    overflow: unset;
}

.section-cs-solution-nextbank {
    padding: 100px 0;
}

@media only screen and (max-width: 1024px) {
    .section-cs-solution-nextbank {
        padding: 48px 0;
    }
}

.cs-solution-heading h2,
.section-cs-solution-nextbank h3,
.section-cs-solution-nextbank p {
    color: var(--color_gray_900);
}

.cs-solution-heading {
    margin-bottom: 120px;
}

.cs-solution-heading h2 {
    max-width: 506px;
}

@media only screen and (max-width: 1280px) {
    .cs-solution-heading {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .cs-solution-heading {
        margin-bottom: 32px;
    }
}

.cs-solution-nextbank-content {
    display: flex;

    column-gap: 130px;
}

@media only screen and (max-width: 1280px) {
    .cs-solution-nextbank-content {
        column-gap: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .cs-solution-nextbank-content {
        flex-wrap: wrap;
    }
}

.cs-solution-nextbank-content > div {
    flex: 0 1 50%;
}

@media only screen and (max-width: 1024px) {
    .cs-solution-nextbank-content > div {
        flex: 0 0 100%;
    }
}

.cs-solution-nextbank-boxes {
    display: flex;
    flex-direction: column;

    row-gap: 80px;
}

@media only screen and (max-width: 1024px) {
    .cs-solution-nextbank-boxes {
       row-gap: 32px;
    }
}

.cs-solution-nextbank-box h3 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .cs-solution-nextbank-box h3 {
        margin-bottom: 24px;
    }
}

.cs-solution-nextbank-sticky-image {
    position: sticky;
    top: 90px;
}

@media only screen and (max-width: 1024px) {
    .cs-solution-nextbank-container {
        order: -1;
    }

    .cs-solution-nextbank-sticky-image {
        top: 10px;
    }
}

.cs-solution-nextbank-sticky-image img {
    width: 100%;

    animation: floatImg 5s ease-in-out infinite;
}

.cs-solution-nextbank-cta-container {
    margin-top: 200px;

    text-align: center;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .cs-solution-nextbank-cta-container {
        margin-top: 120px;
    }
}

@media only screen and (max-width: 1024px) {
    .cs-solution-nextbank-cta-container {
        margin-top: 96px;
    }
}
/* /cs nextbank solution */


/* cs nextbank functionalities */
.section-cs-functionalities-nextbank {
    padding: 100px 0;

    background: linear-gradient(180deg, #ECF4FC 32.81%, rgba(243, 249, 255, 0) 100%);
}

@media only screen and (max-width: 768px) {
    .section-cs-functionalities-nextbank {
        padding: 48px 0;
    }
}

.cs-functionalities-nextbank-container {
    display: flex;

    column-gap: 130px;
}

@media only screen and (max-width: 1280px) {
    .cs-functionalities-nextbank-container {
        column-gap: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .cs-functionalities-nextbank-container {
        flex-wrap: wrap;

        row-gap: 32px;
    }
}

.cs-functionalities-nextbank-container > div {
    flex:  0 1 50%;
}

@media only screen and (max-width: 768px) {
    .cs-functionalities-nextbank-container > div {
        flex:  0 0 100%;
    }
}

.cs-functionalities-nextbank-image {
    text-align: center;
}

.cs-functionalities-nextbank-image img {
    max-width: 100%;

    animation: floatImg 5s ease-in-out infinite;
}

@media only screen and (max-width: 768px) {
    .cs-functionalities-nextbank-content {
        order: -1;
    }
}

.cs-functionalities-nextbank-content h2,
.cs-functionalities-nextbank-content p {
    color: var(--color_gray_900);
}

.cs-functionalities-nextbank-content h2 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .cs-functionalities-nextbank-content h2 {
        margin-bottom: 32px;
    }
}

.cs-functionalities-nextbank-content p {
    position: relative;

    padding-left: 15px;

    font-size: var(--cs_body_font_size);
    font-weight: var(--cs-font_weight--light);
    line-height: var(--cs_line-height_xxl);
}

@media only screen and (max-width: 460px) {
    .cs-functionalities-nextbank-content p {
        padding-left: 15px;

        font-size: var(--cs_body_mobile_font_size);
    }
}

.cs-functionalities-nextbank-content p:before {
    position: absolute;
    top: 15px;
    left: 0;

    display: block;

    width: 5px;
    height: 5px;

    content: "";

    border-radius: 50%;
    background: var(--color_gray_900);
}

@media only screen and (max-width: 1440px) {
    .cs-functionalities-nextbank-content p:before {
        top: 15px;
    }
}
/* /cs nextbank functionalities */


/* cs nextbank services tech */
.section-cs-services-nextbank {
    padding: 100px 0;
}

@media only screen and (max-width: 768px) {
    .section-cs-services-nextbank {
        padding: 48px 0;
    }
}

.section-cs-services-nextbank h2,
.section-cs-services-nextbank p {
    color: var(--color_gray_900);
}

.section-cs-services-nextbank p {
    font-size: var(--cs_body_font_size);
    font-weight: var(--cs-font_weight--light);
    line-height: var(--cs_line-height_xxl);
}

@media only screen and (max-width: 460px) {
    .section-cs-services-nextbank p {
        font-size: var(--cs_body_mobile_font_size);
    }
}

.cs-services-nextbank-header {
    margin-bottom: 64px;
}

@media only screen and (max-width: 768px) {
    .cs-services-nextbank-header {
        margin-bottom: 32px;
    }
}

.cs-services-nextbank-services {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .cs-services-nextbank-services {
        flex-wrap: wrap;

        row-gap: 48px;
    }
}

.cs-services-nextbank-services > div {
    flex: 0 0 30%;
}

@media only screen and (max-width: 768px) {
    .cs-services-nextbank-services > div {
        flex: 0 0 100%;
    }
}

.cs-services-nextbank-services p:first-child {
    margin-bottom: 40px;

    font-weight: var(--font_weight--semibold);
}

@media only screen and (max-width: 768px) {
    .cs-services-nextbank-services p:first-child {
        margin-bottom: 32px;
    }
}
/* /cs nextbank services tech */


/* cs nextbank results */
.section-cs-results-nextbank {
    padding: 100px 0 0;
}

@media only screen and (max-width: 768px) {
    .section-cs-results-nextbank {
        padding: 48px 0 0;
    }
}

.section-cs-results-nextbank h2 {
    margin-bottom: 40px;

    color: var(--color_gray_900);
}

@media only screen and (max-width: 768px) {
    .section-cs-results-nextbank h2 {
        margin-bottom: 32px;
    }
}

.cs-results-nextbank-boxes {
    display: flex;
    flex-wrap: wrap;

    gap: 24px;
}

@media only screen and (max-width: 768px) {
    .cs-results-nextbank-boxes {
        gap: 32px;
    }
}

.cs-results-nextbank-box {
    flex: 0 0 calc(50% - 24px);

    padding: 24px;
}

@media only screen and (max-width: 768px) {
    .cs-results-nextbank-box {
        flex: 0 0 100%;
    }
}

.cs-results-nextbank-box h3 {
    margin-bottom: 40px;

    color: var(--color_gray_900);
}

@media only screen and (max-width: 768px) {
    .cs-results-nextbank-box h3 {
        margin-bottom: 24px;
    }
}

.cs-results-nextbank-box p {
    color: var(--color_gray_900);
}

.cs-results-nextbank-bottom {
    display: flex;

    padding-top: 88px;
}

@media only screen and (max-width: 768px) {
    .cs-results-nextbank-bottom {
        flex-wrap: wrap;

        padding-top: 32px;

        background: unset;
    }
}

.cs-results-nextbank-bottom > div {
    flex: 0 1 50%;
}

@media only screen and (max-width: 768px) {
    .cs-results-nextbank-bottom > div {
        flex: 0 0 100%;
    }
}

.container-cs-results-nextbank-image {
    display: flex;
    align-items: flex-end;

    padding: 0 24px 0 48px;
}

@media only screen and (max-width: 768px) {
    .container-cs-results-nextbank-image {
        order: 1;

        padding: 0;
    }
}

.container-cs-results-nextbank-image img {
    width: 100%;
    height: auto;
}

.container-cs-results-nextbank-quote {
    margin-bottom: 64px;
    padding: 100px 48px 48px;
}

@media only screen and (max-width: 768px) {
    .container-cs-results-nextbank-quote {
        margin-bottom: 32px;
        padding: 0;
    }
}

.container-cs-results-nextbank-quote blockquote {
    position: relative;

    color: var(--color_gray_900);
}

.container-cs-results-nextbank-quote blockquote:before {
    position: absolute;
    top: 0;
    left: -14px;

    display: block;

    content:'“';

    color: var(--color_gray_900);

    font-family: var(--cs_font_family_quote);
    font-size: var(--cs_decor_4_font_size);
}

.container-cs-results-nextbank-quote blockquote p {
    letter-spacing: var(--cs_letter-spacing);

    font-family: var(--cs_font_family_quote);
}

.container-cs-results-nextbank-quote blockquote cite {
    position: relative;

    display: block;

    margin-top: 10px;
    padding-top: 10px;
}
/* /cs nextbank results */


/* cs more projects */
.section-cs-more-projects {
    padding: 100px 0;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    .section-cs-more-projects {
        padding: 48px 0;
    }
}

.section-cs-more-projects h3 {
    margin-bottom: 40px;

    color: var(--color_gray_900);
}

@media only screen and (max-width: 768px) {
    .section-cs-more-projects h3 {
        margin-bottom: 32px;
    }
}

.more-projects-container {
    position: relative;

    width: 77%;
}

@media only screen and (max-width: 460px) {
    .more-projects-container {
        width: 100%;
    }
}

.section-cs-more-projects .owl-stage {
    display: flex;
}

.more-projects-item a {
    position: relative;

    display: block;
}

.more-projects-item a:before {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: all var(--translation_duration);

    opacity: 0;
    background-color: inherit;
}

.more-projects-item a:hover:before {
    opacity: 0.4;
}

.more-projects-item a img {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .more-projects-img {
        display: none;
    }
}

.more-projects-img-mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .more-projects-img-mobile {
        display: block;
    }
}

.more-projects-item .more-project-item-title {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    max-width: calc(100% - 64px);
    padding: 20px 48px 5px 0;

    background-color: var(--c_neutral--25);
}

@media only screen and (max-width: 768px) {
    .more-projects-item .more-project-item-title {
        padding: 28px 16px 0px 0;

    }
}

.more-project-item-title .project-logo {
    max-width: 113px;
    margin-bottom: 10px;
}

.more-project-item-title p {
    position: relative;

    display: flex;
    align-items: center;

    text-transform: lowercase;

    color: var(--color_gray_900);
}

.more-project-item-title p span {
    display: block;

    width: 40px;
    height: 2px;

    content: '';
}

.more-project-item-title h4 {
    overflow: hidden;

    margin-top: 10px;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: var(--color_gray_900);
}

@media only screen and (max-width: 768px) {
    .more-project-item-title h4 {
        white-space: unset;
    }
}

.section-cs-more-projects .owl-nav {
    position: absolute;
    top: calc(50% - (56px / 2));

    display: flex;

    width: 100%;
    height: 0;
}

.section-cs-more-projects .owl-nav .owl-next {
    margin-right: -1px;
    margin-left: auto;
}

.section-cs-more-projects .owl-nav button {
    padding: 0;

    cursor: pointer;

    border: none;
    background: transparent;
}

.section-cs-more-projects .owl-nav button.disabled {
    display: none;
}

.section-cs-more-projects .owl-nav button .arrow {
    display: block;

    width: 56px;
    height: 56px;

    transition: all var(--translation_duration);

    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: center;

    position: relative;
    z-index: 1;
}

.section-cs-more-projects .owl-nav button .arrow:hover {
    background-color: var(--color_gray_200);
}

.section-cs-more-projects .owl-nav button .arrow.arrow-prev {
    background-image: url(../../img/shapes/cs-slider-arrow-right.svg);
    left: 1px;
}

.section-cs-more-projects .owl-nav button .arrow.arrow-next {
    background-image: url(../../img/shapes/cs-slider-arrow-left.svg);
    right: 1px;
}

.section-cs-more-projects .owl-dots {
    display: none;
}
/* /cs more projects */