section[data-cattype="907"] {
    --quality-907-text: #111111;
    --quality-907-grey: #a8aaae;
    font-family: 'Open Sans', Arial, sans-serif;
    background: #ffffff;
    overflow: hidden;
}

section[data-cattype="907"] .quality-907-wrap {
    padding: 118px 0 136px;
    background: #ffffff;
}

section[data-cattype="907"] .quality-907-container {
    max-width: 1180px;
}

section[data-cattype="907"] .quality-907-heading {
    max-width: 980px;
    margin: 0 auto 42px;
    text-align: center;
}

section[data-cattype="907"] .quality-907-heading h2 {
    margin: 0;
    font-size: 50px;
    line-height: 1.18;
    font-weight: 700;
    color: var(--quality-907-text);
}

section[data-cattype="907"] .quality-907-intro,
section[data-cattype="907"] .quality-907-intro p,
section[data-cattype="907"] .quality-907-intro div,
section[data-cattype="907"] .quality-907-intro span {
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--quality-907-text);
}

section[data-cattype="907"] .quality-907-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 36px 48px;
    max-width: 1060px;
    margin: 0 auto;
}

section[data-cattype="907"] .quality-907-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 136px;
    height: 136px;
    background: var(--quality-907-grey);
    text-decoration: none;
    overflow: hidden;
    transition: transform .25s ease, opacity .25s ease;
}

section[data-cattype="907"] .quality-907-logo:hover,
section[data-cattype="907"] .quality-907-logo:focus {
    transform: translateY(-3px);
    opacity: .9;
    text-decoration: none;
}

section[data-cattype="907"] .quality-907-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 991px) {
    section[data-cattype="907"] .quality-907-wrap {
        padding: 86px 0 96px;
    }

    section[data-cattype="907"] .quality-907-heading h2 {
        font-size: 42px;
    }

    section[data-cattype="907"] .quality-907-logo {
        width: 124px;
        height: 124px;
    }
}

@media (max-width: 767px) {
    section[data-cattype="907"] .quality-907-wrap {
        padding: 62px 0 72px;
    }

    section[data-cattype="907"] .quality-907-heading {
        margin-bottom: 34px;
    }

    section[data-cattype="907"] .quality-907-heading h2 {
        font-size: 34px;
    }

    section[data-cattype="907"] .quality-907-intro,
    section[data-cattype="907"] .quality-907-intro p,
    section[data-cattype="907"] .quality-907-intro div,
    section[data-cattype="907"] .quality-907-intro span {
        font-size: 16px;
    }

    section[data-cattype="907"] .quality-907-logos {
        gap: 22px;
    }

    section[data-cattype="907"] .quality-907-logo {
        width: 104px;
        height: 104px;
    }
}
