html {
	scroll-behavior: smooth;
}
:root {
	--primary: #316b8a;
	--dark: #555555;
	--green: #46a084;
	--light-green: #bee904;
	--blue: #1d5c7d;
	--light-blue: #13d3ec;
}
.text-primary {
	color: var(--primary) !important;
}
.text-green {
	color: var(--green) !important;
}
.text-light-green {
	color: var(--light-green) !important;
}
.text-blue {
	color: var(--blue) !important;
}
.text-light-blue {
	color: var(--light-blue) !important;
}
.bg-primary {
	background-color: var(--primary) !important;
}
.bg-light-green {
	background-color: var(--light-green) !important;
}
body {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	line-height: normal;
	color: var(--dark);
}
a {
	color: var(--dark);
}
a:hover {
	color: var(--primary);
}
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
}
a[href="javascript:;"] {
	cursor: pointer !important;
}
iframe {
	border-radius: 10px;
	max-width: 100%;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.list-style {
	list-style-type: disc;
	margin-left: 17px;
	margin-bottom: 20px;
}
img {
	max-width: 100%;
}
.sec-space {
	padding-top: 70px;
	padding-bottom: 70px;
}
@media (max-width: 767px) {
	.sec-space {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
svg {
	width: 150px;
	overflow: inherit;
}
ul {
	/* list-style-type: none;

      padding: 0;

      margin: 0; */
}
.heading {
	font-size: 42px;
	margin-bottom: 20px;
}
.sub-heading {
	font-size: 26px;
}
.text-18 {
	font-size: 18px;
}
.text-14 p {
	font-size: 14px;
}
@media (max-width: 767px) {
	.heading {
		font-size: 30px
	}
	.sub-heading {
		font-size: 22px;
	}
	.text-18 {
		font-size: 16px;
	}
}
ul.social-icons {
	display: flex;
	flex-wrap: wrap;
}
ul.social-icons li:not(:last-child) {
	margin-right: 15px;
}
ul.social-icons li a {
	color: #fff;
}
ul.social-icons li a:hover {
	color: var(--light-blue);
}
/* ----- Progress back to top ----- */

@-webkit-keyframes border-transform {
	0%, 100% {
		border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
	}
	14% {
		border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
	}
	28% {
		border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
	}
	42% {
		border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
	}
	56% {
		border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
	}
	70% {
		border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
	}
	84% {
		border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
	}
}
.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px #fff;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap:after {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f062";
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	color: var(--primary);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover:after {
	opacity: 0;
}
.progress-wrap:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f062";
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	opacity: 0;
	background: var(--primary);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover:before {
	opacity: 1;
}
.progress-wrap svg path {
	fill: #fff;
}
svg.progress-circle {
	width: inherit;
}
.progress-wrap svg.progress-circle path {
	stroke: var(--primary);
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
@media (max-width: 575px) {
	.progress-wrap {
		right: 10px;
		bottom: 50px;
	}
}
/* ----- Burger Menu Css ----- */

.hamburger-icon {
	display: inline-block;
	width: 35px;
	height: 30px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 99;
}
.hamburger-icon span {
	display: inline-block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: var(--primary);
	border-radius: 3px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.hamburger-icon span:nth-child(1) {
	top: 0px;
}
.hamburger-icon span:nth-child(2),
.hamburger-icon span:nth-child(3) {
	top: 10px;
}
.hamburger-icon span:nth-child(4) {
	top: 20px;
}
.hamburger-icon.hamburger-open span {
	background: var(--primary);
}
.hamburger-icon.hamburger-open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
.hamburger-icon.hamburger-open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hamburger-icon.hamburger-open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.hamburger-icon.hamburger-open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}
/* ----- Buttons ----- */

.btn:active,
.btn:focus {
	outline: none;
	box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn.btn-primary {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	background-color: var(--primary);
	border: none;
	padding: 15px 40px;
	border-radius: 7px;
	transition: all 0.3s ease;
	margin-top: 15px;
}
.show>.btn-primary.dropdown-toggle:hover,
.btn.btn-primary:hover {
	background-color: var(--dark);
}
.btn.btn-link {
	color: var(--dark);
	font-weight: 600;
	transition: all 0.3s ease;
}
.btn.btn-link i {
	font-size: 12px;
	color: var(--primary);
	margin-left: 5px;
	transition: all 0.3s ease;
}
.btn.btn-link:hover {
	color: var(--primary);
	text-decoration: none;
	transform: translateX(-5px);
}
.btn.btn-link:hover i {
	transform: translateX(10px);
}
@media (max-width: 767px) {
	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.show>.btn-primary.dropdown-toggle,
	.btn.btn-primary {
		padding: 12px 30px;
		font-size: 14px;
	}
}
/* ----- Header ----- */

.logo {
	width: 200px;
    display: inline-flex;
    align-items: center;
	max-width: 100%;
}
header {
	padding: 15px 0;
}
header.fixed {
	position: fixed;
	width: 100%;
	z-index: 99;
	background-color: #fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
header.fixed ul.menu>li a {
	color: var(--dark);
}
header.fixed ul.menu>li a:hover,
header.fixed ul.menu>li.active a {
	color: var(--primary);
}
@media (max-width: 575px) {
	.logo {
		width: 150px;
	}
}
/* ----- Menu ----- */

header ul.menu {
	display: inline-flex;
}
ul.menu li {
	display: inline-block;
	list-style: outside none none;
}
header ul.menu li:not(:last-child) {
	margin-right: 40px;
}
ul.menu a {
	padding: 0.3em 0;
	position: relative;
	text-decoration: none;
	display: inline-block;
}
ul.menu a:hover,
ul.menu .active a {
	color: var(--primary);
}
ul.menu>li a {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--dark);
	transition: all 0.5s ease;
}
@media (min-width: 992px) {
	ul.menu a:before,
	ul.menu a:after {
		height: 2px;
		position: absolute;
		content: '';
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
		background-color: var(--primary);
		width: 0;
	}
	ul.menu a:before {
		top: 0;
		left: 0;
	}
	ul.menu a:after {
		bottom: 0;
		right: 0;
	}
	ul.menu a:hover:before,
	ul.menu .active a:before,
	ul.menu a:hover:after,
	ul.menu .active a:after {
		width: 100%;
	}
}
@media (max-width: 991px) {
	header ul.menu li:not(:last-child) {
		margin-right: 0;
		border-bottom: 1px solid #3b85ad;
	}
	header ul.menu {
		display: grid;
	}
	.header-inner-right {
		position: absolute;
		z-index: 99999;
		left: 15px;
		top: -7px;
		width: calc(100% - 30px);
		background: var(--primary);
		border-radius: 0;
		opacity: 0;
		visibility: hidden;
		transform: translateY(20px);
		transition: all 0.3s ease;
		box-shadow: 0 0 15px rgba(0,0,0,0.15);
	}
	.header-inner-right.open-mob-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.hamburger-icon {
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	header.fixed ul.menu>li a {
		color: #fff;
	}
	header ul.menu>li a {
		padding: 12px 15px;
		display: flex;
		color: #fff;
	}
	ul.menu a:hover, ul.menu .active a {
		background-color: #fff;
	}
}
/* ----- Overview Sec & Why Recycle ----- */

.overview-sec .container,
.why-rec-sec .container {
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
}
.overview-sec .ani-items>div,
.why-rec-sec .ani-items>div {
	position: absolute;
}
.overview-sec .ani-items1,
.why-rec-sec .ani-items1 {
	top: 3%;
	right: 25%;
}
.why-rec-sec .ani-items1 {
	top: -7%;
}
.overview-sec .ani-items2,
.why-rec-sec .ani-items2 {
	bottom: 3%;
	left: 6%;
}
.why-rec-sec .ani-items2 {
	bottom: 15%;
}
.overview-sec .ani-items3,
.why-rec-sec .ani-items3 {
	bottom: 5%;
	right: 6%;
}
.why-rec-sec .ani-items3 {
	bottom: -7%;
}
@media (max-width: 767px) {
	.overview-sec .container, .why-rec-sec .container {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.overview-sec .ani-items1, .why-rec-sec .ani-items1 {
		top: -8%;
	}
	.overview-sec .ani-items2, .why-rec-sec .ani-items2,
	.overview-sec .ani-items3, .why-rec-sec .ani-items3 {
		bottom: -10%;
	}
}
/* ----- Progress Bar ----- */

.progress-right {
	background-color: var(--green);
	padding: 30px;
	border-radius: 15px;
}
.progress-right p {
	font-size: 22px;
	font-weight: bold;
	margin-top: 15px;
	color: #fff;
}
.progress-right p span {
	color: var(--light-green);
}
/* ----- Impact Section ----- */

.impact-col-text {
	padding: 25px;
	min-height: 285px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.impact-col-img {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	text-align: center;
	min-height: 285px;
	max-height: 285px;
	background-color: #e8e8e8;
}
.impact-col-img img {
	max-height: 250px;
	margin-left: auto;
	margin-right: auto;
}
.arrow-dwn:after {
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid var(--light-green);
	position: absolute;
	bottom: -79px;
	right: 25px;
	z-index: 9;
}
.arrow-left:after {
	content: "";
	border: 40px solid transparent;
	border-right: 40px solid #16d2eb;
	position: absolute;
	top: 25px;
	left: -79px;
	z-index: 9;
}
.arrow-right:after {
	content: "";
	border: 40px solid transparent;
	border-left: 40px solid #ee8990;
	position: absolute;
	bottom: 25px;
	right: -79px;
	z-index: 9;
}
.impact-col .count {
	font-size: 36px;
	font-weight: bold;
	line-height: normal;
	color: var(--blue);
}
.impact-col p {
	font-size: 18px;
	color: var(--blue);
	margin-bottom: 0;
	margin-top: 10px;
}
@media (max-width: 1199px) {
	.impact-col p {
		font-size: 16px;
	}
}
@media (max-width: 991px) {
	.impact-col p {
		font-size: 14px;
	}
	.impact-col-text {
		min-height: 250px;
	}
	.impact-col-img {
		min-height: 250px;
		max-height: 250px;
	}
}
@media (max-width: 767px) {
	.arrow-right:after,
	.arrow-left:after,
	.arrow-dwn:after {
		display: none;
	}
	.impact-col-text {
		min-height: initial;
	}
	.impact-col-img {
		min-height: initial;
		max-height: initial;
		padding: 10px 10px 0;
	}
}
/* -----  What We Do Objective  ----- */
.bg-img-r {
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: right bottom;
}
.bg-img-l {
	background-repeat: no-repeat;
	background-size: 45% auto;
	background-position: left bottom;
}

@media (max-width: 991px) {
	.bg-mb-none {
		background-image: none !important;
	}
}

/* ----- Contact Us ----- */

.connect .hero {
	padding-bottom: 175px;
}
.hero {
	padding-top: 100px;
	padding-bottom: 175px;
}
.hero .main-title {
	font-size: 3rem;
}
.connect-bot {
	position: relative;
	bottom: 75px;
}
.connect-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 100%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	padding: 40px;
	border-radius: 15px;
	text-align: center;
}
.connect-box i {
	font-size: 52px;
	margin-bottom: 15px;
	color: var(--primary);
}
.connect-box h5 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 20px;
	color: var(--primary);
}
.bottom-sec .main-title {
	font-size: 3.5rem;
	max-width: 350px;
}
.main-title {
	font-size: 2.3rem;
	text-transform: uppercase;
	margin-bottom: 30px;
	color: var(--primary);
	font-weight: 800;
}
.form-home {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	border-radius: 25px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.btn-brand {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	font-weight: 600;
	background-color: var(--primary);
	padding: 10px 25px;
	transition: all 0.5s ease;
	margin-top: 10px;
	border-radius: 25px;
	border: none;
	display: inline-block;
}
.btn-brand:hover,
.btn-brand:focus,
.btn-brand.active {
	color: #fff;
	background-color: var(--dark);
}
.form .form-row .form-control {
	border: 1px solid #ddd;
	color: var(--primary);
	border-radius: 25px;
	min-height: 45px;
	padding-left: 20px;
	padding-right: 20px;
}
@media (max-width: 767px) {
	.connect-bot {
		bottom: 0;
		padding-top: 30px;
	}
	.form-home {
		padding: 25px;
	}
}
/* ----- knowledge center ----- */

.do-and-dont {
	position: relative;
	text-align: center;
}
.centered-text {
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%);
	line-height: 1.3;
	font-size: 18px;
}
@media (max-width: 1199px) {
	.centered-text {
		position: absolute;
		bottom: 50%;
		right: 50%;
		transform: translate(50%, 50%);
		font-size: 16px;
		line-height: 17px;
	}
}
@media (max-width: 767px) {
	.centered-text {
		position: absolute;
		bottom: 50%;
		right: 50%;
		transform: translate(50%, 50%);
		font-size: 14px;
		line-height: 17px;
	}
}
@media (max-width: 575px) {
	.centered-text {
		position: absolute;
		bottom: 50%;
		right: 50%;
		transform: translate(50%, 50%);
		font-size: 12px;
		line-height: 15px;
	}
}
/*Progress Bar*/

#circle-b img {
	position: absolute;
	width: 88px;
	right: 241px;
	top: 51px;
}
#circle-c img {
	position: absolute;
	width: 87px;
	right: 241px;
	bottom: 126px;
}
@media (max-width: 1199px) {
	#circle-b img {
		position: absolute;
		width: 88px;
		right: 197px;
		top: 51px;
	}
	#circle-c img {
		position: absolute;
		width: 87px;
		right: 197px;
		bottom: 126px;
	}
}
@media (max-width: 575px) {
	#circle-b img {
		position: absolute;
		width: 88px;
		right: 139px;
		top: 51px;
	}
	#circle-c img {
		position: absolute;
		width: 88px;
		right: 139px;
		bottom: 126px;
	}
}
.font-weight {
	font-weight: bold;
	color: black;
}
.progress-left .sub-heading img {
	max-width: 29%
}
/*--  Read More  --*/

#more {
	display: none;
}
#more1 {
	display: none;
}
#more2 {
	display: none;
}
/* ----- Green animation ----- */

.green-ani {
	width: 650px;
	max-width: 100%;
	margin: auto;
	position: relative;
}
.green-ani > li:nth-child(2) {
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateX(0);
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
}
.green-ani > li:nth-child(2) img {
	width: 150px;
	max-width: 100%;
}
.green-ani.slide-img > li:nth-child(2) {
	transform: translateX(-140px);
	opacity: 1;
	visibility: visible;
}
@media (max-width: 767px) {
	.green-ani > li:nth-child(2) img {
		width: 115px;
	}
	.green-ani.slide-img > li:nth-child(2) {
		transform: translateX(-115px);
	}
}
@media (max-width: 575px) {
	.green-ani {
		width: 320px;
	}
	.green-ani > li:nth-child(2) img {
		width: 80px;
	}
	.green-ani.slide-img > li:nth-child(2) {
		transform: translateX(-65px);
	}
}
/* ----- Footer ----- */
footer ul li:not(:last-child) {
	margin-bottom: 10px;
}
/* ----- Copyright ----- */
.copyright {
	background-color: #133848;
	padding-top: 10px;
	padding-bottom: 10px;
}