.section_about_text span h3 {
padding-left: 26px;
font-size: 24px;
color: black;
margin: 10px 0;
}
.section_about_text span h2 {
margin-bottom: 15px;
}
.section_about_text span ul {
padding-bottom: 16px;
margin-bottom: 10px;
}
.section_advantages {
padding: 40px 0 40px;
color: black;
background: rgb(255, 255, 255);
}
.section_services--inner {
padding: 40px 0 40px;
color: black;
background: rgb(255, 255, 255);
} @media screen and (max-width: 767.9px) {
.support.rv > .service_list_swiper > .swiper-wrapper {
flex-direction: column;
gap: 10px;
}
.express.rv .express_items.swiper > .swiper-wrapper {
flex-direction: column;
gap: 10px;
}
.practice_content .practice_swiper .swiper-wrapper {
flex-direction: column;
gap: 10px;
}
.support.rv > .support_swiper.swiper > .swiper-wrapper {
flex-direction: column;
gap: 10px;
}
.support.rv > .advantages_swiper.swiper > .swiper-wrapper {
flex-direction: column;
gap: 10px;
}
.services.rv .services_mob.swiper > .swiper-wrapper {
flex-direction: column;
gap: 10px;
}
}
.team_avatar {
aspect-ratio: 3 / 4;
max-width: 300px;
margin-bottom: 20px;
}
.team_avatar img {
width: 100%;
height: 100%;
object-fit: cover;
} .popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-overlay.active {
display: flex;
}
.popup-content {
background: linear-gradient(157deg, #0e203f 5.41%, #132e5a 96.73%);
padding: 70px;
border-radius: 8px;
width: 90%;
max-width: 600px;
color: #fff;
position: relative;
}
.popup-close {
position: absolute;
top: 10px;
right: 10px;
background: transparent;
border: none;
font-size: 24px;
color: #fff;
cursor: pointer;
}
.popup__title {
margin-bottom: 13px;
color: #fff;
text-align: center;
font-family: Prata;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 45px; }
.popup-content p {
margin-bottom: 20px;
color: #fff;
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.popup-content form input,
.popup-content form textarea {
width: 100%;
padding: 20px 15px;
border-radius: 15px;
border: 1px solid #768194;
background: transparent;
color: #768194;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
box-sizing: border-box;
}
.form-group {
position: relative;
margin-bottom: 20px;
}
.form-group input {
width: 100%;
padding: 12px 15px;
border-radius: 15px;
border: 1px solid #768194;
background: transparent;
color: #768194;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
box-sizing: border-box;
}
.form-group input.cf7-input,
.form-group textarea.cf7-input {
width: 100%;
padding: 20px 15px;
border-radius: 15px;
border: 1px solid #768194;
background: transparent;
color: #768194;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
box-sizing: border-box;
}
.form-group label {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
color: #768194;
font-weight: 600;
pointer-events: none;
transition:
opacity 0.3s ease,
visibility 0.3s ease;
opacity: 1;
visibility: visible;
background: transparent;
padding: 0 5px;
user-select: none;
white-space: nowrap;
} .form-group span.wpcf7-form-control-wrap:focus-within ~ label,
.form-group.filled label {
opacity: 0;
visibility: hidden;
}  .popup-content form textarea {
resize: vertical;
min-height: 80px;
}
.popup-content label.popup__checkbox label input {
margin-top: 3px;
width: min-content !important;
}
.popup-content label.popup__checkbox label {
display: inline-flex;
gap: 5px;
align-items: flex-start;
margin-bottom: 15px;
}
.popup-content label.popup__checkbox label span {
color: #768194;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: left;
}
.popup-content label.popup__checkbox a {
color: #768194;
text-decoration: underline;
}
.popup-content form .popup-submit {
width: 100%;
background: #e74c3c;
border: none;
padding: 12px 0;
border-radius: 30px;
color: #fff;
font-size: 16px;
cursor: pointer;
transition: background 0.3s ease;
}
.popup-content form .popup-submit:hover {
background: #c0392b;
}
.popup-submit:disabled {
opacity: 0.5;
} .autors__wrapper {
height: min-content;
padding: 16px;
border: 1px solid #d9d9d9;
margin-bottom: 20px;
}
.author__block {
display: flex;
gap: 10px;
align-items: center;
}
.autor__image {
flex-shrink: 0;
}
.autor__image > img {
width: 80px;
height: 80px;
}
.autor__title {
padding-left: 14px;
border-left: 10px solid #d9dde8;
}
.autor__name {
color: #132e5a;
font-family: Prata;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.autor__description {
padding-top: 8px;
color: #565656;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px; }
.autor__contacts {
display: flex;
flex-direction: column;
gap: 6px;
padding-top: 16px;
}
.autor__mail {
color: #4f70a7 !important;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; }
.autor__phone {
color: #565656 !important;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; }
.autor__action {
display: flex;
justify-content: center;
padding-top: 20px;
}
.autor__action > a {
color: #fff;
padding: 0 60px;
}
.autor__socials a {
width: 30px;
height: 30px;
}
.autor__socials a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.autor__socials {
display: flex;
align-items: center;
gap: 3px;
}
@media screen and (max-width: 1023.9px) {
.single_content_wrap {
flex-direction: column;
}
.autors__wrapper {
order: 0;
flex: none;
}
.autor__contacts {
justify-content: left;
gap: 20px;
}
}
@media screen and (max-width: 450px) {
.autors__wrapper {
padding: 10px;
}
.autor__contacts {
flex-direction: column;
align-items: center;
gap: 0;
}
.autor__action {
padding-top: 10px;
}
} .section_description {
padding: 40px 0 40px;
background: #fff;
color: var(--black);
font-size: 18px;
}
.description {
font-weight: 400;
}
.description ul li:before {
content: "";
width: 12px;
height: 12px;
background: #f94144;
position: absolute;
left: 0;
top: 6px;
display: flex;
}
.description ul li {
margin: 0 0 15px;
padding: 0 0 0 20px;
position: relative;
}