.legal-practice {
background: #F2F5F8;
padding: 96px 0;
overflow: hidden;
}
@media screen and (max-width: 960px) {
.legal-practice {
padding: 60px 0 128px 0;
position: relative;
}
}
@media screen and (max-width: 560px) {
.legal-practice {
padding: 37px 0 128px 0;
}
}
.legal-practice__title {
margin-bottom: 0;
}
.legal-practice__slider {
overflow: visible;
}
.legal-practice__head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
@media screen and (max-width: 780px) {
.legal-practice__head {
margin-bottom: 30px;
}
}
.legal-practice__head-left {
margin-right: 30px;
}
@media screen and (max-width: 960px) {
.legal-practice__head-left {
margin-right: 0;
}
}
.legal-practice__head-right {
flex: 0 0 auto;
}
@media screen and (max-width: 960px) {
.legal-practice__head-right {
position: absolute;
left: 0;
bottom: 53px;
width: 100%;
}
}
@media screen and (max-width: 960px) {
.legal-practice__slider-arrows {
justify-content: center;
}
}
.legal-practice__slider-arrows .slider-arrow {
background: #1C427F !important;
}
.legal-practice__slider-arrows .slider-arrow::before {
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-slider-arrow-left.svg) no-repeat center/contain !important;
}
.legal-practice__slider-arrows .slider-arrow.swiper-button-disabled {
pointer-events: none !important;
background: #dcdcdc !important;
}
.legal-practice__slide {
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
}
@media screen and (max-width: 1600px) {
.legal-practice__slide {
width: 260px;
}
}
.legal-practice__slide.swiper-slide-visible {
opacity: 1;
pointer-events: all;
}
.legal-practice__slide img {
width: 100%;
transition: filter 0.3s;
}
.legal-practice__slide-text {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 66px);
font-size: 20px;
font-weight: 700;
bottom: 52px;
background: #1C427F;
color: #ffffff;
border-radius: 50px;
padding: 22px 25px;
text-align: center;
transition: all 0.3s;
}
@media screen and (max-width: 960px) {
.legal-practice__slide-text {
opacity: 1;
transform: translateX(-50%);
width: calc(100% - 20px);
bottom: 31px;
font-size: 16px;
}
}
@media screen and (max-width: 560px) {
.legal-practice__slide-text {
font-size: 12px;
padding: 12px 20px;
}
}
.legal-practice__slide:hover img {
filter: blur(0px);
}
.legal-practice__slide:hover .legal-practice__slide-text {
opacity: 0;
}