/***************
[ HEADER ]
***************/
        
      @font-face {
            font-family:'Droid Arabic Kufi Bold';
            src:URL('../fonts/DroidKufi-Bold.ttf');
        }
        @font-face {
            font-family:'Droid Arabic Kufi Regular';
            src:URL('../fonts/DroidKufi-Regular.ttf');
        }
        /***************
[ ABOVE NAV ]
***************/
.dateBtnPad
{
    padding: 0rem 7rem;
}
header #above-nav {
    background-image: url('../images/grey_bg.png');
    font-size: 13px;
    color: #20222C;
    font-family: 'Cairo';
    position: relative;
}

header #above-nav button {
    font-weight: 700;
}

header #above-nav p,
header #above-nav feImage {
    font-weight: 400;
}

header #above-nav button {
    background-color: #F7F8FA;
}

header #date p,
header #date i {
    margin-top: auto;
    margin-bottom: auto;
}       

       
/***************
[  END ABOVE NAV ]
***************/
        /***************
[ NAV ]
***************/
       
   #realnav {
    position: absolute;
    z-index: 9999999;
    left: 7.5%;
    bottom: -25%;
    width: 85%;
    margin: 0 auto;
}

.navbar-nav {
    margin-left: auto;
    flex-direction: row-reverse !important;
    background-image: linear-gradient(rgb(0, 77, 156), rgb(0, 64, 129));
    width: 100%;
    border-top: solid 5px #FFEE0D;
}

.nav-link {
    font-size: 15px;
    color: #ffffff ;
    font-family: "Cairo";
    font-weight: 400;
}
.nav-item:hover {
    background-color: rgb(2, 55, 109);
}
.nav-item
{
    transition: background-color 0s;
    padding: 0rem 1rem;
}
        
        /***************
[ END NAV ]
***************/
        /***************
[ BELOW NAV ]
***************/
        
        
       
     
#below-nav-inner {
    text-align: center;
    color: white;
    font-family: "Droid Arabic Kufi Bold";
    font-weight: bold;
    background-image: url('../images/headK3ba11.png');
    background-size: 100% 100%;
    height: 600px;
}

#below-nav-inner .imgtry {
    background-image: url('../images/headK3ba2.png');
    background-size: 100% 100%;
    height: 600px;
    width: 100%;
}

#below-nav-inner h1 {
    font-size: 48px;
    filter: drop-shadow(0.5px 0.866px 0px #000000);
}

#below-nav-inner h2 {
    font-size: 26px;
    filter: drop-shadow(0.5px 0.866px 0px #000000);
}

header .showSlide {
    display: none
}

.showSlide img {
    width: 100%;
}

header .slidercontainer {
    margin: auto;
}

header .left,
header .right {
    cursor: pointer;
    position: absolute;
    top: 65%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

header .right {
    right: 100px;
    border-radius: 3px 0 0 3px;
}
header .left {
    left: 100px;
    border-radius: 3px 0 0 3px;
}
header.left:hover,
header.right:hover {
    background-color: rgba(115, 115, 115, 0.8);
}

header.active {
    background-color: #717171;
}

header.showSlide{position: relative;}
/* Fading animation */

header.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
header .slidercontainer i{
font-size: 20px;
}
header .slidercontainer a{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    background-color:rgba(255,255,255,0.3);
    border-radius: 20px;
    margin-right: 7px; /*space between*/

} header .slidercontainer a i{
    padding: 12px 11px;
    font-size: 20px;
    color: white;

}


   

   
/***************
[ END BELOW NAV ]
***************/
        /***************
[ END HEADER ]
***************/
        /***************
[ لماذا تفضل ]
***************/
        
        #whyUs {
            background-image: url('../images/Rectangle5.png');
            background-size: 100% 100%;
            height: 400px;
            direction: rtl;
        }
        
        #whyUs .whyUsTitle .divP2 {
            width: 35%;
            margin: auto;
        }
        
        #whyUs .whyUsTitle .p1 {
            font-size: 22px;
            color: #000000;
            font-family: "Cairo";
            font-weight: 700;
            text-align: center;
        }
        
        #whyUs .whyUsTitle .p2 {
            height: 48px;
            font-size: 13px;
            line-height: 24px;
            color: #000000;
            font-family: "Cairo";
            font-weight: 400;
            text-align: center;
            padding-bottom: 70px;
        }
        
        #whyUs .whyUsContainer .icon {
            font-size: 50px;
            line-height: 14px;
            background-color: rgb(1, 68, 137);
            width: 100%;
        }
        
        #whyUs .whyUsContainer i {
            margin: auto;
            border-radius: 50%;
            padding: 10px;
            color: white;
        }
        
        #whyUs .whyUsContainer .title {
            font-size: 22px;
            color: #000000;
            font-family: "Cairo";
            font-weight: 700;
            text-align: center;
            padding-top: 30px;
        }
        
        #whyUs .whyUsContainer .parag {
            height: 30px;
            font-size: 13px;
            color: #000000;
            font-family: "Cairo";
            font-weight: 400;
            text-align: center;
            margin-bottom: 70px;

        }
        
        @media screen and (max-width: 1000px) {
            #whyUs {
                height: auto;
            }
            #whyUs .whyUsTitle .divP2 {
                width: 90%;
                margin: auto;
            }
            #whyUs .whyUsTitle .p2 {
                padding-bottom: 80px;
            }
            #whyUs .whyUsContainer .parag {
                padding-bottom: 10px;

            }
        }

        @media screen and (max-width: 680px) {
            #whyUs {
                height: auto;
            }
            #whyUs .whyUsTitle .divP2 {
                width: 90%;
                margin: auto;
            }
            #whyUs .whyUsTitle .p2 {
                padding-bottom: 100px;
            }
            #whyUs .whyUsContainer .parag {
                padding-bottom: 20px;

            }
        }
        @media screen and (max-width: 530px) {
            #whyUs {
                height: auto;
            }
            #whyUs .whyUsTitle .divP2 {
                width: 90%;
                margin: auto;
            }
            #whyUs .whyUsTitle .p2 {
                padding-bottom: 120px;
            }
            #whyUs .whyUsContainer .parag {
                padding-bottom: 100px;

            }
        }

/***************
[ END لماذا تفضل ]
***************/

/***************
[ خدماتنا ]
***************/
     
.imgContain
{
    overflow: hidden;
    height: 240px;
}
#ourServices .card .card-body {
    background-color: rgb(4, 32, 61);
    height: 50px;
}

#ourServices h1 {
    font-size: 30px;
    color: #000000;
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}

#ourServices h5 {
    background-color: #021E3C;
    font-size: 16px;
    line-height: 35px;
    color: #ffffff;
    font-family: "Droid Arabic Kufi Regular";
}


        /***************
[ END خدماتنا ]
***************/
        /***************
[ فروعنا ]
***************/
        
        #ourBranches {
            background-image: linear-gradient(rgba(55, 54, 110, 0.1), rgba(55, 54, 110, 0.1)), url('../images/Group95.png');
            background-size: 100% 100%;
            height: 400px;
            direction: rtl;
            text-align: right;
            overflow: hidden;
        }
        /* #ourBranches .imgLayer {
    background-image: url('../images/Group95.png');
    background-size: 100% 100%;
    height: 400px;
    direction: rtl;
    text-align: right;
} */
        
        #ourBranches .ourBranchesTitle .divP2 {
            width: 35%;
            margin: auto;
        }
        
        #ourBranches .ourBranchesTitle .p1 {
            font-size: 40px;
            color: #ffffff;
            font-family: "Cairo";
            font-weight: 700;
            text-align: center;
        }
        
        #ourBranches .ourBranchesTitle .p2 {
            font-size: 14px;
            color: #ffffff;
            font-family: "Cairo";
            font-weight: 400;
            text-align: center;
        }
        
        #ourBranches .ourBranchesContainer img {
            border-radius: 10px;
            height: 129px;
            width: 177px;
        }
        
        #ourBranches .ourBranchesContainer .parag {
            font-size: 14px;
            line-height: 24px;
            color: #ffffff;
            font-family: "Cairo";
            font-weight: 400;
            width: 90%;
            margin-top: -10px;
        }
        
        #ourBranches .carousel-indicators {
            margin: -10px;
        }
        
        #ourBranches .carousel-indicators li {
            background-color: yellow;
            width: 67px;
        }
        
        #ourBranches .carousel-indicators .active {
            background-color: white;
            width: 67px;
        }
        
        #ourBranches .carousel-item-next.carousel-item-left,
        #ourBranches .carousel-item-prev.carousel-item-right {
            transform: translate3d(0, 0, 0) !important;
        }
        
        #ourBranches .carousel-item-next,
        #ourBranches .active.carousel-item-right {
            transform: translate3d(-100, -100%, 0) !important;
        }
        
        #ourBranches .carousel-item-prev,
        #ourBranches .active.carousel-item-left {
            transform: translate3d(100, +100, 0) !important;
        }
        
        @media screen and (max-width: 1000px) {
            #ourBranches {
                height: auto;
            }
            #ourBranches .ourBranchesInfo {
                padding-bottom: 30px;
            }
        }
        
        @media screen and (min-width: 1000px) {
            #ourBranches {
                height: auto;
            }
            #ourBranches .ourBranchesInfo {
                padding-bottom: 30px;
            }
        }
        /***************
[ END فروعنا ]
***************/
        /***************
[ فيديوهات و صور ]
***************/
   
#videos_Imgs a
{
    font-size: 15px;
    color: #ffffff;
    font-family: "Droid Arabic Kufi Bold";
    font-weight: bold;
    text-align: center;
    background-color: #CC8E0F;
    margin-top: 1rem !important;
}
#videos_Imgs .imgContain
{
height: 120px;
}
#videos_Imgs i
{
    font-size: 25px;
    text-align: center;
}
#imgSec h1
{
    font-size: 30px;
    color: #000000;
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}
#imgSec h5
{
    background-color: #021E3C;
    font-size: 16px;
    line-height: 35px;
    color: #ffffff;     
    font-family: "Droid Arabic Kufi Regular";
    text-align: center;
}
.ivDirection{flex-direction:row-reverse!important;}
/***************
[ END فيديوهات و صور ]
***************/



[تصويت وطريقة استعمال ]
***************/
.img-contain-text
{
    background-color: #ffffff;
border: 1px solid #e5e9ee;
text-align: right;
padding-right: 10px;
}
.img-contain
{
 background-color:#ffffff;
border: 1px solid #e5e9ee;
width: 370px;
height: 290px;
}

.img-contain-text h2

{
    font-weight: 300;
}
.btn1
{
    
    border-radius: 8px;
    background-color: #00a651;
}
.btn2
{
    border-radius: 8px;
    background-color: #014489;
}
.btns
{
    font-size: 11px;
color: #ffffff;
font-family: "Cairo";
font-weight: 700;
}
.btnleft
{
    text-align: left;

}
#voteAndHowto input
{
width: 18px;
height: 18px;
border-radius: 9px;
filter: drop-shadow(1px 1.732px 0px #b9bcc9);
background-color: #ffffff;
border: 1px solid #e5e9ee;
}
.img-contain3
{
overflow: hidden;
}
/***************
[END تصويت وطريقة استعمال ]
***************/
/***************
[ تواصل معنا ]
***************/

#sendMsg input::-webkit-input-placeholder
{
    color: #B6AB2E;
    font-size: 12px;
    line-height: 29px;
    font-family: "Droid Arabic Kufi Regular";
    text-align: right;
    text-indent:0%;
}
#sendMsg input::-moz-placeholder
{
    color: #B6AB2E;
    font-size: 12px;
    line-height: 29px;
    font-family: "Droid Arabic Kufi Regular";
    text-align: right;
    text-indent:0%;

}
#sendMsg input:-ms-input-placeholder
{
    color: #B6AB2E;
    font-size: 12px;
    line-height: 29px;
    font-family: "Droid Arabic Kufi Regular";
    text-align: right;
    text-indent:0%;

}
#sendMsg textarea::-webkit-input-placeholder
{
    color: #B6AB2E;
    font-size: 12px;
    line-height: 29px;
    font-family: "Droid Arabic Kufi Regular";
    text-align: right;
    text-indent:0%;

}
#sendMsg textarea:-moz-placeholder
{
    color: #B6AB2E;
    font-size: 12px;
    line-height: 29px;
    font-family: "Droid Arabic Kufi Regular";
    text-align: right;
}
#sendMsg textarea::-moz-placeholder
{
    color: #B6AB2E;
    font-size: 12px;
    line-height: 29px;
    font-family: "Droid Arabic Kufi Regular";
    text-align: right;
}
#sendMsg textarea:-ms-input-placeholder
{
    color: #B6AB2E;
    font-size: 12px;
    line-height: 29px;
    font-family: "Droid Arabic Kufi Regular";
    text-align: right;
}
.contact
{
    height: 190px;
border: 1px solid #e5e9ee;
}
.contact1 
{
    font-size: 20px;
    line-height: 29px;
    color: #a89b00;
    font-family: "icofont";
}
.contactText
{
    font-size: 15px;
line-height: 29px;
color: #191919;
font-family: "Droid Arabic Kufi";
}
.no
{
    font-size: 12px;
letter-spacing: 1px;
line-height: 29px;
color: #191919;
font-family: "Verdana";
}
.data h6
{
    
    font-size: 14px;

color: #191919;
font-family: "Droid Arabic Kufi";
}

.facebooc-icon
{
    color: #014489;
    font-size: 30px;
    margin: 2px;
}

.tweet
{
    border-radius: 3px;
color: #00aced;
font-size: 30px;
margin: 2px;
}
.yout
{
    border-radius: 3px;
    color:#bb0000;
    font-size: 30px ; margin: 2px;

}
.insta
{width: 30px;
    height: 30px;
    border-radius: 3px;
    background-color: #bc2a8d;
    color: #ffffff;
    font-size: 28px  ;
    margin: 2px;
    
}
.snab
{
 
    border-radius: 3px;
    color:#dedb02;
    font-size: 30px ;
    margin: 2px; 

}
#sendMsg button
{
    font-size: 12px;
line-height: 29px;
color: white;
background-color: #A89B00;
font-family: "Droid Arabic Kufi Bold";
}
#sendMsg textarea::placeholder
{
    padding:15px 10px;
}
#contactUs
{
    background-image: url("../images/rec.png");
    background-size: 100% 100% !important;
    height: auto;
    
}
footer
{
    background-color: #BBBED2;
}
footer p
{
    font-size: 13px;
line-height: 29px;
color: #191919;
font-family: "Cairo";
font-weight: 400;
}
footer h1
{
    font-size: 15px;
line-height: 4px;
color: #242425;
font-family: "Droid Arabic Kufi Bold";
text-align: left;
}
footer h2
{
    font-size: 10px;
line-height: 4px;
color: #3B3C40;
font-family: "04b08";
text-align: left;
}
/***************
[ END تواصل معنا ]
***************/





/******Responsive******/

@media (max-width:1200px)
{
    .img-contain
    {
        width: 100%;
    }
    .img-contain3
    {
        text-align: center !important;
    }
    .img-contain-text h2
    {
        font-size: 1.5rem !important;
        font-weight: 300;
    }
    .img-contain-text h1
    {
        font-size: 2.3rem !important;
        font-weight: 300;
    }

}
@media (max-width:994px)
{
    .navPX
    {
        padding:1.5rem 0rem !important;
    }
    .nav-item
    {
        padding: 0rem 0.8rem;
    }
    .imgContain
    {
        height:140px;
    } 
    #videos_Imgs .imgContain
    {
    height: 80px;
    }
#imgSec h5
{
   
    font-size: 12px;
    line-height: 25px;
}
header .right {
    right: 30px;
}
header .left {
    left: 30px;
}
.dateBtnPad
{
    padding: 0rem 4rem;
}
}
@media (max-width:890px)and (min-width:768px)
{
    .dateBtnPad
    {
        padding: 0rem 1rem;
    }
}
@media (max-width:767px)
{
    #date
    { font-size: 0.7rem;}
    #above-nav button
    { font-size: 0.9rem;}
    .dateBtnPad
    {
        padding: 0rem 0rem;
    }
    header .right {
        right: 0px;
    }
    header .left {
        left: 0px;
    }
    #below-nav-inner h1 {
        font-size: 35px;
    }
    
    #below-nav-inner h2 {
        font-size: 17px;
    }
    
    .secImaboveBtn
    {
        height: 300px;
        text-align: center;
        padding:0rem 0rem 1rem 0rem !important;
    }
    #imgSec
    {
        padding-bottom:0rem!important;
        margin-top: 1rem !important;
    }
    .btnImgsM
    {
        margin-top: 0rem !important;
    }
    .paddingService
    {
        margin: 1rem 0rem;
    }
    .imgContain
    {
        height:220px;
    }
    
}
@media (max-width:490px)
{
    .nav-link {
        font-size: 13px;
    }    
    .imgContain
    {
        height:170px;
    }
}
@media (max-width:380px)
{
    .imgContain
    {
        height:145px;
    }
    #below-nav-inner h1 {
        font-size: 30px;
    }
    
    #below-nav-inner h2 {
        font-size: 15px;
    }
}
@media (max-width:341px)
{
    .imgContain
    {
        height:120px;
    }
    .nav-link {
        font-size: 10px;
    }  
    .nav-item
{
    padding: 0rem 0.4rem;
}
}

/****END RESPONSIVE****/