/* Front page css */
.follow-text{
    writing-mode: vertical-lr;
    rotate: 179deg
}
.social-icon-banner{
    width: fit-content !important;
}
.banner-shape-right-inner{
    background-size: 100% 100% !important;
}
.mask-button{
	clip-path: polygon( 0% 19.167%,0% 19.167%,0.063% 16.463%,0.245% 13.899%,0.537% 11.507%,0.928% 9.324%,1.408% 7.382%,1.968% 5.716%,2.598% 4.36%,3.288% 3.35%,4.028% 2.718%,4.808% 2.5%,94.351% 2.5%,94.351% 2.5%,95.131% 2.718%,95.87% 3.35%,96.56% 4.36%,97.19% 5.716%,97.75% 7.382%,98.231% 9.324%,98.622% 11.507%,98.914% 13.899%,99.096% 16.463%,99.159% 19.167%,99.159% 53.664%,99.159% 53.664%,99.142% 55.03%,99.094% 56.378%,99.015% 57.701%,98.906% 58.994%,98.767% 60.25%,98.6% 61.463%,98.404% 62.627%,98.182% 63.736%,97.932% 64.784%,97.658% 65.764%,89.131% 93.766%,89.131% 93.766%,88.855% 94.607%,88.562% 95.367%,88.256% 96.046%,87.936% 96.641%,87.604% 97.149%,87.263% 97.57%,86.913% 97.901%,86.555% 98.14%,86.192% 98.285%,85.825% 98.333%,4.808% 98.333%,4.808% 98.333%,4.028% 98.115%,3.288% 97.484%,2.598% 96.473%,1.968% 95.118%,1.408% 93.452%,0.928% 91.51%,0.537% 89.326%,0.245% 86.935%,0.063% 84.37%,0% 81.667%,0% 19.167% );
}
@media screen and (max-width: 767px) {
    .banner-shape-right{
        position: static !important;
    }
    .banner-shape-right-inner{
        background-image: none !important;
        background-color: var(--primary-theme-color);
    }
    .follow-text {
        writing-mode: inherit;
        rotate: 0deg;
    }
    
}
/* *************category section css start************ */
.campaign-categories-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.flex-charity-home-campaign-category-box {
	background-color: #fef2e9;
	padding: 20px;
	border-radius: 10px;
}

.flex-charity-home-meta-image img {
    clip-path: polygon(28.613% 0.467%, 94.808% 0.467%, 94.808% 0.467%, 95.582% 0.584%, 96.317% 0.92%, 97.001% 1.458%, 97.627% 2.18%, 98.183% 3.068%, 98.66% 4.102%, 99.049% 5.266%, 99.338% 6.54%, 99.519% 7.906%, 99.581% 9.346%, 99.581% 90.343%, 99.581% 90.343%, 99.519% 91.783%, 99.338% 93.149%, 99.048% 94.423%, 98.66% 95.586%, 98.183% 96.621%, 97.627% 97.508%, 97.001% 98.23%, 96.316% 98.769%, 95.582% 99.105%, 94.808% 99.221%, 5.025% 99.221%, 5.025% 99.221%, 4.251% 99.105%, 3.516% 98.769%, 2.831% 98.231%, 2.206% 97.509%, 1.65% 96.621%, 1.172% 95.587%, 0.784% 94.423%, 0.495% 93.149%, 0.314% 91.783%, 0.251% 90.343%, 0.251% 55.202%, 0.251% 55.202%, 0.265% 54.519%, 0.307% 53.845%, 0.377% 53.181%, 0.473% 52.53%, 0.595% 51.896%, 0.742% 51.281%, 0.915% 50.687%, 1.112% 50.119%, 1.332% 49.577%, 1.576% 49.065%, 25.163% 3.208%, 25.163% 3.208%, 25.443% 2.706%, 25.742% 2.251%, 26.059% 1.844%, 26.391% 1.487%, 26.737% 1.181%, 27.095% 0.928%, 27.463% 0.728%, 27.84% 0.584%, 28.224% 0.497%, 28.613% 0.467%);
    aspect-ratio: 2 / 1;
    object-fit: cover;
    height: 160px !important;
	width: 100%;
}

h3.flex-charity-home-category-name {
	margin: 10px 0px !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	font-family: "Rubik", Sans-serif !important;
}
.flex-charity-home-category-name A:hover{
	color: #fff;
}
.flex-charity-home-category-description {
    font-size: 14px;
    font-weight: 300;
    font-family: "Rubik", Sans-serif !important;
    color: #000;
    margin-bottom: 10px !important;
    line-height: 23px;
}

a.flex-charity-home-learn-btn {
	font-family: 'Rubik';
	font-weight: 500 !important;
	font-size: 15px !important;
    color: #000;
}

.flex-charity-home-category-image {
	width: fit-content;
	background-color: #fff;
	padding: 15px;
	border-radius: 50%;
	border: 4px solid #F68122;
	position: absolute;
	z-index: 1;
}

.flex-charity-home-category-image a img {
	width: 39px !important;
	height: 39px !important;
	object-fit: contain;
}

.flex-charity-home-campaign-category-box:hover {
	background-color: #009BA4;
}

.flex-charity-home-campaign-category-box:hover .flex-charity-home-category-name {
	color: #fff !important;
}

.flex-charity-home-campaign-category-box:hover .flex-charity-home-category-description {
	color: #fff !important;
}

.flex-charity-home-campaign-category-box:hover a.flex-charity-home-learn-btn {
	color: #fff !important;
}

.flex-charity-home-campaign-category-box:hover .flex-charity-home-category-image {
	background-color: #000 !important;
	border: 4px solid #fff !important;
}
.flex-charity-home-campaign-category-box .flex-charity-home-category-image img{
	filter: grayscale(100%) brightness(0) contrast(100%);
}
.flex-charity-home-campaign-category-box:hover .flex-charity-home-category-image img {
	filter: brightness(0) invert(1);
}

@media screen and (min-width:1024px) and (max-width:1400px) {
	.campaign-categories-wrapper {
		grid-template-columns: repeat(3, 1fr);
		padding: 0px 2%;
	}
}

@media screen and (min-width:600px) and (max-width:1023px) {
	.campaign-categories-wrapper {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media screen and (max-width:600px) {
	.campaign-categories-wrapper {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}

/* Blog Section */

.charity-blogs .wpr-grid-item{
	box-shadow: 0px 3px 6px 0px #00000026;
	background-color: #fff;
	border-radius: 10px !important;
	padding: 0px !important;
}
.charity-blogs .wpr-grid-item-inner{
	display: flex;
	flex-direction: column;
}
.charity-blogs .wpr-grid-media-wrap{
	order: 1;
}
.charity-blogs .wpr-grid-item-above-content{
	order: 3;
	padding: 10px 10px 10px 10px;
}
.charity-blogs .wpr-grid-item-below-content{
	order: 2;
	padding: 7px 10px 7px 10px;
}
.charity-blogs .wpr-grid-item:hover .wpr-grid-item-below-content{
	background-color: #009BA4;
}
.charity-blogs .wpr-grid-item-below-content{
	background-color: #F68122;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between !important;
}
.charity-blogs .wpr-grid-item:hover{
	transform: translateY(-6px);
	transition: ease 0.5s;
}
.charity-blogs .wpr-grid-item-below-content svg{
	fill: #fff !important;
}
.charity-blogs .wpr-grid-item-below-content span{
	color: #fff;
}
.charity-blogs .wpr-grid-image-wrap img{
    border-radius: 10px 10px 0px 0px;
    height: 240px;
    object-fit: cover;
}
.charity-blogs .wpr-grid-item-below-content:after{
	display: none;
}
.charity-blogs .wpr-grid-item-excerpt p{
	color: #000;
	font-size: 15px !important;
	font-weight: 300 !important;
}
.charity-blogs .wpr-grid-media-hover{
	display: none;
}
.charity-blogs .wpr-grid-image-wrap{
position: relative;
overflow: hidden;
}

.charity-blogs .wpr-grid-image-wrap:after {
  position: absolute;
  top: 0;
  left: 0%;
  right: 0;
  opacity: 0;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.charity-blogs .wpr-grid-item:hover .wpr-grid-image-wrap:after {
  -webkit-animation: shine 1s;
  animation: shine 1s;
  opacity: 1;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.charity-blogs .wpr-grid{
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
}
/* Header Section */
.charity-header .right-header{
	box-shadow: 400px 0px 0px #009BA4;
}

@media screen and (min-width:767px){
	.charity-header .elementskit-navbar-nav > li.current-menu-item > a{
		color: #fff ;
	}
	.charity-header .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
		color: #fff !important;
		fill: #fff !important;
}
}

/************Footer section css start************/
.flex-charity-footer {
	background-size: 82% 100% !important;
}

.flex-charity-newslatter .wpcf7-response-output {
	margin: 0px !important;
	color: #fff;
	width: fit-content;
}

.flex-subscribe-form {
	display: flex;
	gap: 20px;
}

.copyright:hover {
	color: #009BA4 !important
}

.flex-subscribe-submit {
	font-family: "Rubik", Sans-serif;
	background-color: #000 !important;
	border: 0px !important;
	color: #fff !important;
	padding: 15px !important;
	clip-path: polygon(0% 21.739%, 0% 21.739%, 0.079% 18.213%, 0.309% 14.868%, 0.676% 11.749%, 1.169% 8.9%, 1.775% 6.367%, 2.481% 4.194%, 3.275% 2.426%, 4.145% 1.108%, 5.078% 0.285%, 6.061% 0%, 93.939% 0%, 93.939% 0%, 94.922% 0.285%, 95.855% 1.108%, 96.725% 2.426%, 97.519% 4.194%, 98.225% 6.367%, 98.831% 8.9%, 99.324% 11.749%, 99.691% 14.868%, 99.921% 18.213%, 100% 21.739%, 100% 56.522%, 100% 56.522%, 99.973% 58.561%, 99.894% 60.564%, 99.765% 62.52%, 99.586% 64.417%, 99.36% 66.244%, 99.088% 67.988%, 98.772% 69.639%, 98.414% 71.185%, 98.014% 72.613%, 97.576% 73.913%, 89.495% 95.652%, 89.495% 95.652%, 89.174% 96.46%, 88.84% 97.188%, 88.495% 97.836%, 88.139% 98.402%, 87.775% 98.884%, 87.403% 99.282%, 87.024% 99.594%, 86.64% 99.819%, 86.251% 99.954%, 85.859% 100%, 6.061% 100%, 6.061% 100%, 5.078% 99.715%, 4.145% 98.892%, 3.275% 97.573%, 2.481% 95.806%, 1.775% 93.633%, 1.169% 91.1%, 0.676% 88.251%, 0.309% 85.132%, 0.079% 81.787%, 0% 78.261%, 0% 21.739%);
}

.flex-email {
	width: 100% !important;
	padding: 10px !important;
	border-radius: 6px !important;
	border: 0px !important;
}

@media screen and (max-width:1750px) {
	.flex-charity-footer {
		background-image: none !important;
	}
}

@media screen and (max-width:1750px) {
	.flex-charity-subscribe-sec {
		background-color: #009BA4;
		padding: 50px 20px !important;
		border-radius: 10px;
	}
}

@media screen and (max-width:1023px) {
	.flex-subscribe-form {
		gap: 20px;
		flex-direction: column !important;
		align-items: center;
	}

	.flex-subscribe-form .wpcf7-spinner {
		display: none !important;
	}
}

.flex-footer-contact .elementor-icon-box-icon {
	background-color: #F68122;
	padding: 8px;
	border-radius: 10px;
}

.flex-charity-footer-social .elementor-icon:hover {
	background-color: #F68122 !important;
}

@media screen and (max-width:767px) {

	.flex-charity-useful-link-footer,
	.flex-food-footer-link1 ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/*************Footer section css end ************** */

@media screen and (max-width: 767px){
	.charity-header .elementskit-navbar-nav > li.current-menu-item > a {
		color: #000 !important;
	}
}
@media screen and (max-width: 1024px){
	.flex-charity-footer .e-con-inner{
		padding-top: 10px !important;
	}
}
.flex-charity-footer{
    background-color: #FDE6D3 !important;
}
.single-campaign .blog-detail h4.text-capitalize{
    margin-top: 13px;
}
.single-campaign .blog-detail .campaign-donation{
    display: flex;
}
.single-campaign .blog-detail .campaign-donation a{
    text-decoration: none;
}
.single-campaign .blog-detail .campaign-donation a:hover{
    color: #fff;
    background-color: #009BA4;
    text-decoration: none;
}
.wpcf7-response-output{
    background-color: #009BA4;
}
input.flex-subscribe-submit{
    cursor: pointer;
}
input.flex-subscribe-submit:hover{
    background-color: #F68122 !important;
    clip-path: polygon(0% 21.739%, 0% 21.739%, 0.079% 18.213%, 0.309% 14.868%, 0.676% 11.749%, 1.169% 8.9%, 1.775% 6.367%, 2.481% 4.194%, 3.275% 2.426%, 4.145% 1.108%, 5.078% 0.285%, 6.061% 0%, 93.939% 0%, 93.939% 0%, 94.922% 0.285%, 95.855% 1.108%, 96.725% 2.426%, 97.519% 4.194%, 98.225% 6.367%, 98.831% 8.9%, 99.324% 11.749%, 99.691% 14.868%, 99.921% 18.213%, 100% 21.739%, 100% 56.522%, 100% 56.522%, 99.973% 58.561%, 99.894% 60.564%, 99.765% 62.52%, 99.586% 64.417%, 99.36% 66.244%, 99.088% 67.988%, 98.772% 69.639%, 98.414% 71.185%, 98.014% 72.613%, 97.576% 73.913%, 89.495% 95.652%, 89.495% 95.652%, 89.174% 96.46%, 88.84% 97.188%, 88.495% 97.836%, 88.139% 98.402%, 87.775% 98.884%, 87.403% 99.282%, 87.024% 99.594%, 86.64% 99.819%, 86.251% 99.954%, 85.859% 100%, 6.061% 100%, 6.061% 100%, 5.078% 99.715%, 4.145% 98.892%, 3.275% 97.573%, 2.481% 95.806%, 1.775% 93.633%, 1.169% 91.1%, 0.676% 88.251%, 0.309% 85.132%, 0.079% 81.787%, 0% 78.261%, 0% 21.739%);
}