/* Start: Box */
.ssBox_flexBox { display: flex; width: 100%; }
.ssBox_box { position: relative; width: 100%; display: flex; flex-direction: column; }
.ssBox_box > .full_article_link { border-radius: 20px 20px 0 0; }
.ssBox_imgContainer { position: relative; z-index: 1 !important; width: 100%; border-radius: 20px 20px 0 0; border: 0.5px solid var(--secondary); overflow: hidden; }
.ssBox_imgBox { width: 100%; padding: 0 0 101.68067226890757% 0; }
.ssBox_img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.ssBox_imgLegend { display: none; }
.ssBox_info { flex: 1; width: 100%; background: rgba(var(--secondaryRGB),0.2); padding: 14px 12px 70px 12px; border-radius: 0 0 20px 20px; transition: var(--transition); }
.ssBox_box:hover .ssBox_info { background: var(--primary); }
.ssBox_title > h2,
.ssBox_title > h3 { font-family: neue-kabel, sans-serif; font-weight: 400; font-size: 25px; line-height: 32px; color: #000000; text-align: left; padding: 0; transition: var(--transition); }
.ssBox_box:hover .ssBox_title > h2,
.ssBox_box:hover .ssBox_title > h3 { color: #FFFFFF; }
.ssBox_infoFooter { position: absolute; bottom: 10px; left: 12px; display: flex; justify-content: space-between; align-items: center; width: calc(100% - 24px); gap: 30px; }
.ssBox_price {
    font-family: neue-kabel, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    padding: 0;
    transition: var(--transition);
}
.ssBox_box:hover .ssBox_price { color: #FFFFFF; }
.ssBox_arrow > svg > path { stroke: #000000; transition: var(--transition); }
.ssBox_box:hover .ssBox_arrow > svg > path { stroke: #FFFFFF; }
@media screen and (max-width: 767px) {
    .ssBox_title > h2,
    .ssBox_title > h3 { font-weight: 400 !important; font-size: 25px !important; line-height: 30px !important; }
    .ssBox_price { font-weight: 400 !important; font-size: 17px !important; line-height: 22px !important; }
}
@media screen and (max-width: 1200px) { #ss_lst_sub .ssBox_flexBox.flex_box_12 { width: 33.3333% !important; } }
@media screen and (max-width: 959px) { #ss_lst_sub .ssBox_flexBox.flex_box_12 { width: 50% !important; } }
@media screen and (max-width: 640px) { #ss_lst_sub .ssBox_flexBox.flex_box_12 { width: 100% !important; } }
/* End: Box */