.we-help2 {
opacity: 1;
background: radial-gradient(50% 50% at 50% 50%, rgb(21, 62, 118) 0%, rgb(17, 44, 87) 100%);
border-radius: 0 60px;
padding: 87px 0 95px 0;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 1100px) {
.we-help2 {
padding: 60px 0 60px 0;
}
}
@media screen and (max-width: 780px) {
.we-help2 {
padding: 33px 0 43px 0;
}
}
.we-help2::before {
content: "";
display: block;
position: absolute;
width: 690px;
height: 606px;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/we-help2-bg.svg) no-repeat center/contain;
left: -45px;
bottom: -30px;
}
@media screen and (max-width: 780px) {
.we-help2::before {
left: 50%;
transform: translateX(-50%);
bottom: 68px;
width: 328px;
height: 278px;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/hero-bg-carrier.svg) no-repeat center/contain;
}
}
.we-help2__title * {
color: #ffffff;
}
.we-help2__title * b, .we-help2__title * strong {
color: #9CC1FF;
}
@media screen and (max-width: 1100px) {
.we-help2__title br {
display: none;
}
}
.we-help2__row {
position: relative;
z-index: 2;
display: flex;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 1800px) {
.we-help2__row {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 1100px) {
.we-help2__row {
flex-direction: column;
}
}
.we-help2__left, .we-help2__right {
width: calc(50% - 30px);
margin-left: 15px;
margin-right: 15px;
}
@media screen and (max-width: 1800px) {
.we-help2__left, .we-help2__right {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 1800px) {
.we-help2__left {
flex: 0 0 700px;
}
}
@media screen and (max-width: 1600px) {
.we-help2__left {
flex-basis: 500px;
}
}
@media screen and (max-width: 1100px) {
.we-help2__left {
width: 100%;
max-width: unset;
flex: unset;
}
}
.we-help2__right {
position: relative;
}
@media screen and (max-width: 1800px) {
.we-help2__right {
flex: 1 1 auto;
margin-left: auto;
max-width: 850px;
}
}
@media screen and (max-width: 1100px) {
.we-help2__right {
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 780px) {
.we-help2__right {
max-width: 100%;
padding-bottom: 340px;
}
}
.we-help2__img {
position: absolute;
bottom: -95px;
right: -10px;
}
@media screen and (max-width: 1600px) {
.we-help2__img {
right: auto;
left: 350px;
max-width: 360px;
}
}
@media screen and (max-width: 780px) {
.we-help2__img {
bottom: -45px;
max-width: 260px;
left: 50%;
transform: translateX(-50%);
}
}
.we-help2__text-block {
background: #7A95C0;
max-width: 533px;
border-radius: 10px;
padding: 51px 31px 51px 53px;
}
@media screen and (max-width: 1600px) {
.we-help2__text-block {
max-width: 450px;
padding: 40px 30px;
}
}
@media screen and (max-width: 780px) {
.we-help2__text-block {
padding: 23px 27px;
max-width: 100%;
}
}
.we-help2__text-block-mob {
display: none;
}
@media screen and (max-width: 780px) {
.we-help2__text-block-mob {
display: block;
}
}
.we-help2__text-block p {
font-weight: 400;
font-size: 24px;
color: #ffffff;
margin: 0;
}
@media screen and (max-width: 1600px) {
.we-help2__text-block p {
font-size: 20px;
}
}
@media screen and (max-width: 780px) {
.we-help2__text-block p {
font-size: 14px;
}
}
.we-help2__text-block p + p {
margin-top: 1em;
}
.we-help2__text-block p b, .we-help2__text-block p strong {
font-weight: 900;
}
@media screen and (max-width: 780px) {
.we-help2__text-block p b, .we-help2__text-block p strong {
font-weight: 400;
}
}
.we-help2__btn {
margin-top: 33px;
width: 100%;
text-align: center;
font-weight: 800;
}
@media screen and (max-width: 780px) {
.we-help2__btn {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
max-width: 320px;
font-size: 16px;
}
}
@media screen and (max-width: 780px) {
.we-help2__name, .we-help2__pos {
display: none;
}
}
.we-help2__name {
margin: 37px 0 4px 0;
font-weight: 800;
font-size: 20px;
line-height: 175%;
color: #ffffff;
}
.we-help2__pos {
margin: 0;
color: #ffffff;
font-weight: 400;
font-size: 18px;
}