@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:400,600,700');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/bootstrap.css');
/*----bootstrap Select ----- */
@import url('../vendor/bootstrap-select/dist/css/bootstrap-select.css');
/*----font awesome -------*/
/*@import url('../fonts/font-awesome/css/font-awesome.min.css');*/
/*-----flaticon ----------*/
/*@import url('../fonts/icon/font/flaticon.css');*/
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- hover ------*/
@import url('../vendor/hover.css');
/*----bootstrap Select ----- */
@import url('../vendor/bootstrap-select/dist/css/bootstrap-select.css');
/*---- Progress bar css----*/
@import url('../vendor/skills-master/source/animate.css');

/*________________Preloader_______________ */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    overflow: hidden;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    background: url(../images/1.gif) no-repeat center;
    margin: -32px 0 0 -32px;
    overflow: hidden;
}

/*==================== Click Top ====================*/
.mobile-banner{
    display:none;
}
.scroll-top {
  width:45px;
  height:45px;
  position: fixed;
  bottom: 52px;
  right: 80px;
  z-index: 99;
  text-align: center;
  color:#fff;
  font-size: 20px;
  display: none;
}
.scroll-top:hover {
  color:#fff;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/*______________________ Global stlye ___________________*/

 @font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
 }

 body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color:#6f6f6f;
  font-size: 14px;
  position: relative;
  letter-spacing: 0.25px;
 }
.main-page-wrapper {
  position: relative;
}
 h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
 h1,h2,h3,h4,h5 {color:#292929; font-weight: 700; font-family: 'Lora', serif; text-transform: uppercase;}
 h6 {font-family: 'Open Sans', sans-serif; font-weight: 600; color:#292929;}
 h1 {font-size: 75px;}
 h2 {font-size: 38px;}
 h3 {font-size: 30px;}
 h4 {font-size: 25px;}
 h5 {font-size: 22px;}
 h6 {font-size: 18px;}
 p {line-height: 26px;}
 ul {list-style-type: none;}
 a {text-decoration: none; display: inline-block; font-weight: 600;text-transform: uppercase;}
 a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
 img {max-width: 100%; display: block;}
 button {border:none;outline: none;box-shadow: none;display: block; padding: 0;}
 input,textarea {outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

 .clear-fix { clear:both;}
 .clear-fix:after {
  display: table;
  content: '';
  clear: both;
 }
.tran3s,header.main-header .left-side li i,header.main-header .left-side li a,.main-menu .nav li a,
.main-menu .nav>li:before,.main-menu .nav>li>a:before,.our-gallery .gallery-menu-wrapper ul li a,
.our-gallery .gallery-menu-wrapper ul li,.owl-theme .owl-dots .owl-dot span,
.our-blog.blog-v3 .post-small .post p,.faq-page .faq-panel .panel-group .panel-heading a:before {
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
 }
.tran4s {
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
 }
.float-left {float:left;}
.float-right {float:right;}
.round-border {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.theme-title {
  text-align: center;
}
.theme-title p {
    margin: 3px 0 27px 0;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0;
}
.theme-title span {
  width: 100px;
  height: 1px;
  display: block;
  margin:0 auto;
}
.fancybox-skin {
  padding: 8px !important;
  background: #eeeeee;
  border-radius: 2px;
}
.p-color,header.main-header .left-side li:hover i,header.main-header .left-side li a:hover,
header.main-header .right-side li.icon a:hover,.main-menu .nav>li:hover>a ,.main-menu .nav>li.current-active>a,
.main-menu .nav>li>a:focus ,.main-menu .nav>li>a:hover,.why-choose-us .choose-us .single-box i,
.why-choose-us .choose-us .single-box a,.why-choose-us .who-we-are ul li:before,.our-staff .single-staff h6 a,
.our-staff .single-staff> ul li a:hover,.up-coming-events .coming-events .single-box a,
.up-coming-events .become-help .img-box .opacity h6,.our-blog .post-large .post a.read,
.our-blog .post-large .post:hover h5 a,.our-blog .post-small .post:hover h6 a,.get-in-touch .contact-address i,
footer .left-side ul li a:hover,footer .right-side ul li a:hover,.inner-banner .opacity ul li a:hover,
.why-choose-us.section-fix .single-box a,.why-choose-us.section-fix .single-box i,.inner-banner .opacity ul li:last-child,
.cause-details-page .cause-main-content .post-info li i,.cause-details-page .cause-main-content .share li a:hover,
.sidebar .sidebar-content  #donate-carousel .item a,.sidebar .cause-category ul li a:hover,
.sidebar .help-wedgit ul li a:hover,.event-details-page .event-date a,.sidebar .sidebar-recent-post .post-wrapper:hover a,
.blog-details-page .blog-date .post-info li i,.blog-details-page .blog-content .share li a:hover,
.blog-details-page .blog-content .next-blog-item .item:hover>a,.staff-profile .right-side .contact-list li i,
.staff-profile .right-side .clear-fix ul li a:hover,.error-page .wrapper a,
.faq-page .faq-panel .panel-group .panel-heading a:before,.main-menu .navbar-nav>li.dropdown-holder .sub-menu li a:hover {
  color:#da1a5d;
}
.p-color-bg,.main-menu .nav>li:before,.tow-column-text .float-left span:before,
.emergency-cause .right-side .text-wrapper:before,.theme-title span,.page-middle-banner h5:before,
.title-style-one:before,.why-choose-us .choose-us .single-box a span,
.our-gallery .gallery-menu-wrapper ul li a:hover,.our-gallery .gallery-menu-wrapper ul li:hover a,
.our-gallery .gallery-menu-wrapper ul li.active a,.error-page p:before,
.client-slider-section .owl-theme .owl-dots .owl-dot.active span,.our-blog .post-large .post a.read span,
.client-slider-section .owl-theme .owl-dots .owl-dot:hover span,.up-coming-events .coming-events .single-box a span,
.why-choose-us.section-fix .single-box a span,.event-details-page .event-date .box b span,
.our-gallery .gallery-menu-wrapper ul.mixitUp-menu li.active,.our-blog.blog-v3 .post-small:hover .post,
.blog-details-page .blog-date .box b span,.our-gallery .gallery-menu-wrapper ul.mixitUp-menu li:hover  {
  background: #da1a5d;
}

/*======================= Header ==================*/
header.main-header {
  background: #cacaca;
    padding: 5px 0;
}
header.main-header ul li {
  display: inline-block;
}
header.main-header .left-side li {
  position: relative;
  padding: 0px 5px 0 18px;
}
header.main-header .left-side li a {
  display: block;
  line-height: 20px;
  color:#6f6f6f;
  font-weight: normal;
  text-transform: none;
}
header.main-header .left-side li i {
  position: absolute;
  top:1px;
  left:0;
  font-size: 22px;
  color:#da1a5d;
}
header.main-header .left-side li i.fa-phone {
  top:5px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
header.main-header .left-side li:nth-child(2)  {
  padding-left: 47px;
  margin: 0 20px;
}
header.main-header .right-side li.icon a {
  font-size: 20px;
  font-weight: normal;
  color:#6f6f6f;
  margin-left:12px;
}
header.main-header .right-side li.volunter a {
    line-height: 33px;
    text-align: center;
    color: #fff;
    margin-right: 6px;
    padding: 3px 9px;
    font-size: 12px;
}
/*========================== Theme Menu ================*/
.menu-banner {
  position: relative;
}
.main-menu {
  position: absolute;
  width:100%;
  top:0;
  left:0;
  z-index: 9999;
  background: #fff;
}
.main-menu .logo {
     margin-top: 0px;
    width: 11%;
    padding: 10px 0;
}
.navbar-collapse {
  padding: 0;
  box-shadow: none;
  border:none;
}
.navbar-nav {
  margin: 0;
}
.main-menu .container {
  position: relative;
}
.main-menu nav {
  
  border: none;
  margin-bottom: 0;
}
.main-menu .nav>li {
  margin: 0 6px;
}
.main-menu .nav>li:before {
  content: '';
  width:100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left:0;
  z-index: 99;
}
.main-menu .nav>li:hover:before,
.main-menu .nav>li.current-active:before {
  height: 2px;
}
.main-menu .nav>li>a {
  font-family: 'Lora', serif;
  font-weight: 700;
  font-size: 15px;
  color:#da1a5d;
  line-height: 82px;
  padding: 17px 15px;
  background: transparent;
  position: relative;
  z-index: 9;
}
.main-menu .nav>li>a:before {
  content: '';
  width:100%;
  height: 0;
  position: absolute;
  top: 0;
  left:0;
  z-index: 1;
  background: #f49921;
  z-index: -1;
}
.main-menu .nav>li:hover>a:before ,
.main-menu .nav>li.current-active>a:before,
.main-menu .nav>li>a:focus:before ,
.main-menu .nav>li>a:hover:before {
  height: 100%;
}
.main-menu nav ul li.dropdown-holder .fa {
  display: none;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 15px;
  width: 50px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
}
.main-menu button.search-button {
  width:50px;
  height:56px;
  position: absolute;
  right:0;
  top:50%;
  font-size: 18px;
  margin-top: -28px;
  color:#fff;
}
.main-menu .search-form {
  position: fixed;
  top:0;
  left:0;
  height:65px;
  width:100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  background: #000;
}
.main-menu .search-form .container  {
  height:100%;
}
.main-menu .search-form input {
  width:100%;
  background: #100f0f;
  color:#fff;
  border:none;
  padding: 0 52px 0 30px;
  height:100%;
  font-size: 20px;
  font-weight: 400;
}
.main-menu .search-form .close-search {
  position: absolute;
  right:0;
  top:0;
  width:50px;
  height: 100%;
  background: transparent;
  color:#fff;
  font-size: 22px;
  text-align: center;
  line-height: 65px;
  cursor: pointer;
  z-index: 99;
}
.main-menu .search-form.show {
  opacity: 1;
  visibility: visible;
}
.main-menu ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.main-menu :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.main-menu ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.main-menu :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
.main-menu .navbar-toggle {
  float:none;
  margin-left:15px;
  color:#fff;
}
.main-menu .navbar-toggle i {
  vertical-align: middle;
  margin-left: 1px;
}
/*=================== Sub Menu ==============*/
.main-menu .navbar-nav>li.dropdown-holder .sub-menu {
  position: absolute;
  left: 0;
  top:120%;
  width:220px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
}
.main-menu .navbar-nav>li.dropdown-holder:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top:100%;
}
.main-menu .navbar-nav>li.dropdown-holder .sub-menu li a {
  line-height: 40px;
  font-size: 14px;
  color:#6f6f6f;
  padding-left: 20px;
  display: block;
  border-bottom: 1px solid #ededed;
  position: relative;
  z-index: 1;
  letter-spacing: 0;
}
.main-menu .navbar-nav>li.dropdown-holder .sub-menu li:last-child a {
  border:none;
}
/*================= Sticky Menu ===============*/
@keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
.main-menu.fixed {
  position: fixed;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  margin:0;
  animation-name: menu_sticky;
  animation-duration: 0.70s;
  animation-timing-function: ease-in-out;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  padding: 0;
}
.main-menu.fixed .nav>li>a {
  line-height: 80px;
}
.main-menu.fixed .logo {
  margin-top: 0px;
}
.main-menu.fixed.hidemenu {
  opacity: 0;
}
/*====================== Theme Banner ================*/
#main-banner-slider {
  overflow: hidden;
}
#main-banner-slider .tp-caption span {
      font-weight: 700;
    font-size: 22px;
    text-transform: none;
    color: #fff;
    font-style: italic;
}
#main-banner-slider .tp-caption p {
  font-weight: 700;
  font-size: 15px;
  text-transform: capitalize;
  color:#fff;
}
#main-banner-slider .tp-caption h1 {
  color:#fff;
  font-size: 55px;
}
#main-banner-slider .tp-caption h2 {
  color:#fff;
  font-size: 55px;
}
#main-banner-slider .tp-caption h3 {
  color:#fff;
}
#main-banner-slider .tp-caption h4 {
  color:#fff;
}
#main-banner-slider .tp-caption h5 {
    font-weight: normal;
    color: #fff;
    text-transform: none;
}
#main-banner-slider .tp-caption a {
  width: 170px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #da1a5d;
  color:#fff;
}
/*====================== Short Banner ===============*/
.short-banner  {
  position: relative;
  z-index: 99;
  margin-top: -40px;
}
.short-banner.Mfix {
  margin-top: 0;
}
.short-banner .bg {
  background: url(../images/home/8.webp) no-repeat center;
  background-size: cover;
}
.short-banner .bg .opacity {
  background: rgba(218,26,93,0.8);
}
.short-banner .bg .opacity-low {
  background: rgba(218,26,93,0.8);
}
.short-banner .top-text {
  padding: 33px 70px;
}
.short-banner .top-text h3,
.short-banner .top-text span,
.short-banner .top-text p,
.short-banner .top-text a {
  color:#fff;
}
.short-banner .top-text .float-left {
  width: 74%;
}
.short-banner .top-text span {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  display: block;
  margin: 7px 0 16px 0;
}
.short-banner .top-text p {
  line-height: 24px;
}
.short-banner .top-text a 
{
    width: 123px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #fff;
    margin-top: 41px;
    margin-right: 8px;
}
/*=================== Two column Text ===============*/

.tow-column-text .float-left {
  width:50%;
  text-align: center;
  padding: 28px 74px 45px 74px;
}
.tow-column-text .float-left i {
  font-size: 50px;
  color:#b4b1b1;
}
.tow-column-text .float-left h6 {
  font-weight: 600;
  font-size: 22px;
  margin: 23px 0 29px 0;
}
.tow-column-text .float-left a {
  width: 160px;
  line-height: 45px;
  text-align: center;
  color:#fff;
}
.tow-column-text .float-left p {
  line-height: 24px;
  margin-bottom: 30px;
}
.tow-column-text .left-half {
  background: #edeaea;
      height: 392px;
}
.tow-column-text .right-half {
  background: #e4e1e1;
      height: 392px;
}
.tow-column-text .right-half.bg-fix,
.tow-column-text .left-half.bg-fix {
  background: #fff;
} 
.tow-column-text .float-left span {
  display: block;
  width: 75px;
  height: 1px;
  position: relative;
  margin: 2px auto 0 auto;
}
.tow-column-text .float-left span:before {
  content: '';
  width:6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top:-3px;
  left:-3px;
}
.tow-column-text .float-left span.shape-fix {
  width: 35px;
  margin: -28px 0 53px 0;
  position: relative;
  left:50%;
}
/*==================== Most Emergency CAUSE =============*/
.emergency-cause {
  margin: 65px 0 92px 0;
}
.emergency-cause .left-side {
  width: 43%;
}
.emergency-cause .left-side .text {
  border:1px solid #da1a5d;
  padding: 48px 28px 30px 27px;
     margin: 30px 15px 55px 0;
}
.emergency-cause .left-side .text h6 {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.emergency-cause .left-side .text p {
  line-height: 24px;
      text-align: justify;
}
.emergency-cause .left-side .codeconSkillbar {
  box-shadow: none;
  height:20px;
  width:100%;
  background: #edeaea;
  border-radius: 0;
  overflow: visible;
  position: relative;
  margin: 13px 0 0 0;
}
.emergency-cause .left-side .codeconSkillbar .skillBar {
  box-shadow: none;
  height: 100%;
  background: #da1a5d;
}
.emergency-cause .left-side .codeconSkillbar .PercentText {
  width:45px;
  line-height: 45px;
  height: 45px;
  border:1px solid #dfdada;
  font-weight: 600;
  position: absolute;
  border-radius: 50%;
  top:-72px;
  left:100%;
  margin-left: -22px;
  text-align: center;
  padding: 0;
  float:none;
  font-size: 14px;
}
.emergency-cause .right-side {
  width: 57%;
  margin-top: 123px;
  text-align: center;
}
.emergency-cause .right-side .text-wrapper {
  position: relative;
  padding: 32px 0;
  margin-bottom: 70px;
}
.emergency-cause .right-side .text-wrapper:before {
  content: '';
  width:28px;
  height: 100%;
  position: absolute;
  top:0;
  left:-28px;
}
.emergency-cause .right-side i,
.emergency-cause .right-side span,
.emergency-cause .right-side h6 {
  color:#fff;
}
.emergency-cause .right-side i {
  display: block;
  font-size: 25px;
}
.emergency-cause .right-side span {
  font-size: 22px;
  font-weight: 700;
}
.emergency-cause .right-side h6 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 15px 0 5px 0;
}
.emergency-cause .right-side a {
  width:170px;
  line-height: 45px;
  text-align: center;
  border:1px solid #da1a5d;
  margin:0 14px;
  color:#333333;
}
.emergency-cause .right-side a.solid {
  color:#fff;
}
.emergency-cause .right-side a:hover,
.emergency-cause .right-side a:focus {
  color:#fff;
}

/*__________ MODAL _______*/
#donate {
  outline: none;
}
#donate.donate-single-page .modal-content {
  -webkit-box-shadow: 0px 0px 8px 1px rgba(199,199,199,0.4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(199,199,199,0.4);
  box-shadow: 0px 0px 8px 1px rgba(199,199,199,0.4);
}
#donate.donate-single-page .modal-dialog {
  outline: none;
}
.modal {
  z-index: 9999999;
}
.modal-open {
  overflow: hidden !important;
}
.modal-dialog {
  width: 100%;
  margin: 0;
}
#donate .modal-content {
  width:697px;
  background: #fff;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 40px auto 0 auto;
  border:none;
}
#donate .modal-content .donate-heading h6 {
  color:#fff;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  padding: 37px 0;
}
#donate .modal-content .donate-heading h6 span {
  text-transform: none;
}
#donate .modal-content form {
  padding: 50px 55px;
}
#donate .modal-content form p {
  margin-bottom: 12px;
  font-size: 15px;
}
#donate .donate-amount .donate-price {
  display: block;
  width: 65px;
  line-height: 40px;
  font-size: 15px;
  color:#fff;
  margin-right: 8px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
#donate .modal-content form input {
  height: 40px;
  border:1px solid #515151;
  padding: 0 15px;
  color:#000;
  margin-bottom: 14px;
  width:100%;
}
#donate .modal-content form textarea {
  height: 70px;
  max-height: 70px;
  max-width: 100%;
  border:1px solid #515151;
  padding: 10px 15px;
  color:#000;
  margin-bottom: 14px;
  width:100%;
}
/* #donate .modal-content form input.donate-amount-handelar {
  width: 225px;
} */
#donate .modal-content form input:focus,
#donate .modal-content form textarea:focus {
  border-color:#da1a5d;
}
#donate .modal-content form .row {
  margin-bottom: 10px;
}
#donate .modal-content form button.submit {
  width: 145px;
  line-height: 40px;
  color:#fff;
  text-transform: uppercase;
}
#donate .modal-content form a.paypal {
  width: 160px;
  line-height: 40px;
  text-align: center;
  color:#fff;
  font-weight: normal;
  text-transform: none;
}
#donate .modal-content form a.paypal i {
  margin-right: 2px;
}
#donate .close {
  display: block;
  float:none;
  opacity: 1;
  text-shadow:none;
  width:39px;
  line-height: 35px;
  height: 39px;
  border:2px solid #fcfcfc;
  background: #da1a5d;
  border-radius: 50%;
  color:#fff;
  font-size: 16px;
  text-align: center;
  position: absolute;
  top:-19px;
  right:-19px;
}
/*==================== Our Causes ==============*/
.our-causes.fix {
  margin: 95px 0 0 0;
}
.our-causes .row {
  margin-top: 60px;
}
.our-causes.cause-single-page .row {
  margin-top: 100px;
}
.our-causes .single-cause-wrapper .text {
  background: #f4f4f4;
  padding: 37px 30px 32px 30px;
}
.our-causes .single-cause-wrapper .text.float-left {
  width: 51%;
  width: calc(51% + 7px);
}
.our-causes .single-cause-wrapper .text h6 a {
  font-size: 18px;
  font-weight: 700;
  display: block;
  color:#333333;
}
.our-causes .single-cause-wrapper .text p {
  line-height: 25px;
  margin: 12px 0 25px 0;
}
.our-causes .single-cause-wrapper .text .codeconSkillbar {
  box-shadow: none;
  height:10px;
  width:100%;
  background: #edeaea;
  border-radius: 0;
  overflow: visible;
  position: relative;
  margin: 13px 0 0 0;
}
.our-causes .single-cause-wrapper .text .codeconSkillbar .skillBar {
  box-shadow: none;
  height: 100%;
  background: #da1a5d;
}
.our-causes .single-cause-wrapper .text .codeconSkillbar .PercentText {
  width:29px;
  line-height: 29px;
  height: 29px;
  border:1px solid #dfdada;
  font-weight: normal;
  position: absolute;
  border-radius: 50%;
  bottom:-38px;
  left:100%;
  margin-left: -14px;
  text-align: center;
  padding: 0;
  float:none;
  font-size: 10px;
}
.our-causes .single-cause-wrapper .text .target-ammount span {
  font-weight: 600;
  color:#333333;
  display: block;
  margin-top: 50px;
}
.read-more {
  display: inline-block;
}
.read-more a {
    width: 130px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #da1a5d;
    margin: 0 14px;
    color: #333333;
    display: inline-block;
}
.our-causes .single-cause-wrapper .text .target-ammount span b {
  font-weight: 600;
  font-size: 25px;
  vertical-align: sub;
}
.our-causes .single-cause-wrapper .text a.p-color-bg {
  width: 147px;
  line-height: 40px;
  text-align: center;
  color:#fff;
  display: inline-block;
}
/*.our-causes .single-cause-wrapper .text.fix a.p-color-bg {
  margin-top: 53px;
}*/
.our-causes .single-cause-wrapper {
  margin-bottom: 28px;
}
.our-causes.cause-single-page .page-pagination {
  text-align: center;
  margin-top: 30px;
}
.our-causes.cause-single-page .page-pagination a {
  width: 70px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color:#fff;
}
/*====================== Page Middle Banner ================*/
.page-middle-banner.bg1 {
  background: url(../images/home/banner-2.webp) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
.page-middle-banner.bg2 {
  background: url(../images/home/banner-2.webp) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
.page-middle-banner.bg3 {
  background: url(../images/home/middle_Image.webp) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
.page-middle-banner {
  margin: 72px 0 96px 0;
}
.page-middle-banner .opacity {
  height: 100%;
  background: rgba(0,0,0,0.6);
  padding: 105px 0 110px 0;
  text-align: center;
}
.page-middle-banner h2,
.page-middle-banner p,
.page-middle-banner h5,
.page-middle-banner a {
  color:#fff;
}
.page-middle-banner h2 {
  font-size: 42px;
}
.page-middle-banner p {
  font-size: 16px;
  line-height: 25px;
  width: 73%;
  margin: 25px auto 23px auto;
}
.page-middle-banner h5 {
  font-size: 20px;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 73px;
}
.page-middle-banner h5:before {
  content: '';
  width:1px;
  height: 50px;
  position: absolute;
  bottom: -50px;
  left:50%;
}
.page-middle-banner a {
  width:160px;
  line-height: 45px;
}
/*======================== Why Choose Us =================*/
.title-style-one {
  display: inline-block;
  position: relative;
}
.title-style-one:before {
  content: '';
  width:42px;
  height: 1px;
  position: absolute;
  right: -50px;
  top:50%;
}
.why-choose-us.section-fix {
  margin: 98px 0 51px 0;
}
.why-choose-us p {
  margin: 0;
padding: 15px 0;
}
.why-choose-us .choose-us .left-space-fix {
  padding-left: 70px;
}
.why-choose-us .choose-us .left-space-fix p {
  margin-right: 0;
}
.why-choose-us .choose-us .single-box,
.why-choose-us.section-fix .single-box {
  width: 255px;
  height: 235px;
  text-align: center;
  border:6px solid #f4f4f4;
  margin-right: 30px;
  margin-bottom: 30px;
  padding-top: 30px;
}
.box-four p {
  padding: 0 10px 15px;
}
.why-choose-us .choose-us .single-box i,
.why-choose-us.section-fix .single-box i {
  font-size: 25px;
}
.why-choose-us .choose-us .single-box h6,
.why-choose-us.section-fix .single-box h6 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 16px 0 20px 0;
}
.why-choose-us .choose-us .single-box a,
.why-choose-us.section-fix .single-box a {
  font-weight: normal;
  position: relative;
  text-transform: none;
}
.why-choose-us .choose-us .single-box a span,
.why-choose-us.section-fix .single-box a span {
  display: inline-block;
  width: 22px;
  height: 1px;
  vertical-align: middle;
}
.why-choose-us .choose-us .single-box:hover,
.why-choose-us.section-fix .single-box:hover {
  border-color:#da1a5d;
}
.why-choose-us .who-we-are ul {
  margin-top: 0;
}
.why-choose-us.section-fix .who-we-are ul {
  margin-bottom: 15px;
}
.why-choose-us .who-we-are ul li {
  padding-left: 33px;
  position: relative;
  line-height: 40px;
}
.why-choose-us .who-we-are ul li:before {
  content: '';
  font-family: 'font-awesome';
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  border:1px solid #da1a5d;
  font-size: 10px;
  position: absolute;
  left:0;
  top:8px;
}


/*=========================== Client Slider =====================*/
.client-slider-section {
  background: url(../images/home/3.webp) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  margin: 110px 0 100px 0;
}
.client-slider-section .opacity {
  height: 100%;
  background: rgba(218,26,93,0.8);
  padding: 155px 0 145px 0;
  text-align: center;
}
.client-slider-section .item-wrapper {
  border:1px solid #fff;
  padding: 26px 77px 30px 35px;
  text-align: center;
  width: 63%;
  margin: 0 auto 30px auto;
  color:#fff;
  position: relative;
}
.client-slider-section .item-wrapper p {
  font-size: 15px;
  line-height: 24px;
  color:#fff;
  margin: 12px 0 46px 0;
}
.client-slider-section .item-wrapper i {
  font-size: 30px;
}
.client-slider-section .item-wrapper span {
  font-size: 15px;
  position: relative;
}
.client-slider-section .item-wrapper span:before {
  content: '';
  height: 20px;
  width: 1px;
  background: #fff;
  position: absolute;
  top:-32px;
  left: 50%;
}
.client-slider-section .item-wrapper img {
  position: absolute;
  width:100px;
  height: 100px;
  border:2px solid #fff;
  border-radius: 50%;
  right: -50px;
  top:50%;
  margin-top: -50px;
}
.client-slider-section .owl-theme .owl-dots .owl-dot {
  min-height: 20px;
  min-width: 20px;
}
.client-slider-section .owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  opacity: 1;
  border-radius: 0;
  background: #d6cfcf;
  margin: 0 3px;
  border:1px solid transparent;
}
.client-slider-section .owl-theme .owl-dots .owl-dot.active span,
.client-slider-section .owl-theme .owl-dots .owl-dot:hover span {
  width: 18px;
  height: 18px;
  border-color: #fff;
  margin-top:-3px;
}

/*=================== Get In Touch ===============*/
.get-in-touch .theme-title {
  margin-bottom: 62px;
}
.get-in-touch .contact-address i {
  font-size: 28px;
  display: inline-block;
}
.get-in-touch .contact-address h5 {
  font-size: 16px;
  margin: 0;
   display: inline-block;
  padding: 10px 5px;
}
.get-in-touch .contact-address p {
  line-height: 24px;
}
.get-in-touch .contact-address .single-content {
  margin-bottom: 20px;
}
.get-in-touch .contact-address i.fa-phone {
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.get-in-touch form h5 {
  font-size: 16px;
  margin-bottom: 36px;
}
.get-in-touch form input,
.get-in-touch form textarea {
  background: #e7e6e6;
  margin-bottom: 28px;
  border:none;
  font-size: 15px;
  padding: 0 15px 0 22px;
  width: 100%;
  border: 1px solid transparent;
}
.get-in-touch form input {
  height: 45px;
}
.get-in-touch form textarea {
  min-height: 215px;
  max-height: 215px;
  max-width: 100%;
  padding: 24px 15px 15px 22px;
  resize:none;
}
.get-in-touch form button {
  width: 180px;
  line-height: 45px;
  font-weight: 600;
  color:#fff;
  text-transform: uppercase;
}
.get-in-touch form input:focus,
.get-in-touch form textarea:focus {
  border-color: #b3b3b3;
}
/*======================== Contact form activation ================*/
.get-in-touch .alert_wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(255,255,255,0.7);
  top: 0;
  left: 0;
  z-index: 9999999;
}
.get-in-touch #success,
.get-in-touch #error {
  position: relative;
  width:500px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  margin-left: -250px;
  left:50%;
  background: #fff;
  border:1px solid #da1a5d;
  text-align: center;
}
.get-in-touch #success .wrapper,
.get-in-touch #error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
.get-in-touch #success .wrapper p,
.get-in-touch #error .wrapper p{
  display: table-cell;
  vertical-align: middle;
}
.get-in-touch #success {
  color: #8fc941;
}
.get-in-touch #error {
  color: red;
}
.get-in-touch #error button,
.get-in-touch #success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: #da1a5d;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 25px;
}
.form-validation label.error {
  display: none !important;
}
.form-validation input.error,
.form-validation textarea.error {
  border:1px solid #f03838 !important;
}

/*======================== Footer ==============*/
footer {
  background: #000000;
      padding: 40px 0;
}
footer .left-side,
footer .right-side {
  width: 25%;
  /*margin-top: 90px;*/
}
footer .left-side ul li,
footer .right-side ul li {
  display: inline-block;
}
footer .left-side ul li a {
  font-size: 20px;
  margin-right: 13px;
  color: #fff;
}
footer .left-side.float-right ul li a {
  margin-right: 0;
  margin-left: 13px;
}
footer .right-side,
footer .left-side.float-right {
  text-align: right;
}
footer .right-side.float-left {
  text-align: left;
}
footer .right-side ul li a {
  color:#fff;
  font-size: 20px;
  font-weight: normal;
  margin-right: 10px;
}
footer .right-side.float-left ul li a {
  margin-left: 0;
  margin-right: 10px;
}
footer .section-middle {
  width: 39%;
  text-align: center;
margin-left: 120px;
}
footer .section-middle p {
  font-size: 13px;
  color:#fff;
  /*margin-top: 20px;*/
  text-transform: uppercase;
}
/*====================== Inner Page Banner ==================*/
.inner-banner {
  background: url(../images/inner-page/banner-1.jpg) no-repeat center;
  background-size: cover;
}
.inner-banner.m-fix {
  margin-bottom: 30px;
}
.inner-banner .opacity {
  height: 100%;
  background: rgba(0,0,0,0.7);
  padding: 220px 0 25px 0;
}
.inner-banner .opacity h3 {
  font-size: 32px;
  color:#fff;
}
.inner-banner .opacity ul {
  margin-top: 95px;
}
.inner-banner .opacity ul li {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  margin-left: 13px;
  text-transform: uppercase;
}
.inner-banner .opacity ul li a {
  color:#fff;
}
/*==================== Cause Details Page ====================*/
.cause-details-page .cause-main-content p {
    line-height: 24px;
    margin: 27px 0 30px 0;
    font-size: 14px;
    letter-spacing: 0;
    text-align: justify;
}
.cause-details-page .cause-main-content .post-info li {
  display: inline-block;
  margin-right: 14px;
}
.cause-details-page .cause-main-content .post-info li i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border:2px solid #f4f4f4;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  margin-right: 5px;
}
.cause-details-page .cause-main-content .img {
  margin-top:40px;
}
.cause-details-page .cause-main-content .text {
  background: #f4f4f4;
  padding: 43px 42px 32px 55px;
  width: 450px;
  margin: -75px auto 0 auto;
  position: relative;
  z-index: 9;
}
.cause-details-page .cause-main-content .text h6 a {
  font-size: 18px;
  font-weight: 700;
  display: block;
  color:#333333;
}
.cause-details-page .cause-main-content .text p {
  line-height: 25px;
  margin: 12px 0 25px 0;
}
.cause-details-page .cause-main-content .text .codeconSkillbar {
  box-shadow: none;
  height:10px;
  width:100%;
  background: #edeaea;
  border-radius: 0;
  overflow: visible;
  position: relative;
  margin: 13px 0 0 0;
}
.cause-details-page .cause-main-content .text .codeconSkillbar .skillBar {
  box-shadow: none;
  height: 100%;
  background: #da1a5d;
}
.cause-details-page .cause-main-content .text .codeconSkillbar .PercentText {
  width:29px;
  line-height: 29px;
  height: 29px;
  border:1px solid #dfdada;
  font-weight: normal;
  position: absolute;
  border-radius: 50%;
  bottom:-38px;
  left:100%;
  margin-left: -14px;
  text-align: center;
  padding: 0;
  float:none;
  font-size: 10px;
}
.cause-details-page .cause-main-content .text .target-ammount span {
  font-weight: 600;
  color:#333333;
  display: block;
  margin-top: 50px;
}
.cause-details-page .cause-main-content .text .target-ammount span b {
  font-weight: 600;
  font-size: 25px;
  vertical-align: sub;
}
.cause-details-page .cause-main-content .text a.p-color-bg {
  width: 160px;
  line-height: 40px;
  text-align: center;
  color:#fff;
  display: block;
  margin: 25px auto 0 auto;
}
.cause-details-page .cause-main-content .share li {
  display: inline-block;
  margin-right: 9px;
  font-size: 15px;
  font-weight: 600;
}
.cause-details-page .cause-main-content .share li a {
  display: block;
  width: 42px;
  height: 42px;
  border: 2px solid #f4f4f4;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
  color:#6f6f6f;
  vertical-align: middle;
}
.cause-details-page .cause-main-content .page-pagination {
  text-align: left;
  margin-top: 40px;
}
.cause-details-page .cause-main-content .page-pagination a {
  width: 70px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color:#fff;
}
/*========================== Cause Details 2 =================*/
.sidebar {
  width: 26%;
  width: calc(26% - 4px);
}
.sidebar .sidebar-content {
  margin-bottom: 60px;
}
.sidebar .sidebar-content.m-fix {
  margin-bottom: 0;
}
.sidebar .sidebar-content form {
  height: 50px;
  position: relative;
}
.sidebar .sidebar-content form input {
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  border:none;
  padding: 0 42px 0 15px;
}
.sidebar .sidebar-content form button {
  position: absolute;
  background: transparent;
  top:0;
  right: 0;
  text-align: left;
  padding-left: 5px;
  font-size: 16px;
  line-height: 50px;
  width: 42px;
}
.sidebar .sidebar-content  #donate-carousel {
  margin-top: -185px;
  position: relative;
  z-index: 9;
  padding: 0 25px;
  text-align: center;
}
.sidebar .sidebar-content  #donate-carousel .item {
  background: rgba(0,0,0,0.8);
  text-align: center;
  padding: 63px 0 46px 0;
}
.sidebar .sidebar-content  #donate-carousel .item h6 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color:#fff;
}
.sidebar .sidebar-content  #donate-carousel .item p {
  color:#fff;
  margin-bottom: 76px;
}
.sidebar .sidebar-content  #donate-carousel .item span {
  font-size: 15px;
  color:#fff;
  display: block;
}
.sidebar .sidebar-content  #donate-carousel .item span b  {
  font-size: 25px;
  font-weight: 600;
}
.sidebar .sidebar-content  #donate-carousel .item a {
  width: 120px;
  line-height: 35px;
  border:1px solid #da1a5d;
  margin-top: 20px;
}
.sidebar .sidebar-content  #donate-carousel a.carousel-control {
  width: 70px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color:#fff;
  box-shadow: none;
  opacity: 1;
  background-image: none;
  position: relative;
  margin-bottom: -15px;
  z-index: 9;
}
.sidebar .sidebar-content  #donate-carousel .item a:hover {
  background: #fff;
  border-color: #fff;
}
.sidebar .cause-category {
  background: #f4f4f4;
  padding: 49px 0 59px 50px;
}
.sidebar .cause-category h6 {
  font-size: 16px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.sidebar .cause-category ul li {
  line-height: 38px;
}
.sidebar .cause-category ul li a {
  font-weight: normal;
  color:#6f6f6f;
  text-transform: none;
}
.sidebar .cause-category ul li a i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 10px;
}
.sidebar .help-wedgit {
  background: url(../images/inner-page/3.jpg) no-repeat center;
  background-size: cover;
}
.sidebar .help-wedgit .opacity {
  height: 100%;
  background: rgba(30,2,2,0.8);
  padding: 58px 0 50px 50px;
}
.sidebar .help-wedgit p {
  font-size: 16px;
  color:#fff;
  margin-bottom: 32px;
}
.sidebar .help-wedgit p span {
  font-size: 40px;
  font-weight: 600;
  vertical-align: super;
}
.sidebar .help-wedgit ul li {
  line-height: 35px;
}
.sidebar .help-wedgit ul li a {
  color:#fff;
  font-weight: normal;
  text-transform: none;
}
.sidebar .help-wedgit ul li a i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 10px;
}
.theme-left-half-section {
  width: 74%;
  width: calc(74% + 4px);
  padding-right: 38px;
}
.sidebar .sidebar-recent-post {
  background: #f4f4f4;
  padding: 49px 0 45px 50px;
}
.sidebar .sidebar-recent-post h6 {
  font-size: 16px;
  margin-bottom: 34px;
  text-transform: uppercase;
}
.sidebar .sidebar-recent-post a {
  display: block;
  color:#333333;
  text-transform: none;
  margin-bottom: 12px;
}
.sidebar .sidebar-recent-post span {
  font-size: 13px;
  padding-left: 10px;
}
.sidebar .sidebar-recent-post span b {
  font-size: 35px;
  display: block;
  font-weight: normal;
  margin-bottom: -6px;
}
.sidebar .sidebar-recent-post .post-wrapper {
  margin-bottom: 28px;
}
/*======================== Events Page =================*/
/*.event-single-page .theme-left-half-section>h6 {*/
/*  font-size: 22px;*/
/*  margin: 20px 0 50px 0;*/
/*  text-transform: uppercase;*/
/*}*/
/*.event-single-page.up-coming-events {*/
/*  margin-bottom: 0;*/
/*}*/
/*.event-details-page .event-date .box {*/
/*  width: 200px;*/
/*  height: 170px;*/
/*  border:6px solid #f4f4f4;*/
/*  padding: 20px 20px 0 20px;*/
/*}*/
/*.event-details-page .event-date .box b {*/
/*  font-size: 60px;*/
/*  font-weight: 700;*/
/*  color:#333333;*/
/*}*/
/*.event-details-page .event-date .box b span {*/
/*  display: inline-block;*/
/*  width: 34px;*/
/*  height: 1px;*/
/*  vertical-align: middle;*/
/*  margin-left: -9px;*/
/*}*/
/*.event-details-page .event-date .box p {*/
/*  text-align: right;*/
/*  font-weight: 600;*/
/*  text-transform: uppercase;*/
/*  color:#333333;*/
/*  margin-top: -10px;*/
/*}*/
/*.event-details-page .event-date a {*/
/*  width: 180px;*/
/*  line-height: 43px;*/
/*  border: 1px solid #da1a5d;*/
/*  text-align: center;*/
/*  margin-left: 20px;*/
/*  font-weight: normal;*/
/*  margin-top: 64px;*/
/*}*/
/*.event-details-page .event-date a:hover {*/
/*  color:#fff;*/
/*}*/
/*.event-details-page .theme-left-half-section>h5 {*/
/*  margin: 35px 0 25px 0;*/
/*}*/
/*.event-details-page .theme-left-half-section>p {*/
/*  line-height: 30px;*/
/*  font-weight: 600;*/
/*  letter-spacing: 0;*/
/*}*/
/*.event-details-page .theme-left-half-section>img {*/
/*  margin: 35px 0 43px 0;*/
/*}*/
/*.event-details-page .event-schedule h6 {*/
/*  font-size: 14px;*/
/*  text-transform: uppercase;*/
/*  margin-bottom: 28px;*/
/*}*/
/*.event-details-page .event-schedule h6.title-style-one:before {*/
/*  width: 26px;*/
/*  top:51%;*/
/*  right: -30px;*/
/*}*/
/*.event-details-page .event-schedule .map-location {*/
/*  width: 48%;*/
/*}*/
/*.event-details-page .event-schedule .map-location .map-wrapper {*/
/*  height: 240px;*/
/*}*/
/*#event-area-map {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/
/*.event-details-page .event-schedule .event-time {*/
/*  width: 52%;*/
/*  padding-left: 45px;*/
/*}*/
/*.event-details-page .event-schedule .event-time table td {*/
/*  font-weight: 600;*/
/*  font-size: 15px;*/
/*  color: #333333;*/
/*  padding: 0 15px 14px 0;*/
/*}*/
/*.event-details-page .event-schedule .event-time table td:last-child {*/
/*  font-size: 13px;*/
/*  font-weight: normal;*/
/*  color:#6f6f6f;*/
/*}*/
/*.event-details-page .event-schedule .event-time table {*/
/*  margin-bottom: 36px;*/
/*}*/
/*.event-details-page .event-schedule .event-time p {*/
/*  font-size: 13px;*/
/*  margin-top: -13px;*/
/*  letter-spacing: 0;*/
/*}*/
/*.event-details-page a.back-event {*/
/*  width: 180px;*/
/*  line-height: 43px;*/
/*  border: 1px solid #da1a5d;*/
/*  text-align: center;*/
/*  font-weight: normal;*/
/*  margin-top: 70px;*/
/*}*/
/*.event-details-page a.back-event:hover {*/
/*  color:#fff;*/
/*}*/
/*====================== Gallery Page =================*/
/*.gallery-page .item {*/
/*  padding-left: 15px;*/
/*  padding-right: 15px;*/
/*}*/
/*.gallery-page.gallery-v2 .item-large {*/
/*  width: 54%;*/
/*  width: calc(54% + 1px);*/
/*}*/
/*.gallery-page.gallery-v2 .item-small {*/
/*  width: 46%;*/
/*  width: calc(46% - 1px);*/
/*}*/
/*.gallery-v3 .item-default {*/
/*  width: 50%;*/
/*}*/
/*.gallery-v3 .item-large {*/
/*  width: 57%;*/
/*  width: calc(57% + 4px);*/
/*}*/
/*.gallery-v3 .item-small {*/
/*  width: 43%;*/
/*  width: calc(43% - 4px);*/
/*  margin-bottom: -1px;*/
/*}*/
/*#mixitUp-item .mix {*/
/*  display: none;*/
/*}*/
/*.our-gallery.gallery-v4 .gallery-menu-wrapper ul.mixitUp-menu {*/
/*  text-align: center;*/
/*  margin-bottom: 50px;*/
/*}*/
/*.our-gallery.gallery-v4 .gallery-menu-wrapper ul.mixitUp-menu li {*/
/*  display: inline-block;*/
/*  width: 150px;*/
/*  margin: 0 3px 0 3px !important;*/
/*  padding: 0;*/
/*  cursor: pointer;*/
/*}*/
/*.our-gallery.gallery-v4 .item {*/
/*  min-height: 300px;*/
/*  margin-bottom: 30px;*/
/*}*/
/*.our-gallery.gallery-v4 .item1 {*/
/*  width: 23%;*/
/*  width: calc(23% - 6px);*/
/*}*/
/*.our-gallery.gallery-v4 .item2 {*/
/*  width: 39%;*/
/*  width: calc(39% - 3px);*/
/*}*/
/*.our-gallery.gallery-v4 .item3 {*/
/*  width: 33%;*/
/*  width: calc(33% - 2px);*/
/*}*/
/*.our-gallery.gallery-v4 .item4 {*/
/*  width: 44%;*/
/*  width: calc(44% + 6px);*/
/*}*/
/*.our-gallery.gallery-v4 .item5 {*/
/*  width: 61%;*/
/*  width: calc(61% + 3px);*/
/*}*/
/*.our-gallery.gallery-v4 .gallery-main-img-wrapper .single-img-wrapper .img {*/
/*  margin: 0;*/
/*}*/
/*============================= Blog Details ===================*/
.blog-details-page .blog-date .box {
  width: 200px;
  height: 170px;
  border:6px solid #f4f4f4;
  padding: 20px 20px 0 20px;
}
.blog-details-page .blog-date .box b {
  font-size: 60px;
  font-weight: 700;
  color:#333333;
}
.blog-details-page .blog-date .box b span {
  display: inline-block;
  width: 34px;
  height: 1px;
  vertical-align: middle;
  margin-left: -9px;
}
.blog-details-page .blog-date .box p {
  text-align: right;
  font-weight: 600;
  text-transform: uppercase;
  color:#333333;
  margin-top: -10px;
}
.blog-details-page .blog-date .post-info {
  padding-left: 20px;
  margin-top: 121px;
}
.blog-details-page .blog-date .post-info li {
  display: inline-block;
  margin-right: 15px;
}
.blog-details-page .blog-date .post-info li i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border:2px solid #f4f4f4;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  margin-right: 9px;
}
.blog-details-page .blog-content h5 {
  margin: 39px 0 30px 0;
}
.blog-details-page .blog-content p {
  line-height: 30px;
  letter-spacing: 0;
}
.blog-details-page .blog-content>img {
  margin: 30px 0 27px 0;
}
.blog-details-page .blog-content p.mark-text {
  background: #f1eded;
  padding: 27px 30px 30px 33px;
  margin: 20px 0 30px 0;
  border-right: 18px solid #f7cecf;
  line-height: 26px;
}
.blog-details-page .blog-content .share {
  margin: 50px 0 60px 0;
}
.blog-details-page .blog-content .share li {
  display: inline-block;
  margin-right: 9px;
  font-size: 15px;
  font-weight: 600;
}
.blog-details-page .blog-content .share li a {
  display: block;
  width: 42px;
  height: 42px;
  border: 2px solid #f4f4f4;
  line-height: 39px;
  text-align: center;
  font-weight: normal;
  color:#6f6f6f;
  vertical-align: middle;
}
.blog-details-page .blog-content .author-text .img h6 {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 18px;
  text-align: center;
}
.blog-details-page .blog-content .author-text .img {
  width: 13%;
  margin-top: 30px;
}
.blog-details-page .blog-content .author-text .text {
  width: 81%;
  margin-right: 10px;
  border:1px solid #b6b3b3;
  padding: 31px 32px 33px 35px;
}
.blog-details-page .blog-content .author-text .text p {
  line-height: 26px;
}
.blog-details-page .blog-content .next-blog-item h6,
.blog-details-page .blog-content .leave-comment h6 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 72px 0 47px 0;
}
.blog-details-page .blog-content .next-blog-item h6:before,
.blog-details-page .blog-content .leave-comment h6:before {
  width: 26px;
  right: -30px;
  top:49%;
}
.blog-details-page .blog-content .next-blog-item .wrapper {
  margin-right: -20px;
  margin-left: -20px;
}
.blog-details-page .blog-content .next-blog-item .wrapper .single-item {
  width: 33.33333333333%;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.blog-details-page .blog-content .next-blog-item .wrapper .img-holder {
  position: relative;
}
.blog-details-page .blog-content .next-blog-item .wrapper .img-holder .overlay {
  background: rgba(29,29,29,0.6);
  position: absolute;
  width:100%;
  height: 100%;
  top:0;
  left: 0;
  opacity: 0;
}
.blog-details-page .blog-content .next-blog-item .wrapper .img-holder .overlay>div {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.blog-details-page .blog-content .next-blog-item .wrapper .img-holder .overlay>div>span {
  display: table-cell;
  vertical-align: middle;
}
.blog-details-page .blog-content .next-blog-item .wrapper .img-holder .overlay>div>span a {
  width: 130px;
  line-height: 35px;
  color:#fff;
  font-weight: normal;
  border:1px solid #da1a5d;
  text-transform: none;
}
.blog-details-page .blog-content .next-blog-item .item:hover .overlay {
  opacity: 1;
}
.blog-details-page .blog-content .next-blog-item .item>a {
  font-size: 16px;
  color:#333333;
  display: block;
  margin: 17px 0 2px 0;
}
.blog-details-page .blog-content .next-blog-item .item span {
  font-size: 13px;
}
.blog-details-page .blog-content .leave-comment p {
  font-size: 13px;
  margin: -35px 0 40px 0;
}
.blog-details-page .blog-content .leave-comment form input,
.blog-details-page .blog-content .leave-comment form textarea {
  width: 100%;
  border: 1px solid #e0e0e0;
  padding: 0 15px;
  margin-bottom: 25px;
  max-width: 100%;
}
.blog-details-page .blog-content .leave-comment form input {
  height: 40px;
}
.blog-details-page .blog-content .leave-comment form textarea {
  height: 185px;
  padding: 20px 15px;
}
.blog-details-page .blog-content .leave-comment form button {
  width: 170px;
  line-height: 40px;
  text-transform: uppercase;
  color:#fff;
}
.blog-details-page .blog-content .leave-comment form input:focus,
.blog-details-page .blog-content .leave-comment form textarea:focus {
  border-color:#da1a5d;
}
/*==================== Staff Profile ====================*/
.staff-profile {
  margin-top: 100px;
  margin-bottom: 95px;
}
.staff-profile .left-side {
  width: 25.7%;
}
.staff-profile .left-side img {
  border:8px solid #edeaea;
}
.staff-profile .right-side {
  width: 74.3%;
  padding-left: 45px;
}
.staff-profile .right-side h6 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.staff-profile .right-side .clear-fix span {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
.staff-profile .right-side .clear-fix ul li {
  display: inline-block;
  margin-left: 8px;
}
.staff-profile .right-side .clear-fix ul li a {
  font-size: 16px;
  color:#333333;
}
.staff-profile .right-side p {
  line-height: 30px;
  letter-spacing: 0;
  margin: 34px 0 25px 0;
}
.staff-profile .right-side .contact-list li {
  line-height: 37px;
  color:#333333;
}
.staff-profile .right-side .contact-list li i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 12px;
}
.our-staff .title-style-one {
  margin-top: -20px;
}
/*==================== Error Page ================*/
.error-page h5,.error-page h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.error-page h5 {
  font-size: 70px;
  text-align: right;
}
.error-page h4 {
  font-size: 200px;
  font-weight: 700;
  margin: -25px 0 51px 0;
}
.error-page p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color:#333333;
  position: relative;
}
.error-page p:before {
  content: '';
  width: 1px;
  height: 70px;
  position: absolute;
  top:-71px;
  left:50%;
}
.error-page .wrapper {
  width: 68%;
  margin: 70px auto 95px auto;
  text-align: center;
}
.error-page .wrapper a {
  width: 230px;
  line-height: 50px;
  border:1px solid #da1a5d;
  font-size: 15px;
  margin-top: 82px;
}
.error-page .wrapper a:hover {
  color:#fff;
}
/*=========================== FAQ Page ====================*/
.faq-page h5 {
  margin-bottom: 40px;
}
.faq-page h5:before {
  width: 32px;
  right: -35px;
  top:49%;
}
.faq-page .faq-panel {
  margin-bottom: 55px;
}
.faq-page .faq-panel .panel-heading {
  padding: 0;
  border-radius: 0;
  border:none;
}
.faq-page .faq-panel .panel-heading h6 a {
  font-size: 14px;
  text-transform: none;
  color:#333333;
  padding: 18px 10px 17px 55px;
  display: block;
  position: relative;
}
.faq-page .faq-panel .panel-group .panel {
  margin: 0 0 20px 0;
  box-shadow: none;
  border-radius: 0;
  border:1px solid #edeaea;
}
.faq-page .faq-panel .panel-group .panel-body {
  border:none;
  padding: 14px 35px 20px 55px;
}
.faq-page .faq-panel .panel-group .panel-body p {
  line-height: 24px;
}
.faq-page .faq-panel .panel-group .panel-heading a:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 18px;
  position: absolute;
  left:19px;
  top:50%;
  margin-top: -8px;
  font-weight: normal;
}
.faq-page .faq-panel .panel-group .panel-heading.active-panel a:before {
  content: '';
  color:#333333;
}
/*///////////////// Feature Page /////////////////*/
.feature-page {
  background: #1a1818;
  text-align: center;
}
.lan-top-banner {
  background: url(../../img/1.jpg) no-repeat center;
  background-size: cover;
  border-bottom: 1px solid #4e4e4e;
  margin-bottom: 98px;
}
.lan-top-banner .opacity {
  background: rgba(0,0,0,0.9);
  padding: 50px 0 120px 0;
}
.lan-top-banner .opacity ul {
  text-align: right;
  margin-bottom: 55px;
}
.lan-top-banner .opacity ul li {
  display: inline-block;
  margin-left: 15px;
}
.lan-top-banner .opacity ul li a {
  color:#fff;
  text-transform: none;
}
.lan-top-banner .opacity ul li a:hover {
  color:#da1a5d;
}
.lan-top-banner .opacity img {
  margin: 0 auto;
}
.lan-top-banner .opacity h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 35px;
  text-transform: none;
  color:#fff;
  margin: 55px 0 25px 0;
}
.lan-top-banner .opacity h6 {
  font-size: 14px;
  font-weight: normal;
  color:#fff;
  text-transform: uppercase;
}
.lan-top-banner .opacity .purchase {
  width: 243px;
  line-height: 50px;
  border:1px solid #fff;
  color:#fff;
  margin-top: 175px;
  position: relative;
}
.lan-top-banner .opacity .purchase:before {
  content: '';
  position: absolute;
  top:-114px;
  left:50%;
  width: 1px;
  height: 79px;
  background: #313030;
}
.lan-top-banner .opacity .purchase:hover {
  background: #fff;
  color:#da1a5d;
}
.demo-single {
  margin-bottom: 100px;
}
.demo-single h6 {
  font-size: 15px;
  text-transform: uppercase;
  color:#fff;
  margin-bottom: 40px;
}
.demo-single .img {
  position: relative;
  border:1px solid #fff;
}
.demo-single .img a {
  position: absolute;
  width:100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(0,0,0,0.8);
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
}
.demo-single .img a span {
  display: table;
  width: 100%;
  height: 100%;
}
.demo-single .img a span i {
  display: table-cell;
  vertical-align: middle;
  color:#fff;
  font-style: normal;
  font-size: 30px;
}
.demo-single:hover .img {
  border-color:#da1a5d;
}
.demo-single:hover .img a {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.demo-single.line-fix {
  display: inline-block;
  margin: 0 11px 100px 11px;
}
.lan-thanks-word {
  margin-top: 25px;
  padding: 50px 0 0 0;
}
.lan-thanks-word p,
.lan-thanks-word h2,
.lan-thanks-word span {
  color:#fff;
}
.lan-thanks-word p {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.lan-thanks-word h2 {
  margin: 19px 0 34px 0;
}
.lan-thanks-word>p {
  background: #f6eded;
  padding: 20px 0;
  color:#6f6f6f;
  letter-spacing: 0.5px;
  font-size: 13px;
  text-transform: none;
  margin-top: 40px;
}
/* INDEX ICON */
.single-box img {
  margin: 0px auto;
}
/* FAQ PAGE */
.faq-page p {
    padding:0 0 15px;
}
.faq-page h6 {
    padding:0 0 5px;
    text-transform : capitalize;
    font-size: 15px;
}
/* SLIDER */
#main-banner-slider {
    height:600px !important;
}
.get-in-touch {
   padding: 0 0 30px;
}
/* LOGIN SIGN UP FORM */
.login-page {
  padding: 60px 0;
}
.login-form label {
  padding: 0 0 5px;
}
.btn-dark {
      color: #fff;
    background-color: #222222;
    border-color: #222222;
    padding: 10px;
    border-radius: 5px;
}
.checkbox {
      padding: 0 0 5px 20px;
}
.forgot-password a {
    font-size: 12px;
    padding: 11px 0;
}
/* VOLUNTEER */
.volunteer_form_bg {
  background: #da1a5d;
  padding: 10px;
  width: 100%;
  float: left;
}
.volunteer_form_inner {
  width: 100%;
  float: left;
  border: 1px dashed #e4a188;
  padding: 43px 40px;
}
.volunteer_form_inner h3 {
  color: #fff;
  margin-bottom: 11px;
  font-size: 30px;
}
.volunteer-content h3 {
  padding: 0 0 15px 0;
}
.volunteer_form_inner .requir_txt {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 42px;
  float: left;
  width: 100%;
}
#volunteer_form {
  padding-right: 20px;
}
#volunteer_form .form-group {
  margin-bottom: 25px;
}
#volunteer_form .form-group label {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0px;
  margin-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
#volunteer_form .form-control {
  background: #fff;
  padding: 10px;
  border-radius: 0px;
  border: 0px!important;
  box-shadow: 0px 0px 0px;
  height: 42px;
}
#volunteer_form #form_message {
  height: 166px;
}
.form_brwn_divider {
  width: 100%;
  float: left;
  background: #ecbcaa;
  height: 1px;
  margin: 15px 0px 40px;
}
.btn-send.submit_now {
  color: #fff;
  border: 2px solid #fff;
}
.btn-send {
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 46px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 165px;
    background: none;
}
.btn-send:hover {
    background: #ad6334;
    color: #fff;
}
/* MISSION */
.our-mission {
  padding: 60px 0 !important;
}
.mission-main {
  padding: 0 0 30px !important;
}
.mission-content h4 {
  padding: 0 0 15px 0 !important;
  text-transform: capitalize !important;
}
.mission-content p {
  padding: 0 0 5px !important;
  text-align: justify;
}
/* FOOTER LOGO */
.section-middle a img {
    width: 31%;
    /*margin: 0px auto;*/
}
/* MISSION */
.mission-main p {
  padding: 0 0 10px;
}
.mission-img img {
  padding: 0 0 15px;
}
.get-in-touch h2 {
  padding: 0 0 15px 0;
}
.mission-tile {
    padding:60px 0;
}
.mission-tile h2 {
    padding:0 0 15px 0;
}
.common-ico img {
    margin:0px auto;
    width:50px;
}
.privacy-main h4 {
    padding:15px 0 !important;
}
.privacy-main ul {
   list-style-type: square;
    padding: 0 0 15px 15px;
}
.volunteer-content h6 {
    padding:15px 0;
    margin:0px;
}
.privacy-main h6 {
    padding:10px 0;
}


.emmergencyContact .contact_Col {
  background: #f0f0f0;
  color: #435061;
}
.emmergencyContact .contact_Col:last-child {
  background: #e7edf5;
}
.emmergencyContact .contact_Col {
    padding: 30px 30px 35px;
    font-weight:600;
}
.theme-title h1{
    font-size: 28px;
    margin-bottom: 30px;
}
label.error{
  color: red;
}
.checkerror{
  color: red;
}
.checkusersuccess {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 3px;
  border: 1px solid;
  background: #b2dfbc;
  margin-left: 6%;
  margin-right: 6%;
  border: 1px solid #2c723c;
  color: #2c723c;
}
.checkusererror {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 3px;
  border: 1px solid;
  background: #dfb2b2;
  margin-left: 6%;
  margin-right: 6%;
  border: 1px solid red;
  color: red;
}
.checksuccess{
  color: rgb(48 133 52);
}

.card-reader #CreditCardImg {
  right: 20px !important;
  top: 9px !important;
}
.card-reader #CreditCardImg {
  width: 36px;
  height: 21px;
  background: url(../images/cardtypes_sprite_icons_new.png) no-repeat 0 0;
  background-position: 1px 1px;
  position: absolute;
  right: 202px;
  top: 4px;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}
.card {
  border: 0px;
}
.card .card_icon { background: transparent url('../images/credit_card_sprites.png') no-repeat 30px 0; }
.card .CreditCardImg.visa { background-position: -33px 1px !important; }
.card .CreditCardImg.mastercard {  background-position: -68px 0 !important; }
.card .CreditCardImg.amex { background-position: -136px 0 !important; }
.card .CreditCardImg.discover { background-position: -103px 0 !important; }
.card .status_icon { background: transparent url('../images/status_sprites.png') no-repeat 33px 0; }
.card .invalid {
color: #AD3333;
background: #f8e7e7;
padding: 5px;
margin-bottom: 6px;
}
.card .valid {
color: #33AD33;
background: #e7f8e7;
margin-bottom: 6px;
}
.card .invalid .status_icon { background-position: 3px 0 !important; }

.card .valid .status_icon { background-position: -27px 0 !important; }
.card .card_icon, .card .status_icon {
  display: inline-block;
  vertical-align: bottom;
  height: 23px;
  width: 29px;
}

.my-donation-container
{
  margin-bottom: 20px;
}



/* -------------BLOG PAGE------------- */
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}


.blog-content {
  position: relative;
  width: 100%;
}

.blog-image {
  display: block;
  width: 100%;
  height: auto;
}

.blog-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #da1a5d;
}

.blog-content:hover .blog-overlay {
  opacity: 1;
}

.blog-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.blog-adeeba-details{padding: 70px 0;}
.blog-adeeba-details .card-title{
    color: #da1a5d;
    font-size: 24px;
    font-weight: 600;
    height: 100px;
    overflow: hidden;
}
.blog-adeeba-details.blog-charity-content h2{font-size:22px;}
.blog-adeeba-details.blog-charity-content h3{font-size:20px;}
.blog-adeeba-details.blog-charity-content h4{font-size:18px;}
.blog-adeeba-details.blog-charity-content h5{font-size:16px;}
.blog-adeeba-details.blog-charity-content h6{font-size:15px;}
.blog-adeeba-details .card-title.blog-single-title{height:auto;}
.blog-adeeba-details .card-text{margin: 0;font-size: 14px;padding: 0px 0 10px;height: 73px;overflow: hidden;line-height: 22px;color: #000;}
.blog-adeeba-details .card-body a{font-size: 12px;
font-weight: 900;color: #613B31;}
.blog-adeeba-details .blog-date{font-family: "Roboto", Sans-serif;
font-weight: 400;
color: #541F12;
font-size: 17px;padding: 10px 0 0;}
.blog-adeeba-details .card-body {
  background-color: #fefbf5;
}
.blog-tranding a{background-color:#EDB83A;padding:8px 12px;font-family:"Merriweather", Sans-serif;color:#5D362C;font-size: 16px;text-decoration: none;font-weight: 400;}
.blog-tranding-text p{font-family:"Merriweather", Sans-serif;color:#5D362C;font-size: 20px;    margin-bottom: 0;}
.blog-tranding-text a{text-decoration: none;}
.blog-adeeba-details .carousel-control-next, .blog-adeeba-details  .carousel-control-prev {
  position: absolute;
  top: 0%;
  color: #EDB83A;
  z-index: 99999;opacity: 1;
}
.blog-adeeba-details .carousel-control-next i, .blog-adeeba-details .carousel-control-prev i {
  display: inline-block;
  font-size: 25px;
}
.blog-adeeba-details .carousel-control-prev {
  left: 80%;
  position: absolute;
}
.blog-adeeba-details .carousel-control-next {
  right: 0;
  position: absolute;
}
.blog-adeeba-details .card {margin-bottom: 30px;}
.m-45{margin-top:-45px;margin-left:120px;}
.floating_btn {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}
.floating_btn a{text-decoration:none !important;}
@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}
.blog-adeeba-details{padding-top: 100px}
.sideber-info {
  background: rgb(186 79 119 / 6%);
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.mt5{margin-top: 30px;}
.blog-adeeba-details h4{font-size: 20px;margin-bottom: 20px;}
.img-blognewsize{min-height:210px}
.footerbtm-link li{display:inline-block;padding:0px 12px 12px;}
.footerbtm-link li a{color:#fff;}
.blog-charity-content ul {margin-left: 20px;}
.blog-charity-content ul li{list-style-type: square;}
.inner-banner .opacity h1 {
    font-size: 32px;
    color: #fff;
}
.home-charitybanner{
  background: url('../images/home/slide-1.webp')no-repeat center center;
  height: 673px;
  background-size: cover;
}
.home-charitybanner .banner-charity-text h2{color: #fff;font-size: 50px;}
.banner-charity-text{display: flex;align-items: center;justify-content: center;flex-direction: column;min-height: 673px;}
.home-charitybanner .banner-charity-text a {
    width: 170px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #da1a5d;
    color: #fff;
}
footer .section-middle a{color: #fff;}