section.m53_colorboard .m53_img_text_container {
display: flex;
align-items: center;
margin-bottom: 130px;
}
section.m53_colorboard .m53_img_container {
width: 55%;
}
section.m53_colorboard .m53_text_container {
width: 45%;
padding-left: 135px;
}
section.m53_colorboard .m53_colors_container {
display: flex;
gap: 9px;
}
section.m53_colorboard .m53_colors_item {
width: calc(16.6667% - 8px);
}
section.m53_colorboard .m53_colors_item_content {
display: flex;
justify-content: space-between;
flex-direction: column;
height: 100%;
padding: 35px 20px 19px;
}
section.m53_colorboard .m53_colors_item_title p {
font-size: 1.3125rem;
font-weight: 700;
}
@media all and (max-width: 1599px) {
section.m53_colorboard .m53_colors_item_title p {
font-size: 1.2rem;
}
}
@media all and (max-width: 1399px) {
section.m53_colorboard .m53_colors_container {
flex-wrap: wrap;
}
section.m53_colorboard .m53_colors_item {
width: calc(33.3333% - 6px);
}
}
@media all and (max-width: 991px) {
section.m53_colorboard .m53_img_text_container {
margin-bottom: 70px;
}
section.m53_colorboard .m53_text_container {
padding-left: 85px;
}
}
@media all and (max-width: 767px) {
section.m53_colorboard .m53_img_container,
section.m53_colorboard .m53_text_container {
width: 100%;
}
section.m53_colorboard .m53_img_text_container {
flex-wrap: wrap;
}
section.m53_colorboard .m53_text_container {
padding-top: 30px;
padding-left: 0;
}
}
@media all and (max-width: 575px) {
section.m53_colorboard .m53_img_text_container {
margin-bottom: 50px;
}
section.m53_colorboard .m53_colors_item {
width: calc(50% - 5px);
}
}
@media all and (max-width: 375px) {
section.m53_colorboard .m53_colors_item_content {
padding: 20px 10px 15px;
}
section.m53_colorboard .m53_colors_item_title p {
font-size: 1rem;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}