*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border:none;
  outline:none;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?vob13f');
  src:  url('../fonts/icomoon.eot?vob13f#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vob13f') format('truetype'),
    url('../fonts/icomoon.woff?vob13f') format('woff'),
    url('../fonts/icomoon.svg?vob13f#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: 'cairo';
  src: url(../fonts/cairo.ttf)
}


a:hover ,a:focus{
  text-decoration: none
}

.title a{
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}

ul{
  list-style: none;
  padding: 0;
  margin: 0
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p{
  margin:0;
}

input, textarea, a, button {
    outline: none !important;
}

button{
  cursor: pointer;
}

img{
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.font-bold{
  font-weight: bold
}

body{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.428571429;
  background-color: #ffffff;
  font-family: 'cairo';
      overflow: hidden;
}

.main-wrapper {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}



.loading-overlay {
  background: #f8f8f8;
  color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center; }

.spinner {
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear; }

.dot1, .dot2 {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-color: #6EAF62;
  border-radius: 100%;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }


/****************************** start menu-mobile *******************************************/

.active-body{
   overflow: hidden;
}
.mobile-menu-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  background-color: rgba(51, 51, 51, 0.51);
}

.mobile-menu-overlay-active{
  visibility: visible
}

.menu-mobile-remove{
  visibility: hidden;
}

.menu-mobile{
  padding-top: 20px;
  min-width: 100px;
  width: 250px;
  height: 100%;
  position: fixed;
  left:  0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(110, 175, 98,.9);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
}

.menu-mobile-active{
  transform: translateX(0);
}

.menu-mobile .fa-times{
  color: #fff;
  padding-left: 5px;
  position: relative;
  right: 20px;
  cursor: pointer;
  padding: 10px;
}

.menu-mobile .menu{
  margin-top: 20px
}
section.donate-n.p-50 {
  background-image: url(https://rowad.ps/image/image_1639556655954311545.jpg);
  padding: 100px;
  background-size: cover;
  background-position: 50% 20%;
}
section.donate-n.p-50 a.more.mx-3 {
  padding: 12px 50px;
  border-radius: 50px;
  margin: 0 !important;
  font-size: 24px;
}
section.donate-n.p-50 h5 {
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  margin-bottom: 15px;
}
.menu-mobile li{
  transform: translateY(20px);
  transition: all 0.1s;
  opacity: 0;
  visibility: hidden;
}

.menu-mobile li:nth-of-type(1){
  transition-delay: .1s
}
.menu-mobile li:nth-of-type(2){
  transition-delay: .2s
}
.menu-mobile li:nth-of-type(3){
  transition-delay: .3s
}
.menu-mobile li:nth-of-type(4){
  transition-delay: .4s
}
.menu-mobile li:nth-of-type(5){
  transition-delay: .5s
}
.menu-mobile li:nth-of-type(6){
  transition-delay: .6s
}
.menu-mobile li:nth-of-type(7){
  transition-delay: .7s
}
.menu-mobile li:nth-of-type(8){
  transition-delay: .8s
}

.menu-mobile li.active{
  transform: translateY(0px);
  opacity: 1;
  visibility: visible
}

.menu-mobile a{
  display: block;
  padding: 0 30px;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 50px;
  position: relative;
  border-bottom: 1px solid #549448;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
      cursor: pointer;
}

.menu-mobile .closes{
  width: 22px;
  position: relative;
  right: 10px;
  cursor: pointer;
  top: 10px
}

.menu-mobile a:hover{
  background-color: #599e4c;
  color: #FFF !important
}

#toggle {
  display: none;
  width: 28px;
  height: 30px;
  padding: 14px 0px;
}

.toggle-ind-4 {
  position: absolute !important;
  top: 31px!important;
  right: auto!important;
  left: 20px !important;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 3px;
  background-color: #fff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}


#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}


.menu-mobile .sub-menu-mobile{
  display: none;
}

.menu-mobile .sub-menu-mobile a{
  font-size: 12px !important;
  padding-right: 50px;
}

.menu-mobile .toggle::before{
  content: '\e901';
  font-family: 'icomoon';
  position: absolute;
  left: 10px;
  top: 0px;
}

.toggle-mobile-active::before{
  content: '\e900' !important;
}

.menu-mobile-acitve{
  display: block
}

.icon-delete{
  color: #FFF;
  margin: 20px 20px 0px;
  cursor: pointer;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 0px !important;
}


.socail-meida{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index:5;
}

/****************************** end menu-mobile *******************************************/


.top_panner{
  background-color: #019972;
  height: 50px;
  line-height: 50px;
}

.top_panner a{
  color: #fff
}


.news-new{
  background-color: #019972;
  color: #FFF;
  margin-left: 15px;
  line-height: 50px;
  min-width: 70px;
  text-align: center;
  display: block;
}

.top_panner .date{
  color: #FFF;
  font-size: 12px;
}

.top_panner .language ul li{
  display: inline-block;
  margin-right: 10px
}

.top_panner .language ul li a{
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  background: #fff;
  color: #000000;
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.vticker{
width: 100%;
}
.vticker li{
  width: 400px;
  display: flex;
  overflow: hidden;
  height: 40px;
}
.vticker a{
  width: 400px;
  display: flex;
  overflow: hidden;
  height: 40px;
}
/**********************************************************************************************
*********************************************** start header ************************************
**********************************************************************************************/

.main-header{
  height: 75px;
  top: 0;
  right: 0;
  width: 100%;
  position: relative;
  background-color: #fff;
  z-index: 5;
}

.main-header .d-flex {
   height: 75px;
}

.main-header .menu-container {
  position: relative;
  align-items: center;
}

.main-header .main-menu li{
  display: inline-block;
  position: relative;
}

.main-header a {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 75px;
  position: relative;
  color: #282828;
  padding: 0px 15px;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.main-header a::after {
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background-color: #6eae62;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.main-header li:hover > a::after {
  width: 100%;
  left: auto;
  right: 0;
}

.main-header a.toggle::before{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '\e900';
  font-family: 'icomoon';
  font-size: 10px;
}

.main-header a.toggle-sub-menu::before{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '\e901';
  font-family: 'icomoon';
  font-size: 10px;
}

.main-header .sub-menu li{
  display: block;

}
.main-header .sub-menu
{
  position: absolute;
  width: 200px;
  right: 0;
  top: 100%;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.47);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.main-header .sub-menu a{
  color: #3b3b3b;
  font-size: 14px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 15px;
  line-height: 20px;
}


.main-header .sub-menu a:hover{
  color: #6dad61
}

.main-header .sub-menu li:not(:last-of-type) a{
  border-bottom: 1px solid #ededed;
}

.main-header .sub-menu li a::after{
  background-color: transparent
}

.main-header li:hover > .sub-menu {
  opacity: 1;
  visibility: visible
}

.main-header li > ul > li > .sub-menu{
  top: 0;
  right: 102%;
}

.main-header li > ul > li > .sub-menu li:last-of-type a{
  border-bottom: 0px
}

.main-header li > ul > li:hover > .sub-menu{
  opacity: 1;
  visibility: visible
}

/**********************************************************************************************
*********************************************** end header ************************************
**********************************************************************************************/





/**********************************************************************************************
*********************************************** start header-2 ************************************
**********************************************************************************************/

.main-header-2{
  height: 75px;
  top: 50px;
  right: 0;
  width: 100%;
  position: absolute;
  z-index: 5;
}

.main-header-2 .logo-2
{
  background-color: #ffffff;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-top: -27px;
  padding-top: 25px;
  padding-bottom: 15px;
  box-shadow: 0px 30px 40px 0px rgba(34, 35, 40, 0.17);
}

.main-header-2 .d-flex {
   height: 75px;
   background-color: #fff;
   border-bottom-left-radius: 10px;
}

.main-header-2 .menu-container {
  position: relative;
  align-items: center;
}

.main-header-2 .main-menu li{
  display: inline-block;
  position: relative;
}

.main-header-2 a {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 75px ;
  position: relative;
  color: #282828;
  padding: 0px 15px;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.main-header-2 a::after {
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background-color: #6eae62;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.main-header-2 li:hover > a::after {
  width: 100%;
  left: auto;
  right: 0;
}

.main-header-2 a.toggle::before{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '\e900';
  font-family: 'icomoon';
  font-size: 10px;
}

.main-header-2 a.toggle-sub-menu::before{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '\e901';
  font-family: 'icomoon';
  font-size: 10px;
}

.main-header-2 .sub-menu li{
  display: block;

}
.main-header-2 .sub-menu
{
  position: absolute;
  width: 200px;
  right: 0;
  top: 100%;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.47);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.main-header-2 .sub-menu a{
  color: #3b3b3b;
  font-size: 14px;
  margin-left: 0;
  margin-right: 0;
      padding: 0px 20px;
  line-height: 55px;
}


.main-header-2 .sub-menu a:hover{
  color: #6dad61
}

.main-header-2 .sub-menu li:not(:last-of-type) a{
  border-bottom: 1px solid #ededed;
}

.main-header-2 .sub-menu li a::after{
  background-color: transparent
}

.main-header-2 li:hover > .sub-menu {
  opacity: 1;
  visibility: visible
}

.main-header-2 li > ul > li > .sub-menu{
  top: 0;
  right: 102%;
}

.main-header-2 li > ul > li > .sub-menu li:last-of-type a{
  border-bottom: 0px
}

.main-header-2 li > ul > li:hover > .sub-menu{
  opacity: 1;
  visibility: visible
}

.main-header-2  .search{
  position: relative;
}

.main-header-2 .form-search{
  position: absolute;
  top: 45px;
  width: 250px;
  left: -24px;
  /*padding-top: 15px;*/
  background-color: #FFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 15px 20px 0px rgba(50, 50, 50, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.main-header-2 .image-search{
  cursor: pointer;
}

.main-header-2 .form-search input{
  background-color: #FFF;
  border: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 1px solid #f2f2f2;
}

.main-header-2 .form-search.active{
  opacity: 1;
  visibility: visible;
  top: 47px;
}

/**********************************************************************************************
*********************************************** end header-2 ************************************
**********************************************************************************************/



/**********************************************************************************************
*********************************************** start main-slider *****************************
**********************************************************************************************/
.main-slider{
/*    height: calc(100vh - 50px);*/
  position: relative;
}
.main-slider .owl-carousel{
/*    height: 100%;*/
}
.owl-dot{
  box-shadow: none !important
}
.owl-stage-outer{
/*    height: 100%;*/
}
.owl-stage{
/*    height: 100%;*/
}
.owl-item{
/*    height: 100%;*/
}
.slider-item{
/*    height: 100%;*/
}
.slider-item img{
  width: 100%;
/*    height: 100%;*/
}
.slider-caption{
  position: absolute;
  bottom: 5%;
  right: 50%;
  transform: translate(50% , -50%);
}
.slider-caption .title{
  font-size: 28px;
  padding: 20px 39px;
  line-height: 45px;
  display: table;
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
  transform: translateY(-5px);
  background-color: rgba(220, 220, 220, 0.2);
  border-radius: 10px;
  color: #FFF;
  line-height: 48px;
  font-weight: bold;
  position: relative;
}

.slider-caption .title a{
  color: #FFF
}

.slider-caption .title a::before{
  position: absolute;
  content: '';
  right: 20px;
  background-color: #6eaf62;
  top: 50%;
  width: 5px;
  height: 50%;
  transform: translateY(-50%);
}

.title.is-transitioned{
  opacity: 1;
  visibility: visible;
  transition-delay: .5s ;
  transform: translateY(0px)
}

.description.is-transitioned{
  opacity: 1;
  visibility: visible;
  transition-delay: .8s ;
  transform: translateY(0px)
}

.main-slider .owl-theme .owl-dots
{
  position: absolute;
  bottom: 0%;
  right: 50%;
  transform: translateX(50%);
}

.owl-theme .owl-nav
{
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateX(50%) translateY(50%);
  width: 100%;
}
.owl-theme .owl-nav span{
  display:none;
}
.owl-next{
  left: 0%;
  position: absolute;
  bottom: 0;
}
.owl-next::before{
  position: absolute;
  content: '\e901';
  font-family: 'icomoon';
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  right: 50%;
  font-size: 24px;
  color: #FFF
}

.owl-prev{
  right: 0%;
  position: absolute;
  bottom: 0
}
.owl-prev::before{
  position: absolute;
  content: '\e903';
  font-family: 'icomoon';
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  right: 50%;
  font-size: 24px;
  color: #FFF
}

.owl-prev:hover::before,.owl-next:hover::before{
  color: #6eaf62
}

.owl-theme .owl-nav [class*=owl-]:hover{
  background:transparent;
  color: transparent;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff;
}

.owl-theme .owl-dots .owl-dot span{
  background-color: transparent;
  border: 2px solid #FFF;
}
/**********************************************************************************************
*********************************************** end main-slider *****************************
**********************************************************************************************/


.p-50{
  padding: 50px 0px;
}

.main-title{
  margin-bottom: 50px;
  position: relative;
  display: inline-block
}

.main-title::before{
  position: absolute;
  content: '';
  background-color: #6eae62;
  width: 100%;
  height: 2px;
  bottom: -10px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.main-title::after{
  position: absolute;
  content: '';
  background-color: #000;
  width: 0;
  height: 2px;
  bottom: -10px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.main-title:hover::before{
  width: 0;
}

.main-title:hover::after{
  width: 100%;
  background-color: #000;
}

.more{
  background: #019972;
  color: #FFF;
  border-radius: 30px;
  padding: 15px 40px;
  font-size: 16px;
  position: relative;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  overflow: hidden;
  display: inline-block
}

.more:hover{
 color: #FFF;
 background: #007456;
}


/**********************************************************************************************
*********************************************** start layout_1 *****************************
**********************************************************************************************/
.layout_1{
  padding: 70px 0px ;
  position: relative;
}

.title-section{
  font-size: 26px;
  color: #222222;
  margin-bottom: 30px;
}


.title-section-2{
  font-size: 26px;
  color: #fff;
  margin-bottom: 30px;
}



@media(min-width:992px){
  .layout_1::before{
      position: absolute;
      content: '';
      -webkit-clip-path: polygon(0 0, 55% 0, 50% 100%, 0% 100%);
      clip-path: polygon(0 0, 53% 0, 50% 100%, 0% 100%);
      background-color: #019972;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }
  .w-lg-auto{
      width: auto !important;

  }
  .rounded-left {
      border-top-left-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important;
  }
}

.wight-news-2{
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 40px 0px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0px 0px 40px 0px rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0px 0px 40px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 40px 0px rgba(50, 50, 50, 0.1);
  border-radius: 10px
}
.wight-news-2 .details {
  padding: 10px 10px;
}

.wight-news-2 .date {
  font-size: 10px;
  color: #3a3a3a;
  margin-bottom: 5px;
}

.wight-news-2 .title {
  font-size: 16px;
  color: #3a3a3a;
  overflow: hidden;
  /*max-height: 40px;*/
  line-height: 24px;
}

.wight-news-2 .title a {
  color: #3a3a3a;
}

.wight-news-2:hover .title a{
  color: #6eae62
}

.more_action{
  font-size: 16px;
  color: #929292
}

.more_action:hover{
  color: #929292
}

.more_action_2{
  font-size: 16px;
  color: #fff
}
.more_action_2:hover{
  color: #fff
}

.layout_1 .entry-news .details{
  background-color: #FFF
}
ul.socail.soc-header li i:before {
  color: #fff !important;
}
.layout_1 .entry-news .title{
  font-size: 16px
}

.layout_1 .entry-news .info{
  font-size: 12px !important;
  height: 36px !important;
}
.layout_1 .owl-dots
{
  position: absolute;
  top: -63px;
  left: 0;
}
/**********************************************************************************************
*********************************************** end layout_1 *****************************
**********************************************************************************************/
.layout_2{
  padding: 70px 0px ;
  position: relative;
}


.layout_2 .overlay::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 60px;
  background: url(../img/overlay.png) center no-repeat;
  background-size: auto;
  content: '';
}

.main-images .row>[class*="col-"] {
  padding-right: 2px;
  padding-left: 2px;
}

.main-images .entry-image{
  margin-bottom: 4px
}

.main-images .thumb{
  padding-top: 65%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.main-images .thumb a{
  display: block
}
.main-images .thumb a::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(75, 75, 75, 0.3);
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  opacity: 0;
  visibility:hidden;
  z-index: 1;
}

.main-images .entry-image:hover a::before{
  opacity: 1;
  visibility: visible;
}


.main-images .entry-image .thumb a::after {
  content: '\e910';
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  font-family: 'icomoon';
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  font-weight: 900;
  color: #FFF;
  background-color: #6eae62;
  top: 50%;
  right: 50%;
  transform: translate(50% , -50%);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
}

.main-images .entry-image:hover a::after{
  opacity: 1;
  visibility: visible
}


.main-images .thumb img{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.main-images > .row,.main-video > .row{
  margin-left: -2px;
  margin-right: -2px
}

.main-video .row>[class*="col-"] {
  padding-right:8px;
  padding-left: 8px;
}

.entry-video{
  height: 200px;
}

.entry-video iframe{
  width: 100% !important;
  height: 100% !important;
  position: absolute
}

/*start wight-post-3 */

.wight-news-3{
  margin-bottom: 20px;
  background-color: #FFF;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0px 0px 57px 0px rgba(50, 50, 50, 0.12);
  -o-box-shadow: 0px 0px 57px 0px rgba(50, 50, 50, 0.12);
  -ms-box-shadow: 0px 0px 57px 0px rgba(50, 50, 50, 0.12);
  box-shadow: 0px 0px 57px 0px rgba(50, 50, 50, 0.12);
  height: 91px;
}

.wight-news-3 .details{
  padding-right: 15px
}

.wight-news-3 .title{
  font-size: 16px;
  color: #242424;
  line-height: 28px;
  overflow: hidden;
  max-height: 56px;
}

.wight-news-3 .title a{
  color: #242424
}

.wight-news-3:hover a{
  color: #629958
}
/* end  */


.slider-information.owl-carousel .owl-item img {
  width: auto !important;
  margin: auto;
}

/**********************************************************************************************
*********************************************** start section nwes ****************************
**********************************************************************************************/
.entry-news{
  margin-bottom: 25px;
  position: relative;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  border-radius: 15px;
  overflow: hidden;
}

.entry-news .thumb{
  height: 0;
  padding-top: 63%;
  position: relative;
  width: 100%;
}

.entry-news .thumb img{
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.entry-news .details{
  padding: 20px 25px;
}

.entry-news .details.news{
  background-color: #FFF
}

.entry-news .details .date{
  color: #3a3a3a;
  margin-bottom: 10px;
  font-size: 12px
}


.entry-news .details .title
{
  font-weight: 400;
  font-size: 22px;
  margin: 0;
  line-height: 1.628571429;
  height: 73px;
  overflow: hidden;
  margin-bottom: 10px;
}

.entry-news .details .title a{
  color: #3a3a3a
}

.entry-news .details .info{
  font-size: 14px;
  color: #848484;
  overflow: hidden;
  height: 65px;
}
.entry-news:hover .title a{
  color: #6dad61
}

.entry-news .thumb a{
  transition: .2s ease-in-out
}

.entry-news .thumb a::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 80%;
  z-index: 1;
  background: #000;
  background: -webkit-linear-gradient(to top, rgba(110, 175, 98 , .3), rgba(0, 0, 0, 0));
  background: linear-gradient(to top, rgba(110, 175, 98 , .3), rgba(0, 0, 0, 0));
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  opacity: 0;
}

.entry-news:hover .thumb > a::before {
  height: 100%;
  opacity: 1;
}


/**********************************************************************************************
*********************************************** end section nwes *****************************
**********************************************************************************************/



/**********************************************************************************************
*********************************************** start section gallary *************************
**********************************************************************************************/
.gallary{
  position: relative;
  background-color: #fafafa
}

.gallary .overlay::before{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(../img/overlay.png) center no-repeat;
  background-size: auto;
  content: '';
}

.gallary .entry-gallary{
  margin-bottom: 4px;
  overflow: hidden;
  transition: .2s ease-in-out
}
.text-right.new-xr-t img {
  width: 50px;
  margin-left: 10px;
}
.text-right.new-xr-t {
  text-align: center !important;
  margin: auto;
  display: inline-block;
  padding: 20px;
  width: 100%;
}
.entry-gallary .thumb a::before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 80%;
  background: #000;
  background: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  opacity: 0;
}

.entry-gallary:hover .thumb a::before {
  height: 100%;
  opacity: 1;
}

.gallary .entry-gallary .thumb a::after{
  content: '\e910';
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  font-family: 'icomoon';
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  font-weight: 900;
  color: #FFF;
  background-color: #6eae62;
  top: 60%;
  right: 50%;
  transform: translate(50% , -50%);
  border-radius: 50%;
  padding: 10px 12px;
}

.gallary .entry-gallary:hover .thumb a::after {
  top: 50%;
  opacity: 1;
  visibility: visible
}

.gallary .entry-gallary .thumb{
  height: 0;
  padding-top: 55%;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.gallary .entry-gallary img{
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.gallary .row>[class*="col-"] {
  padding-right: 2px;
  padding-left: 2px;
}

.gallary .row {
  margin-left: -2px;
  margin-right: -2px;
}

.gallary .entry-gallary .thumb.thumb-lg{
  padding-top: 111%;
}
/**********************************************************************************************
*********************************************** end section gallary *************************
**********************************************************************************************/







/**********************************************************************************************
*********************************************** start section features *************************
**********************************************************************************************/

.features .count {
    position:relative;
    z-index:1;
    border: solid 1px #ffffff78;
    padding:20px 10px;
    border-radius:10px;
    margin:12px 0;
}
.features .count .timer {
    margin-top:15px;
    font-size:28px;
    margin-bottom:7px;
    color:#fff;
    font-weight:bold;
}

.features .count .title {
    color:#fff;
    font-size:16px;
}
.features {
    position:relative;
    padding:40px 0px;
    text-align:center;
}

.features::before{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(../img/count.png) center no-repeat fixed;
  background-size: cover;
  content: '';
}

.features::after{
  position: absolute;
  content: '';
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background-color: rgb(176 54 26 / 53%);
}

@media(max-width:991px){
.features .count img{
    height:50px;
}
.features .count .timer {
    font-size: 18px;
}
.features .count .title {
    font-size: 16px;
    min-height: 40px;
}
.features .count {
    padding: 15px 10px;
    margin: 5px 0;
}
}

/**********************************************************************************************
*********************************************** end section features *************************
**********************************************************************************************/



/**********************************************************************************************
*********************************************** start section information *********************
**********************************************************************************************/
.information{
  background-color: #fafafa;
  text-align: center
}

.information .item-information a{
  background-color: #FFF;
  display: block;
  padding: 55px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.08);
  -moz-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.08);
  -ms-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.08);
  -o-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.08);
  box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.08);
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.information .item-information a:hover{
  transform: translateY(-10px);
  -webkit-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.1);
}

.information .item-information .title{
  color: #2c2c2c;
  margin-top: 20px;
  font-size: 22px
}


/**********************************************************************************************
*********************************************** end section information *********************
**********************************************************************************************/




/**********************************************************************************************
*********************************************** start section slider_client *********************
**********************************************************************************************/
.slider_client{
  padding: 0px 50px;
  position: relative;
}

.slider_client .owl-next::before,.slider_client .owl-prev::before {
  color: #000000;
}

.slider_client .owl-stage {
  display: flex;
  align-items: center;
}
/**********************************************************************************************
*********************************************** end section slider_client *********************
**********************************************************************************************/




/**********************************************************************************************
*********************************************** start section content *********************
**********************************************************************************************/


.page_content{
  background-color: #fafafa;
  padding: 50px 0px;
}

.page_content .content{
  background-color: #FFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -moz-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -o-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  padding: 50px 40px;
}


.wight{
  background-color: #FFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -moz-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -o-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  margin-bottom: 20px;
  overflow: hidden;

}

.wight .wight-header
{
  padding: 20px 25px;
}
.wight .wight-header.video
{
  background-color: #c53232;
}

.wight .wight-header.video .title{
  color: #FFF
}

.wight .wight-header .title{
  color: #1d1d1d;
  font-size: 18px
}

.wight .wight-body{
  box-shadow: 0px 10px 68px 0px rgba(50, 50, 50, 0.08);
  padding: 20px 25px;
}

.wight .wight-body .wight-news{
  margin-bottom: 10px
}

.page_content .page_title{
  text-align: center;
  margin-bottom: 40px
}

.page_content .page_title h3{
  position: relative;
  display: inline-block
}

.page_content .page_title h3::before{
  position: absolute;
  content: '';
  background-color: #6fb063;
  width: 50%;
  height: 2px;
  bottom: -10px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}


.page_content .page_title h3::after
{
  position: absolute;
  content: '';
  background-color: #000;
  width: 0;
  height: 2px;
  bottom: -10px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.page_content .page_title h3:hover::before {
  width: 0;
}

.page_content .page_title h3:hover::after {
  width: 50%;
  background-color: #000;
}



/**********************************************************************************************
*********************************************** start section main-gallary *********************
**********************************************************************************************/
.main-gallary .entry-gallary{
  margin-bottom: 10px;
  position: relative;
}

.main-gallary .row>[class*="col-"] {
  padding-right: 4px;
  padding-left: 4px;
}

.main-gallary .entry-gallary .thumb{
  padding-top: 63%;
}

.main-gallary .entry-gallary .thumb a::after{
  content: '\e90b';
  font-size: 16px;
}

.main-gallary .details {
  padding: 20px;
  background-color: #fff;
}

.main-gallary .details .info{
  color: #000000;
  line-height: 24px;
  font-size: 16px;
}

.main-gallary .details .info a{
  color: #000000;
}


.page-item .page-link {
  z-index: 1;
  color: #000;
  background-color: #f1f1f1;
  border-radius: 10px !important;
  border-color: transparent;
  border: 0;
  box-shadow: none;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #6fb063;
  border-color: transparent;
}

.page-item{
  margin-left: 10px
}


.fb_iframe_widget{
  width: 100%;
  height: 100%;
}

.fb_iframe_widget span {
  width: 100% !important;
  height: 300px !important;
}

.fb_iframe_widget iframe{
  width: 100% !important;
  height: 100% !important;
}


.main-photo.gallary .entry-gallary .thumb{
  padding-top: 65%
}

/**********************************************************************************************
*********************************************** start section main-gallary *********************
**********************************************************************************************/




/**********************************************************************************************
*********************************************** start section team *************************
**********************************************************************************************/
.team {
  text-align: center;
  margin-bottom: 15px
}

@media(min-width:992px){
  .team{
      margin-bottom: 50px
  }
}

.team img{
  border: 2px solid #efefef;
  cursor: pointer;
      width: 150px;
  height: 150px;
  /*border-radius: 50%;*/
}

.team .name {
    color: #000000;
  font-size: 18px;
  margin: 10px 0px 5px;
  line-height: 23px;
  text-align: center;
}

.team .info{
  color: #8d8d8d;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}


.team-modal img{
  width: 170px;
  height: 170px;
  border-radius: 50%;
  margin-top: -80px;
}

@media (min-width: 576px){
.modal-team .modal-dialog {
  max-width: 600px;
}
}
.modal-team .scroll {
  max-height: 300px;
}

.modal-team .text{
  font-size: 14px;
  color: #2a2a2a;
  margin-bottom: 30px;
  line-height: 30px
}

.modal-team .name{
  font-size: 18px;
  color: #252525;
  margin: 10px 0px;
}
.modal-team .info{
  font-size: 14px;
  color: #b0b0b0
}
/**********************************************************************************************
*********************************************** end section team *************************
**********************************************************************************************/









/**********************************************************************************************
*********************************************** start section donate *************************
**********************************************************************************************/
.donate{
  background: url(../img/overlay-dontate.png);
  padding: 70px 0px 100px;
  background-size: cover;
  background-repeat: no-repeat;

}

.donate .title-donate {
  text-align: center;
  margin-bottom: 40px;
}

.donate .title-donate h3{
  position: relative;
  color: #FFF;
  display: inline-block;
}

.content-donate{
  background-color: rgba(255, 255, 255, .1);
  padding: 30px 30px 0px;
  border-radius: 20px;
}

.donate .title-donate h3::before {
  position: absolute;
  content: '';
  background-color: #6fb063;
  width: 50%;
  height: 2px;
  bottom: -10px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.donate .title-donate h3::after {
  position: absolute;
  content: '';
  background-color: #000;
  width: 0;
  height: 2px;
  bottom: -10px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.payment-methods:first-child {
  margin-bottom: 40px
}

.payment-methods li a{
  background-color: #FFF;
  border-radius: 30px;
  width: 170px;
  height: 50px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  border: 3px solid #fff
}

.payment-methods li a.active{
  border: 3px solid #6fb063
}

.payment-type{
  margin-bottom: 50px
}

.payment-type .dropdown-toggle
{
  background-color: #FFF !important;
  color: #000;
  box-shadow: none;
  border: 0px;
  font-size: 14px;
  width: 175px;
  text-align: right;
  height: 50px;
  box-shadow: none !important;
}

.payment-type .dropdown-toggle::after{
  display: none
}

.payment-type .dropdown-toggle::before{
  position: absolute;
  content: '\e900';
  font-family: 'icomoon';
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-size: 10px;
}
.payment-type .dropdown-menu{
  min-width: 100%;
}
.payment-type .dropdown-menu a{
  cursor: pointer;
}

.payment-type li{
  position: relative;
}

.payment-type li .input-donate{
  width: 55px;
  height: 50px;
  text-align: center;
  background-color: #FFF;
  border-radius: 5px;
  display: inline-grid;
  margin: 0px 5px;
  cursor: pointer;
  line-height: 45px;
  border: 3px solid #fff
}

.payment-type li span.absolute{
  position: absolute;
  top: -27px;
  color: #FFF;
  right: 5px;
  font-size: 14px;
}

.payment-type li p{
  color: #FFF
}

.payment-type li .input-donate.active{
  border: 3px solid #6fb063
}
.payment-type .show>.btn-primary.dropdown-toggle {
  color: #000;
  background-color: #fff;
  border-color: transparent;
}

.payment-type .show>.btn-primary.dropdown-toggle:focus,.payment-type .show>.btn-primary.dropdown-toggle:avtive {
  box-shadow: none !important;
  border: 0px !important
}

.payment-type li:not(:first-of-type) input{
  width: 78px;
  height: 50px;
  margin: 0px 5px;
}

.donate-now{
  width: 230px;
  height: 50px;
  border-radius: 30px;
  background-color: #6eaf62;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
}


.title-donate{
  margin-bottom: 40px
}
.title-donate h3 {
  position: relative;
  display: inline-block;
  font-size: 28px;
  color: #3a3a3a;
}


.title-donate h3::before{
  position: absolute;
  content: '';
  background-color: #6eae62;
  width: 20%;
  height: 2px;
  bottom: -10px;
  right: 0;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.title-donate h3::after {
  position: absolute;
  content: '';
  background-color: #000;
  width: 0;
  height: 2px;
  bottom: -10px;
  right: 0;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.title-donate h3:hover::before {
  width: 0;
}

.title-donate h3:hover::after {
  width: 20%;
  background-color: #000;
}

.list-donate {
  text-align: center;
  background-color: #fafafa;
  padding: 50px 0px;
}

.list-donate .title{
  color: #6fb063;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px
}

.list-donate .title a{
  color: #6fb063;
}

.list-donate .info{
  color: #1d1d1d;
  font-size: 14px;
  font-weight: bold;
}

.list-donate .image{
  border-radius: 10px;
  text-align: center
}

.wight-news .details{
  padding-right: 20px
}

.wight-news .title{
  font-size: 14px;
  color: #3a3a3a;
  overflow: hidden;
  max-height: 40px;
  line-height: 20px;
}

.wight-news .title a{
  color: #3a3a3a;
}

.wight-news .date{
  font-size: 10px;
  color: #3a3a3a;
  margin-bottom: 5px
}


.wight-news:hover a{
  color: #6fb063
}

/**********************************************************************************************
*********************************************** end section donate *************************
**********************************************************************************************/


/* start about */
.about-text{
  color: #848484;
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 30px;
}

.about-title{
  color: #000;
  font-size: 18px;font-weight: bold;
  margin-bottom: 10px;
}
/* end about */




/**********************************************************************************************
*********************************************** start section contact *************************
**********************************************************************************************/
#map {
  width: 100%;
  height:300px;
  background-color: grey;
}

input,textarea{
  background-color: #f5f5f5;
  width: 100%;
  padding: 14px 15px;
  border-radius: 10px;
  color: #000;
  font-size: 14px;
  border: 1px solid #efefef;
}

input.error,textarea.error{
  border: 1px solid #c63232
}

.send{
  background-color: #019972;
  color: #FFF;
  display: inline-block;
  padding: 10px 60px;
  border-radius: 10px;
  font-size: 18px;
}

.send:hover{
    background-color:#007456
}

.info-contact article:not(:last-of-type){
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  margin-bottom: 20px
}

.info-contact article i
{
  color: #000;
  font-size: 30px;
}

.info-contact .details{
  padding-right: 10px
}

.info-contact .details p{
  margin-bottom: 10px;
  font-size: 14px;
  color: #1d1d1d
}
/**********************************************************************************************
*********************************************** end section contact *************************
**********************************************************************************************/





/**********************************************************************************************
*********************************************** start section page_post *************************
**********************************************************************************************/
.page_post{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -moz-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -o-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #FFF;
  margin-bottom: 30px
}

.thumb_post img{
  width: 100%;
  max-height: 500px;
}

.details_post{
  padding: 40px;
}

.date_post{
  color: #3a3a3a;
  font-size: 14px;
  margin-bottom: 15px
}


.title_post{
  color: #3a3a3a;
  font-size: 28px;
  margin-bottom: 15px;
  line-height: 40px;
}

.text_post{
  color: #848484;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 30px
}


.more-news .item-news{
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -moz-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  -o-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.07);
  padding: 20px 75px;
  height: 120px;
}

.more-news .item-news .title{
  font-size: 14px;
  color: #6fb063;
  margin-bottom: 15px
}


.more-news .item-news .info
{
  overflow: hidden;
  max-height: 40px;
  color: #000
}


.more-news{
  position: relative;
}

.more-news .item-news .next::before{
  position: absolute;
  content: '\e902';
  font-family: 'icomoon';
  top: 50%;
  transform: translateY(-50%) ;
  left: 50px;
  font-size: 14px;
  color: #6fb063;
}

.more-news .item-news .prev::before{
  position: absolute;
  content: '\e904';
  font-family: 'icomoon';
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  font-size: 14px;
  color: #6fb063;
}

/**********************************************************************************************
*********************************************** end section page_post *************************
**********************************************************************************************/


.slider_video.owl-theme .owl-nav {
  position: absolute;
  top: -45px;
  right: auto;
  transform: initial;
  width: 15%;
  left: 0;
}



.slider_video .owl-prev:hover::before,.slider_video .owl-next:hover::before{
  color: #FFF
}

.box-programe{
  -webkit-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  background-color: #FFF;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 30px;
}

.box-programe .title{
  margin-bottom: 10px;
  color: #3a3a3a;
  font-size: 22px;
}

.box-programe .title a{
  color: #3a3a3a;
}

.box-programe:hover .title a{
  color: #6fb063;
}

.box-programe .info{
  color: #848484;
  font-size: 14px;
  line-height: 22px
}


.single-programe{
  position: relative;
  margin-bottom: 20px;
  background-color: #FFF;
  border-radius: 15px;
  padding: 45px 20px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 27px 0px rgba(50, 50, 50, 0.1);
  cursor: pointer;
}

.single-programe .title{
  font-size: 18px;
  color: #3a3a3a;
  margin-top: 15px;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.single-programe:hover .title{
  color: #6eaf62
}
.modal-peograme .modal-body p span {
  font-family: 'cairo' !important;
  line-height: 32px;
}
.modal-peograme .modal-body p{
  font-family: 'cairo' !important;
}

.modal-peograme .scroll{
  max-height: 400px;
  overflow-y: scroll;
}
.text-single-programe{
  color: #3f3f3f;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 30px
}
@media (min-width: 576px){
.modal-peograme .modal-dialog {
  max-width: 700px;
}
}
@media(max-width:991px){
    .single-programe {
        padding: 30px 0px;
    }
    .single-programe .title {
        font-size: 16px;
        margin-top: 10px;
        line-height: 24px;
    }
    .single-programe img{
        height:80px;
    }
    .single-programe{
        margin-bottom: 15px;
    }
}
/**********************************************************************************************
*********************************************** end section content *********************
**********************************************************************************************/
.modal-said .scroll-text {
  text-align: justify;
}



.nav-tabs{
  border:0px
}

.nav-tabs .nav-link{
  border: 0px
}

.nav-tabs .nav-item+.nav-item {
  margin-right: .5rem;
}

.nav-tabs .nav-link{
  background-color: #eaeaea;
  color: #2d2d2d;
  font-size: 14px;
  border-radius: 10px;
  min-width: 120px;
  text-align: center;
  padding: 10px 0px;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  font-weight: bold
}

.nav-tabs .nav-link.active{
  background-color: #019972;
  color: #FFF;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  background-color: #019972;
  color: #FFF;
}


/**********************************************************************************************
*********************************************** start section .main-footer *********************
**********************************************************************************************/
.main-footer{
  padding: 80px 0px;
     background-color: #101317;
  text-align: right;
  color:#FFF;
}

.title-footer{
  margin-bottom: 30px
}

.title-footer h3{
  position: relative;
  display: inline-block;
  font-size: 22px;
}

.main-footer .info{
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 20px;
}

.socail li{
  display: inline-block;
  margin-left: 10px;
}
.socail {
  margin-top: 30px;
}
.socail li a{
  text-align: center;
  color: #7bed8d;
  font-size: 16px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  width: 40px;
  height: 40px;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.socail li a i::before{
  color: #6eae62;
}

.socail li:nth-of-type(1):hover a i::before{
  color: #1DA1F2;
}

.socail li:nth-of-type(2):hover a i::before{
  color: #D6493C;
}

.socail li:nth-of-type(3):hover a i::before{
  color: #ff0000;
}

.socail li:nth-of-type(4):hover a i::before{
  color: #7a38ab;
}

.socail li:nth-of-type(5):hover a i::before{
  color:#4267B2;
}

.title-footer h3::before{
  position: absolute;
  /*content: '';*/
  background-color: #6eae62;
  width: 50%;
  height: 2px;
  bottom: -10px;
  right: 0;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.title-footer h3::after {
  position: absolute;
  content: '';
  background-color: #000;
  width: 0;
  height: 2px;
  bottom: -10px;
  right: 0;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.title-footer h3:hover::before {
  width: 0;
}

.title-footer h3:hover::after {
  width: 50%;
  background-color: #000;
}

.link-footer a{
  color: #fff;
  font-size: 14px;
  padding: 7px 0px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.link-footer a::after {
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  content: '';
  background-color: #6eae62;
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
}

.link-footer a:hover::after {
  width: 50%;
  left: auto;
  right: 0;
}

.copyRight {
  position: relative;
  padding: 15px 0px;
  text-align: center;
}
.about_client .item {
  margin-bottom: 45px;
}

.copyRight p{
  font-size: 14px;
  color: #040404
}
.about_client .owl-next::before,
.about_client .owl-prev::before{
    color:#000;
    font-size: 16px;
}

@media(max-width:768px){
    .about_client .item {
        padding: 30px 10px 10px !important;
    }
}

/**********************************************************************************************
*********************************************** end section .main-footer *********************
**********************************************************************************************/


.general-image{
  position: relative;
}
.general-image .thumb{
  position: relative;
  height: 0;
  padding-top: 28%;
  overflow: hidden;
}

.entry-video {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.main-gallary.video .row>[class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}

.entry-video a:hover::before {
  opacity: 1;
  visibility: visible;
}

.entry-video a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: visible;
  background-color: rgba(110, 175, 98, .3);
  content: '';
  transition: .2s ease-in-out;
  z-index: 5;
}
.entry-video .info-video{
  position: absolute;
  width: 100%;
  padding: 20px;
  bottom: 0;
  color: #fff;
  font-size: 14px;
}

iframe .ytp-title-enable-channel-logo .ytp-title ,iframe .ytp-chrome-top-buttons{
  display: none !important
}

.general-image .thumb img{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.line-height-20{
  line-height: 20px !important
}


.background-none::before{
 background-size: 0
}

a[class*='lightcase-icon-'].lightcase-icon-play,.lightcase-icon-pause{
  display: none !important;
  opacity: 0 !important;
}


.wight-gmap_canvas{
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  right: 50%;
}

.wight-gmap_canvas .details{
  text-align: left;
  width: 150px;
}

.wight-gmap_canvas .title{
  color: red;
  font-size: 16px
}

.wight-gmap_canvas .date{
  color: #1DA1F2;
  font-size: 14px
}



.main-slider .owl-prev::before {
  font-size: 22px;
  color: #019972;
  background-color: #FFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  right: 20px;
  box-shadow: 0px 0px 3px #9a9a9a;
  transform: translateY(-50%);
}

.main-slider .owl-next::before {
  font-size: 22px;
  color: #019972;
  background-color: #FFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  left: 20px;
  box-shadow: 0px 0px 3px #9a9a9a;
  transform: translateY(-50%);
  right: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}


@media (min-width: 992px) and (max-width: 1200px) {

.main-header a {

  font-size: 12px !important;

  padding: 0px 10px!important;
  
}
}

@media(max-width:992px){
  .page_content .content{
      margin-bottom: 25px;
      padding: 30px 20px;
  }
  .top_panner{
      padding: 10px 0px;
      height: unset;
      line-height: unset;
  }



  .item-information{
      margin-bottom: 20px
  }


  .pagination{
      margin-bottom: 20px
  }

  .more-news .item-news{
      margin-bottom: 20px
  }

  .layout_2 {
      padding: 0px 0px 70px;
  }
  .layout_1 {
      padding: 30px 0px 0px;
  }

  .main-images{
      margin-bottom: 40px
  }

  .mb-md-10{
      margin-bottom: 10px
  }
}

@media(max-width:768px){
  .copyRight p{
      margin-bottom: 10px
  }

  .list-donate .image{
      margin-bottom: 15px
  }

  .main-slider .owl-prev::before  {
      font-size: 18px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      right:5px;
  }

  .main-slider .owl-next::before {
      font-size: 18px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      left:5px;
  }
}

@media(max-width:992px){
  .main-header-2 {
      top: 0px;
      position: relative;
  }

  /*.main-slider .slider-item {*/
  /*    height: 100%;*/
  /*    position: relative;*/
  /*    height: 0;*/
  /*    padding-top: 50%;*/
  /*}*/

  /*.main-slider .slider-item img {*/
  /*    width: 100%;*/
  /*    height: 100%;*/
  /*    position: absolute;*/
  /*    top: 0;*/
  /*    right: 0;*/
  /*}*/
}

@media(max-width:576px){
  .link-footer{
      margin-bottom: 15px
  }
  
  section.donate-n.p-50 {
      padding: 10px;
    }
    section.features-nm h5.text-white {
      font-size: 24px;
      line-height: 50px;
    }

  .col-xs-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .nav-tabs .nav-item{
      margin-bottom: 5px
  }

  .main-header-2 #toggle span,
  .main-header-2 #toggle span:after, .main-header-2 #toggle span:before{
      background-color: #6eaf62
  }

  .main-slider {
      height: auto;
  }

  .slider-caption .title{
      font-size: 20px
  }

  .team{
      flex-wrap: wrap;
  }

  .team .name,.team .info{
      border-radius: 0px
  }

  .main-slider-2 {
      height: calc(70vh - 105px);
  }
  .section-project .item-project{
      margin-bottom: 15px
  }
  section.about_client .image img {
      border-radius: 50%;
      padding: 0;
      margin: 0;
  }
  .payment-type li{
      margin-bottom: 5px
  }

  .payment-type li:first-child
  {
      width: 100%;
      margin-bottom: 35px;
  }
  .payment-type .dropdown-toggle{
      width: 100%;
  }
  .ml-sx-4{
      margin-left: 3rem
  }
}


.pagination{
  justify-content: center;
}

ul.nav.nav-tabs.justify-content-center.mb-4 {
  margin-bottom: 50px !important;
}

.mt-58{
  margin-top: 58px
}
.slider_2.owl-carousel .owl-stage {
  padding: 60px 0px 0px;
}

.slider_2 .owl-dots .owl-dot span {
  background-color: transparent;
  border: 2px solid #019972;
}

.slider_2 .owl-dots .owl-dot.active span, .slider_2 .owl-dots .owl-dot:hover span {
  background: #019972;
}

.custom-select{
  background-color: #f5f5f5;
  width: 100%;
  padding: 0px 15px;
  border-radius: 10px;
  color: #000;
  font-size: 14px;
  border: 1px solid #efefef;
  background-position: 20px 18px !important;
  height: 50px;
  box-shadow:none !important
}
.form-check .form-check-input{
 width: 15px;
  right: 20px;
  height: 15px;
  margin-top: 4px;
}
.tags li{
  border-radius:2px;
  background-color: #6eaf62;
  color: #FFF;
  padding:4px 12px;
  margin-left:10px;
  margin-bottom:3px;
}

  .item-fixed{
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 5;
      padding: 10px;
      background-color: #6eae62;
      padding: 5px 0px;
    }
    .btn-donation{
      color: #FFF;
      background: #6eae62;
      padding: 6px 24px;
      border-radius: 3px;
      font-size: 16px;
    }
    .section-info{
      background-color: #f4f4f4c4;
    }
    .section-info .item{
      padding: 40px 0;
      border-radius: 10px;
    }
    .section-info .number{
      color: #019972;
    }
    .section-info .title{
      font-size: 16px;
    }
    @media(min-width:768px){
        
section.features-nm h5.text-white {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}
    }
.features-nm {
  position: relative;
  padding: 100px 0px;
  text-align: center;
}

.features-nm::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(https://rowad.ps/image/image_1583147795308645085.jpg) center no-repeat fixed;
  background-size: cover;
  content: '';
}

.widget_item-news{
  position: relative;
}
.widget_item-news .widget_item-image{
  position: relative;
  height:0;
  padding-top: 100%;
}

.widget_item-news .widget_item-image img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.widget_item-news .widget_item-content{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  padding:20px 25px;
}
.widget_item-news .widget_item-content .widget_item-title{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.4;
}
.widget_item-news .widget_item-content .widget_item-title a{
  color:#FFF;

}
.widget_item-news .widget_item-content .widget_item-title a:hover{
  color:#019972;
}
.widget_item-news .widget_item-content .widget_item-date{
  color:#FFF;
}
.widget_item-news .widget_item-caption{
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: 2;
  padding: 4px 8px;
  background-color: #f15454;
  font-size: 14px;
  color: #FFF;
}

.widget_item-news.widget_1{
  margin-bottom: 3px;
}
.widget_item-news.widget_1 .widget_item-image{
  padding-top: 50%;
}

.widget_item-news.widget_2 .widget_item-image{
  padding-top: 100%;
}
.section-new .row {
  margin-right:-2px;
  margin-left:-2px;
}
.section-new .row [class*='col-'] {
  padding-right:2px;
  padding-left:2px;
}
.section-new .widget_item-image a{
  display:block;
}
.section-new .widget_item-image a:before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 70%;
  background: linear-gradient(to top, #0000007a, rgba(0, 0, 0, 0));
  transition:all .2s ease-in-out
}

.section-new .widget_item-image a:hover:before{
  height:100%;
}
/**/

.widget_item-project{
  position: relative;
  padding:10px;
  border-radius:10px;
  box-shadow:0px 10px 20px rgba(41, 51, 61, 0.1)
}
.widget_item-project .widget_item-image{
  position: relative;
  height:0;
  padding-top:66%;
}

.widget_item-project .widget_item-image img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
   border-radius:10px;
}

.widget_item-project .widget_item-content{
  border-bottom:1px solid #EEE;
  padding:10px 0;
  margin-bottom: 15px;
}
.widget_item-project .widget_item-content .widget_item-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}

.widget_item-project .widget_item-content .widget_item-title a{
  color: #212529;
}

.widget_item-project .widget_item-footer{
  display:flex;
  align-items:center;
  justify-content:center;
}
.widget_item-donation,.widget_item-link{
  width: 60px;
  height: 37px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 4px;
  transition:all .2s ease-in-out
}
.widget_item-donation{
     background-color: #39524F;
}
.widget_item-link{
     background-color: #019972;
}
.widget_item-donation:hover{
background-color: #20312f;
}
.widget_item-link:hover{
background-color: #005742;
}
.widget_item-project .widget_item-content .widget_item-title a:hover{
  color:#019972;
}
.section-title{
  font-size: 40px;
  font-weight: bold;
  color: #019972;
  margin-bottom: 10px;
}
.section-desc{
 font-weight: bold;  
}

/**/

a {}

.btn--donation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #69727d;
  padding: 22px 30px;
  color: #FFF !important;
  border-radius: 50px;
  font-size: 20px;
}

.btn--donation .btn-donation-icon {
  width: 30px;
  height: 30px;
  background: #000;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 10px;
}

.btn--donation .btn-donation-icon svg {
  height: 1em;
}

.btn--donation .btn-donation-icon svg path{
  fill: #FFF;
}

.border-left {
  border-color: #7a7a7a !important;
}

.border-right {
  border-color: #7a7a7a !important;
}

.item-contact .item-contact-icon {
  margin-inline-end: 10px;
  padding-inline-end: 10px;
  border-left: 1px solid;
  color: #6eae62;
}

.item-contact .item-contact-title {
  color: #019972;
  font-size: 18px;
}
@media(max-width:767px){
  
  .widget_item-news .widget_item-image {
      padding-top: 80% !important;
  }
 
}
@media(max-width:991px){
  .btn--donation {
      padding: 14px 20px;
      font-size: 16px;
  }
  .widget_item-news{
      margin-bottom:10px !important
  }
  
  .widget_item-news .widget_item-content .widget_item-title {
      font-size: 18px;
  }
  .widget_item-news .widget_item-date{
      display:none;
  }
}

.section-banner {
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
      margin-top: -50px;
}

.section-banner .title {
  font-size: 50px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #6EAF62;
}

.widget_item-feature .widget_item-icon img {
  height: 50px;
}

.widget_item-feature .widget_item-title {
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
}

.time {
  font-size: 30px;
  font-weight: bold;
  margin-inline-end: 20px;
}

.time span {
  font-size: 14px;
  font-weight: 400;
}

.price {
  font-size: 30px;
  font-weight: bold;
}

.price span {
  font-size: 14px;
  font-weight: 400;
}

.total-price {
  font-size: 16px;
}

.feather {
  background-color: #FAFAFA;
}

.progress {
  background-color: #30bf76;
  height: 20px;
}

.progress-bar {
  background-color: #00753a;
  line-height: 1;
}

.steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 auto 20px;
  width: 300px;
  position: relative;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}

.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ddd;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}

.step-label {
  margin-top: 5px;
  font-size: 12px;
  color: #555;
}

.steps .progress-line {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #ddd;
  z-index: 0;
}

.steps .progress {
  position: absolute;
  top: 15px;
  inset-inline-start: 0;
  height: 5px;
  background-color: #4CAF50;
  z-index: 1;
  width: 0%;
  border-radius: 5px;
  transition: width 0.3s ease-in-out;
}

.donation-options {
  display: flex;
  flex-wrap: wrap; 
  gap: 10px; 
  margin-bottom: 20px;
}

.donation-options .donation-button,
.donation-options input[type="text"] {
  padding: 10px 15px;
  border: 1px solid #d3d3d3;
  flex-grow: 1; 
  border-radius: 5px;
  cursor: pointer;
  background-color: #d3d3d3;
  color: #333;
  font-size: 16px;
  transition: background-color 0.3s ease;
  width: 30%;
}

.donation-button:hover {
  background-color: #ddd;
}

.donation-button.other {
  background-color: transparent;
  border: none;
  color: #007bff;
}

.next-button {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.next-button:hover {
  background-color: #45a049;
}

.section-step {
  display: none;
}

.section-step.active {
  display: block;
}

.step-circle.completed {
  background-color: #388E3C;
}
.donation-button.selected{
  background-color: #30bf76;
  color: #FFF;
}
.section-step h2{
  margin-bottom: 10px;
  font-size: 16px;
}
.section-step .form-control {
  height: 45px;
  background-color: #fff;
  border: 1px solid #c3c3c3;
  border-radius: 4px;
}
.section-step .form-group label{
  margin-bottom: 6px;
  display: block;
}

.text--primary{
    color:#388E3C;
}
@media(max-width:991px){
  .widget_item-feature .widget_item-title {
  font-size: 16px;
}
.section-banner{
    height:400px;
}
 .section-banner .title {
  font-size: 40px;
}
   .section-banner .desc {
  font-size: 20px;
}
}

.top_panner .socail li a {
  width: 25px;
  height: 25px;
  font-size: 16px;
}

.slider_client .thumb-slider img{
    width:auto;
}

@media(max-width:991px){
    section .row {
        margin-right: -5px;
        margin-left: -5px;
    }
    section [class*='col-'] {
        padding-right: 5px;
        padding-left: 5px;
    }
    section.donate-n.p-50 a.more.mx-3 {
        padding: 12px 40px;
        font-size: 16px;
    }
    .more {
    padding: 14px 30px;
    font-size: 14px;
    }
}