@font-face {
    font-family: "Avenir Book";
    src: url("../fonts/Avenir-Book.eot?") format("eot"),
        url("../fonts/Avenir-Book.woff") format("woff"),
        url("../fonts/Avenir-Book.ttf") format("truetype"),
        url("../fonts/Avenir-Book.svg#AvenirBook") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.avenir-book {
    font-family: "Avenir Book" !important;
}

#toptitle {
    background-image: url(../images/no-cred-check/bg-title.jpg);
    background-image: -webkit-image-set(url("../images/no-cred-check/bg-title.jpg") 1x, url("../images/no-cred-check/bg-title@2x.jpg") 2x);
    background-image: -webkit-image-set(url("../images/no-cred-check/bg-title.jpg") 1x, url("../images/no-cred-check/bg-title@2x.jpg") 2x);
}

#toptitle:before,
#toptitle:after {
    content: '';
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    height: 42px;
    width: calc(50% - 103px)
}

#toptitle:after {
    right: 0;
    left: auto;
}

#toptitle .absolute {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#toptitle h1 {
    font-size: 56px;
}

#toptitle p {
    font-size: 27px;
}

#block1 h2 {
    font-size: 40px;
}

#block1 .flex>div {
    width: 47%;
}

#block1 p {
    margin: 0;
    font-size: 20px;
    line-height: 29px;
}

#block1 .morelink {
    display: inline-block;
    margin-top: 10px;
    text-decoration: underline;
    font-family: 'Avenir Black';
    font-size: 20px;
    color: var(--red)
}

#block2 .swiper {
    overflow: hidden;
}

#block2 h3 {
    font-size: 40px;
}

#block2 p {
    margin: 0;
    font-size: 20px;
    line-height: 29px;
}

#block2 .swiper-button-next,
#block2 .swiper-button-prev {
    background: url(../images/no-cred-check/btn-swiper-1.png);
    width: 53px;
    height: 53px;
}

#block2 .swiper-button-next:after,
#block2 .swiper-button-prev:after {
    display: none;
}

#block2 .swiper-button-prev {
    left: 0;
}

#block2 .swiper-button-next {
    right: 0;
}

#block2 .swiper-button-next {
    transform: scale(-1);
}

#block2 .swiper {
    margin: 0 120px;
}

#block2 .img {
    height: 112px;
}

#block2 .swiper:before,
#block2 .swiper:after {
    width: 150px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    z-index: 2;
}

#block2 .swiper:before {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.76) 30%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.76) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.76) 30%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2ffffff', endColorstr='#00ffffff', GradientType=1);
}

#block2 .swiper:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 70%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 70%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#c2ffffff', GradientType=1);

}


@media (min-width: 1200px) {
    .no-cred-check main .container {
        width: 1200px;
    }

    #block2 .container {
        width: 100%;
        max-width: 1345px;
    }
}


@media (max-width: 768px) {
    #block2 .swiper {
        margin: 0 60px;
    }

    #block2 .swiper:before,
    #block2 .swiper:after {
        width: 50px;
    }
}

@media (max-width: 576px) {

    .ncc-redesign .ncc-people {
        margin-right: -10px;
    }
}

@media (max-width: 480px) {
    #toptitle h1 {
        font-size: 34px;
    }

    #toptitle p {
        font-size: 22px;
    }

    #block1 {
        padding-top: 20px;
    }

    #block1 h2 {
        margin-bottom: 0;
        font-size: 26px;
    }

    #block1 h2 br {
        display: none;
    }

    #block1 p,
    #block1 .morelink {
        font-size: 16px;
        line-height: 24px;
    }

    #block1 .flex>div {
        margin-top: 30px;
        width: 100%;
    }

    #block1 .flex {
        flex-direction: column;
    }

    #block2 h3 {
        margin-bottom: 0;
        font-size: 26px;
    }

    #block2 h3 br {
        display: none;
    }

    #block2 p {
        font-size: 16px;
        line-height: 24px;
    }

    #block2 .img img {
        transform: scale(0.8);
    }

    #block2 .swiper:before,
    #block2 .swiper:after {
        display: none;
    }

}

/* ============================================================
   No Credit Check redesign (2026-07, Figma: r2o Inner Pages / No Credit Needed)
   Every rule is scoped to body.ncc-redesign (?test only) — the
   live (non-test) version is not affected by this file.
   ============================================================ */

.ncc-redesign #ncc {
    --ncc-red: #e50019;
    --ncc-red2: #ed1c25;
    --ncc-red3: #fc0d1b;
    --ncc-dark: #272727;
    --ncc-border: #e7e7e7;
    --ncc-cond: 'Avenir Next Condensed BOLD', 'Arial Narrow', Arial, sans-serif;
    --ncc-demi: 'AvenirNextLTW02-Demi', 'Avenir Next Medium', 'Segoe UI', Arial, sans-serif;
    --ncc-med: 'Avenir Next Medium', 'Segoe UI', Arial, sans-serif;
    --ncc-reg: 'AvenirNext-Regular', 'Segoe UI', Arial, sans-serif;
    --ncc-bold: 'AvenirNextW05-Heavy', 'Segoe UI', Arial, sans-serif;
    --ncc-black-f: 'Avenir-Black', 'AvenirNextW05-Heavy', Arial, sans-serif;
}

.ncc-redesign #ncc *,
.ncc-redesign #ncc *:before,
.ncc-redesign #ncc *:after {
    box-sizing: border-box;
}

.ncc-redesign #ncc .ncc-container {
    max-width: 1350px;
    padding: 0 20px;
}

.ncc-redesign #ncc button {
    background: none;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font: inherit;
    color: inherit;
}

.ncc-redesign #ncc a {
    text-decoration: none;
}

/* decorative swoosh behind hero */
.ncc-redesign .ncc-swoosh {
    top: -74px;
    left: 50%;
    margin-left: -945px;
    margin-left: min(-945px, -54.82vw);
    width: 2218px;
    width: max(2218px, 128.66vw);
    max-width: none;
    z-index: 0;
}

/* ---------------- HERO ---------------- */

.ncc-redesign #ncc-hero {
    padding-top: 52px;
}

.ncc-redesign #ncc-hero h1 {
    font-family: var(--ncc-cond);
    font-weight: 700;
    font-size: 72.4px;
    line-height: 1.07;
    letter-spacing: 0.72px;
}

.ncc-redesign #ncc-hero .ncc-hero-sub {
    margin: 2px 0 0;
    font-family: var(--ncc-cond);
    font-weight: 700;
    font-size: 40.4px;
    line-height: 1.1;
    letter-spacing: 0.4px;
    color: var(--ncc-red);
}

/* ---------------- ACCORDION (cards) ---------------- */

.ncc-redesign .ncc-acc {
    gap: 20px;
    margin-top: 56px;
    min-height: 452px;
}

.ncc-redesign .ncc-acc-item {
    position: relative;
    cursor: pointer;
    flex: 0 0 207px;
    width: 207px;
    border: 1px solid var(--ncc-border);
    border-radius: 13.5px;
    box-shadow: 0 0 5.4px rgba(0, 0, 0, 0.09);
    transition: flex-basis 0.45s ease, width 0.45s ease, box-shadow 0.45s ease;
}

.ncc-redesign .ncc-acc-item.active {
    flex: 0 0 630px;
    width: 630px;
    box-shadow: 0 0 5.4px #ed1c25;
}

.ncc-redesign .ncc-acc-head {
    padding: 75px 14px 0 22px;
}

.ncc-redesign .ncc-acc-num {
    top: 16px;
    left: 15px;
    width: 29px;
    height: 29px;
    font-family: var(--ncc-demi);
    font-weight: normal;
    font-size: 17px;
    line-height: 29px;
    transition: background-color 0.3s ease;
}

.ncc-redesign .ncc-acc-item.active .ncc-acc-num {
    background-color: var(--ncc-red2);
}

.ncc-redesign .ncc-acc-item.active .ncc-acc-title {
    max-width: 558px;
}

.ncc-redesign .ncc-acc-title {
    font-family: var(--ncc-demi);
    font-weight: normal;
    font-size: 24px;
    line-height: 32.8px;
    max-width: 375px;
}

.ncc-redesign .ncc-acc-chevron {
    display: none;
}

.ncc-redesign .ncc-acc-body {
    margin: 0 50px 0 21px;
    max-width: 559px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.08s ease, visibility 0s linear 0.08s;
}

.ncc-redesign .ncc-acc-item.active .ncc-acc-body {
    margin-top: 21px;
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.3s, visibility 0s linear 0.3s;
}

/* text flows around the person's silhouette (shape from the PNG alpha) */
.ncc-redesign .ncc-acc-shape {
    display: none;
    pointer-events: none;
}

@media (min-width: 1340px) {
    .ncc-redesign .ncc-acc-item.active .ncc-acc-body {
        width: 559px;
        max-width: none;
        padding-bottom: 40px;
    }

    .ncc-redesign .ncc-acc-item.active .ncc-acc-shape {
        display: block;
        float: right;
        shape-margin: 14px;
        shape-image-threshold: 0.2;
    }

    .ncc-redesign .ncc-acc-item[data-index="1"] .ncc-acc-shape {
        width: 515px;
        height: 372px;
        margin: 20px -278px 0 0;
        shape-outside: url(../images/no-cred-check/person-1.png);
    }

    .ncc-redesign .ncc-acc-item[data-index="2"] .ncc-acc-shape {
        width: 503px;
        height: 453px;
        margin: -61px -264px 0 0;
        shape-outside: url(../images/no-cred-check/person-2.png);
    }

    .ncc-redesign .ncc-acc-item[data-index="3"] .ncc-acc-shape {
        width: 271px;
        height: 311px;
        margin: 81px -153px 0 0;
        shape-outside: url(../images/no-cred-check/person-3.png);
    }

    .ncc-redesign .ncc-acc-item[data-index="4"] .ncc-acc-shape {
        width: 495px;
        height: 407px;
        margin: -15px -203px 0 0;
        shape-outside: url(../images/no-cred-check/person-4.png);
    }
}

@media (min-width: 992px) and (max-width: 1339px) {
    .ncc-redesign .ncc-acc-item.active .ncc-acc-body {
        max-width: 460px;
        padding-bottom: 40px;
    }
}

.ncc-redesign .ncc-acc-body p {
    margin: 0 0 25px;
    font-family: var(--ncc-reg);
    font-size: 17px;
    line-height: 25px;
}

.ncc-redesign .ncc-acc-body p:last-child {
    margin-bottom: 0;
}

.ncc-redesign .ncc-acc-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.08s ease, visibility 0s linear 0.08s;
    height: 238px;
    max-height: 100%;
    border-radius: 0 0 13.5px 13.5px;
    background-image: url(../images/no-cred-check/card-fade.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.ncc-redesign .ncc-acc-item.active .ncc-acc-fade {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.3s, visibility 0s linear 0.3s;
}

.ncc-redesign .ncc-acc-person {
    max-width: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.08s ease, visibility 0s linear 0.08s;
}

.ncc-redesign .ncc-acc-item.active .ncc-acc-person {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.3s, visibility 0s linear 0.3s;
}

.ncc-redesign .ncc-acc-person-1 { left: 343px; bottom: -69px; width: 515px; height: auto; }
.ncc-redesign .ncc-acc-person-2 { left: 341px; bottom: -69px; width: 503px; height: auto; }
.ncc-redesign .ncc-acc-person-3 { left: 462px; bottom: -69px; width: 271px; height: auto; }
.ncc-redesign .ncc-acc-person-4 { left: 288px; bottom: -69px; width: 495px; height: auto; }

/* group photo — mobile only */
.ncc-redesign .ncc-people {
    display: none;
}

/* ---------------- DARK CTA ---------------- */

.ncc-redesign #ncc-cta {
    padding: 0 20px;
}

.ncc-redesign .ncc-cta-box {
    max-width: 1510px;
    margin-top: 65px;
    border-radius: 30px;
    background-color: var(--ncc-dark);
    background-image: url(../images/no-cred-check/cta-bg.png);
    background-image: -webkit-image-set(url(../images/no-cred-check/cta-bg.png) 1x, url(../images/no-cred-check/cta-bg@2x.png) 2x);
    background-image: image-set(url(../images/no-cred-check/cta-bg.png) 1x, url(../images/no-cred-check/cta-bg@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    padding: 60px 43px 73px;
}

.ncc-redesign .ncc-cta-sub {
    font-family: var(--ncc-demi);
    font-weight: normal;
    font-size: 20.65px;
    line-height: 31.4px;
}

.ncc-redesign .ncc-cta-title {
    font-family: var(--ncc-cond);
    font-weight: 700;
    font-size: 35px;
    line-height: 43.2px;
}

.ncc-redesign .ncc-btn {
    margin-top: 19px;
    width: 215px;
    height: 45px;
    line-height: 45px;
    border-radius: 65px;
    font-family: var(--ncc-black-f);
    font-weight: normal;
    font-size: 18px;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.ncc-redesign .ncc-btn:hover,
.ncc-redesign .ncc-btn:focus {
    background-color: var(--ncc-red);
    color: #fff;
    text-decoration: none;
}

.ncc-redesign .ncc-btn:active {
    background-color: #c00016;
    color: #fff;
}

.ncc-redesign .ncc-checks {
    margin-top: 55px;
    max-width: 1413px;
    gap: 20px 12px;
}

.ncc-redesign .ncc-check {
    width: 463px;
    min-height: 111px;
    border-radius: 13.5px;
    box-shadow: 0 0 5.4px rgba(0, 0, 0, 0.09);
    align-items: flex-start;
    padding: 34px 20px 15px 29px;
}

.ncc-redesign .ncc-check img {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-top: 2px;
    margin-right: 11px;
}

.ncc-redesign .ncc-check p {
    margin: 0;
    font-family: var(--ncc-med);
    font-weight: normal;
    font-size: 16px;
    line-height: 22.7px;
    max-width: 353px;
}

.ncc-redesign .ncc-checks-slider {
    display: none;
}


/* ---------------- FAQ ---------------- */

.ncc-redesign #ncc-faq {
    padding: 145px 0 161px;
}

.ncc-redesign #ncc-faq:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -569px;
    bottom: 0;
    background: url(../images/no-cred-check/pattern-2.svg) repeat;
    background-size: 259.5px auto;
    background-position: 31px 33px;
    pointer-events: none;
}

.ncc-redesign .ncc-faq-card {
    border-radius: 18px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
    padding: 38px 40px 49px 39.6px;
}

.ncc-redesign .ncc-faq-side {
    flex: 0 0 384px;
    width: 384px;
}

.ncc-redesign .ncc-faq-logo {
    padding-top: 46px;
    font-family: var(--ncc-bold);
    font-weight: normal;
    line-height: 1;
}

.ncc-redesign .ncc-faq-logo-r2o {
    font-size: 40px;
    color: #fc0d1b;
}

.ncc-redesign .ncc-faq-logo-anim {
    left: 67px;
    top: -46px;
    width: 95px;
    height: 95px;
}

.ncc-redesign .ncc-faq-logo-text {
    margin-top: 2px;
    font-size: 26px;
    color: #101010;
}

.ncc-redesign .ncc-faq-desc {
    margin: 11px 0 0;
    max-width: 299px;
    font-family: var(--ncc-demi);
    font-weight: normal;
    font-size: 15.27px;
    line-height: 20.7px;
}

.ncc-redesign .ncc-faq-contacts {
    left: 39.6px;
    top: 250.7px;
}

.ncc-redesign .ncc-faq-contact {
    margin-top: 18.2px;
}

.ncc-redesign .ncc-faq-contact:first-child {
    margin-top: 0;
}

.ncc-redesign .ncc-faq-contact img {
    width: 35.7px;
    height: 35.7px;
    margin-right: 11px;
}

.ncc-redesign .ncc-faq-contact span {
    font-family: var(--ncc-demi);
    font-weight: normal;
    font-size: 15.27px;
    line-height: 20.7px;
    letter-spacing: 0;
    transition: color 0.2s ease;
}

.ncc-redesign .ncc-faq-contact:hover span,
.ncc-redesign .ncc-faq-contact:active span {
    color: var(--ncc-red);
}

.ncc-redesign .ncc-faq-list {
    flex: 1 1 auto;
    min-width: 0;
    margin-top: 10.8px;
}

.ncc-redesign .ncc-faq-item {
    border: 1px solid #d9d9d9;
    border-radius: 9px;
    margin-top: 18px;
    transition: border-color 0.2s ease;
}

.ncc-redesign .ncc-faq-item:first-child {
    margin-top: 0;
}

.ncc-redesign .ncc-faq-item:hover {
    border-color: #b8b8b8;
}

.ncc-redesign .ncc-faq-q {
    padding: 22.4px 55px 22.4px 23.1px;
}

.ncc-redesign .ncc-faq-q span {
    font-family: var(--ncc-med);
    font-weight: normal;
    font-size: 19.76px;
    line-height: 27px;
}

.ncc-redesign .ncc-faq-item.open .ncc-faq-q span {
    font-family: var(--ncc-demi);
    font-weight: normal;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.ncc-redesign .ncc-faq-q .ncc-faq-plus,
.ncc-redesign .ncc-faq-q .ncc-faq-minus {
    right: 16.6px;
    top: 24.2px;
    width: 23.3px;
    height: 23.3px;
}

.ncc-redesign .ncc-faq-q .ncc-faq-minus,
.ncc-redesign .ncc-faq-item.open .ncc-faq-q .ncc-faq-plus {
    display: none;
}

.ncc-redesign .ncc-faq-item.open .ncc-faq-q .ncc-faq-minus {
    display: block;
}

.ncc-redesign .ncc-faq-a {
    display: none;
    padding: 0 81px 15.9px 23.4px;
}

.ncc-redesign .ncc-faq-item.open .ncc-faq-a {
    display: block;
}

.ncc-redesign .ncc-faq-a p {
    font-family: var(--ncc-med);
    font-weight: normal;
    font-size: 19.76px;
    line-height: 26.9px;
    max-width: 741.7px;
}

/* ============================================================
   RESPONSIVE — tablet & mobile (Figma mobile frames, 390 ref)
   ============================================================ */

@media (min-width: 992px) and (max-width: 1339px) {

    .ncc-redesign #ncc .ncc-container {
        max-width: 100%;
    }

    .ncc-redesign .ncc-acc {
        height: auto;
        min-height: 452px;
    }

    .ncc-redesign .ncc-acc-item {
        flex: 0 0 16%;
        width: 16%;
    }

    .ncc-redesign .ncc-acc-item.active {
        flex: 1 1 auto;
        width: auto;
        min-height: 452px;
        padding-bottom: 40px;
    }

    .ncc-redesign .ncc-acc-person {
        max-width: 55%;
        height: auto;
    }

    .ncc-redesign .ncc-acc-person-1,
    .ncc-redesign .ncc-acc-person-2,
    .ncc-redesign .ncc-acc-person-3 {
        left: auto;
        right: -30px;
        top: auto;
        bottom: -69px;
    }

    .ncc-redesign .ncc-acc-person-3 {
        max-width: 35%;
    }

    .ncc-redesign .ncc-acc-person-4 {
        left: auto;
        right: -30px;
        top: auto;
        bottom: -69px;
        max-width: 55%;
    }

}

@media (min-width: 992px) and (max-width: 1509px) {
    .ncc-redesign .ncc-check {
        width: calc(33.33% - 12px);
    }
}

@media (max-width: 991px) {

    /* HERO */
    .ncc-redesign .ncc-swoosh {
        top: -33px;
        left: 50%;
        margin-left: -917px;
        width: 1767px;
    }

    .ncc-redesign #ncc-hero {
        padding-top: 31px;
    }

    .ncc-redesign #ncc .ncc-container {
        max-width: 520px;
        padding: 0 20px;
    }

    .ncc-redesign #ncc-hero h1 {
        font-size: 46.2px;
        line-height: 1.2;
        letter-spacing: 0.46px;
        white-space: nowrap;
    }

    .ncc-redesign #ncc-hero .ncc-hero-sub {
        margin-top: 0;
        font-size: 26.45px;
        line-height: 1.2;
        letter-spacing: 0.26px;
        white-space: nowrap;
    }

    /* ACCORDION — vertical */
    .ncc-redesign .ncc-acc {
        display: block;
        height: auto;
        margin-top: 32px;
    }

    .ncc-redesign .ncc-acc-item,
    .ncc-redesign .ncc-acc-item.active {
        width: 100%;
        margin-top: 20px;
        box-shadow: 0 0 5.4px rgba(0, 0, 0, 0.09);
    }

    .ncc-redesign .ncc-acc-item:first-child {
        margin-top: 0;
    }

    .ncc-redesign .ncc-acc-item.m-open {
        box-shadow: 0 0 5.4px #ed1c25;
        border-color: #f4b6ba;
    }

    .ncc-redesign .ncc-acc-head {
        display: flex;
        align-items: flex-start;
        min-height: 56px;
        padding: 14px 30px 14px 57px;
    }

    .ncc-redesign .ncc-acc-num {
        top: 14px;
        left: 15px;
    }

    .ncc-redesign .ncc-acc-title {
        font-size: 24px;
        line-height: 25px;
        max-width: none;
    }

    .ncc-redesign .ncc-acc-chevron {
        display: block;
        position: absolute;
        right: 22px;
        top: 23px;
        width: 13.5px;
        height: 7.7px;
        transition: transform 0.3s ease;
    }

    .ncc-redesign .ncc-acc-item.m-open .ncc-acc-chevron {
        transform: rotate(180deg);
    }

    /* markup-default .active must not expand on mobile */
    .ncc-redesign .ncc-acc-item .ncc-acc-body,
    .ncc-redesign .ncc-acc-item.active .ncc-acc-body {
        display: none;
        margin: 4px 19px 0 21px;
        max-width: none;
    }

    .ncc-redesign .ncc-acc-item.m-open .ncc-acc-body {
        display: block;
        height: auto;
        overflow: visible;
        opacity: 1;
        visibility: visible;
        transition: none;
        padding-bottom: 41px;
    }

    .ncc-redesign .ncc-acc-item.active .ncc-acc-num {
        background-color: var(--black);
    }

    .ncc-redesign .ncc-acc-item.m-open .ncc-acc-num {
        background-color: var(--ncc-red2);
    }

    .ncc-redesign .ncc-acc-item .ncc-acc-person {
        display: none !important;
    }

    .ncc-redesign .ncc-acc-item .ncc-acc-fade,
    .ncc-redesign .ncc-acc-item.active .ncc-acc-fade {
        height: 170px;
        opacity: 0;
        visibility: hidden;
    }

    .ncc-redesign .ncc-acc-item.m-open .ncc-acc-fade {
        opacity: 1;
        visibility: visible;
        transition: none;
    }

    /* group photo */
    .ncc-redesign .ncc-people {
        display: block;
        height: 247px;
        max-width: 390px;
    }

    .ncc-redesign .ncc-people img {
        max-width: none;
        height: auto;
    }

    .ncc-redesign .ncc-people .ncc-people-4 { left: -140px; bottom: 0; width: 320px; z-index: 1; }
    .ncc-redesign .ncc-people .ncc-people-2 { left: 64px; bottom: 0; width: 327px; z-index: 2; }
    .ncc-redesign .ncc-people .ncc-people-3 { left: 55px; bottom: 0; width: 207px; z-index: 3; }

    /* DARK CTA */
    .ncc-redesign #ncc-cta {
        padding: 0;
    }

    .ncc-redesign .ncc-cta-box {
        margin-top: 0;
        border-radius: 0;
        padding: 58px 17px 48px;
        background-image: url(../images/no-cred-check/cta-bg-mobile.png);
        background-image: -webkit-image-set(url(../images/no-cred-check/cta-bg-mobile.png) 1x, url(../images/no-cred-check/cta-bg-mobile@2x.png) 2x);
        background-image: image-set(url(../images/no-cred-check/cta-bg-mobile.png) 1x, url(../images/no-cred-check/cta-bg-mobile@2x.png) 2x);
        background-position: center top;
        background-size: 444px auto;
    }

    .ncc-redesign .ncc-cta-sub {
        font-size: 20.18px;
        line-height: 30.7px;
    }

    .ncc-redesign .ncc-cta-title {
        font-size: 31.2px;
        line-height: 42.2px;
    }

    .ncc-redesign .ncc-btn {
        margin-top: 18px;
        width: 185px;
        height: 38.7px;
        line-height: 38.7px;
        font-size: 15.5px;
    }

    .ncc-redesign .ncc-checks {
        display: none;
    }

    .ncc-redesign .ncc-checks-slider {
        display: block;
        margin-top: 34px;
        max-width: 390px;
        padding-bottom: 30px;
    }

    .ncc-redesign .ncc-checks-slider .ncc-check {
        width: 100%;
        max-width: 356px;
        min-height: 85.4px;
        margin: 0 auto;
        border-radius: 10.4px;
        padding: 26px 16px 12px 26px;
    }

    .ncc-redesign .ncc-checks-slider .ncc-check + .ncc-check {
        margin-top: 15.4px;
    }

    .ncc-redesign .ncc-checks-slider .ncc-check img {
        flex: 0 0 23.1px;
        width: 23.1px;
        height: 23.1px;
        margin-top: 0;
        margin-right: 9px;
    }

    .ncc-redesign .ncc-checks-slider .ncc-check p {
        font-size: 15px;
        line-height: 21px;
        max-width: 290px;
    }

    .ncc-redesign .ncc-checks-slider .swiper-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ncc-redesign .ncc-checks-slider .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
        margin: 0 2.5px;
        background: #1b1b1b;
        border: 0.5px solid #e6e7e8;
        opacity: 1;
    }

    .ncc-redesign .ncc-checks-slider .swiper-pagination-bullet-active {
        background: #d9d9d9;
        border-color: #d9d9d9;
    }

    /* FAQ */
    .ncc-redesign #ncc-faq {
        padding: 91px 0 89px;
    }

    .ncc-redesign #ncc-faq:before {
        top: 0;
        background-size: 232px auto;
    }

    .ncc-redesign #ncc-faq .ncc-container {
        max-width: 520px;
        padding: 0 20px;
    }

    .ncc-redesign .ncc-faq-card {
        display: block;
        margin: 0 -19px;
        border-radius: 0;
        padding: 23px 20px 40px;
    }

    .ncc-redesign .ncc-faq-side {
        width: auto;
    }

    .ncc-redesign .ncc-faq-logo {
        margin: 0 auto;
        text-align: center;
    }

    .ncc-redesign .ncc-faq-logo-top {
        margin-left: -89px;
    }

    .ncc-redesign .ncc-faq-desc {
        margin: 13px auto 0;
        max-width: 326px;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
    }

    .ncc-redesign .ncc-faq-list {
        margin-top: 26px;
    }

    .ncc-redesign .ncc-faq-item {
        border-radius: 10px;
        margin-top: 20px;
    }

    .ncc-redesign .ncc-faq-q {
        padding: 21px 50px 21px 15px;
    }

    .ncc-redesign .ncc-faq-q span {
        font-size: 18px;
        line-height: 24.6px;
    }

    .ncc-redesign .ncc-faq-q .ncc-faq-plus,
    .ncc-redesign .ncc-faq-q .ncc-faq-minus {
        right: 15px;
        top: 21px;
        width: 25.7px;
        height: 25.7px;
    }

    .ncc-redesign .ncc-faq-a {
        padding: 0 20px 18px 15px;
    }

    .ncc-redesign .ncc-faq-a p {
        font-size: 17px;
        line-height: 24px;
    }

    .ncc-redesign .ncc-faq-contacts {
        position: static;
        margin-top: 32px;
    }

    .ncc-redesign .ncc-faq-contact {
        margin-top: 19px;
    }
}

@media (max-width: 480px) {

    .ncc-redesign #ncc-hero h1 {
        font-size: 11.84vw;
        margin: 0 -20px;
    }

    .ncc-redesign #ncc-hero .ncc-hero-sub {
        font-size: min(26.45px, 6.78vw);
    }

    .ncc-redesign .ncc-people {
        height: 63.3vw;
        max-width: 100%;
    }

    .ncc-redesign .ncc-people .ncc-people-4 { left: -35.9vw; bottom: 0; width: 82vw; }
    .ncc-redesign .ncc-people .ncc-people-2 { left: 16.4vw; bottom: 0; width: 83.8vw; }
    .ncc-redesign .ncc-people .ncc-people-3 { left: 14.1vw; bottom: 0; width: 53vw; }
}