* {
    margin:0;
    padding:0;
    box-sizing:border-box; 
    direction:rtl; 
    font-family:'dubai'; 
}
@font-face {
    font-family:'hanimation'; 
    src:url('fonts/hanimation-regular.ttf');
}
@font-face {
    font-family:'Dubai'; 
    src:url('dubai.ttf');
}




a {
    text-decoration:none; 
}
header {
    width:100%;
    height:auto;
    background :#006699;
    /*padding-top:20px;*/
}

header  .logo_cnt {
    width:100%;
    max-width:450px; 
    height:15em;
    margin-left:auto ;
    margin-right:auto ;
    padding-bottom:50px; 
}

header .logo_cnt #logo {
    width:100%;
    height:100%;
}

.top_article {
    width:100%;
    color:#FFF; 
    margin-left:auto ;
    margin-right:auto ;
    margin-top:30px; 
    padding-bottom:50px; 
    font-size:15px; 
    font-family:'dubai'; 
    color :#FFF; 
}
.rounded_white_icon {
    font-size:25px; 
    margin-bottom:30px; 
    padding-right:20px; 
    padding-left:20px;
    border-radius:20px; 
    background:#FFF; 
    color:#006699;
}
.top_article p {
    max-width:320px;  
    margin-left:auto ;
    margin-right:auto ;
}


.about_us , .benefits_cnt , .prices_cnt{
    width:100%;
    padding-top:30px; 
    padding-bottom:30px; 
    margin-top:0;
    color :#FFF ;
    background-color:#006699;
}

.rounded_blue_icon {
    font-size:25px; 
    margin-bottom:30px; 
    padding-right:20px; 
    padding-left:20px; 
    color:#FFF; 
    border-radius:20px; 
    background :#006699;
    
}

.about_us p {
    max-width:320px; 
    margin-left:auto; 
    margin-right:auto; 
}

.benefits_cnt  {
    max-width:950px; 
    padding:20px 20px 30px 10px; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:0;
    display:flex; 
    flex-wrap:wrap; 
    background:#FFF; 
    color:#35354D; 
}

.prices_cnt {
    background-color:#FFF; 
    padding-top:0;
    margin-top:0;
    color:#2D2D2D;
    padding-bottom:50px; 
    display :flex; 
    flex-wrap:wrap; 
}

.prices_cnt table {
    border:0.4px solid #FFF;  
    color:#FFF; 
    background-color:#006699;
}

table  {
    width:95%;
    border-radius:15px; 
    margin-left:auto; 
    margin-right:auto; 
}

table th,  td {
    height:50px; 
    text-align:center; 
}

del {
    color:#ccc; 
}
.benefits_cnt .single_benefit {
    width:290px; 
    background:#FFF; 
    box-shadow:1px 1px 1px #ccc;
    margin-left:auto; 
    margin-right:auto; 
    padding-top:10px; 
    padding-bottom:20px; 
    margin-bottom:30px; 
    /*border-radius:30px; */
    border:0.5px solid #ccc ;
    display:flex; 
    flex-wrap:nowrap; 
}


.single_price {
    width:330px;  
    margin-left:auto; 
    margin-right:auto; 
    padding-top:0px; 
    padding-bottom:0px; 
    margin-top:50px; 
}

.single_price h3 {
    font-size:30px; 
    margin-bottom:30px; 
    color:#006699;
    text-align:center; 
    font-family:'cairo-bold'; 
}
.benefits_cnt .single_benefit .img_cnt {
    height:100%;
    width:80px; 
    margin-left:5px; 
}
.benefits_cnt .single_benefit .img_cnt img {
    width:100%;
    height:100%;
    float:right; 
}

.benefits_cnt p{
    font-size:14px; 
    line-height:18px; 
}

.benefits_cnt h4 {
    line-height:20px; 
    margin-bottom:10px; 
}


.clients_comments {
    width:100%;
    margin-bottom:0px; 
    background-color:#006699;
    padding-bottom:50px;
}
.clients_comments h2 {
    margin-top:50px;
    margin-bottom:50px; 
    color:#FFF;
    text-align:center ;
}
.com_img_cnt {
    width:100%;
    height:200px; 
    max-width:250px; 
    margin-left:auto; 
    margin-right:auto; 
}

.com_img_cnt img {
    width:100%;
    height:100%;
}

.call_icon {
    background-color:#62D200;
    width:65px; 
    height:65px; 
    border-radius:50%;
    position:fixed; 
    left:10px; 
    bottom:10px; 
}

.call_icon .fa-whatsapp  {
    font-size:35px;
    line-height:65px; 
    color:#fff; 
    font-weight:bolder; 
    margin-right:17.5px; 
}

.callbtn {
    width:180px;
    height:50px;
    margin-left:auto ;
    margin-right:auto;
    background-color:#62D200;
    text-align:center;
    margin-top:30px;
}

.callbtn a {
    text-decoration:none;
    color:#FFF;
    font-size:12px;
    line-height:50px;
    text-align:center ;
}
footer {
    
    border-top:1px solid #000;
    width:100%;
    height:50px; 
    text-align:center; 
    background-color:#006699; 
    color:#FFF; 
    font-size:15px; 
    line-height:50px; 
    margin-top:0;
}

@media screen and (min-width:500px) {
    header {
        padding-top:50px; 
        padding-bottom:50px; 
    }
    .logo_cnt {
        height:30em; 
    }
    .logo_cnt img{
        border-radius:50%;
    }
    
     .top_article p {
        text-align:center; 
        max-width:720px; 
    }
    
    .about_us .about_paragraph {
        text-align:center; 
        max-width:450px; 
    }
    .icon_cnt {
        text-align:center; 
    }
    .clients_comments h2 {
        text-align:center; 
   }
}