/* Китайско-язычная версия форы запроса на сайте
  * Styling the Body element 
        i.e. Color, Font, Alignment */
body {
       background-color: rgb(30,33,61);
       font-family: Verdana;
       text-align: center;
        }



.header {
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1%;
    margin-left: 3%;
    
}



/*Логотип в хедере  182x36 исходный размер, 0,197802 пропорция */
.image1 {
    width: 182px;
    height: 36px;
    margin-top: 0%;
    margin-left: 0%;
}

/*Языковое меню в хедере*/
.wrapper28 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0px 7px;
    margin: 25px 0px 5px 15%;
    width: 211px;
}

/*Текст -ru- в языковом меню в хедере*/
.text_ru {
   cursor: pointer;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 0.4;
    text-decoration: none;
     transition: 0.3s;
}

.text_ru:hover {
    
    opacity: 1;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; /* Плавная белая тень у текста */
     transition: 0.3s;
}


/*Текст -/- в языковом меню в хедере*/
.text2 {
    width: 4px;
    height: 20px;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 0.4;
}

/*Текст -en- в языковом меню в хедере*/
.text3 {
   cursor: pointer;
    font:
        400 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    
    text-decoration: none;
    transition: 0.3s;
    opacity: 0.4;
}

.text3:hover {
    opacity: 1;
    text-shadow:
        0 0 1.5px #fff,
        0 0 1.5px #fff,
        0 0 1.5px #fff; /* Плавная белая тень у текста */
     transition: 0.3s;
}

/*Текст -ch- в языковом меню в хедере*/
.text4 {
    cursor: default;
    margin: 4px 6px 0px 0px;
    text-decoration: none;
    font:
        400 15px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    opacity: 1;
    transition: 0.3s;
}

.text4:hover {
   
}


/*Номер телефона в основном навигационном меню в хедере справа*/
.highlight3 {
   
    margin: 27px 50px 0px 17%;
    
    padding-top: 0%;
    font:
        500 18px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.highlight3:hover {
    text-shadow:
        0 0 1.6px #fff,
        0 0 1.6px #fff,
        0 0 1.6px #fff; /* Плавная белая тень у текста */
}


.firstSection{
    display: block;
    align-content: center;
    
}



.secondSection{
    display: none;
    
}


h1 {
    
    padding-top: 3%;
    color: white;
    font:
        500 34px/1.39 "Helvetica Neue",
        Helvetica,
        Arial,
        serif;
    font-weight: 300;
}

        /* Styling the Form (Color, Padding, Shadow) */
        form {
            background-color: #fff;
            max-width: 500px;
            margin: 50px auto;
            padding: 30px 20px;
            border-radius: 5px;
            box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5);
        }

        /* Styling form-control Class */
        .form-control {
            text-align: left;
            margin-bottom: 25px;
        }

        /* Styling form-control Label */
        .form-control label {
            display: block;
            margin-bottom: 10px;
        }

        /* Styling form-control input, 
        select, textarea */
        .form-control input,
        .form-control select,
        .form-control textarea {
            border: 1px solid #777;
            border-radius: 4px;
            font-family: inherit;
            padding: 10px;
            display: block;
            width: 95%;
        }

        /* Styling form-control Radio 
        button and Checkbox */
        .form-control input[type="radio"],
        .form-control input[type="checkbox"] {
            display: inline-block;
            width: auto;
        }

        /* Styling Button 1 */
        .submitButton {
            background-color: rgb(240,84,84);
            
            border: 1px solid #777;
            border-radius: 5px;
            font-family: inherit;
            padding-top: 2%;
            padding-bottom: 2%;
            font-size: 21px;
            display: block;
            width: 100%;
            margin-top: 50px;
            margin-bottom: 20px;
            color: white;
        }


.thirdSection{
    display: flex;
    flex-direction: row;
    justify-content: center;

    
    
    
}

        /* Styling Button */
        .vernutsiaButton {
            display: block;
            background-color: rgb(240,84,84);
            width:fit-content;
            border: 1px solid #777;
            border-radius: 5px;
            font-family: inherit;
            padding-top: 12px;
            padding-right:  24px;
            padding-bottom:  12px;
            padding-left:  24px;
            font-size: 21px;
            
            margin-top: 50px;
            margin-bottom: 20px;
            color: white;
            text-decoration: none;
        }