/*!
Theme Name: aa.org.sa
Theme URI: https://as.di.sa
Author: Digital Creativity
Author URI: https://dc.net.sa
Description: aa.org.sa theme Design and developed by Digital Creativity inc.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aa_org_sa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

aa.org.sa is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* ===================================
    Google font
====================================== */
@font-face {
  font-family: Changa;
  src: url(fonts/Changa-Regular.ttf);}

/* ===================================
    Reset
====================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }
body{ font-family: 'Changa', sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px; }
body, html { -moz-osx-font-smoothing: grayscale; }
a, a:active, a:focus { color: #6f6f6f; text-decoration: none; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;  }
a:hover, a:active{color: #232323; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 15px 0; max-width: 100%; resize: none;}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
p {margin: 0 0 20px; word-spacing: 1px;}
b, strong { font-weight: 600;}
.height-50 { height: 50%; }
.height-100 { height: 100%; }
.last-paragraph-no-margin p:last-of-type {margin-bottom:0;}
.alt-font strong {font-weight: 700 }
.white-space { white-space: normal; }
.word-wrap { word-wrap: break-word; }
.valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
ul, ol, dl {list-style-position: outside;}
ul li { list-style: none; }
::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#000; background:#dbdbdb; }
::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}
:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}
/* ===================================
	Default Header style
====================================== */
header{ box-shadow: unset; transition: all 0.5s ease 0s; position: relative; z-index: 99999; }
.navbar-brand img{ max-height: 43px; transition-duration: 0.5s; }
.navbar-header-custom{ padding: 22px 0 20px 0; }
.navbar-default{ transition: all 0.5s ease 0s; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
.navbar-default .container, .navbar-default .container-fluid{ position: relative; }
.menu_area{ position: relative; z-index: 2; }
.menu_area .navbar-brand{ transition: all 0.5s ease 0s; }
.navbar-nav li{ list-style: none; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
.navbar-nav li.has-sub > a{ position: relative; }
.navbar-nav li.has-sub a:hover{ color: #fff; }
.navbar-nav li a{ display: block; color: #9d9d9d; font-size: 13px; }
.navbar-nav > li{ margin-left: 10px; float: left; }
.navbar-nav > li.has-sub{ padding-right: 13px; }
.navbar-nav > li > a{ position: relative; display: block; font-size: 15px;font-weight: 600; padding: 21px 3px; color: #232323; letter-spacing: 0.5px; text-transform: uppercase; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
.navbar-nav li.current > a{ color: #3aa607; }
.navbar-nav > li > a:hover{
    color: #3aa607;
}
.navbar-nav > li.has-sub > a:hover{ color: #000; }
.navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #000 #000 transparent; }
.navbar > ul > li.has-sub > a:after{ position: absolute; top: 28px; right: -8px; content: ""; border-color: transparent #232323 #232323 transparent; border-style: solid; border-width: 0 1px 1px 0; display: block; height: 6px; transform: rotate(45deg); transition: border 0.3s ease 0s; width: 6px; }
.navbar > ul > li.current > a:after{ border-color: transparent #3aa607 #3aa607 transparent; }
.navbar-nav ul{ position: absolute; left: -9999px; }
.navbar ul ul li{ -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; margin-bottom: 12px; padding: 0 20px; }
.navbar ul ul li:last-child{ margin-bottom: 0; }
.navbar ul ul li.active > a{ color: #fff; }
.navbar-nav li > ul{ padding: 15px 0; margin: 0 0 0 10px; background: #232323; min-width: 225px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
.navbar-nav li:hover > ul{ left: auto; }
.navbar-nav > li.has-sub > ul{ opacity: 0; margin-top: 10px; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.navbar-nav > li.has-sub:hover > ul{ margin-top: 0; opacity: 1; }
.navbar-nav > li.has-sub:last-child:hover ul{ left: inherit; right: 0; }
.navbar li > ul ul{ margin-top: -39px; margin-left: 200px; min-width: 200px; }
.navbar li > ul ul ul{ margin-left: 175px; min-width: 130px; }
.navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a{ border-bottom: 0; }
.navbar ul ul li.has-sub > a:after{ position: absolute; top: 12px; right: -3px; width: 8px; height: 2px; display: block; background: #9d9d9d; content: ""; }
.navbar ul ul li.has-sub > a:before{ position: absolute; top: 9px; right: 0; display: block; width: 2px; height: 8px; background: #9d9d9d; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all 0.25s ease; }
.navbar ul ul > li.has-sub:hover > a:before{ top: 17px; height: 0; }
/* atribute navigation */
.attr-nav{ float: right; margin-left: 11px; margin-right: -15px; }
.attr-nav .dropdown-toggle:after{ content: none; }
.attr-nav > ul{ padding: 0; margin: 0 0 -5px 0; list-style: none; display: inline-block; }
.attr-nav > ul > li{ float: left; display: block; }
.attr-nav > ul > li > a{ color: #232323; display: block; padding: 21px 15px; position: relative; }
.attr-nav > ul > li > a span.badge{ position: absolute; top: 50%; margin-top: -15px; right: 5px; font-size: 10px; padding: 2px 0 0 1px; width: 15px; height: 15px; color: #fff; border-radius: 15px; line-height: 12px; font-weight: 400; }
.attr-nav > ul > li.dropdown ul.dropdown-menu{ position: absolute; border: none; border-radius: 0; padding: 0; background: #232323; min-width: 225px; margin: 10px 0 0 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.attr-nav ul.cart-list{ padding: 0; width: 250px; }
.attr-nav ul.cart-list > li{ position: relative; border-bottom: solid 1px #323232; padding: 15px; margin: 0; }
.attr-nav ul.cart-list > li:last-child, .attr-nav ul.cart-list > li:nth-last-child(2){ border-bottom: none; }
.attr-nav ul.cart-list > li > a.photo{ padding: 0; margin-right: 15px; float: left; width: 50px; height: 50px; }
.navbar ul.cart-list > li img{ width: 50px; height: 50px; border: 1px solid #323232; display: inline-block; }
.navbar ul.cart-list > li > h6{ margin: 0; font-size: 12px; display: inline-block; }
.navbar ul.cart-list > li > h6 a{ color: #9d9d9d; padding: 0; }
.navbar ul.cart-list > li > h6 a:hover{ color: #fff; }
.navbar ul.cart-list > li > h6 > a.photo{ padding: 0; display: block; }
.navbar ul.cart-list > li > p{ margin-bottom: 0; font-size: 12px; color: #f5f5f5; }
.navbar ul.cart-list > li.total{ padding: 15px; border: none; display: inline-block; width: 100%; vertical-align: top; }
.navbar ul.cart-list > li.total > .butn{ float: right; width: auto; }
.navbar ul.cart-list > li .price{ font-weight: 500; }
.navbar ul.cart-list > li.total > span{ padding-top: 4px; color: #fff; padding-left: 5px; font-size: 14px; display: inline-block; }
/* top search */
.top-search{ padding: 10px 0; display: none; }
.top-search input.form-control{ background-color: transparent; border: none; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #000000; height: 40px; padding: 0 15px; }
.top-search input.form-control::placeholder{ color: #1c1c1c; opacity: 1; }
.top-search input.form-control::-ms-input-placeholder, .top-search input.form-control::placeholder{ color: #000; }
.top-search .input-group-addon{ background-color: transparent; border: none; color: #fff; padding-left: 0; padding-right: 0; line-height: 36px; font-size: 16px; }
.top-search .input-group-addon.close-search{ cursor: pointer; }
/* top search */
.top-search.white { background: #fff; }
.top-search.white input.form-control{ color: #232323; }
.top-search.white input.form-control::placeholder{ color: #6f6f6f; opacity: 1; }
.top-search.white input.form-control::-ms-input-placeholder, .header-style6 .top-search input.form-control::placeholder{ color: #000; }
.top-search.white .input-group-addon{ color: #232323; }
/* Responsive CSS */
@media screen and (min-width: 992px){
    /* ===================================
        Default Header style
    ====================================== */
    header.scrollHeader .navbar-default{ position: fixed; top: 0; z-index: 99; width: 100%; background: #fff; left: 0; transition: all 0.2s ease 0s;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
    .wrapper-boxed .scrollHeader .navbar-default{ left: 0; margin: 0 auto; max-width: 1200px; right: 0; }
    .scrollHeader .navbar-brand img{ max-height: 35px; transition-duration: 0.5s; }
    .scrollHeader .navbar-header-custom{ padding: 10px 0; transition-duration: 0.5s; }
    .navbar-nav .megamenu{ margin: 0; padding: 30px 15px; right: 0; width: 100%; }
    .navbar .megamenu > li{ margin: 0; float: left; }
    .navbar .sub-title{ color: #fff; }
    .megamenu > li > ul{ left: 0; margin: 0; min-width: auto; position: static; width: 100%; }
    .navbar .megamenu li > ul{ margin: 0; min-width: auto; padding: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .navbar .megamenu ul li{ padding: 0; }
    .navbar .megamenu li.has-sub > a:after, .navbar .megamenu li.has-sub > a:before{ background: none; }
    /* atribute navigation */
    .scrollHeader .attr-nav > ul > li > a{ padding: 21px 15px; }
    .attr-nav > ul > li.dropdown ul.dropdown-menu{ visibility: hidden; top: 66px; border-radius: 0; opacity: 0; left: -225px; }
    .attr-nav > ul > li.dropdown:hover ul.dropdown-menu{ margin-top: 0; opacity: 1; visibility: visible; }
    .scrollHeader .attr-nav > ul > li.dropdown ul.dropdown-menu{ top: 67px; }
    /* ===================================
        Header style01
    ====================================== */
    /* ===================================
        Menu area light
    ====================================== */
    .menu_area-light .navbar-nav li a { color: #6f6f6f; }
    .menu_area-light .navbar-nav > li > a { font-size: 13px; color: #fff; }
    .menu_area-light .navbar-nav li > ul { background: #fff; }
    .menu_area-light .navbar ul ul li.active > a { color: #232323; }
    .menu_area-light .navbar-nav li.has-sub a:hover{ color: #232323; }
    .menu_area-light .navbar-nav li.current > a{ color: #3aa607; }
    .menu_area-light .navbar .sub-title { color: #232323; }
    .menu_area-light .navbar-nav > li.has-sub > a:hover{ color: #fff; }
    .menu_area-light .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #fff #fff transparent; }
    .menu_area-light .navbar > ul > li.has-sub > a:after{  border-color: transparent #fff #fff transparent; }
    .menu_area-light .navbar > ul > li.current > a:after{ border-color: transparent #3aa607 #3aa607 transparent; }
    .menu_area-light.scrollHeader .navbar-nav > li > a { color: #232323; }
    .menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
    .menu_area-light.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #232323 #232323 transparent; }
    .menu_area-light.scrollHeader .navbar-nav li.current > a{ color: #3aa607; }
    .menu_area-light.scrollHeader .navbar-nav li.current > a:hover{ color: #3aa607; }
    .menu_area-light.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #3aa607 #3aa607 transparent; }

}
@media screen and (max-width: 1199px){
    .navbar-nav > li{ margin-left: 5px; }
}
@media screen and (max-width: 991px){
    /* ===================================
        Default Header style
    ====================================== */
    .navbar-header-custom{ padding: 4px 0 8px;  }
    .menu_area .navbar-brand{ margin-top: 6px;  }
    .navbar-nav li > ul{ -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  }
    .navbar-nav > li.has-sub > ul{ opacity: 1; margin: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;  }
    .navbar li > ul ul{ margin: 0; min-width: auto;  }
    .navbar-nav > li.has-sub{ padding-right: 0;  }
    .navbar-nav > li > a{ padding: 10px 20px; color: #232323;  }
    .navbar-nav > li > a:hover{ opacity: 1;  }
    .navbar-nav li.has-sub a:hover{ color: #232323;  }
    .navbar ul ul li.active > a{ color: #000;  }
    .navbar .sub-title { color: #232323; }

    .navbar-nav{ background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 81px; left: 0; width: 100%;  width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
    .navbar-nav li.active > a{ opacity: 1;  }
    .navbar-nav ul{ width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
    .navbar-nav li{ width: 100%; border-top: 1px solid #e6e6e6; position: relative; padding: 0; margin: 0;  }
    .navbar-nav ul li:hover{ background: #f5f5f5;  }
    .navbar-nav ul ul li{ height: auto;  }
    .navbar-nav li:hover > ul > li{ height: auto;  }

    .navbar ul li a{ width: 100%; border-bottom: 0;  }
    .navbar ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }
    .navbar ul ul li{ margin-bottom: 0; padding: 0; border-color: #e6e6e6;  }
    .navbar ul ul li a{ width: 100%; border-bottom: 0; color: #616161; background: none; padding: 8px 30px;  }
    .navbar ul ul ul li a{ padding-left: 45px;  }
    .navbar > ul > li{ float: none;  }
    .navbar-nav ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }
    .navbar > ul > li.has-sub > a:after, .navbar > ul > li.has-sub > a:before{ display: none;  }
    .navbar ul ul > li.has-sub > a:after, .navbar ul ul > li.has-sub > a:before{ display: none;  }
    .navbar-nav ul ul ul li.active a{ border-left: none;  }
    .navbar-nav > ul > li.has-sub > ul > li.active > a, .navbar-nav > ul ul > li.has-sub > ul > li.active > a{ border-top: none;  }
    .navbar li > ul ul ul{ margin-left: 0; background: #fff;  }
    .navbar ul ul ul ul li a{ padding-left: 55px;  }
    .navbar-nav .has-sub .has-sub .submenu-button{ height: 40px;  }
    .navbar-nav .has-sub .has-sub .submenu-button:after{ top: 19px;  }
    .navbar-nav .has-sub .has-sub .submenu-button:before{ top: 16px;  }

    .navbar-toggler{     
    background: #232323;
    width: 50px;
    height: 45px;
    padding: 0;
    border-radius: 0;
    position: relative;
    left: 0;
    top: 13px;
    cursor: pointer;
    z-index: 12399994;
    border: none;
    margin-bottom: 20px; 
    }
    .navbar-toggler:after{ position: absolute; top: 22px; right: 15px; display: block; height: 8px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: "";  }
    .navbar-toggler:before{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 15px; display: block; height: 2px; width: 20px; background: #fff; content: "";  }
    .navbar-toggler.menu-opened:after{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  }
    .navbar-toggler.menu-opened:before{ top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
    .navbar-nav .submenu-button{ position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 44px; width: 100%; cursor: pointer;  }
    .navbar-nav .submenu-button:after{ position: absolute; top: 21px; right: 17px; width: 8px; height: 2px; display: block; background: #232323; content: "";  }
    .navbar-nav .submenu-button:before{ position: absolute; top: 18px; right: 20px; display: block; width: 2px; height: 8px; background: #232323; content: "";  }
    .navbar-nav .submenu-button.submenu-opened:before{ display: none;}
    /* atribute navigation */
    .attr-nav{ float: left;  }
    .attr-nav > ul > li{ display: inline-block;  }
    .attr-nav > ul > li.dropdown ul.dropdown-menu{ left: -193px; top: 38px; display: none !important;  }
    .attr-nav > ul > li.dropdown.show ul.dropdown-menu{ display: block !important;  }
    .attr-nav > ul > li > a{ padding: 0;  }
    .attr-nav > ul > li > a span.badge { right: -8px;}
}
/* ===================================
    Topbar
====================================== */
/* topbar */
.top-bar-info{ display:inline-block; vertical-align: middle; }
.top-bar-info ul{ margin-bottom:0; }
.top-bar-info li{     font-weight: 600;
    color: #fff;
    list-style-type: none;
    font-size: 16px; padding:0 5px 0; display:inline-block; margin-bottom:0; }
#top-bar{ display:block; position:relative; z-index:999; background: #3aa607; padding: 7px 0; }
.top-bar-info li i{ font-size:20px; color:#ffffff; margin-left:8px; margin-top: 0; display: inline-block; vertical-align: text-bottom;line-height: 28px; }
.top-social-icon{ padding:0; float:left; margin:0; }
.top-bar-info li span{
    unicode-bidi: plaintext;
}
.top-social-icon li{ font-size:14px; list-style-type:none; float:left; text-align:center; margin:0; padding:0 7px; }
.top-social-icon li:last-child { padding-right: 0; }
.top-social-icon li:last-child a { padding-right: 0; }
.top-social-icon li a{  color:#fff; line-height: 28px; -webkit-transition-duration:.3s; transition-duration:.3s; padding:0 3px;  }
.top-social-icon li a:hover { color: #fea625; }
#top-bar.top-bar-style2 {  background:#f5f5f5; border-bottom: 1px solid rgba(0,0,0,0.1); }
.top-bar-style2 .top-bar-info li{ color:#6f6f6f; }
.top-bar-style2 .top-bar-info li i{ color:#6f6f6f; }
.top-bar-style2 .top-social-icon li a{  color:#6f6f6f; }
.top-bar-style2 .top-social-icon li a:hover { color: #232323; }
/* ===================================
    Navigation
====================================== */
.navbar-nav li.current > a{ color: #3aa607; }
.navbar > ul > li.current > a:after{ border-color: transparent #3aa607 #3aa607 transparent; }
@media screen and (min-width: 992px){
    /*Menu area light*/
    .menu_area-light .navbar-nav li.current > a{ color: #3aa607; }
    .menu_area-light .navbar > ul > li.current > a:after{ border-color: transparent #3aa607 #3aa607 transparent; }
    .menu_area-light.scrollHeader .navbar-nav li.current > a{ color: #3aa607; }
    .menu_area-light.scrollHeader .navbar-nav li.current > a:hover{ color: #3aa607; }
    .menu_area-light.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #3aa607 #3aa607 transparent; }     
}

.navbar-nav > li > a:hover{
    color: #3aa607;
}
.navbar-header-custom{
 

}
   .navbar-brand img{
    width: auto;
    height: 180px;
    margin: 0 auto;
    display: block;
    max-height: 230px
}
.menu_area .navbar-brand{
    position: absolute;
    top: 0px;
    right: 0;
    width: 191px;
    height: 230px;
    background-position: bottom;
    display: block;
    padding: 20px 0;
    background-image: url(img/logo/logo-bg.png);
    -webkit-filter: drop-shadow(8px 0px 16px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(8px 0px 16px rgba(0, 0, 0, 0.2));
    background-size: cover;
    
}
/********************
stander
 *********************/

 ul{
    margin-right: 0;
    padding-right: 0
}

.main-wrapper{
    overflow: hidden;
}
.padding-70{
    padding: 70px 0;
}
.padding-70-tp{
    padding: 30px 0 0 0;
}
.overlay-me{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 58, 77, 0.9);
    top: 0;
    left: 0;
    right: 0;
    z-index: 0 ;
}
.no-padding{
    padding-right: 0;
    padding-left:0;
}
.heading-sec {
    position: relative;
}
.my-btn{
    background: #fff;
    border: 1px solid #fff;
    padding: 7px 30px;
    display: inline-block;
    transition: 0.3s;
    color: rgba(168, 129, 50, 0.9) ;
    position: relative;
    text-decoration: none !important;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    border-radius: 50px;
}
.my-btn:hover{
    color: #a88132 !important;
}
.width-100 {
    width: 100%;
}
.heading{
    position: relative;
}
.heading h1{
    font-size: 42px;
    font-weight: bold;
    color: #282e3f;
    margin-bottom: 0;
    position: relative;
    text-transform: capitalize;
}
.verticle-align{
    display: block;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}
.width-80 {
    width: 80%;
    margin:0 auto;
    display: block;

}
.heading h1 span {
    color: #282e3f;
}
.heading h1 {
    font-size: 38px;
    font-weight: bolder;
    color: #2a2a33;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;
    margin-top: 10px;
}
.heading h2{
    font-size: 28px;
    font-weight: 600;
    color: #282e3f;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;
}
.heading span {
       color: #3aa607;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
    position: relative;
}
.underline svg{
    width: 32px;
    height: 32px;
    margin-left: 5px;
}
.heading p{
    font-size: 16px;
    line-height: 26px;
    color: #2a2a33;
    letter-spacing: 0!important;
}
.mr-auto-me{
    margin-left: auto!important;
}
.icon-head{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    background-color: #282e3f;
    color: #fff;
    line-height: 70px;
    border-radius: 50%;
    margin-bottom: 30px;
}
.item-flex{
    display: flex;
}
.slider{
    position: relative;

}

.wpcf7 button{
	background-color: #3aa607;
    color: #fff;
}

.wpcf7 button:hover{
	background-color: #fff;
	border:1px solid #3aa607;
    color: #3aa607;
}
.breadcrumb-item+.breadcrumb-item span{
	    font-size: 22px;
    font-weight: 500;
    position: relative;
    margin-left: 30px;
    transition: all .3s ease-in-out;
    text-transform: capitalize;
    color: #3aa607;
}
/*===============================================
about-sec
 ================================================*/
.about{
    position: relative;
    padding-bottom: 70px;
}
.head-data h1{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.7;
    text-transform: uppercase;
    position: relative;
}
.head-data p{
    font-size: 18px;
    line-height: 1.4;
    word-spacing: 0;
    margin-bottom: 35px;
}
.about .head-data{
    padding-top: 50px;
}
.about .visit{
margin-top: -70px;
}
.about .visit-as{
    min-height: 200px;
    position: relative;
    width: 100%;
    transition: all .5s ease;
}
.about .no-padding:nth-of-type(odd) .visit-as{
background-color: rgb(254, 166, 37);
}
.about .no-padding:nth-of-type(even) .visit-as{
background-color:rgb(58, 166, 7);
}
.about .visit-as p{
    font-size: 16px;
    line-height: 1.6;
    word-spacing: 0;
    margin-bottom: 0px;
    padding: 0 0;
}

.about .no-padding:hover .visit-as{
    transform: translateY(-10px);
}
.about .no-padding:hover .visit-as{
    
}
.about .visit-as .padd{
    padding: 35px 10px ;
}
.about .visit-as .icon{
  width: 62px;
    height: 50px;
    margin: 0 auto;
    display: block;
}
.about .visit-as .icon i{
    color :#fff;
    font-size: 42px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-bottom: 10px;
}
.about .visit-as .my-btn {
    background: #fff;
    border-radius: 0;
    border: 1px solid #fff;
    border-radius:50px;
   margin-top: 15px;
}

/*===============================================
abt-desc-sec
 ================================================*/
   .abt-desc {
    position: relative;
    margin-bottom: 70px;
   }
   .abt-desc .programe {
    position: relative;
    margin-top: 20px;
    transition:all .5s ease;
    
   }
   .abt-desc .programe .img-prog{
       width: 218px;
    height: 218px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 4px 4px;
        margin: 0 auto;
   }
   .abt-desc .programe .img-prog .pad{
      width: 208px;
    height: 208px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    padding: 0;
    margin: 0 auto;
    display: block;
   }
   .abt-desc .programe .img-prog img{
     height: 100%;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
   }
   .abt-desc .programe:hover .img-prog img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
   }
   .abt-desc .programe .content{
    text-align: center;
    margin-top: 15px;
   }

   .abt-desc .programe .content h3{
    font-size: 18px;
    font-weight: 600;
    color: #3aa607;
    line-height: 1.5;
    margin-top: 25px;
   }
   .abt-desc .programe .content h3:hover{
    font-size: 18px;
    font-weight: 600;
    color: #fea625;
    line-height: 1.5;
    margin-top: 25px;
   }
   .abt-desc .programe .content p{
        font-size: 14px;
    line-height: 1.3;
    color: #6a6a6b;

   }
/*===============================================
call-to-action-sec
 ================================================*/
.call-to-action{
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    padding: 130px 0;
}
.call-to-action .overlay-me{
    
    background-color:rgba(51,51,51,0.60);
}
.call-to-action .heading h1 {
    color: #ffffff;
}
.call-to-action .heading p {
    color: #ffffff;
}
.call-to-action .heading a {
    color: #3aa607;
}
.call-to-action .heading a:hover{
    color: #ffffff!important;
    background-color: #3aa607;
    border-color:  #3aa607;
}

/************************
 project-initiative-sec-sec
*****************/
.projects-sec {
    position: relative;

}
.projects-sec .heading h2{
    position: relative;
    font-size: 37px;
    font-weight: 600;
    color: #62bd98;
}
.projects-sec .heading p{
    position: relative;
    font-weight: 400;
    color: #343434;
    line-height: 1.4;
    font-size: 18px;
}
.projects-sec .project-initiative-card{
    position: relative;
    border: 1px solid #e0dfdf;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease;
    margin-top: 30px;
}
.projects-sec .project-initiative-card:hover{
    box-shadow: 0px 1px 30px 0 rgb(201, 201, 201);
    transform: translateY(-5px);
}

.projects-sec .owl-carousel .owl-item:nth-of-type(odd) .project-initiative-card .img-project{
    position: relative;
    border-bottom: 5px solid #3aa607;
    height: 225px;
}
.projects-sec .owl-carousel  .owl-item:nth-of-type(even) .project-initiative-card .img-project{
    position: relative;
    border-bottom: 5px solid #fea625;
    height: 225px;
}
.projects-sec  .crd-prg:nth-of-type(odd) .project-initiative-card .img-project{
    position: relative;
    border-bottom: 5px solid #62bd98;
    height: 225px;
}
.projects-sec  .crd-prg:nth-of-type(even) .project-initiative-card .img-project{
    position: relative;
    border-bottom: 5px solid #fea625;
    height: 225px;
}
.projects-sec .project-initiative-card .img-project img{
    width: 100%;
    min-height: 100%;
	height:100%;
}
.projects-sec .project-initiative-card .img-project .some-info {
    position: absolute;
    bottom: 15px;
    right: 30px;
    opacity: 0;
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease ;


}
.projects-sec .project-initiative-card:hover .img-project .some-info {
    opacity: 1;
    transition-delay: .5s;
}

.projects-sec .project-initiative-card .img-project .some-info a{
    font-size: 19px;
    color: #fff;
}
.projects-sec .project-initiative-card .img-project .donate-icon {
    position: absolute;
    bottom: -22.5px;
    right: -100px;
    background-color: #62bd98;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;

}
.projects-sec .project-initiative-card .img-project .donate-icon a{
    color: #fff;
    font-size: 20px;
}
.projects-sec .project-initiative-card:hover .img-project .donate-icon{
    right: 100px;
}
.projects-sec .project-initiative-card .content-card{
    padding: 40px;
}
.projects-sec .project-initiative-card .content-card h3{
    position: relative;
    color: #727475;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 7px;
}
.projects-sec .project-initiative-card .content-card .value-all{
    position: relative;
}
.projects-sec .project-initiative-card .content-card .value-all span{
    position: relative;
    font-size: 14px;
    color: #454545;
}
.projects-sec .project-initiative-card .content-card .value-per span{
    position: relative;
    font-size: 14px;
    color: #454545;
}
.projects-sec .project-initiative-card .content-card p{
    position: relative;
    font-size: 14px;
    text-align: justify;
    color: #a6a6a6;
    line-height: 1.5;
}
.projects-sec .crd-prg:nth-of-type(odd) .project-initiative-card .content-card a{
	background-color: #62bd98;
    border-radius: 50px;
    color: #fff;
    padding: 7px 25px;
}

.projects-sec .crd-prg:nth-of-type(even) .project-initiative-card .content-card a{
	background-color: #fea625;
    border-radius: 50px;
    color: #fff;
    padding: 7px 25px;
}
.projects-sec .crd-prg:nth-of-type(odd) .project-initiative-card .content-card a:hover{
	background-color: #fff;
    border-radius: 50px;
    color: #62bd98;
    padding: 7px 25px;
}

.projects-sec .crd-prg:nth-of-type(even) .project-initiative-card .content-card a:hover{
	background-color: #fff;
    border-radius: 50px;
    color: #fea625;
    padding: 7px 25px;
}
.projects-sec .owl-item:nth-of-type(odd) .project-initiative-card .content-card h3{
    color: #3aa607;

}
.projects-sec .owl-item:nth-of-type(odd) .project-initiative-card .content-card .me-btn{
    border: 1px solid #3aa607;
    color: #ffffff;
    border-radius: 50px;
    padding: 3px 22px;
    background-color: #3aa607;
}
.projects-sec .owl-item:nth-of-type(odd) .project-initiative-card .img-project .donate-icon{
    background-color: #3aa607;
    border-radius: 50px;
}
.projects-sec .owl-item:nth-of-type(odd) .project-initiative-card .content-card .value-all span ,.projects-sec .crd-prg:nth-of-type(odd) .project-initiative-card .content-card .value-per span{
    color: #3aa607;
}
.projects-sec .owl-item:nth-of-type(even) .project-initiative-card .content-card h3{
    color:#fea625;
}
.projects-sec .owl-item:nth-of-type(even) .project-initiative-card .content-card .me-btn{
    border: 1px solid #fea625;
    color: #ffffff;
    border-radius: 50px;
    padding: 3px 22px;
    background-color: #fea625;
}
.projects-sec .owl-item:nth-of-type(even) .project-initiative-card .img-project .donate-icon{
    background-color: #fea625;
}
.projects-sec .owl-item:nth-of-type(even) .project-initiative-card .content-card .value-all span,.projects-sec .crd-prg:nth-of-type(even) .project-initiative-card .content-card .value-per span{
    color: #fea625;
}

.owl-carousel .owl-nav .owl-prev{
    position: absolute;
    left: 42px;
    top: -65px;
    border-radius: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #3aa607;
    line-height: 45px;
    padding: 0;
    font-size: 20px;
    text-align: center;
}
.owl-carousel .owl-nav .owl-next{
   position: absolute;
    left: 0;
    top: -65px;
    border-radius: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #3aa607;
    line-height: 45px;
    padding: 0;
    font-size: 20px;
    text-align: center;
}

.projects-sec .my-btn {
    background-color: #3aa607;
    color: #fff;
}
.projects-sec .owl-item .project-initiative-card .content-card .me-btn:hover{
 background-color: transparent;
    color: #3aa607;
}
/************************
 project-initiative-sec-sec
*****************/
.acounts-sec{
    position: relative;
 }
  .acounts-sec .overlay-me{
        background-color: rgba(0, 0, 0, 0.82);
 }
 .acounts-sec .heading h1, .acounts-sec .heading p{
    color:#fff;
    text-align: center;
 }
.acounts-sec .item-inner-decripe{
    font-family: inherit;
    padding: 34px 31px 55px;
    box-shadow: 0 20px 30px 0 rgba(0,0,0,0.06);
    border: 1px solid #ECECEC;
    border-radius: 5px;
    margin-top: 70px;
    margin-bottom: 50px;
    width: 100%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    background-color: #fff;
 }
 .acounts-sec .item-inner-decripe:hover {
    transform: translateY(10px);
 }
 .acounts-sec .heading p{
     font-size: 21px;
    line-height: 26px;
    color: #fff;
    letter-spacing: 0!important;

 }
/*.acounts-sec .item-inner-decripe .icon-top{
    font-size: 32px;
    width: 75px;
    height: 75px;
    color: #fff;
    text-align: center;
    line-height: 75px;
    transform: rotate(405deg);
    margin: -72px auto 35px auto;
    position: relative;
    border-radius: 0;
     transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition:all .5s ease;
    -webkit-transition:all .5s ease;
}*/
.acounts-sec .item-inner-decripe .icon-top {
    font-size: 32px;
    width: 150px;
    height: 70px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    position: relative;
    border-radius: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    margin: 0 auto;
}
.acounts-sec .item-inner-decripe .icon-top img{
    width: 100%;
    height: auto;
}
/*.acounts-sec .d-flex:nth-of-type(odd) .item-inner-decripe .icon-top{
   background-color: #3aa607;
}

.acounts-sec .d-flex:nth-of-type(even) .item-inner-decripe .icon-top{
   background-color: #fea625;
}


.acounts-sec .item-inner-decripe:hover .icon-top{
     transform: rotate(0deg);
     border-radius: 50%
 }
*/
.acounts-sec .item-inner-decripe .content-descripe{
    position: relative;
    text-align: center;
}
.acounts-sec .item-inner-decripe .content-descripe h2{
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    line-height: 33px;
    margin: 0 0 14px 0;
}

.acounts-sec .item-inner-decripe .content-descripe p{
     font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #5d5c5c;
    margin: 0;
    padding: 0;
}
.d-flex{
    display: flex;
}

.acounts-sec .item-inner-decripe .content-descripe ul li{
     padding-bottom: 10px;
    border-bottom: 1px solid #0003;
    padding-top: 10px;
}
.acounts-sec .item-inner-decripe .content-descripe ul li .title{
    font-size: 16px;
    font-weight: 800;
    color: #3aa607;
}
.acounts-sec .item-inner-decripe .content-descripe ul li .desc{
   font-size: 16px;
    font-weight: 800;
    color: #fea625;
}

    /* ===================================
    donate-now
    ====================================== */
.donate-now-video{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
} 
.donate-now-video .heading h1{

}
.donate-now-video .video-abt{
    position: relative;
    margin-top: 54px;
    display: block; 
}
.donate-now-video h3 {
    background-color: #fea625;
    padding-right: 30px;
    margin-bottom: 0;
    padding: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    margin-bottom: 20px;
}
.donate-now-video .donate-form{
    background-color: #f5f5f5;
    padding: 0px 0 ;
    background-image: url(img/contact.jpg);
} 
.donate-now-video .donate-form form{
    padding: 0px 20px 30px;
} 
.donate-now-video .donate-form label{
    font-weight: bold;
    line-height: 1.7;
    color: #fff;
    font-size: 14px;
}   
.donate-now-video .donate-form input,.donate-now-video .donate-form  textarea,.donate-now-video .donate-form  select{
    margin-bottom: 1px
}
.donate-now-video .donate-form .form-group {
    margin-bottom: 10px;
}
.donate-now-video .donate-form .my-btn{
    cursor: pointer;
    background-color: #3aa607;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 0;
    width: 100%;
    margin: 0 15px;
    border-color: #3aa607;
}
    /* ===================================
    counter
    ====================================== */
.counter{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 35px 0;

}
.counter .overlay-me{
    background-color: rgba(0, 0, 0, 0.82);
}
.counter .counter-details {
   /* margin-bottom: 35px;*/
}

.counter .counter-details .img-counter {
    display: block;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    margin-bottom: 24px;
}
.counter .counter-details i{
    font-size: 58px;
    color: #fff;
}
.counter .counter-details span {
   font-size: 38px;
    font-weight: 400;
    text-align: center;
    padding: 15px 0 15px;
    color: #fff;
    display: block;
}

.counter .counter-details h3{
        text-transform: capitalize;
    line-height: 1.4;
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
}
/* ===================================
clients
====================================== */
.clients{
    position: relative;
    padding: 30px 0;
}
.clients .heading h1{
    color: #3aa607;
}
.clients .sup-element{
    height:75px;
    overflow: hidden;
    margin: 15px;
    border: 2px solid #3aa607;
    padding: 15px;
}
.clients .sup-element img{
    width: 100%;
    height: 100%;
}
.clients .sup-element:hover img{
    opacity: 100%;
}

/*----------------------
inner page
 -----------------------*/
.head-page{
    padding:100px 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 10%;
    margin-top: 0;

}
.overlay-head{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height:100%;
    z-index:1;
    background-color: rgba(0, 0, 0, 0.6);
}
.inner-padding{
    padding-top: 60px;
}

.sub-head-mid{
    position: relative;
    z-index: 2!important;
}
.head-page .sub-head-mid .heading h1 {
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 400;
}
.head-page .sub-head-mid {
    display: block;
}
.head-page .sub-head-mid {
    margin: 0 auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}
.head-page ul {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: right;
    list-style-position: outside;
    margin-right: 0;
    padding-right: 0;
    background-color: #fff;
    padding: 10px;
    display: inline-block;
    width: auto;
    /* margin-left: auto; */
    float: unset;
    border-radius: 30px;
}
.head-page ul li {
    display: inline-block;
    list-style: none;
}
.head-page ul li:last-child a.text-white{
    color: #3aa607 !important
}

.head-page ul li a {
    font-size: 22px;
    font-weight: 500;
    position: relative;
    margin-left: 30px;
    transition: all .3s ease-in-out;
    text-transform: capitalize;
    color:#2a2a33;
}
.head-page ul li:first-of-type a {
    margin-left: 0;
}
.head-page ul li a.arow:after {
    content: '\f104';
    font-weight: 700;
    vertical-align: middle;
    color: #2a2a33;
    font-family: Font Awesome\ 5 Free;
    padding: 1px 10px 0 5px;
}

.head-page ul li:hover a{
    color: #3aa607 !important
}



/********************
news-sec
 *********************/
.news-sec{
    position: relative;
}
.news-sec .heading h2{
    font-size: 24px;
    font-weight: 900;
    color: #B89131;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;
}
.news-sec .heading p{
    line-height: 1.3;
    font-size: 18px;
    font-weight: 500;
    color: #343434;
}
.news-sec .news-card{
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 1px 30px 0 rgb(201, 201, 201);
    overflow: hidden;
    transition: all .3s ease;
    transform: translateY(0px);
    margin-top: 30px;

}
.news-sec .owl-carousel.owl-rtl .owl-item{
    padding-bottom: 30px;
}
.news-sec .news-card:hover{
    box-shadow: 0px 1px 30px 0 rgb(201, 201, 201);
    transform: translateY(5px);
}

.news-sec .news-card .img-news{
    width: 100%;
    height: 225px;
    overflow: hidden;
    position: relative;
}
.news-sec .news-card .img-news .date{
    position: absolute;
    background-color: #ddaf3e;
    width: 50px;
    height: 50px;
    padding: 7px 3px;
    bottom: 0;
    text-align: center;
    overflow: hidden;
}
.news-sec .news-card .img-news .date span{
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    line-height: 1;
}
.news-sec .news-card .img-news .date span:first-of-type{
    font-weight: 600;
    font-size: 22px;
}
.news-sec .news-card .img-news img{
    width: 100%;
    min-height: 100%;
}
.news-sec .news-card .content{
    padding: 30px;
}
.news-sec .news-card .content h3 a{
    margin-bottom: 14px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    font-size: 26px;
    font-weight: 600;
    color: #B89131;
}
.news-sec .news-card .content h3 a:hover{

    color: #000;
}
.news-sec .news-card .content p{
    font-size: 16px;
    color: #32383C;
    margin: 0 0 1.625em;
    line-height: 1.625;
    text-align: justify;
}
.news-sec .news-card .content a.btn {
    display: inline-block;
    padding: 7px 20px;
    background: #B89131;
    border-radius: 25px;
    color: #fff;
    transition: all 0.5s ease-in-out;

    text-transform: uppercase;
    border:1px solid #B89131;
}
.news-sec .news-card .content a.btn:hover{
    background: #eac66b;
    color: #fff;
    border:1px solid #eac66b;
}
/* --------------
about-page
------------------- */
.about.inner-sec.about .visit {
    margin-top: 70px;
}
/****************************
download page
*******/
.sec-down{
    position: relative;
}
.sec-down .heading h2{
    position: relative;
    color: #3aa607;
}
.btn-download{
    background-color: #3aa607;
    color: #fff;
    padding: 5px 20px;
    margin-top: 20px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.btn-download:hover{
    background-color: #fea625;
    color: #fff;
    padding: 5px 20px;
    margin-top: 20px;
}
.btn-download i{
    padding-left: 5px;
}
/* --------------
contact-page
------------------- */
.contact-us-sec{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.contact-us-sec .form-group {
    margin-bottom: 15px;
    padding-bottom: 0;
    color: #404a5e;
    text-transform: capitalize;
}
.contact-us-sec label{
    font-weight: 500;
    margin-bottom: 5px;
}

input[type=text], input[type=email], input[type=number], input[type=search], input[type=password], input[type=tel], input[type=date], textarea, select, .form-control {
    font-size: 14px;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid #eceaea;
    border-radius: 0px;
    padding: 10px 15px;
    width: 100%;
    color: #444444;
    height: auto;
    margin-bottom: 0px;
    box-shadow: none;
}
input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=date]:focus, textarea:focus, select:focus {
    border-color:  #3aa607;
    transition: all 0.5s ease;
}

.contact-us-sec .about-contact {
    position: relative;
}
.contact-us-sec .about-contact {
    position: relative;
}
.contact-us-sec .about-contact .logo-about {
    position: relative;
    width: 100%;
    min-height: 147px;
    max-height: 150px;
    margin-bottom: 20px;
}
.contact-us-sec .about-contact .logo-about img {
    position: relative;
    height: 150px;
}
.contact-us-sec .about-contact h4{
    font-weight: 600;
    margin-bottom: 15px;
    color: #444444;
    margin-top: 0;
    line-height: 1.5;
}
.contact-us-sec .about-contact p{
    margin-bottom: 15px;
    color: #555;
}
.contact-us-sec  .contact-location ul li{
    margin-bottom: 15px;
    color: #777;
    position: relative;
}
.contact-us-sec  .contact-location i {
    color: #3aa607;
    margin-left: 10px;
    font-size: 16px;
}
.contact-us-sec .btn{
    padding: 7px 25px;
    display: inline-block;
    color: #fff;
    transition: all ease-in-out 0.3s;
    margin-left: 15px;
    background:  #3aa607;
    border-color:  #3aa607;
    border-radius: 0;
}
.contact-us-sec .footer-social-icons ul li{
    border: 1px solid #3aa607;
    border-radius: 50%;
    color:  #3aa607;
}
.contact-us-sec .footer-social-icons ul li a {
    color:  #3aa607;
}
.contact-us-sec .footer-social-icons ul li a {
    color:  #3aa607;
}
/* ===================================
    Footer
====================================== */

footer{ padding:50px 0 0;  color:#939393;position: relative;background-repeat: no-repeat;background-size: cover; }
footer p{ margin-bottom:0;color: #fff;text-align: justify}
footer h3{ font-size:18px; font-weight:500; margin-bottom:30px; line-height:1; position:relative; }
footer h3:after{ content:''; display:block; width:70px; height:2px; background: #3aa607; margin-top:12px; }
.footer-social-icons ul{ margin-bottom:0; }
.footer-social-icons ul li{ display:inline-block; border:1px solid #fff; border-radius:50%; color:#fff; margin-right:10px; margin-bottom:5px; -webkit-transition-duration:.3s; transition-duration:.3s }
.footer-social-icons ul li a{ color: #ffffff; display:block; font-size:15px; height:35px; line-height:35px; text-align:center; width:35px; }
.footer-social-icons ul li:hover { background: #3aa607; border-color: #3aa607; }
.footer-social-icons ul li:hover i { color: #fff; }
/*small*/
.footer-social-icons.small ul li { margin-bottom: 0; }
.footer-social-icons.small ul li a { font-size: 12px; height: 25px; line-height: 26px; width: 25px; }
.footer-list{ margin:0; }
.footer-list li{ list-style-type:none; color: #ffffff; padding:6px 0; }
.footer-list li:first-child{ padding-top:0; }
.footer-list li a:before{ content:'\f104'; font-weight: 700; vertical-align: bottom; font-family: Font Awesome\ 5 Free; color: #ffffff; padding-left:8px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.footer-list li a{ font-size:15px; font-weight:400; color: #ffffff; }
.footer-list li a:hover,.footer-list li a:hover:before{ color:#fff; }
.footer-bar{ padding-top:20px; padding-bottom:20px; margin-top:50px; text-align:center; background:#191919; color: #ffffff; }
.footer-bar span{ color: #3aa607; font-size:15px; font-weight:400; }
/*footer-top-bar*/
.footer-top-bar { background: #191919; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
/*footer style2*/
footer h3.footer-title-style2 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #3aa607;
    font-weight: 600;
}
h3.footer-title-style2:after { width: 30%; height: 1px; background: #3aa607; margin-top: 15px; }

@media (max-width: 767px) {
    footer { padding-top: 30px; }
    .footer-bar { margin-top: 30px;}
    .footer-bar p { font-size: 13px; }
}
footer .footer-list span{
    unicode-bidi: plaintext;
}
.footer-logo{
    margin-bottom: 20px;
}
footer p{
    margin-bottom: 20px;
}
footer .footer-bar p{
    margin-bottom: 0;
}
footer .overlay-me{
    background-color: #060606e6;
}
footer  .text-theme-color {
    color: #ffffff;
}
footer a{
    color: #fea625;
}
footer a:hover{
    color: #3aa607;
}
.counter .container{
    z-index: 3;
    position: relative;
}
footer .container{
    z-index: 3;
    position: relative;
}


::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #3aa607;

    background-image: -webkit-gradient(linear, 0 0, 0 100%,
    color-stop(.5, rgba(255, 255, 255, .2)),
    color-stop(.5, transparent), to(transparent));
}

@media screen and (max-width: 1200px) {
    .navbar-brand img {
    width: auto;
    height: 160px;
    }
    .menu_area .navbar-brand {
    height: 200px;
    width: 170px;
    }
    .projects-sec .project-initiative-card .content-card h3 {
    font-size: 24px;
    }
    .heading h1 {
    font-size: 34px;
    }
    .heading h2 {
    font-size: 34px;
    }
    .acounts-sec .item-inner-decripe .content-descripe h2 {
    font-size: 24px;
    }
}
@media screen and (max-width: 1024px) {
    .navbar-brand img {
        width: auto;
        height: 135px;
    }
    .menu_area .navbar-brand {
    height: 175px;
    width: 153px;
    }
    .heading h1 {
    font-size: 28px;
    }
    .heading p {
    font-size: 15px;
    }
    .abt-desc .programe .img-prog {
    width: 188px;
    height: 188px;
    }
    .abt-desc .programe .img-prog .pad {
    width: 178px;
    height: 178px;
    }
    .call-to-action {
    padding: 70px 0;
    }
    .owl-carousel .owl-nav .owl-prev {
    top: -56px;
    }

    .owl-carousel .owl-nav .owl-next {
    top: -56px;
    }
    .donate-now-video h3{
        margin-bottom: 10px;
    }
    .donate-now-video .donate-form .form-group {
    margin-bottom: 5px;
    }
    .donate-now-video .donate-form label {
    font-weight: 400;
    line-height: 1.5;
    }
    .counter .counter-details .img-counter {
    margin-bottom: 10px;
    }
    .counter .counter-details span {
    font-size: 32px;
    }

}
@media screen and (max-width: 768px) {
    .menu_area .navbar-brand {
        height: 150px;
        width: 153px;
        margin: 0;
        padding: 5px 0;
    }
    .navbar-brand img {
    width: auto;
    height: 130px;
    }
    .abt-desc .programe .img-prog {
    width: 138px;
    height: 138px;
    }
    .abt-desc .programe .img-prog .pad {
    width: 128px;
    height: 128px;
    }
    .abt-desc .programe .content h3 {
    margin-top: 15px;
    }
    .padding-70 {
    padding: 35px 0;
    }
    .about {
    position: relative;
    padding-bottom: 35px;
    }
    .abt-desc {
    position: relative;
    margin-bottom: 35px;
    }
    .owl-carousel .owl-nav .owl-prev {
    width: 30px;
    left: 32px;
    }
    .owl-carousel .owl-nav .owl-next {
    width: 30px;
    }
    .donate-now-video .donate-form form {
    padding: 0px 100px 30px;
    }
    .donate-now-video .donate-form {
    margin-top: 35px;
    }
    .counter .counter-details i {
    font-size: 42px;
    }
    .counter .counter-details span {
    font-size: 28px;
    }
    .counter .counter-details h3 {
    font-size: 24px;
    }
}
@media screen and (max-width: 425px) {
     #top-bar {
        display: none;
    }
    .donate-now-video .donate-form form {
        padding: 0px 25px 30px;
    }
    .abt-desc .programe .img-prog {
        width: 168px;
        height: 168px;
    }
    .abt-desc .programe .img-prog .pad {
        width: 158px;
        height: 158px;
    }
    .call-to-action .heading p {
        color: #ffffff;
        text-align: justify;
    }
    .my-btn {
        background: #fff;
        border: 1px solid #fff;
        padding: 3px 25px;
    }
    .heading h1 {
        margin-top: 0px;
    }
    .projects-sec .project-initiative-card {
        margin: 20px;
    }
    .counter .counter-details {
        margin-bottom: 30px;
    }
    .clients .sup-element img {
        width: auto;
        height: 100%;
        display: block;
        margin: 0 auto;
    }
    .xs-text-center{
        text-align: center!important;
    }
    .footer-bar p {
        font-size: 13px;
        text-align: center;
    }
    footer h3.footer-title-style2 {
        font-size: 18px;
        margin-top: 20px;
    }
    .projects-sec .project-initiative-card .content-card {
        padding: 20px;
    }
    .heading h1 {
        font-size: 24px;
    }
    .acounts-sec .item-inner-decripe {
        margin-top: 50px;
    }
}
@media screen and (max-width: 320px) {

}