@font-face {
    font-family: Estedad-FD-Regular;
    src: local('Estedad-FD-Regular'), url('../fonts/Estedad-FD-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: Estedad-FD-Medium;
    src: local('Estedad-FD-Medium'), url('../fonts/Estedad-FD-Medium.ttf');
    font-display: swap;
}

@font-face {
    font-family: Estedad-FD-Bold;
    src: local('Estedad-FD-Bold'), url('../fonts/Estedad-FD-Bold.ttf');
    font-display: swap;
}

@font-face {
    font-family: Estedad-FD-Black;
    src: local('Estedad-FD-Black'), url('../fonts/Estedad-FD-Black.ttf');
    font-display: swap;
}

@font-face {
    font-family: Estedad-FD-ExtraBold;
    src: local('Estedad-FD-ExtraBold'), url('../fonts/Estedad-FD-ExtraBold.ttf');
    font-display: swap;
}


html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    direction: rtl;
    font-family: Estedad-FD-Regular;
}

.transparentBG {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}
.textCenter {
    text-align: center;
}
.textCenter2 {
    display: flex;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
/*************** Bg Form *****************/
.bg_card_1 {
    border-radius: 10px;
    background-color: #fff;
    /*background-color: rgba(197, 197, 197, 0.4);*/

    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.BGStyle_1 {
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(202,248,255,1) 0%, rgba(186,204,227,1) 51.2%, rgba(117,144,179,1) 100.1% );
}

.bgImageLogin {
    background-image: url("../../img/WhiteBg.jpg");
    background-repeat: no-repeat;
    background-color: #cccccc;
    background-size: cover;
}

@media only screen and (min-width: 800px) {
    .BgForm_1 {
        z-index: 1;
        width: 40%;
        margin-right: 30%;
        direction: rtl;
        padding: 20px;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #f0f0f0;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    }
}

@media only screen and (max-width: 799px) {
    .BgForm_1 {
        width: 60%;
        margin-right: 20%;
        direction: rtl;
        padding: 20px;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #f0f0f0;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    }
}

@media only screen and (max-width: 499px) {
    .BgForm_1 {
        width: 80%;
        margin-right: 10%;
        direction: rtl;
        padding: 20px;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #f0f0f0;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    }
}

/*.BgForm_1 {
    direction: rtl;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    margin: 10% 30% auto auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}*/
.BgForm2 {
    width: 90%;
    border: 1px solid #8a8a8a;
    border-radius: 10px;
    padding: 8px;
    margin: 0 5% 0 0;
}

.BgForm3 {
    border-radius: 25px;
    min-width: 250px;
    width: 20%;
    height: auto;
    padding: 2%;
    border: 5px solid rgba(255, 255, 255, 1);
    background: #fcfcfc;
    background: linear-gradient(180deg,rgba(252, 252, 252, 1) 0%, rgba(225, 239, 242, 1) 100%);
}
/*************** Divider *****************/
.horizontal_divider_1 {
    background-color: #BDBDBD;
    width: 100%;
    height: 0.5px;
    margin:12px 0 12px 0;
}
.horizontal_divider_blue {
    background-color: #2596be;
    width: 100%;
    height: 0.5px;
    margin: 12px 0 12px 0;
}
/*************** TextBox *****************/
.txt_style1 {
    border: 2px solid #F8F9FA;
    border-radius: 25px;
    padding: 14px;
    background-color: white;
}

    .txt_style1:focus {
        outline: none;
        border: 2px solid #F8F9FA;
    }

.txt_style2 {
    border: 2px solid #F8F9FA;
    border-radius: 10px;
    padding: 14px;
    background-color: white;
}

    .txt_style2:focus {
        outline: none;
        border: 2px solid #F8F9FA;
    }

.txt_style3 {
    border: 2px solid #2596be;
    border-radius: 10px;
    padding: 14px;
    background-color: white;
}

    .txt_style2:focus {
        outline: none;
        border: 2px solid #F8F9FA;
    }

/******************** Button *******************/
.btn-simple:hover {
    cursor:pointer;
}

.btn_1 {
    border-radius: 20px;
    background-color: #0fd284;
    padding: 10px 20px 10px 20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    font-family: Estedad-FD-Bold;
    text-align: center;
    color: #fff;
}

    .btn_1:hover {
        cursor: pointer;
    }