/* Poppins font import */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,400&display=swap");

/* use Butler font */
@import url("./../fonts/stylesheet.css");
/* import 'Jost', sans-serif; */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap");

/* variable */
:root {
	--default-font: "Butler", sans-serif;
	--secondary-font: "Poppins", sans-serif;
	--jost-font: "Jost", sans-serif;
	--default-color: #fbb040;
	--heading-primary-color: #122f53;
}
/* reset css */
*,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	/* font-size: 16px; */
}
a {
	text-decoration: none;
	color: #000;
}
/* hero section start start */
section.hero-section {
	margin: 80px 0px;
}
section.hero-section .hero-content h5 {
	color: #fbb040;
	font-weight: 400;
	margin: 10px 0px;
	font-size: 25px;
	font-family: var(--jost-font);
}
section.hero-section .hero-content h1 {
	text-transform: uppercase;
	font-family: var(--default-font);
	font-weight: 600;
	color: var(--heading-primary-color);
	font-size: 60px;
}
section.hero-section .hero-content p {
	color: #777;
	font-family: var(--jost-font);
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 24px;
	margin: 16px 0px;
}
section.hero-section .hero-content a.donate-btn {
	background-color: #fbb040;
	color: #fff;
	font-family: var(--jost-font);
	padding: 10px 20px;
	border-radius: 5px;
}
section.hero-section .hero-image img {
	width: 100%;
	height: 100%;
}
/* total-donation counter css section start*/
section.total-donation-counter {
	margin: 80px 0px;
	background: #00715d;
	text-align: center;
	color: #fff;
	padding: 50px 0px;
}
section.total-donation-counter .total-donation-counter-box h2,
section.total-donation-counter .total-donation-counter-box sup {
	font-family: var(--default-font);
}
section.total-donation-counter .total-donation-counter-box h2 {
	font-size: 55px;
}
section.total-donation-counter .total-donation-counter-box h2 sup {
	font-size: 30px;
	padding-top: 0;
	top: -23px;
	font-weight: bold;
}
section.total-donation-counter .total-donation-counter-box p {
	color: #14b397;
	font-size: 15px;
	font-family: var(--jost-font);
}
/* total-donation counter css section end*/
/* about section start */
section.about-us-section {
	margin: 80px 0px;
}
.about-us-section .about-us-content h2 {
	color: #122f53;
	font-size: 50px;
	font-weight: 600;
	margin: 10px 0px;
	font-family: var(--jost-font);
}
.about-us-section .about-us-content h5 {
	color: #718298;
	font-weight: 500;
	margin: 10px 0px;
	font-size: 18px;
	font-family: var(--jost-font);
	line-height: 30px;
}
.about-us-section .about-us-content .read-more-btn {
	color: #fbb040;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	padding: 0;
	font-family: var(--jost-font);
	font-weight: 500;
}
.about-us-section .about-us-content a i {
	font-size: 14px;
}
.about-us-section .about-us-details p {
	font-family: var(--jost-font);
	color: #122f53cf;
	font-size: 14px;
	margin-bottom: 25px;
	font-weight: 500;
	line-height: 25px;
}
/* about section end */
/* what we do sectino start */
section.what-we-do-section {
	margin: 80px 0px;
	text-align: center;
	color: #e9e9e9;
	font-family: "Poppins", sans-serif;
}
.what-we-do-section .inner-container {
	background: linear-gradient(rgb(66 46 95 / 75%), rgb(66 46 95 / 75%)),
		url("./../images/bg/what-we-do.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 60px 40px;
}
.what-we-do-section .section-title h2,
.what-we-do-icon {
	color: #fbb040;
}
.what-we-do-section .section-title h2 {
	font-family: var(--jost-font);
	font-size: 30px;
}
.what-we-do-section .section-title p {
	font-size: 14px;
	font-family: var(--jost-font);
	margin-bottom: 25px;
	font-weight: 400;
	line-height: 25px;
}
.what-we-do-section .what-we-do-box .what-we-do-icon i {
	font-size: 40px;
}
.what-we-do-section .what-we-do-box .what-we-do-content h3 {
	font-size: 18px;
	margin: 15px 0px;
	font-family: var(--jost-font);
}
.what-we-do-section .what-we-do-box .what-we-do-content p {
	font-family: var(--jost-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
}
/* what we do sectino end */
/* --------------------------------- */
/* our vision mission section start */
section.our-vision-mission {
	margin: 80px 0px;
}
.our-vision-mission .our-vision-mission-content {
	padding: 0px 50px;
}
.our-vision-mission .our-vision-mission-content h2 {
	color: #122f53;
	font-size: 35px;
	font-weight: 600;
	margin: 10px 0px;
	font-family: var(--jost-font);
}
.our-vision-mission .our-vision-mission-content p {
	color: #436ca3db;
	font-size: 16px;
	font-family: var(--jost-font) !important;
	line-height: 21px;
	font-weight: 500;
}
/* our vision mission section end */
/* our latest projects section start */
section.latest-projects {
	margin: 80px 0px;
}
section.latest-projects .section-title {
	text-align: center;
	color: #122f53;
	margin-bottom: 50px;
}
section.latest-projects .section-title h2 {
	font-size: 50px;
	margin-bottom: 10px;
	font-weight: 600;
	font-family: var(--jost-font);
}
section.latest-projects .section-title p {
	font-size: 14px;
	color: #122f53cf;
	font-family: var(--jost-font);
}
/* our latest projects section end */
/* ---------------------------------------------- */
/* card design start */

/* section.latest-projects .card-slider {
} */
section.latest-projects .card-slider .card {
	padding: 5px;
	height: 100%;
}
/* section.latest-projects .card-slider .card .card-image {
	height: 135px;
} */
section.latest-projects .card-slider .card .card-image img {
	width: 100%;
}
section.latest-projects .card-slider .card .card-content h3 {
	font-size: 20px;
	font-family: var(--jost-font);
	color: var(--heading-primary-color);
	line-height: 23px;
	margin: 10px 0;
}
section.latest-projects .card-slider .card .rised-money {
	margin: 0;
}

section.latest-projects .card-slider .card .rised-money .rised-money-content {
	display: flex;
}
section.latest-projects .card-slider .card .rised-money .rised-money-content p {
	width: 100%;
	margin: 0;
	font-weight: 500;
	font-family: var(--jost-font);
	font-size: 12px;
	color: #555;
}
section.latest-projects
	.card-slider
	.card
	.rised-money
	.rised-money-content
	p
	span {
	font-family: var(--jost-font);
}
section.latest-projects
	.card-slider
	.card
	.rised-money
	.rised-money-content
	.total-percentage {
	text-align: right;
}
/* ------------------------------------------------ */
/* card inner progress bar */
section.latest-projects .card-slider .animated-progress {
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background: #e8ebee;
	overflow: hidden;
	position: relative;
	margin: 10px 0px;
}

section.latest-projects .card-slider .animated-progress span {
	height: 100%;
	display: block;
	width: 0;
	color: rgb(255, 251, 251);
	position: absolute;
	padding-right: 5px;
	background-color: #fbb040;
}
/* card inner progress bar end */
/* ------------------------------ */
section.latest-projects .card-slider .card .rised-money .goal h5 {
	font-family: var(--jost-font);
	font-size: 16px;
	margin: 5px 0px;
	color: var(--heading-primary-color);
}
section.latest-projects .card-slider .card .rised-money .goal h5 span {
	font-family: var(--jost-font);
}
section.latest-projects .card-slider .card .donate-btn {
	background: #fff8ec;
	width: 100%;
	transition: 0.4s;
}
section.latest-projects .card-slider .card .donate-btn a {
	color: #fbb040;
	font-size: 14px;
	font-family: var(--jost-font);
	transition: 0.4s;
}
section.latest-projects .card-slider .card .donate-btn:hover {
	background: #fbb040;
	color: #fff;
}
section.latest-projects .card-slider .card .donate-btn:hover a {
	color: #fff;
}
/* card design end */
/* ------------------------ */
/* slider control button */
.latest-projects .changeBtn {
	text-align: center;
}
.latest-projects .changeBtn button {
	border-radius: 50%;
	border: 1px solid #6c6868;
	padding: 5px;
	background: none;
	cursor: pointer;
}
.latest-projects .changeBtn .active {
	background: #aaa;
}
/* slider control button end */
/* --------------------------------------- */
/* Team section start */
section.team {
	margin: 80px 0px;
}

.team h2,
.team h5,
.team p,
.team a {
	font-family: var(--jost-font);
}
.team .team-content h2 {
	font-size: 40px;
	font-weight: 600;
	margin: 10px 0px;
	color: #122f53;
}
.team .team-content p {
	color: #718298;
	font-weight: 500;
	margin: 10px 0px;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}
.team .team-content .view-volunteer {
	color: #fbb040;
	font-size: 15px;
	line-height: 28px;
	text-align: left;
	padding: 0;
}
.team .discriptions h5 {
	font-size: 14px;
	font-weight: 500;
	color: #122f53bf;
	line-height: 25px;
	margin: 10px 0px;
	margin-bottom: 20px;
}
.team .card {
	text-align: center;
	color: #122f53;
	padding: 30px;
}
.team .card .profile {
	width: 100px;
	margin: 10px auto;
}
.team .card .profile img {
	width: 100%;
	border-radius: 50%;
}
.team .card .title h2 {
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0px;
	margin-bottom: 5px;
}
.team .card .title h5 {
	font-size: 14px;
	font-weight: 400;
	color: #0000009e;
}
.team .card .view-profile {
	color: #fbb040;
	line-height: 28px;
	padding: 0;
	background: #fff8ec;
	width: 100%;
	margin: 40px 0px;
	margin-bottom: 15px;
	transition: 0.4s;
}
.team .card .view-profile a {
	color: #fbb040;
	font-size: 14px;
	line-height: 28px;
	padding: 0;
	transition: 0.4s;
}
.team .card .view-profile:hover {
	background: #fbb040;
}
.team .card .view-profile:hover a {
	color: #fff;
}
/* Team section end */
/* ------------------------ */
/* life change today section start */
section.life-change {
	margin: 80px 0px;
	text-align: center;
}
.life-change .content {
	color: #fff;
	background: linear-gradient(rgb(66 46 95 / 75%), rgb(66 46 95 / 75%)),
		url("./../images/bg/life-change-img.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 40px;
}
.life-change .content h2 {
	font-size: 32px;
	font-weight: 600;
	margin: 15px 0px;
	color: #fbb040;
	font-family: var(--jost-font);
}
.life-change .content div {
	width: 50%;
}
.life-change .content div p {
	font-size: 16px;
	font-weight: 400;
	margin: 15px 0px;
	color: #f9f9f9;
	line-height: 30px;
	font-family: var(--jost-font);
}
.life-change .content a {
	background: #72727270;
	border: 0.1px solid #fff;
	border-radius: 5px;
	font-size: 16px;
	font-family: var(--jost-font);
	margin: 15px 15px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	transition: 0.3s;
}
.life-change .content a:hover {
	background: #fbb040;
}
/* life change today section end */
/* ------------------------ */
/* latest news section start */
section.latest-news {
	margin: 80px 0px;
}
.latest-news .content {
	font-family: "Poppins", sans-serif;
}
.latest-news .content .section-title {
	text-align: center;
	margin: 40px 0;
}
.latest-news .content .section-title h2 {
	font-size: 40px;
	font-weight: 600;
	margin: 10px 0px;
	color: #122f53;
	font-family: var(--jost-font);
}
.latest-news .content .section-title p {
	color: #718298;
	margin: 10px 0px;
	font-size: 14px;
	line-height: 26px;
	font-family: var(--jost-font);
}
.latest-news .card {
	padding: 5px;
}
.latest-news .card .card-image {
	width: 100%;
	overflow: hidden;
}
.latest-news .card .card-image img {
	width: 100%;
}
.latest-news .card .card-content h6 {
	margin: 16px 0px;
	font-size: 16px;
	font-weight: 500;
	font-family: var(--jost-font);
	color: #718298;
	text-transform: uppercase;
}
.latest-news .card .card-content h3 {
	font-size: 17px;
	font-weight: 600;
	color: #122f53;
	line-height: 25px;
	font-family: var(--jost-font);
}
.latest-news .card .card-content .read-more a {
	color: #fbb040;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
	padding: 0;
	font-family: var(--jost-font);
}
/* .latest-news section end */