.two-level-icon {
    background-color: #fff
}

.two-level-icon .section-header {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 3.125rem;
    margin-bottom: 6.25rem
}

@media screen and (max-width: 39.99875em) {
    .two-level-icon .section-header {
        margin-bottom: 1.25rem
    }
}

.two-level-icon-header {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #414141;
    font-family: "NNNittiGrotesk-Heading";
    margin: 1.875rem 0 1.375rem
}

@media screen and (max-width: 39.99875em) {
    .two-level-icon-header {
        text-align: center
    }
}

.two-level-icon-section .slick-dots {
    bottom: 52.5%
}

@media print,
screen and (min-width: 40em) {
    .two-level-icon-section .slick-dots {
        bottom: -1rem
    }
}

.two-level-icon-single {
    padding: 1.875rem;
    flex-direction: column;
    justify-content: space-between
}

.two-level-icon-single-box {
    border-top: 1px solid #ffdfbb;
    border-bottom: 1px solid #ffdfbb;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding: 3.125rem;
    flex-direction: column;
    justify-content: space-between;
    transition: all .5s
}

.two-level-icon-single-box:first-child {
    margin-bottom: 3.75rem
}

@media print,
screen and (min-width: 64em) {
    .two-level-icon-single-box:hover {
        border: 1px solid #ffdfbb;
        border-radius: 3px;
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
}

.two-level-icon-box-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "NNNittiGrotesk-TextRegular";
    color: #414141
}

@media screen and (max-width: 39.99875em) {
    .two-level-icon-box-text {
        float: none;
        text-align: center
    }
}

.two-level-icon-image {
    height: 6.25rem;
    width: auto;
    margin-bottom: 1.375rem
}

@media screen and (max-width: 39.99875em) {
    .two-level-icon-image {
        margin: 0 auto
    }
}

@media print,
screen and (min-width: 64em) {
    .two-level-icon [data-slider] {
        margin-bottom: 2.5rem
    }
}

.two-level-icon [data-slider] .slick-slide {
    max-width: 31.25rem
}

@media print,
screen and (min-width: 40em) {
    .two-level-icon [data-slider] .slick-list {
        padding-right: 20rem
    }
}

.two-level-icon [data-slider] .slick-list .slick-track {
    width: auto !important;
    display: flex
}