/* Змінювати тільки цю частину */
 .language::after {
    background-color: #F5A200; /* Колір тексту при навеленні на мову*/
}

.text-buttons span::after {
    background-color: #F5A200; /* Колір тексту при наведенні на нижній текст як Privacy Policy */
}
input {
    background-color: #222222; /* Колір фону поля введення даних*/
    border: 1px solid #F5A200; /* Колір окантовки поля введення даних*/
    border-radius: 0px;  /* Радіус закруглення поля*/
    color: white;  /* Колір тексту поля введення даних*/
}
input::placeholder{
    color: #F5A200;  /* Колір тексту при введенні даних*/
}
input[type="checkbox"]:checked::after {
    border: solid #F5A200; /* Цвет галочки */
 }
 label {
    color: white;
 }
 input[type="checkbox"] {
border: 1px solid #F5A200; /* Обводка чекбокса */
background-color: #222222;
border-radius: 0px; /* Закругленные углы */
 }
.left-container button {
    background-color: #F5A200;  /* Колір кнопки */
    color: #222222;  /* Колір тексту кнопки*/
    border: 0px solid white;  /* Колір окантовки кнопки */
    border-radius: 0px;  /* Радіус закруглення кнопки */
    box-shadow: 0px 0px 0px #bd7e00;  /* Колір та розмір тіні кнопки */
    font-family: 'Helvetica', sans-serif;  /* Шрифт кнопки */
    font-weight: 600;  /* Начертання тексту кнопки */
}
.left-container button:hover {
    background-color: #222222; /* Колір кнопки коли вона натиснута */
    color: #F5A200;  /* Колір тексту кнопки коли вона натиснута */
    border: 1px solid #F5A200; /* Колір окантовки кнопки коли вона натиснута */
}
.captain-dialog {
    color: #ffffff; /* Колір тексту у діалоговому окні */
    background-color: #222222; /* Колір фону у діалоговому окні */
    border: 1px solid black; /* Колір окантовки у діалоговому окні */
    border-radius: 0px; /* Радіус закруглення у діалоговому окні */
    font-family: 'Helvetica', sans-serif; /* Радіус закруглення у діалоговому окні */
    font-weight: 400; /* Или можно использовать font-weight: 400; */
}
.captain-name {
    background-color: #F5A200;
    color: #222222;
    font-family: 'Helvetica', sans-serif;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 700;
    /*transform: skew(-20deg);
   /* box-shadow: 5px 5px 0px #27687B; /* Смещение на 5px вниз и вправо, цвет тени */
}
h1 {
    background: linear-gradient(to right, #F7EEE5, #D5BDA4); /* Яркий жёлто-оранжевый градиент */
    -webkit-background-clip: text; /* Для обрезки фона по тексту */
    color: transparent; /* Цвет текста становится прозрачным для отображения фона */
    font-family: 'Helvetica', sans-serif; /* Указываем шрифт Inter */
    /*text-shadow: 0px 0px 15px #431677; /* Тень под текстом с заданными параметрами */
}
.subtitle {
    color: white;
    font-family: 'Helvetica', sans-serif; /* Указываем шрифт Inter */
}
.checklist {
    color: rgba(255, 255, 255, 0.778);
        font-family: 'Helvetica', sans-serif; /* Указываем шрифт Inter */
        font-weight: 500;
    
  }
  .checklist li::before {
    color: #F5A200; /* Цвет галочки */
  }
.center-container .subtitle {
    color: #F5A200;
    font-family: 'Helvetica', sans-serif; /* Указываем шрифт Inter */
}
/* Далі нічого не чіпати */

 button {
background-color: #F5A200;  /* Колір кнопки */
color: #222222;  /* Колір тексту кнопки*/
border: 0px solid white;  /* Колір окантовки кнопки */
border-radius: 0px;  /* Радіус закруглення кнопки */
box-shadow: 0px 0px 0px #bd7e00;  /* Колір та розмір тіні кнопки */
font-family: 'Helvetica', sans-serif;  /* Шрифт кнопки */
font-weight: 600;  /* Начертання тексту кнопки */
}
button:hover {
    background-color: #222222; /* Колір кнопки коли вона натиснута */
    color: #F5A200;  /* Колір тексту кнопки коли вона натиснута */
    border: 1px solid #F5A200; /* Колір окантовки кнопки коли вона натиснута */
}
.left-container button {
    background-color: #F5A200;  /* Колір кнопки */
    color: #222222;  /* Колір тексту кнопки*/
    border: 0px solid white;  /* Колір окантовки кнопки */
    border-radius: 0px;  /* Радіус закруглення кнопки */
    box-shadow: 0px 0px 0px #bd7e00;  /* Колір та розмір тіні кнопки */
    font-family: 'Helvetica', sans-serif;  /* Шрифт кнопки */
    font-weight: 600;  /* Начертання тексту кнопки */
}
.left-container button:hover {
    background-color: #181724; /* Колір кнопки коли вона натиснута */
    color: #F5A200;  /* Колір тексту кнопки коли вона натиснута */
    border: 1px solid #F5A200; /* Колір окантовки кнопки коли вона натиснута */
}
.engeneer-dialog {
background-color: #222222;
border: 1px solid black;
color: #ffffff;;
font-family: 'Helvetica', sans-serif;
font-weight: 400; /* Или можно использовать font-weight: 400; */
border-radius: 0px;
}
.engeneer-name{
background-color: #F5A200;
font-family: 'Helvetica', sans-serif;
/*box-shadow: 5px 5px 0px #27687B; /* Смещение на 5px вниз и вправо, цвет тени */
border-radius: 0px;
color: #222222;
font-weight: 700;
/*transform: skew(-20deg);*/
}
.tip-dialog {
background-color: #222222;
border: 1px solid #F5A200;
border-radius: 0px;
color: #ffffff;;
font-family: 'Helvetica', sans-serif;
font-weight: 400; /* Или можно использовать font-weight: 400; */
}
.container2 button
{
background-color: #F5A200;
color: #222222;
border: 0px solid #F5A200;
border-radius: 0px;
font-weight: 700;
}
.captain-dialog2 
{
font-family: 'Helvetica', sans-serif;
font-weight: 400; /* Или можно использовать font-weight: 400; */
color: #ffffff;;
background-color: #222222;
border: 1px solid black;
border-radius: 0px;
}

/* Цю не змінювати */