.legally__title {
margin-bottom: 47px;
}
@media screen and (max-width: 780px) {
.legally__title {
margin-bottom: 30px;
}
}
.legally__row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 1100px) {
.legally__row {
max-width: 900px;
gap: 20px;
}
}
.legally__item {
width: calc(33.33% - 30px);
margin-left: 15px;
margin-right: 15px;
padding: 50px 57px 49px 57px;
background: #F2F5F8;
display: flex;
flex-direction: column;
border-radius: 10px;
}
@media screen and (max-width: 1500px) {
.legally__item {
padding: 40px 30px 40px 30px;
}
}
@media screen and (max-width: 1100px) {
.legally__item {
width: 100%;
}
}
@media screen and (max-width: 560px) {
.legally__item {
padding: 19px 22px 22px;
}
}
.legally__item.--blue {
background: #7A95C0;
position: relative;
}
.legally__item.--blue::before {
content: "";
display: block;
position: absolute;
width: calc(100% - 80px);
height: calc(100% - 32px);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(//line-prava.com/wp-content/themes/linia-prava/img/legally-blue-bg.svg) no-repeat center/contain;
}
.legally__item.--blue .legally__item-title {
background: #9AB3DC;
color: #ffffff;
}
@media screen and (max-width: 560px) {
.legally__item.--blue .legally__item-title {
background: transparent;
}
}
.legally__item.--blue .legally__item-desc * {
color: #ffffff;
}
.legally__item.--blue .legally__item-desc::before {
background-image: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-legally-checkmark-white.svg);
}
.legally__item-title, .legally__item-desc, .legally__item-btn {
position: relative;
z-index: 2;
}
.legally__item-title {
font-size: 24px;
font-weight: 800;
margin: 0 0 29px 0;
padding: 22px 30px;
background: #fff;
border-radius: 10px;
text-align: center;
}
@media screen and (max-width: 1500px) {
.legally__item-title {
padding: 15px 20px;
font-size: 20px;
margin-bottom: 35px;
}
}
@media screen and (max-width: 560px) {
.legally__item-title {
font-size: 18px;
padding: 0;
background: transparent;
border-radius: 0;
text-align: left;
margin-bottom: 30px;
}
}
.legally__item-desc {
margin: 0 0 33px 0;
padding-left: 29px;
}
@media screen and (max-width: 1500px) {
.legally__item-desc {
padding-left: 31px;
margin-bottom: 30px;
}
}
.legally__item-desc::before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 0;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-legally-checkmark-blue.svg) no-repeat center/contain;
}
@media screen and (max-width: 1500px) {
.legally__item-desc::before {
width: 16px;
height: 16px;
}
}
.legally__item-desc * {
position: relative;
font-size: 20px;
color: rgba(0, 0, 0, 0.77);
margin: 0;
}
@media screen and (max-width: 1500px) {
.legally__item-desc * {
font-size: 16px;
}
}
@media screen and (max-width: 560px) {
.legally__item-desc * {
font-size: 12px;
}
}
.legally__item-desc * b, .legally__item-desc * strong {
font-weight: 800;
}
.legally__item-btn {
width: 100%;
display: block;
margin-top: auto;
font-weight: 600;
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1500px) {
.legally__item-btn {
padding: 15px;
font-size: 16px;
}
}