@import url('https://fonts.googleapis.com/css?family=Cairo:400,700,900&subset=arabic');
@import url(https://fonts.googleapis.com/css?family=Changa:400,500&display=swap&subset=arabic);

/* POWERED www.Chakirdev.com */

*{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    text-decoration: none;
    font-family: 'Cairo', sans-serif;
    text-rendering: optimizeLegibility;
    
}
html{
background:#fff;
height: 100vh;    
}
body{
background-image: url(../images/white5.png);
font-family: 'Cairo', sans-serif;
text-rendering: optimizeLegibility;
direction:rtl;
}
ul{list-style: none;}
input{border-radius:0px;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Cairo', sans-serif;}
.uk-navbar-nav li a{font-family: 'Cairo', sans-serif;font-size:17px;font-weight: bold;}
.uk-navbar-nav li a:hover{color:#6884A9;}
.lft{float:left;}
.rgt{float:right;}
.clr{clear:both;}

#HomePage{width:1100px;margin:auto;padding-top:20px;}

.clearfix2:before, .clearfix2:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix2:after { clear: both; }
.clearfix2 { zoom: 1; }

#textbox {display:flex; flex-flow:row wrap;}
.alignleft {
width:33.33333%;
text-align:left;
}
.aligncenter {
width:33.33333%;
text-align:center;
}
.alignright {
width:33.33333%;
text-align:right;
}

/* HEADER */
.Headbars{padding-top:20px;} 
.Headbars i{font-size:35px;color:#212529;} 
.Headlogo img{width:110px;} 
.Headsocial{padding-top:20px;} 
.Headsocial i{font-size:35px;margin-right: 10px;color:#212529;}

.ctitle{font-weight:bold;font-size:33px;color:#076C97;}
.ctitle a{color:#076C97;text-decoration: none;}
.ctitle a:hover{color:#1880db;text-decoration: none;}
.ctext{line-height:28px;font-size:18px;font-family:'Changa', sans-serif;font-weight: bold;margin-top: 20px;}


/* INDEX */
.card-right{width: 55%;margin-left:10px;border:none;}
.card-left{width: 44%;}
.home-img{width:350px;}
.btnback{
background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
font-weight: bold;color: white;padding: 20px;
}
.btnback:hover{
background-image: linear-gradient(to left, #4facfe 0%, #00f2fe 100%);color: white;
}

.btnsend{
background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
font-weight: bold;color: white;padding:10px;margin-top:10px;width:200px;
}
.btnsend:hover{
background-image: linear-gradient(to left, #4facfe 0%, #00f2fe 100%);color: white;
} 

.cards-box{width:24%;margin:5px;}

hr.style14 { 
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
} 

.btn-cat{
background-color: #1486b7;
font-weight: bold;width: 275px;color: white;padding: 20px;
}
.btn-cat:hover{background-color: #057eb2;color: white;}

/* Footer */
.background {
    background: url(../images/3p.jpg);
    background-position:center;background-size:cover;
    position: relative;height: 300px;
}
.layer {
    background-color: rgba(38, 38, 38, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.center {
padding-top: 50px;
text-align: center;
}         
.footer-right{
    float: right;width: 30%;
    background-image: url('../images/2p.jpg');
    background-attachment: fixed;
    background-position: center;
    height: 300px;
} 
.footer-left{
    float: right;width: 70%;         
} 
.footer-left-class{padding: 40px;} 
.footer-left-class .list-group{float: right;width: 30%;margin:0 10px;} 
.copy{color: #3E5252;margin-top:20px;font-size: 15px;font-weight: bold}
.copy a{color: #3E5252;}
footer .list-group {background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}       
footer .list-group .list-group-item {background: none;color:#212529;font-size: 14px;font-weight: bold;}       
footer .list-group .lista {color:white;font-size:19px;font-weight: bold;background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);}       
/* Footer */

/* Gen Card */
.socialcard{max-width:500px;}
.social a img{width: 52px;margin-right: 25px;}

.btn-tertiary {
  color: #0C65BF;
  padding: 0;
  line-height: 40px;
  display: block;
  border: 2px solid #0C65BF;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #6487BB;
  border-color: #6487BB;
}
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file + .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
}
.input-file + .js-labelFile .icon:before {
  content: "\f093";
}
.input-file + .js-labelFile.has-file .icon:before {
  content: "\f00c";
  color: #5AAC7B;
}

/* Contact Cars */
.contact-card{width:49%;margin-left:10px;}
.p-form .col-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;text-align: right;}
.p-form .select-form{font-size: 15px;font-weight: bold;text-align: right;}

.display-desk{display: block;} 
.display-mobile{display: none;} 

.messenger{width:64px;}

@media screen and (min-width: 200px) and (max-width: 499px){
#HomePage{width:99%;margin:auto;padding-top:20px;}   
.display-desk{display: none;} 
.display-mobile{display: block;}   
    
    
/* HEADER */
.Headbars{margin-right: 10px} 
.Headlogo img{width:90px;} 

.ctitle{font-size:25px;line-height: 35px;}

/* INDEX */
.card-right{width: 100%;margin-left:0px;border:none;text-align: center;}
.btnback{margin-top: 10px; padding: 10px;}
.cards-box{width:96%;margin:5px;}
    
.btn-cat{background-color: #1486b7;font-weight: bold;width: 98%;color: white;padding: 20px;}    
    
/* Footer */
.background {
    background: url(../images/3p.jpg);
    background-position:center;background-size:cover;
    position: relative;height: 650px;
}

.center {
padding-top: 20px;
text-align: center;
}         
.footer-right{
    float: none;width: 99%;
    background-image: url('../images/2p.jpg');
    background-attachment: fixed;
    background-position: center;
    height: 230px;
} 
.footer-left{
    float: none;width: 99%;         
} 
.footer-left-class{padding: 20px;} 
.footer-left-class .list-group{float: right;width: 99%;margin:0 2px 10px 2px;}      
/* Footer */  
    
/* Contact Cars */
.contact-card{width:99%;margin-left:10px;} 
    
/* Gen Card */
.socialcard{width:99%;}
.social a img{width: 38px;margin-right: 15px;} 
.messenger{width:48px;}    
}
@media screen and (min-width: 500px) and (max-width: 699px){
#HomePage{width:99%;margin:auto;padding-top:20px;}   
.display-desk{display: none;} 
.display-mobile{display: block;}   
    
    
/* HEADER */
.Headbars{margin-right: 10px} 
.Headlogo img{width:90px;} 

.ctitle{font-size:25px;line-height: 35px;}

/* INDEX */
.card-right{width: 100%;margin-left:0px;border:none;text-align: center;}
.btnback{margin-top: 10px; padding: 10px;}
.cards-box{width:48%;margin:5px;}
    
.btn-cat{background-color: #1486b7;font-weight: bold;width: 98%;color: white;padding: 20px;}    
    
/* Footer */
.background {
    background: url(../images/3p.jpg);
    background-position:center;background-size:cover;
    position: relative;height: 260px;
}
.center {
padding-top: 20px;
text-align: center;
}         
.footer-right{
    float: none;width: 99%;
    background-image: url('../images/2p.jpg');
    background-attachment: fixed;
    background-position: center;
    height: 230px;
} 
.footer-left{
    float: none;width: 99%;         
} 
.footer-left-class{padding: 20px;} 
.footer-left-class .list-group{float: right;width: 32.5%;margin:0 2px 10px 0;font-size: 15px}   footer .list-group .list-group-item {font-size: 12px;}       
footer .list-group .lista {font-size:15px;}  
/* Footer */  
    
/* Contact Cars */
.contact-card{width:99%;margin-left:10px;} 
    
/* Gen Card */
.socialcard{width:99%;}
.social a img{width: 38px;margin-right: 15px;} 
.messenger{width:48px;}    
}
@media screen and (min-width: 700px) and (max-width: 950px){
#HomePage{width:99%;margin:auto;padding-top:20px;}   
.display-desk{display: none;} 
.display-mobile{display: block;}   
    
    
/* HEADER */
.Headbars{margin-right: 10px} 
.Headlogo img{width:90px;} 

.ctitle{font-size:25px;line-height: 35px;}

/* INDEX */
.card-right{width: 100%;margin-left:0px;border:none;text-align: center;}
.btnback{margin-top: 10px; padding: 10px;}
.cards-box{width:31%;margin:5px;}
    
.btn-cat{background-color: #1486b7;font-weight: bold;width: 49%;color: white;padding: 20px;}    
    
/* Footer */
.background {
    background: url(../images/3p.jpg);
    background-position:center;background-size:cover;
    position: relative;height: 260px;
}
.center {
padding-top: 20px;
text-align: center;
}         
.footer-right{
    float: none;width: 99%;
    background-image: url('../images/2p.jpg');
    background-attachment: fixed;
    background-position: center;
    height: 230px;
} 
.footer-left{
    float: none;width: 99%;         
} 
.footer-left-class{padding: 20px;} 
.footer-left-class .list-group{float: right;width: 32.5%;margin:0 2px 10px 0;font-size: 15px}   footer .list-group .list-group-item {font-size: 14px;}       
footer .list-group .lista {font-size:16px;}  
/* Footer */  
    
/* Contact Cars */
.contact-card{width:99%;margin-left:10px;} 
    
/* Gen Card */
.socialcard{width:99%;}
.social a img{width: 52px;margin-right: 15px;} 
.messenger{width:74px;}    
}