html,body {
    direction: rtl;

}

 
.page-linkK{
  color:rgba(0, 147, 219, 1);
  font-weight: 700;
  border: 1px solid rgba(0, 147, 219, 1);
  border-radius: 50%;
}
.page-linkK:hover{
    color:white;
    font-weight: 700;
    background-color: rgba(0, 147, 219, 1);
    border: 1px solid rgba(0, 147, 219, 1);
    border-radius: 50%;
  }
  
.PragWho{
    font-family: DIN Next LT W23;
font-size: 20px;
font-weight: 400;
line-height: 30px;

}
/* Form  */
/* heading Form */
.hregister{
    font-family: Almarai;
    font-size: 36px;
    font-weight: 700;
    line-height: 30px;
  color: rgba(38, 50, 56, 1);
}
/* prag Form */
.pregister{
    font-family: Almarai;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
 color: rgba(38, 50, 56, 1);

    
}
/* Contactus  */
.send{
font-family: DIN Next LT W23;
font-size: 20px;
font-weight: 600;
line-height: 25px;
color: var(--02---Dark-Color---Gray---400, rgba(102, 102, 102, 1));


}
/* Number &Email under img Auth */
.number{
    color: rgba(73, 127, 178, 1);

}
/* button Auth */
.Btn{

    background-color:rgba(0, 147, 219, 1);
    color: #fff;
padding:4% 35% ;
font-family: Almarai;
font-size: 16px;
font-weight: 600;
line-height: 24px;

}
.BBTTN{
    padding:4% 35% ;
}
.BBTTN:hover{
    background-color:rgba(0, 147, 219, 1);
    padding:4% 35% ;

}
/* Navbar */
.navbar-toggler{
    color:white;
    background-color:  rgba(0, 147, 219, 1);


}

.nav-link{
    color: black !important;
}
.nav-link:hover{
    color:  rgba(0, 147, 219, 1) !important;
}
@media screen and (max-width:1000px){
    .navbar{
        background-color: rgba(163, 211, 235,0.5);

    }
    .navbar-nav{
        margin-right: auto;
    }
        }
    .nav-pills .nav-item .nav-link{
        color: rgba(128, 128, 128, 0.9) !important;
        background-color:transparent !important;

    }
    .nav-pills .nav-item .nav-link:hover{
        color:white!important;
        background-color:rgba(0, 147, 219, 1)  !important;
    }
/* OTP */
.test1:hover{
border: solid 3px  rgba(0, 147, 219, 1);
padding-top: 20px;
}
.test2:hover{
    border: solid 3px  rgba(0, 147, 219, 1);
    padding-top: 20px;
    }
.test3:hover{
    border: solid 3px  rgba(0, 147, 219, 1);
    padding-top: 20px;
        }
.test4:hover{
    border: solid 3px  rgba(0, 147, 219, 1);
    padding-top: 20px;
            }
.test5:hover{
    border: solid 3px  rgba(0, 147, 219, 1);
    padding-top: 20px;
                }
                                        
/* bg footer */
.footer1{
    background-image: url(../Img/bgFooter.jpg);
    background-position: center center;
    background-size: cover;
    width: 100%;
}
.footer2{    
width: 100%;
background-color:  rgba(38, 48, 50, 0.9);

}

/* Sec 1 Footer */
.sec1{
    font-family: Almarai;
font-size: 18px;
font-weight: 400;
line-height: 30px;

}

.pCourse{
margin-right: 25%;
margin-top: 2%;
font-family: Almarai;
font-size: 18px;
font-weight: 400;
line-height: 28.8px;

}

/* .NavTab ul li button{
    border: none;
cursor: pointer;
color: #222;
} */
.card-title{
    font-family: Almarai;
font-size: 20px;
font-weight: 800;
color:  rgba(0, 147, 219, 1);


}
.btnn{
    background-color: rgba(73, 127, 178, 1);

}