@font-face {
    font-family: irsans;
    src: url("../fonts/irsans.svg") format("svg"),
    url("../fonts/irsans.ttf") format("ttf"),
    url("../fonts/irsans.woff") format("woff"),
    url("../fonts/irsans.eot") format("eot");
}

@font-face {
    font-family: yekan;
    src: url("../fonts/Yekan.svg") format("svg"),
    url("../fonts/Yekan.ttf") format("ttf"),
    url("../fonts/Yekan.woff") format("woff"),
    url("../fonts/Yekan.eot") format("eot");
}

html,
body {
    height: 100%;
    font: 400 0.875rem/1.375rem yekan, irsans;
}

body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;

    background-repeat: no-repeat;
  background-attachment: fixed;
    background-size: cover;
    background-position: center;
    direction: rtl;

    background-image: linear-gradient(rgba(0, 166, 255, 0.9), rgba(0, 94, 255,0.9)),
                  url("../images/english-classroom.jpg");

    /*background: -webkit-linear-gradient(bottom, #005eff, #00bfd8);*/
    /*background: -o-linear-gradient(bottom, #005eff, #00bfd8);*/
    /*background: -moz-linear-gradient(bottom, #005eff, #00bfd8);*/
    /*background: linear-gradient(bottom, #005eff, #00bfd8);*/
}

.form-signin {
    width: 90%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
    /*background-color: rgba(255, 255, 255, 1);*/
    /*border-radius: 10px;*/
    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
    color: #000000;
}

.form-signin input[type="text"] {
    width: 100%;
    border: none;
    background-color: #ffffff;
    border-radius: 50px;
    color: #242424;
    padding: 10px 20px;
    margin-top: 10px;
    text-align: right;
}

.form-signin input[type="password"] {
    width: 100%;
    border: none;
    background-color: #ffffff;
    border-radius: 50px;
    color: #242424;
    padding: 10px 20px;
    margin-top: 10px;
    text-align: right;
}

.form-signin input[type="email"] {
    width: 100%;
    border: none;
    background-color: #ffffff;
    border-radius: 50px;
    color: #242424;
    padding: 10px 20px;
    margin-top: 10px;
    text-align: right;
}

.form-signin input[type="number"] {
    width: 100%;
    border: none;
    background-color: #ffffff;
    border-radius: 50px;
    color: #242424;
    padding: 10px 20px;
    margin-top: 10px;
    text-align: right;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.form-signin input[type="file"] {
    width: 100%;
    border: none;
    background-color: #ffffff;
    border-radius: 50px;
    color: #242424;
    padding: 10px 20px;
    margin-top: 10px;
}

.form-select-avyan{
    width: 100%;
    border: none;
    background-color: #ffffff;
    border-radius: 50px;
    color: #242424;
    padding: 10px 20px;
    margin-top: 10px;
}

.btn-avyan {
    width: 100%;
    background-color: #00bfd8;
    border-radius: 50px;
    color: #ffffff;
    border: 2px solid #00bfd8;
    padding: 15px 20px;
    transition: all 0.4s;
}

.btn-avyan:hover {
    background: #ffffff;
    color: #000000;
}

.avyan-logo {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 10px;
    background-color: #ffffff;
}

.h1-header {
    color: #ffffff;
    font-weight: bolder;
}