/* ==========================================================================
   THANKS PAGE
   ========================================================================== */
/*
.thanks {
    padding: 143px 0 192px;
    position: relative;
}
*/
.thanks {
    padding: 143px 0 192px;
    position: relative;
    display: flex;
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center;   /* Центрирование по вертикали */
    min-height: 100vh;     /* Задает минимальную высоту контейнера на всю высоту видимой области */
}

.thanks .container {
    position: relative;
}

.thanks .bg:before {
    content: '';
    position: absolute;
    left: 438px;
    top: 311px;
    width: 702px;
    height: 702px;
    opacity: 0.7;
    background: radial-gradient(50% 50% at 50% 50%, rgba(113, 127, 13, 0.70) 0%, rgba(113, 127, 13, 0.00) 100%);
}

/*.thanks__row {
    display: flex;
    align-items: flex-start;
}*/
.thanks__row {
    display: flex;
    align-items: center; /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    width: 100%; /* Расширение на всю ширину страницы */
    min-height: 100vh; /* Задает минимальную высоту контейнера на всю высоту видимой области */
    margin-top: -150px; /* Поднимает блок на 50 пикселей выше */
}

.thanks__block {
    width: auto;
    flex-shrink: 0;
    /*margin-top: 75px;*/
    margin-left: 1px;
}

.thanks__title {
    margin-bottom: 15px;
    text-align: justify;
    letter-spacing: -1.59px;
}

.thanks__text {
    color: #FFF;
    text-align: justify;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.thanks__input {
    margin-top: 100px;
}

.advantages__text {
    margin-top: 30px;
    text-align: center;
    
}

/* ==========================================================================
   PERSONAL DATA AGREEMTNT PAGE
   ========================================================================== */
.pda {
    padding: 143px 0 0px;
    position: relative;
    display: flex;
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center;   /* Центрирование по вертикали */
    min-height: 100vh;     /* Задает минимальную высоту контейнера на всю высоту видимой области */
}

.pda .container {
    position: relative;
}

.pda .bg:before {
    content: '';
    position: absolute;
    left: 438px;
    top: 311px;
    width: 702px;
    height: 702px;
    opacity: 0.7;
    background: radial-gradient(50% 50% at 50% 50%, rgba(113, 127, 13, 0.70) 0%, rgba(113, 127, 13, 0.00) 100%);
}

/*.pda__row {
    display: flex;
    align-items: flex-start;
}*/
.pda__row {
    display: flex;
    align-items: center; /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    width: 100%; /* Расширение на всю ширину страницы */
    min-height: 100vh; /* Задает минимальную высоту контейнера на всю высоту видимой области */
    /*margin-top: -150px; !* Поднимает блок на 50 пикселей выше *!*/
}

.pda__block {
    max-width: 80%;
    /*width: auto;*/
    flex-shrink: 0;
    /*margin-top: 75px;*/
    margin-left: 1px;
}

.pda__title {
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: -1.59px;
}

.pda__text {
    color: #FFF;
    text-align: justify; !important; /* Используем !important для приоритета */
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.pda__input {
    margin: 100px auto;
    max-width: 30%;
}

.advantages__text {
    margin-top: 30px;
    text-align: justify;

}

/* ==========================================================================
   PDA FORM
   ========================================================================== */

.pdaform {
    padding: 50px 0 192px;
    position: relative;
    display: flex;
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center;   /* Центрирование по вертикали */
    min-height: 100vh;     /* Задает минимальную высоту контейнера на всю высоту видимой области */
}

.pdaform__row {
    display: flex;
    align-items: center; /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    width: 100%; /* Расширение на всю ширину страницы */
    min-height: 100vh; /* Задает минимальную высоту контейнера на всю высоту видимой области */
}

.pdaform__form {
    width: 581px;
    flex-shrink: 0;
    border-radius: 40px;
    position: relative;
    padding: 92px 74px 73px;
    z-index: 1;
}
/*

.pdaform {
    padding: 65px 0 63px;
    position: relative;
    z-index: 1;
}
*/

.pdaform_study {
    padding-bottom: 75px;
}

/*.pdaform__row {
    position: relative;
}*/
/*.pdaform__row {
    position: relative;
    display: flex; !* Добавляем flexbox *!
    justify-content: center; !* Центрируем по горизонтали *!
    align-items: center; !* Центрируем по вертикали *!
    min-height: 100vh; !* Задаем минимальную высоту контейнера на всю высоту видимой области *!
}*/

/*.pdaform__form {
    width: 581px;
    flex-shrink: 0;
    border-radius: 40px;
    position: relative;
    padding: 92px 74px 73px;
    z-index: 1;
}*/

.pdaform_study .pdaform__form {
    width: 709px;
    padding-left: 70px;
    padding-right: 70px;
}

.pdaform__form:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 40px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    filter: brightness(150%);
}

.isSafari .pdaform__form:before {
    background: rgba(255, 255, 255, 0.04);
}

.pdaform__form:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    inset: 0;
    padding: 2px;
    border-radius: 40px;
    background: linear-gradient(88.32deg, #FE2073 0%, rgba(254, 32, 115, 0) 29.17%, rgba(137, 111, 30, 0) 73.55%, #717F0D 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.pdaform__caption {
    color: #FFF;
    text-align: center;
    font-size: 29px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 37px;
}

.pdaform__description {
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 44px;
}

.pdaform__submit {
    margin-top: 62px;
}

.grab__cnt {
    position: relative;
    z-index: 1;
}

.pdaform__input + .pdaform__input {
    margin-top: 20px;
}

.pdaform__ps {
    margin-top: 10px;
}

.pdaform__logo {
    position: absolute;
    right: 0;
    top: 19px;
    width: 938px;
    flex-shrink: 0;
}

.pdaform_study .pdaform__logo {
    width: 952px;
    right: -12px;
    top: -12px;
}

.pdaform__logo img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* ==========================================================================
   PHONE INPUT
   ========================================================================== */


.input__tel {
    position: relative;
    z-index: 2; /* Убедитесь, что значение z-index выше, чем у перекрывающего элемента */
    display: block;
    width: 100%;
    background: transparent;
    height: 55px;
    border-radius: 55px;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 25px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    padding: 0 31px;
    outline: none;
}
.grab .bg:before {
    pointer-events: none; /* Отключает обработку событий для этого элемента */
}

.grab .bg:before {
    z-index: 1; /* Убедитесь, что z-index ниже, чем у input */
}
/*отключить ссылку*/
.disabled-link {
    pointer-events: none; /* Отключает все события указателя */
    cursor: default; /* Устанавливает курсор по умолчанию */
    color: inherit; /* Сохраняет цвет текста, чтобы не было визуальных изменений */
    text-decoration: none; /* Убирает подчеркивание */
}

/* ==========================================================================
   ССЫЛКА ВОЗВРАТА ИЗ ДЕТАЛЬНОГО КЕЙСА В СПИСОК КЕЙСОВ
   ========================================================================== */

/*.back_to_cases_link {
	display: block; !* Делает ссылку блочной *!
	width: 100%;    !* Занимает всю ширину родительского элемента *!
	margin-left: 100px;
	margin-bottom: 100px;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: 13px;
	color: #e72d63;
	font-weight: bold;
}*/

.back_to_cases_link {
    margin-bottom: 50px;
    margin-top: -50px;
}

/*
.catch {
    margin: 100px 0 38px;
}*/


.projects__show-all-btn {
    display: block; /* Изменяем на block для центрирования */
    margin: 50px auto; /* Центрируем элемент и добавляем отступ сверху */
    padding: 7px 30.5px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 28px;
    background: rgba(8, 7, 20, 0.50);
    box-shadow: 3px -1px 10px 0px rgba(113, 127, 13, 0.60) inset, -3px 1px 10px 0px rgba(254, 32, 115, 0.50) inset;
    transition: all 0.2s ease-out;
}

.projects__show-all-btn:hover {
    box-shadow: 3px -1px 15px 0px rgba(113, 127, 13, 0.80) inset, -3px 1px 15px 0px rgba(254, 32, 115, 0.70) inset;
}

.projects__show-all-btn:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    inset: 0;
    padding: 2px;
    border-radius: 28px;
    background: linear-gradient(268.32deg, #FE2073 0%, rgba(254, 32, 115, 0) 29.17%, rgba(137, 111, 30, 0) 73.55%, #717F0D 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.projects__show-all-btn.active {
    background: linear-gradient(269deg, #FE2073 0%, #717F0D 100%);
    cursor: default;
}

/* ==========================================================================
   БЛОК СТИЛЕЙ ДЕТАЛЬНОГО КЕЙСА
   ========================================================================== */

.news-detail h3 {
    /*text-align: center;*/
}

/* ==========================================================================
   ЛИЧНЫЙ КАБИНЕТ КЛИЕНТА
   ========================================================================== */
/* =====    ЗАГОЛОВОК НАИМЕНОВАНИЕ КОМПАНИИ ===== */
h6.lk-company-name{
    margin: 0px;
    color: #FE2073B2;
}

.tariff-no-active{
    color: darkred;
    font-weight: bold;
}
.tariff-active{
    color: greenyellow;
    font-weight: bold;
}

/* =====    КНОПКА ВЫХОД ЛИЧНОГО КАБИНЕТА КЛИЕНТОВ ===== */

/*.logout-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f44336; !* Красный цвет *!
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
    position: relative; !* или absolute/fixed в зависимости от контекста *!
    z-index: 1000;
}*/

.logout-button-container {
    text-align: center; /* Центрирует содержимое внутри контейнера */
}

.logout-button {
    display: inline-block;
    border-radius: 10000px;
    background: #FE2073;
    box-shadow: 0px 0px 7px 0px #FF82B0 inset;
    text-decoration: none;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 13px 34.5px;
    transition: all 0.2s ease-out;
    position: relative;
    z-index: 1000;
}