body{
    color: #2c2c2d;
    margin-top:7em;
    background-size: cover;
    font-family: "Century Gothic";
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/Century Gothic.ttf") format("truetype");
}
@media(max-width:960px) {
    .block-right {
        background: #046264;
        border-radius: 0px 0px 8px 8px!important;
        width: 232px;
    }
}
.text-theme {
    color: #5369f8 !important;
}

.btn-theme {
    background: #7fc8c2;
    border: 1px solid #7fc8c2;
    color: #fff;
    border-radius: 8px;
    font-size: 15px;
    padding: 10px 20px;
    margin-top: 5px;
}

.form-control {
    height: 48px;
    background: white;
    color: #9c9ca5;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: none;
    border: 1px solid transparent;
    padding-left: 20px;
    padding-right: 20px;
    border-color: #7fc8c2;
}

.block-right {
    background: #7fc8c2;
    border-radius: 0px 8px 8px 0px;
    width: 100%;
}

.btn.btn-white.btn-outline-white {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 8px;
}

.forgot-link{
    color: gray !important;
}

.block-auth {
    border-radius: 8px;
    box-shadow: 15px 20px 0px #7fc8c24d;
}

.user-login-style{
    margin-top: -34px;
}
.utilisateur{
    border-radius: 8px 0px 0px 8px;
    background-color: white;
    border-color: #7fc8c2;
}
.btn-view{
    margin-left: 220px;
    margin-top: -42px;

}
.btn-sign-up{
    margin-left: 59px;
    width: 100%;

}
.btn-subscribe{
    width: 100%;
    margin-left: 87px;


}
.sign-form-style{
    margin-top: 166px;

}
.sign-up-form{
    font-size: 27px !important;
    font-weight: bold;

}
.formulaire{
    margin-top: 253px;
    font-size: 18px;

}

.input-style{

    width: 114% !important;
}
.input-final{
    width: 109% !important;


}
input::placeholder {
    font-size: 14px;
}
.remplir{
    margin-top: -25px;
    margin-bottom: 28px;
}

.user-fa {
    border-radius: 8px 0px 0px 8px !important;
    background-color: #7fc8c2;
    border-color: #7fc8c2;
    color: white;
}

.btn-mdp {
    background: #7fc8c2;
    border: 1px solid #7fc8c2;
    color: #fff;
    border-radius: 8px;
    font-size: 15px;
    padding: 10px 20px;
}
.input_user {
    border-radius: 8px !important;
}
.lang-index {
    padding: 8px 0;
}
.form-group label {
    margin-top: 6px;
    margin-bottom: 11px;
    font-weight: bold;
}
.login_btn {
    background: #7fc8c2;
    border: 1px solid #7fc8c2;
    color: #fff;
    border-radius: 8px;
    font-size: 15px;
    padding: 10px 20px;
}