@import url('https://fonts.googleapis.com/css?family=Almarai|Cairo|Tajawal&display=swap');
body {
    font-family:almarai;
    direction: rtl;
    text-align: right;
}

.navbar-brand {
    margin-left: 1rem;
}

.input-group{
    flex-direction: row-reverse;
}

.babupfooter{background-color:#03A9F4;padding:20px;margin-top:10px;}
.bab2{font-family:cairo;font-size:22px;color:#fff;padding:10px;padding-bottom:20px;}

.logohf2{font-size:12px;padding:10px;color:#fff;padding-top:20px;}

.bab3{}
.bab3 ul{padding:0;margin:0;}
.bab3 ul li{list-style-type:none;}
.bab3 ul li a{color:#fff;display:block;padding:5px;font-size:12px;}
.bab3 ul li a:hover{text-decoration:none;color:#01579B;}

.footerbabdown{
    
    background-image: linear-gradient(to right,#fff ,#E1F5FE);
    
    padding:10px;border-radius: 30px;margin-top:10px;}

.babitem{
    background: -moz-linear-gradient(90deg, #f1f2f6 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f2f6));
    background: -webkit-linear-gradient(90deg, #f1f2f6 0%, #ffffff 100%);
    background: -o-linear-gradient(90deg, #f1f2f6 0%, #ffffff 100%);
    background: -ms-linear-gradient(90deg, #f1f2f6 0%, #ffffff 100%);
    background: linear-gradient(0deg, #f1f2f6 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f6',GradientType=0 );
    margin: 15px auto;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e8e9ea;
    box-shadow: 0 0 12px 1px rgba(178, 174, 196, 0.2);
}

.babp1{font-family:cairo;font-size:17px;font-weight:500;color:#03A9F4;text-align: center;padding:10px;}
.babp2{font-size:12px;color:#000;text-align: center;}
.babup21{text-align:left;}
.babup900{font-family:Almarai;font-size:28px;color:#03A9F4;font-weight:700;padding-top:25px;}
.babup901{font-family:cairo;font-size:14px;color:#000;}
.babuprow12{padding:50px;}

.babicon224{font-family:Almarai;font-size:16px;color:#000;text-align:center;}
.babicon223{text-align: center;
    filter: invert(56%) sepia(98%) saturate(1536%) hue-rotate(169deg) brightness(101%) contrast(93%);
}
.babicon223:hover{

filter: invert(0%) sepia(93%) saturate(20%) hue-rotate(115deg) brightness(95%) contrast(98%);
}

.babup2301{margin-top:30px;margin-bottom:30px;}

.babupff23{text-align:left;}

.qimapro1{font-size:24px;padding:15px;color:#fff;}
.qimapro1:hover{color:#01579B;}


.babcopyright{font-size:16px;color:#fff;font-family:cairo;}

.bab345{padding-top:10px;color:#B3E5FC;font-family:tahoma;}