.board-persone a { text-decoration: none; }
.board-persone__image-holder { position: relative; background-color: #C4C4C4; }
.board-persone__image-holder img { width: 100% }
.board-persone__image-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; flex-wrap: wrap; background: rgba(45, 45, 64, 0); transition: all 0.3s ease-out; }
.board-persone:hover .board-persone__image-overlay { background: rgba(45, 45, 64, 0.76); }
.board-persone__text { position: relative; margin-top: -25px; }
.board-persone__date { background: #E7402C; font-size: 17px; line-height: 21px; text-transform: uppercase; color: #FFFFFF; padding: 5px 22px; width: max-content; }
.board-persone__text-bg { background-color: white; padding: 18px 22px; margin-left: 5%; margin-right: 5%; }
.board-persone__title { font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #2D2D40; min-height: 40px; }
.board-persone__range { color: white; opacity: 0; transition: all 0.2s ease-out; padding: 20px 20px 30px 20px; font-size: 12px; transition: all 0.3s ease-out; overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: auto !important;}
.board-persone__range::-webkit-scrollbar { -webkit-appearance: none; -webkit-overflow-scrolling: auto !important; }
.board-persone__range::-webkit-scrollbar:vertical { width: 3px; }
.board-persone__range::-webkit-scrollbar:horizontal { }
.board-persone__range::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .5); border-radius: 10px; }
.board-persone__range::-webkit-scrollbar-track {}
.board-persone:hover .board-persone__range { opacity: 1; }
.owl-carousel.about-board .owl-stage-outer { margin-bottom: 40px; }
.owl-carousel.about-board .owl-dots { width: 100%; position: initial; margin-top: -40px; }
.owl-carousel.about-board .owl-nav { width: 100%; padding-left: 0; padding-bottom: 0; position: initial; }
@media (min-width: 992px) {
    .owl-carousel.owl-theme .owl-nav button svg rect { fill: var(--bs-white); }
    .board-persone__image-holder img { width: auto; max-width: 100%; }
	.board-persone__text { margin-top: -55px; }
	.board-persone__text-bg { margin-right: 15%; }
	.board-persone__title { font-size: 15px; line-height: 18px; }
}

.board-persone__holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.board-persone { width: 45%; margin-bottom: 24px; }

@media (min-width: 768px) {
    .board-persone { max-width: 285px; }
}