/*
Theme Name: Profservice
Author: Marketing Agency "Кирпич"
Description: Персональный шаблон для компании PROFSERVICE. Разработано агентством по маркетингу "Кирпич". Если бы мы знали что это такое, но мы не знаем что это такое. 2024 год.
Version: 2024.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: Profservice
*/
* {
    box-sizing: border-box;
}
body {
    background-color: #030913;
    color: #fff;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}

.container {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: 5;
}
.blog .form__row.form__row_search { display: none; }
.header {
    padding: 15px 0;
    background-color: #030913;
    position: relative;
    z-index: 12;
    transition: all 0.3s ease;
    overflow: visible;
}

.header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    background-color: #030913 !important;
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: visible;
}

.nav__list {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 25px;
}

.nav__item {
    position: relative;
}

.nav__link {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    display: block;
    line-height: 19px;
    padding: 5px 0;
    cursor: pointer;
}

.nav__link:hover {
    color: #89B8FF;
}

.nav__sub-menu {
    display: none;
    position: absolute;
    list-style: none;
    z-index: 8;
    padding: 10px 20px;
    margin: 0;
    border: 1px solid #263F63;
    background-color: #011023;
    backdrop-filter: blur(30px);
    border-radius: 5px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 260px;
}

.nav__item:hover .nav__sub-menu {
    display: block;
}

.nav__sub-menu .nav__link {
    display: block;
    padding: 5px;
}

.nav__sub-menu .nav__link:hover, .nav__item--active a {
    color: #89B8FF;
}

.header__contacts {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header__contacts-link {
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 19px;
    font-size: 15px;
    font-weight: 400;
    transition: all 200ms ease-in-out;
}

.header__contacts-link:hover {
    color: #89B8FF;
}

.langs {
    position: relative;
    width: 35px;
    z-index: 10001;
}

.header__langs {
    position: relative;
    z-index: 10001;
    overflow: visible;
}

.langs__active {
    font-size: 15px;
    color: #fff;
    padding-right: 15px;
    background: url('assets/img/chevron.svg') 100% 50% no-repeat;
    cursor: pointer;
    padding-top: 12px;
    padding-bottom: 12px;
}

.header__langs:hover .langs__active {
    color: #89B8FF;
}


.langs__list {
    list-style: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: calc(-100% + -19px);
    margin-bottom: 0;
    background-color: #011023;
    border: 1px solid #263F63;
    border-radius: 5px;
    padding: 5px 15px;
    text-align: center;
    display: none;
    z-index: 10000;
    min-width: 50px;
    white-space: nowrap;
}

.langs_opened .langs__list, .header__langs:hover .langs__list {
    display: block;
}

.langs__item {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    padding: 5px 0;
}

.langs__item:hover {
    color: #89B8FF;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #030913;
    padding: 50px;
    overflow: auto;
    display: none;
}

.mobile-menu::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 420px;
    background: radial-gradient(103.18% 92.14% at 50% 77.11%, #030913 0%, #030913 59%, #10223C 79.5%, #263F63 100%);
    content: '';
    display: block;
}

.admin-bar .mobile-menu {
    top: 32px;
}

.mobile-menu__close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 24px;
    right: 20px;
    background: url('assets/img/close.svg') 50% 50% no-repeat;
    cursor: pointer;
    z-index: 10;
}

.mobile-menu__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: fit-content;
    position: relative;
    z-index: 2;
}

.mobile-menu__nav-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.mobile-menu__link {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.mobile-menu__link:hover {
    color: #89B8FF;
}

.nav-mobile__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    list-style: none;
}

.nav-mobile .nav__link {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.nav-mobile .nav__item {
    text-align: center;
}

.nav__item:has(.nav__sub-menu) > .nav__link {
    display: inline-block;
    background: url('assets/img/chevron.svg') 100% 50% no-repeat;
    padding-right: 15px;
}

.nav-mobile .nav__item:has(.nav__sub-menu) > .nav__link:after {
    content: '';
    padding-right: 5px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('assets/img/chevron-down.svg') 100% 5px no-repeat;
}

.nav-mobile .nav__item:has(.nav__sub-menu) > .nav__link {
    background: none !important;
    padding-right: 0;
}

.nav-mobile .nav__item_active > .nav__link:after {
    background: url('assets/img/chevron-up.svg') 100% 5px no-repeat !important;
}

.nav-mobile .nav__item_active > .nav__link {
    color: #89B8FF;
}

.nav-mobile .nav__item:hover .nav__sub-menu {
    display: none;
}

.nav-mobile .nav__sub-menu {
    position: relative;
    display: none;
    border: none;
    background: transparent;
    transform: none;
    left: auto;
    width: 220px;
    padding: 0;
    margin-top: 15px;
}

.nav-mobile .nav__sub-menu .nav__link {
    font-size: 15px;
    font-weight: 400;
    color: #DBDBDB;
    padding: 8px 0;
}

.mobile-menu__contacts {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.mobile-menu__contacts-link {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.mobile-menu__langs {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    margin-bottom: 60px;
}

.mobile-menu__lang {
    font-size: 15px;
    color: #fff;
}

.mobile-menu__lang_active {
    color: #89B8FF;
}

.content {
    min-height: 50vh;
}

.hero {
    position: relative;
    z-index: 10;
}

.hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero__bg-video {
    width: 100%;
    position: relative;
    top: -55px;
}

.hero__content {
    padding-top: 170px;
    padding-bottom: 250px;
    width: 630px;
    max-width: 100%;
}

.hero__title {
    font-size: 50px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    line-height: 1;
    margin-bottom: 15px;
}

.hero__description {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
}

.hero__callback {
    bottom: 50px;
    right: 0;
}

.h-callback {
    cursor: pointer;
    position: absolute;
    transition: all 200ms ease-in-out;
}

.h-callback--fixed {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 10;
}

.h-callback:hover .h-callback__list {
    height: auto;
}

.h-callback__btn {
    width: 60px;
    height: 60px;
    background: url('assets/img/callback.svg') 50% 50% no-repeat;
    background-size: contain;
}

.h-callback__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
}

.h-callback__item {
    width: 54px;
    height: 54px;
    opacity: 0;
    position: relative;
    top: 10px;
    transition: all 200ms;
}

.h-callback__link {
    display: block;
    height: 100%;
    width: 100%;
}

.h-callback__item_email {
    background: url('assets/img/email.svg') 50% 50% no-repeat;
    background-size: contain;
    transition-delay: 100ms;
}

.h-callback__item_phone {
    background: url('assets/img/phone.svg') 50% 50% no-repeat;
    background-size: contain;
    transition-delay: 50ms;
}

.h-callback__item_whatsapp {
    background: url('assets/img/whatsapp.svg') 50% 50% no-repeat;
    background-size: contain;
}

.h-callback:hover .h-callback__item {
    opacity: 1;
    top: 0;
}

.company-values__wrapper {
    background: radial-gradient(103.18% 92.14% at 50% 77.11%, #030913 0%, #030913 59%, #10223C 79.5%, #263F63 100%);
    border-radius: 30px 30px 0px 0px;
    padding: 60px 95px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 1350px;
    max-width: 100%;
    margin: 0 auto;
}

.company-values__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.company-values__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 24px;
    background: url('assets/img/values.svg') 0 50% no-repeat;
    background-size: auto;
}

.company-values__value {
    width: 260px;
    max-width: 100%;
    min-height: 50px;
    color: #DBDBDB;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 200px;
    display: flex;
    align-items: flex-end;
}

.company-values__tabs {
    width: 760px;
    max-width: 100%;
}

.company-values__subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 30px;
}

.company-values__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.company-values__item {
    padding: 20px 0;
    font-size: 15px;
    font-weight: 400px;
    line-height: 1.2;
    position: relative;
    padding-right: 32px;
    color: #DBDBDB;
    cursor: pointer;
    background: url('assets/img/value-item.svg') 100% 20px no-repeat;
}

.company-values__item:first-child {
    padding-top: 0;
    background-position: 100% 0;
}

.company-values__item::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #141E39;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.company-values__item:hover, .company-values__item_active {
    color: #89B8FF;
    background: url('assets/img/value-item_hover.svg') 100% 20px no-repeat;
}

.company-values__item:first-child:hover {
    background-position: 100% 0;
}

.company-values__item:hover::after, .company-values__item_active::after {
    background: linear-gradient(90deg, #030913 0%, #3985F7 50.29%, #030913 100%);
}

.company-values__item_active .company-value__item_text {
    color: #89B8FF;
}

.company-value__item_description {
    display: none;
    padding-top: 20px;
}

.company-values__item_active .company-value__item_description {
    font-size: 15px;
    color: #DBDBDB;
}


.partners {
    padding: 60px 0;
}

.parners__content {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 30px;
    align-items: flex-start;
    justify-content: space-between;
}

.partners__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 24px;
    background: url(assets/img/values.svg) 0 13px no-repeat;
    background-size: auto;
    padding-top: 10px;
}

.parners__text {
    width: 660px;
    max-width: 100%;
}

.partners__subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
}

.partners__description {
    font-size: 15px;
    font-weight: 400;
    color: #DBDBDB;
    line-height: 1.2;
}

.partners__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.partners-list__wrapper {
    height: 310px;
    overflow: hidden;
}

.partners-list__open {
    padding: 21px;
    display: block;
    width: 100%;
    cursor: pointer;
    color: #030913;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
	color: #89B8FF;
    border: 1px solid #141E39;
	opacity: 0.3;
    transition: all 200ms ease-in-out;
}

.partners-list__open:hover {
	opacity: 1;
    color: #89B8FF;
    border: 1px solid #141E39;
}

.partners-list__open_active {
    border-color: transparent;
}

.partners__item {
    width: 216px;
    padding: 30px;
    text-align: center;
    border: 1px solid #141E39;
    border-radius: 5px;
    transition: all 200ms ease-in-out;
}

.partners__img {
    width: 100%;
    transition: all 200ms ease-in-out;
}

.partners__item:hover {
    border-color: #263F63;
}

.partners__item:hover img {
    transform: scale(1.1);
}

.directions {
    padding-top: 60px;
    padding-bottom: 340px;
    position: relative;
}

.directions__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.directions__bg::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(3, 9, 19, 0.9);
    z-index: 2;
}

.directions__bg-video {
    height: 100%;
    width: auto;
}

.directions__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.home__divider {
    margin-top: 30px;
    max-width: 100%;
}

.directions__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 24px;
    background: url(assets/img/values.svg) 0 13px no-repeat;
    background-size: auto;
    padding-top: 10px;
}

.directions__subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
}

.directions__description {
    font-size: 15px;
    font-weight: 400;
    color: #DBDBDB;
    line-height: 1.2;
}

.directions__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.directions__item {
    width: 30%;
    position: relative;
    padding-bottom: 34px;
    cursor: pointer;
}

.directions__img-wrapper {
    padding: 15px;
    border: 1px solid #141E39;
    border-radius: 5px;
    height: 200px;
    width: 100%;
    margin-bottom: 10px;
}

.directions__img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.directions__item-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}

.directions__item-description {
    font-size: 15px;
    font-weight: 400;
    color: #DBDBDB;
    line-height: 1.2;
    margin-bottom: 10px;
}

.directions__link {
    text-decoration: none;
    color: #3985F7;
    display: inline-block;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 400;
    padding-right: 29px;
    background: url(assets/img/link.svg) 100% 50% no-repeat;
    background-size: auto;
    position: absolute;
    bottom: 0;
    left: 0;
}

.directions__tooltip {
    opacity: 0;
    transition: all 200ms ease-in-out;
}

.services__container {
    width: 1350px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 95px;
    background: radial-gradient(103.18% 92.14% at 50% 77.11%, #030913 0%, #030913 59%, #10223C 79.5%, #263F63 100%);
    border-radius: 30px 30px 0px 0px;
}

.services__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    background: url(assets/img/values.svg) 0 13px no-repeat;
    background-size: auto;
    padding-left: 24px;
    padding-top: 10px;
}

.services__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.services__subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
}

.services__description {
    font-size: 15px;
    font-weight: 400;
    color: #DBDBDB;
    line-height: 1.2;
}

.services__text {
    width: 760px;
    max-width: calc(100% - 300px);
}

.services__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.services__item {
    
    overflow: hidden;
    
    display: flex;
    color: #fff;
    cursor: pointer;
    
}

.services__link {
    text-decoration: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    border: 1px solid rgba(20, 30, 57, 1);
    border-radius: 5px;
    padding: 20px;
    padding-left: 90px;
    width: 100%;
}

.services__link_1 {
    background: url('assets/img/serv-1.svg') 20px 50% no-repeat;
    background-size: auto;
}
.services__link_2 {
    background: url('assets/img/serv-2.svg') 20px 50% no-repeat;
    background-size: auto;
}
.services__link_3 {
    background: url('assets/img/serv-3.svg') 20px 50% no-repeat;
    background-size: auto;
}
.services__link_4 {
    background: url('assets/img/serv-4.svg') 20px 50% no-repeat;
    background-size: auto;
}
.services__link_5 {
    background: url('assets/img/serv-5.svg') 20px 50% no-repeat;
    background-size: auto;
}
.services__link_6 {
    background: url('assets/img/serv-6.svg') 20px 50% no-repeat;
    background-size: auto;
}

.services__item span {
    width: 740px;
    display: block;
    color: #fff;
    max-width: 100%;
    padding-left: 34px;
    background: url('assets/img/serv-link.svg') -5px 50% no-repeat;
}

.services__link:hover {
    background-color: #3985F7;
    color: #fff;
    border: 1px solid #3985F7;
}

.services__link:hover span {
    background: url('assets/img/serv-link-hover.svg') -5px 50% no-repeat;
}

.services__link_1:hover {
    background: url('assets/img/serv-1-hover.svg') 20px 50% no-repeat;
    background-color: #3985F7;
    background-size: auto;
}
.services__link_2:hover {
    background: url('assets/img/serv-2-hover.svg') 20px 50% no-repeat;
    background-color: #3985F7;
    background-size: auto;
}
.services__link_3:hover {
    background: url('assets/img/serv-3-hover.svg') 20px 50% no-repeat;
    background-color: #3985F7;
    background-size: auto;
}
.services__link_4:hover {
    background: url('assets/img/serv-4-hover.svg') 20px 50% no-repeat;
    background-color: #3985F7;
    background-size: auto;
}
.services__link_5:hover {
    background: url('assets/img/serv-5-hover.svg') 20px 50% no-repeat;
    background-color: #3985F7;
    background-size: auto;
}
.services__link_6:hover {
    background: url('assets/img/serv-6-hover.svg') 20px 50% no-repeat;
    background-color: #3985F7;
    background-size: auto;
}

.steps {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.steps__content {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    padding-bottom: 30px;
}

.steps__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 24px;
    background: url(assets/img/values.svg) 0 13px no-repeat;
    background-size: auto;
    padding-top: 10px;
}

.steps__subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
}

.steps__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 1500px;
    left: 100%;
    position: absolute;
}

.steps__wrapper {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    height: 220px;
    max-width: 100%;
}

.steps__item {
    padding: 40px 15px;
    border: 1px solid #141E39;
    border-radius: 5px;
    max-width: 360px;
}

.steps__item:nth-child(2n){
    position: relative;
    margin-top: 40px;
}

.steps__number {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #263F63;
    margin-bottom: 20px;
    text-align: center;
}

.steps__description {
    color: #DBDBDB;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
}
.steps--absolute .steps__fixed {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 100;
    padding: 60px 0;
}

.steps--fixed .steps__fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding: 60px 0;
    pointer-events: none;
}

.home__projects {
    min-height: 550px;
    padding-top: 60px;
    overflow: hidden;
}

.projects__slider {
    width: 100%;
    height: 100%;
    position: relative;
}

.project-slide__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.project-slide__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.project-slide .container {
    display: flex;
    padding-top: 280px;
    padding-bottom: 70px;
    align-items: flex-end;
    justify-content: space-between;
}

.project-slide__content {
    position: relative;
    z-index: 2;
    width: 460px;
    max-width: 100%;
}

.project-slide__attributes {
    position: relative;
    z-index: 2;
}

.project-slide__title {
    font-size: 32px;
    color: #fff;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 10px;
}

.project-slide__description {
    color: #DBDBDB;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 30px;
}

.project-slide__link {
    text-decoration: none;
    background-color: #3985F7;
    display: inline-block;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 400;
    padding: 13px 20px;
    color: #fff;
    border-radius: 5px;
    transition: all 200ms ease-in-out;
}

.project-slide__link:hover {
    background-color: #64A2FF;
}

.project-slide__attributes {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: flex-start;
}

.project-slide__attribute {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 175px;
    max-width: 30%;
}

.project-slide__attribute::before {
    content: '';
    display: block;
    width: 24px;
    height: 17px;
    margin-bottom: 10px;
    background: url('assets/img/project-attr.svg') 50% 50% no-repeat;
    background-size: contain;
    margin-bottom: 10px;
}

.projects-slider__container {
    position: relative;
    text-align: left;
}

.projects__all-link {
    display: inline-block;
    text-decoration: none;
}

.projects-slider__title {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
    padding-right: 34px;
    background: url('assets/img/link.svg') 100% 50% no-repeat;
    transition: all 200ms ease-in-out;
}

.projects__all-link:hover, .projects__all-link:hover .projects-slider__title {
    color: #3985F7;
}

.projects__slider .swiper-button-prev {
    background: url('assets/img/slide-prev.svg') 50% 50% no-repeat;
    width: 50px;
    height: 50px;
}

.projects__slider .swiper-button-prev:after, .projects__slider .swiper-button-next:after {
    display: none;
}

.projects__slider .swiper-button-prev:hover {
    background: url('assets/img/slide-prev-hover.svg') 50% 50% no-repeat;
}

.projects__slider .swiper-button-next {
    background: url('assets/img/slide-next.svg') 50% 50% no-repeat;
    width: 50px;
    height: 50px;
}

.projects__slider .swiper-button-next:hover {
    background: url('assets/img/slide-next-hover.svg') 50% 50% no-repeat;
}

.projects__slider .swiper-navigation {
    width: calc(1200px + 140px);
    max-width: 100%;
    padding: 0 20px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clients-slider {
    width: 100%;
    height: 42px;
    overflow: hidden;
}

.client-slide__img {
    height: 42px;
    width: auto;
}

.home__clients {
    padding: 60px 0;
}

.clients__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 24px;
    background: url(assets/img/values.svg) 0 13px no-repeat;
    background-size: auto;
    padding-top: 10px;
    margin-bottom: 30px;
}

.clients-slider .swiper-wrapper {
    gap: 20px;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.clients-slider__slide {
    margin-right: 0 !important;
    transition: transform 0.5s linear;
}

.callback__container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
    width: 1350px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 95px 60px;
    background: radial-gradient(102.92% 91.9% at 50% 22.86%, #030913 0%, #030913 59%, #10223C 79.5%, #263F63 100%);
    border-radius: 0 0 30px 30px;
}

.callback__offices {
    width: 380px;
    max-width: 100%;
}

.offices__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 15px;
}

.offices__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.offices__item-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #89B8FF;
    margin-bottom: 10px;
}

.offices__item-description {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
}

.form__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 30px;
}

.form {
    width: 100%;
}

.form__row {
    margin-bottom: 20px;
    width: 100%;
}

.form__input, .form__textarea {
    border: 1px solid #141E39;
    border-radius: 5px;
    padding: 15px 20px;
    background: transparent;
    outline: 0;
    font-size: 15px;
    color: #fff;
    width: 100%;
    resize: vertical;
}

.form__input_error {
    border-color: #EB5757;
}

.form__error {
    color: #EB5757;
}

.callback__form {
    width: 560px;
    max-width: 100%;
}

.form__btn {
    background-color: #3985F7;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    padding: 13px 20px;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}

.form__row_last {
    margin-bottom: 0;
}

.footer {
    padding: 60px 0;
}

.footer__wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.footer__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
}

.footer__phone, .footer__email {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #263F63;
    text-decoration: none;
    display: block;
    margin-bottom: 12px;
}

.social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.footer__contacts-social {
    margin-top: 20px;
}

.social__link {
    width: 40px;
    height: 40px;
    display: block;
}

.social__link_whatsapp {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/whatsapp.svg') 50% 50% no-repeat;
    background-size: contain;
}

.social__link_whatsapp:hover {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/whatsapp_hover.svg') 50% 50% no-repeat;
    background-size: contain;
}

.social__link_phone {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/phone.svg') 50% 50% no-repeat;
    background-size: contain;
}

.social__link_phone:hover {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/phone_hover.svg') 50% 50% no-repeat;
    background-size: contain;
}

.social__link_tg {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/tg.svg') 50% 50% no-repeat;
    background-size: contain;
}

.social__link_tg:hover {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/tg_hover.svg') 50% 50% no-repeat;
    background-size: contain;
}

.social__link_email {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/mail.svg') 50% 50% no-repeat;
    background-size: contain;
}

.social__link_email:hover {
    background: url('/wp-content/themes/brickprofservice/assets/img/contacts/mail_hover.svg') 50% 50% no-repeat;
    background-size: contain;
}

.footer__columns {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 70px;
}

.footer__column-title, .footer__column-title_link {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    text-decoration: none;
}

.footer__column-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__column-link {
    font-size: 15px;
    color: #263F63;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    display: block;
}

.footer__column-link:hover, .footer__contacts-about a:hover {
    color: #89B8FF;
}

.footer__columns > .footer__column {
    width: 230px;
}

.footer-cl {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.footer-cl__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-cl__wrapper .footer__column-title {
    text-align: right;
}

.footer-cl__wrapper .footer__contacts-about, .footer-cl__wrapper .footer__contacts-contacts {
    display: none;
}

.footer__contacts-about a, .copyright-wrapper__item {
    text-decoration: none;
    color: #263F63;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 12px;
    display: block;
    text-align: right;
}

.footer-cl__wrapper-bottom .footer__contacts-contacts {
    display: none;
}

.footer__column-title_link:hover .footer__column-title {
    color: #89B8FF;
}

.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.breadcrumbs__item {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #89B8FF;
    text-decoration: none;
}

.breadcrumbs__item:after {
    content: '/';
    padding-left: 10px;
    color: #fff;
}

.breadcrumbs__item:last-child:after {
    display: none;
}

.breadcrumbs__item a {
    color: #fff;
    text-decoration: none;
}

.direction .hero, 
.about .hero, 
.contacts .hero,
.blog .hero {
    margin-top: -77px;
    padding-top: 77px;
}

.direction .hero__bg, 
.about .hero__bg, 
.contacts .hero__bg,
.blog .hero {
    top: -77px;
}

.direction .hero .container, 
.about .hero .container, 
.contacts .hero .container,
.blog .hero .container {
    padding-top: 40px;
    padding-bottom: 390px;
}

.direction .hero__title, 
.about .hero__title, 
.contacts .hero__title,
.blog .hero__title {
    margin-top: 190px;
    text-align: center;
}

.direction .hero__img, 
.about .hero__img, 
.contacts .hero__img,
.blog .hero__img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header__menu-toggle {
    display: none;
}

.direction-content__container, .about-content__container {
    background: radial-gradient(103.18% 92.14% at 50% 77.11%, #030913 0%, #030913 59%, #10223C 79.5%, #263F63 100%);
    width: 1350px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 95px;
    border-radius: 30px 30px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
}

.direction-content__subtitle, .about-content__subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 15px;
}

.about-content__subtitle {
    width: 470px;
    max-width: 100%;
}

.direction-content__subtitle span, .about-content__subtitle span {
    color: #89B8FF;
}

.direction-content__text {

}

.direction-content__text h2:first-child {
    display: none;
}

.direction-content__text p, .about-content__text p {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
}

.direction__divider {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.post-template-template-directions .header, .page-id-20 .header, .page-id-22 .header {
    background-color: transparent;
}

.about-content__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    padding-left: 24px;
    background: url(assets/img/values.svg) 0 13px no-repeat;
    background-size: auto;
    padding-top: 10px;
    margin-bottom: 30px;
}

.about-content__description {
    width: 660px;
    max-width: 100%;
}

.service-hero__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-top: 40px;
}

.service .hero {
    padding-top: 40px;
}

.service .hero .container {
    padding-bottom: 100px;
}

.service-content .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 28px;
}

.service-content__img {
    border-radius: 5px;
}

.service-content__title {
    display: none;
}

.service-content__description {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
}

.service-content__description p {
    margin-bottom: 10px;
}

.project-hero__content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 40px;
}

.project__hero .breadcrumbs {
    margin-bottom: 80px;
}

.project-hero__content > div {
    width: 50%;
}

.project-hero__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;
}

.project-hero__description {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
    margin-bottom: 60px;
}

.project-hero__img img {
    width: 100%;
}

.project-hero__client, .project-hero__dirs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-hero__client-title, .project-hero__dirs-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #89B8FF;
    margin-bottom: 10px;
}

.project-hero__client-name, .project-hero__dirs-name {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
    margin-bottom: 10px;
    width: 330px;
    max-width: 100%;
    text-align: right;
}

.project-hero__sep {
    width: 100%;
    height: 1px;
    background-color: #141E39;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.project__attributes {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 60px;
}

.project__attribute {
    width: 30%;
}

.project__attribute-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    color:#89B8FF;
    margin-bottom: 10px;
}

.project__attribute-value {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
}

.project__attribute-value ol, .project__attribute-value ul {
    padding-left: 20px;
    margin: 0;
}

.project__attribute-value ol br, .project__attribute-value ul br {
    display: none;
}

.project__attribute-value li {
    margin-bottom: 10px;
}

.project__additional-img {
    width: 100%;
    margin-bottom: 60px;
}

.project__result-title, .project__steps-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;
}

.project__result-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
    margin-bottom: 60px;
}

.project__main-content {
    width: 760px;
    max-width: 100%;
}

.project__steps strong {
    color: #89B8FF;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}

.project__steps p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
    margin-bottom: 10px;
}

.project__steps hr {
    width: 100%;
    height: 1px;
    border-color: #141E39;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.project__second-img {
    
}

.project__steps ol, .project__steps ul {
    padding-left: 20px;
    margin: 0;
}

.cases__hero {
    background: url('/wp-content/themes/brickprofservice/assets/img/profservice-portfolio.jpg') 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 670px;
    padding-top: 117px;
    margin-top: -77px;
}

.post-type-archive-projects .header {
    background-color: transparent;
}

.cases__hero-content {
    padding-top: 190px;
    padding-bottom: 310px;
}

.cases__title {
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.project-direction__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.project-direction__item {
    padding: 5px 10px;
    border-radius: 2px;
    background-color: #141E39;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
}

.cases__list-wrap {
    padding: 60px 0;
}

.cases__list-tabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.cases__list-tab {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    background-color: #011023;
    border: 1px solid #141E39;
    text-decoration: none;
    padding: 15px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}

.cases__list-tab.active, .cases__list-tab:hover {
    background-color: #3985F7;
}

.cases__list-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.cases__list-item {
    width: 30%;
    position: relative;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #141E39;
    text-decoration: none;
}

.cases__list-item-directions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.cases__list-item-img {
    width: 100%;
    height: 230px;
}

.cases__list-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cases__list-item-direction {
    padding: 5px 10px;
    border-radius: 2px;
    background-color: #141E39;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
}

.cases__list-item-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;
}

.contacts-content {
    padding: 60px 0;
}

.contacts-content__container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.contacts-content__column {
    width: 48%;
}

.contacts-content__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 15px;
}

.contacts-content__item {
    margin-bottom: 30px;
}

.contacts-content__item-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #89B8FF;
    margin-bottom: 10px;
}

.contacts-content__item-link {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
}

.contacts-content__item-description {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
    margin-bottom: 10px;
}

.contacts .callback__form {
    width: 760px;
    max-width: 100%;
}

.contacts .callback__container {
    justify-content: center;
}

.page__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #DBDBDB;
}

.page__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 15px;
}

.page__content h2 {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}

.page__content p {
    margin-bottom: 16px;
}

.projects__slider .swiper-container {
overflow: hidden;
}

.projects__all-link {
margin-bottom: 32px;
}

.callback__tg {
    max-width: 350px;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 60px;
		display: flex; 
	flex-direction: column; 
	gap: 5px;
	
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
/* or 23px */
text-align: center;

/* white */
color: #FFFFFF;
}

.callback__tg span {
	color: #89B8FF;
	
}

.footer__tg {
	max-width: 245px;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 130%;
/* or 19px */

/* colour-2 */
color: #263F63;
	display: flex; flex-direction: column; gap: 5px;
	
}
.callback__tg a {
	
/* Desktop/Subtitle */
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
/* or 23px */
text-align: center;

/* blue-text */
color: #89B8FF;

	
}

.callback__tg-content a {
	color: #FFFFFF !important;
}
.footer__tg-link {
	text-decoration: underline;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: #263F63;
/* or 19px */

/* colour-2 */
color: #263F63;
	
}









/* Blog */

.blog .hero__description {
    text-align: center;
}

.blog .hero .container {
    padding-bottom: 260px;
}

.blog .form__row.form__row_search {
    position: relative;
    margin: 30px 0px;
    max-width: 460px;
}

.blog .form__row.form__row_search .search-submit {
    position: absolute;
    background: none;
    border: none;
    top: 13px;
    right: 15px;
}

.blog .cases__list-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.blog .cases__list-item {
    width: 100%;
    display: grid;
    gap: 15px;
    transition: 0.2s all;
    grid-template-rows: repeat(3, auto) 1fr repeat(3, auto);
}

.blog .cases__list-item:hover {
    border: 1px solid hsla(215, 45%, 27%, 1);
    transform: scale(1.01);
}

.blog .cases__list-item * {
    margin: 0px;
    line-height: 130%;
    color: hsla(0, 0%, 100%, 1);
}

.blog .cases__list-item-img img {
    object-fit: cover;
    border-radius: 5px;
}

.blog .cases__list-item-title {
    margin: -5px 0px -10px;
    font-size: 18px;
}
.blog .cases__list-item .cases__list-item-desc {
    color: hsla(0, 0%, 86%, 1);
}
.blog .cases__list-item-author {
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog .cases__list-item-info {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog .cases__list-item-link {
    color: hsla(216, 92%, 60%, 1);
    text-decoration: underline;
    width: max-content;
}

.blog .pagination {
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.blog .pagination__item {
    border: 1px solid hsla(215, 45%, 27%, 1);
    color: hsla(215, 45%, 27%, 1);
    aspect-ratio: 1;
    height: auto;
    width: 32px;
    display: grid;
    place-items: center;
    transition: 0.1s all;
    cursor: pointer;
    background: transparent;
}

.blog .pagination__item:hover {
    border: 1px solid hsla(216, 92%, 60%, 1);
    color: hsla(216, 92%, 60%, 1);
}

.blog .pagination__item:hover svg * {
    stroke: hsla(216, 92%, 60%, 1);
}

.blog .pagination__item.pagination__item_active {
    color: #FFF;
    background: hsla(216, 92%, 60%, 1);
}

.blog .direction__divider {
    margin: 60px 0px 75px;
}

.blog .hero .breadcrumbs {
    margin-top: 60px;
}



/* Article */

.blog.article .cases__list-button {
    margin: 45px auto 45px;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.article .hero__content {
    padding: 0px;
    height: auto;
    display: grid;
    grid-gap: 40px;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
}

.article .hero__content .cases__list-item-direction {
    width: max-content;
}

.article .hero__content .hero__info {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.article .hero__content .hero__image img {
    aspect-ratio: 7/4;
    width: 100%;
    height: auto;
}

.article .hero__content .hero__title {
    font-size: 32px;
    font-weight: 500;
    margin-top: 5px;
    text-align: left;
}

.article .hero__content .hero__description {
    color: hsla(0, 0%, 86%, 1);
    text-align: left;
    font-size: 15px;
    margin-bottom: 20px;
}
.author__img img {
width: 200px;
aspect-ratio: 1;
border-radius: 200px;
}
.article .author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 65px;
    color: white;
}
.author * {
text-decoration: none;
}
.article .author > *, .article .author__stage, .article .author__name, .article .author {
text-decoration: none;
color: white;
}

.article .author .author {
    margin-bottom: 0px;
}

.article .author img {
    aspect-ratio: 1;
    width: 60px;
    height: auto;
    border-radius: 50%;
    object-fit: contain;
}

.article .author__info {
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.article  .author__name {
    font-size: 18px;
}
.article .author__stage {
    font-size: 15px;
}

.article .hero__article-info {
    display: flex;
    gap: 25px;
    align-items: center;
    margin-bottom: 10px;
}

.article .hero__tags ul,
.article .hero__tags ol,
.article .hero__tags li {
    list-style: none;
}

.article .hero__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.article .hero__link {
    text-decoration: none;
}


.wp-content .container {
    gap: 60px;
    display: flex;
    flex-direction: column;
}

.article .hero .direction__divider {
    margin-bottom: 0px;
}

.article .hero .container {
    padding-bottom: 0px;
}


.wp-content * {
    line-height: 130%;
}

.wp-content h2,
.wp-content h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
    margin-bottom: 10px;
}

.wp-content h3 {
    font-size: 22px;
    line-height: 120%;
    color: hsla(216, 100%, 77%, 1);
}

.wp-content h4 {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 10px;
    color: hsla(216, 100%, 77%, 1);
}

.wp-content ul,
.wp-content ol {
    padding-left: 20px;
}

.wp-content li {
    margin: 10px 0;
}

.wp-content p {
    color: hsla(0, 0%, 86%, 1);
    max-width: 760px;
}

.wp-content__group .social {
    padding-left: 0px;
}

.wp-content__group .groups {
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.wp-content blockquote {
    padding-left: 15px;
    max-width: 760px;
    border-left: 2px solid hsla(216, 92%, 60%, 1);
    margin-bottom: 20px;
}

.wp-content *:not(:last-child) {
    margin-bottom: 10px;
}


.wp-content strong,
.wp-content b {
    font-weight: 400;
    color: hsla(216, 100%, 77%, 1);
}

.wp-content table {
    max-width: 800px;
    width: 100%;
    border: 1px solid hsla(223, 48%, 15%, 1);
    border-collapse: collapse;
}

.wp-content__group.wp-content__group_table {
    max-width: 100vw;
    overflow-x: auto;
}

.wp-content table th,
.wp-content table td {
    min-width: 160px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid hsla(223, 48%, 15%, 1);
    border-collapse: collapse;
    padding: 10px;
}

.wp-content table td {
    height: 145px;
}

.wp-content img {
    aspect-ratio: 19/10;
    max-width: 560px;
    width: 100%;
    height: auto;
}


/* Author */


.author.blog .cases__title,
.category.blog .cases__title {
    font-size: 32px;
    text-align: left;
    margin: 0px 0px 20px 0px;
}

.author.blog .cases__list-wrap,
.category.blog .cases__list-wrap {
    padding-top: 0px;
}

.author .hero__groups {
    display: grid;
    grid-template-columns: 560px 1fr;
    gap: 140px;
}


.author .hero__group {
    gap: 10px;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
}

.author .hero__group * {
    line-height: 130%;
}

.author .hero__title {
    margin: 0px;
    font-weight: 500;
    font-size: 32px;
}

.author .breadcrumbs,
.article .breadcrumbs {
    margin-bottom: 80px;
}

.author .hero__description {
    text-align: left;
    color: hsla(0, 0%, 86%, 1);
    margin-bottom: 50px;
    font-size: 15px;
}

.author .hero__stage {
    font-size: 22px;
    font-weight: 500;
    color: hsla(0, 0%, 86%, 1);
}

.author .contacts-content__group {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 10px;
}

.author .contacts-content__item {
    margin: 0px;
}

.author .contacts-content__item .contacts-content__item-link,
.article .hero__link {
    color: hsla(216, 92%, 60%, 1);
}

.author .contacts-content__item:hover .contacts-content__item-link,
.article .hero__link:hover {
    color: hsla(216, 100%, 77%, 1);
}

.author.blog .hero .container {
    padding-bottom: 90px;
}



/* Media */

.cases__list-item-author img {
width: 30px;
height: 30px;
object-fit: cover;
border-radius: 30px;
}

.search-submit {
}

.cases__title--blog {
    text-align: left;
    
/* Desktop/H2 */
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 120%;
/* or 38px */

/* white */
color: #FFFFFF;
}