/*Start Theme*/
/*End theme variable*/
html {
  scroll-behavior: smooth;
}

body {
  color: #000000;
}

.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: transform 0.3s;
}

a, .btn, img {
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
a:hover, .btn:hover, img:hover {
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

a {
  text-decoration: none;
  color: #000000;
}

footer a {
  color: #000000;
  opacity: 0.7;
}
footer a:hover, footer a:active footer a:focus {
  opacity: 1;
}

.box-shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.box-shadow-inner {
  box-shadow: inset 60px 0 120px #f6faf5, inset -60px 0 120px #ddffbf;
}

.box-shadow-inner-primary {
  box-shadow: inset 60px 0 120px #e6f0ff, inset -60px 0 120px #e6edff;
}

.box-shadow-inner-secondary {
  box-shadow: inset 60px 0 120px #e8e8e8, inset -60px 0 120px #cdcdcd;
}

.user-img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.home-header {
  background-image: url("/images/home/header-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.home-header .bg-black-theme {
  opacity: 0.7;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (max-width: 575px) {
  .home-header .bg-black-theme {
    background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
  }
}

.srf .abs-list-icon {
  font-size: 20px;
  width: 32px;
  height: 32px;
  text-align: center;
}
.srf .abs-list-icon i, .srf .abs-list-icon .fas {
  line-height: 32px;
}

.feeding-bd {
  background-image: url("/images/home/bg food bank.jpg");
}
.feeding-bd .abs-list-icon {
  width: 32px;
  height: 32px;
  text-align: center;
}
.feeding-bd .abs-list-icon i, .feeding-bd .abs-list-icon .fas {
  line-height: 32px;
}

.our-services {
  background-color: #EEEEEE;
}
.our-services .abs-list-icon {
  font-size: 50px;
  width: 100px;
  height: 100px;
  text-align: center;
}
.our-services .abs-list-icon i, .our-services .abs-list-icon .fas {
  line-height: 100px;
}
.our-services a {
  color: #000000;
  background-color: #FFFFFF;
}
.our-services a:hover {
  background: rgba(0, 0, 0, 0.9);
  color: #FFFFFF;
}
.our-services .card {
  padding: 0;
}
.our-services .card .card-footer {
  background: transparent;
}
.our-services .card .card-footer .btn-icon {
  -moz-transition: all 2s ease-in-out 0s;
  -ms-transition: all 2s ease-in-out 0s;
  -o-transition: all 2s ease-in-out 0s;
  -webkit-transition: all 2s ease-in-out 0s;
  transition: all 2s ease-in-out 0s;
}
.our-services .card .card-footer .btn-icon i, .our-services .card .card-footer .btn-icon .fa-solid {
  padding-left: 1px;
  padding-right: 1px;
}
.our-services .card:hover .abs-list-icon {
  background: #FFFFFF !important;
}
.our-services .card:hover .card-footer .btn-icon {
  background: #FFFFFF !important;
  margin-left: calc(100% - 48.1px);
  -moz-transition: all 2s ease-in-out 0s;
  -ms-transition: all 2s ease-in-out 0s;
  -o-transition: all 2s ease-in-out 0s;
  -webkit-transition: all 2s ease-in-out 0s;
  transition: all 2s ease-in-out 0s;
}

.members .card {
  background-color: #FFFFFF;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.members .card:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.members .abs-list-icon {
  font-size: 50px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100px;
}
.members .abs-list-icon i, .members .abs-list-icon .fas {
  line-height: 100px;
}

.our-activities .card {
  background-color: #FFFFFF;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.our-activities .card:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.our-activities .card::after {
  content: "";
  background-color: green;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  border-radius: 0 0 5px 0;
}

.inner-mid-wrapper {
  min-height: calc(100vh - 56px - 129px);
}
.inner-mid-wrapper .inner-mid {
  backdrop-filter: blur(10px);
}

/*# sourceMappingURL=style.css.map */