/* --- #BLOCK_26 --- */
/* Video_html */
#block_26 {
    background-color: var(--color-1);
    color: #222222;
}

#block_26 .block_video_html_container {
    max-width: 1440px;
    margin: 60px auto;
}

#block_26 .block_video_html_icon_svg {
    width: 40px;
    height: 40px;
    fill: var(--color-active);
}

#block_26 .block_video_html_icon_text {
    color:#222222;
}

#block_26 .block_video_html_button.solid {
    color:#ffffff;
    background-color:#4231da;
    border-radius:30px;
}

#block_26 .block_video_html_button.frame {
    color:#4231da;
    border:solid 2px #4231da;
    border-radius:30px;
}

#block_26 .block_video_html_video {
    border-radius: 20px;
}

/* --- /block_26 --- */


/* --- #BLOCK_27 --- */
/* Image */
#block_27 {
    font-size: var(--font-size);
    color: var(--font-color);
    line-height: 1.6;
}

#block_27 .block_image_container {
    max-width: 1440px;
    margin: 60px auto;
    padding: 20px;
    border-radius: 40px;
}

#block_27 .block_images_image {
    border-radius: 20px;
}

/* --- /block_27 --- */


/* --- #BLOCK_28 --- */
/* Icon */
#block_28 {
    font-size: 16px;
    color: #444444;
}

#block_28 .block_icon_container {
    max-width: 1440px;
    margin: 40px auto;
}

#block_28 .block_icon_wrap {
    gap: 20px;
}

#block_28 .block_icon_item_1 {
    padding: 20px;
}

#block_28 .block_icon_item_svg_wrap {
    border-color: #2267f1;
    width: 100px;
    height: 100px;
}

#block_28 .block_icon_item_svg_hover {
    background-color: #2267f1;
}

#block_28 .block_icon_item_svg {
    fill: #2267f1;
    width: 50px;
    height: 50px;
    top: 25px;
    left: 25px;
}

#block_28 .block_icon_item_title {
    font-size: 20px;
}

/* --- /block_28 --- */


/* --- #BLOCK_29 --- */
/* Text */
#block_29 {
    background-color: #2267f1;
    color: var(--font-color);
}

#block_29 .block_text_container {
    max-width: 1440px;
    margin: 20px auto;
    padding: 20px 20px;
}

@media screen and (max-width: 480px) {
    .block_text_container {
        padding: 0 10px !important;
    }
}

/* --- /block_29 --- */


/* --- #BLOCK_30 --- */
/* Text */
#block_30 {
    background-color: #2267f1;
    color: var(--font-color);
}

#block_30 .block_text_container {
    max-width: 1440px;
    margin: 20px auto;
    padding: 20px 20px;
}

@media screen and (max-width: 480px) {
    .block_text_container {
        padding: 0 10px !important;
    }
}

/* --- /block_30 --- */