@font-face {
  font-family: font_1;
  src: url("../fonts/AudiTypeVF.otf") format("truetype");
}
@font-face {
  font-family: font_2;
  src: url("../fonts/AudiTypeVF_Cyr.otf") format("truetype");
}
@font-face {
  font-family: font_3;
  src: url("../fonts/AudiTypeVF_Grk.otf") format("truetype");
}
@font-face {
  font-family: font_4;
  src: url("../fonts/AudiTypeVF_Lat.otf") format("truetype");
}

body {
    font-family: font_1;
    background: #101319;
}
.formBox{
    padding: 50px 0;
}
.formBox .UpperBox h1{
    font-family: font_1;
    font-weight: 400;
    text-align: center;
    margin-bottom: 24px;
            font-size: 36px;
        line-height: 52px;
        color: #fff
}
.formBox .UpperBox p{
    font-weight: 300;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    color: #eee
}

.formBox .formBoxFrame{
    width: 80%;
    margin: auto;
    margin-top: 0px;
}
    .formBox .formBoxFrame .GroupInputLabel {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
        border-bottom: 0px solid #000;
        color: #eee;
    }

        .formBox .formBoxFrame .GroupInputLabel .CustomInput {
            width: 100%;
            border: none;
            outline: none;
            padding: 10px;
            font-size: 16px;
            background: transparent;
            height: 48px;
            margin: 0;
            border-radius: 10px;
            border: 1px solid #848484;
            background: rgba(24, 29, 37, 0.6);
            transition:all .4s ease-in-out;
            color: #fff
        }
        .formBox .formBoxFrame .GroupInputLabel .CustomInput:focus{
            border: 1px solid #fff
        }
        .formBox .formBoxFrame .GroupInputLabel textarea.CustomInput {
            height: 150px
        }

        .formBox .formBoxFrame .GroupInputLabel label {
            position: relative;
            left: 0;
            top: 0;
            color: #000;
            font-size: 16px;
            pointer-events: none;
            transition: 0.3s ease all;
            color: rgba(252, 252, 253, 0.7);
        }
.formBox .formBoxFrame .GroupInputLabel input:focus + label,
.formBox .formBoxFrame .GroupInputLabel input:not(:placeholder-shown) + label {
  top: 0;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

    .formBox .formBoxFrame button {
        display: block;
        width: max-content;
        background: #000;
        color: #fff;
        font-size: 16px;
        padding: 15px 30px;
        border: 0;
        outline: 0;
        margin-top: 24px;
        background: rgb(101, 112, 129);
        color: rgb(252, 252, 253);
        box-shadow: rgba(101, 112, 129, 0) 0px 0px 0px 1px inset;
        transition-property: color, background, box-shadow;
        border-radius:35px;
        transition: all .4s ease-in-out;
    }

.formBox .formBoxFrame button:hover {
    background: rgb(44, 52, 63);
    color: rgb(252, 252, 253);
    box-shadow: rgba(219, 223, 230, 0.2) 0px 0px 0px 1px inset;
}




.ThankingPage {
    background: #101319;
    height: 300px;
    display: flex;
    align-items: center;
}

    .ThankingPage .ThankinContent {
    }

        .ThankingPage .ThankinContent .AlertThank {
            /*background-color: #1d1f4f !important;
            */
            /* border: 2px solid #1d1f4f !important; */
            padding: 15px 50px;
            width: auto;
            text-align: center;
            display: block;
            margin: auto;
            color: #fff
        }

            .ThankingPage .ThankinContent .AlertThank p {
                color: #fff;
                font-size: 25px;
                margin: 0;
            }

        .ThankingPage .ThankinContent .GotoHome {
            display: block;
            width: max-content;
            margin:auto;
            background: #000;
            color: #fff;
            font-size: 16px;
            padding: 15px 30px;
            border: 0;
            outline: 0;
            margin-top: 24px;
            background: rgb(101, 112, 129);
            color: rgb(252, 252, 253);
            box-shadow: rgba(101, 112, 129, 0) 0px 0px 0px 1px inset;
            transition-property: color, background, box-shadow;
            border-radius: 35px;
            transition: all .4s ease-in-out;
            text-decoration: none;
        }