:lang(ar){ text-align: right; }
a{text-decoration: none; font-size: 20px; }
li{list-style: none; float: left;}

body{/*font-family: "New Amsterdam", sans-serif;*/
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 margin: 0;overflow-x: hidden;}
.disable{display: none;}
#page_top_header{display: inline-block; background-color: #85b1c5;  width: 100%; padding: 5px}


#page_top_header ul li{margin-right: 14px;}
#page_top_header ul li a { list-style: none; color: #FFF;}
#page_top_header ul .phone::before ,#page_top_header ul .email::before{
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;vertical-align: bottom;margin-left: 12px;
  }
  #page_top_header ul .phone::before { background-image: url("../images/phone.png"); }
  #page_top_header ul .email::before { background-image: url("../images/email.png"); }
  
  .social_icons1 .fa-2x{font-size: 1.5em;}
  .social_icons1 a{color: #5c3623;}
  #page_top_header .container{padding: 0 20px;max-width: 100%; margin: 0;}
  .social_icons1{width: 10%;}
  .top-header-block1 {width: 50%; float: left;}
  /*********************************************************/
  .header_container{padding: 0 20px; height: 100px;width: 100%; display: block;}
  .site_logo1{width: 15%; float: right;}
  .site_logo1 img{width: 100%;}
  .site_logo1 ,.main_nav1 ,.search_block1{display: inline-block;}
  
  .main_nav1{width: 60%; float: right;margin: auto; }
  .search_block1{width: 15%; position: relative;margin: auto;}
  .search_block1 input[type=search]{background: #fff;height: 50px;width: 100%;padding: 5px 10px; border: 1px solid #85b1c5;color: #000;}
  .search_box #edit-actions::after {display:block;content: " ";background-repeat: no-repeat;background-image: url("../images/magnifying-glass.png");width: 15px;height: 15px;position: absolute; top: 9px; left: 13px;}
#superfish-main a{text-decoration: none;color: #000; font-weight: 500;font-size: 22px;}
#search-block-form , .header_inner div:nth-child(1){display: flex;justify-content: space-around;}
#edit-submit{width: 100%; height: 100%;background: #85b1ce;border: none;color: #85b1ce;}
.path-search .search-form #edit-submit{width: fit-content; height: 100%;background: #85b1ce;border: none;color: #000;}
#edit-actions{position: relative;}
  /**********************************************/
  #slider{direction: ltr; position: relative; }
  .slider_image img{width: 100%;}
  .slider_container{position: relative;}
  #slider .slider_container .description{width: 100%; position: absolute;top: 5%; right: 3%;}
  #slider .description .slider_title a{text-decoration: none;color: #96abb2; text-decoration: none;}
  #slider .description .slider_subtitle{width: 54%;}
  #slider .description .slider_subtitle h2{line-height: 1.8;}
  #slider .description .slider_title h2{line-height: 1; text-align: center;}
  #slider .description .slider_link{width: 20%; text-align: center;background: #96abb2; padding: 5px;}
  #slider .description .slider_link a{text-decoration: none;color: #fff; font-size: 16px;}
  .slider_container .slider_body p{font-size: 15px;font-weight: 300;line-height: 2;padding: 10px 0 10px 61px;}
  .slide__caption{padding: 0 !important;}
  .slider_container .slider_body a{background-color: #85b1ce; text-decoration: none;padding: 5px 30px;color: #fff;font-size: 15px;text-align: center; width: fit-content;position: absolute;bottom: 10%;right: 43%;border-radius: 0 10px;}
  #slider .owl-theme .owl-dots .owl-dot span {width: 20px;height: 20px;background-color: #fff;}
  #slider .owl-dots{position: absolute; bottom: 10%;left: 0%;width: 20%;}
  #slider .owl-dots button.active span{background-color: #85b1ce !important;}
  /**********************************************************************************/

  #slider .slider_top_banner{position: absolute;z-index: 2; bottom: 3.4%; right: 0;background: url("../images/banner_bg.png"); direction: rtl;padding: 1% 5%;}
  .slider_top_banner .block1_data{text-align: center; }
  .slider_top_banner .block1_data .banner_number h1{color: #16ffee; font-size: 30px;opacity: 1;  font-weight: 600; text-align: center;}
  .slider_top_banner .block1_data .banner_data h4{color: #fff; font-size: 20px; text-align: center;}
  /***********************************************************************/
  #page_banner{width: 100%;}
  #page_banner .middle_banner1 ,#page_banner .about_block {display: inline-block;vertical-align: top;}
  .middle_banner1 .banner_image{width: 100%;}
  .middle_banner1 .banner_image img{width: 100%;}
  .middle_banner1 .banner_description{position: absolute;bottom: 7%;text-align: center; margin: auto; right: 16%;}
  .middle_banner1 .banner_description .banner_title{background: #fff;padding: 20px; margin-bottom: 4%;}
  .middle_banner1 .banner_description .banner_title a{text-decoration: none;color: #000;}
  .middle_banner1 .banner_description .banner_link{background-color: #96abb2;padding: 10px 20px;}
  .middle_banner1 .banner_description .banner_link a{text-decoration: none; color: #fff;}
  #page_banner .about_block .about_title a{color: #96abb2; text-decoration: none;}
  #page_banner .about_block .about_title{padding-bottom: 3%;}
  #page_banner .about_block .about_body h1{font-weight: 400;line-height: 1.5;}
  #page_banner .about_block .about_body p{line-height: 2;font-weight: 300;}
  #page_banner .about_block .about_link{background-color: #96abb2;padding: 10px 20px;}
  #page_banner .about_block .about_link a{text-decoration: none; color: #fff;}
  /*************************************************Elalmya Services ***********************/
  #page_services{margin-top: 3%;}
 .services_blocks .services_block{ border:2px solid #96abb2;padding: 20px;min-height: 251px;}
 .services_blocks .services_block .service_title a{padding: 10px; color: #000;text-decoration: none;line-height: 2;font-weight: 600;}
 .services_blocks .services_block .service_body p{font-weight: 200;}
 #page_services .services h2{ text-align: center; font-weight: 400; color: #96abb2;font-size: 25px; }
 #page_services .services p{text-align: center; font-weight: 600; font-size: 30px;}
.services_link div{text-align: center; margin-top: 3%;}
.services_link a{background-color: #96abb2;padding: 10px 20px; text-decoration: none; color: #fff;}
  
  /*************************************************************Elalmya project *****************/
  #page_project{background: #f1f1f1; margin: 3% auto; padding: 2% 0;}
  #page_project .project_container_box{position: relative;}
  #page_project .project_container_box .project_image img{width: 100%;max-height: 500px;min-height: 300px; display: block;margin: auto;}
  #page_project .project_container_box .project_title{top:0;left:0;width: 100%;height: 100%; position: absolute;display: flex;justify-content: center; flex-direction: column;align-items: center;background: rgba(0, 0, 0, 0.6);transition: 0.6s; opacity: 0;}
  #page_project .project_container_box .project_title:hover{opacity: 1;}
  #page_project .project_container_box .project_title:hover>*{transform: translateY(0px);}
  #page_project .project_container_box .project_title a{font-size: 30px;color:#fff; margin-bottom: 15px;text-decoration: none;}
  #page_project .project_container_box .project_title >*{transform:translateY(25px);transition:transform 0.6s}
  #page_project .project_links div{text-align: center; margin-top: 3%;}
  #page_project .project_links a{background-color: #96abb2;padding: 10px 20px; text-decoration: none; color: #fff;}
  /***************************************customer opinion************************************/
.customer-opinion img{width: 100%;min-height: 220px;}
#page_team{margin-bottom: 3%;}



  /***************************************************************************************/
 footer{background-color: #17414c; text-align: center; padding: 20px; color: #fff;}
 .footer_container div{text-align: center;}
 
 .footer_containe{display: block; margin: 0 auto;width: 100%;text-align: center;}
 .footer_logo{margin: 0 auto;}
 .footer_logo img{width: 100%; height: auto;}
 footer .footer_content {margin: 0 auto; color: #fff; text-align: center;}
 footer .footer_content p{text-align: center;}
 footer .social_media_block a{color: #fff;}
 footer .social_media_block{margin: 0 auto;}
 .footer-page{border-top: 2px solid #fff;}
 .footer-page p{text-align: center;}
 footer .social_media_block ul{display: inline-block;}
/**********************************inner project page*************************/
.page_title{display: block; background: #728892;clear: both; padding: 20px; margin-bottom: 2%;color: #fff;border-radius: 15px;}

.services-page-inner{width: 100% !important;border: 2px solid #ccc; padding: 20px; margin: 1%;}
.services-page-inner .views-field-title{background: #f1f1f1; padding: 20px;width: 98%;margin-bottom: 1%;font-size: 25px;font-weight: 500;}
.services-page-inner .service_page_image img{width: 100%; }
/************************************************************/
.path-search #block-mahba-content ol{display: flex; flex-direction: column;justify-content: space-evenly;}
.path-search #block-mahba-content ol li{background: #f1f1f1; padding: 20px 10px;margin-bottom: 2%;}
/************************************************************************/
.footer_product div{display: inline-block;margin-bottom: 1%; margin-left: 1%;}
.footer_product div img{min-height: 220px;}
footer ul.social-media-links--platforms{margin: 0 !important; padding: 0 !important;}
.owl-carousel .owl-stage-outer{direction: ltr;}
.webform-style input[type="text"], .webform-style input[type="number"], .webform-style input[type="text"], .webform-style input[type="email"], .webform-style textarea {
    width: 95%;
    border: solid 1px #728892;
    line-height: 1.5;
}

.webform-style label {
    font-size: 16px;
    font-weight: bold;
    border-right: solid 1px #CCC;
    padding: 5px;
    margin-top: 3px;
    border-bottom: dashed 1px #CCC;
    width: 100%;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}

#page_project .slide__grid {
    display: inline-flex;
    width: 47%;
    max-height: 471px;
    margin: 15px;
}

#page_project .project_container_box .project_image img{

      HEIGHT: 100% ! IMPORTANT;
    MAX-WIDTH: 100%;
    /* min-height: 300px; */
    display: block;
    margin: auto;
    HEIGHT: AUTO;
}
#webform-submission-ltlbt-node-4-add-form input, #webform-submission-ltlbt-node-4-add-form select{ border:solid 2px #85b1c5; line-height:2; padding:5px; margin-bottom:5px; width:90%; }
#webform-submission-ltlbt-node-4-add-form .webform-button--submit{ width:auto; background-color:#85b1c5; color:#000; }
.whatsapp-icon a{text-indent: -9999em; background-image: url(../images/whatsapp.png); background-repeat: no-repeat; background-size: 40px; content: " "; display: block; width: 40px; height: 40px; display: inline-block;}
.call-icon a{text-indent: -9999em; background-image: url(../images/call.png); background-repeat: no-repeat; background-size: 40px; content: " "; display: block; width: 40px; height: 40px; display: inline-block;}
.call-icon, .whatsapp-icon{display: inline-block;}

.project_page_image img {
    width: 100%;
    height: auto;
}
.project_page_box {
    padding: 10px;
    margin-bottom: 15px;
    border: solid 1px #CCC;
}


@media(max-width: 500px) { 
    .owl-carousel .owl-item, .owl-carousel .owl-stage{width: 100% !important;}
    #page_project .slide__grid{width: auto !important;}
    .path-node img{width: 95%; height: auto; margin: auto;}
#page_top_header ul li a{font-size: 100%;}
#superfish-main-toggle span{text-indent: -9999em; background-image: url(../images/menu.png); background-color: transparent; width: 100px; height: 100px; content: " "; display: block;
background-size: 54px;
        background-repeat: no-repeat;}
#superfish-main-accordion{
        right: 0 !important;
        position: absolute !important;
        left: auto !important;
}
#superfish-main-accordion li a{
display: block;
        background-color: #85b1c5;
        color: #FFF;
        border-bottom: solid 1px #000;
        text-align: center;
}
#slider .slider_top_banner{position: relative;}
#slider .slider_top_banner .banner_container *{font-size: 100%;}
.slick--initialized .slick__arrow{display: none;}
}