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

.not-404-button svg path {
  fill: #000;
}
.not-404-button svg {
  margin-left: 10px;
}

/*====== Charity Theme Other Page CSS Start =======*/

.wpe-charity-innerpage-banner-section .e-con-inner {
  width: max-content;
  box-shadow: 0px 3px 10px #00000029;
  border-radius: 10px;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  margin-top: 0px;
  padding: 15px 50px 8px 50px;
}
.wpe-charity-innerpage-banner-section {
  position: relative;
}
.wpe-charity-innerpage-banner-section .e-con-inner::after {
  border-left: 6px solid #12B6F3;
  position: absolute;
  content: '';
  height: 40px;
  left: 0;
  border-radius: 10px;
}
.wpe-charity-innerpage-banner-section .fbc-page .fbc-wrap .fbc-items li .fbc-separator {
  color: #000000 !important;
  padding: 0px 4px;
  font-size: 20px;
}
.wpe-charity-innerpage-banner-section .fbc-page .fbc-wrap .fbc-items {
  background-color: unset;
}
.wpe-charity-innerpage-banner-section .ha-page-title {
  margin-bottom: 0px;
  padding-top: 3px;
}
.wpe-charity-innerpage-banner-section .fbc-items li a {
  color: #000000 !important;
  opacity: 0.4;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
}
.wpe-charity-innerpage-banner-section  .fbc-page .fbc-wrap .fbc-items li {
  padding: 10px 2px 10px 2px;
}
.wpe-charity-innerpage-banner-section  .fbc-page .fbc-wrap .fbc-items li.active span{
  font: 500 18px/18px 'Quicksand';
}

/*====== Charity About Us Page CSS Start =======*/

.wpe-charity-aboutpage-second-section .e-con-inner {
  max-width: 1240px !important;
}
.wpe-charity-aboutpage-second-section-btn .ekit-wid-con .elementskit-btn {
  white-space: nowrap !important;
}
.wpe-charity-aboutpage-second-section-btn .ekit-wid-con .elementskit-btn svg {
  height: 30px;
  width: 30px;
  background: #12B6F3;
  padding: 8px 8px;
  border-radius: 6px;
}
.wpe-charity-aboutpage-second-section-btn .ekit-wid-con .elementskit-btn {
  align-items: center;
  display: flex;
  width: max-content;
}
.wpe-charity-aboutpage-second-section-btn .ekit-wid-con .elementskit-btn:hover {
  background-color: #12B6F3;
}
.wpe-charity-aboutpage-second-section-btn .ekit-wid-con .elementskit-btn:hover svg {
  background-color: #FFF;
}
.wpe-charity-aboutpage-second-section-btn .ekit-wid-con .elementskit-btn:hover svg path {
  fill: #12B6F3 !important;
}
.wpe-charity-aboutpage-reasons-section .elementskit-box-header img {
  width: 100%;
}
.wpe-charity-aboutpage-join-btn .ekit-wid-con .elementskit-btn svg {
  height: 30px;
  width: 30px;
  background: #12B6F3;
  padding: 8px 8px;
  border-radius: 6px;
}
.wpe-charity-aboutpage-join-btn .ekit-wid-con .elementskit-btn svg path {
  fill: #FFF !important;
}
.wpe-charity-aboutpage-join-btn .ekit-wid-con .elementskit-btn {
  align-items: center;
  display: flex;
  width: max-content;
  white-space: nowrap !important;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-tabs-wrapper {
  position: relative;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-tab-title:before {
  content: "\f140" !important;
  color: #000 !important;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  font-size: 20px !important;
  padding: 10px;
  border-radius: 50px;
  position: absolute;
  left: 12px;
  bottom: 12px;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-tab-content ul li  {
  margin-left: 20px;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-tab-content ul li::marker {
  color: #12B6F3;
  background-color: #12B6F3;
  font-size: 25px;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-tab-desktop-title.elementor-active:before {
  top: 0 !important;
  transform: translateY(0%) !important;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-tab-desktop-title.elementor-active:before {
  height: 0em !important;
  background: unset !important;
  top: 12px !important;
  border-right-style: unset !important;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-tab-desktop-title {
  padding: 20px 25px 20px 85px !important;
}
.wpe-charity-aboutpage-tab-section-tab .elementor-widget-tabs .elementor-tab-desktop-title {
  border: unset !important;
}
.wpe-charity-aboutpage-gallery-btn .ekit-wid-con .elementskit-btn svg {
  height: 30px;
  width: 30px;
  background: #FFF;
  padding: 8px 8px;
  border-radius: 6px;
}
.wpe-charity-aboutpage-gallery-btn .ekit-wid-con .elementskit-btn svg path {
  fill: #12B6F3 !important;
}
.wpe-charity-aboutpage-gallery-btn .ekit-wid-con .elementskit-btn {
  align-items: center;
  display: flex;
  width: max-content;
  white-space: nowrap !important;
}
.wpe-charity-aboutpage-tab-section .elementor-tabs-wrapper .elementor-tab-title {
  border-left: 7px solid #000 !important;
}
.wpe-charity-aboutpage-tab-section .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
  border-left: 7px solid #12B6F3 !important;
}
.wpe-charity-aboutpage-tab-section .elementor-widget-container h3 {
  border-bottom: 1px solid #12B6F3;
  width: max-content;
}

.wpe-charity-aboutpage-volunteer-section .ea-tm-social-icon-wrap {
  width: 26px;
  height: 26px;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm-carousel .ea-tm-social-icon {
  font-size: 0px !important;
  width: 0px !important;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm-carousel .ea-tm-social-links svg {
  width: 14px !important;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm-carousel .ea-tm-social-links svg path {
 fill: #FFF !important;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm-carousel .ea-tm-social-links li:hover svg path {
 fill: #12B6F3 !important;
}

.wpe-charity-aboutpage-volunteer-section .ea-team-member-carousel-wrap {
  overflow-x: clip;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm {
  position: relative;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm-description {
  position: absolute;
  top: -340px;
  left: 45%;
  right: 20px;
}
.wpe-charity-aboutpage-volunteer-section ul.ea-tm-social-links {
  position: absolute;
  right: 60px;
  bottom: 31px;
}
.wpe-charity-aboutpage-volunteer-section .swiper-container-wrap .swiper-button-prev  {
  position: absolute;
  top: -81px;
  left: unset;
  right: 65px;
  background-color: #000;
  border-radius: 8px;
  color: #fff;
  width: 38px;
  height: 38px;
}
.wpe-charity-aboutpage-volunteer-section .swiper-container-wrap .swiper-button-next  {
  position: absolute;
  top: -81px;
  background-color: #000;
  border-radius: 8px;
  color: #fff;
  width: 38px;
  height: 38px;
}
.wpe-charity-aboutpage-volunteer-section .fa-arrow-right, .wpe-charity-aboutpage-volunteer-section .fa-arrow-left {
  display: block;
}
.wpe-charity-aboutpage-volunteer-section .swiper-button-next:after, .wpe-charity-aboutpage-volunteer-section .swiper-button-prev:after {
  display: none;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm-content {
  background-color: #000000;
  padding: 20px;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm {
  background-color: #FDF4F4;
}
.wpe-charity-aboutpage-volunteer-section .ea-tm-wrapper .ea-tm-image img {
  padding: 20px 0 0 20px;
  margin-bottom: -7px;
}
.wpe-charity-aboutpage-third-section .e-con-inner {
  gap: 0px !important;
}
.wpe-charity-aboutpage-timeline1 .ha-horizontal-timeline-icon-box {
  display: none;
}
.wpe-charity-aboutpage-timeline1 .slick-track>div:nth-child(1) {
  visibility: hidden;
}
.wpe-charity-aboutpage-timeline1 .slick-track>div:nth-child(3) {
  visibility: hidden;
}
.wpe-charity-aboutpage-timeline1 .slick-track>div:nth-child(5) {
  visibility: hidden;
}
.wpe-charity-aboutpage-timeline1 h2.ha-horizontal-timeline-title {
  order: 1;
}
.wpe-charity-aboutpage-timeline1 .ha-horizontal-timeline-image {
  order: 2;
}
.wpe-charity-aboutpage-timeline1 .ha-horizontal-timeline-content {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}
.wpe-charity-aboutpage-timeline1 .ha-horizontal-timeline-title {
  text-align: center;
}
.wpe-charity-aboutpage-timeline2 .ha-horizontal-timeline-icon {
  margin: 10px auto !important;
  margin-left: 50%;
  width: 28px !important;
  height: 28px !important; 
  border: 3px solid #000;
}
.wpe-charity-aboutpage-timeline2 .ha-horizontal-timeline-date {
  display: none;
}
.wpe-charity-aboutpage-timeline2 .ha-horizontal-timeline-inner {
  display: none !important;
}
.wpe-charity-aboutpage-timeline2 .ha-horizontal-timeline-icon svg {
  display: none;
}
.wpe-charity-aboutpage-timeline2 .ha-horizontal-timeline-icon {
  background-color: #FFFFFF !important;
}
.wpe-charity-aboutpage-timeline2 .ha-horizontal-timeline-icon-box {
  margin-bottom: 0px !important;
}
.wpe-charity-aboutpage-timeline2 .ha-horizontal-timeline-block:nth-child(3) .ha-horizontal-timeline-icon{
  margin: 10px auto !important;
  margin-left: 50%;
  width: 28px !important;
  height: 28px !important; 
  border: 3px solid #12B6F3;
}
.wpe-charity-aboutpage-timeline3 .ha-horizontal-timeline-icon-box {
  display: none;
}
.wpe-charity-aboutpage-timeline3 .slick-track>div:nth-child(2) {
  visibility: hidden;
}
.wpe-charity-aboutpage-timeline3 .slick-track>div:nth-child(4) {
  visibility: hidden;
}
.wpe-charity-aboutpage-timeline3 .ha-horizontal-timeline-content {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}
.wpe-charity-aboutpage-timeline3 .ha-horizontal-timeline-title {
  text-align: center;
}

/*====== Charity About Us Page CSS End =======*/

/*====== Single Campaign Page CSS Start =======*/

.single-campaign-page-progress-bar {
  position: relative;
}
.single-campaign-page-time-box .d-flex:first-child { 
  border-left: 5px solid #12B6F3;
}
.single-campaign-page-time-box .d-flex {
  border-left: 5px solid #000;
  padding-left: 30px;
}
.single-campaign-page-progress-bar {
  background-color: #DCF4FD;
  box-shadow: 0px -20px #DCF4FD !important;
}
.campaign-donation-goal-progress-bar {
  max-width: calc(100% - 27%);
  margin: 0 auto;
}
.campaign-progress-bar-single-page .bar {
  position: relative;
}
.campaign-progress-bar-single-page span.bar:after {
  bottom: -4px;
  right: -17px;
  content: '';
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 4px solid #12B6F3;
  z-index: 9;
}
.charity-single-campaign-page-main-content {
  max-width: calc(100% - 27%);
}
.banner-campaign-box {
  padding: 0;
}
.charity-single-campaign-page-title {
  font: 600 30px/30px 'Quicksand' !important;
}
.single-causes-page-para p {
  font: 300 18px/35px 'Mulish', sans-serif;
  letter-spacing: 0.45px;
  color: #2B2B2B;
}
.campaign-share-icon .share_icon {
  display: inline-block !important;
}
.causes-social-share .flex-shrink-0 h4 {
  font: 400 24px/24px 'Quicksand';
  letter-spacing: 0px;
  color: #000000;
  line-height: unset;
  margin-bottom: 0px !important;
}
.campaign-share-icon .share_icon svg {
  color: #000000;
}
.campaign-share-icon .share_icon .hover-fx:hover {
  background-color: #12B6F3;
}
.campaign-share-icon .socila_share a:hover svg {
  color: #FFF !important;
}
.single-causes-content-title {
  color: #000000;
  font: 600 20px/20px 'Quicksand';
}
.causes-content-para-list .flex-shrink-0 svg path {
  fill: #12B6F3;
}
.causes-content-para-list .flex-grow-1 p {
  font: 300 18px/26px 'Mulish', sans-serif;
  letter-spacing: 0.45px;
  color: #2B2B2B;
}
.causes-content-para-list .flex-shrink-0 svg {
  font-size: 12px;
}
.causes-btn {
  background-color: #12B6F3;
  padding: 3px 6px 2px 15px;
  border-radius: 6px;
} 
.causes-btn:hover {
  background-color: #000000;
}
.causes-btn a {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
} 
.causes-btn a svg {
  background-color: #fff;
  color: #12B6F3;
  padding: 8px 8px;
  border-radius: 6px;
  margin-top: 3px;
} 
.causes-project-live-title {
  font: 500 20px/20px 'Quicksand';
  color: #000000;
}
.causes-project-live-para p {
  font: 300 16px/25px 'Mulish', sans-serif;
  letter-spacing: 0.4px;
  color: #2B2B2B;
}
.single-campaign-page-time-box .flex-shrink-0 svg {
  color: #12B6F3;
  font-size: 20px;
}
.single-campaign-page-time-box .flex-grow-1 h4 a {
  font: 600 28px/28px 'Quicksand';
  color: #000000;
}
.single-cause-bottom-comment-box {
  margin-top: 40px;
  background-color: #FDF4F4;
  padding: 40px;
}
.single-cause-bottom-comment-box {
  box-shadow: 300px 0 #FDF4F4;
}
.single-cause-bottom-comment-box .single-post-comment {
  margin-top: 1em !important;
  margin-bottom: 1em !important; 
}
.single-cause-page-category-name {
  margin: 0 auto;
  z-index: 1;
  text-align: center;
  width: max-content;
  background-color: #12B6F3;
  padding: 10px 25px;
  margin-top: -25px;
  color: #FFF;
  border-radius: 6px;
  box-shadow: 0px 0px 0px 6px #fff;
  font: 500 16px/25px 'Quicksand';
  letter-spacing: 0.35px;
}
.single-causes-page-para .average-rating {
  display: none;
}
.causes-project-live-para .average-rating {
  display: none;
}
.single-campaign .average-rating {
  display: none;
}
ol.comment-list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 30px;
}
/*====== Single Campaign Page CSS End =======*/

/*====== Single Event Page CSS Start =======*/
.charity-single-event-page {
  padding: 0;
}
.charity-single-event-page-main-content {
  max-width: calc(100% - 29%);
  margin-bottom: 6em;
}
.single-events-description-title {
  font: 600 30px/30px 'Quicksand';
  color: #010101;
}
.single-events-description-para p {
  font: 400 18px/45px 'Mulish', sans-serif;
  color: #1E1E1E;
}
.single-events-content-title {
  font: 600 30px/30px 'Quicksand';
  color: #010101;
}
.events-content-para-list li svg {
  font-size: 25px;
}
.events-content-para-list li svg path {
  fill: #12B6F3;
}
.events-content-para-list li {
  font: 300 18px/25px 'Mulish', sans-serif;
  color: #000000;
}
.single-events .btn {
  padding: 0;
}
.events-button {
  font: 400 18px/18px 'Quicksand';
  background-color: #000000;
  color: #ffffff;
  border-radius: 10px;
  padding: 9px 10px 9px 15px;
  letter-spacing: 0.4px;
}
.events-button svg {
  background-color: #FFF;
  padding: 8px 10px;
  width: 18px;
  height: 18px;
  border-radius: 6px
}
.events-button {
  display: flex;
  align-items: center;
  justify-content: center;
} 
.events-button svg path {
  color: #000000;
}
.events-btn a:hover {
  background-color: #12B6F3;
  color: #FFF;
}
.single-event-page-time-box {
  box-shadow: inset 0px 7px 0px #12B6F3, 0px 3px 6px #00000029;
  border-radius: 20px;
  padding: 35px 35px;
}
.single-event-page-time-box .flex-shrink-0 svg {
  color: #12B6F3;
}
.events-social-share .share_icon {
  display: inline-block;
}
.events-social-share .share_icon svg {
  color: #000;
}
.events-social-share .share_icon .hover-fx:hover {
  background-color: #12B6F3;
}
.events-social-share .share_icon .hover-fx:hover svg {
  color: #FFF;
}
.single-event-page-map iframe {
  border-radius: 20px;
  width: 100%;
} 
.single-event-page-time-box  .flex-grow-1 h4 {
  font: 600 20px/25px 'Quicksand';
  color: #010101;
}
.single-event-page-time-box  .flex-grow-1 p {
  font: 400 16px/30px 'Mulish', sans-serif;
  color: #1E1E1E;
}
/*====== Single Event Page CSS End =======*/


/*====== Comment Form Rating Code Start ========*/

.stars{
  color:#FFC107!important;
}
.commentmetadata a,.reply a{
  color:#000!important;
}
.average-rating{
  color:#FFC107!important;
}
.comment-author img{
border-radius:50%;
}
.rating-container>input+label:before {
display: inline-block;
text-indent: -9999px;
content: "\f154";
color: #888;
}
.comments-rating {
border: none;
padding: 0;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.rating-container {
font-size: 0;
display: flex;
justify-content: flex-end;
flex-direction: row-reverse;
}
.rating-container * {
font-size: 1.4rem;
}
.rating-container > input {
display: none;
}
.comments-rating {
border: none;
padding: 0;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.rating-container {
font-size: 0;
display: flex;
justify-content: flex-end;
flex-direction: row-reverse;
}
.rating-container * {
font-size: 1.4rem;
}
.rating-container > input + label {
font-family: 'dashicons';
display: inline-block;
overflow: hidden;
text-indent: 9999px;
width: 1em;
white-space: nowrap;
cursor: pointer;
margin: 0;
}
.rating-container > input + label:before {
display: inline-block;
text-indent: -9999px;
content: "\f154";
color: #888;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
content: "\f155";
color: #FFCC00;
text-shadow: 0 0 1px #333;
}
.rating-container > .star-cb-clear + label {
text-indent: -9999px;
width: .5em;
margin-left: -.5em;
}
.rating-container > .star-cb-clear + label:before {
width: .5em;
}
.rating-container:hover > input + label:before {
content: "\f154";
color: #888;
text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
content: "\f155";
color:#FFC107;
text-shadow: 0 0 1px #333;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
text-indent: 9999px;
}
.comment-respond .rating-container > input + label {
text-indent: -9999px;
}
.rating-container>input+label:before{
display: inline-block;
text-indent: -9999px;
content: "\f154";
color: #888;
}
#commentform label[for="rating"], .single-team #mphb_rooms_widget-1, .single-team #mphb_search_availability_widget-1,.single-testimonial #mphb_rooms_widget-1, .single-testimonial #mphb_search_availability_widget-1 {
display: none;
}

/*====== Comment Form Rating Code End ========*/


/*====== Comment Form Input Field Code Start ========*/
.single-post form#commentform {
  position: relative;
  display: grid;
}
.single-post .comment-form-url {
  display: none;
}
.single-post .comment-form-author {
  order: 1;
}
.single-post .comment-form-email {
  order: 2;
}
.single-post .comment-form-comment {
  order: 3;
}
.single-post .comments-rating {
  order: 4;
}
.single-post .comment-form-cookies-consent {
  order: 5;
}
.single-post .form-submit {
  order: 6;
}
.single-post .single-post-comment .comment-list {
  background-color: unset;
  position: relative;
}
.single-post .form-submit input[type="submit"] {
  font-family: "Quicksand", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background-color: #12B6F3;
  border-radius: 5px;
  padding: 12px 30px 12px 30px;
  margin-top: 15px;
}
.single-post .comment-list .comment {
  background: #ededed;
}
.single-post .single-post-comment .comment-list li::after {
  content: '';
  position: absolute;
  left: 23%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 90px solid transparent;
  border-top: 80px solid #ededed;
  clear: both;
}
.single-post .single-post-comment .comment-list li {
  border-radius: 30px;
}
/*====== Comment Form Input Field Code End ========*/

/*====== Campaign Comment Form Input Field Code Start ========*/
.single-campaign form#commentform {
  position: relative;
  display: grid;
}
.single-campaign .comment-form-url {
  display: none;
}
.single-campaign .comment-form-author {
  order: 1;
}
.single-campaign .comment-form-email {
  order: 2;
}
.single-campaign .comment-form-comment {
  order: 3;
}
.single-campaign .comments-rating {
  order: 4;
}
.single-campaign .comment-form-cookies-consent {
  order: 5;
}
.single-campaign .form-submit {
  order: 6;
}
.single-campaign .form-submit input[type="submit"] {
  font-family: "Quicksand", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background-color: #12B6F3;
  border-radius: 8px;
  padding: 12px 30px 12px 30px;
  margin-top: 15px;
}
.single-campaign .single-post-comment {
  margin-top: 5em;
  width: 100%;
  /* background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029; */
  border-radius: 10px;
}
/*====== Campaign Comment Form Input Field Code End ========*/

/*====== Charity Form Start ========*/

form#charitable-donation-form {
  max-width: calc(100% - 25%);
  margin: 0 auto;
}

/*====== Charity Form End ========*/

/*====== Campaign Page Start ========*/
.campaign-page-btn{
  /* position: absolute; */
  background: #3AAFA9 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 15px 20px;
  color: #fff;
  font: 500 20px/20px 'Quicksand';
}
/*====== Campaign Page End ========*/

/*====== Member Joining Form Start ========*/

.member-joining-form .input-group p {
  margin-bottom: unset !important;
}
.member-joining-form .form-control {
  width: 459px !important;
  background-color: #F5F5F5;
}
.member-joining-form>div {
  margin-top: 20px;
}
.member-joining-form .input-group-text p svg {
  width: 16px !important;
}
.member-joining-form-textarea {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 40px !important;
  width: 96% !important;
}
.member-joining-form-textarea textarea {
  background-color: #F5F5F5 !important;
  width: 1048px;
}
.member-joining-form .wpcf7-submit::before {
  content: "\f30b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.wpe-charity-member-join-page .form-control {
  border: 0px solid #ced4da;
  padding: 10px;
}
.wpe-charity-member-join-page .input-group-text {
  border: 0px solid #ced4da;
}
.wpe-charity-member-join-page .member-join-checkbox {
  font: 300 16px/31px 'Mulish';
  letter-spacing: 0.72px;
  color: #383838;
}
.wpe-charity-member-join-page .wpcf7-checkbox .wpcf7-list-item-label {
  font: 300 16px/31px 'Mulish';
  letter-spacing: 0.72px;
  color: #383838;
}
.wpe-charity-member-join-page .member-join-checkbox-content p {
  font: 300 16px/31px 'Mulish';
  letter-spacing: 0.72px;
  color: #383838;
}
.wpe-charity-member-join-page textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 0px 0 #fff;
}
.wpe-charity-member-join-page {
  box-shadow: 2px 80px #FDF4F4 !important;
}
.wpe-charity-member-join-page .wpcf7-submit {
  padding: 13px 0;
  display: block;
  width: 100%;
  background: #12B6F3;
  color: #fff;
  margin-top: 40px;
  border: none;
  border-radius: 10px;
}
.wpe-charity-fund-raise-page .wpcf7-spinner {
  display: none;
}
.wpe-charity-fund-raise-page .wpcf7-response-output {
  margin: 1.5em 0em 1em !important;
  padding: 8px 10px !important;
  border: 1px solid #12B6F3 !important;
}

/*====== Member Joining Form End ========*/

/*====== Fund Raise Form Start ========*/

.fund-rase .input-group p {
  margin-bottom: unset !important;
}
.fund-rase .form-control {
  width: 459px !important;
  background-color: #F5F5F5;
}
.fund-rase>div {
  margin-top: 20px;
}
.fund-rase .input-group-text p svg {
  width: 16px !important;
}
.fund-rase-form-textarea {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 40px !important;
  width: 96% !important;
}
.fund-rase-form-textarea textarea {
  background-color: #f5f5f5;
  width: 1048px;
}
.wpe-charity-member-join-page-btn .wpcf7-spinner {
  display: none;
}
.wpe-charity-member-join-page-btn .wpcf7-response-output {
  margin: 1.5em 0em 1em !important;
  padding: 8px 10px !important;
  border: 1px solid #12B6F3 !important;
}

/*====== Fund Raise Form End ========*/

/*====== Event Single Page CSS Start ========*/

.charity-single-event-page {
  /* margin-top: -65px; */
}

/*====== Event Single Page CSS End ========*/

/*====== Charity Blog Single Page CSS Start ========*/

.charity-single-blog-page {
  /* margin-top: -65px !important; */
}
.banner-image {
  background-size: 100% 100% !important;
  height: 250px;
}
.single-post-nav .nav-previous {
  text-align: left;
}
.single-post-nav .nav-next {
  text-align: right;
}
#single_post .post_share {
  margin-top: 15px;
}
.single-page-metaimage{
  padding: 0rem 5rem;
}
div#respond {
  font-family: 'Quicksand';
}
#single_post .feature-box img {
  z-index: -10;
  width: 100%;
  margin-top:0px;
}
.banner-image {
  background-size: cover;
}
.single-post .blog-single-page-banner-left h1 {
  font-size: 35px;
  font-weight: 600;
  font-family: 'Quicksand';
  color: #000000;
}
.blog-single-page-banner-left {
  font-family: 'Quicksand';
  height: 250px;
  /* width: 45% !important; */
  background-color: #FFFFFF;
  color: #000 !important;
  margin: 0px 0px;
  /* padding: 0px 0px 0px 260px; */
  border-radius: 0px 10px 10px 0px;
  box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -495px 1px 10px 0 #00000029;
}
.content-box {
  background-color: #fff;
  margin-top: -100px;
  padding-top: 30px !important;
}
.single-page-title {
  font: 600 30px/60px 'Quicksand';
  color: #242424;
  font-family: 'Quicksand';
}
.single-author-image img {
  width: 25%;
  border-radius: 50%;
}
.single-author-image{
  padding: 0px;
}
.single-author-image a{
  font: normal 20px/105px Poppins;
  letter-spacing: 0px;
  color: #242424;
  font-family: 'Quicksand';
}
.single-blog-content p {
  font: 400 20px/45px 'Mulish', Sans-serif;
  color: #242424;
  font-family: 'Quicksand', Sans-serif;
  padding-top: 20px;
}
.meta-box-question {
  font: 600 29px/50px 'Quicksand';
  color: #242424;
}
.single-page-metaimage img {
  width: 100%;
} 
.single-post-social-box .cat-item a {
  font: 400 14px/18px 'Quicksand', Sans-serif;
  color: #242424;
}
li.cat-item {
  list-style-type: none;
}
.single-post-social-box li a {
  padding: 5px 15px;
  border: 1px solid #BCBCBC;
  border-radius: 5px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}  
.single-page-metabox {
  align-items: center;
}
span.entry-date,span.entry-comments {
  font: normal 20px/105px 'Quicksand';
  color: #707070;
  font-family: 'Quicksand';
}
.single-post-comment {
  margin-top: 8em;
  margin-bottom: 8em;
  width: 60%;
  /* background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029; */
  border-radius: 10px;
}
.single-post-nav .nav-previous {
  text-align: left;
}
.single-post-nav .nav-next {
  text-align: right;
}
.form-submit input[type="submit"] {
  font-family: "Quicksand", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  background-color: #3AAFA9;
  border-radius: 5px;
  padding: 15px 30px 12px 30px;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  width: 100%;
  padding: 8px 10px;
}
.blog-single-page-banner-left {
  position:relative;
  align-items: center;
  display: flex;
}
.single-post-nav .nav-links {
  display: flex;
  justify-content: space-between;
}
.hover-fx {
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  color: #A06F48;
  background-color: rgba(255, 255, 255, 0.1);
  transition: 300ms;
}
.hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
  /* box-shadow: 0 0 0 3px #000; */
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}
.hover-fx:hover {
  background-color: #12B6F3;
}
.hover-fx:hover svg path {
  fill: #fff;
}
.hover-fx:hover:after {
  opacity: 1;
  transform: scale(1.15);
}
.single-post-nav .nav-links a {
  font: 400 20px/45px 'Quicksand';
  color: #242424;
}
.single-post-nav span.meta-nav {
	display: block;
	color: #A1A1A1;
  font-weight: 500;
  font: 300 18px/45px 'Quicksand';
}
.single-post-comment .comment-author.vcard img {
  border-radius: 50%;
  padding: 12px;
  position: relative;
}
.single-post-comment .comment-list li {
  background: #fff;
  padding: 25px;
  border-radius: 40px;
  margin-bottom: 120px;
  width: 100%;
}
.comment-list .comment {
  position: relative;
}
.single-post-comment .comment-list {
  background-color: #FDF4F4;
  position: relative;
}
.single-post-comment .comment-respond {
  background-color: #fff;
  padding: 50px;
  border-radius: 10px;
}
.single-post-comment .comment-list li::after {
  content: '';
  position: absolute;
  left: 23%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 90px solid transparent;
  border-top: 80px solid #FFF;
  clear: both;
}
.single-post-comment .comment-list .fa-quote-left {
  margin-right: 0px;
  font-size: 33px;
  color: #fff !important;
  background: #000000;
  padding: 13px 15px;
  border-radius: 50px;
  position: absolute;
  left: 43%;
  z-index: 9;
  top: -36px;
}
.efarm-blog-page .ea-item {
  -webkit-box-shadow: 0px 0px 57px 0px rgb(0 0 0 / 11%);
  box-shadow: 0px 0px 57px 0px rgb(0 0 0 / 11%);
  padding: 20px;
}
.efarm-blog-page .ea-text p {
  padding: 20px 0;
}
.efarm-blog-page .ea-button-wrap {
  padding-top: 20px;
}
.efarm-blog-page span.ea-readmore-icon {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
}
.ebs-single-post-page {
  width: 100%;
  min-width: calc(100% - 20%);
  margin: 0 auto;
  margin-block: 3%;
}
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
  width: 100%;
}
#commentform label {
  display: block;
}
.form-submit input, .post-readmore {
  font-family: "Manrope", Sans-serif;
  text-transform: uppercase;
  background-color: #286016;
  padding: 20px 15px 15px 15px;
  color: #fff;
  font-size: 16px;
  border: none;
}
.ebs-single-post-page .single-content, .ebs-single-post-page .metabox {
  margin-block: 10px;
}
.ebs-single-post-page .metabox > *:not(:last-child) {
  margin-inline-end: 20px;
}
.ebs-single-post-page .metabox i, .ebs-single-post-page .socila_share a {
  color: #000;
  line-height: 36px;
}
.ebs-single-post-page path {
  fill: #000;
}
.ebs-single-post-page .metabox :is(span, a) {
  font-size: 16px;
  color: #707070;
  font-weight: 400;
}
.ebs-single-post-page .post_ctg {
  display: flex;
}
.ebs-single-post-page .post_ctg ul {
  margin-inline-start: 10px;
}
.ebs-single-post-page .post_ctg ul a, .logged-in-as a {
  color: #000;
  font-weight: 700;
}
.share_icon {
  position: relative;
}
.social-btn{
display: inline-block;
width: 50px;
height: 50px;
background: #f1f1f1;
margin: 6px;
border-radius: 30%;
box-shadow: 0 5px 15px -5px #00000070;
color: #3498db;
overflow: hidden;
position: relative;
}
.socila_share svg {
  padding: 0px;
}
.social-btn path{
  line-height: 50px;
  font-size: 26px;
  transition: 0.2s linear;
}
.social-btn i{
line-height: 50px;
font-size: 26px;
transition: 0.2s linear;
}
.social-btn:hover i{
transform: scale(1.3);
color: #fff;
}
.socila_share b {
  position: relative;
  top: -25px;
}
.efarm-blog-page .ea-item {
  -webkit-box-shadow: 0px 0px 57px 0px rgb(0 0 0 / 11%);
  box-shadow: 0px 0px 57px 0px rgb(0 0 0 / 11%);
  padding: 20px 20px 55px;
}
.efarm-blog-page .ea-text p {
  padding: 20px 0;
}
.efarm-blog-page .ea-button-wrap {
  padding-top: 20px;
}
.ebs-single-post-page {
  margin: 0 auto;
  /* margin-top: 50px; */
}
.efarm-feature-box-sec {
  position: absolute;
  top: -8em;
  z-index: 9;
}
.efarm-feature-box-sec p.elementor-icon-box-description {
  width: 92%;
}
.single-post .comment-respond {
  box-shadow: 0px 3px 6px #00000029;
}
.single-post .average-rating {
  display: none;
}
/*====== Blog Single Page CSS End ========*/

/*====== Our Causes Page CSS Start ========*/

.wpe-charity-causepage-top-section {
  box-shadow: 2px 80px #FDF4F4 !important;
}
.campaign-item2 {
  padding: 25px 25px 25px 25px;
  margin: 10px 0px;
  border-radius: 10px;
  box-shadow: 0px 1px 6px #00000029;
  background-color: #FFF;
}
.campaign-item2 .campaign-poster a img {
  height: 220px;
  border-radius: 10px;
  object-fit: cover;
}
.campaign-btn2 {
  font: 600 16px/22px 'Quicksand';
  letter-spacing: 0.4px;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 9px 9px 9px 12px;
  color: #fff;
  display: flex;
  align-items: center;
  width: max-content;
}
.campaign-btn2 .fa-hand-holding-hand {
  background-color: #FFF;
  padding: 7px;
  border-radius: 6px;
  margin-left: 15px;
}
.campaign-btn2:hover svg path {
  fill: #12B6F3 !important;
}
.campaign-btn2 svg path {
  fill: #000000;
}
.campaign-btn2:hover{
  background: #12B6F3;
  color: #fff;
}
.campaign-pagination {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  gap: 20px;
  margin-top: 40px;
}
.campaign-pagination .page-numbers.current {
  background-color: #12B6F3;
  color: #fff;
  border: unset;
}
.campaign-pagination .page-numbers:not(.prev) {
  border: 1px solid #BFBFBF;
}
.campaign-pagination .next.page-numbers, .campaign-pagination .prev.page-numbers {
  background-color: #FDF4F4;
  color: #000;
  border: 1px solid #BFBFBF;
}

/*====== Our Causes Page CSS End ========*/

/*=========== Charity Events Page Section CSS Start ============*/

.wpe-charity-events-page .e-con-inner {
  overflow-x: clip;
}
.wpe-charity-events-page .ea-amox-grid .ea-item:hover .ea-img-wrap .ea-img {
  transform: unset;
}
.wpe-charity-events-page .ea-amox-grid .ea-item  .ea-img-wrap img {
  height: 370px;
}
.wpe-charity-events-page .ea-amox-grid .ea-content {
  display: grid;
}
.wpe-charity-events-page .ea-amox-grid .ea-title {
  order: 2;
}
.wpe-charity-events-page .ea-amox-grid .ea-meta {
  order: 1;
}
.wpe-charity-events-page .ea-amox-grid .ea-text-wrap {
  order: 3;
}
.wpe-charity-events-page .ea-amox-grid .ea-button-wrap {
  order: 4;
}
.wpe-charity-events-page .ea-amox-grid .ea-category {
  margin-bottom: 0px;
}
.wpe-charity-events-page .ea-amox-grid .ea-meta {
  background-color: #12B6F3;
  width: 100%;
  padding: 12px;
  border-radius: 0 0 10px 10px;
  justify-content: space-evenly;
}
.wpe-charity-events-page .ea-title {
  padding-top: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1 !important;
}
.wpe-charity-events-page .ea-button-wrap a {
  font: 600 16px/16px Quicksand;
  text-transform: capitalize;
}
.wpe-charity-events-page .ea-text p {
  padding-bottom: 4px;
  font: 400 16px/25px 'Mulish';
  letter-spacing: 0.45px;
  color: #2B2B2B;
}
.wpe-charity-events-page .fa-hand-holding-hand {
  padding: 9px;
  background-color: #fff;
  border-radius: 8px;
  margin-left: 15px;
}
.wpe-charity-events-page .ea-readmore-icon {
  display: flex;
  align-items: center;
  background-color: #000;
  max-width: max-content;
  padding: 7px 7px 7px 12px;
  border-radius: 10px;
  color: #fff;
}
.charitable-donation-form.charitable-template-minimal .donation-amounts.donation-suggested-amount li label {
  display: block !important;
}
.wpe-charity-events-page .ea-button-wrap a .ea-readmore-icon svg path {
  fill: #000000;
}
.wpe-charity-events-page .ea-author a {
  color: #fff;
}
.wpe-charity-events-page .ea-author {
  margin-left: 10px;
}
.wpe-charity-events-page span.ea-readmore-icon:hover {
  background-color: #12B6F3;
}
.wpe-charity-events-page .ea-button-wrap a:hover .ea-readmore-icon svg path {
  fill: #12B6F3;
}
.wpe-charity-events-page .ea-amox-grid .ea-date::before {
  content: "\f073";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  color: #fff;
  padding: 7px 8px;
  border-radius: 50px;
}
.wpe-charity-events-page .ea-author:before {
  content: "\f007" !important;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  font-size: 10px;
  padding: 8px 8px;
  border-radius: 50px;
}
.wpe-charity-events-page .eicon-comments::before {
  content: "\f086" !important;
  color: #FFF;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  font-size: 11px;
  margin-right: 4px;
  padding: 7px 7px;
  border-radius: 50px;
}
.wpe-charity-events-page .ea-amox-grid .ea-img-wrap img {
  height: 374px;
  border-radius: 10px 10px 0 0;
}
.wpe-charity-events-page {
  box-shadow: 2px 80px #FDF4F4 !important;
}

/*=========== Charity Events Page Section CSS End ============*/

/*=========== Charity Donation Form CSS Start ============*/

.charitable-donation-form.charitable-template-minimal .donation-amounts.donation-suggested-amount li {
  border: unset !important;
}
.charitable-donation-form.charitable-template-minimal .donation-amounts li span.description {
  margin: 0 auto !important;
  font-size: 20px !important;
  line-height: 21px !important;
}
input.custom-donation-input {
  border: 1px solid #000 !important;
}
.single-campaign .attachment-post-thumbnail {
  margin-top: 0px;
}
#charitable-donation-form {
  max-width: calc(100% - 29%) !important;
  margin: 0 auto;
  margin-bottom: 80px !important;
}
.charitable-donation-form .donation-amounts .donation-amount>label {
  padding: 14px 14px;
}
.charitable-donation-form .donation-amounts .donation-amount {
  margin: 0px 15px 0px 15px;
  border: 1px solid #ddd;
  /* background-color: #000; */
  color: #000;
  list-style: none;
  border-radius: 10px;
  width: -webkit-fill-available;
  border: 1px solid #000 !important;
}
.charitable-donation-form .custom-donation-input {
  margin-top: 20px;
  /* max-width: 100%;
  background-color: #fff;
  position: absolute;
  left: 111%;
  padding: 14px 14px;
  border-radius: 10px;
  border: 1px solid #000;
  top: 0; */
}
.charitable-donation-form .donation-amounts .donation-amount .amount {
  /* color: #000; */
}
.charitable-donation-options {
  display: inline-block;
  width: 100%;
}
.charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
  margin-right: 15px;
}
.donation-amounts .custom-donation-amount {
  margin-top: 20px !important;
}
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper {
  padding: 0px;
}
.custom-donation-amount-wrapper .description {
  color: #000000;
}
.charitable-donation-form .donation-amount.selected{
  /* background-color: unset !important; */
}
.charitable-form-fields #charitable_field_first_name_element, #charitable_field_last_name_element, #charitable_field_email_element {
  padding: 14px 14px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
}
#charitable-donor-fields {
  border-radius: 10px;
}
.charitable-fieldset {
  border-radius: 10px;
  margin-top: 50px !important;
}
.charitable-submit-field .donate-button svg {
  margin-left: 15px;
}
.charitable-submit-field .donate-button {
  font: 600 16px/22px 'Quicksand';
  letter-spacing: 0.4px;
  background: #12B6F3;
  border-radius: 10px;
  padding: 9px 9px 9px 12px;
  color: #fff;
  display: flex;
  align-items: center;
  width: max-content !important;
}
.charitable-submit-field .donate-button .fa-hand-holding-hand {
  background-color: #FFF;
  padding: 7px;
  border-radius: 6px;
  margin-left: 15px;
}
.charitable-submit-field .donate-button:hover svg path {
  fill: #12B6F3 !important;
}
.charitable-submit-field .donate-button svg path {
  fill: #000000;
}
.charitable-submit-field .donate-button:hover{
  background: #000;
  color: #fff;
}
/*=========== Charity Donation Form CSS End ============*/

/*=========== Charity Blog With No Sidebar Page CSS Start ============*/

.wpe-charity-blog-nosidebar-page .e-con-inner {
  overflow-x: clip;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-item:hover .ea-img-wrap .ea-img {
  transform: unset;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-item  .ea-img-wrap img {
  height: 280px;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-content {
  display: grid;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-title {
  order: 2;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-meta {
  order: 1;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-text-wrap {
  order: 3;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-button-wrap {
  order: 4;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-category {
  margin-bottom: 0px;
}
.wpe-charity-blog-nosidebar-page .ea-title {
  padding-top: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1 !important;
  line-height: 35px;
}
.wpe-charity-blog-nosidebar-page .ea-button-wrap a {
  font: 600 16px/16px Quicksand;
  text-transform: capitalize;
}
.wpe-charity-blog-nosidebar-page .ea-text p {
  padding-bottom: 4px;
  font: 400 16px/25px 'Mulish';
  letter-spacing: 0.45px;
  color: #2B2B2B;
}
.wpe-charity-blog-nosidebar-page .fa-hand-holding-hand {
  padding: 9px;
  background-color: #fff;
  border-radius: 8px;
  margin-left: 15px;
}
.wpe-charity-blog-nosidebar-page .ea-readmore-icon {
  display: flex;
  align-items: center;
  background-color: #000;
  max-width: max-content;
  padding: 7px 7px 7px 12px;
  border-radius: 10px;
  color: #fff;
}
.wpe-charity-blog-nosidebar-page .ea-button-wrap a .ea-readmore-icon svg path {
  fill: #000000;
}
.wpe-charity-blog-nosidebar-page .ea-author a {
  color: #8D99AE;
  pointer-events: none;
}
.wpe-charity-blog-nosidebar-page .ea-author {
  margin-left: 10px;
}
.wpe-charity-blog-nosidebar-page span.ea-readmore-icon:hover {
  background-color: #12B6F3;
}
.wpe-charity-blog-nosidebar-page .ea-button-wrap a:hover .ea-readmore-icon svg path {
  fill: #12B6F3;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-date::before {
  content: "\f073";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  color: #fff;
  background-color: #12B6F3;
  padding: 7px 8px;
  border-radius: 50px;
}
.wpe-charity-blog-nosidebar-page .ea-author:before {
  content: "\f007" !important;
  color: #fff;
  background-color: #12B6F3;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  font-size: 10px;
  padding: 8px 8px;
  border-radius: 50px;
}
.wpe-charity-blog-nosidebar-page .eicon-comments::before {
  content: "\f086" !important;
  color: #FFF;
  background-color: #12B6F3;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  font-size: 11px;
  margin-right: 4px;
  padding: 7px 7px;
  border-radius: 50px;
}
.wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-img-wrap img {
  height: 374px;
  border-radius: 10px;
}
.wpe-charity-blog-nosidebar-page {
  box-shadow: 2px 80px #F2FBFF !important;
}

/*=========== Charity Blog With No Sidebar Page CSS End ============*/

/*====== Charity Blog Left Sidebar Page CSS Start =======*/
.wpelemento-charity-blog-left-sidebar-page {
  box-shadow: 2px 80px #F2FBFF !important;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-heading{
  font: 600 28px/30px Quicksand;
  color: #000;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-search__button {
  padding: 10px;
  font: 600 18px/18px Quicksand;
  background-color: #000000;
  border-radius: 6px;
  color: #FFFFFF;
  border: unset;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-search__button:hover {
  background-color: #12B6F3;
  color: #FFFFFF;
}
.wpelemento-charity-blog-left-sidebar-page .wp-block-latest-posts__list li {
  padding: 24px 0;
}
.wpelemento-charity-blog-left-sidebar-page .wp-block-latest-posts__post-title {
  color: #000;
  font: 500 18px/28px Quicksand;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .widget_search {
  border: 1px solid #000;
  padding: 15px;
  background-color: #ffffff;
}
.wpelemento-charity-blog-left-sidebar-page-left-section #block-3 {
  border: 1px solid #000;
  padding: 15px;
  overflow-y: hidden;
  margin: 30px 0;
  background-color: #ffffff;
}
.wpelemento-charity-blog-left-sidebar-page-left-section #block-4 {
  border: 1px solid #000;
  padding: 15px;
  overflow-y: hidden;
  background-color: #ffffff;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-latest-posts__post-title {
  color: #000000;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-latest-posts.wp-block-latest-posts__list li {
  padding: 18px 0;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-latest-comments__comment .wp-block-latest-comments__comment-link {
  color: #000000;
}
.wpe-charity-blog-nosidebar-page .ep-pagination {
  margin-top: 40px;
}
.wpe-charity-blog-nosidebar-page .ea-pagination-previous a {
  padding: 10px 11px !important;
}
.wpe-charity-blog-nosidebar-page .ea-active a {
  padding: 11px 17px !important;
}
.wpe-charity-blog-nosidebar-page .ea-icon-arrow-left-5:before {
  color: #000000 !important;
  font-weight: 600;
}
/*====== Charity Blog Left Sidebar Page CSS End =======*/

/*====== Charity Contact Page CSS Start =======*/

.wpelemento-charity-contact-us-page-inner-box {
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 10px;
}
.wpelemento-charity-contact-us-page form p label {
  display: grid;
  gap: 8px;
  font: 500 18px/18px 'Quicksand';
}
.wpelemento-charity-contact-us-page form p label span {
  font: 400 16px/16px 'Quicksand';
}
.wpelemento-charity-contact-us-page form p label input, textarea {
  width: 100%;
}
.wpelemento-charity-contact-us-page textarea {
  height: 125px;
  border-radius: 5px;
  border: 1px solid #1212124D;
}
.wpelemento-charity-contact-us-page span.wpcf7-not-valid-tip {
  padding-top: 5px;
}
.wpelemento-charity-contact-us-page textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  padding: 10px 15px;
}
 .wpcf7-form-control-wrap:visited {
  background: transparent !important;
}
.wpelemento-charity-contact-us-page-inner-box .wpcf7-spinner {
  display: none;
}
.wpelemento-charity-contact-us-page-inner-box input.wpcf7-form-control.wpcf7-submit {
  padding: 15px 20px 15px 20px;
  background: #12B6F3;
  border-radius: 8px;
  border: unset;
  color: #fff;
  font: 500 18px/18px 'Quicksand';
}
.wpelemento-charity-contact-us-page-inner-box input.wpcf7-form-control.wpcf7-submit:hover {
  background: #000000;
}
.wpelemento-charity-contact-us-page-inner-box input[type="text"], input[type="email"] {
  background: unset !important;
  padding: 13px 15px;
  border-radius: 5px;
  border: 1px solid #1212124D;
}
.wpelemento-charity-contact-us-page-inner-box .wpcf7-form-control-wrap .wpcf7-form-control {
  background-color: #FFF !important;
}
.wpelemento-charity-contact-us-page-inner-box .wpcf7 form .wpcf7-response-output {
  margin: 1em 0em 1em;
  padding: 0.2em 1em;
  border: 1px solid #12B6F3;
}
.wpelemento-charity-contact-us-page-right form {
  position: relative;
}
.wpelemento-charity-contact-us-page-right form .fa-hand-holding-hand {
  position: absolute;
  left: 135px;
  bottom: 15px;
}

/*====== Charity Contact Page CSS End =======*/

/*====== Charity FAQ CSS Start =======*/

.wpelemento-charity-faq-page .ekit-wid-con .elementskit-accordion .elementskit-card-header>.elementskit-btn-link::before {
  border-radius: 10px;
}
.wpelemento-charity-faq-page .elementskit-card-header>.elementskit-btn-link {
  border-bottom: unset !important;
}
.wpelemento-charity-faq-page .elementskit-card-header>.elementskit-btn-link .ekit_accordion_icon_left_group {
  left: 17px !important;
  transform: translateY(-59%) !important;
}
.wpelemento-charity-faq-page-left .elementskit-accordion .elementskit-card-header>.elementskit-btn-link {
  border-radius: 10px; 
}
.wpelemento-charity-faq-page-right .elementskit-accordion .elementskit-card-header>.elementskit-btn-link {
  border-radius: 10px; 
}
.wpelemento-charity-faq-page .ekit-wid-con .icon.icon-up-arrow1::before {
  content: "\f0d8" !important;
  font-family: 'Font Awesome 5 free' !important;
  font-weight: 600;
  font-size: 30px;
}
/*====== Charity FAQ CSS End =======*/

.wpe-charity-menubox-section {
  /* position: relative; */
}
body:not(.home) .wpe-charity-menubox-section:after{
  /* content: '';
  position: absolute;
  top: 57%;
  width: 100%;
  height: 41%;
  left: 0;
  background: transparent linear-gradient(0deg, #F6B44100 0%, #000 100%) 0% 0% no-repeat padding-box; */
}
.wpe-charity-locationmenu-section {
  margin-bottom: -8px;
}
.campaign-donation-receipt .wpe-charity-primary-menu-section #menu-primary-menu li a {
  color: #000000 !important;
}

/*====== Charity Campaign Category Page CSS Start =======*/

.campaign-category-breadcrumb-content .bradcrumbs a {
  color: #000;
  opacity: 0.4;
  font: 400 18px/18px;
  text-transform: uppercase;
}
.campaign-category-banner-image {
  margin-top: -65px;
}
.campaign-category-breadcrumb-content {
  width: max-content;
  box-shadow: 0px 3px 10px #00000029;
  border-radius: 10px;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  margin-top: 35px;
  padding: 15px 50px 8px 50px;
}
.campaign-category-breadcrumb {
  display: flex;
  align-items: center;
  font-family: 'Quicksand';
  height: 250px;
  flex-direction: column;
  justify-content: center;
}
.tax-campaign_category .breadcrumb {
  font-family: 'Quicksand';
}
.tax-campaign_category .campaign-category-breadcrumb-content .campaign-category-title {
  font: 600 30/30 'Quicksand' !important;
}
.campaign-category-title-name nav.woocommerce-breadcrumb {
  font-family: 'Quicksand';
}
.category-campaign-donation-goal {
  font: 500 16px/16px 'Quicksand';
}
.campaign-item3 {
  padding: 25px 25px 25px 25px;
  margin: 10px 0px;
  border-radius: 10px;
  box-shadow: 0px 1px 6px #00000029;
  background-color: #FFF;
}
.campaign-item3 .campaign-poster img {
  height: 220px;
  border-radius: 10px;
  object-fit: cover;
}
.campaign-btn3 a {
  color: #FFF;
}
.campaign-btn3 {
  font: 600 16px/22px 'Quicksand';
  letter-spacing: 0.4px;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 9px 9px 9px 12px;
  color: #fff;
  display: flex;
  align-items: center;
  width: max-content;
}
.campaign-btn3 .fa-hand-holding-hand {
  background-color: #FFF;
  padding: 7px;
  border-radius: 6px;
  margin-left: 15px;
}
.campaign-btn3:hover svg path {
  fill: #12B6F3 !important;
}
.campaign-btn3 svg path {
  fill: #000000;
}
.campaign-btn3:hover{
  background: #12B6F3;
  color: #fff;
}
.tax-campaign_category .average-rating {
  display: none;
}


/*====== Charity Campaign Category Page CSS End =======*/


/* -------------Charity About Gallery Start ----------------- */

#gallery-1 img {
  border: unset !important;
}
#gallery-1 {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: repeat(3,330px);
  margin: 0;
  gap: 20px;
}
#gallery-1 .gallery-item {
  margin-top: 0px !important;
}
#gallery-1 .gallery-item:nth-child(1) {
  width: 100% !important;
  max-width: 100% !important;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 5;
}
#gallery-1 .gallery-item:nth-child(2) {
  width: 100% !important;
  max-width: 100% !important;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 5;
  grid-column-end: 10;
}
#gallery-1 .gallery-item:nth-child(3) {
  max-width: 100% !important;
  width: 100% !important;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 10;
  grid-column-end: 13;
}
#gallery-1 .gallery-item:nth-child(5) {
  max-width: 100% !important;
  width: 100% !important;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 8;
}
#gallery-1 .gallery-item:nth-child(6) {
  max-width: 100% !important;
  width: 100% !important;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 8;
  grid-column-end: 13;
}
#gallery-1 .gallery-item:nth-child(7) {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 5;
}
#gallery-1 .gallery-item:nth-child(9) {
  max-width: 100% !important;
  width: 100% !important;
  height: 75% !important;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 5; 
  grid-column-end: 9;
}
#gallery-1 .gallery-item:nth-child(10) {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 9;
  grid-column-end: 13;
}
#gallery-1 .gallery-item .landscape, #gallery-1 .gallery-item .portrait {
  height: 100% !important;
  object-fit: cover !important;
}
#gallery-1 .gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* -------------Charity About Gallery End ----------------- */

/* ------- Charity Donation Reciept Page CSS Start ------- */

.campaign-donation-receipt .sticky .ekit-menu-nav-link>i {
  color: #FFF !important;
}
.campaign-donation-receipt #menu-primary-menu .ekit-menu-nav-link:after {
  display: none !important;
} 
.campaign-donation-receipt .wpe-charity-primary-menu-section #menu-primary-menu li a {
  color: #000000 !important;
}
.campaign-donation-receipt .wpe-charity-primary-menu-section #menu-primary-menu .elementskit-submenu-panel li a:hover {
  color: #FFF !important;
}
.campaign-donation-receipt .sticky #menu-primary-menu .elementskit-submenu-panel li a {
  color: #000000 !important;
}
.campaign-donation-receipt .sticky #menu-primary-menu .elementskit-submenu-panel li a:hover {
  color: #FFF !important;
}
.campaign-donation-receipt .sticky #menu-primary-menu li a {
  color: #FFFFFF !important;
}
.campaign-donation-receipt .sticky #menu-primary-menu.elementskit-submenu-panel li a {
  color: #000000 !important;
}
.campaign-donation-receipt .donation-summary {
  width: 40%; 
  margin: 0 auto;
  padding: 60px 20px 20px 20px;
  background-color: #FDF4F4;
  margin-top: 50px;
}
.campaign-donation-receipt  p {
  width: 40%; 
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  background-color: #FDF4F4;
}
.campaign-donation-receipt .charitable-header {
  width: 40%; 
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  background-color: #FDF4F4;
}
.campaign-donation-receipt .donation-details {
  width: 40%; 
  margin: 0 auto;
  margin-bottom: 70px; 
  padding: 10px 20px 10px 20px;
  background-color: #FDF4F4;
  display: block;
  padding-bottom: 50px;
}
.campaign-donation-receipt .elementor-icon-box-content .elementor-icon-box-description {
  background-color:unset !important;
  padding:0px;
}
.campaign-donation-receipt .wpe-charity-footer-section .wpe-charity-footer-section-box1 .elementor-widget-container p  {
  width: unset; 
  margin: unset;
  padding: unset;
  background-color: unset;
}
.campaign-donation-receipt .wpe-charity-newsletter-box-shadow .elementor-widget-container p {
  width: unset;
  margin: unset;
  padding: unset;
  background-color: unset;
}
@media screen and (min-width:320px) and (max-width:767px) {
.campaign-donation-receipt  .donation-summary {
  width: 80%; 
}
.campaign-donation-receipt  p {
   width: 80%; 
}
.campaign-donation-receipt .charitable-header {
  width: 80%; 
}
.campaign-donation-receipt .donation-details {
   width: 80%; 
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.campaign-donation-receipt  .donation-summary {
  width: 65%; 
}
.campaign-donation-receipt  p {
   width: 65%; 
}
.campaign-donation-receipt .charitable-header {
  width: 65%; 
}
.campaign-donation-receipt .donation-details {
   width: 65%; 
}
}
@media screen and (min-width:992px) and (max-width:1024px) {
.campaign-donation-receipt  .donation-summary {
  width: 70%; 
}
.campaign-donation-receipt  p {
   width: 70%; 
}
.campaign-donation-receipt .charitable-header {
  width: 70%; 
}
.campaign-donation-receipt .donation-details {
   width: 70%; 
}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
.campaign-donation-receipt  .donation-summary {
  width: 70%; 
}
.campaign-donation-receipt  p {
   width: 70%; 
}
.campaign-donation-receipt .charitable-header {
  width: 70%; 
}
.campaign-donation-receipt .donation-details {
   width: 70%; 
}
}
@media screen and (min-width:1200px) and (max-width:1365px) {
.campaign-donation-receipt  .donation-summary {
  width: 50%; 
}
.campaign-donation-receipt  p {
   width: 50%; 
}
.campaign-donation-receipt .charitable-header {
  width: 50%; 
}
.campaign-donation-receipt .donation-details {
   width: 50%; 
}
}

/* ------- Donation Reciept Page CSS End ------- */


.single-campaign .login-prompt {
	display:none;
}
.wpe-charity-volunteers-gallery-section .elementor-widget-container a img::after {
  content: "\f067" !important;
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  font-size: 25px;
  color: #12B6F3;
  background: #12B6F3;
}
.wpe-charity-causepage-top-section {
  box-shadow: 2px 80px #FDF4F4 !important;
}


/*========= Search Blog Start ==========*/


.search-results .postbox img {
  object-fit: cover;
  height: 350px;
}




/*========= Search Blog End ==========*/


.campaign-donation-receipt .campaign-name {
  font: 700 19px / 22px Quicksand;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6 !important;
}


/*====== Charity Theme Other Page CSS End =======*/





/*====== Charity Theme Other Page CSS End =======*/












/*====== SEO About Us page CSS Start =======*/

.wpelemento-seo-banner-section {
  background-size: 100% 100% !important;
}
.wpelemento-seo-banner-leftside-section {
  box-shadow: -396px 0 0 0 #fff,1px 1px 10px 0 #00000029,-495px 1px 10px 0 #00000029;
}
.wpelemento-seo-banner-leftside-section h2 {
  width: max-content;
}
.wpelemento-seo-banner-leftside-section .hfe-page-title {
  position: relative;
  border-bottom: 3px solid #242424;
  width: 80px;
}
.wpelemento-seo-banner-leftside-section .woocommerce-breadcrumb a {
  color: #2B7A77 !important;
}
/*====== SEO About Us page CSS Start =======*/

/*====== SEO Services page CSS Start =======*/
.wpelemento-seo-services-page-section .ea-amox-grid .ea-img-wrap .ea-img {
  width: 68px;
  height: 68px;
  margin: 0 auto;
  text-align: center;
}
.wpelemento-seo-services-page-section .e-con-inner {
  gap: 0px;
}
.wpelemento-seo-services-page-section .ea-amox-grid .ea-item {
  text-align: center;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 20px;
}
.wpelemento-seo-services-page-section .ea-amox-grid .ea-item:hover .ea-img-wrap .ea-img {
  transform: unset;
}
.wpelemento-seo-services-page-section .ea-amox-grid .ea-button-wrap span {
  text-transform: capitalize;
  font: 600 20px/20px Quicksand;
}
.wpelemento-seo-services-page-section .ea-amox-grid .ea-button-wrap a.ea-readmore:hover {
  background: #3AAFA9 !important;
  color: #fff !important;
}
/*====== SEO Services page CSS End =======*/

/*====== SEO Blog No Sidebar Page CSS Start =======*/
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-item-box {
  padding: 35px 20px;
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-content > div {
  text-align: left;
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-title {
  margin-bottom: 5px !important;
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-img-wrap .ea-main-img .ea-img {
  z-index: 3;
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #2B7977;
  padding: 10px 190px 212px 11px;
  border-radius: 20px 10px 10px 10px;
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-item:hover .ea-main-img .ea-img {
  transform: scale(1);
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-button-wrap {
  margin-bottom: calc(0px * 2) !important;
  margin-top: 10px;
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-readmore {
  font: 600 20px/20px 'Quicksand';
  text-transform: capitalize;
}
.wpelemento-seo-blog-no-sidebar-page a.ea-readmore:hover {
 background-color: #3AAFA9 !important;
 color:#fff !important;
}
/*====== SEO Blog No Sidebar Page CSS End =======*/

/*====== SEO Blog Left Sidebar Page CSS Start =======*/
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-search__inside-wrapper input {
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #000;
}
.wpelemento-charity-blog-left-sidebar-page-left-section .wp-block-search__inside-wrapper {
  display: flex;
  gap: 10px;
}
.wpelemento-seo-blog-left-sidebar-page-left-section .wp-block-heading{
  font: 600 28px/30px Quicksand;
  color: #000;
}
.wpelemento-seo-blog-left-sidebar-page-left-section .wp-block-search__button {
  padding: 10px;
  font: 400 20px/20px Quicksand;
  background-color: #E2F3F2;
  color: #000;
}
.wpelemento-seo-blog-left-sidebar-page .wp-block-latest-posts__list li {
  padding: 24px 0;
}
.wpelemento-seo-blog-left-sidebar-page .wp-block-latest-posts__post-title {
  color: #000;
  font: 500 18px/20px Quicksand;
}
.wpelemento-seo-blog-left-sidebar-page-left-section .widget_search {
  border: 1px solid #000;
  padding: 15px;
  background-color: #ffffff;
}
.wpelemento-seo-blog-left-sidebar-page-left-section #block-3 {
  border: 1px solid #000;
  padding: 15px;
  overflow-y: hidden;
  margin: 30px 0;
  background-color: #ffffff;
}
.wpelemento-seo-blog-left-sidebar-page-left-section #block-4 {
  border: 1px solid #000;
  padding: 15px;
  overflow-y: hidden;
  background-color: #ffffff;
}
/*====== SEO Blog Left Sidebar Page CSS End =======*/

/*====== SEO Single Blog Page CSS Start =======*/

/*====== SEO Single Blog Page CSS End =======*/

/*====== SEO Single Services Page CSS Start =======*/
.services-single-page-banner-left {
  display: flex;
  align-items: center;
  font-family: 'Quicksand';
  height: 250px;
  background-color: #FFFFFF;
  color: #000 !important;
  margin: 0px 0px;
  border-radius: 0px 10px 10px 0px;
  box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -495px 1px 10px 0 #00000029;
}
.services-single-post-content p {
  font: 300 20px/35px 'Quicksand', Sans-serif;
  color: #1E1E1E;
}
.services-button {
  font: 600 24px/20px 'Quicksand', Sans-serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 5px;
  padding: 15px 20px;
}
.services-single-post-content .btn {
  padding: 0;
}
.services-button:hover {
  color: #ffffff;
}
.services-button a {
  color: #FFFFFF;
}
.services-single-post-content h2 {
  font: 600 30px/37px 'Quicksand', Sans-serif;
  color: #010101;
}
.services-meta-box-benefit {
  font: 600 30px/37px 'Quicksand', Sans-serif;
  color: #010101;
}
.single-services-post-list li {
  font: normal 19px/33px 'Quicksand', Sans-serif;
  color: #000000;
}
.single-services-post-list {
  position: relative;
}
.single-services-post-list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  content: "\f00c";
  color: #fff;
  margin-top: -12px;
  margin-left: -70px;
  width: 55px;
  height: 55px;
  background-color: #3AAFA9;
  border-radius: 50px;
  line-height: 55px;
  padding-left: 18px;
}
.single-services-post-list li {
  margin-left: 70px;
}
.services-single-bottom-post-content h2 {
  font: 600 30px/37px 'Quicksand', Sans-serif;
  color: #010101;
}
.services-single-bottom-post-content p {
  font: 300 22px/40px 'Quicksand', Sans-serif;
  color: #1E1E1E;
}
#single_post_services .feature-box-services img {
  min-width: calc(100% - 11%);
  margin: 0 auto !important;
  display: block;
}
.seo-single-services-page {
  width: 100%;
  max-width: calc(100% - 20%);
  margin: 0 auto;
}
.content-box-services {
  padding-top: 30px !important;
}
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
  width: 100%;
}
#commentform label {
  display: block;
}
.form-submit input, .post-readmore {
  font-family: "Manrope", Sans-serif;
  text-transform: uppercase;
  background-color: #286016;
  padding: 20px 15px 15px 15px;
  color: #fff;
  font-size: 16px;
  border: none;
}
.seo-single-services-page .single-content, .seo-single-services-page .metabox {
  margin-block: 10px;
}
.seo-single-services-page .metabox > *:not(:last-child) {
  margin-inline-end: 20px;
}
.seo-single-services-page .metabox i, .seo-single-services-page .socila_share a {
  color: #000;
}
.seo-single-services-page path {
  fill: #000;
}
.seo-single-services-page .metabox :is(span, a) {
  font-size: 16px;
  color: #707070;
  font-weight: 400;
}
.seo-single-services-page .post_ctg {
  display: flex;
}
.seo-single-services-page .post_ctg ul {
  margin-inline-start: 10px;
}
.seo-single-services-page .post_ctg ul a, .logged-in-as a {
  color: #000;
  font-weight: 700;
}
.seo-single-services-page {
  margin: 0 auto;
  margin-top: 50px;
}
/*====== SEO Single Services Page CSS End =======*/

/*====== SEO Single projects Page CSS Start =======*/
.single-projects-top-right-section {
  box-shadow: 0px 2px 6px #00000029;
  border-radius: 20px;
}
.projects-single-page-banner-left {
  display: flex;
  align-items: center;
  font-family: 'Quicksand';
  height: 250px;
  background-color: #FFFFFF;
  color: #000 !important;
  margin: 0px 0px;
  border-radius: 0px 10px 10px 0px;
  box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -495px 1px 10px 0 #00000029;
}
.seo-single-projects-page {
  width: 100%;
  max-width: calc(100% - 20%);
  margin: 0 auto;
}
.single-projects-top-right-section h5 {
  font: 600 20px/47px 'Quicksand', Sans-serif;
  color: #000000;
}
.single-projects-top-right-section .single-projects-top-right {
  font: normal normal 300 20px/47px 'Quicksand', Sans-serif;
  color: #000000;
}
.single-projects-top-right-section img {
  width: 90px;
  padding-top: 20px;
}
.projects-single-post-content p {
  font: normal 18px/40px 'Quicksand', Sans-serif;
  letter-spacing: 0px;
  color: #434242;
}
.projects-single-post-content-box1, .projects-single-post-content-box2 {
  background: #3AAFA9;
  border-radius: 20px;
  padding: 20px;
}
.projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3{
  font: normal normal 600 35px/65px 'Quicksand', Sans-serif;
  color: #FFFFFF;
}
.projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
  font: normal 18px/40px 'Quicksand', Sans-serif;
  color: #FFFFFF;
}
.projects-meta-box-list {
  font: bold 35px/1px 'Quicksand', Sans-serif;
  letter-spacing: 0.04px;
  color: #000000;
}
.projects-meta-box-list1 h3 , .projects-meta-box-list2 h3 {
  font: 600 25px/1px 'Quicksand', Sans-serif;
  letter-spacing: 0.03px;
  color: #000000;
}
.projects-meta-box-list1 li, .projects-meta-box-list2 li {
  font: normal 20px/54px 'Quicksand', Sans-serif;
  letter-spacing: 0.02px;
  color: #3B3B3B;
  margin-left: 20px;
}
.projects-meta-box-list1 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  content: "\f105";
  color: #3AAFA9;
  margin-left: -20px;
  line-height: 51px;
}
.projects-meta-box-list2 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  content: "\f105";
  color: #3AAFA9;
  margin-left: -20px;
  line-height: 51px;
}
.projects-single-about-right-content h2 {
  font: normal normal 600 40px/65px 'Quicksand', Sans-serif;
  color: #010101;
}
.projects-single-about-right-content p {
  font: normal 18px/40px 'Quicksand', Sans-serif;
  letter-spacing: 0px;
  color: #434242;
}
.projects-single-about-right-content h2 {
  font: 600 35px/65px 'Quicksand', Sans-serif;
  color: #010101;
}
.projects-single-about-right-content p {
  font: normal 18px/40px 'Quicksand', Sans-serif;
  letter-spacing: 0px;
  color: #434242;
}
.projects-single-post-counter-section p {
  font: normal 22px/40px 'Quicksand', Sans-serif;
  color: #010101;
  padding-top: 20px;
  text-align: center;
}
p.counter-subtitle {
  padding: 0px;
  font: 400 18px/30px 'Quicksand', Sans-serif;
  color: #fff;
}
.counter-section-main-row {
  background: transparent linear-gradient(97deg, #2B7A77 0%, #57C6C2 100%) 0% 0% no-repeat padding-box;
  padding: 50px 0px;
  box-shadow: -300px 0 #2B7A77, 300px 0 #56C4C0;
}
p.counter-heading {
  margin-bottom: 10px;
  color: #fff;
  font: 700 25px/30px Quicksand;
  padding-top: 35px;
}
.project-counter-img {
  background: #434242;
  padding: 20px;
  border-radius: 20px;
  border: 10px solid #fff;
}
p.single-project-team {
  padding: 0px;
  font: 300 20px/0px 'Quicksand', Sans-serif;
}
.counter-section-box img{
  margin-top: -120px;
}
/*====== SEO Single projects Page CSS End =======*/

/*====== SEO projects Page CSS Start =======*/
.projects-btn2 {
  position: relative;
  bottom: 38px;
  left: 230px;
  background: #3AAFA9 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 15px 20px;
  color: #fff;
  font: 500 20px/20px 'Quicksand';
}
.projects-name2 {
  font: bold 25px/35px 'Quicksand';
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1 !important;
}
.projects-author2 {
  font: 18px/13px 'Quicksand';
  color: #434343;
  padding-top: 8px;
}
.projects-desc2 h4 {
  font: 400 20px/30px 'Quicksand';
  color: #000;
  margin-top: 20px;
}
.projects-desc2 h5 {
  font: normal normal 600 18px/40px 'Quicksand';
  color: #000;
  letter-spacing: 0.02px;
}
.projects-desc2 ul li::before {
  content: '\f111';
  color: #3AAFA9;
  font-family: 'FontAwesome';
  font-size: 9px;
  margin-right: 10px;
  bottom: 1px;
  position: relative;
}
.projects-desc2 ul li {
  font: normal normal 300 17px/30px 'Quicksand';
  letter-spacing: 0px;
  color: #111111;
}
.projects-btn2:hover{
  background: #000;
  color: #fff;
}
.projects-item2 {
  padding: 25px;
  margin: 10px 0px;
  border-radius: 20px;
  box-shadow: 0px 1px 6px #00000029;
  background-image: url("assets/images/projects-bg-img.png");
}
/*====== SEO projects Page CSS End =======*/

/*====== SEO Contact us Page CSS Start =======*/
.wpelemento-seo-contact-page .e-con-inner {
  box-shadow: 0px 1px 6px #0000003D;
  border-radius: 10px;
  padding: 40px;
  gap: 50px;
}
.wpelemento-seo-contact-page .ekit-header-info {
  display: block !important;
}
.wpelemento-seo-contact-page textarea {
  height: 99px;
}
.wpelemento-seo-contact-page .wpcf7-spinner {
  display: none;
}
.wpelemento-seo-contact-page .wpcf7-not-valid-tip {
  color: #dc3232;
  display: block;
  font-size: 16px;
}
.wpelemento-seo-contact-page .wpcf7-response-output {
  border-color: #3AAFA9 !important;
}
/*====== SEO Contact us Page CSS End =======*/

/*====== SEO Get A Quote Page CSS Start =======*/
.wpelemento-seo-getaquote-section .e-con-inner {
  box-shadow: 0px 1px 6px #0000003D;
  border-radius: 10px;
}
.wpelemento-seo-getaquote-section .wpcf7-response-output {
  border-color: #3AAFA9 !important;
 margin: 2em 0em 1em !important; 
}

.wpelemento-seo-getaquote-section .checkbox-line .wpcf7-not-valid-tip {
  padding-left: 30px;
}
.checkbox-line {
  margin: 0px;
  border: 1px solid #1212124D;
  border-radius: 10px;
  padding-top: 15px;
  margin-bottom: 30px;
}
.wpelemento-seo-getaquote-section .wpcf7-checkbox {
  border: unset !important;
}
.checkbox-line2 .wpcf7-form-control-wrap .wpcf7-checkbox {
  display: flex;
}
.company-name input, .project-info input, .wpcf7-email, .project-overview input, .project-budget input, .project-date input{
  width: 100%;
}
.project-budget select {
  background-color: unset;
}
.contact-box {
  display: inline-flex;
}
.contact-box p {
  margin: 0px 15px 15px 0px;
}
.contact-box p input {
  width: 602px;
}
.checkbox-line input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.checkbox-line .wpcf7-list-item-label {
  color: #000000;
  font: normal normal 300 16px/26px Quicksand;
  opacity: 0.7;
}
::placeholder { 
  opacity: 0.6; 
}
.project-date input[type="date"] {
  opacity: 0.6;
}
/*====== SEO Get A Quote Page CSS End =======*/ 


.title-box{
  position: relative;
}
.title-box img{
  width: 100%;
  min-height: 125px;
}
.title-box .above_title{
  position: absolute;
  top: 0;
  left: 7%;
  display: flex;
  align-content: center;
  bottom: 0;
  align-items: center;
}
.title-box *{
  color: #fff;
  text-shadow: 0px 0px 3px #000;
}
.title-box a{
  font-weight: 600;
}
.content-container{
  margin: 3% auto;
  max-width: calc(100% - 15%);
}
.post-contents{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin: 5% 0;
}
#full-width-blog .post-contents .postbox{
  flex: 0 0 calc( (100% / 4) - 20px );
}
#blog-with-sidebar .post-contents .post-sidebar{
  flex: 0 0 23%;
}
#blog-with-sidebar .post-contents .post-text-content{
  flex: 0 0 75%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#blog-with-sidebar .post-contents .post-text-content>div{
  flex: 0 0 calc( (100% / 3) - 14px );
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#blog-with-lr-sidebar .post-contents :is(.post-left-sidebar, .post-right-sidebar){
  flex: 0 0 20%;
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  flex: 0 0 56%;
}
#blog-with-lr-sidebar .post-contents .postbox{
  flex: 0 0 49%;
  margin-bottom: 20px;
}
.post-content{
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.post-contents .postbox .post-image img{
  width: 100%;
}
.post-content .post-categories a{
  color: #2b2d42;
  font-weight: 600;
}
.post-content h4{
  font-family: "Open Sans", Sans-serif;
  font-size: 20px;
  font-weight: 800;
}
.post-content .post-readmore{
  text-transform: capitalize;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  color: #157efd;
  text-decoration: underline;
}
/* page  */
.page-contents{
  display: flex;
  margin: 5% 0;
}
.page-with-sidebar .page-contents .page-sidebar{
  flex: 0 0 23%;
}
.page-with-sidebar .page-contents .page-text-content{
  flex: 0 0 75%;
  padding: 0 15px;
}

.page-with-lr-sidebar .page-contents .page-sidebar{
  flex: 0 0 20%;
}
.page-with-lr-sidebar .page-contents .page-text-content{
  flex: 0 0 60%;
  padding: 0 15px;
}

/* sidebar */
.elemento-widget-sidebar aside{
  margin-block: 10px;
}
.elemento-widget-sidebar *{
  color: #000;
}
/* navigation */
.navigation{
  text-align: center;
  margin: 25px 0;
}
.page-numbers{
  font-weight: 600;
  font-family: "Open Sans", Sans-serif;
  padding: 8px 15px;
  border-radius: 5px;
  color: #000;
}
.prev.page-numbers, .next.page-numbers, .page-numbers.current{
  background-color: #286016;
  color: #fff;

}
.page-numbers:not(.prev){
  border: 1px solid #286016;
}


/* Other page css start */

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#wpe-elementor-about-page-head {
    box-shadow: -380px 0px 0px 2px #fff;
}
.wpe-photography-page-head {
    height: 230px;
}
.content-container{
  margin: 3% auto;
  max-width: calc(100% - 15%);
}
.post-contents{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin: 5% 0;
}
#full-width-blog .post-contents .postbox{
  flex: 0 0 calc( (100% / 4) - 20px );
}
#blog-with-sidebar .post-contents .post-sidebar{
  flex: 0 0 23%;
}
#blog-with-sidebar .post-contents .post-text-content{
  flex: 0 0 75%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#blog-with-sidebar .post-contents .post-text-content>div{
  flex: 0 0 calc( (100% / 3) - 14px );
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#blog-with-lr-sidebar .post-contents :is(.post-left-sidebar, .post-right-sidebar){
  flex: 0 0 20%;
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  flex: 0 0 56%;
}
#blog-with-lr-sidebar .post-contents .postbox{
  flex: 0 0 49%;
  margin-bottom: 20px;
}
.post-content{
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.post-contents .postbox .post-image img{
  width: 100%;
}
.post-content .post-categories a{
  color: #2b2d42;
  font-weight: 600;
}
.post-content h4{
  font-family: "Open Sans", Sans-serif;
  font-size: 20px;
  font-weight: 800;
}
.post-content .post-readmore{
  text-transform: capitalize;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  color: #157efd;
  text-decoration: underline;
}
/* page  */
.page-contents{
  display: flex;
  margin: 5% 0;
}
.page-with-sidebar .page-contents .page-sidebar{
  flex: 0 0 23%;
}
.page-with-sidebar .page-contents .page-text-content{
  flex: 0 0 75%;
  padding: 0 15px;
}

.page-with-lr-sidebar .page-contents .page-sidebar{
  flex: 0 0 20%;
}
.page-with-lr-sidebar .page-contents .page-text-content{
  flex: 0 0 60%;
  padding: 0 15px;
}

/* sidebar */
.elemento-widget-sidebar aside{
  margin-block: 10px;
}
.elemento-widget-sidebar *{
  color: #000;
}
/* navigation */
.navigation{
  text-align: center;
  margin: 25px 0;
}
.page-numbers{
  font-weight: 600;
  font-family: "Open Sans", Sans-serif;
  padding: 8px 15px;
  border-radius: 5px;
  color: #000;
}
.prev.page-numbers, .next.page-numbers, .page-numbers.current{
  background-color: #3AAFA9;
  color: #fff;

}
.page-numbers:not(.prev){
  border: 1px solid #3AAFA9;
}
.service-single-box h3 {
    font: 600 50px/73px 'Quicksand';
    color: #010101;
}
.service-single-box p{
  font: 400 18px/36px 'Quicksand';
  color: #5B5B5B;
  letter-spacing: 0.3px;
}





.charitable-donation-form.charitable-template-standard .donation-amounts.donation-suggested-amount li {
  border: unset !important;
}
.campaign-donation-receipt .charitable-table td, .campaign-donation-receipt .charitable-table tr {
  padding-right: 1.5em !important;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
  position:relative;
}
.wpe-charity-events-section .ea-amox-carousel .ea-location-wrap {
  pointer-events: none;
}
.wpe-charity-slider-section .bdt-container {
  margin-left: auto;
  margin-right: auto;
}
.wpe-charity-newsletter-box-shadow .elementor-widget-container p {
  position: relative;
}