.holder-select .select {
    padding: 14px 0;
    width: 100%;
    direction: ltr;
    font-family: "Open Sans Semibold";
    color: #676767;
    background-color: transparent;
    border: 1px solid #676767;
    border-width: 0 0 1px 0;
    outline: none
}

    .holder-select .select:invalid {
        color: #9d9d9d
    }

.select-arrow {
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 0px;
    margin: auto;
}

html,
body {
    height: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
}

body {
    width: 100%;
    -webkit-text-size-adjust: none;
}

#wrapper {
    height: auto;
    min-height: 100%;
    position: relative;
    width: 100%;
    padding-bottom: 169px;
}

footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}


@media (max-width: 991px) and (min-width: 768px) {
    #wrapper {
        padding-bottom: 282px;
    }
}


@media (max-width: 767px) and (min-width: 576px) {
    #wrapper {
        padding-bottom: 305px;
    }
}

.holder-select {
    margin-bottom:12px;
    width:calc(100% - 53px);
}


.holder-select .select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Effra Regular";
    cursor:pointer;
}


.activities .section-activities .holder-date-share {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.activities .section-activities .holder-image {
    min-height: 100px;
}

.activities .section-activities .holder-activity-list{
    padding-bottom:37px;
}

.header2 .navbar-brand{
    align-items:center;
}

.header2 .navbar-brand .image{
       width: 262px;
    padding: 26px;
}

.header2 .holder-title{
    padding-top:0px;
}

#map{
    width:100%!important;
}


@media (max-width: 575px) {
    .activities .section-activities .holder-date-share {
        position: relative;
        left: auto;
        bottom: auto;
    }
}


@media screen and (min-width: 768px) {
    .navbar-toggler:hover .icon-bar {
        background: #7CC1AD !important;
    }

    .navbar-collapse .btn-close:hover, .navbar-collapse .social-media a:hover {
        opacity: 0.7;
    }

    .navbar-collapse .btn-close, .navbar-collapse .social-media a {
        transition: 0.4s;
    }
}

.activities .section-activities .holder-date-share{
   position:absolute;left:0px;bottom:0px;
}

.activities .section-activities .holder-image{min-height:100px;}


@media (max-width: 575px) {
 .activities .section-activities .holder-date-share{position:relative;left:auto;bottom:auto;}
}


@media screen and (min-width: 768px){
.navbar-toggler:hover .icon-bar{background:#7CC1AD!important;}
.navbar-collapse .btn-close:hover,.navbar-collapse .social-media a:hover{opacity:0.7;}
.navbar-collapse .btn-close,.navbar-collapse .social-media a{transition:0.4s;}
}



.chooseLang{list-style:none;padding:0px;margin:0px 0px 35px;}
.direction-rtl .chooseLang{list-style:none;padding:0px;margin:0px 0px 35px;text-align:right;}
.chooseLang>li{display:inline-block;vertical-align:middle;margin-right:5px;}
.chooseLang>li a{cursor:pointer;transition:0.4s all;font-size:13px;display:inline-block;border-bottom:1px solid transparent;line-height:11px;color:#4A595E;opacity: 0.3;}
.chooseLang>li a.selected{font-weight:bold;color:#2E3432;opacity: 1;}




/* new  */
#wrapper{padding-bottom:142px;}
footer .icon{padding:0px;margin:0px 17px;}
footer .holder-social-media{width:18%!important;}
footer .social-media a{transition:0.4s all;}
.header2 .nav-link,.header2 .nav-link-bottom,.header-home .nav-link,.header-home .nav-link-bottom{transition:0.4s all;}
footer .link-text{transition:0.4s all;font-size:17px!important;}
footer .bottom-link-text{transition:0.4s all;}
footer .links{display:inline-block;}
footer .holder-links{column-count:inherit;width:82%!important;}
.water-sources .section-hero-swiper .holder-list-text{font-family:Tajawal,sans-serif !important;}

@media (max-width: 1199px) {
    footer .links{margin-right:14px;}
}


@media (max-width: 991px) and (min-width: 768px) {
    #wrapper { padding-bottom: 190px;}
    footer .bottom-links:last-of-type{width:33%;}
   
}

@media (max-width: 767px) and (min-width: 576px) {
    #wrapper { padding-bottom: 273px; }
    footer .holder-social-media{width:100%!important;}
}

@media (max-width: 991px) {
     footer .links{width:46%!important;}
     footer .holder-social-media{padding-right:0px!important;}
     footer .icon{margin-left:0px;}
   
}

@media (max-width: 767px){
    #map{height:100%!important;}
      .city-council .section-hero-swiper .holder-details-media:last-child{padding-top:59px;}
     .city-council .section-hero-swiper .holder-page-title{top:8px;}
}

@media (max-width: 575px) {
     footer .holder-social-media{width:100%!important;}
     footer .icon{margin:0px 14px;}
     footer .container{max-width:95%;padding:0px;}
     #wrapper{padding-bottom:169px;}
     .contact .section-contact-us .holder-line-green, .contact .section-contact-us .holder-map{height:166px;}
}

@media (min-width: 1025px) { /*  (hovers) */
footer .social-media a:hover,footer .link-text:hover,footer .bottom-link-text:hover{color:#8BE0C1;}
.header2 .nav-link:hover,.header2 .nav-link-bottom:hover,.header-home .nav-link:hover,.header-home .nav-link-bottom:hover{opacity:0.6;}
.chooseLang>li a:hover{opacity:0.6;}
}

.section-docu-links .holder-detail-title{
    overflow:visible;
}

footer{overflow:hidden;}
.city-council .section-hero-swiper .holder-activities{display:block;column-count:2;padding-right:20px;padding-left:20px;}
.city-council .section-hero-swiper .holder-activity-list{width:97%!important;margin-right:2%!important;position:relative;list-style:none;}
.city-council .section-hero-swiper .holder-activity-list:before{display:block;content:'';width:8px;height:8px;border-radius:100%;background:#7ac2ae;
                                                               display:inline-block;margin-right:5px;
}

@media (max-width:991px) {
   .city-council .holder-details-media{width:100%!important;}
}

@media (max-width:500px) {
  .city-council .section-hero-swiper .holder-activities{column-count:1;-webkit-column-count:1;}
}