<div class="d-flex">
<ul class="circles-table">
<li class="gray-title">Смерть НС<sup class="number-prompt">1</sup></li>
<li>100% СС<sup class="number-prompt">2</sup></li>
<li class="gray-title">Инвалидность НС 1,2,3 группы</li>
<li>1 гр. – 100% СС, 2 гр. – 75% СС, 3 гр. – 50% СС</li>
<li class="gray-title">Травма (вкл. любительский спорт 1 кат.)</li>
<li>В соответствии с таблицей выплат</li>
</ul>
</div>
.circles-table {
display: flex;
flex-wrap: wrap;
width: 370px;
}
.circles-table li {
width: calc(50% - 32px);
margin-right: 32px;
margin-bottom: 16px;
}
swiper.slideTo(index, speed, runCallbacks)
Run transition to the slide with index number equal to 'index' parameter for the duration equal to 'speed' parameter.
index - number - Index number of slide.
speed - number - Transition duration (in ms).
runCallbacks - boolean - Set it to false (by default it is true) and transition will not produce transition events.
.main-gal .owl-dot {
height: 10px;
width: 20px;
background-color: #ff5722 !important;
display: inline-block;
border-radius: 0;
opacity: 1;
}
.main-gal .owl-dot.active {
background-color: #ff5722 !important;
opacity: 1;
width: 40px;
}
.main-gal .owl-dot.active ~ .owl-dot {
background: #fff !important;
opacity: 0.5;
}