body {
    font-weight: normal;
}
.banner {
    position: relative;
    padding-bottom: 2%;
    background-position: 22%;
    overflow: hidden;
}
.banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/images/emface/submentum/banner-light.svg") 22% center /
        cover no-repeat;
    z-index: 2;
    animation: bannerLight 3s linear 0s infinite;
}
@media screen and (max-width: 479px) {
    .banner:before {
        animation-name: bannerLightMobile;
    }
}
@keyframes bannerLight {
    0% {
        clip-path: polygon(0 0, 24px 0, 24px 100%, 0% 100%);
    }
    100% {
        clip-path: polygon(
            calc(100% - 24px) 0,
            100% 0,
            100% 100%,
            calc(100% - 24px) 100%
        );
    }
}
@keyframes bannerLightMobile {
    0% {
        clip-path: polygon(0 0, 24px 0, 24px 100%, 0% 100%);
    }
    50%,
    100% {
        clip-path: polygon(
            calc(100% - 24px) 0,
            100% 0,
            100% 100%,
            calc(100% - 24px) 100%
        );
    }
}
.banner__textarea {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    width: 50%;
    padding: 0 24px 0 4%;
    margin-left: auto;
    z-index: 2;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
}
.banner__logo {
    width: 56%;
    height: auto;
}
.banner__tagline {
    width: 80%;
}
@media screen and (max-width: 991px) {
    .banner__textarea {
        align-items: center;
        width: 100%;
        max-width: 640px;
        padding: 0 24px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 769px) {
    .table_title_row {
        flex-flow: column-reverse;
    }
    .table_title_icon {
        width: 60px;
        margin: 4px 0 0;
    }
}
.number_section_container {
    background-image: linear-gradient(136deg, #d5dce5, #eee3ea);
}
.number_section_container_in {
    background-color: transparent;
}
@media screen and (min-width: 1440px) {
    .number_section_container {
        flex-flow: row;
    }
}
.number_section_video {
    background: none;
}
.number_section_video > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
}
.number_circle_block {
    width: 23%;
}
.number_section_title {
    line-height: 0;
    letter-spacing: 0;
}
.number_section_title {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -24px;
}
.number_section_title img {
    padding: 6px 24px;
}
.number_textarea {
    margin: 38px 0;
}
.number_textarea p {
    padding: 0;
    margin-bottom: 24px;
}
.number_circle_row {
    padding-bottom: 24px;
    border-bottom-color: rgba(255, 255, 255, 0.6);
}
.number_section_textarea {
    position: absolute;
    top: 30%;
    left: 10%;
    color: #898989;
    font-size: 16px;
    width: 230px;
}
.number_section_textarea_row {
    margin-bottom: 24px;
}
.number_section_textarea_row:last-child {
    margin-bottom: 0;
}
.number_section_textarea_row p {
    padding: 0;
}
.number_section_textarea_line img {
    display: block;
    width: 100%;
}
.number_section_textarea_line {
    position: relative;
}
.number_section_textarea_line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/images/emface/submentum/line-light.png) left center /
        contain no-repeat;
    animation: lineLight 2s ease 0s infinite;
}
.number_section_textarea_line._2:before {
    animation-delay: -0.3s;
}
.number_section_textarea_line._3:before {
    animation-delay: -0.6s;
}
@keyframes lineLight {
    0% {
        background-position-x: -100%;
    }
    100% {
        background-position-x: 200%;
    }
}
@media screen and (max-width: 1439px) {
    .number_section_textarea {
        top: 50%;
        left: 23%;
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 991px) {
    .number_section_content {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    .number_section_textarea {
        left: 10%;
    }
}
@media screen and (max-width: 479px) {
    .number_circle_row {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .number_circle_block {
        width: 48%;
        max-width: 140px;
    }
    .number_section_title img {
        height: 34px;
    }
    .number_section_textarea {
        top: 36%;
        left: 5%;
        width: 145px;
        font-size: 20px;
    }
    .number_section_textarea_row {
        margin-bottom: 10px;
    }
    .number_section_video {
        height: 85vw;
    }
}
@media screen and (max-width: 375px) {
    .number_section_title img {
        height: 32px;
    }
}