body {
    background: var(--beige_gradient_bg_color);
}

.cart {
    position: relative;
    padding: 0;
    margin-bottom: 4rem;
}

.header_block {
    width: 100%;
    background: var(--gold_gradient_color);
    padding: 2rem 3rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.our_mission_block,
.our_vision_block,
.education_block,
.community_block {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 0 1.5rem;
    color: var(--dark_color);
}
.our_mission_block,
.education_block {
    grid-template-columns: minmax(1px, 2fr) minmax(1px, 3fr);
}
.our_vision_block,
.community_block {
    grid-template-columns: minmax(1px, 3fr) minmax(1px, 2fr);
}
.our_mission_block {
    margin-top: 1rem;
}
.our_vision_block,
.education_block,
.community_block {
    align-items: center;
    padding: 2rem 3rem;
}
.education_block {
    background-color: var(--background_gray_color);
}
.community_block {
    padding-bottom: 2rem;
}
    .our_mission_block .img_box,
    .our_vision_block .img_box,
    .education_block .img_box,
    .community_block .img_box {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2rem;
    }
        .our_mission_block .img_box img,
        .our_vision_block .img_box img,
        .education_block .img_box img,
        .community_block .img_box img {
            width: 100%;
            max-width: 25rem;
            max-height: 25rem;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 50%;
        }
        .our_mission_block .img_box img,
        .our_vision_block .img_box img,
        .community_block .img_box img {
            object-position: center 25%;
        }
        .education_block .img_box img {
            object-position: center center;
        }

    .our_mission_block .content_box,
    .our_vision_block .content_box,
    .education_block .content_box,
    .community_block .content_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        .our_mission_block .content_box .pre_header,
        .our_vision_block .content_box .pre_header,
        .education_block .content_box .pre_header,
        .community_block .content_box .pre_header {
            font-size: 1.1rem;
        }
        .our_vision_block .content_box .pre_header,
        .education_block .content_box .pre_header,
        .community_block .content_box .pre_header {
            color: var(--gold_color);
        }
        .our_mission_block .content_box .header,
        .our_vision_block .content_box .header,
        .education_block .content_box .header {
            font-size: 1.3rem;
            font-family: Roboto;
            margin-top: 1rem;
        }
        .community_block .content_box .header {
            font-size: 1.3rem;
            font-family: RobotoMedium;
            margin-top: 1rem;
        }
        .community_block .content_box .text {
            font-size: 1.2rem;
            font-family: Roboto;
            margin-top: 0.5rem;
        }
        .our_mission_block .content_box .icons,
        .our_vision_block .content_box .icons,
        .education_block .content_box .icons {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
            justify-content: start;
            align-items: start;
            grid-gap: 1.5rem 0.5rem;
            margin-top: 2rem;
        }
            .our_mission_block .content_box .icons .icon_item,
            .our_vision_block .content_box .icons .icon_item,
            .education_block .content_box .icons .icon_item {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
            }
                .our_mission_block .content_box .icons .icon_item .icon,
                .our_vision_block .content_box .icons .icon_item .icon,
                .education_block .content_box .icons .icon_item .icon {
                    width: 4.5rem;
                    height: 4.5rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 2.3rem;
                    font-weight: 100;
                    border-radius: 50%;
                }
                .our_mission_block .content_box .icons .icon_item .icon {
                    color: var(--dark_color);
                    background-color: var(--white_color);
                }
                .our_mission_block .content_box .icons .icon_item .icon_label,
                .our_vision_block .content_box .icons .icon_item .icon_label,
                .education_block .content_box .icons .icon_item .icon_label {
                    text-align: center;
                    margin-top: 1rem;
                }

        .our_mission_block .content_box .line,
        .our_vision_block .content_box .line,
        .education_block .content_box .line,
        .community_block .content_box .line {
            width: 5rem;
            border-bottom: 1px solid var(--gold_color);
            margin-top: 1.5rem;
        }
        .community_block .content_box .line {
            width: 100%;
            border-bottom: 1px solid var(--hover_gray_color);
            margin-top: 1.5rem;
        }
        .our_mission_block .content_box .line {
            border-bottom: 1px solid var(--white_color);
        }
        .our_vision_block .content_box .line,
        .education_block .content_box .line {
            border-bottom: 1px solid var(--gold_color);
        }

@media (max-width: 1024px) {
    .our_mission_block .img_box,
    .our_vision_block .img_box,
    .education_block .img_box,
    .community_block .img_box {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .header_block {
        padding: 3rem 2rem;
    }

    .our_mission_block,
    .our_vision_block,
    .education_block,
    .community_block {
        grid-template-columns: 1fr;
        grid-gap: 2rem 0;
    }
    .our_vision_block,
    .education_block,
    .community_block {
        padding: 3rem 2rem;
    }
        .our_mission_block .content_box {
            min-height: 22rem;
        }
        .our_vision_block .content_box,
        .education_block .content_box,
        .community_block .content_box {
            min-height: 12rem;
        }
            .our_mission_block .content_box .icons,
            .our_vision_block .content_box .icons,
            .education_block .content_box .icons,
            .community_block .content_box .icons {
                grid-template-columns: 1fr;
                justify-content: center;
            }
}

@media (max-width: 480px) {
    .header_block {
        padding: 3rem 1rem;
    }
    .our_vision_block,
    .education_block,
    .community_block {
        padding: 3rem 1rem;
    }

    .our_mission_block .content_box .icons,
    .our_vision_block .content_box .icons,
    .education_block .content_box .icons,
    .community_block .content_box .icons {
        grid-template-columns: 9rem;
    }
}