/*------------- Main Banner -------------*/
.banner-images-block, .banner-image {
    height: 100%;
}
#main-banner {
    max-width: 100%;
}
.banner-image  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.circle-big {
   position: relative;
   /* height: 200px;
   width: 165px; */
   margin-top: 15px;
 }
 .circle-big svg {
   width: 200px;
   height: 200px;
 }
.circle-big .bg {
    fill: #EBEBEB;
    stroke-width: 15px;
    stroke: #EBEBEB;
}
.main-banner-image {
    display: flex;
    align-items: end;
    justify-content: center;
}

 .circle-big .progress {
   fill: none;
   stroke-width: 18px;
   stroke: var(--color-primary);
   stroke-linecap: round;
   stroke-dasharray: 355.56;
   stroke-dashoffset: 60;
   transform: rotate(-170deg);
   transform-origin: 50% 50%;
   animation: big 3s ease-in-out;
 }
 circle.progress.progress-2{
   transform: rotate(-103deg);
   stroke-dasharray: 270.56;
 }
.circle-big .text {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    font: normal normal 600 14px/25px Outfit;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 500;
}

p.progres-below-text {
    color: #000000;
    font-weight: 500;
}
 .circle-big .text .small {
   font-size: 14px;
   color: #fff;
 }
 @keyframes big {
   from {
     stroke-dashoffset: 326.56;
   }
   to {
     stroke-dashoffset: 60;
   }
 }

 @keyframes one {
   from {
     stroke-dashoffset: 232.36;
   }
   to {
     stroke-dashoffset: 80;
   }
 }

 @keyframes two {
   from {
     stroke-dashoffset: 232.36;
   }
   to {
     stroke-dashoffset: 140;
   }
 }

 @keyframes appear {
 	0%, 50% {
 		opacity: 0;
 	}
 	100% {
 		opacity: 1;
 	}
 }
.dashboard-image {
    position: absolute;
    top: 5.5em;
    width: 272px;
    left: -31px;
}
.banner-image {
  z-index: 9;
}
.graph-image {
  position: absolute;
  top: 11em;
  width: 257px;
  right: -4em;
}
.section-tagline {
  color: #707D95;
  font-weight: 500;
}
.banner-image-box {
  z-index: 99;
}
.happy-employee .media {
  max-width: 100%;
}
.happy-employee .media-body {
    margin-left: 10px;
}

.happy-employee-text {
    color: white;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
}
.happy-employee-title {
  font-weight: 600;
  color: #212121;
  font-size: 16px;
}
.happy-employee-text {
  color: #212121;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin: 7px 0;
}
.happy-employee-wrap {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
span.happy-employee-value {
  color: #212121;
  font-weight: 600;
  font-size: 17px;
  margin-left: 8px;
}
.dedicated-team {
    background-color: #FFFFFF;
    max-width: 250px;
    border-radius: 12px;
    padding: 9px;
    position: absolute;
    bottom: 12px;
    z-index: 9;
    left: 12px;
}
.column-banner-btn {
    position: absolute;
    right: 48px;
    bottom: 20px;
    z-index: 9;
}
.column-banner-btn a.theme_button2 {
  padding: 11px 54px;
  border: 2px solid;
}
.happy-employee-images img {
    margin-left: -23px;
    width: 47px;
}
.happy-employee-images img:first-child {
    margin-left: 0;
}
.happy-employee {
  border: 0.5px solid #FFFFFF66;
  border-radius: 8px;
  padding: 8px;
  position: absolute;
  top: 0;
  max-width: 262px;
  position: absolute;
  right: -34px;
  top: 13%;
}
.main-tagline {
  color: #707D95;
  font-size: 16px;
  font-weight: 600;
  color: #8E8E8E;
}
.banner-image-col-one img {
  z-index: 99;
  position: relative;
  border-radius: 21px;
}
.banner-icon-image6 {
  position: absolute;
  top: 1em;
  right: 25em;
  width: 30px;
}
.banner-details {
    padding-top: 14%;
}
span.h1-part1 {
  display: block;
}
.banner-contact-details .header-git-block {
  padding: 6px 23px;
}
.banner-add-text {
  color: white;
  font-weight: 700;
  font-size: 19px;
  background-color: var(--color-secondry);
  padding: 17px 27px 11px 26px;
  border-top-right-radius: 47px;
  border-bottom-right-radius: 47px;
}
.banner-other-image1 {
  position: absolute;
  top: 7em;
  left: 2em;
}
.banner-other-imag2 {
  position: absolute;
  left: 33%;
  top: 9em;
}
.banner-other-image3 {
  position: absolute;
  top: 37%;
  left: 54%;
}
#main-banner {
  padding-bottom: 0;
  padding-top: 0;
}
.banner-other-image4 {
  position: absolute;
  bottom: 14%;
  left: 50%;
}
.banner-images-block .top_social {
  display: flex;
  border: 0.5px solid #FFFFFF80;
  display: inline-flex;
  padding: 5px 6px;
  border-radius: 8px;
  position: absolute;
  top: 36px;
  align-items: center;
  left: -5px;
  z-index: 99;
}
.banner-image {
    z-index: 9;
    text-align: center;
}
.banner-images-block .top_social a {
    color: black;
    margin-right: 3px;
    background-color: white;
    width: 29px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 13px;
}
.banner-images-block .top_social a:hover{
  background-color: black;
  color: white;
}
span.social-title {
    color: white;
    font-weight: 600;
    margin-left: 9px;
    font-size: 14px;
}
span.phone-txt {
  display: block;
  color: white;
  font-weight: 500;
  font-size: 14px;
}
.banner-text {
  font-size: 14px;
  color: #212121;
  margin: 14px 0 18px 0px !important;
  font-weight: 400;
}
.banner-video {
  margin-left: 25px;
}
.banner-contact-details {
  background-color: var(--color-primary);
  /* padding: 18px; */
  border-radius: 60px;
  display: inline-flex !important;
}
.banner-head h1 {
  color: #212121;
  font-size: 50px;
  font-weight: 600;
  padding-bottom: 0;
}
span.main-heading-part2 {
  color: var(--color-primary);
}
.banner-btn a.theme_button {
    padding: 11px 53px;
}
span.main-heading-part4 {
  color: #52DB82;
}
.banner-image {
  z-index: 9;
}
.banner-image:after {
  content: '';
  background-color: #00000085;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  display: block;
  position: absolute;
  top: 0;
}
.banner-image-col-two, .banner-image-col-three {
  margin-top: 7em;
}
.happy-customer-block .banner-box-number {
  margin-top: 0;
}
.banner-records {
  background-color: #140e10;
  padding: 16px 30px;
  /* display: flex; */
  /* justify-content: space-between; */
  max-width: 76.3%;
}
.banner-other-image7, .banner-other-image5, .banner-other-image3, .footer-other-image3, .footer-other-image4, .dashboard-image, .graph-image, .banner-images-block .top_social, .happy-employee{
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float_up_down;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float_up_down;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float_left_right;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
@keyframes float_up_down{
  0%{
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  50% {
    transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
.banner-other-image6, .banner-other-image4, .banner-other-imag2, .banner-other-image1, .footer-other-image1, .footer-other-image2, .footer-other-image6, .footer-other-image5, .icon-image , .banner-icon-image1, .banner-icon-image4, .banner-icon-image3, .service-shape2, .why-choose-shape-image1, .why-choose-shape-image3, .doctor-shape-image2, .product-shape1, .product-shape2{
  animation-name: rotateme2;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme2;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme2;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme2;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme2;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
@keyframes rotateme2{
  0%{
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
    opacity: 1;
  }
}
.banner-image-box {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: hero-bounce
}
@keyframes hero-bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}
/* .banner-images-block .top_social {
    animation: section-animation 1s infinite;
} */
@keyframes section-animation {
    0% {
        width: 0
    }

    15% {
        width: 100%
    }

    85% {
        opacity: 1
    }

    90% {
        width: 100%;
        opacity: 0
    }

    to {
        width: 0;
        opacity: 0
    }
}
.progress-bar {
  transition: width 1.5s ease-in-out;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.donation-progress-wrapper .progress-bar.bg-warning {
  background-color: var(--color-primary) !important;
  border-radius: 50px;
}
.donation-progress-wrapper .progress {
  border-radius: 50px;
  position: relative;
  background-color: white;
}
.donation-progress-wrapper {
    background-color: black;
    border-radius: 55px;
    padding: 10px;
    position: relative;
    margin-top: 7em;
}
.progress-outer.position-relative {
    width: 81%;
}
span.progress-bar-title-goal {
  position: absolute;
  top: -56px;
  background-color: black;
  color: white;
  z-index: 9;
  padding: 5px 20px;
  border-radius: 23px;
  font-size: 13px;
  right: 22px;
  /* transform: translateX(-37%); */
}
.donation-progress-wrapper svg {
  position: absolute;
  left: -13%;
  width: 63px;
  top: 11px;
}
span.progress-bar-title-recieved {
  position: absolute;
  top: -56px;
  background-color: black;
  color: white;
  z-index: 9;
  padding: 5px 20px;
  border-radius: 23px;
  font-size: 13px;
  left: 19%;
  /* transform: translateX(-49%); */
}
span.progress-bar-title-recieved:after {
  content: '';
  background-color: black;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  bottom: -4px;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: 0 auto;
}
span.progress-bar-title-goal:after {
  content: '';
  background-color: black;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  bottom: -4px;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: 0 auto;
}
span.progress-bar-value-recieved {
    position: absolute;
    top: 3px;
    font-size: 13px;
    color: white;
    font-weight: 600;
    left: 30%;
}
span.progress-bar-value-goal {
    color: #212121;
    border-radius: 50px;
    position: relative;
    background-color: white;
    padding: 7px 13px;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    display: inline-flex;
    margin-top: 0;
    align-items: center;
    margin-left: 8px;
}
.banner-image  img {
  border-radius: 25px;
}
.comments-panel {
    background-color: white;
    padding: 3px;
    box-shadow: 0px 0px 18.1px 0px #00000040;
    border-radius: 48px;
    max-width: 349px;
}
.comment-text {
    font-size: 12px;
    line-height: 16px;
}
.comment-image {
    margin-right: 7px;
    width: 39px;
}
.comments-panel {
  position: absolute;
  top: 27%;
  left: -41px;
  z-index: 9;
}
.comments-panel.comments-panel2 {
  left: unset;
  right: -61px;
  top: unset;
  bottom: 36%;
}
.comments-panel.comments-panel2 .comment-image {
    margin-right: 0;
    margin-left: 7px;
}
.comments-panel.comments-panel2 .comment-text {
    text-align: right;
}
.banner-video {
  text-align: center;
  margin-left: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.banner-video span.video-title {
  color: #212121;
  font-weight: 600;
  position: relative;
  top: -1px;
  background-color: white;
  padding: 10px 47px;
  border-radius: 29px;
  font-size: 12px;
  background-color: white;
}
.dedicated-team {
  background-color: #FFFFFF;
  max-width: 250px;
  border-radius: 12px;
}
.causes_category-overlay {
    position: relative;
}
/*------------------ Causes Categories -------------------*/
.causes_category-overlay {
  position: relative;
}
.causes_category-scale-image img {
  border-radius: 20px;
}
.causes_category-text-inner {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background: #FFFFFFB0;
  padding: 12px;
  border-radius: 10px;
  z-index: 9;
}
.causes_category-bg {
    width: 100% !important;
}
.causes_category-text-inner h5 {
    padding-top: 0;
    color: black;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 3px;
}
.causes_category-box-text {
    font-size: 14px;
    line-height: 18px;
}
.causes_category-text-inner h5 {
  padding-top: 0;
  color: black;
  font-weight: 600;
}
.causes_category-box-text {
  font-size: 14px;
}
a.cause-link {
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 50%;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-42deg);
}
a.cause-link:hover {
  background-color: var(--color-primary);
  color: white;
}
.causes_category-text-inner h5 {
    padding-top: 0;
    color: black;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 3px;
}
.featured {
	 align-self: center;
}
 .featured .slider {
	 list-style: none;
	 padding: 0;
}
 .featured .slider li {
	 /* height: 400px;
	 width: 300px; */
	 border-radius: 4px;
	 display: flex;
}
 .featured .slider li h2 {
	 margin-top: auto;
	 background: #fff;
	 width: 100%;
	 padding: 20px 20px;
	 display: block;
	 bottom: 0;
}
 
/* STACKED CARDS */
.stacked-cards {
    position: relative;
    overflow: hidden;
}
.stacked-cards ul {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
}
.stacked-cards li {
  margin-top: 5px;
  cursor: pointer;
  border-radius: 8px;
  list-style: none;
  width: 59%;
  position: absolute;
  left: 50%;
  transition: 0.5s ease transform;
}
.stacked-cards li.active:hover img {
    transform: scale(1.2);
    transition: 0.5s ease transform;
}
.mobile-slider {
    display: none !important;
}
/* .stacked-cards li:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
} */
.stacked-cards li img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    z-index: 4;
    width: 100%;
    /* transform: scale(1.5); */
    /* transition: width 1.5s ease-in-out; */
    transition: 0.5s ease transform;
}
.stacked-cards .causes_category-text-inner {
    opacity: 0;
}
.causes_category-scale-image {
  overflow: hidden;
  border-radius: 20px;
}
.stacked-cards li.active {
  cursor: default;
  transition: 0.5s ease transform;
}
.stacked-cards li.active .causes_category-text-inner{
  opacity: 1;
}
.stacked-dots li {
  display: inline-block;
  list-style: none;
}
.stacked-dots {
    text-align: center;
    margin-top: 3em;
}
.stacked-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: #D9D9D9;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  padding: 0;
}
.stacked-dot.active {
    background: var(--color-secondry);
    width: 65px;
    border-radius: 17px;
}
#our-causes_category, #volunthrive, #part-of-us-section, #latest-news{
  border-radius: 30px;
  box-shadow: 0px 0px 21.9px 0px #00000040;
}
/* --------- Volunthrive --------- */
#volunthrive {
    margin-top: 4em;
    margin-bottom: 4em;
    padding-bottom: 0;
}
.volunthrive-block:last-child {
    margin-bottom: 0;
}
.volunthrive-block {
  box-shadow: 0px 0px 21.9px 0px #00000040;
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
}
.volunthrive-overlay h5, .volunthrive-overlay h5 a {
  font-size: 18px;
  font-weight: 600;
  padding-top: 0;
}
.volunthrive-text-inner {
    color: #848484;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.volunthrive-block:hover{
  background-color: black;
}
.volunthrive-block:hover .volunthrive-text-inner, .volunthrive-block:hover .volunthrive-overlay h5, .volunthrive-block:hover .volunthrive-overlay h5 a{
  color: white;
}
/* --------- Part of Us --------- */
#part-of-us-section {
  padding: 0;
}
.part-of-us-head {
  padding-top: 7%;
  padding-bottom: 7%;
  padding-left: 7%;
}
#part-of-us-section span.main-heading-part2 {
  color: var(--color-secondry);
}
#part-of-us-section {
    padding: 0;
    overflow: hidden;
}
#part-of-us-section input[type="email"] {
  width: 100%;
  border-radius: 10px;
  border: none;
  padding: 12px 25px 12px 164px;
  font-size: 16px;
  color: black;
  padding: 14px 25px 14px 18px;
  border-radius: 43px;
  background-color: #3D0D7B0F;
  box-shadow: 0px 0px 21.9px 0px #00000040;
  background-color: white;
}
#part-of-us-section input[type="email"]::placeholder {
  font-size: 16px;
  color: #707D95;
}
.part-of-us-shortcode input[type="submit"] {
    border-radius: 10px;
    background-color: #000000;
    position: absolute;
    right: 6px;
    top: 5px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    /* transform: rotate(-42deg); */
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.part-of-us-shortcode input[type="submit"]:hover {
    background-color: var(--color-primary);
    color: white;
}
.part-of-us-shortcode {
  margin-top: 25px;
}
.volunthrive-image-box {
  padding-bottom: 3em;
}
.part-of-us-image img{
  width:100%;
  height: 100%;
  object-fit: cover;
}
/* ----------- Team ------------- */
.our-team.team-box {
    text-align: center;
}
.post-img{
  overflow: hidden;
  position: relative;
}
.owl-carousel .owl-item .our-team .team-img img, .post-img img {
  width: 61% !important;
  border-radius: 12px;
  margin: 0 auto;
}
.team-box-inner-content span {
  color: #848484;
  font-weight: 400;
  font-size: 14px;
}
.team-contact{
  margin-top: 14px;
}
a.team-contact-text {
  background-color: var(--color-primary);
  color: white;
  padding: 9px 21px;
  border-radius: 12px;
  display: inline-block;
}
a.team-contact-text:hover{
  background-color: black;
  color: white;
}
.team-contact-text i.fa-solid.fa-envelope {
  margin-right: 9px;
}
.team_head a {
  font-family: var(--primary-font);
  color: #1D1C1C;
  font-size: 15px;
  font-weight: 600;
}
h5.team_head {
  padding-top: 0;
  padding-bottom: 0;
}
.team-img {
    position: relative;
}
.our-team .social{
  width: 100%;
  height: 30%;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  transform: translateY(-50%) rotate(-30deg);
  transition: all 0.3s ease 0s;
  border-radius: 12px;
}
.our-team:hover .social{
  height: 100%;
  opacity: 1;
  transform: translateY(-50%) rotate(0deg);
}
.our-team .social ul {
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 8px;
    right: 17px;
}
.our-team .social ul li{
    display: block;
}
.our-team .social ul li a {
  display: flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 12px;
  /* margin-right: 6px; */
  color: white;
  background: var(--color-primary);
  transition: all 0.3s ease 0s;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  /* margin: 0 auto; */
  margin-bottom: 9px;
}
.team-img img {
  border-radius: 20px;
}
.team-img {
    background-color: white;
    box-shadow: 0px 0px 21.9px 0px #00000040;
    border-radius: 20px;
    padding-top: 3em;
    overflow: hidden;
}
.our-team .social-profiles i {
  padding-right: 0;
}
.team_head a:hover {
    color: var(--color-primary);
}
.our-team:hover  .team-img {
    background-color: black;
}
.our-team .social ul li a:hover{
  background: white;
  color: black;
  text-decoration: none;
}
.team-box-inner-content {
  /* background-color: white; */
  padding: 15px;
  border-radius: 12px;
  position: relative;
}
.team-share {
  background-color: var(--color-primary);
  color: white;
  padding: 9px 21px;
  border-radius: 12px;
  display: inline-block;
}
.news-box .metabox a, .news-box .metabox .metabox .entry-comments, .news-box .metabox .entry-date, .news-box  .metabox .entry-author a {
  font-size: 13px;
  color: white;
}
.our-team:hover .team-share{
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.our-team:hover .team-share i{
  color: white;
}
#team .owl-dots, #latest-news .owl-dots {
  margin-top: 40px;
}
/* --------- Worldwide --------- */
#worldwide span.main-heading-part2 {
  color: var(--color-secondry);
}
.global-people-stats-count {
  color: #212121;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 10px;
}
.global-people-stats-text {
  color: #848484;
  font-weight: 600;
  margin-bottom: 34px;
}
.worldwide-block .media-body {
  position: relative;
}
.worldwide-block span.progress-title {
  color: black;
  font-weight: 600;
  font-size: 14px;
}
.worldwide-block span.progress-vlaue {
  font-size: 14px;
  color: #848484;
  font-weight: 600;
}
.progress-data .progress {
    height: 6px;
    background-color: #D9D9D9;
}
.progress-data .progress .progress-bar {
    background-color: black;
}* --------- Causes --------- */
.causes-item {
  box-shadow: 0px 2px 6px #00000029;
  border-radius: 10px;
  background-color: white;
  padding: 16px;
  margin: 3px;
  position: relative;
}
.causes-title-box-inner h5 a {
  color: black;
  font-size: 18px;
  font-weight: 700;
}
.causes-text {
  color: #2B2B2B;
}
.causes-item .give-goal-progress {
  background-color: rgb(215 40 47 / 15%);
  padding: 0 14px 33px 14px;
  border-radius: 10px;
  margin-top: 10px;
}
/* .give-goal-progress .give-progress-bar>span:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  border: 2px solid var(--color-primary);
  position: absolute;
  bottom: -3px;
  right: 0;
  z-index: 1;
} */
.give-goal-progress .give-progress-bar {
  background: #D9D9D9;
  border-radius: 25px;
  height: 6px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.give-goal-progress .give-progress-bar>span {
  background: var(--color-primary) !important;
  overflow: visible;
  position: relative;
}
.give-goal-progress .progress-bar {
  overflow: visible;
}
.campaign-content {
    padding: 13px 13px;
}
span.progress-label {
  position: absolute;
  top: -37px;
  background-color: black;
  color: white;
  z-index: 9999999;
  padding: 1px 11px;
  border-radius: 23px;
  font-size: 10px;
  right: -30px;
}
span.progress-label:after {
    content: '';
    background-color: black;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    bottom: -4px;
    transform: rotate(45deg);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.campaign-card-inner {
  background-color: white;
  box-shadow: 0px 0px 9.7px 0px #00000040;
  border-radius: 20px;
  position: relative;
}
.campaign-excerpt {
    font-size: 14px;
    color: #8C8C8C;
}
.campaign-button i {
  margin-right: 4px;
}
.campaign-image img {
  border-radius: 20px;
}
span.progress-amount-value {
    color: black;
    font-size: 16px;
}
.progress-stats span.raised, .progress-stats span.goal {
    color: #8C8C8C;
    font-weight: 600;
    font-size: 14px;
}
h3.campaign-title {
  font-weight: 600;
  font-size: 18px;
}
.campaign-progress {
  margin: 45px 0 19px 0;
}
.campaign-button {
    position: absolute;
    bottom: -26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.causes-container .give-goal-progress {
  margin-bottom: -2px;
}
.causes-container .give-goal-progress .raised {
  margin-bottom: 15px;
  display: none;
}
.give-campaign-page .page-thubmnail {
  display: none;
}
.give-goal-progress .give-progress-bar {
  overflow: visible;
}
.percentage-number {
  position: absolute;
  right: -7px;
  font-size: 12px;
  font-weight: 700;
  color: #000000;
  top: 10px;
}
.give-goal-progress .income {
  font-size: 14px;
}
.goal-income-wrapper, .goal-text-wrapper {
  font-weight: 700;
  color: #000000;
}
.income, .goal-text {
  color: #000000;
  font-weight: 100;
}
.total-goal {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.causes-btn a.theme_button, .about_btn a.theme_button, .events-btn a.theme_button, .news-box a.theme_button{
  background-color: black;
  color: white;
}
.causes-btn a.theme_button i, .about_btn a.theme_button i, .events-btn a.theme_button i, .news-box a.theme_button i{
  background-color: white;
  color: black;
}
.causes-btn a.theme_button:hover, .about_btn a.theme_button:hover, .events-btn a.theme_button:hover, .news-box:hover a.theme_button{
  background-color: var(--color-primary);
  color: white;
}
.causes-btn a.theme_button:hover i, .about_btn a.theme_button:hover i, .events-btn a.theme_button:hover i, .news-box:hover a.theme_button i{
  background-color: white;
  color: var(--color-primary);
}
.give-category {
  background-color: var(--color-primary);
  display: inline-block;
  border: 5px solid white;
  padding: 4px 18px;
  position: absolute;
  top: 5px;
  border-radius: 12px;
  left: 5px;
  color: white;
  font-size: 12px;
}
.givewp-donation-form-link, .givewp-donation-form-modal__open, .givewp-donation-form-link:active, .givewp-donation-form-link:focus, .givewp-donation-form-link:focus-visible, .givewp-donation-form-link:hover, .givewp-donation-form-modal__open:active, .givewp-donation-form-modal__open:focus, .givewp-donation-form-modal__open:focus-visible, .givewp-donation-form-modal__open:hover {
  background: var(--color-primary) !important;
}
.givewp-campaign-goal__progress-bar-progress {
  background: var(--color-primary) !important;
}
.campaign-button a.donate-button.theme_button {
    background-color: white;
    border: 1px solid #000000;
    color: black;
}
.campaign-button a.donate-button.theme_button:hover {
    background-color: #000000;
    border: 1px solid #000000;
    color: white;
}
/*------------------ Statistics -------------------*/
#statistics .section-tagline {
  background-color: white;
  color: #212121;
}
#statistics .section_main_head h3 {
  color: white;
}
#statistics .section_main_head .section-text, #statistics .section_main_head .section-text p {
    color: white;
    font-size: 14px;
}
#statistics a.theme_button.theme_button2 {
  background-color: white;
  color: #000000;
}
#statistics a.theme_button.theme_button2 i {
  margin-right: 7px;
}
#statistics a.theme_button.theme_button2:hover{
  background-color: var(--color-primary);
  color: white;
}
.statistics-head.section_main_head {
    padding-bottom: 4em;
}
.pie-bar-1, .pie-bar-2 {
    position: relative;
    text-align: center;
}
text.pie-text-1, text.pie-text-2 {
  visibility: hidden;
}
.pie svg, .pie {
  width: 118px !important;
  height: 120px !important;
  position: relative;
}
.pie svg circle {
  stroke-width: 6px;
}
span.pie-title {
  color: white;
  font-size: 13px;
}
.bar-value {
    position: absolute;
    color: white;
    font-weight: 600;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.pie-bar-1, .pie-bar-2 {
    position: relative;
}
.statistics-image {
    margin-top: -14em;
}
#statistics {
    padding-bottom: 0;
    background-attachment: fixed;
}
.team_img img{
    transition: all 0.5s ease 0s;
    /* width: 100%; */
    max-width: 67%;
    margin: 0 auto;
    text-align: center;
}
.team_outer:hover img, .news-box:hover .post-image-block img{
    transform: scale(1.2) translate(4%, 4%);
}
.team_img, .post-image-block {
    position: relative;
}
.team-img {
  background-color: white;
  box-shadow: 0px 0px 21.9px 0px #00000040;
  border-radius: 20px;
  padding-top: 3em;
}
.testimonials-row {
  margin: 0 auto;
}
.testimonial-block.testimonial_outer:hover:after{
  background-color: var(--color-primary);
  transition: all .6s ease;
}
.testimonial-block.testimonial_outer:hover .testimonials-info p, .testimonial-block.testimonial_outer:hover .testimonial-title a{
  color: white
}
/* --------- News Hover --------- */
.news-box .post-image-block, .eventBox .event-image {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.news-box .post-image-block img:first-child, .eventBox .event-image img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateX(50%) scaleX(2);
  opacity: 0;
  filter: blur(10px);
  transition: all 0.4s ease-in-out;
}
.news-box .post-image-block img, .eventBox .event-image img {
    border-radius: 14px;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 500ms ease;
}
.news-box:hover .post-image-block img:nth-child(2), .eventBox:hover .event-image img:nth-child(2) {
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    filter: blur(10px);
}
.news-box:hover .post-image-block img:first-child, .eventBox:hover .event-image img:first-child {
    transform: translateX(0) scaleX(1);
    opacity: 1;
    filter: blur(0);
}
.news-content{
  padding: 15px;
}
.news-box .box img, .news-box .box{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.news-box h5 a{
  color: #333333;
  font-size: 20px;
  font-weight: 600;
}
.news-box .box {
  color: #fff;
  background: var(--color-primary);
  font-family: 'Signika', sans-serif;
  text-align: center;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  border-radius: 11px;
}
.news-box .box img{
    width: 100%;
    height: auto;
    transform: translateY(0) rotate(0) scale(1.5);
    transition: all 0.4s ease;
}
.news-box:hover .box img{
    opacity: 0.35; 
    transform: translateY(12px) rotate(-20deg) scale(1.5);
}
.news-box .box .box-content{
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%) scale(0);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-out;
}   
.news-box:hover .box .box-content{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.news-box .box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.news-box .box .icon li{
    margin: 0 5px 0 0;
    display: inline-block;
}
.news-box .box .icon li a{
    color: var(--color-primary);
    background: #fff;
    font-size: 20px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    display: block;
    transition: all 0.3s ease 0s;
}
.news-box .box .icon li a:hover{
    color: #fff;
    background-color: var(--color-primary);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
}
.news-box .box .icon li  a i{line-height:inherit;}
/* --------- About Us --------- */
#about-us span.main-heading-part2 {
  color: var(--color-secondry);
}
#about-us .section_main_head .primary_text, #about-us .section_main_head .primary_text p{
  color: var(--color-primary);
}
.about-head.section_main_head .second_text, .about-head.section_main_head .second_text p{
  color: #6b6b6b;
}
/*------------------- Records ------------------*/
.record-text {
    color: white;
    font-size: 14px;
}
.records-media-body {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    background-color: #000000C2;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 23px;
    border-radius: 20px;
}
.records-content, .records-image img {
  border-radius: 20px;
}
.count-box-number.box-count {
    font-size: 34px;
    top: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: white;
    background-color: transparent;
    line-height: 37px;
    display: flex;
}
.records-info {
  padding: 0px 12px;
}
.records-info h6, .records-info h6 a {
  font-size: 18px;
  color: white;
  font-weight: 600;
  padding-top: 0;
}
.record-text {
  color: white;
  font-size: 12px;
  line-height: 17px;
}
.records-content-wrap {
    position: relative;
    z-index: 9;
}
.records-media-body {
  overflow: hidden;
}
.records-media-body::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background-color: var(--color-primary);
  z-index: 0;
  transition: height 0.5s ease-in-out;
}
.records-media-body:hover::before {
  height: 100%;
}
#records .owl-stage-outer {
  padding-bottom: 10px;
}
.record_detail, .record-content-block {
  text-align: center;
}
.section-heading {
  color: #222222;
  font-weight: 500;
  font-size: 28px;
}

.social-profiles  a {
  color: #707D95;
  background-color: white;
  width: 35px;
  height: 35px;
  display: inline-block;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 14px;
  margin-right: 3px;
}
.social-profiles  a:hover {
    background-color: var(--color-primary);
    color: white;
}

/*------------------- Our Products ------------------*/
#our-products {
  position: relative;
}
.flash_product:hover .custom_product_meta a{
  background-color: var(--color-primary);
  color: white;
}
.flash_product:hover .custom_product_meta .add_to_cart_button:before{
  color: white;
}
.product-shape1 {
  position: absolute;
  top: 22%;
  left: -1%;
}
.product-shape2 {
  position: absolute;
  bottom: 11%;
  right: -1%;
}
span.onsale {
  background-color: #de3618;
  color: white;
  font-size: 14px;
  padding: 5px 17px;
  line-height: 20px;
  display: inline-block;
  border-radius: 4px;
  border-radius: 5px;
  background-color: #ffae34;
}
.our_products-col{
  padding: 5px;
  border-radius: 10px;
  filter: drop-shadow(3.009px 3.993px 15px rgba(0,0,0,0.06));
  background-color: #ffffff;
}
.product-sale {
  position: absolute;
  top: 10px;
  left: 10px;
}
.product_img_box img {
  width: 100%;
}
.average-star-rating {
  color: #797979;
}
.product-box {
  padding: 0px 10px 15px 10px;
}
.average-star-rating i {
  color: #faa72a;
  font-size: 13px;
  margin-right: 3px;
}
.price-box del {
  color: #ababab;
  font-weight: 700;
}
.flash_product  h5 a {
  font-size: 18px;
  color: #222222;
  font-weight: 500;
}
.flash_product h5 {
padding-top: 0;
}
.price-box ins {
  font-weight: 700;
  text-decoration: none;
  color: #222222;
}
.flash_product .custom_product_meta a {
transition: all 0.3s ease 0s;
}
.flash_product .custom_product_meta a {
  display: block;
  font-size: 14px;
  padding: 10px 20px;
  width: 100%;
  border-radius: 23px;
  background-color: transparent;
  border: 1px solid #797979;
  color: #797979;
  font-weight: 400;
}
.custom_product_meta .add_to_cart_button:before {
  content: "\f07a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #797979;
  font-size: 14px;
  margin-right: 6px;
}
.custom_product_meta {
  margin-top: 13px;
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 10px;
}
.flash_product:hover .custom_product_meta {
  opacity: 1;
}
.flash_product {
margin-bottom: 30px;
}
.flash_product .add_to_cart_button.ajax_add_to_cart.added {
display: none;
}
.custom_product_meta .added_to_cart:before {
  content: "\f07a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #797979;
  font-size: 14px;
  margin-right: 6px;
}
.custom_product_meta .added_to_cart {
margin-left: 8px;
display: none;
}
.custom_product_meta .add_to_cart_button.ajax_add_to_cart.loading::after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
font-weight: 400;
color: white;
position: absolute;
top: 30%;
left: 0;
right: 0;
transform: translateY(-50%);
display: block;
z-index: 9999;
display: block;
/* width: 10px; */
/* height: 10px; */
font-size: 16px;
text-align: center;
animation: spin 2s linear infinite;
}
.custom_product_meta .add_to_cart_button.ajax_add_to_cart.loading::before{
visibility: hidden;
}
@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}
.flash_product .yith-wcwl-add-button a span {
display: none;
}
.flash_product .yith-wcwl-add-button a i {
  font-size: 16px;
  color: #333333;
  background-color: transparent;
  margin: 0;
  padding: 6px 7px;
}
.product_img_box {
  position: relative;
  margin-bottom: 10px;
}
.flash_product  a.added_to_cart.wc-forward {
margin-left: 0px;
}
.product-quick-meta {
  position: absolute;
  top: 6px;
  right: 10px;
  transition: all 0.3s ease 0s;
}
.flash_product:hover  .price-rating-block {
display: none !important;
transition: all 0.3s ease 0s;
}
.flash_product:hover  .custom_product_meta {
display: block;
transition: all 0.3s ease 0s;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.flash_product .yith-wcwl-wishlistexistsbrowse i {
  font-size: 19px;
  color: white;
  background-color: black;
  padding: 6px 7px;
  border-radius: 8px;
  margin: 0;
}
.flash_product .yith-wcwl-wishlistexistsbrowse a {
  display: none !important;
}
.flash_product i.yith-wcwl-icon.fa.fa-heart {
  font-size: 16px;
  color: #f23333;
  padding: 6px 7px;
  border-radius: 8px;
  margin: 0;
  background-color: transparent;
}
.flash_product span.feedback {
    font-size: 0;
}

/*----------------- Product Star Rating--------------*/
.woocommerce ul.products li.product .star-rating{
  color: #fcb01f;
  margin: 0 auto;
  display: block;
  float: none;
  overflow: hidden;
  position: relative;
  height: 1.7em;
  line-height: 1;
  font-size: 1em;
  width: 7.4em;
  font-family: star;
}
.star-rating {
  color: #FEC004;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.9em;
  font-family: star;
}
.star-rating:before{
 content: "\73\73\73\73\73";
 color: #FEC004;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 font-size: 12px;
 letter-spacing: 5px;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  font-size: 12px;
  letter-spacing: 5px;
}
.rating-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
}
.review_count {
  color: #808080;
  font-size: 12px;
}
.price-box-rating {
  display: flex;
  justify-content: space-between;
}
.wishlist_table.mobile li .item-details h3 a {
  font-size: 18px;
  color: black;
  font-weight: 500;
}
.wishlist_table.mobile li .item-details h3 {
  padding-top: 0;
}
.wishlist_table.mobile li .item-details table.item-details-table td {
  font-size: 14px;
}
.wishlist_table.mobile li table.additional-info td {
  font-size: 14px;
}
.wishlist_table.mobile .product-add-to-cart a {
  display: table!important;
  margin: 0 auto 5px!important;
  text-align: center;
  background-color: black;
  display: inline-block;
  padding: 7px 15px;
  border-radius: 6px;
  margin: 0 auto;
  color: white;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  text-align: center;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share {
  text-align: center;
  float: none;
}
.wishlist_table.mobile li .item-wrapper .item-details {
  width: 100%;
  text-align: center;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
  margin: 0 auto;
  display: block;
}
.woocommerce .wishlist-title h2 {
  display: none;
  margin: 0;
}
.woocommerce .wishlist-title {
  margin: 0;
}
.wishlist_table.mobile li .item-details table.item-details-table, .wishlist_table.mobile li table.additional-info {
  margin: 0 auto;
  width: auto;
}
.wishlist_table.mobile li .item-wrapper {
  width: 100%;
}
.woocommerce .woocommerce-cart-form__cart-item td, .woocommerce table.shop_table td, .woocommerce .woocommerce-error, .woocommerce table.shop_table th {
  text-align: left;
}
#top-seller .yith-wcwl-wishlistaddedbrowse a, #blockbustor-deals .yith-wcwl-wishlistaddedbrowse a, #deals .yith-wcwl-wishlistaddedbrowse a {
  display: none;
}
.wishlist_table.mobile li {
  margin-bottom: 7px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 20px;
}
.yith-wcwl-wishlistaddedbrowse {
    text-align: left;
}
/*------------------- Video ------------------*/
#video {
  padding-top: 0;
  position: relative;
}
.video-image img {
  width: 100%;
  border-radius: 18px;
}
/* span.video-title {
  color: white;
  font-weight: 600;
  position: relative;
  top: -5px;
  margin-left: 9px;
} */

a.video_icon {
    background-color: white;
    width: 36px;
    height: 36px;
    display: inline-flex;
    color: black;
    border-radius: 50%;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0px;
    left: -5px;
}
a.video_icon:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 1px;
  right: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  opacity: 0;
  z-index: -2;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-name: shadow-blink;
  -webkit-animation-name: shadow-blink;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: white;
}
a.video_icon {
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  z-index: 9;
  position: relative;
}
@-webkit-keyframes shadow-blink {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(1.7);
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        -o-transform: scale(1.7)
    }
}

@keyframes shadow-blink {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(1.7);
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        -o-transform: scale(1.7)
    }
}
a.video_icon:hover {
  background-color: #333333;
}
.video-block {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}
.video-shape-image {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* ----------- Testimonials ------------- */
#testimonials .owl-dots {
  margin-top: 1em;
}
.testimonials-heading {
  color: #222222;
  font-weight: 600;
  font-size: 20px;
}
#testimonials .owl-carousel .owl-stage-outer {
    padding: 14px 0;
}
.testimonial_box {
  position: relative;
}
.testimonial-image-quote .testimonial-quote i {
    color: rgb(0 0 0 / 10%);
    font-size: 50px;
    padding-top: 14px;
}
.testimonial_outer > img {
  margin-bottom: 30px !important;
  display: block;
}
.owl-carousel .owl-item .testimonials_image img {
    width: auto !important;
    height: auto;
    border-radius: 50%;
    position: relative;
    z-index: 99;
    width: 73px !important;
}
.testimonial-block.testimonial_outer:after {
    content: '';
    background-color: white;
    box-shadow: 0px 0px 21.9px 0px #00000040;
    position: absolute;
    width: 86%;
    height: 100%;
    /* left: 0; */
    right: 0;
    display: block;
    top: 0;
    border-radius: 20px;
    border: 4px solid white;
    transition: all .6s ease;
}
.testimonial-block.testimonial_outer {
    padding: 16px 16px 16px 0px;
    border-radius: 10px;
    position: relative;
    /* display: flex; */
    /* border: 1px solid #FFFFFF66; */
    position: relative;
}
.testimonial-data.quote_box {
    border-radius: 10px;
    background-color: white;
    padding: 19px;
}
i.fas.fa-star {
  font-size: 14px;
  color: #FFAE00;
}
.testimonial-title a {
  font-size: 18px;
  position: relative;
  color: black;
  font-weight: 600;
}
.testimonials-rating {
    width: 31px;
    margin-right: 13px;
    display: flex;
    align-items: end;
    justify-content: center;
}
.testimonial-title a {
  font-size: 18px;
  position: relative;
  color: black;
  font-weight: 600;
}
.testimonial-quote svg path {
    stroke: var(--color-primary);
}
.testimonials_image {
  margin-right: 10px;
}
.t-desig {
  font-size: 14px;
  display: block;
  color: #000000;
  font-weight: 400;
}
.testimonials-info p {
  margin-bottom: 0;
  color: #848484;
  font-weight: 400;
  line-height: 19px;
  font-size: 13px;
}
.testimonials-info p{
  margin-bottom: 0;
}
.custom-testimonials-nav.owl-nav {
  /* text-align: left; */
  position: relative;
}
.testimonial-block .media {
  align-items: center;
  position: relative;
  z-index: 99;
}
.testimonials_image img {
    width: auto !important;
    height: auto;
    border-radius: 50%;
    position: relative;
    z-index: 99;
    width: 73px !important;
}
h5.testimonial-title {
    padding-bottom: 0;
    padding-top: 0;
}
.custom-testimonials-dots.owl-dots {
  position: relative;
  margin-top: 4em;
}
.testimonial_box {
    transition: all .6s ease;
    padding: 10px 16px 10px 0;
}
.testimonials-info {
  padding: 6px 0 0 0px;
  margin-bottom: 0;
  margin-top: 0px;
  border-radius: 0;
}
#testimonials button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -65px;
}
#testimonials button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -65px;
}
/*-----------------------faq--------------------------*/
#our-faq {
    padding-top: 0;
}
.faq-block {
  transition: background-color 0.3s ease;
}
/* .faq-block.open, .faq-block:hover {
    background: var(--color-primary);
} */
#our-faq span.main-heading-part2 {
  color: var(--color-secondry);
}
/* #accordionfaq .faq-block:hover button.accordion-button, #accordionfaq .faq-block:hover button.accordion-button:after{
  color: white;
} */
.faq-block {
  padding: 18px;
  border-radius: 15px;
  margin-bottom: 22px;
  box-shadow: 0px 0px 21.9px 0px #00000040;
}
.faq-block:last-child {
    margin-bottom: 0;
}
.faq-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

#accordionfaq button.accordion-button {
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  padding: 0;
  border: none;
  margin-bottom: 0;
  width: 100%;
  display: block;
  box-shadow: none;
  text-transform: capitalize;
  border-radius: 0;
  font-weight: 500;
}
#our-faq .accordion-body {
  padding: 10px 10px 10px 0px;
}
#our-faq .accordion-item {
  border-radius: 0;
}
#accordionfaq button.accordion-button:after {
  content: "";
  position: relative;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  font-size: 14px;
  background-image: none;
  top: 1px;
  color: black;
  padding: 0px 4px 4px 3px;
  border-radius: 50%;
}
#accordionfaq button.accordion-button[aria-expanded="true"]:after {
  content: "\f077";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 1px;
  color: black;
  font-family: "Font Awesome 5 Free";
  border: none;
  font-size: 14px;
}
#accordionfaq button.accordion-button[aria-expanded="false"]:after {
  content: "\f078";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: 1px;
  color: black;
  border-color: transparent;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion-item {
  margin-bottom: 15px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0px;
}
.accordion-body {
  padding: 10px;
}
.accordion-collapse {
  padding: 0px;
  border-top: none;
  margin-top: 16px;
}
h4.accordion-header button{
  padding: 12px 12px;
  background-color: var(--color-fe5970) !important;
  border-radius: 7px;
}
.accordion-header {
  padding: 0;
}
.accordion-button:focus{
  box-shadow: none;
}
/* #accordionfaq button.accordion-button:not(.collapsed) {
  color: white;
} */
 /* #accordionfaq  .faq-block.open button.accordion-button {
    color: white;
} */
.accordion-body p {
  font-size: 15px;
  color: #848484;
  margin: 0;
  font-weight: 300;
}
#accordionfaq button.accordion-button:after {
  position: absolute !important;
  right: 9px;
  top: 54% !important;
  transform: translateY(-50%) !important;
  padding: 0;
  font-size: 16px !important;
}

/* ----------- Latest News ------------- */
a.theme_button.theme_button3 {
    background-color: var(--color-primary);
}
#latest-news .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  right: -72px;
  transform: translateY(-50%);
}
#latest-news .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  left: -72px;
  transform: translateY(-50%);
}
.news-content {
  padding: 13px 0;
}
span.full-date {
  color: #999999;
  font-weight: 500;
  padding-left: 14px;
  font-size: 14px;
}
.odd-box .post-category, .odd-box .read-more a {
  color: var(--color-primary); 
}

.even-box .post-category, .even-box  .read-more a {
 color: var(--color-secondry); 
}
.news-content ul.post-categories a {
  color: var(--color-primary);
  font-weight: 400;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 16px;
}
.news-date {
  font-weight: 400;
  color: #797979;
}
.news-comment a {
  color: #c3c3c3;
  font-size: 14px;
}
.sep {
  padding: 0 6px;
}
.news-comment {
  margin-left: 20px;
}
.post-metabox {
  margin: 0;
}
.news-date-comment i {
  color: var(--color-primary);
  font-size: 14px;
  margin-right: 7px;
}
.read-more a {
  padding: 0;
  display: inline-block;
  border-radius: 5px;
  display: inline-block;
  margin-top: 0;
  color: black;
  font-size: 14px;
  font-weight: 500;
}
.news-text p {
  font-size: 14px;
  color: #666666;
}
.read-more a:hover, .news-box:hover .read-more a{
  color: var(--color-primary);
}
.read-more a i {
    padding-left: 8px;
}
.news-text {
  margin-top: 10px;
  color: #000000;
  font-weight: 300;
}
.news-date-comment{
  margin-bottom: 11px;
}
a.post_link {
  font-weight: 500;
  font-size: 16px;
}
a.post_link:hover {
  color: white;
}
.news-comment i {
  margin-right: 10px;
}
.post-metabox {
  margin-bottom: 20px;
  position: relative;
}
#latest-news {
  position: relative;
}
.news-box-outer {
  position: relative;
}
.half-width-heading {
    max-width: 50%;
    margin: 0 auto;
}
/*---------------Contact Us ---------------*/
#contact-us-form-section .section-text {
  color: #81848A;
}
.contact-us-contact p {
  margin-bottom: 0;
  color: #222222;
  font-weight: 600;
  line-height: 1;
}
.contact-us-git-block .media {
    margin-bottom: 30px;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #EBEBEB;
}
.media-icon {
  width: 56px;
  height: 56px;
  background-color: var(--color-secondry);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  border-radius: 12px;
  color: white;
  margin-right: 10px;
}
a.contact-us-contact-text {
  color: #81848A;
  font-weight: 400;
  padding-top: 6px;
  display: block;
}
.contact-us-git-block:nth-child(2) a.contact-us-contact-text {
    text-decoration: underline;
}
a.contact-us-contact-text:hover{
  color: var(--color-secondry);
}
.contact-us-git-block {
  display: block;
}
.contact-us-contact i {
  color: white;
  font-size: 22px;
}
#contact-section .header-git-block i {
  background-color: #000000;
}
#contact-section .section_main_head h3 {
  color: white;
  font-weight: 700;
  font-size: 31px;
}
#contact-section .section_main_head .section-text, #contact-section .section_main_head .section-text p{
  max-width: 100%;
}
.wpcf7-date {
    position: relative;
}
#contact-us-form-section label {
  width: 100%;
}
.contact-us_form_head{
  box-shadow: 0px 4px 30px 0px #0000000A;
  border-radius: 40px;
  padding: 34px;
  border: 1px solid #F5F5F5;
}
.contact-us-git-block:hover .media-icon{
    background-color: black;
    color: white;
}
.contact-us-form-shortcode  input[type="submit"] {
    color: #222222;
    background-color: transparent;
}
.contact-us-git-block:last-child .media {
    border-bottom: none;
}
.contact-us-form-shortcode  input[type="submit"]:hover {
    color: white;
    background-color: var(--color-secondry);
    border-color: var(--color-secondry);
}
#contact-us-form-section input[type="text"], input[type="number"], #contact-us-form-section input[type="email"], #contact-us-form-section input[type="phno"], #contact-us-form-section input[type="password"], #contact-us-form-section textarea, #contact-us-form-section select {
  background-color: white;
  border-radius: 39px;
  padding: 8px 18px;
  width: 100%;
  color: #666666;
  box-shadow: 0px 0px 21.9px 0px #00000040;
  border: none;
  font-size: 14px;
}
.contact-us-form-shortcode {
  text-align: center;
}
#contact-us-form-section button i {
  margin-right: 10px;
}
#contact-us-form-section button {
  background-color: #000000;
  color: white;
  border: none;
  padding: 8px 47px;
  border-radius: 34px;
  margin-top: 12px;
}
#contact-us-form-section button:hover{
  background-color: var(--color-primary);
  color: white;
}
.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding-right: 40px; /* Space for icon */
  height: 40px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.custom-select i.fa-chevron-down {
  position: absolute;
  right: 12px;
  top: 38%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #333;
  font-size: 16px;
}

#contact-us-form-section input[type="text"]::placeholder, input[type="number"]::placeholder, #contact-us-form-section input[type="email"]::placeholder, #contact-us-form-section input[type="phno"]::placeholder, #contact-us-form-section input[type="password"]::placeholder, #contact-us-form-section textarea::placeholder {
  color: #666666;
  font-size: 14px;
}
.contact-us_form_head h3 {
    position: relative;
    color: var(--color-secondry);
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 12px;
}
#contact-us-form-section textarea {
  height: 115px;
}
#contact-us-form-section label {
  width: 100%;
  color: #FFFFFFB2;
}
.wpcf7-date::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}
.wpcf7-date:before {
  content: "\f073";
  font-weight: 900;
  color: #4B3941;
  /* background: none; */
  display: block;
  font-family: "Font Awesome 5 Free";
  width: 15px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: -21px;
  z-index: 99;
}
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
    overflow: visible;
}
.contac_form .wpcf7-date:before {
    top: 0;
}
/*-------------- Owl crousel ---------------*/
button.owl-prev, button.owl-next {
  border: none;
  padding: 0;
}
.owl-carousel .owl-dots, .owl-dots {
    text-align: center;
    margin-top: 29px;
}
.owl-carousel .owl-dots button.owl-dot, .owl-dots button.owl-dot {
  background-color: #3D0D7B33 !important;
  border: none;
  margin-right: 8px;
  outline: none;
  border: none;
  border-radius: 50%;
  padding: 0;
  height: 14px !important;
  width: 14px !important;
  display: inline-block;
  border: none;
}
.owl-carousel .owl-dots button.owl-dot:last-child, .owl-dots button.owl-dot:last-child {
  margin-right: 0;
}
.owl-carousel button.owl-dot.active, button.owl-dot.active {
    background-color: var(--color-primary) !important;
}
.owl-carousel .owl-item img {
  width: auto !important;
  height: auto;
}
.owl-carousel .owl-nav i, .owl-nav i {
  border: none;
  transition: .3s ease;
  opacity: 1;
  padding: 0;
  color: #292D32;
  padding: 12px 12px;
  font-size: 16px;
  border: none;
  border: 1px solid #D8DBEA;
  writing-mode: tb-rl;
  border-radius: 50%;
}
.owl-carousel .owl-nav button.owl-prev i:hover, .owl-nav button.owl-prev i:hover, .owl-carousel .owl-nav button.owl-next i:hover, .owl-nav button.owl-next i:hover{
  color: var(--color-primary);
}
button.owl-prev {
  margin-right: 7px;
}
.owl-nav {
  margin-top: 20px;
  text-align: center;
}
.owl-carousel .owl-item .post-image-block img {
    width: 100% !important;
    border-radius: 11px;
}
.woocommerce .woocommerce-breadcrumb {
  display: none;
}
.dot-image {
    position: absolute;
    top: 2em;
    right: 3em;
}

/*-------------- Newsletter ---------------*/
#newsletter_section .section_main_head h3 {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 25px;
}
.newsletter-container {
  background-color: var(--color-primary);
  padding: 24px;
  text-align: center;
  border-radius: 30px;
  border: 7px solid white;
}
#newsletter_section input[type="email"] {
  width: 100%;
  background-color: white;
  border-radius: 40px;
  border: none;
  font-size: 16px;
  color: black;
}
#newsletter_section input[type="email"]::placeholder {
  font-size: 16px;
  color: #707D95;
}

.newsletter_shortcode input[type="submit"] {
  background-color: #000000;
  position: absolute;
  right: 6px;
  top: 4px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.newsletter_shortcode input[type="submit"]:hover {
  background-color: var(--color-primary);
  color: black;
}
.outer-footer div#newsletter_section {
    margin-bottom: -5em;
    position: relative;
    z-index: 9;
}
.newsletter_shortcode {
  max-width: 70%;
  margin: 25px auto 0 auto;
}
.flash_product .yith-wcwl-add-button a .fa-heart-o:before {
  content: "\f004";
}
.news-box h5 a:hover{
  color: var(--color-primary);
}
#sb_instagram .sbi_photo img {
    border-radius: 3px;
}
.footer-col4 p {
    margin: 0;
}
.sbi_photo_wrap {
  position: relative;
  overflow: hidden;
}

.sbi_photo_wrap::after {
  content: "\f16d";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 23px;
  color: #fff;
  /* background: rgba(61, 13, 123, 0.6); */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.sbi_photo_wrap:hover::after {
  opacity: 1;
}
.sbi_photo_wrap:hover .sbi_photo::after {
    content: '';
    background-color: #3D0D7B80;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
}
#our-causes_category span.tagline-icon, #volunthrive span.tagline-icon, #team span.tagline-icon, #testimonials span.tagline-icon, #team span.tagline-icon, #contact-us-form-section span.tagline-icon {
  background-color: var(--color-primary);
}

#latest-news span.main-heading-part2, #causes span.main-heading-part2 {
  color: var(--color-secondry);
}
/*------------------ Events ---------------*/
.event-content h5 a {
  color: black;
}
.event-type span {
    color: var(--color-primary);
}
.event-text p {
    color: #666666;
}
 .eventBox .event-image img {
    border-radius: 20px;
}