body {
	margin: 0px
}

#mobile-menu {
	display: none
}

#mobile-nav-expanded {
	display: none
}

#header-menu {
	z-index: 2;
	box-sizing: border-box;
	padding: 0px 0px;
	width: 100%;
	height: 73px;
	top: 0px;
	position: fixed;
	border-bottom: 1px solid red;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px)
}

#header-menu .logo-div {
	float: left;
	display: inline;
	width: 400px
}

#header-menu .logo-div img {
	margin-top: 20px;
	width: 201.18px;
	height: 45px;
	padding-left: 143px
}

#header-menu .nav-right-menu {
	float: right;
	height: 73px;
	width: auto;
	padding-top: 0px
}

#header-menu .nav-right-menu .newsletter-items {
	width: 180px;
	height: 73px;
	float: left;
	padding-right: 0px;
	margin-right: 50px;
	padding-top: 25px
}

#header-menu .nav-right-menu .newsletter-items select {
	border: none
}

#header-menu .nav-right-menu .share-div {
	background-color: #f23204;
	width: 223px;
	height: 73px;
	float: right;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 50px;
	color: #fff;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

#header-menu .nav-right-menu .share-div a {
	text-decoration: none;
	color: #fff
}

#main-container {
	width: 80%;
	margin-left: 10%;
	margin-top: 100px;
	height: 500px;
	position: relative
}

#main-container #hero-text {
	width: 50%;
	height: 100px;
	font-family: "Open Sans"
}

#main-container #shareafrica {
	width: 55%
}

#main-container #shareafrica p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 150%;
	color: #000
}

#main-container #shareafrica .s-sub-par {
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 125% !important
}

#main-container #button-holder {
	width: 50%;
	height: 200px;
	position: relative;
	top: 40px;
	right: 0px
}

#main-container #button-holder #hero-share-parent {
	margin-top: 20px;
	display: flex
}

#main-container #button-holder #hero-share-parent #hero-share {
	width: 200px;
	height: 70px;
	background-color: red;
	border-radius: 10px;
	border: none;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 100%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}

#main-container #button-holder #hero-share-parent a {
	text-decoration: none
}

#main-container #button-holder #hero-share-parent form {
	display: flex;
	flex-direction: column
}

#main-container #button-holder #hero-share-parent form div {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-radius: 5px 5px 0px 0px
}

#main-container #button-holder #hero-share-parent form .no-border-top {
	border-radius: 0px 0px 0px 0px
}

#main-container #button-holder #hero-share-parent form .send {
	background-color: #f23204;
	border-radius: 0px 0px 5px 5px;
	color: #fff
}

#main-container #button-holder #hero-share-parent form .send .for-mobile {
	display: none
}

#main-container #button-holder #hero-share-parent form .send .for-web {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px
}

#main-container #button-holder #hero-share-parent form input {
	border: 0px
}

#main-container #button-holder #hero-share-parent form input:focus {
	outline: none
}

#main-container #button-holder form {
	display: flex;
	flex-direction: column
}

#main-container #button-holder form div {
	width: 592px;
	height: 52px;
	border: 1px solid #f23204
}

#main-container #button-holder .no-border-top {
	border-top: 0px;
	border-radius: 0px 0px 0px 0px
}

#main-container #hero-img {
	width: 40%;
	height: 490px;
	position: absolute;
	left: 60%;
	top: 0px;
	margin-right: 200px
}

#main-container #hero-img img {
	width: 531px;
	height: 529px
}

#cta-parent {
	display: flex;
	padding-left: 200px;
	margin-top: 100px;
	height: 282px;
	background-color: #ffefeb;
	align-items: center;
	gap: 80px
}

#cta-parent h2 {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%
}

#cta-parent p {
	display: none
}

#cta-parent #cta-form form {
	display: flex;
	flex-direction: column
}

#cta-parent #cta-form form div {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px 5px 0px 0px;
	background: #fff;
	height: 52px;
	width: 592px;
	border: 1px solid #f23204
}

#cta-parent #cta-form form .no-border-top {
	border-radius: 0px 0px 0px 0px;
	border-top: 0px
}

#cta-parent #cta-form form .send {
	background-color: #f23204;
	border-radius: 0px 0px 5px 5px;
	color: #fff
}

#cta-parent #cta-form form .send .for-mobile {
	display: none
}

#cta-parent #cta-form form .send .for-web {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px
}

#cta-parent #cta-form form input {
	border: 0px
}

#cta-parent #cta-form form input:focus {
	outline: none
}

#footer {
	position: relative;
	top: 150px;
	background-color: #fff;
	height: auto
}

#footer .footer-wrap {
	width: 90%;
	margin-left: 5%;
	display: flex
}

#footer .footer-wrap #footer-col-one {
	width: 30%;
	display: flex;
	flex-direction: column
}

#footer .footer-wrap #footer-col-one #tc-footer-socials {
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-top: 10px
}

#footer .footer-wrap #footer-col-one #tc-footer-socials #footer-social-icons {
	display: flex;
	flex-direction: row;
	margin-top: 20px;
	gap: 30px
}

#footer .footer-wrap #footer-col-one #tc-footer-socials #follow-us {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 22px;
	display: flex;
	justify-self: center
}

#footer .footer-wrap .footer-col-two {
	width: 40%
}

#footer .footer-wrap .footer-col-two .section-two-col-one {
	display: flex;
	width: 90%;
	gap: 70px
}

#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col {
	width: 40%;
	height: 100%
}

#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-left: 40px
}

#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col ul {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px
}

#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col ul li {
	list-style-type: none
}

#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col ul li a {
	text-decoration: none;
	color: #000
}

#footer .footer-wrap .footer-col-two .section-two-col-one .company-col {
	width: 30%;
	height: 100%
}

#footer .footer-wrap .footer-col-two .section-two-col-one .company-col p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-left: 40px
}

#footer .footer-wrap .footer-col-two .section-two-col-one .company-col ul {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px
}

#footer .footer-wrap .footer-col-two .section-two-col-one .company-col ul li {
	list-style-type: none
}

#footer .footer-wrap .footer-col-two .section-two-col-one .company-col ul li a {
	text-decoration: none;
	color: #000
}

#footer .footer-wrap #footer-col-three {
	width: 30%
}

#footer .footer-wrap #footer-col-three #section-three-col-one {
	display: flex;
	width: 100%;
	gap: 40px
}

#footer .footer-wrap #footer-col-three #section-three-col-one #legal p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-left: 40px
}

#footer .footer-wrap #footer-col-three #section-three-col-one #legal ul {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px
}

#footer .footer-wrap #footer-col-three #section-three-col-one #legal ul li {
	list-style-type: none
}

#footer .footer-wrap #footer-col-three #section-three-col-one #legal ul li a {
	text-decoration: none;
	color: #000
}

#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-left: 40px
}

#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links ul {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px
}

#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links ul li {
	list-style-type: none
}

#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links ul li a {
	text-decoration: none;
	color: #000
}

#footer #footer-pad {
	height: 80px;
	width: 100%
}

@media(max-width: 1239px) {
	#header-menu {
		display: none
	}

	#mobile-menu {
		width: 100%;
		height: 73px;
		border-bottom: 1px solid #f23204;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		top: 0px;
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
		z-index: 1
	}

	#mobile-menu #mobile-logo {
		display: flex;
		justify-content: flex-start;
		margin-left: 37.1px
	}

	#mobile-menu #hamburger {
		margin-right: 33px
	}

	#mobile-nav-expanded {
		width: 100%;
		height: 400px;
		z-index: 2;
		visibility: hidden;
		position: absolute;
		display: flex;
		flex-direction: column;
		background-color: #fff;
		top: 0px;
		padding-top: 30px
	}

	#mobile-nav-expanded a {
		text-decoration: none;
		color: #fff
	}

	#mobile-nav-expanded #close-menu {
		display: flex;
		justify-content: flex-end;
		margin-right: 30px
	}

	#mobile-nav-expanded p {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 800;
		font-size: 18px;
		line-height: 18px;
		margin-left: 30px
	}

	#mobile-nav-expanded hr {
		width: 85%
	}

	#mobile-nav-expanded ul {
		display: flex;
		flex-direction: column;
		gap: 24px
	}

	#mobile-nav-expanded ul li {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		line-height: 18px;
		color: #000;
		list-style-type: none
	}

	#main-container {
		width: 100%;
		height: auto;
		margin-left: 0px
	}

	#main-container #hero-text {
		height: 120px;
		width: 80%;
		margin-left: 10%
	}

	#main-container #hero-text h1 {
		font-size: 36px
	}

	#main-container #hero-text .s-hero-heading {
		font-weight: 700 !important;
		font-size: 32px !important;
		line-height: 110% !important;
		letter-spacing: -0.03em
	}

	#main-container #hero-img {
		width: 90%;
		border: none;
		margin-left: 5%;
		position: absolute;
		top: 120px;
		left: 0px;
		height: 250px;
		display: flex;
		justify-content: center
	}

	#main-container #hero-img img {
		text-align: center;
		width: 228px;
		height: 226px
	}

	#main-container #shareafrica {
		margin-top: 280px;
		width: 90%;
		margin-left: 5%;
		display: flex;
		justify-content: center
	}

	#main-container #shareafrica p {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 138%;
		width: 311px;
		margin-left: 20px
	}

	#main-container #button-holder {
		width: 90%;
		margin-left: 5%;
		height: 200px;
		top: 5px
	}

	#main-container #button-holder #hero-share-parent {
		flex-direction: column
	}

	#main-container #button-holder #hero-share-parent #hero-share {
		width: 285px;
		margin-left: 5%;
		font-weight: 700;
		font-size: 14px
	}

	#main-container #button-holder #hero-share-parent #black-button {
		margin-top: 10px
	}

	#main-container #button-holder .reward-info {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 120%;
		width: 80%;
		margin-left: 8%;
		text-align: center;
		color: #000
	}

	#main-container #button-holder form {
		display: flex;
		flex-direction: column
	}

	#main-container #button-holder form div {
		width: 100%;
		height: 52px;
		border: 1px solid #f23204;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 5px 5px 0px 0px
	}

	#main-container #button-holder form div input {
		border: 0px
	}

	#main-container #button-holder form div input:focus {
		outline: none
	}

	#main-container #button-holder form .send {
		background-color: #f23204;
		width: 100%;
		border-radius: 0px 0px 5px 5px
	}

	#main-container #button-holder form .send p {
		color: #fff;
		font-family: "Open Sans"
	}

	#main-container #button-holder form .send .for-web {
		display: none
	}

	#main-container #button-holder form .send .for-mobile {
		display: flex !important
	}

	#main-container #button-holder .no-border-top {
		border-top: 0px !important;
		border-radius: 0px 0px 0px 0px
	}

	#cta-parent {
		display: flex;
		padding-left: 0px;
		margin-top: 100px;
		height: auto;
		background-color: #ffefeb;
		align-items: center;
		padding-bottom: 50px;
		width: 100%;
		flex-direction: column
	}

	#cta-parent #cta-text {
		width: 100%;
		padding-left: 0px;
		margin-left: 0px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	#cta-parent #cta-text h2 {
		margin-top: 60px
	}

	#cta-parent #cta-form {
		width: 100% !important
	}

	#cta-parent #cta-form form {
		justify-content: center;
		align-items: center
	}

	#cta-parent #cta-form form div {
		width: 90%
	}

	#cta-parent #cta-form form .send .for-web {
		display: none
	}

	#cta-parent #cta-form form .send .for-mobile {
		display: inline
	}

	#footer {
		background-color: #fff
	}

	#footer .footer-wrap {
		width: 90%;
		margin-left: 5%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	#footer .footer-wrap #footer-col-one {
		width: 90%;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	#footer .footer-wrap #footer-col-one #tc-footer-socials {
		display: flex;
		width: 50%;
		margin-top: 10px
	}

	#footer .footer-wrap #footer-col-one #tc-footer-socials #footer-social-icons {
		display: flex;
		flex-direction: row;
		margin-top: 20px;
		justify-content: center;
		gap: 30px
	}

	#footer .footer-wrap #footer-col-one #tc-footer-socials #follow-us {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 800;
		font-size: 16px;
		line-height: 22px;
		display: flex;
		justify-content: center
	}

	#footer .footer-wrap #footer-col-one #tc-footer-socials img {
		width: 70%
	}

	#footer .footer-wrap .footer-col-two {
		width: 90%;
		display: flex;
		justify-content: center
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one {
		display: flex;
		width: 90%;
		gap: 70px
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col {
		width: 40%;
		height: 100%
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col p {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 800;
		font-size: 14px;
		line-height: 19px;
		margin-left: 40px
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col ul {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		display: flex;
		flex-direction: column;
		gap: 10px
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col ul li {
		list-style-type: none
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .newsletters-col ul li a {
		text-decoration: none;
		color: #000
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .company-col {
		width: 30%;
		height: 100%
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .company-col p {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 800;
		font-size: 14px;
		line-height: 19px;
		margin-left: 40px
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .company-col ul {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		display: flex;
		flex-direction: column;
		gap: 10px
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .company-col ul li {
		list-style-type: none
	}

	#footer .footer-wrap .footer-col-two .section-two-col-one .company-col ul li a {
		text-decoration: none;
		color: #000
	}

	#footer .footer-wrap #footer-col-three {
		width: 80%;
		display: flex;
		align-items: center
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one {
		display: flex;
		width: 100%
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #legal {
		width: 45%
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #legal p {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 800;
		font-size: 14px;
		line-height: 19px
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #legal ul {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		display: flex;
		flex-direction: column;
		gap: 10px
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #legal ul li {
		list-style-type: none
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #legal ul li a {
		text-decoration: none;
		color: #000
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links p {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 800;
		font-size: 14px;
		line-height: 19px;
		margin-left: 40px
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links ul {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		display: flex;
		flex-direction: column;
		gap: 10px
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links ul li {
		list-style-type: none
	}

	#footer .footer-wrap #footer-col-three #section-three-col-one #helpful-links ul li a {
		text-decoration: none;
		color: #000
	}

	#footer-pad {
		height: 50px;
		width: 100%
	}
}