@font-face {
    font-family: 'AlegreyaSC';
    src: url('/wp-content/themes/yourist/fonts/AlegreyaSC-Regular.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay';
    src: url('/wp-content/themes/yourist/fonts/PlayfairDisplay.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoFlex';
    src: url('/wp-content/themes/yourist/fonts/RobotoFlex.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

.page {
    margin: 0 !important;
}

div#page {
    background-color: #0E0E0E !important;

}


.post-text p {
    margin-bottom: .5rem !important;
}

a{
    color: #fff !important;
}

a:hover{
    text-decoration: none !important;
}

a:visited {
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'AlegreyaSC', sans-serif;
    color: gold; 
    /* background: linear-gradient(to right, #FFD700 0%, #998100 51%, #CCAC00 93%); */
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    margin-top: .5rem;
}

body{
    font-family: 'RobotoFlex'; 
    font-size: 14px;   
    overflow-x: hidden;
}

p, span, div,a, section {
  font-family: 'RobotoFlex';
}

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

section, footer, header{
    background-color: #0E0E0E;
}

li {
    /* list-style: none; */
    padding-left: 0;
}



.content-area{
    background-color: #0E0E0E;
}

.navbar{

    position: fixed !important;
    width: 100% !important;
}


.navbar {
            background-color: #0E0E0E; /* Dark background */
            color: gold; /* Gold text */
            
        }
        .navbar-brand img {
            max-height: 100px; /* Adjust image size as needed */
        }
        .nav-item{
            margin: 0 1rem;
        }
        .nav-link {
            color: gold !important;
            /* background: linear-gradient(to right, #FFD700 0%, #998100 49%, #FFD700 100%);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text; */
            /*font-size: 20px;*/
            font-family: 'AlegreyaSC';
        }
        .nav-link:hover {
            color: #fff;
        }
 		.phone-and-soc{
 			display: flex;
 			flex-direction: column;
 			align-items: flex-end;
            margin-left: auto;
 		}
 		.header-phone{
 			font-size: 36px;
            text-decoration: none;

 		}
        .header-phone:hover{
            text-decoration: none;
        }
        .social-icons a{
            margin-left: 1.5rem;
        }
    

.site-main {
    background-color: #0E0E0E;
}

  .legal-consultation {
  background-color: #0E0E0E; /* Темный фон */
  color: #fff; /* Белый текст */
  padding: 50px 0; /* Вертикальные отступы */
  text-align: left; 
  /*max-height: 1080px;
    height: calc(100vh - 100px);
    min-height: 560px;*/
}

.section-title {
   background: linear-gradient(to right, #FFD700 0%, #998100 51%, #CCAC00 93%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3rem; /* Размер заголовка */
  margin-bottom: 20px; /* Отступ снизу */
  position: relative;
  z-index: 10;

}

.section-text {
  font-size: 1.5rem; /* Размер текста */
  margin-bottom: 30px; /* Отступ снизу */
  color: #fff;

}

.btn-gold-image {
    display: inline-block;  /* чтобы кнопка занимала ровно столько места, сколько нужно */
    background-image: url('/wp-content/themes/yourist/img/gold-button.png');  /* путь к вашему фоновому изображению */
    background-size: cover;  /* чтобы изображение полностью покрывало кнопку */
    background-position: center;  /* позиционирование по центру */
    background-repeat: no-repeat; /* изображение не повторяется */
    padding: 15px 30px;  /* Отступы для кнопки */
    border-radius: 5px;  /* Закругление углов */
    text-decoration: none; /* убираем подчеркивание для ссылки */
    cursor: pointer; /* Курсор в виде руки */
    text-align: center; /* центрирование текста */
}


.lawyer-image {
  max-width: 100%;
  height: auto;
  border-radius: 5px; /* Скругленные углы */
  position: relative; /* поверх псевдоэлемента*/
  z-index: 1; /* ставим изображение поверх псевдоэлемента */

}


.overlay-first {
  position: absolute;
  top: 33rem;
  left: 0;
  width: 100%; /* На всю ширину */
  height: 16rem; /* На всю высоту */
  background-image: url('/wp-content/themes/yourist/img/shadow.png'); /* путь к вашему изображению затемнения */
  background-size: cover; /* фон на всю ширину*/
  background-position: center;  /* центрируем фон */
  opacity: 1;  /* степень прозрачности */
  
  z-index: 3; /* чтобы было под картинкой */
  }

  .overlay-second {
  position: absolute;
  bottom: -8rem;
  left: 0;
  width: 100%; /* На всю ширину */
  height: 16rem; /* На всю высоту */
  background-image: url('/wp-content/themes/yourist/img/shadow.png'); /* путь к вашему изображению затемнения */
  background-size: cover; /* фон на всю ширину*/
  background-position: center;  /* центрируем фон */
  opacity: 1;  /* степень прозрачности */
  
  z-index: 3; /* чтобы было под картинкой */
  }

.btn-gold-image span {
    color: #000; /* цвет текста на кнопке */
    font-size: 2rem;
    display: block; /* делает span блочным элементом для позиционирования */
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); /* легкая тень для лучшей читаемости */
    text-decoration: none;
}

.lawyer-image {
  max-width: 100%;
  height: auto;
  border-radius: 5px; /* Скругленные углы */
}


.lawyer-module {
  background-color: #0E0E0E;
  color: #fff;
  padding: 50px 0;
  position: relative;
}

.video-container {
  position: relative;
    border: 1px solid #555;
    height: 25rem;
    padding: 0 !important;
}

.video {
    
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.video-text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 10px;
  background-color: rgba(0,0,0,0.5); /* полупрозрачный фон для текста */
  color: #fff;
  font-size: 0.8em;
    line-height: 1;
}

.video-text-p {
  font-size: 0.8em;
  margin: 0;
}

.video-text-name {
    font-size: 1em;
    margin: 0;
}

.text-container {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  position: relative; /* Добавляем относительное позиционирование */
}

.module-title-box {
  background-color: #0E0E0E; /* цвет фона заголовка */
  padding: 2rem;
  position: absolute; /* Абсолютное позиционирование */
  top: 7rem; /* перекрывает видео */
    left: -8rem;
    width: 100%;
}
.module-title {
  font-size: 2.2em;
  margin: 0;
  text-align: left;
   line-height: 1;
}
.module-title-line {
    border-bottom: 2px solid gold;
    width: 100%;
  margin-top: 10px;
}

.benefits-row {
   margin-top: 20px; /* Добавляем отступ от видео */
   position: relative;
   z-index: 5;
}
.benitem {
    background: linear-gradient(to bottom, rgba(40, 40, 40, 0.7) 0%, rgba(75, 75, 75, 0) 100%);
    padding: 2rem;  /* внутренние отступы */
    text-align: center;
    color: #fff;
    border: 2px solid #555;
    height: 20rem;
}
.benefit-icon {
    
    display: block;
    margin: 0 auto 10px; /* центрирование иконки */
}

.benefit-title {
    font-family: 'PlayfairDisplay', sans-serif;
  font-size: 2rem; /* размер заголовка */
  margin-bottom: 10px;
  color: #D0D3DB; /* цвет заголовка */
}

.benefit-text {
    font-family: 'RobotoFlex', serif;
    font-size: 1rem; /* размер текста */
}
.services-module {
    background-image: url(/wp-content/themes/yourist/img/books-fon.png);
    background-color: #000;
    color: #fff;
    max-height: 600px;
    padding: 50px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

}

.services-title {
    color: gold;
    text-align: left;
    margin-bottom: 30px;
    font-size: 2em;
    position: relative;
      z-index: 1;

}
.services-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative; /* Добавил для z-index */
    z-index: 1; /* Добавил для того, чтобы услуги были поверх фона*/
    
  
}

.services-list div {
    width: 50%; /* каждая ссылка занимает 50% ширины */
    display: block; /* span становится блоком */
    margin: auto;
}

.service-link {
    color: gold;
    font-size: 1.5rem;
    padding: 1rem 1.2rem;
    text-decoration: none;
    
    display: block;
}
.service-link:hover {
    color: white;
    background-color: #ffffff14;
    text-decoration: none;
}

.won-cases-module {
  background-color: #0E0E0E;
  color: #fff;
  padding: 50px 0;
}



.cases-list {
  padding-right: 30px;
}

.case-item {
  padding: 10px 15px;
  margin-bottom: 5px;
  border-radius: 0;
  cursor: pointer;
  color: #fff;
  border: 1px solid transparent;
  font-size: 2rem;
  text-align: center;
}

.lawyer-container{
    position: relative;
    z-index: 5;
}

.list-unstyled{
    font-family: 'AlegreyaSC', sans-serif;
}
.case-item.active {
background-image: url('/wp-content/themes/yourist/img/gold-button.png');  /* путь к вашему фоновому изображению */
background-position: center;  /* позиционирование по центру */
background-size: cover;  /* чтобы изображение полностью покрывало кнопку */
  color: #fff;
}
.more-cases-link {
    font-family: 'AlegreyaSC', sans-serif;
  background-color: transparent;
  font-size: 2rem;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border: 1px solid gold;
  border-radius: 0;
  display: inline-flex;
align-items: center;
  margin-top: 10px;
  justify-content: center;
  width: 100%;    
}
.more-cases-link::after{
    content: ""; /* стрелка */
    margin-left: 10px; /* отступ от текста */
}

.case-details {
    background-color: transparent;
    padding: 20px;
    border-radius: 0;
    border: 1px solid gold;
    display: flex;
    flex-direction: column;

}

.case-title {
    font-family: 'AlegreyaSC', sans-serif;
  background: linear-gradient(to right, #FFD700 0%, #998100 51%, #CCAC00 93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  margin-bottom: 15px;
  font-size: 1.5em;
  padding: 0 1rem;
  height: 10%;
}

.case-description {

  line-height: 1.5;
  margin-bottom: 20px;
  height: 80%;
  font-size: 1.5rem;
  padding: 2rem;
}

.case-details span{
    text-align: end ;
}

.read-more-link {
    font-family: 'AlegreyaSC', sans-serif;
    background-image: url('/wp-content/themes/yourist/img/gold-button.png'); /* Замените 'your-image.jpg' на URL вашего изображения */
    background-size: cover; /* или contain, если нужно сохранить пропорции */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 2rem;

}
.read-more-link:hover{
    color: #fff;
    border-color: #fff;
}
.blog-module {
    background: url(/wp-content/themes/yourist/img/fon2.png);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
    color: #fff;
    padding: 50px 0;
    position: relative;
    min-height: 700px;
}


.blog-post-title {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.blog-post-excerpt {
    line-height: 1.5;
    margin-bottom: 20px;
    font-size: 1.5rem;
    padding-top:2rem ;
    padding-left: 2rem ;
    padding-bottom: 2rem;
}

.module-title-line {
    background-image: url('/wp-content/themes/yourist/img/gold-button.png'); /* Замените 'your-image.jpg' на URL вашего изображения */
    background-size: cover; /* или contain, если нужно сохранить пропорции */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 30%; 
    margin-top: 10px;
    margin-bottom: 10px;
}

.more-blog-big-link {
  background-color: transparent;
  font-size: 2rem;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border: 1px solid gold;
  border-radius: 0;
  display: inline-flex;
align-items: center;
  margin-top: 10px;
  justify-content: center;
  width: 40%;    
}

.gold-button {
    position: relative;
  /*  display: inline-block;  Чтобы работала position: relative; и анимация не влияла на другие элементы*/
    transition: color 0.3s ease-in-out; /* Плавное изменение цвета текста */
    /* overflow: hidden; Обрезаем содержимое, выходящее за рамки */
    z-index: 1;
}

.gold-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-image: url('/wp-content/themes/yourist/img/gold-button.png'); /* Замените на ваш путь */
    background-size: cover;
    transition: width 0.3s ease-in-out; /* Плавная анимация ширины */
    z-index: -1; /* Помещаем фон позади текста */
}


.gold-button:hover {
    color: #fff;
    text-decoration: none;
}
.gold-button:hover::before {
    width: 100%; /* Заполняем фон при наведении */
}
.blog-big-button{
    text-align: center;
}


.more-blog-link {
    font-family: 'AlegreyaSC', sans-serif;
    background-color: transparent;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border: 1px solid gold;
    border-radius: 0;
    /*display: inline-flex;*/
    align-items: center;
    font-size: 1.5rem;
}

.more-blog-link::after {
    content: "";
    margin-left: 10px;
}


.blog-controls {
   display: flex;
   justify-content: space-between;
    margin-top: 15px;
}

.blog-controls button {
    background-color: transparent;
    color: #fff;
    border: none;
    font-size: 2em;
    cursor: pointer;
}
.owl-carousel .owl-item{
    padding: 0 10px;
}



.container-z{
    position: relative;
    z-index: 2;
}

.legal-consultation{
     position: relative;
}
.lawyer-module{
    position: relative;
}
.services-module {
    position: relative;
}
.won-cases-module{
    position: relative;
}
/*.legal-consultation::after{
    content: "";
    position: absolute;
    bottom: -20rem;
    left: 0;
    width: 100%;
    height: 100%; 
    background-image: url('/wp-content/themes/yourist/img/shadow.png'); 
    background-size: cover; 
    background-repeat: repeat-x; 
    background-position: bottom; 
     pointer-events: none;
    z-index: 1;

}*/
.lawyer-module::after {
    content: "";
    position: absolute;
    bottom: -30rem;
    left: 0;
    width: 100%;
    height: 100%; /* высота затемнения */
    background-image: url('/wp-content/themes/yourist/img/shadow.png');  /* путь к вашему изображению затемнения*/
    background-size: cover; /* масштабирование */
    background-repeat: repeat-x; /*  повторение по горизонтали */
     background-position: bottom; /*  привязываем к низу */
    pointer-events: none;
    z-index: 1;
}
.services-module::after {
    content: "";
    position: absolute;
    bottom: -18rem;
    left: 0;
    width: 100%;
     height: 100%; /* высота затемнения */
     background-image: url('/wp-content/themes/yourist/img/shadow.png'); /* путь к вашему изображению затемнения*/
    background-size: cover;  /* масштабирование */
    background-repeat: repeat-x;  /*  повторение по горизонтали */
     background-position: bottom; /*  привязываем к низу */
    pointer-events: none;
    z-index: 0;
    rotate: 180deg;
}
.won-cases-module::after {
    content: "";
    position: absolute;
    bottom: -30rem;
    left: 0;
    width: 100%;
   height: 100%; /* высота затемнения */
   background-image: url('/wp-content/themes/yourist/img/shadow.png');  /* путь к вашему изображению затемнения*/
    background-size: cover; /* масштабирование */
    background-repeat: repeat-x; /*  повторение по горизонтали */
     background-position: bottom; /*  привязываем к низу */
     pointer-events: none;
    z-index: 1;
}



.form-section {
    background-color: #0E0E0E;
    color: #fff;
    padding: 50px 0;
}


.consultation-form-container {
    background-color: #151515; /* Темный фон */
    padding: 40px;
    border: 1px solid #222;
    
    
     color: #aaa;
}

.form-title {
    color: gold; /* Желтый заголовок */
    text-align: center;
    margin-bottom: 20px;
}

.form-description {
  text-align: center;
  margin-bottom: 30px;
    color: #fff;
}

.consultation-form .form-group {
    margin-bottom: 15px;
}

.form-input {
    width: 100%;
    padding: 15px !important;
    border: 1px solid #555;
    background-color: transparent; /* прозрачный фон*/
    color: #aaa;
    border-radius: 5px;
    outline: none; /* Убираем выделение при фокусе */
}

.form-input::placeholder { /* Стилизуем placeholder */
    color: #aaa;
}
.form-input:focus {
   border: 1px solid #ffcf5b;
}
.form-checkbox {
  display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-checkbox label {
    margin-left: 10px;
    user-select: none;
    font-size: 14px;
}
.form-checkbox input[type="checkbox"] {
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #aaa;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
  margin: 0;
}

.form-checkbox input[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     background-color: #ffcf5b;
    width: 10px;
    height: 10px;
}


.main-footer {
  background-color: #0E0E0E;
  color: #fff;
    padding: 30px 0;
}
.footer-content{
    display: flex;
    justify-content: space-between;
    align-items: center; /* выравнивание по вертикали */
}

.footer-logo{
    display: flex;
    flex-direction: column;
  align-items: flex-start;
}
.footer-logo img{
    /* max-width: 80px; */
    margin-bottom: 5px;
    display: block; /* для удаления отступов у изображения */
}
.footer-nav ul {
    list-style: none; /* Убираем маркеры списка */
    padding: 0;
    margin: 0;
    display: flex; /* Размещаем ссылки в ряд */
    gap: 20px;
}

.footer-nav a {
    color: gold;
    text-decoration: none;
}
.footer-nav a:hover{
    color: #fff;
}
.footer-contacts {
    text-align: right; /* Выравнивание телефона и соц.сетей справа */
}

.phone-number{
    font-size: 2rem;
}

.all-news-module {
    background-color: #0E0E0E;
    color: #fff;
    /* padding: 50px 0; */
    position: relative;
}


.news-cards-container {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.news-card {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
     cursor: pointer;
     width: calc(33.33% - 14px);
     box-sizing: border-box;
}
.news-card img {
    max-width: 100%;
    height: 200px;
    border: 1px solid transparent;
    object-fit: cover;
    display: block;
}
/* .news-card:hover img {
    border: 1px solid gold;
} */
.news-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    pointer-events: none;
    box-sizing: border-box;
}
.news-card:hover::after {
    border: 2px solid gold;
}

.news-card-title {
     color: #fff;
    font-size: 1em;
     margin-top: 10px;
     display: inline-block;
}
.all-news-module::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: url('overlay-image.png');
    background-size: cover;
    background-repeat: repeat-x;
    background-position: bottom;
     pointer-events: none;
    z-index: 0;
}

.single-post-module {
    color: #fff;
    padding: 50px 0;
    position: relative;
}

/*.section-title {
    color: gold;
    text-align: left;
    margin-bottom: 30px;
    font-size: 2em;
    position: relative;
    z-index: 1;
}*/

.single-post-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.post-text {
    flex: 1;
    min-width: 50%;
    /*padding: 20px;*/
    box-sizing: border-box;
    font-size: 1rem;
}

.post-image {
    flex: 0 0 40%;
    max-width: 35%;
    /*border: 1px solid #ddd;*/
    box-sizing: border-box;
}

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

.post-text-after-image {
    flex: 1;
    min-width: 100%;
    padding: 20px;
    box-sizing: border-box;
     order: 1;
}

.post-text h2, .post-text h3 .post-text h4{
    color: gold;
}

/* Меняем порядок отображения блоков на больших экранах */
@media (min-width: 769px) {
    .single-post-container {
     /*   flex-direction: row-reverse;*/
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .single-post-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .post-text {
        min-width: 100%;
    }

    .post-image {
        max-width: 100%;
    }
   .post-text-after-image {
       order: 0;
   }
}



.banner-module {
    height: 700px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

}

.sidebar-link{
    font-size: 1.5rem;
    color: #fff;
    
}

.services-list li {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1.2rem;
}

.service-sidebar{
    border-bottom: #727272 1px solid;
}
.cases-title-sidebar{
    font-size: 1.8rem;
}

.cases-title-sidebar a{
    background: linear-gradient(to right, #FFD700 0%, #998100 49%, #FFD700 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.cases-title-sidebar a:hover{
    color: #fff;
    text-decoration: none;
}

.service-sidebar-title {
    font-size: 1.5rem;
    padding-left: 10px;
}

.service-sidebar-coast {
    font-size: 1.5rem;
    background: linear-gradient(to right, #FFD700 0%, #998100 49%, #FFD700 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.content-container p,
.content-container li,
.content-container ul{ font-size: 1.5rem;color: #fff; }

@media (max-width: 768px) {
    .banner-module {
        height: 300px;
        background-size: cover;
    }
}



.about-us-section {
    background-image: url('/wp-content/themes/yourist/img/books-fon2.png');
    background-size: cover;
    background-position: center;
   
    color: #fff;
    position: relative;
}

.about-us-section .container{
 position: relative;
 z-index: 1;
}

.about-us-section::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.7); /* Затемнение фона */
}



.map-contact{
    position: relative;
}

/* Контейнер для карты и блока с информацией */
.map-container {
    position: relative;  /* Важно для абсолютного позиционирования блока */
    width: 100%;       /* Растягиваем карту на всю ширину */
}

/* Конт?