#related-box {
    width: 100%;
    height: 220px;
    margin: 0;
    direction: ltr;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
#related-box .column {
    width: 1030px;
    float: left;
}
#related-box .related-item {
    float: left;
    width: 338px;
    margin: 0 5px 5px 0;
}
#related-box .related-item a {
    color: #fdfdfd;
}
#related-box .related-item.big {
    width: 681px;
}
#related-box .related-item .box-img {
    transition: all .2s ease-in-out;
    position: relative;
    margin: 0;
    overflow: hidden;
}
#related-box .related-item .box-img img {
    width: 338px;
    height: 220px;
    object-fit: cover;
}
#related-box .related-item.big .box-img {
    width: 681px;
}
#related-box .related-item.big .box-img img {
    width: 681px;
    height: 220px;
    object-fit: cover;
}
#related-box .related-item .box-img .related-content {
    transition: all .2s ease-in-out;
    position: absolute;
    bottom: -70%;
    left: 0;
    padding: 15px;
    height: 90%;
    background: rgba(46, 204, 113,.6);
    width: 100%;
}
#related-box .related-item .box-img:hover .related-content {
    bottom: 0;
    height: 86%;
    width: 100%;
    padding: 15px;
}
#related-box .related-item .box-img .related-content h3 {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    color: #fdfdfd;
    direction: rtl;
    text-align: right;
    margin: 15px 25px 10px 10px;
}
#related-box .related-item .box-img .related-content .description {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    color: #fdfdfd;
    line-height: 23px;
    margin: 40px 10px 0 10px;
    direction: rtl;
    text-align: justify;
    padding: 15px;
}
.color_1 {
    background: rgba(52, 152, 219,.9) !important;
}
.color_2 {
    background: rgba(111, 93, 67,.97) !important;
}
.color_3 {
    background: rgba(231, 76, 60,.9) !important;
}
.color_4 {
    background: rgba(46, 204, 113,.6) !important;
}
.color_5 {
    background: rgba(142, 68, 173,.9) !important;
}
.color_6 {
    background: rgba(39, 174, 96,.9) !important;
}
.color_7 {
    background: rgba(52, 73, 94,.9) !important;
}
#related-box .mCSB_container {
    height: 190px;
    display: block;
    overflow: hidden;
}
#related-box .mCSB_scrollTools {
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em,rgb(0 0 0 / 25%) 0 .125em .5em,rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
#related-box .mCSB_draggerRail {
    width: 100%;
    height: 20px;
    background: #fff;
}
#related-box .mCSB_dragger_bar {
    width: 100%;
    height: 20px;
    background: #39475e;
}