.block-section {
    max-width: 1440px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    box-sizing: border-box;
    gap: 15px;
}
.block-section-important-container {
    max-width: 375px;
    display: flex;
    flex-flow: row;
    background:#2575A6;
    border-radius: 5px;
}
.block-section-important-icon-container {
    display: flex;
    background:#FCEA00;
    min-width: 44px;
    font-family: Rubik;
    color: #222638;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #FCEA00;
}
.block-section-important-text-container {
    display: flex;
    flex-flow: column;
    width: 100%;
    gap: 5px;
}
.block-section-important-text--title {
    display: flex;
    flex: 1;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
}
.block-section-important-text--white {
    display: flex;
}
.block-section-important-text--white span {
    display: flex;
    font-size: 18px;
    font-weight: 500;        
    color: #fff;
    width: 80%;
    justify-content: left;
    box-sizing: border-box;
    margin: 0 auto;
}
.block-section-important-text--yellow {
    display: flex;
}

.block-section-important-text--yellow span{
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: left;
    color: #FCEA00;        
    box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
}

.block-section-important-text--link {
    display: flex;
    flex: 1;
    padding: 15px 0px;
    box-sizing: border-box;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto;
}
.block-section-important-text--link a {
    background:#fff;
    box-shadow: 5px 5px 10px 0px #0000001F;
    padding: 15px 12px;        
    box-sizing: border-box;
    line-height: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    color: #3B4153;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.block-section-block-container {
    display: flex;
    flex: 1;
    column-gap: 2%;
    row-gap: 15px;
    flex-flow: row wrap;
    width: 100%;
    box-sizing: 100%;
}

@media(min-width: 1178px) {
    .block-section-block-item {
        min-width: 32%;
    }
}

@media(max-width: 1178px) {
    .block-section-block-item {
        min-width: 49%;
    }
}
@media(max-width: 920px) {
    .block-section-block-item {
        min-width: 100%;
    }
    .block-section {
        flex-flow: column;
    }

    .block-section-important-container {
        max-width: 100%;
    }

}
.block-section-block-item {
    display: flex;
    padding: 14px;        
    border: 1px solid #989898;
    border-radius: 4px;
    box-sizing: border-box;
    flex-flow: column;
    background: #fff;
    flex-flow: column;
    gap: 5px;
    flex: 0;
}
.block-section-block-item--icon {
    display: flex;
    align-items: center;
    min-height: 24px;
}
.block-section-block-item--icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.block-section-block-item--icon img.block-section-block-item--icon-small {
    width: 20px;
    height: 21px;
}
.block-section-block-item--text {
    font-size: 14px;
    line-height: 16px;
    color:#3B4153;
}
.block-section-block-item--text-bold {
    font-weight: 500;
}