.without-court {
opacity: 1;
padding: 103px 0 140px 0;
background: radial-gradient(50% 50% at 50% 50%, rgb(21, 62, 118) 0%, rgb(17, 44, 87) 100%);
border-radius: 0 60px;
overflow: hidden;
}
@media screen and (max-width: 1600px) {
.without-court {
padding-top: 70px;
padding-bottom: 100px;
}
}
@media screen and (max-width: 780px) {
.without-court {
padding-bottom: 40px;
padding-top: 40px;
border-radius: 0 40px;
}
}
.without-court__row {
display: flex;
}
@media screen and (max-width: 1100px) {
.without-court__row {
flex-direction: column;
}
}
.without-court__left {
flex: 1 1 auto;
padding-left: 80px;
position: relative;
}
@media screen and (max-width: 1800px) {
.without-court__left {
padding-left: 0;
}
}
@media screen and (max-width: 1100px) {
.without-court__left {
flex: unset;
width: 100%;
}
}
.without-court__right {
position: relative;
flex: 0 0 25%;
margin-left: 60px;
}
@media screen and (max-width: 1600px) {
.without-court__right {
flex: 0 0 200px;
}
}
@media screen and (max-width: 1100px) {
.without-court__right {
flex: unset;
width: 100%;
margin-left: 0;
height: 400px;
}
}
@media screen and (max-width: 780px) {
.without-court__right {
height: 330px;
}
}
.without-court__title {
margin-bottom: 79px;
}
@media screen and (max-width: 1600px) {
.without-court__title {
margin-bottom: 50px;
}
}
@media screen and (max-width: 780px) {
.without-court__title {
margin-bottom: 20px;
}
}
.without-court__title * {
color: #ffffff;
font-size: 54px;
}
@media screen and (max-width: 1600px) {
.without-court__title * {
font-size: 46px;
}
}
@media screen and (max-width: 1100px) {
.without-court__title * {
font-size: 38px;
}
}
@media screen and (max-width: 960px) {
.without-court__title * {
font-size: 30px;
}
}
@media screen and (max-width: 780px) {
.without-court__title * {
font-size: 24px;
}
}
.without-court__title * b, .without-court__title * strong {
color: #9cc1ff;
}
.without-court__text {
color: #ffffff;
}
@media screen and (max-width: 1600px) {
.without-court__text {
padding-right: 300px;
}
}
@media screen and (max-width: 1100px) {
.without-court__text {
padding-right: 0;
padding-top: 85px;
position: relative;
}
}
.without-court__text p {
font-weight: 500;
font-size: 24px;
margin: 0;
}
@media screen and (max-width: 1600px) {
.without-court__text p {
font-size: 20px;
}
}
@media screen and (max-width: 780px) {
.without-court__text p {
font-size: 14px;
}
}
.without-court__text p b, .without-court__text p strong {
font-weight: 800;
}
.without-court__text p + p {
margin-top: 44px;
}
@media screen and (max-width: 1600px) {
.without-court__text p + p {
margin-top: 30px;
}
}
.without-court__text p + ul {
margin-top: 40px;
}
@media screen and (max-width: 1600px) {
.without-court__text p + ul {
margin-top: 30px;
}
}
.without-court__text ul {
padding: 0;
margin: 0;
list-style: none;
}
.without-court__text ul li {
margin-bottom: 22px;
font-weight: 500;
font-size: 24px;
padding-left: 35px;
position: relative;
}
@media screen and (max-width: 1600px) {
.without-court__text ul li {
font-size: 20px;
}
}
@media screen and (max-width: 780px) {
.without-court__text ul li {
font-size: 14px;
}
}
.without-court__text ul li::before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 50%;
transform: translateY(-50%);
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-legally-checkmark-blue.svg) no-repeat center/contain;
}
.without-court__text ul li:last-child {
margin-bottom: 0;
}
.without-court__white-block {
margin-top: 40px;
padding: 28px 48px;
max-width: 700px;
text-align: center;
display: inline-block;
font-weight: 800;
font-size: 24px;
color: #1c427f;
background: #E0E8F5;
border-radius: 20px;
}
@media screen and (max-width: 1600px) {
.without-court__white-block {
font-size: 20px;
padding: 20px 35px;
}
}
@media screen and (max-width: 780px) {
.without-court__white-block {
font-size: 14px;
padding: 10px 10px;
border-radius: 10px;
}
}
.without-court__white-block p {
margin: 0;
}
.without-court__note {
border-radius: 60px;
position: absolute;
right: 132px;
top: 112px;
background: #fff;
max-width: 340px;
padding: 21px 33px 21px 41px;
font-weight: 800;
font-size: 24px;
color: #1c427f;
}
@media screen and (max-width: 1600px) {
.without-court__note {
padding: 15px 25px;
max-width: 300px;
font-size: 20px;
top: 160px;
right: 50px;
}
}
@media screen and (max-width: 1300px) {
.without-court__note {
right: 0;
}
}
@media screen and (max-width: 1100px) {
.without-court__note {
font-size: 16px;
padding: 16px 30px;
top: 0;
left: 0;
}
}
@media screen and (max-width: 560px) {
.without-court__note {
right: 0;
}
}
.without-court__note::before {
content: "";
display: block;
position: absolute;
width: 45px;
height: 27px;
right: 52px;
bottom: -17px;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/note-angle.svg) no-repeat center/contain;
}
.without-court__person {
background: #fff;
border-radius: 10px;
padding: 42px 45px;
width: 447px;
position: absolute;
right: 13px;
bottom: -5px;
}
.without-court__person-img {
position: absolute;
bottom: -140px;
right: -40px;
pointer-events: none;
}
@media screen and (max-width: 1600px) {
.without-court__person-img {
max-width: 650px;
right: -30px;
}
}
@media screen and (max-width: 1300px) {
.without-court__person-img {
max-width: 600px;
bottom: -100px;
right: -70px;
}
}
@media screen and (max-width: 1100px) {
.without-court__person-img {
right: 50%;
bottom: -100px;
max-width: 530px;
transform: translateX(50%);
}
}
@media screen and (max-width: 780px) {
.without-court__person-img {
max-width: 410px;
bottom: -41px;
}
}
@media screen and (max-width: 1600px) {
.without-court__person {
padding: 30px;
bottom: -30px;
}
}
@media screen and (max-width: 1100px) {
.without-court__person {
right: auto;
left: 50%;
transform: translateX(-50%);
}
}
@media screen and (max-width: 780px) {
.without-court__person {
bottom: 0;
padding: 18px;
max-width: 270px;
width: 100%;
}
}
.without-court__person-name {
margin: 0 0 8px;
font-size: 20px;
line-height: 130%;
font-weight: 700;
color: #303030;
}
@media screen and (max-width: 780px) {
.without-court__person-name {
font-size: 14px;
margin-bottom: 10px;
}
}
.without-court__person-pos {
margin: 0;
font-size: 18px;
line-height: 130%;
}
@media screen and (max-width: 780px) {
.without-court__person-pos {
font-size: 14px;
}
}