:root {
    --beige: #FEF9E5; /* beige */
    --black: #272727;
    --black-lighter: #3D3F46;
    --orange: #FF6041;
    --form-gray: #4a4848;
    --gray-text: #7D7D7D;
    --gray-stroke: #C1C1C1;
    --bd--gray-stroke: 1px solid var(--gray-stroke);    
    --regular-font: "Manrope", sans-serif;
    --header-font: "Onest", sans-serif;
    --title--font-size: 72px;
    --title-letter-spacing: -2px;
    --subtitle--font-size: 56px;
    --size--marks-28: 28px;
    --size-regular-18: 18px;
    --btn-transition: 0.2s;

    --margin-b-titile: 56px;
    --margin-b-mark:28px;
}


.mobile {
    display: none !important;
}
.biege {
    color: var(--beige);
}

.h1 {
   font-family: var(--header-font);
   line-height: 116%;
   font-weight: 700;
   font-size: 72px; 
   letter-spacing: -2px;
   text-transform: uppercase;
}
.h2 {
   font-family: var(--header-font);
   line-height: 116%;
   font-weight: 700; 
   font-size: 56px;
   letter-spacing: -1px;
   text-transform: uppercase;
}
.h3 {
   font-family: var(--header-font);
   line-height: 116%;
   font-weight: 600; 
   font-size: 36px;
   letter-spacing: .28px;
   text-transform: uppercase;
}
.h4 {
   font-family: var(--header-font);
   line-height: 120%;
   font-weight: 500; 
   font-size: 28px;
   letter-spacing: .28px;
}
.h5 {
   font-family: var(--header-font);
   line-height: 124%;
   font-weight: 500; 
   font-size: 25px;
   letter-spacing: 0;
}
.text-large {
   font-family: var(--regular-font);
   line-height: auto;
   font-weight: 400; 
   font-size: 22px;
   letter-spacing: 0;
}
.text-default {
   font-family: var(--regular-font);
   line-height: auto;
   font-weight: 400; 
   font-size: 18px;
   letter-spacing: 0.28px;
}
.text-small {
   font-family: var(--regular-font);
   line-height: 140%;
   font-weight: 400; 
   font-size: 16px;
   letter-spacing: 0;
}
.text-smaller {
   font-family: var(--regular-font);
   line-height: 162%;
   font-weight: 400; 
   font-size: 14px;
   letter-spacing: 0;
}

.single-default {
    font-family: var(--regular-font);
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
}
.caption {
   font-family: var(--regular-font);
   font-size: 12px; 
}

/* Границы*/
/*Серая нижняя*/
.bb--gray {
    border-bottom: var(--bd--gray-stroke);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;   
    
}

body {
    background-color: var(--beige);
    font-family: var(--regular-font);
    color: var(--black);
    font-size: var(--size-regular-18);
    scrollbar-gutter: stable;
}
body * {
    /* border: 1px solid #000; */
    
}
img {
    max-width: 100%;    
}
button {
    display: block;
}
/* Блокировать прокрутку*/
.body-lock {
    overflow: hidden;
    
}

section {
    margin-top: 120px;
}

/* Класс для JS*/
.js-display-none {
    display: none !important;
}
.js-display-block {
    display: block !important;
}
.font-orange {
    color: var(--orange) !important;
}
.height-0 {
    height: 0 !important;
}
.height-auto {
    height: auto !important;
}


button {
    cursor: pointer;
}
.btn--pressed {
    color: var(--orange);
    font-weight: 500;
}

.container {
    max-width: 1220px;
    margin: 0 auto;
        
}
.active-page {
    /* color: var(--orange); */
    font-weight: 500;
    color: var(--orange);
}

/* Наведения на иконки*/
path {
    transition: .2s;
}

/* === ПЕРЕИСПОЛЬЗУЕМЫЕ ЭЛЕМЕНТЫ === */

/* Оранжевый текст в span*/

.title--orange {
    color: var(--orange);
}
/* Оранжевая кнопка*/
.btn--orange {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 74px;
    width: 330px;
    background-color: var(--orange);
    color: var(--beige);
    transition: all .2s;
    border: 1px solid var(--orange);
}
.btn--orange:hover {
    color: var(--black-lighter);
    border: var(--bd--gray-stroke);
    background-color: var(--beige);
}


/* Надпись в квадратных скобках, серая*/ 
.mark-22 {
    font-size: 22px;
}

.mark-brackets--gray {
    color: var(--gray-text);
    font-weight: 600;
    font-size: 22px;
}

/* Подзаголовки в секциях в h2 */
.subtitle {
    font-family: var(--header-font);
    font-size: var(--subtitle--font-size);
    text-transform: uppercase;
    font-weight: 700;
}
.h3-subtitle {
    font-size: 36px;
    font-weight: 600;
    font-family: var(--header-font);
}

/* Подзаголовки в карточках h3 */

.card-subtitle {
    font-family: var(--header-font);
    font-size: 28px;
    font-weight: 500;
}

/* Текст в карточках*/
.card-text {
    color: var(--gray-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

/* НОМЕР в карточках */
.number {
    font-family: var(--header-font);
    color: var(--orange);
    font-size: 28px;
    font-weight: 500;
}

/* ==== POP-UP ====*/

.pop-up {
    position: fixed;    
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #7d7d7d7d;
    z-index: 99999;
}
.pop-up__text {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--header-font);
    margin-bottom: 32px;
    line-height: 1.4;
}
.pop-up__form {
    width: 490px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--beige);
    padding: 44px 56px;

}
.pop-up__form > input {
    border: 1px solid var(--gray-stroke);
    margin-bottom: 16px;
    width: 378px;
    height: 73px;
}
.pop-up__form > input:focus {
    border: 1px solid var(--gray-stroke);
}

.pop-up__btn {
    display: block;
    width: 378px;
    height: 73px;
    background-color: var(--orange);
}

.pop-up__textarea {
    width: 378px;
    border: 1px solid var(--gray-stroke);
    background-color: var(--beige);
    height: 103px;
    padding-left: 32px;
    color: #000;
    font-size: var(--size-regular-18);
    resize: vertical;
    padding-top: 20px;
    margin-bottom: 16px;
    font-family: var(--regular-font);
}
.pop-up__textarea:focus {
    outline: 0;
    padding-top: 20px;
}
.pop-up__textarea::placeholder {
    color: var(--gray-text);
}
.popup-checkbox {
    background-color: #fff;
    border: 1px solid #000;
}
.pop-up__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.pop-up__close:hover svg path {
    stroke: var(--orange);
}

/* === ХЭДЕР === */
.header-mobile {
    display: none;
}
.footer-mobile {
    display: none;
}

.header {
    position: relative;
}
.main-info__make-order:hover {
    background-color: var(--orange);
    color: var(--beige);
}

/*Первая строка хэдера*/

.main-info {
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
    
}
.main-info__left, .main-info__right {
    display: flex;
    gap: 40px;
    align-items: center;
}

.main-info__tel {
    font-weight: bold;
}
.main-info__tg, .main-info__max {
    display: flex;
}
.main-info__shedule {
    font-size: 14px;
}
.main-info__make-order {
    padding: 10px 20px;
    border: 1px solid var(--black);
    width: fit-content;
}
.main-info__make-order:hover {
    cursor: pointer;
}

.header  .messangers  svg:hover path{
    fill: var(--orange);
}

/* Горизонтальная линия на весь экран */ 

.full-width-line {
    border-top: 1px solid  var(--gray-stroke);
}

/* Навигация */

.header__nav {
    background-color: var(--beige);
    width: 100%;
}

.nav--fixed {
    position: fixed;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    top: 0;
    animation: opacity 0.4s;
    z-index: 9999;
    box-shadow: 0 1px 4px -1px var(--orange);
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden;
}


.container-nav {
    position: relative;    
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav__company-info {
    display: flex;
    height: inherit;
    align-items: center;
    border-right: 1px solid var(--gray-stroke);
    gap: 36px;
    flex-grow: 1;
}

a.header__logo {
    display: block;
}

.header__logo-descriptor {
    font-size: 12px;
    line-height: 16px;
}
.header__menu {
    display: flex;
    height: inherit;
    align-items: center;
    border-right: 1px solid var(--gray-stroke);
    gap: 32px;
    flex-grow: 2;
    justify-content: center;
}
.header-link__portfolio:hover {
    color: var(--orange);
}
.menu-voices:hover {
    color: var(--orange);
}
.header-link__contacts:hover {
    color: var(--orange);
}
.header-link__blog:hover {
    color: var(--orange);
}
.nav__btn-service:hover {
    color: var(--orange);
}

/* Выпадающие блоки меню*/

.megamenu {
    position: absolute;
    display: flex;
    opacity: 0;
    background-color: var(--beige);
    width: 100%;
    border: 1px solid var(--gray-stroke);    
    top: 88px;
    transition: opacity 0.4s;
    box-shadow: 0px 2px 4px -1px var(--orange);
    pointer-events: none; /* запрет перехвата кликов */
    z-index: 999; /* Перекрыть всё*/
}
.hidden { 
    opacity: 1;
    pointer-events: all; /* перехват всех кликов*/
}

.megamenu-column {
    display: flex;
    flex: 1 ;
    flex-direction: column;
    gap: 10px;
    padding: 36px;
    font-size: 14px;
}
.megamenu-column:nth-child(-n+4) {
    border-right: var(--bd--gray-stroke);
}
.megamenu-column a {
    display: block;
    line-height: 1.3;    

}
.megamenu-column a:hover {
    color: var(--orange);
}
.megamenu-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}


.header__search {
    display: flex;
    height: inherit;
    align-items: center;
    border-right: 1px solid var(--gray-stroke);
    gap: 32px;
    width: 88px;
    justify-content: center;
    
}
.header__search:hover {
    cursor: pointer;
}

/*О студии*/

.about:hover {
   
  color: var(--orange);
   
}
.dropdown-about {
    position: absolute;
    top: 100%;
    padding: 20px 36px;    
    background-color: var(--beige);
    border: var(--bd--gray-stroke);
    z-index: 999;
    opacity: 0;
    transition: .3s;
    pointer-events: none;
}
.dropdown-about.active {
    opacity: 1;
    pointer-events: all;
}
.about-title {
    transition: none;
}
.about-title:nth-of-type(n+2) {
    margin-top: 20px;
}
.about-title:hover {
    color: var(--orange);
}

/* Выпадайка голосов*/

.dropdown-voices {
    position: absolute;
    top: 100%;
    padding: 20px 36px;    
    background-color: var(--beige);
    border: var(--bd--gray-stroke);
    z-index: 999;
    opacity: 0;
    transition: .3s;
    pointer-events: none;
}
.dropdown-voices.active {
    opacity: 1;
    pointer-events: all;
}

.dropdown-item {
   transition: none; 
}
.dropdown-item:nth-of-type(n+2) {
    margin-top: 20px;
}
.dropdown-item:hover {
    color: var(--orange);
}


/*=== HERO-баннер ===*/

.hero {
    margin-top: 0;
    height: calc(100vh - 170px); /*2 блока 80 + 88 + 2 линии по 1 px*/
    display: flex;
    align-items: center;
}

.hero-main {
    height: calc(100vh - 170px);
    
    position: relative;
    background-image: url(src/assets/img/main/main\ banner\ 2.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}
.hero-main::after {
    content: '';
    top: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #FEF9E588;
    z-index: -1;
}
.hero__container {
    display: flex;
    
    flex-basis: 100%;
    justify-content: space-between;

}
.hero__title {
    font-size: 72px;
    letter-spacing: var(--title-letter-spacing);
    font-family: var(--header-font);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.15;
    max-width: 60%;
    
}
.hero__title.tiflo {
    font-size: 62px;
}
.hero__info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 33%;
    gap: 2vw;
    

}

.hero__subtitle {
    font-size: 22px;
    line-height: 1.5;
}

/* Секция Услуги-клиенты clients*/



.clients__title {
    display: flex;
    align-items: start;
    margin-bottom: var(--subtitle--font-size);    
    height: min-content;
}

.clients__mark {
    flex: 1;
    line-height: var(--subtitle--font-size);
}
.clients__fit {
    flex: 1;
}
.clients-grid {
    margin-bottom: 1px;
    display: grid;    
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 309px);
}
.client-card {
    padding: 36px 92px 36px 36px;    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    outline: 1px solid var(--gray-stroke);
    background-color: var(--beige);
    
}
.client-card::after {
    content: "";
    position: absolute;
    display: block;
    width: 44px;
    height: 42px;
    bottom: 30px;
    right: 36px;
    background-repeat: no-repeat;
    background-image: url(src/assets/icons/triangle--orange.svg);

}
/* .client-card--right-border:nth-of-type(odd) {
    border-right: 1px solid var(--gray-stroke);
}
.client-card--bottom-border:nth-of-type(-n+2) {
    border-bottom: 1px solid var(--gray-stroke);
} */

/*=== ПАРТНЁРСТВО ===*/
.partnership {    
    margin-bottom: 240px;
    transition: cubic-bezier(0.7,0,.61,1) 0.6s ;

}

.partnership-container {
    display: flex;    
}
.partnership__title {    
    flex: 1;
}
.partnership__mark {
    margin-bottom: 26px;
}
.partnership-grid {  
    position: relative;  
    flex: 1;    
}

.partnership-card {
    position: absolute;
    height: 240px;
    padding: 36px 36px 36px 36px;    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--gray-stroke);
    background-color: var(--beige);
    margin-bottom: -1px;
    transition: cubic-bezier(.7,0,.61,1) 0.6s ;
}
.card-subtitle__container {
    display: flex;
    justify-content: space-between;
}



/* ==== ФОРМА СВЯЗИ ====*/

.form {
    color: var(--beige);
    font-size: 22px;
    font-weight: 300;
}

.form-container {
    background-color: var(--form-gray);
    padding: 56px;
    display: flex;
    height: 543px;
    
}
.form-container--left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.form-container--right {
    display: flex;
    flex-direction: column;
    
    
}

.form-container--top-left {
    display: flex;
    flex-direction: column;
    gap: 20px; 
}
.form-container--bottom-left {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.messangers {
    font-size: var(--orange);
    display: flex;
    gap: 18px;
    
}
.messangers__telegram {
    transform: translateY(-2px);
}
.form  .messangers  svg:hover path{
    fill: var(--beige);
}

.main-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 470px;
}
.main-form > * {
    display: block;
    
}

.messangers__mail {
    position: relative;
}

.copy-email-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.copy-message {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: var(--black);
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 14px;
    white-space: nowrap;
}
.input {
    background-color: var(--beige);
    font-size: var(--size-regular-18);
    height: 73px;
    width: 470px;
    border: 0;
    outline: 0;
    padding-left: 32px;
    font-family: var(--regular-font);  
    

}
.input::placeholder {
    color: var(--gray-text);
    font-family: var(--regular-font);
    
}
.input:focus, .input:active , .textarea:focus, .textarea:active {
    border: 0;
    outline: 0;
    
}

.fake-checkbox {
    display: block;
    position: absolute;
    left: -20px;
    z-index: 999;
    width: 16px;
    height: 16px;
    transition: 3s;
    background-color: var(--beige);
}
.fake-checkbox::before {
    content: '';
    display: block;
    background-image: url(src/assets/icons/checkbox.svg);
    height: 16px;
    width: 16px;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;

}
.fake-checkbox:hover {
    cursor: pointer;
}
.pop-up .fake-checkbox {
    background-color: #fff;
    border: 1px inset var(--black);
}
.pop-up .privacy  a {
    text-decoration: underline var(--black);
} 
.privacy  a {
    text-decoration: underline var(--beige);
}
input.agreement:checked + .fake-checkbox::before {
    opacity: 1;
}
input.agreement {
    opacity: 0;
    position: absolute;
    left: -20px;
}
.privacy {
    display: block;
    position: relative;
    left: 20px;
    font-size: 12px; 
    overflow: visible;   
}
.pop-up .privacy {   
    top: 10px;
}    
.textarea {
    background-color: var(--beige);
    height: 132px;
    width: 470px;
    padding-left: 32px;
    border: 0;
    outline: 0;
    padding-top: 24px;
    resize: none;
    font-family: var(--regular-font);    
    font-size: var(--size-regular-18); 
}

.textarea::placeholder {
    color: var(--gray-text);
    font-family: var(--regular-font);
    font-size: var(--size-regular-18);
    
    
}
.btn-form {
    width: 470px;
    height: 73px;
    background-color: var(--orange);
    font-size: var(--size-regular-18);
    font-weight: 400;
    color: var(--beige);
    cursor: pointer;
    transition: .3s;
}



/* Секция Путь реализации */

.way {    

}

.way-grid {
    display: grid;
    grid-template-rows: 186px 277px 277px;
    grid-template-columns: repeat(3, 407px);
}
.way-title {
    grid-column: 2/4;
}
.way-card {
    position: relative;
    padding: 36px;
    border: 1px solid var(--gray-stroke);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.way-card.btn-popup {
    cursor: pointer;
}

.way-card:nth-of-type(n+5) {   
    margin-top: -1px;    
}
.way-card:nth-of-type(2){
   
    margin-right: -1px;
}
.way-card:nth-of-type(3){
   
    margin-right: -1px;
}
.way-card:nth-of-type(5){
     margin-right: -1px;
}
.way-card:nth-of-type(6){
    margin-right: -1px;
}

.way-card__number {
    font-size: var(--size--marks-28);
    font-weight: 500;
    color: var(--orange);
}
.way-card__text {
    font-family: var(--header-font);
    font-size: var(--size--marks-28);
    font-weight: 500;
}
.way-card__text.biege:hover {
    cursor: pointer;
}
.card--orange {
    background-color: var(--orange);
    justify-content: center;
}
.card--orange:hover {
    background-color: var(--beige);
    
}
.card--orange:hover .way-card__text {
    color: var(--gray-text);
}

.card--orange::after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 27px;
    bottom: 36px;
    right: 36px;
    background-repeat: no-repeat;
    background-image: url(src/assets/icons/arrow--beige.svg);

}
.card--orange:hover::after {
    background-image: url(src/assets/icons/arrow--orange.svg);
}

/* Секция ВИДЕО*/

section.video video {
    width: 1220px;
}
.video-mark {
    text-align: center;
}
.video-title {
    margin-top: 28px;
    text-align: center;
}
.video-wrapper {
    position: relative;
}
.main-video {
    position: relative;
    margin-top: var(--margin-b-titile);    
    cursor: pointer;
}

.btn-play {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* Секция РЕШЕНИЯ */

.solutions-mark {
    margin-bottom: 28px;
}

.solutions-subtitle {
    margin-bottom: 56px;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 610px ); 
   
}

.service-card {
    display: grid;
    box-sizing: content-box;
    background-color: var(--beige);
    grid-template-rows: 300px 174px 73px;   
    grid-template-columns: repeat(2, 1fr);
    /* border: var(--bd--gray-stroke); 
    border-bottom: none; */
    outline: var(--bd--gray-stroke);
}




.service-card__image {
    grid-column: 1/3;
}
.service-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-subscription {
    grid-column: 1/3;
    padding: 24px 28px 32px;
}
.service-card__title {
    padding-bottom: 12px;
}
.service-card__text {
    color: var(--black-lighter);
    
}
.service-card__btn {
    background-color: var(--orange);
    color: var(--beige);
    font-weight: 600;
    font-size: 18px;
    
}
.service-card__btn:hover {
    color: var(--gray-text);
    border-top: var(--bd--gray-stroke);
    background-color: var(--beige);
}
.service-card__more:hover {
    color: var(--orange);
}

.service-card__more {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: baseline;
    text-align: center;
    /* line-height: 73px; */
    border: 1px solid var(--black);
    
}



@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
    
}

/*==== Секция СПЕЦПРЕДЛОЖЕНИЕ ==== */

.special-offer {
    box-sizing: border-box;
}
.special-offer-mark {
    margin-bottom: var(--margin-b-mark);
}
.special-offer-title {
    margin-bottom: var(--margin-b-titile);
}
.special-offer__my-wrapper {
    max-height: 380px;
    background-color: var(--black);
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);

}
.special-offer__left {    
    
    
}
.special-offer__right {
    padding: 70px 102px 70px 50px;
    
}
.special-offer__right-subtitle {
    color: var(--beige);
    margin-bottom: 6px;
}
.special-offer__right-discount {
    margin-bottom: 16px;
}
.special-offer__right-text {
    color: var(--beige);
    margin-bottom: 32px;
}
 
.special-offer__img-wrapper {   
   max-height: 100%;
   
}
.special-offer__img-wrapper img {   
    max-width: 100%;
    margin-left: 100px;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center 0%;
}

/* Секция CASES*/


.cases-mark {
    margin-bottom: var(--margin-b-mark);
}
.cases-title {
    margin-bottom: var(--margin-b-titile);
}

.cases-slider:hover {
    cursor: grab;
}
.cases-slider:active {
    cursor: grabbing;
}
.swiper {
    position: relative;
    overflow-y: visible !important;
    overflow-x: clip;
    max-width: 1220px; 
}
.swiper-wrapper {    
}

.swiper-slide__my-wrapper {
    display: flex;
    height: 584px;
    
}
.swiper-slide__left {
    padding: clamp(24px, 2.5vw, 44px);
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.5vw, 28px);
    border: var(--bd--gray-stroke);
}
.swiper-button-box {
    position: absolute;
    right: 0px;
    top: calc(-56px - 56px);
    display: flex;
    z-index: 9;
    gap: 10px;
}
.swiper-button-box *:hover {
    cursor: pointer;
}
.custom-button-prev {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px solid var(--black);
}
.custom-button-next {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px solid var(--black);
}
[class*=custom] svg{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    stroke: var(--black);
}

.cases-tags > div{
  display: inline-block;
  margin-bottom: 8px;
  padding: 10px 20px;
  margin-right: 8px;
  border: 1px solid var(--gray-stroke);
}
.cases-link-potfolio {
    font-size: 16px;
    font-weight: 600;
    transition: .2s;
    width: fit-content;
}
.cases-link-potfolio:hover a {
    color: var(--orange);
}
#array-orange {
    display: none;
}
.cases-link-potfolio:hover #array-black {
    display: none;
}
.cases-link-potfolio:hover #array-orange {
    display: inline;
}
.cases-comment {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
.cases-link-potfolio img {
    padding-left: 8px;
}
.swiper-slide__right {
    /* flex: 1; */
    font-size: 0;
    height: 100%;
    overflow: hidden;
    
   
}
.swiper-slide__right img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     
}


/* Секция ОТЗЫВЫ */
.read-more-btn {
        display: none; /* на десктопе кнопку не показываем */
    }

.reviews-swiper {
    width: 100%;
    position: relative;
    overflow-y: visible !important;
    overflow-x: clip;
    max-width: 1220px; 
    cursor: grab;
}
.reviews-swiper:active {
    cursor: grabbing;
}
.reviews-mark {
    margin-bottom: var(--margin-b-mark);
}
.reviews-title {
    margin-bottom: var(--margin-b-titile);
}

.reviews__swiper-slide { 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: var(--bd--gray-stroke);    
    font-size: 0;
    height: auto; /*Одинаковая высота слайдероа*/
    
}
.reviews__inner-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}

.reviews-slide__tag {
    display: inline-block;
    padding: 10px 20px;
    border-bottom: var(--bd--gray-stroke);
    border-right: var(--bd--gray-stroke);
}

.reviews__text {
    padding: 36px;
    
}
.rewiews__footer {
    display: flex;    
    border-top: var(--bd--gray-stroke);
}

.reviews__photo {
    width: 116px;
    height: 116px;
}

.reviews__photo img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.reviews__self {
    display: flex;
    padding-left: 28px;
    flex-direction: column;
    justify-content: center;
    padding-right: 12px;
    
}

.reviews-button-prev {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px solid var(--black);
}
.reviews-button-next {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px solid var(--black);
}
[class*=reviews] svg{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    stroke: var(--black);
}
/* Секция  FAQ */

.container-faq {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
    
}


.container-faq__left {
   flex-basis: 50%;
   padding-right: 200px;
}

.faq-mark, .faq-subtitile {
    margin-bottom: 28px;
}
.faq-subtitile.faq-subtitile-mobile {
    display: none;
    padding-right: 200px;
}
.faq-text {
    margin-bottom: 36px;
    line-height: 1.4;
}
.faq-btn {
    width: 288px;
    height: 72px;
    background-color: var(--beige);
    border: 1px solid var(--orange);
    margin-bottom: 52px;
    font-size: 18px;
    font-weight: 600;
    color: var(--orange);
    transition: background var(--btn-transition);
}
.faq-btn:hover {
    background-color: var(--orange);
    color: var(--beige);
}
.faq-btn:active {
    border: 4px inset var(--orange);
}
.faq__mail-us {
    margin-bottom: 12px;
}
.faq .messangers path {
    fill: var(--black);
}
.faq .messangers svg:hover path {
        fill: var(--orange)
}

.container-faq__right {
    flex-basis: 600px;
}
.faq-details  {
    border: 1px solid var(--gray-stroke);
    padding: 29px 60px 29px 29px;
    margin-top: -1px;
}
.faq-summary {
    position: relative; 
    transition: .2s; 
    font-size: 24px;
    font-weight: 500;
    font-family: var(--header-font);
    cursor: pointer;

}
.faq-summary::after {
    content: '';
    display: block;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-image: url(src/assets/icons/plus.svg);
    transition: .2s;  

}
.faq-summary.open-faq::after {
    transform: translateY(-50%) rotate(45deg);
    
}
.faq-details__text {
    max-height: 0;
    overflow: hidden;
    transition: .5s ;
    line-height: 1.4;
}
.max-height {
    margin-top: 22px;
    max-height: 300px;
}


/* Выбирают нас*/

.why-head {
    display: flex;

}
.why-head div {
    flex: 1;
    margin-bottom: var(--margin-b-titile);
}
.why-title {
    text-transform: uppercase;
}
.why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: var(--bd--gray-stroke);
   
}
.why-item {
    
    padding: 36px;
    min-height: 400px;
}
.why-item:nth-of-type(-n+2){
    border-bottom: var(--bd--gray-stroke);
}
.why-item:nth-of-type(odd){
    border-right: var(--bd--gray-stroke);
}
.why-item__title {
    margin-bottom: 66px;
}
.why-item__text {
    color: var(--gray-text);
    line-height: 1.3;
}


/*==== Страница УСЛУГИ ====*/

.seo-text_container {
    display: flex;
    
    gap: 81px;

}
.seo-text_column {
    flex: 1;
}
.seo-text_header {
    padding-bottom: 20px;
}
.seo-text_text {
    line-height: 1.52;
}

/* Секция Специалисты (голоса) */
.specialists__title {
    display: flex;
    align-items: start;      
    height: min-content;
}
.specialists__mark  {
    flex:1;
}
.specialists__fit  {
    flex:1;
}
.sex__wrapper {
    display: flex;

}
.sex__wrapper div {
    flex: 1;
}
.specialists__sex {
    margin: 58px 0 36px 0;
    text-transform: none;
}

.specialists-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1220px;
}
.specialist-card {
    font-size: 0;
    outline: none;
    border-left: var(--bd--gray-stroke);
    border-right: var(--bd--gray-stroke);
    margin-right: -1px;
}
.specialist-card__photo_short {
    height: 292px;
    overflow: hidden;
    
}
.specialist-card img {
    object-fit: cover;
    height: 100%;
    width: 101%;
     /* Жоский костыль для избежания полосок вокруг картинки*/
    
}
.specialist-card__name {
    margin-bottom: 8px;
}
/*убираем правые границы у первых трёх*/
.specialist-card:nth-of-type(-n+3) {
    border-right: none;
}

.specialist-card__info-wrapper {
    padding: 24px 24px 24px 28px;
}

.specialis-all_voices {  
    position: relative;
    z-index: 2;  
    height: 81px;
    width: 100%;
    border: 1px solid var(--orange);
    color: var(--orange);
    transition: .2s;
}
.specialis-all_voices:hover {
    background-color: var(--orange);
    color: var(--beige);
}
.specialis-all_voices svg {
  transform: translateY(1px);  
}
.specialis-all_voices:hover path {
    stroke: var(--beige)
}



/*==== БАЗА ГОЛОСОВ  ====*/
.man-voices {
    margin-top: 0;
}
.voices__title {
    font-size: var(--title--font-size);
    font-weight: 700;
    text-transform: uppercase;
    margin: min(5vw,96px) 0px min(3vw, 56px) 0 ;
}
.voices__subtitle {
    margin-top: 72px;
    margin-bottom: 36px;
}

.voices-grid {
    display: grid;
    grid-template-columns:  610px 610px;
    
}

.voices-card {
    display: grid;
    grid-template-columns: 190px 420px;
    grid-template-rows: 182px 72px;
    grid-auto-rows: 72px;
    background-color: var(--beige);
    /* border: var(--bd--gray-stroke);
    border-bottom: none;
    border-top: none; */
    /* outline: var(--bd--gray-stroke); */
    border-top: var(--bd--gray-stroke);
    border-right: var(--bd--gray-stroke);
}
/* .voices-card:nth-of-type(-n + 2) {
    border-top: var(--bd--gray-stroke);
}
.voices-card:nth-of-type(even) {
    border-left: none;
}
 .voices .voices-card:nth-of-type(n+3) {
    border-top: none;
    border-bottom: none;
} */


.voices-card__photo_short {    
    /* border-left: 1px solid var(--gray-stroke); */
    overflow: hidden;
}
.voices-card__photo_short img {
    object-fit: cover;
    height: 100%;
    object-position: 50% 20%;
    width: 101%;
    
}
.voices-card__bio {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 16px 0 32px;    
    border-bottom: 1px solid var(--gray-stroke);
}

.voices-card__discription_short {
    color: var(--gray-text);
}

.voices-card__demo-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: var(--black);
}
.voices-card__demo-btn button {
    display: block;
    position: absolute;
}
.voices-card__link {
    border: 1px solid var(--black);
    border-right: none;
}
.voices-card__link:hover {
    color: var(--orange);
    
}
.foreign-card {
    grid-column: 1/3;
}
.voices-card__popup {
    /* margin-bottom: 1px; */
    color: var(--orange);
    background-color: var(--beige);    
    border: 1px solid var(--orange);
}
.voices-card__popup:hover {
    background-color: var(--orange);
    color: var(--beige);
}

.language-filter {
    position: relative;
    display: inline-block;
    margin-bottom: 52px;
}

.language-filter__btn {
    background: var(--beige);
    border: var(--bd--gray-stroke);
    width: 160px;
    padding: 10px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.language-filter__dropdown {
    position: absolute;
    top: 100%;
    width: 160px;
    left: 0;
    background-color: var(--beige);
    border: var(--bd--gray-stroke);
    min-width: 150px;
    z-index: 10;
}

.language-filter__option {
    display: block;
    width: 100%;
    padding: 8px 16px;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
}

.language-filter__option:hover {
    background: var(--orange);
    color: var(--beige);
}

.language-filter__option.active {
    background: var(--orange);
    color: white;
}

/* Кастом плеер */
.voices-card__demo {    
    display: flex;
    align-items: center;
    
}
.voices .specialis-all_voices {
    border-top: none;
}

.audio-timeline {
    position: relative;
    width: 60%;
    height: 4px;
    background: #C1C1C1;  /* --gray-stroke */
    border-radius: 2px;
    cursor: pointer;
    margin: 8px 32px;
    
}

.audio-timeline__progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #7D7D7D;  /* --gray-text */
    border-radius: 2px;
    width: 0%;
    pointer-events: none;
}

.audio-timeline__thumb {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    left: 0%;
    cursor: pointer; 
    pointer-events: none; /* клики проходят сквозь бегунок на timeline*/   
}

.audio-timeline__thumb svg {
    width: 100%;
    height: 100%;
}






/*==== Страница PORTFOLIO  ====*/

.portfolio-title {
    margin: 56px 0;
}

.portfolio-details {
    border: var(--bd--gray-stroke);
    border-bottom: none;
    
}
.portfolio-details:last-child {
    border-bottom: var(--bd--gray-stroke);
}
.portfolio-summary {
    position: relative;
    padding-top: 44px;
    padding-bottom: 44px;
    padding-left: 44px;
    padding-right: 76px;
    /* border-bottom: var(--bd--gray-stroke); */
}
.portfolio-summary:hover {
    cursor: pointer;
}
.portfolio-info-block {
    overflow: hidden;
    max-height: 0;
    display: flex;    
    /* border-bottom: var(--bd--gray-stroke); */
    transition: .4s; /* скорость раскрытия блока*/
}
.portfolio--max-height {
    max-height: 358px;
}
.portfolio-img {
    width: 252px;
    height: 358px;
    
}
.portfolio-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    
}

.portfolio-info {
    flex: 1 252px;
    padding: 44px;
    padding-bottom: 54px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.portfolio-info__tag {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: var(--bd--gray-stroke);
}
.comment--gray {
    color: var(--gray-text);
    margin-bottom: 12px;
}

.portfolio-summary::after {    
    content: '';
    display: block;
    position: absolute;
    right: 32px;
    top: 50%;    
    width: 30px;
    height: 28px;
    background-image: url(src/assets/icons/arrow--orange.svg);
    transform: translateY(-50%) rotate(90deg);
    background-repeat: no-repeat;
    transition: .4s;  

}
.portfolio-summary.open-portfolio::after {
    transform: translateY(-50%)  rotate(-90deg);
    
}

/* Аудиоролики*/ 

.portfolio-audio-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.audio-portfolio__title {
    padding: 32px 24px 12px;
    border-bottom: var(--bd--gray-stroke);
}
.portfolio_audio-card  {
    display: grid;
    grid-template-rows: 114px min-content;
    grid-template-columns: 1fr;
    border: none;
    border-bottom: var(--bd--gray-stroke);
    
}
.portfolio_audio-card:nth-of-type(odd)  {
    border-right: var(--bd--gray-stroke);
}

span.portfolio-tiflo {
    font-weight: bold;
}


/*=== КАРТОЧКА АКТЁРА ===*/
section.actors {
    margin-top: 54px;
}
.actor-card__container * {
    /* border: 1px solid #000; */
}

.actor-card__container {
    display: flex;
    align-items: start;
    
}
.actor-card__media {
    display: flex;
    flex: 1;
    flex-direction: column;
    border: none;
}
.actor-card__photo_long {
    flex: 1;
    

}
.actor-card__photo_long img {
    display: block;
    object-fit: cover;
    height: 101%;
    width: 101%;
    max-height: 80vh;

}
.actor_card__player {
    display: flex;
    height: 72px;
    border-right: var(--bd--gray-stroke);
    
}
.portfolio .actor_card__player {
    border: none;
}
.actor_card__demo-btn {
    height: 72px;
    width: 72px;
    border: none;

}
.actor-card__discription_long {
    line-height: 1.5;
}

/* Переписанные плеер*/
.actor_card__demo {    
    display: flex;
    align-items: center; 
    background-color: var(--beige);
    flex:1;  
}
.actor-portfolio__item img{
    display: block;
    object-fit: cover;
    height: 101%;
    width: 101%;
}
.voices .specialis-all_voices {
    border-top: none;
}

.actor_audio__timline {
    position: relative;
    width: 100%;
    height: 4px;
    background: #C1C1C1;  /* --gray-stroke */
    border-radius: 2px;
    cursor: pointer;
    margin: 8px 32px;
    
}
.demo-time {
    display: block;
    
}
.demo-time__actor-card {
    line-height: 72px;
    padding-right:22px;
}
.actor-card__popup {
    height: 72px;
    width: 100%;
}


.actor-card__about {
    align-self: stretch;    
    padding: 72px;
    flex: 1 ;
    border: var(--bd--gray-stroke);
}
.actor-card__name {
    margin-bottom: 20px;
}
.actor-card__profession {
    margin-bottom: 40px ;
}

/* Секция Проекты актёра*/
.actor-portfolio {

}
.actor-portfolio__mark {
    text-align: center;
    margin-bottom: 25px;
}
.actor-portfolio__title  {
    text-align: center;
    margin: 0 auto 48px;
    max-width: 900px;

}

.actor-portfolio__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows:  410px;
    grid-auto-flow: row;
}

/* Экспертиза актёра*/



/*===О КОМПАНИИ ===*/
.boss * {
    
}

.about__h1 {
    margin-bottom: var(--margin-b-titile);
    margin-top: 76px;

}
.about-intro {
    display: grid;
    grid-template-columns:  3fr 2fr;
    column-gap: 30px;
}
 .about-intro__left {
    text-transform: initial;
    word-wrap: none;
    word-break: keep-all;
 }
 .about-intro__right {
    line-height: 1.4;
 }
.boss-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 915px 204px;
    border: var(--bd--gray-stroke);
}
.boss-self {
    display: grid;
    grid-template-rows: 707px 208px;
}

.boss-video {
    width: 100%;
    height: 100%;
    overflow: hidden;
   
}
.boss-video video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    
   
}
.boss-video__item {
   
    height: 100%;
    position: relative;
    
}

.boss-about {
    padding: 56px;
    border-right: var(--bd--gray-stroke);
}
.boss-about__title {
    margin-bottom: 12px;
}

.boss-connect {
    padding: 56px ;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.boss-connect__mark {
    margin-bottom: 28px;
}
.boss-connect__title {
    text-transform: uppercase;
}
.boss-connect__text {
    line-height: 1.3;
    p {
        margin-bottom: 1em;
    }
}
.boss-contacts {
    grid-column: 1/3;
    padding: 56px;
    display: flex;
    border-top: var(--bd--gray-stroke);
    align-items: end;
    justify-content: space-between;
    gap: 40px;

}

.history {
    margin-bottom: 120px;
}
.history-mark {    
    margin-bottom: var(--margin-b-mark);
}
.history-title {
    text-transform: uppercase;
    margin-bottom: var(--margin-b-titile);
}

.about-button-prev {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px solid var(--black);
}
.about-button-next {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px solid var(--black);
}
[class*=about-button] svg{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    stroke: var(--black);
}
.about-swiper {
    position: relative;
    overflow-y: visible !important;
    overflow-x: clip;
    max-width: 1220px; 
}
.about-swiper__item {
    padding: 56px;
    border: var(--bd--gray-stroke);
    
}
.about-swiper__title {
    margin-bottom: 28px;
}

.about-pagination {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    
    
}

/*@media (min-width: 769px) {*/
    


/* Вся полоса скролла */
.about-pagination::-webkit-scrollbar {
        height: 10px;
}
/* Дорожка (трек) */
.about-pagination::-webkit-scrollbar-track {
    
    background: var(--gray-stroke);
   
 
}
/* Бегунок (ползунок) */
.about-pagination::-webkit-scrollbar-thumb {
    background: var(--beige); 
    border: 1px solid var(--gray-stroke);
    border-bottom: none;
    
}
.about-pagination::-webkit-scrollbar-thumb:hover {
    background: var(--orange);
}
/*}*/

.about-pagination-custom { 
    flex-shrink: 0;  
    height: 175px;
    width: 175px;
    background: var(--beige);
    display: flex;    
    align-items: center;
    justify-content: center;    
    cursor: pointer;
    margin-right: -1px;
    border: var(--bd--gray-stroke);
    border-bottom: none;
}
    

.about-pagination-custom.active {
    background-color: var(--orange);
    color: var(--beige);
}

/*==== Подвал ==== */

.footer {
    border-top: var(--bd--gray-stroke);
    margin-top: 120px;
}
.footer a:hover  {
    color: var(--orange);
}
.footer-maingrid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    
}

.footer__left {
    padding-bottom: 40px;
    padding-top: 72px;
    border-right: var(--bd--gray-stroke);
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.footer__adress {
    margin-bottom: 20px;
}
.footer__copyright {
    color: var(--gray-text);
}
.footer__center {
    padding-bottom: 40px;
    padding-top: 72px;
    border-right: var(--bd--gray-stroke);
}
.footer__center a{
    display: block;
    font-size: 14px;
    margin-bottom: 16px;

}

.footer-center-grid {
    padding-left: 84px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

}


 .footer-center__title a {
    margin-bottom: 28px;
    font-size: 16px ;
    font-weight: 600;
}

.footer__right {
    padding-left: 50px;
    padding-top: 72px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.footer-right__tel {
    font-weight: 600;
}
.footer-right__write {
    font-weight: 600;
}

.footer path {
    fill: var(--black);
}

.footer svg:hover path{
    fill: var(--orange);
}

.footer-mapgrid {
    font-size: 12px;
    height: 80px;
    color: var(--gray-text);
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;


}
.footer-confidential, .footer-sitemap {
    text-align: center;
}


/* Нам доверют*/
.trust__mark {
    text-align: center;
    margin-bottom: var(--margin-b-mark);
}
.trust__title  {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: var(--margin-b-titile);
}

.trust-grid {
    /* display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(2, 223px); */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.trust-item {
    display: flex;
    background-color: var(--beige);
    width: 404px;
    height: 350px;
    align-items: center;
    justify-content: center;
    outline: var(--bd--gray-stroke);
    /* border-left: var(--bd--gray-stroke); */
}
.trust-item:nth-of-type(n+5) {
    /* border-bottom: var(--bd--gray-stroke); */
}
.trust-item:nth-of-type(4n) {
    /* border-right: var(--bd--gray-stroke); */
}
.trust-item img {
    display: block;
    object-fit: cover;
    max-width: 70%;
    max-height: 70%;
}

/* Команда*/

.team-head {
    display: flex;
    margin-bottom: var(--margin-b-titile);
}
.team-head > div {
    flex: 1;
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, min(40vw, 438px));
}
.team-card {
    border-right: var(--bd--gray-stroke);
    border-bottom: var(--bd--gray-stroke);
    display: grid;
    grid-template-rows: 300px 1fr;    
    
}
.team-card:nth-of-type(4n+1){
    border-left: var(--bd--gray-stroke);
}

.team-photo {
    overflow: hidden;
    
}
.team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team-info {
    padding: clamp(14px, 2vw, 28px);
   
}
.team-info__head {
    margin-bottom: clamp(4px, .7vw, 10px);
}
.team-all {
    position: relative;
    ;
    font-weight: 500;
    font-size: 24px;
    color: var(--beige);
    height: 100%;
    

}
    
.team-all__a {
    position: relative;
    padding: clamp(14px, 2vw, 28px);
    background-color: var(--orange);
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 40px;
}


.team-all__a::after {
    content: '';
    width: 30px;
    height: 27px;
    display: block;
    position: absolute;
    background-image: url(src/assets/icons/arrow--beige.svg);
    bottom: clamp(14px, 2vw, 28px);
    right: clamp(14px, 2vw, 28px);

}

/*=== 404 ===*/

.take404 {
    max-width: 1220px;
    height: 80vh;
    display: flex;
    align-items: center;    
}
.take404-left, .take404-right {
     
    flex-grow: 1;
    flex-basis: 50%;
    
}

.take404-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20%;
    line-height: 1.5;
    
}
.take404__text {
    margin-bottom: 35px;
}

.take404__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 73px;
    width: 292px;
    background-color: var(--orange);
    color: var(--beige);

}


/*==== Сраница Категории услуг*/

.category-services__text {
    color: var(--gray-text);
}
.category-services__mark {
    margin-bottom: var(--margin-b-mark);
}
.category-services__title {
    margin-bottom: var(--margin-b-titile);
}




.costs__title {
    display: flex;
    align-items: start;
    margin-bottom: var(--subtitle--font-size);    
    height: min-content;
}

.costs__mark {
    flex: 1;
    line-height: var(--subtitle--font-size);
}
.costs__fit {
    flex: 1;
}
.costs-span {
    display: block;
    text-transform: none;
    padding-top: 28px;
}
.costs-grid {
    border: 1px solid var(--gray-stroke);
    display: grid;    
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 241px);
}
.cost-card {
    padding: 36px 92px 36px 36px;    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    
}
.cost-card--right-border:nth-of-type(odd) {
    border-right: 1px solid var(--gray-stroke);
}
.cost-card--bottom-border:nth-of-type(-n+2) {
    border-bottom: 1px solid var(--gray-stroke);
}
.costs-more {
    display: flex;
    width: 100%;
    height: 100px;
    align-items: end;
}
.costs-infotext {
    flex: 1;
    line-height: 1.5;
   
}
.costs-btn {
    flex: 1;
}
.costs-btn button {
    height: 73px;
    width: 100%;
    background-color: var(--orange);
    color: var(--beige);
}

/* Секция процессы*/ 

.process .container{
    display: flex;    
}
.process strong {
  font-weight: bold;
}
.process__left {
    line-height: 1.52;
    flex: 1;
    padding-right: 80px;
}
.process__right {
    flex: 1;
    line-height: 1.52;
     padding-right: 80px;
}



/*=== Контакты ===*/
.kontakty a {
    display: flex;
    line-height: 1.5;
    gap: 10px;
}
.kantakty-title {
  margin-bottom: var(--margin-b-titile);  
}
.kontakty-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.kontakty__left {
    border: var(--bd--gray-stroke);
    padding: 36px;
}
.kontakty__right {
    border: var(--bd--gray-stroke);
    border-left: none;
    padding: 36px;
}
.call-us {
    margin-bottom: 24px;
}
.call-us__icon {
    display: flex;
    color: var(--orange);
}
.call-us__icon:hover span {
    color: var(--black);
}
.call-us__icon path {
    fill: var(--orange)
}
.call-us__icon .copy-email-btn {
    gap: 10px;
    color: var(--orange);
    display: flex;
}
.geo-mark {
    margin-bottom: var(--margin-b-mark);
}
.geo-title {
    margin-bottom: var(--margin-b-titile);
}


/*=== Команда komanda ===*/
.komanda-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 438px;

}
.komanda__title {
    margin-bottom: var(--margin-b-titile);
}
.komanda-info {
    padding: 24px;
}
.komanda-name {
    margin-bottom: 8px;
}
.komanda-card {
    overflow: hidden;
    border-left: var(--bd--gray-stroke);
    border-bottom: var(--bd--gray-stroke);
} 
.komanda-card:nth-of-type(4n){
    border-right: var(--bd--gray-stroke);
}
.komanda-img {
    height: 70%;   
}
.komanda-img img {
    width: 101%;
    height: 100%;  
    object-fit: cover;
    object-position: center center; 
    
}



    

/*=== Поисковик ===*/

/* ===== ПОИСКОВЫЙ ОВЕРЛЕЙ ===== */
.search-page-section {
    margin-top: 60px;     
    }
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(39, 39, 39, 0.95);
    backdrop-filter: blur(8px);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Убираем padding-top и overflow-y auto */
}

.search-overlay.active {
    opacity: 1;
    visibility: visible;
}

.search-overlay__container {
    max-width: 600px;
    width: 90%;
    position: relative;
    padding: 20px;
    /* Добавляем отступ сверху, чтобы контент не уходил под меню */
    margin-top: 80px; /* подбери под высоту своего липкого меню */
}

.search-overlay__close {
    position: absolute;
    top: -50px;
    right: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

.search-overlay__close svg {
    width: 28px;
    height: 28px;
}

.search-overlay__close svg path {
    stroke: var(--beige);
    transition: stroke 0.2s;
}

.search-overlay__close:hover svg path {
    stroke: var(--orange);
}

.search-overlay__form {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.search-overlay__input {
    flex: 1;
    height: 64px;
    padding: 0 20px;
    font-family: var(--regular-font);
    font-size: 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--gray-stroke);
    color: var(--beige);
    outline: none;
    transition: border-color 0.2s;
}

.search-overlay__input:focus {
    border-bottom-color: var(--orange);
}

.search-overlay__input::placeholder {
    color: rgba(254, 249, 229, 0.5);
}

.search-overlay__submit {
    height: 64px;
    padding: 0 32px;
    background: var(--orange);
    color: var(--beige);
    font-family: var(--header-font);
    font-weight: 600;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
    text-transform: uppercase;
}

.search-overlay__submit:hover {
    opacity: 0.85;
}

.search-overlay__suggestions-title {
    font-family: var(--regular-font);
    font-size: 14px;
    color: rgba(254, 249, 229, 0.5);
    margin-bottom: 12px;
}

.search-overlay__suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.search-overlay__suggestions-list a {
    font-family: var(--regular-font);
    font-size: 16px;
    color: var(--beige);
    text-decoration: none;
    padding: 6px 16px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    transition: background 0.2s, color 0.2s;
}

.search-overlay__suggestions-list a:hover {
    background: var(--orange);
    color: var(--beige);
}

@media (max-width: 768px) {
    .search-page-section {
    margin-top: 86px;     
    }
    .search-overlay__form {
        flex-direction: column;
    }
    .search-overlay__submit {
        width: 100%;
    }
    .search-overlay__close {
        top: 10px;
        right: 20px;
    }
    .search-overlay__close svg {
    width: 20px;
    height: 20px;
}
}

/* страница блога*/

.subtitle-blog {
    margin-bottom: var(--margin-b-titile);
}
.blog-filter {
    display: flex;
    flex-wrap: wrap;
}

.blog-filter button {
    display: block;
    margin: 0 6px 6px 0;
    padding: 9px 15px;
    border: var(--bd--gray-stroke);
}
.filter-btn.active {
    background-color: var(--orange);
    color: var(--beige);
}
.blog-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 12px;
}
.blog-card {
    display: grid;
    grid-template-rows: 300px minmax(300px, auto);
}
.card-img img {
    width: 101%;
    height: 100%;  
    object-fit: cover;
    object-position: center center; 
}
.blog-card-wrapper {
    display: grid;
    grid-template-rows: min-content auto auto;
    padding: 31px;
    border: var(--bd--gray-stroke);
    border-top: none;
}
.blog-card__tags {
    text-align: right;
    padding-bottom: 20px;
}
.blog-tag {
    display: inline-block;
    padding: 9px 15px;
    border: var(--bd--gray-stroke);
}

.blog-subtitle {
    margin-left: 33%;
    margin-bottom: var(--margin-b-titile);
}
.blog-card-date {
    display: flex;
    justify-content: space-between;
    color: var(--gray-text);
    align-items: center;
}
.eye-icon {
    position: relative;
    top: 5px;
    left: 5px;
}


.ql-align-center {
    text-align: center;
}
.ql-align-right {
    text-align: right;
}
.ql-align-justify {
    text-align: justify;
}

/* ====Страница отдельной статьи в блоге ===*/
.post-subtitle {
    margin-bottom: var(--margin-b-titile);
   
}
.post-content {
    line-height: 1.4;
}
.post-content ul, .post-content ol {
    margin: 0.5em 0 0.5em 1em;
}
.post-content p {
    margin: 0;
    padding: 0;
}
.post-content a {
    text-decoration: underline;
}
.post-meta {
    margin-top: var(--margin-b-mark);
    display: flex;
    justify-content: space-between;
}
.post-date {
    text-align: right;
    font-style: italic;
    color: var(--gray-text);
}
.share-trigger {
    margin-top: var(--margin-b-mark);
    padding: 12px 20px;
    border: 1px solid var(--gray-stroke);
    transition: .2s;
    }
.share-trigger:hover {
    background-color: var(--orange);
    color: var(--beige);
}
.share-button::after {
    content: '';
}

.share-dropdown {
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 100;
}

.share-dropdown a,
.share-dropdown button {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: #333;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.share-dropdown a:hover,
.share-dropdown button:hover {
    background: #f5f5f5;
}

/*=== Аренда студии ===*/
.arenda-section {
    display: flex;
    justify-content: space-between;
}
.arenda-text {
    margin-bottom: var(--margin-b-titile);
    line-height: 1.5;
}

/*=== Поиск ===*/
.search-page-section strong {
    
    font-weight: 600 ; 
}
.search-highlight {
    font-weight: 600 ; 
}

/*=== send_email Страница отправки письма===*/

.sended {
    min-height: 40vh;
    display: flex;
    align-items: center;
    text-align: center;
}

.sended__title {
    margin-bottom: 20px;
}

.sended__feedback {
    font-size: 18px;
    margin-bottom: 30px;
}

.sended__link {
    display: inline-block;
    padding: 12px 24px;
    background-color: var(--orange);
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.sended__link:hover {
    opacity: 0.85;
}

/*Политика конфиденциальности*/
.policy {
    line-height: 1.4;
}
.policy-header {
    margin-top: var(--margin-b-mark);
    margin-bottom: var(--margin-b-mark);
    display: flex;
    justify-content: end;   
    
}
.policy-header .text-default {
    font-weight: bold;
}
.policy .policy-subtitle {
    margin-top: min(35px, 25vw);
    margin-bottom: 20px;
}
.policy .dlinnoe::before {
    content: "— ";
}
.dlinnoe {
    margin-left: 20px;
}
.policy h1 {
    word-break: break-all;
    margin-bottom: var(--margin-b-titile);
}
.policy-content p {
    margin: 15px 0;
}
.policy-content b {
    font-weight: bold;
}

.breadcrumbs {
    position: absolute;
    margin-top: 24px;
}
.breadcrumbs-container {
    position: relative;
}
.bread {
    position: relative;
    padding: 0 3px;
    top: 2px;
}
.bread_self {
    color: var(--gray-text);
}

/*send email*/

.send-email {
    
}