.bottom-bar {
background-image: url(../img/1111.jpg);
  padding: 20px;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); /* Мягкая тень сверху */
  color: white ;
  text-align: left;
  position: relative;
  font-size: 16px;
  font-family: 'Oswald', sans-serif; /* Добавляем шрифт Oswald */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); /* Тонкая тень */
}


/* Стили для контента внутри панели */
.bottom-bar-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Выравниваем элементы по левому краю */
}

.contact-info,
.additional-info,
.legal-info {
  margin-bottom: 10px;
  width: 100%; /* Занимают всю ширину */
}

/* Убираем отступы у последнего элемента */
.legal-info:last-child {
  margin-bottom: 0;
}

.contact-info a,
.legal-info a {
  color: white;
  text-decoration: none;
}

.contact-info a:hover,
.legal-info a:hover {
  text-decoration: underline;
}

/* Индивидуальные стили для текста */

.contact-title {
    display: flex;              
    align-items: center;        
   justify-content: center;
    margin-bottom: 10px;
}

.contact-icon {
    width: 20px; /* Или другой подходящий размер */
    height: 20px; /* Чтобы иконка была квадратной */
    margin-right: 5px; /* Отступ между иконкой и текстом */
    vertical-align: middle; /* Выравнивание по вертикали */
    display: inline-block; /* Иконка как строчный элемент */
    margin-bottom: 0px;      /* Пример: добавьте отступ снизу */
    text-align: left; !important;
     
}




.osnv {
    font-size: 1.8em;            /* Увеличиваем размер шрифта (можно еще больше) */
    font-weight: 700;          /* Делаем шрифт жирным */
    text-align: center;      /* Центрируем текст по горизонтали */
    line-height: 1.5;         /* Устанавливаем межстрочный интервал для выравнивания по вертикали (можно настроить) */
    display: flex;            /* Превращаем контейнер в flexbox */
    align-items: center;      /* Выравниваем элементы (в нашем случае текст) по вертикали в центре */
    justify-content: center; /* Выравниваем элементы (в нашем случае текст) по горизонтали в центре */
    height: 60px;   /* Задаем высоту для элемента, чтобы выравнивание по вертикали было заметно */
    font-family: 'Roboto', sans-serif; /* Применяем шрифт Roboto */
}




.kont {
    text-align: center; 
  font-size: 2.0em; /* Пример: увеличиваем размер телефона */
  font-weight: bold; /* Делаем шрифт жирным */
    margin-bottom: 0px;
}

.phone-icone {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.kent-top {
    font-size: 1.4em;   /*  Больший шрифт  */
    margin-bottom: 10px; /* Отступ от верхнего текста */
    font-weight: bolder;
}

.kent-middle {
    font-size: 1.1em;  /*  Средний шрифт  */
    margin-bottom: 10px; /* Отступ от среднего текста */
}

.kent-bottom {
    font-size: 1.4em;   /*  Меньший шрифт  */
    
}

.kent {
    /* --- Основные настройки контейнера и фона (как в Варианте 1) --- */
    font-size: 1.3em;
    font-weight: bold;
    display: flex;
    flex-direction: column; /*  Организуем элементы вертикально  */
    justify-content: center;  /*  Выравниваем элементы по вертикали  */
    align-items: center;      /*  Выравниваем элементы по горизонтали  */
    min-height: 20px;
    width: 100%;
}
 


.cta-top-text {
    font-size: 1.2em;        /* Пример: установите размер шрифта */
    font-weight: bold;       /* Пример: сделайте текст жирным */
    margin-bottom: 8px;      /* Пример: добавьте отступ снизу */
    color: white;          /* Пример: установите цвет текста */
    text-align: left; !important;        /* Пример: выровняйте текст по левому краю */
}

.cta-top-textt {
    font-size: 1.5em;        /* Пример: установите размер шрифта */
    font-weight: bold;       /* Пример: сделайте текст жирным */
    color: white;          /* Пример: установите цвет текста */
    text-align: left;      
     margin-bottom: 20px;      /* Пример: добавьте отступ снизу */
       margin-top: 20px; 
}

.cta-top-texttt {
    font-size: 1.2em;        /* Пример: установите размер шрифта */
    font-weight: bold;       /* Пример: сделайте текст жирным */
    color: white;          /* Пример: установите цвет текста */
    text-align: left;      
     margin-bottom: 10px;      /* Пример: добавьте отступ снизу */
}
.cta-phone {
    font-size: 1em; /* Меньший шрифт */
    
}



.working-hours {
  font-size: 0.9em; /* Пример: уменьшаем размер времени работы */
}

.address {
    font-size: 1em; /* Стандартный размер для адреса */
    font-weight: 700; 
    text-align: left; 
}

.email {
    font-weight: 700; 
    text-align: left; 
    
}

.phone {
    font-weight: 700; 
    text-align: left; 
}
.privacy{
    font-size: 1.1em;
}
.terms{
    font-size: 1.1em;
 }


.refund {
    font-size: 1.1em; /* Уменьшаем размер ссылок на юридическую информацию */
}

/* Адаптивные стили (пример) */

  .contact-info,
  .additional-info,
.legal-info {
    display: flex;
    flex-direction: column; /* Располагаем ссылки вертикально */
    align-items: center;      /* Выравниваем ссылки по центру */
    text-align: center;       /* Центрируем текст внутри ссылок */
}