* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: poppins, sans-serif;
}
.page-width {
	padding-right: 3vw;
	padding-left: 3vw;
}
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 48px 57.6px;
	background-color: #fef1e8;
}
.logo img {
    width: 290px;
    max-width: 100%;
    max-height: 37px;
}
.nav {
    display: flex;
    align-items: center;
    gap: 20px;
}
.nav a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-family: poppins;
    font-weight: 300;
}
.nav .button {
    padding: 10.08px 16.8336px;
    color: #f08e80;
    border-radius: 27px;
    font-weight: 500;
    border: 2px solid #f08e80;
    font-size: 14.4px;
}
.nav .button:hover {
    background-color: #f08e80;
	color:white;
}
.nav .social-icon {
    width: 20px;
    height: 20px;
    margin-left: 0px;
}
.nav i {
    font-size: 22px;
}
a.button1 {
    padding: 0 10px;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 5;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-btn {
    padding: 10.08px 16.8336px;
    color: #f08e80;
    border-radius: 27px;
    font-weight: 500;
    border: 2px solid #f08e80;
    font-size: 14.4px;
    font-family: poppins;
    background: transparent;
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 8px;
}
button.dropdown-btn i {
    font-size: 16px;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
    background-color: #f1f1f1;
}
.banner {
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fef1e8;
    padding-bottom: 7vh;
}
.banner-text {
    background-image: url("../images/home_header2.jpg");
    background-size: cover;
    background-position: center;
    height: 700px;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    padding: 50px;
    position: relative;
}
.banner-text::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.banner-text h1 {
	color: white;
	font-size: 44.8px;
	text-align: center;
	font-weight: 500;
	z-index: 1;
	font-family: 'acumin-pro';
	position: relative;
}
/* Hamburger Styles */
.hamburger {
	display: none;
	cursor: pointer;
	flex-direction: column;
	justify-content: space-between;
	height: 25px;
	width: 30px;
	transition: transform 0.3s ease;
}
.hamburger .line {
	height: 2px;
	background-color: #000;
	border-radius: 5px;
	width: 100%;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.hamburger.active .line:nth-child(1) {
	transform: translateY(10px) rotate(45deg);
}
.hamburger.active .line:nth-child(2) {
	opacity: 0;
}
.hamburger.active .line:nth-child(3) {
	transform: translateY(-10px) rotate(-45deg);
}
/* Mobile Navigation */
.mobile-nav {
	display: none;
	flex-direction: column;
	align-items: center;
	background-color: #fef1e8;
	padding: 20px;
}
.mobile-nav a {
	margin: 10px 0;
	text-decoration: none;
	color: #000;
	font-size: 16px;
}
.mobile-nav.show {
	display: flex;
}
/*second 2 Section*/
.section-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 60px;
	background-color: #ffff;
	gap: 97px;
}
/* Image Styling */
.image-container {
	flex: 1;
	padding-right: 20px;
}
.section-image {
    width: 100%;
    min-height: 500px;
    height: 100%;
}
/* Text Container Styling */
.text-container {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.text-container h2 {
    font-size: 35.2px;
    font-weight: 700;
    color: #000;
    font-family: "acumin-pro";
}
.text-container p {
    font-size: 24px;
    line-height: 36px;
    color: #000;
    font-family: 'Poppins';
    max-width: 100%;
    width: 75%;
    font-weight: 300;
}
.text-container .button {
    padding: 10.8px 16.8336px;
    color: #f08e80;
    border-radius: 27px;
    font-weight: 500;
    border: 2px solid #f08e80;
    text-decoration: none;
    width: 20%;
    text-align: center;
    font-size: 14.4px;
    font-family: 'Poppins';
}
.text-container .button:hover {
    background-color: #f08e80;
	color:white;
}
/*section 3rd festival-Netion */
.festival-section {
	display: flex;
	justify-content: center;
	padding: 40px;
	flex-wrap: wrap;
	max-width: 100%;
	background: #fdf0e6;
	margin: 0 auto;
}
.content {
    max-width: 50%;
    margin-bottom: 90px;
}
.sub-content {
    max-width: 100%;
    width: 672px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    gap: 0px;
    padding: 20px;
    margin-top: 8px;
}
.video_content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    background: black;
}
.video_backend {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.video_backend video {
    width: 100%;
    object-fit: cover;
}
.sign-in-msg, .sign-in-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
}
.sign-in-btn {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.7);
    border: none;
    color: white;
    cursor: pointer;
}
.sign-in-btn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}
.main_nations {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fdf0e6;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.sub-content h1 {
    font-size: 35.2px;
    color: #f08e80;
    margin-bottom: 17px;
    font-weight: 600;
    font-family: 'acumin-pro';
}
.sub-content p {
    font-size: 24px;
    line-height: 44px;
    margin-bottom: 15px;
    font-family: 'Poppins';
    font-weight: 300;
}
.sub-content strong {
    font-weight: 700;
}
.text-container strong {
    font-weight: 700;
}
.learn-more-btn {
    padding: 10.08px 16.8336px;
    background-color: transparent;
    color: #f08e80;
    border: 2px solid #f08e80;
    border-radius: 28px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 14px;
    font-family: 'Poppins';
    text-decoration: none;
}
.learn-more-btn:hover {
	color:white;
	background-color: #f08e80;
}
.video-container {
    flex: 1;
    max-width: 50%;
    color: white;
    text-align: center;
    border-radius: 8px;
    margin-top: 18px;
}
.video-container iframe {
    width: 100%;
    height: 315px;
    border: none;
}
.sign-in-msg {
    margin-top: 20px;
    font-size: 18px;
}
p.sign-in-msg span {
    font-size: 20px;
    font-weight: 700;
}
.sign-in-btn {
    padding: 9px 13px;
    background-color: #00ADEF;
    color: #000;
    font-weight: bold;
    border: none;
    border-radius: 9px;
    margin-top: 10px;
    cursor: pointer;
}
.sign-in-btn:hover {
    background-color: #007bb5;
}
/* 4th section Card Imgs*/
.cards_imgs {
    background: #fdf0e6;
    padding-top: 40px;
}
.main_img_card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
}
.imgmain_content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}
.img2_content img {
    width: 100%;
    max-width: 100%;
    height: 477px;
}
/*section5 testimonial */
.testimonials {
    text-align: center;
    background-color: #fdf0e6;
    padding: 73px 55px;
}
.img_banner-main {
    position: relative;
    background-image: url("../images/quit.jpg");
    background-size: cover;
    background-position: center;
    height: auto;
}
/* Overlay */
.img_banner-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
}
/* Content inside the banner */
.img_banner-main > * {
	position: relative;
	z-index: 2;
}
.testimonials h2 {
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: left;
    padding: 40px;
    color: #f08e80;
    font-family: 'acumin-pro';
}
.testimonial-cards {
    display: flex;
    justify-content: space-around;
    align-items: start;
    gap: 20px;
    text-align: left;
    padding: 30px;
}
.testimonial-card {
    border-radius: 10px;
    color: white;
    padding: 20px;
    width: 50%;
}
.testimonial-card p {
    font-size: 16px;
    color: white;
    font-weight: 300;
    font-family: 'Poppins';
}
p.author {
    font-size: 25px;
    color: #f08e80;
    padding-top: 34px;
}
/*section6 testimonial */
.profile-container {
    padding: 50px 20px;
    background-color: #fdf0e6;
    text-align: center;
}
.profile-content {
    max-width: 88%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
}
.profile-title {
    color: #F08E80;
    margin-bottom: 10px;
    font-size: 35.2px;
    font-weight: 600;
    font-family: 'acumin-pro';
}
.profile-description {
    color: #333;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 9px;
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: 300;
}
.profile-details {
    color: #333;
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    margin-top: 10px;
    font-family: 'Poppins';
}
p.profile-description strong {
    font-weight: 700;
}
.profile-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
    flex-direction: column;
}
.card_first-row {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 70%;
    margin: auto;
}
.card_second-row {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: auto;
}
.profile-card {
    padding: 20px;
    margin: 10px;
    flex: 1;
    max-width: 100%;
    width: 519px;
}
.profile-card-title {
    color: #f08e80;
    margin-bottom: 10px;
    font-size: 25.6px;
    font-family: 'acumin-pro';
    font-weight: 500;
}
.profile-card-description {
    color: #555;
    font-size: 16px;
    font-family: 'Poppins';
}
/*section7 testimonial */
.support-section {
    background-image: url("../images/join-us3.jpg");
    background-size: cover;
    background-position: center;
    padding: 19.2px 57.6px;
    text-align: center;
    color: white;
    max-width: 100%;
}
/* Content Styling */
.content-container {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
/* Section Text */
.section-text {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: 'acumin-pro';
}
/* Call to Action Button */
.cta-button {
    background-color: transparent;
    color: #F08E80;
    padding: 10.8px 16.8336px;
    font-size: 14.4px;
    text-decoration: none;
    border-radius: 50px;
    border: 2px solid #F08E80;
    transition: background-color 0.3s ease;
    font-family: 'Poppins';
}
.cta-button:hover {
    background-color: #D6746B;
	color:white;
}
section.parent_section {
    background-color: #fdf0e6;
    padding: 59px 59px;
}
/*Footer Section*/
.footer {
    background-color: #F08E80;
    color: white;
    padding: 30px 20px;
    text-align: center;
}
/* Footer Container */
.footer-container {
    text-align: left;
    padding: 20px;
}
/* Social Media Icons */
.social-icons i {
    margin-bottom: 10px;
    font-size: 22px;
}
.social-icon {
    display: inline-block;
    margin: 0 15px;
    font-size: 18px;
    color: white;
    text-decoration: none;
}
.social-icon:hover {
    text-decoration: underline;
}
/* Footer Links */
.footer-links a {
    margin-top: 20px;
    color: white;
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 200;
}
.footer-links a {
    margin-top: 20px;
    color: white;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 200;
}
.footer-link:hover {
    text-decoration: underline;
}
a.instagram {
    font-size: 16px;
    color: white;
}
a.facebook {
    font-size: 16px;
    color: white;
}
.footer-liksss {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.donation_button.footer-btn {
    margin-bottom: 15px;
}
body.lang-swahili .text-container .button {
    width: 26%;
}
body.lang-pidgin .text-container .button {
    width: 22%;
}
img.footer-img {
    width: 150px;
}
section.make-donation-banner {
    background: #fef1e8;
    padding-top: 80px;
    padding-bottom: 100px;
}
img.make-donation-image {
    width: 250px;
    height: 290px;
}
.make-donation-banner-row {
    display: flex;
    align-items: center;
    gap: 40px;
}
.make-donation-banner-content-col h1, 
.make-donation-banner-content-col h2 {
    font-size: 48px;
    font-family: 'acumin-pro';
    font-weight: 500;
	line-height: 58px;
}
.make-donation-banner-content-col h1 {
    width: 700px;
}
a.make-donation-btn {
    padding: 12px 22px;
    color: #f08e80;
    border-radius: 27px;
    font-weight: 500;
    border: 2px solid #f08e80;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    font-family: 'Poppins';
    width: 16%;
	cursor: pointer;
}
.make-donation-banner-content-col {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
a.make-donation-btn:hover {
    background: #f08e80;
    color: #fff;
}
.get-involved-banner-text h1 {
    font-size: 48px;
    font-family: 'acumin-pro';
    font-weight: 600;
    line-height: 58px;
}
section.get-involved-banner {
    background: #fef1e8;
    padding-top: 40px;
    padding-bottom: 50px;
}
.form-container {
    width: 100%;
    padding: 100px 46px;
}
.form-container-row {
    display: flex;
    gap: 12px;
}
.form-container-col {
    width: 50%;
}
.form-container input, .form-container textarea {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
	margin-top: 5px;
    border: 1px solid #ccc;
}
.form-container button {
    padding: 12px 22px;
    color: #f08e80;
    border-radius: 27px;
    font-weight: 500;
    border: 2px solid #f08e80;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins';
    width: 7%;
    cursor: pointer;
    background: transparent;
}
.form-container button:hover {
    background-color:#f08e80;
	color: #fff;
}
.form-container label {
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 300;
}
p.form-label {
    margin-bottom: 10px;
}
/* Media Queries */
@media (max-width: 768px) {
	header {
		flex-direction: row;
		text-align: center;
		padding: 23px;
	}
	.logo img {
		height: 30px;
	}
	.nav {
		display: none;
	}
	.hamburger {
		display: flex;
	}
	.mobile-nav  .button {
		padding: 10px 20px;
		color: #f08e80;
		border-radius: 27px;
		font-weight: bold;
		border: 2px solid #f08e80;
	}
	.banner-text {
		height: 500px;
	}
	.banner-text h1 {
		font-size: 28px;
	}
	/*second 2 Section*/ 
   .section-container {
        flex-direction: column;
        padding: 20px;
    }
    img.section-image {
		min-height: 0;
	}
    .image-container {
        padding-right: 0;
    }
   .text-container {
		padding-left: 0;
		margin-top: 20px;
		gap: 20px;
	}
	.text-container p {
		width: 100%;
	}
    h2 {
        font-size: 2em;
    }
    p {
        font-size: 1em;
    }
    .text-container .button {
		width: 50%;
	}
	section.section-container {
		gap: 0;
	}
	/*section 3re*/
	.main_nations {
		flex-direction: column;
	}
	section.festival-section {
		padding: 0;
	}
	.content {
		max-width: 100%;
		margin: 0;
	}
	.video-container {
		max-width: 100%;
	}
	video#festivalVideo {
		height: auto;
	}
	.video_backend {
		height: auto;
	}
	/* 4th section Card Images*/
	.cards_imgs {
		flex-direction: column;
	}
	.img2_content img {
		width: 100%;
		height: 80px;
	}
	.main_img_card-content {
		padding: 8px;
	}
	/*section5 testimonial */
	.testimonial-cards {
		flex-direction: column;
		align-items: center;
	}
	.testimonial-card {
		width: 100%;
	}
	.testimonials h2 {
		font-size: 25px;
		padding: 15px;
		margin: 0;
	}
	.testimonial-cards {
		padding: 0;
	}
	p.author {
		padding-top: 10px;
		font-weight: 600;
	}
	.testimonial-card p {
		font-size: 17px;
	}
	section.testimonials {
		padding: 13px 6px;
	}
	.video_content {
		width: 90%;
		margin: 20px;
	}
	/*section6 testimonial */
	.profile-container {
        padding: 30px 15px;
    }
    .profile-content {
		max-width: 100%;
	}
    .profile-title {
		font-size: 23px;
		margin-bottom: 0;
	}
    .profile-description {
		font-size: 18px;
		width: 94%;
	}
   .profile-details {
		font-size: 19px;
		margin-bottom: 0;
	}
    .profile-section {
        flex-direction: column;
    }
    .card_first-row,
    .card_second-row {
        flex-direction: column;
        align-items: flex-start;
    }
   .profile-card {
		margin: 5px 0;
		padding: 15px 31px;
	}
    .profile-card-title {
		font-size: 20px;
	}
	.profile-card-description {
		font-size: 15px;
	}
	p.profile-description strong {
		font-weight: 800;
	}
	/*section 7 friends Imgs*/
	.section-text {
		font-size: 24px;
		text-align: left;
	}
    .cta-button {
        padding: 12px 30px;
        font-size: 16px;
    }
    section.parent_section.page-width {
		padding: 20px;
	}
	/* Footer Section */
	.social-icon {
        font-size: 16px;
    }
    .footer-link {
        font-size: 16px;
    }
	.footer-liksss {
		flex-direction: column;
		align-items: baseline;
		gap: 12px;
	}
	body.lang-swahili .text-container .button {
		width: 60%;
	}
	body.lang-pidgin .text-container .button {
		width: 50%;
	}
	.make-donation-banner-row {
		display: flex;
		gap: 20px;
		flex-direction: column;
		padding: 0 10px;
	}
	.make-donation-banner-content-col h1 {
		width: 100%;
	}
	section.make-donation-banner {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	img.make-donation-image {
		width: 100%;
		height: 100%;
	}
	.make-donation-banner-content-col h1, .make-donation-banner-content-col h2 {
		font-size: 31px;
		line-height: 38px;
	}
	a.make-donation-btn {
		width: 35%;
	}
	.get-involved-banner-text h1 {
		font-size: 31px;
		font-weight: 500;
	}
	section.get-involved-banner {
		padding-top: 35px;
		padding-bottom: 35px;
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	.form-container {
		width: 100%;
		padding: 60px 20px;
	}
	.form-container button {
		width: 30%;
	}
	.video-container iframe {
		width: 100%;
		height: 100%;
		border: none;
	}
}