section.text {
    background: var(--white);
    margin-bottom: 0;
    padding: 80px 0;
    p {
        font-size: 16px;
        color: var(--text-light);
        margin-bottom: 20px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    h3 {
        color: var(--text);
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    blockquote {
        font-size: 16px;
        color: var(--blue);
        font-weight: 600;
        margin-bottom: 20px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    ul {
        list-style: none;
        margin-top: 20px;
        li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 8px;
            color: var(--text-light);
            &:last-child {
                margin-bottom: 0;
            }
            &::before {
                content: '';
                width: 10px;
                height: 1px;
                background: var(--blue);
                position: absolute;
                left: 0;
                top: 9px;
            }
        }
    }
    &.icons {
        margin-top: 10px;
        padding: 60px 0;
        .wrapper {
            .items {
                display: grid;
                grid-template-columns: 1fr 600px;
                justify-content: space-between;
                margin-top: 40px;
                .item:first-child {
                    margin-right: 120px;
                }
                .item {
                    .icons {
                        .icon {
                            display: grid;
                            grid-template-columns: auto 1fr;
                            gap: 0 30px;
                            margin-bottom: 60px;
                            max-width: 440px;
                            h3 {
                                margin-bottom: 5px;
                                height: fit-content;
                                font-size: 22px;
                                color: var(--text);
                            }
                            &::before {
                                font-family: icon;
                                color: var(--blue);
                                opacity: .5;
                                font-size: 48px;
                                grid-row: span 2;
                            }
                            &:last-child {
                                margin-bottom: 0;
                            }
                            &:nth-child(1)::before {
                                content: '\e903';
                            }
                            &:nth-child(2)::before {
                                content: '\e904';
                            }
                            &:nth-child(3)::before {
                                content: '\e902';
                            }
                        }
                    }
                }
            }
        }
    }
}
section.cards {
    .items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        .item {
            position: relative;
            border-radius: 10px;
            background: var(--white);
            height: 280px;
            padding: 40px 30px;
            overflow: hidden;
            img {
                width: 340px;
                height: 340px;
                position: absolute;
                right: -145px;
                bottom: -155px;
                object-fit: cover;
                border-radius: 50%;
            }
            h3 {
                font-size: 20px;
                font-weight: 600;
                font-family: var(--font-main);
                color: transparent;
                -webkit-text-fill-color: transparent;
                background: linear-gradient(180deg, var(--dark) 0%, #8d99a5 100%);
                -webkit-background-clip: text;
                background-clip: text;
                span {
                    color: var(--blue);
                    -webkit-text-fill-color: var(--blue);
                }
            }
            .content {
                * {
                    color: #8f8f8f;
                }
                ul {
                    list-style: none;
                    margin-top: 40px;
                    li {
                        position: relative;
                        padding-left: 20px;
                        margin-bottom: 8px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                        &::before {
                            content: '';
                            width: 10px;
                            height: 1px;
                            background: var(--blue);
                            position: absolute;
                            left: 0;
                            top: 9px;
                        }
                        &:nth-child(1) {
                            margin-right: 110px;
                        }
                        &:nth-child(2) {
                            margin-right: 140px;
                        }
                        &:nth-child(3) {
                            margin-right: 180px;
                        }
                    }
                }
            }
        }
    }
}
section.trusted {
    margin: 0;
    padding: 100px 0;
    background: var(--white);
    .items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 80px;
        margin-top: 60px;
        .item {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 10px 20px;
            align-items: center;
            span {
                color: var(--blue);
                opacity: .3;
                font-size: 60px;
                font-family: var(--font-main);
                font-weight: 700;
            }
            p {
                grid-column: 2;
                color: #9c9c9c;
            }
            h3 {
                font-size: 20px;
                color: var(--dark);
                font-weight: 600;
                max-width: 240px;
                height: fit-content;
            }
        }
    }
}
section.banner {
    &.min {
        margin-top: 0;
    }
}

@media screen and (max-width: 1820px) {
    section.text {
        &.icons {
            .wrapper {
                .items {
                    grid-template-columns: 1fr 560px;
                }
            }
        }
    }
}
@media screen and (max-width: 1439px) {
    section.text {
        &.icons {
            .wrapper {
                .items {
                    grid-template-columns: 1fr 480px;
                }
            }
        }
    }
}
@media screen and (max-width: 1279px) {
    section {
        &.text, &.text.icons {
            p {
                font-size: 15px;
            }
            .wrapper {
                .items {
                    display: flex;
                    flex-direction: column;
                    > div:first-child {
                        margin-bottom: 60px;
                    }
                    .item, .item:first-child {
                        margin-right: 0;
                        max-width: 800px;
                        .icons {
                            .icon {
                                h3 {
                                    font-size: 20px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    section.cards {
        .items {
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        }
    }
    section.trusted {
        .items {
            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
        }
    }
}
@media screen and (max-width: 767px) {
    section {
        &.text, &.text.icons {
            h2 {
                max-width: 280px;
            }
            .wrapper {
                .items {
                    display: flex;
                    flex-direction: column;
                    .item, .item:first-child {
                        .icons {
                            .icon {
                                h3 {
                                    font-size: 18px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    section.cards {
        .items {
            grid-template-columns: 1fr;
        }
    }
    section.trusted {
        .items {
            grid-template-columns: 1fr;
            .item {
                span {
                    line-height: 48px;
                    font-size: 48px;
                }
                h3 {
                    font-size: 18px;
                }
            }
        }
    }
}