@font-face {
    font-family: 'rozhi';
    src: url('/font/iransans.ttf');
}
body{

    font-family: 'rozhi';
}

.bg-login{
    background-image: url('../images/4009033.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}



  .cardd {
    border-top: 0.1px solid #ffffff2c !important;
    border-left: 0.2px solid #ffffff2c !important;
    box-shadow: 5px 5px 12px #00000042 !important;
    background-color: #ffffff14;
    border-radius: 15px;
    overflow: hidden;
    backdrop-filter: blur(4px);
    margin-top: 10rem !important;
    direction: rtl;
}


.color-aa{
      color: #ffffffab !important;
    text-decoration: none !important;
}

.color-a{
      color: #ffffffab !important;
   
}

.color-aa:hover{
      color: #ffffff !important;
    text-decoration: none !important;
}

.color-a:hover{
      color: #ffffff !important;
   
}
.btn-dark {
    color: #fff !important;
    background-color: #313131f0 !important;
    border-color: #313131f0 !important;
}


.btn-dark:hover{
    background-color: #1f1f1ff0 !important;
    border-color: #1f1f1ff0 !important;
} 

.cardo{
        direction: rtl;

}

.card-footerr {
  
    border-image: radial-gradient(#979797, #ffffff) 14;
    border-top: 3px solid;
}

.card-headerr{
    
    border-image: radial-gradient(#979797, #ffffff) 14;
    border-bottom: 3px solid;

}

.nav-colorrr {
    background-color: #212529 !important;
}

.colorr{

     background-color: #212529 !important;
}


.footer-color {

     background-color: #444444 !important;
}
   

.kit{
    color: #444444;
}

.invalid-feedback { display: block; }
.is-invalid { border-color: #dc3545 !important; box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25); }
#registerResult { margin-bottom: 10px; text-align: center; }





.div1{
    background-color: #f0f8ff4a !important;
    width: 16% !important;
    margin: auto !important;
    margin-bottom: 23px !important;
   
}






/*    .cardd {*/
/*    border-top: 0.1px solid #ffffff2c !important;*/
/*    border-left: 0.2px solid #ffffff2c !important;*/
/*    box-shadow: 5px 5px 12px #00000042 !important;*/
/*    background-color: #ffffff14;*/
/*    border-radius: 15px;*/
/*    overflow: hidden;*/
/*    backdrop-filter: blur(4px);*/
/*    margin-top: 10rem !important;*/
/*}*/


/*.color-aa{*/
/*      color: #ffffffab !important;*/
/*    text-decoration: none !important;*/
/*}*/

/*.color-a{*/
/*      color: #ffffffab !important;*/
   
/*}*/

/*.color-aa:hover{*/
/*      color: #ffffff !important;*/
/*    text-decoration: none !important;*/
/*}*/

/*.color-a:hover{*/
/*      color: #ffffff !important;*/
   
/*}*/
/*.btn-dark {*/
/*    color: #fff !important;*/
/*    background-color: #313131f0 !important;*/
/*    border-color: #313131f0 !important;*/
/*}*/


/*.btn-dark:hover{*/
/*    background-color: #1f1f1ff0 !important;*/
/*    border-color: #1f1f1ff0 !important;*/
/*} */

/*.cardo{*/
/*        direction: rtl;*/

/*}*/

/*.card-footerr {*/
  
/*    border-image: radial-gradient(#979797, #ffffff) 14;*/
/*    border-top: 3px solid;*/
/*}*/

/*.card-headerr{*/
    
/*    border-image: radial-gradient(#979797, #ffffff) 14;*/
/*    border-bottom: 3px solid;*/

/*}*/

/*.nav-colorrr {*/
/*    background-color: #212529 !important;*/
/*}*/

/*.colorr{*/

/*     background-color: #212529 !important;*/
/*}*/


/*.footer-color {*/

/*     background-color: #444444 !important;*/
/*}*/
   

/*.kit{*/
/*    color: #444444;*/
/*}*/


/*.button {*/
/*  font-family: inherit;*/
/*  font-size: 20px;*/
/*  background: royalblue;*/
/*  color: white;*/
/*  padding: 0.7em 1em;*/
/*  padding-left: 0.9em;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  border: none;*/
/*  border-radius: 16px;*/
/*  overflow: hidden;*/
/*  transition: all 0.2s;*/
/*  cursor: pointer;*/
/*}*/

/*.button span {*/
/*  display: block;*/
/*  margin-left: 0.3em;*/
/*  transition: all 0.3s ease-in-out;*/
/*}*/

/*.button svg {*/
/*  display: block;*/
/*  transform-origin: center center;*/
/*  transition: transform 0.3s ease-in-out;*/
/*}*/

/*.button:hover .svg-wrapper {*/
/*  animation: fly-1 0.6s ease-in-out infinite alternate;*/
/*}*/

/*.button:hover svg {*/
/*  transform: translateX(1.2em) rotate(45deg) scale(1.1);*/
/*}*/

/*.button:hover span {*/
/*  transform: translateX(5em);*/
/*}*/

/*.button:active {*/
/*  transform: scale(0.95);*/
/*}*/

/*@keyframes fly-1 {*/
/*  from {*/
/*    transform: translateY(0.1em);*/
/*  }*/

/*  to {*/
/*    transform: translateY(-0.1em);*/
/*  }*/
/*}*/
