/* DETAILS
==================================================
	Theme Name: GSFS
	Author: Pritam
	Author URI: 
==================================================
*/
@charset "utf-8";
/*======== embedded fonts ========*/

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500&family=Quicksand:wght@500;700&display=swap');

/* font-family: 'Jost', sans-serif;
font-family: 'Quicksand', sans-serif; */

/*======== embedded fonts ========*/
/*======== common Styles Start ========*/
:root {
	--green: #54b435;
	--yellow: #f2a922;
	--light-yellow: #f5f0bb;
	--skyBlue: #96d9de;
	--white: #ffffff;
	--black: #222222;
	--red: #e03c33;
	--common-transition: all 0.3s ease 0s;
	--jost: 'Jost', sans-serif;
	--quicksand: 'Quicksand', sans-serif;
}
html {
	overflow-x: hidden;
}
body {
	margin: 0;
	padding: 0;
	font-family: var(--quicksand);
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	color: #222222;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--quicksand);
	margin: 0 0 25px;
	padding: 0;
	font-weight: 700;
}
h1 {
	font-size: 72px;
	text-transform: uppercase;
}
h2 {
	font-size: 51px;
	text-transform: uppercase;
}
h3 {
	font-size: 46px;
}
h4 {
	font-size: 26px;
}
h5 {
	font-size: 23px;
}
h6 {
	font-size: 16px;
}
p {
	margin: 0 0 25px;
	padding: 0;
	line-height: 1.7;
}
img {
	max-width: 100%;
}
a,
img {
	border: 0;
	text-decoration: none;
	outline: none;
	transition: all ease-in-out 0.4s;
}
a,
a:link {
	color: var(--red);
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
a:visited,
a:focus,
a:hover {
	text-decoration: none;
	color: var(--green);
}
.form-group {
	margin: 0 0 15px;
}
textarea,
select,
.form-control {
	font-weight: 400;
	font-size: 16px;
	outline: none;
	padding: 12px;
	box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.1);
	border: 0;
	background: transparent;
	border: 1px solid #c2c2c2;
	font-size: 16px;
	line-height: 1.6;
	color: #777777;
	margin-bottom: 20px;
	border-radius: 0px;
}
textarea.form-control {
	height: 150px;
	resize: none;
}
input[type='submit'] {
	font-weight: 400;
	font-size: 16px;
	transition: all 0.3s ease 0s;
	outline: none;
}
input:focus-visible {
	outline: none;
	box-shadow: none;
}
.form-group label {
	margin: 0 0 5px;
}
select {
	background-image: url(../images/icon-down.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
}

/* ======== for placeholder color ======== */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* ======== for placeholder color ======== */

/* ======== only use for wordpress (Image alignment) ======== */
.alignleft,
.alignnone {
	float: left;
	margin: 0 15px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
.aligncenter {
	margin: 10px auto;
	display: block;
}
/* ======== only use for wordpress (Image alignment) ======== */

/* ======== Button Styles ======== */
.btn,
a.btn {
	border: 0;
	display: inline-block;
	vertical-align: top;
	background: var(--green);
	color: var(--black);
	padding: 16px 42px;
	text-transform: uppercase;
	border-radius: 0px;
	font-size: 16px;
	line-height: 1;
	font-weight: 700; /* min-width: 160px; */
}
.btn:hover,
a.btn:hover {
	background: var(--yellow);
	color: var(--black);
}

.btn.yellow-border-btn {
	background: transparent;
	border: 1px solid var(--yellow);
}
.btn.btn-yellow,
a.btn.btn-yellow {
	background: var(--yellow);
	color: var(--black);
}
.btn.btn-yellow:hover,
a.btn.btn-yellow:hover {
	background: var(--green);
	color: var(--white);
}

.btn.btn-green,
a.btn.btn-green {
	background: var(--green);
	color: var(--white);
}

.btn.btn-green:hover,
a.btn.btn-green:hover {
	background: var(--yellow);
	color: var(--black);
}

/* ======== Button Styles ======== */

strong {
	font-weight: 700;
}
/* .section-title { margin-bottom: 20px; position: relative; padding: 0px 0px 19px;} */
.section-title h6 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--dark-sky);
	margin-bottom: 13px;
}
.section-title h2 {
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	color: #0d1d38;
	margin-bottom: 20px;
	position: relative;
	padding: 0px 0px 19px;
}
.section-title h2:after {
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--dark-sky);
	width: 62px;
	height: 4px;
	content: '';
	z-index: 9;
}
.section-title h2.center:after {
	margin: 0 auto;
	right: 0;
}
.section-title.white-title h6,
.section-title.white-title h2 {
	color: #ffffff;
}
.section-title.white-title h2:after {
	background: #ffffff;
}
.title {
	font-weight: 700;
	font-size: 200px;
	line-height: 1.2;
	letter-spacing: -0.09em;
	color: #ffffff;
	opacity: 0.41;
	position: absolute;
	left: 0;
	top: 50%;
}
.title.rotate-left {
	transform: rotate(-90deg) translateX(-50%);
	left: 0;
	transform-origin: top left;
}
.title.rotate-right {
	transform: rotate(90deg) translateX(50%);
	right: 0;
	transform-origin: top right;
}

/* ======== pagination Styles ======== */
.pagination-list {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 30px;
}
.pagination-list li {
	list-style: none;
}
.pagination-list .page-numbers {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #c3c3c3;
	font-size: 18px;
	color: #080a0a;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}
.pagination-list .current > .page-numbers,
.pagination-list .page-numbers.current {
	color: #ffffff;
	background: var(--green);
}
.pagination-list .next.page-numbers,
.pagination-list .prev.page-numbers {
	border: 1px solid var(--green);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.common-padding {
	padding-top: 100px;
	padding-bottom: 100px;
}
.common-padding2 {
	padding-top: 80px;
	padding-bottom: 80px;
}

/*======== common styles end ========*/

/*======== for header css ========*/
.main-header {
	position: relative; /*padding: 19px 0;*/
	z-index: 999;
	left: 0;
	right: 0;
	top: 0;
	transition: all 0.5s;
	-ms-transition: all 0.5s;
}
.header-contact-row {
	background: var(--black);
	padding: 8px 0 16px;
}
.header-contact-row ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}
.header-contact-row ul li a {
	display: block;
	color: #ffffff;
	font-size: 14px;
}
.header-contact-row ul li a i {
	margin: 0 5px 0 0;
}
.header-contact-row ul li a:hover {
	color: var(--yellow);
}
.header-row {
	box-shadow: 3px 0 20px #00000031;
}
.header-row-inn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.logo a {
	display: block;
}
.logo img {
	height: 100px;
	width: auto;
	position: absolute;
	top: 10px;
}
.hdr-rt {
	display: flex;
	align-items: center;
}
.main-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
.main-menu ul li {
	list-style: none;
	text-align: center;
	display: flex;
	align-items: center;
	position: relative;
}
.main-menu ul li:not(:last-child) {
	margin-right: 40px;
}
.main-menu ul li a {
	display: block;
	color: var(--black);
	position: relative;
	display: block;
	padding: 18px 0px;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.2px;
	cursor: pointer;
}
.main-menu ul li:hover > a,
.main-menu ul li.current-menu-item a {
	color: var(--green);
}

.main-menu .btn {
	border-radius: 30px;
	margin: 17px 0px;
	padding: 0;
}
.main-menu .btn a {
	border-radius: 30px;
	color: var(--white);
	display: block;
	padding: 16px 42px;
}
.main-menu .btn:hover a {
	background: var(--yellow);
	color: var(--black);
}

/* Sub Menu */
.main-menu ul li span.arrow {
	margin-left: 8px;
}
.main-menu ul li ul.sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 200px;
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
ul.sub-menu li:not(:last-child) {
	margin: 0;
}
.main-menu ul li ul.sub-menu a {
	display: block;
	padding: 10px;
	font-size: 14px;
}
.main-menu ul li ul.sub-menu li {
	display: block;
	text-align: left;
}

/* ------ hamburger menu styling ------ */
.hamburger-nav {
	display: none;
	vertical-align: top;
	width: 30px;
	height: 24px;
	position: relative;
	margin: 0 0 0 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	margin-top: 0;
	z-index: 9;
}

.hamburger-nav span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--black);
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.hamburger-nav span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.hamburger-nav span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.hamburger-nav span:nth-child(3) {
	top: 20px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

/* ------ after sticky ------ */
.header-sticky .header-row {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	background: rgba(3, 6, 12, 0.9);
	animation: slide-down 0.5s;
	transition: var(--common-transition);
}
.header-sticky .header-row .top-header {
	display: none;
}
.header-sticky .header-row .mid-header {
	position: relative;
}
.header-sticky .main-menu ul li a::before {
	bottom: 29px;
}
.header-sticky main {
	padding-top: 77px;
}
.mobile-menu,
.mobile-login-btn {
	display: none;
}
.header-sticky .main-menu ul li a {
	color: #ffffff;
}
.header-sticky .main-menu ul li ul.sub-menu a {
	color: #080a0a;
}
.header-sticky .header-row .arrow svg {
	color: #fff;
	fill: #fff;
}
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*======== for header css ========*/
* {
	box-sizing: border-box;
}
main {
	position: relative;
	overflow-x: hidden;
}
/*======== Banner Start ========*/
.home-bnr-section {
	padding: 90px 0 80px;
}
.bnr-content .row {
	align-items: center;
}
.home-bnr-txt h1 {
	margin-bottom: 100px;
	font-size: 52px;
}

/*======== Banner Bellow Section Start ========*/
.project-inn {
	padding: 50px 20px 28px;
	border-radius: 10px;
	position: relative;
	height: 100%;
}
.project-each:nth-child(odd) .project-inn {
	background: var(--light-yellow);
}
.project-each:nth-child(even) .project-inn {
	background: var(--skyBlue);
}
.project-inn:before {
	position: absolute;
	right: 5px;
	top: 7px;
	/* background: url(../images/rounder-icon.png) no-repeat; */
	background: url(https://gsfs.org.in/dev/wp-content/themes/gsfs/assets/images/rounded-icon.svg)
		no-repeat;
	width: 90px;
	height: 90px;
	background-size: cover;
	content: '';
	z-index: 1;
}
.project-inn p {
	font-family: var(--jost);
	font-weight: 500;
	margin: 0 0 15px;
}
.project-inn h5 {
	font-size: 26px;
	margin: 0 0 15px;
}
.project-inn a {
	font-family: var(--jost);
	font-size: 15px;
	font-weight: 500;
}

/*======== About Start ========*/
.about-warp {
	background: #fffbe8;
}
.abt-md-part {
	background: var(--light-yellow);
	text-align: center;
	padding: 80px 30px 96px;
}
/* .abt-lt-part,
.abt-rt-part {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
} */

.abt-lt-part .abt-img-holder:nth-child(1) {
	position: relative;
	padding-bottom: 164%;
	margin-bottom: 20px;
}
.abt-lt-part .abt-img-holder:nth-child(2) {
	position: relative;
	padding-bottom: 69%;
}
.abt-rt-part .abt-img-holder:nth-child(1) {
	position: relative;
	padding-bottom: 69%;
	margin-bottom: 20px;
}
.abt-rt-part .abt-img-holder:nth-child(2) {
	position: relative;
	padding-bottom: 164%;
}
.abt-img-holder img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

/*======== Our Achievements Start ========*/
.achievements-wrap .row {
	align-items: center;
}
.achive-img {
	position: relative;
}
.achive-img-holder {
	position: relative;
}
.achive-img-holder img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.achive-img .achive-img-holder:nth-child(1) {
	padding-bottom: 45%;
	width: 400px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.achive-img .achive-img-holder:nth-child(2) {
	padding-bottom: 45%;
	width: 300px;
	position: absolute;
	left: 0;
	bottom: 140px;
	z-index: 2;
}
.achive-img .achive-img-holder:nth-child(3) {
	padding-bottom: 57%;
	width: 260px;
	position: absolute;
	right: 30px;
	top: 90px;
	z-index: 2;
}
.achive-img .achive-img-holder:nth-child(4) {
	padding-bottom: 45%;
	width: 390px;
	position: absolute;
	right: 30px;
	bottom: 0px;
	z-index: 1;
}

/* .achive-info {
	margin-top: 80px;
} */
.achive-info h3 {
	margin-bottom: 55px;
	text-transform: uppercase;
}

.achive-info ul {
	margin: 0;
}
.achive-info ul li {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 25px;
	position: relative;
	list-style: none;
	padding-left: 65px;
}
.achive-info ul li::before {
	position: absolute;
	left: 0;
	top: 5px;
	background: url(https://gsfs.org.in/dev/wp-content/themes/gsfs/assets/images/bullets.svg)
		no-repeat;
	/* background: url(../images/Bullets.png) no-repeat; */
	width: 40px;
	height: 40px;
	content: '';
	z-index: 9;
	background-size: contain;
}

/*======== Seba Ashram Start ========*/
.old-home-wrap {
	background-size: cover !important;
	background-attachment: fixed !important;
	position: relative;
	text-transform: uppercase;
}
.old-home-wrap::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	content: '';
	z-index: 1;
}
.old-home-wrap .container {
	position: relative;
	z-index: 2;
}
.old-home-wrap h4 {
	color: #fff;
	margin: 0 0 32px;
}
.old-home-wrap h2 {
	font-size: 60px;
	color: #ffffff;
	max-width: 860px;
	margin: 0 auto 30px;
}
.old-home-wrap h2 span {
	color: var(--yellow);
	display: block;
}
.old-home-wrap p {
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 48px;
}
.old-home-wrap .btn-wrap a {
	letter-spacing: 4px;
}

/*======== Counter Start ========*/
.counter-wrap {
	background: #fffbe8;
}
.counter-each-inn {
	padding: 25px 15px 15px 15px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #ccc;
}
.counter-each-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 0px auto 20px;
	box-shadow: 0px 0px 10px #ccc;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.counter-each-img img {
	width: 90%;
	height: 90%;
}
.counter-each {
	text-align: center;
}
.counter-each-inn h4 {
	font-size: 34px;
	margin: 0;
	color: var(--yellow);
}
.counter-each-inn p {
	font-family: var(--jost);
	font-size: 16px;
	color: #939292;
	margin: 0;
	text-transform: uppercase;
}

/*======== Up Coming Events Start ========*/
.upcoming-events-wrap h2 {
	margin: 0 0 30px;
	color: var(--yellow);
	text-transform: uppercase;
}
.upcoming-events-each li {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dashed #939292;
}
.upcoming-events-each li:last-child {
	border-bottom: none;
}
.events-lt ul li:last-child .upcoming-events-each,
.events-rt .upcoming-events-each {
	border: none;
	padding: 0;
	margin: 0;
}
.upcoming-events-each h6 {
	margin-bottom: 10px;
	font-size: 16px;
	color: var(--yellow);
}
.upcoming-events-each h5 {
	margin-bottom: 10px;
	font-size: 20px;
	color: var(--black);
}
.upcoming-events-each a {
	font-size: 14px;
}
.upcoming-events-each a:hover h5,
.upcoming-events-each li.ui-tabs-active a h5 {
	color: var(--green);
}
.upcoming-events-img-holder {
	position: relative;
	padding-bottom: 50%;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #ccc;
}
.upcoming-events-img-holder img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.events-rt {
	padding-left: 100px;
}

/*======== Recent Events Start ========*/
.recent-evt-wrp {
	padding: 86px 0;
}
.recent-evt-wrp {
	position: relative;
	background-size: 100% 75% !important;
}
.recent-evt-wrp:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 75%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	content: '';
}
.recent-evt-wrp .container {
	position: relative;
	z-index: 2;
	text-align: center;
}
.recent-evt-top h5 {
	font-family: var(--quicksand);
	font-weight: 700;
	margin: bottom 28px;
	color: var(--white);
}
.recent-evt-top h2 {
	color: var(--yellow);
	margin-bottom: 60px;
}
.recent-evt-top {
	max-width: 700px;
	width: 100%;
	margin: 0px auto;
}
.rcnt-evt-inn {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
	height: 100%;
}
.rcnt-evt-img {
	position: relative;
	padding-bottom: 60%;
	line-height: 0;
}
.rcnt-evt-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}
.rcnt-evt-info {
	background: #fffbe8;
	padding: 18px 17px 18px 12px;
	text-align: left;
	height: 100%;
}
.rcnt-evt-info h6 {
	color: var(--red);
	margin-bottom: 11px;
}
.rcnt-evt-info h5 {
	margin-bottom: 10px;
	font-size: 14px;
}
.rcnt-evt-info a {
	font-weight: 700;
	font-size: 18px;
	margin: 0px;
}

/* our partners Start */
.partner-logo {
	text-align: center;
	padding: 0 0 80px;
}
.partner-logo h2 {
	letter-spacing: 2px;
}
.partner-slider .slick-slide {
	margin: 0 30px;
	padding: 0 30px;
}
.partner-slider .slick-list {
	margin: 0 -30px;
}
.partner-slider .item img {
	height: 180px;
	width: auto;
	object-fit: contain;
	margin: 0 auto;
}

/* Become a Volunteer Start */
.volunteer-wrap {
	padding: 170px 0 125px;
	position: relative;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.volunteer-wrap:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
	content: '';
}
.volunteer-wrap .container {
	text-align: center;
	position: relative;
	z-index: 2;
}
.volunteer-wrap h2 {
	color: var(--white);
	max-width: 700px;
	margin: 0 auto 50px;
}

/* Footer Start */
.ftr-btm {
	padding: 20px 0;
	background: var(--black);
}
.ftr-btm p {
	font-size: 14px;
	color: var(--white);
	margin: 0px;
}
.ftr-top {
	padding-top: 50px;
	padding-bottom: 50px;
}
.ftr-logo {
	display: flex;
	align-items: center;
}
.ftr-top ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ftr-social ul {
	display: flex;
	align-items: center;
	gap: 20px;
}
/* .ftr-social ul li:not(:last-child) {
	margin-right: 30px;
} */
.ftr-social ul li img {
	height: 40px;
}
.ftr-top ul li a {
	color: #000;
}
.ftr-top ul li a:hover {
	color: var(--green);
}
.ftr-top ul li {
	font-weight: 700;
}
/* .ftr-top ul li:not(:last-child) {
	margin-bottom: 10px;
} */
/* .ftr-contact li:before{position: absolute; left: 0; top: 0; width: 100%; height: 75%; z-index: 1; font: var(--fa-font-solid);
	content: '\f007'; font-weight: bold; } */
.ftr-contact li span {
	margin-left: 10px;
}
.ftr-contact li i.fa-solid.fa-phone {
	transform: rotate(95deg);
}

/* Donation Modal */
.donationModal h5 {
	text-align: center;
}
.donationModal .close {
	position: absolute;
	border: 1px solid #f00;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	right: -17px;
	top: -16px;
	font-size: 30px;
	line-height: 30px;
	color: #f00;
	background: #fff;
	padding: 0px;
}
.donationModal .modal-content {
	padding: 30px;
}
.donationTabs ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.donationTabs ul li a {
	background: transparent;
	color: var(--green);
	padding: 7px 20px;
	border-radius: 5px;
	margin: 0 5px;
	display: block;
	border: 2px solid var(--green);
}
.donationTabs ul li.ui-tabs-active a,
.donationTabs ul li a:hover {
	background: #33831a;
	color: var(--white);
}
.donationTabs .tab-each ul {
	display: block;
	margin: 0;
}
.donationTabs .tab-each ul li {
	display: flex;
}
.donationTabs .tab-each ul li strong {
	width: 150px;
}
.donationTabs ul li span {
	font-size: 16px;
	font-weight: 700;
	margin: 0 15px;
	width: calc(100% - 150px);
}

/*======================================================================== 
                            Inner Page Start
 ========================================================================*/
.inner-banner {
	padding: 0;
	position: relative;
}
.inner-banner-img-holder {
	position: relative;
	padding-bottom: 30%;
}
.inner-banner-img-holder img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}
.inner-banner .bnr-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 3;
}
.inner-banner-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	z-index: 2;
}
.inner-banner .bnr-content h1 {
	color: var(--white);
	margin: 0;
}
/* ========= About Page Start ========= */
.our-company {
	padding: 80px 0px;
}
.our-company-left-img .image {
	position: relative;
	padding-bottom: 131.1%;
}
.our-company-left-img .image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
/* .our-company-right-info .our-company-title {
	padding-left: 140px;
	padding-bottom: 65px;
	padding-top: 60px;
} */
.our-company-right-info .our-company-title {
    padding-left: 0;
    padding-bottom: 0px;
    padding-top: 0;
}
.our-company-right-info .our-company-title h2 {
	margin-bottom: 30px;
	max-width: 70%;
	padding: 0;
}
.our-company-right-info .our-company-title p:last-child {
	margin-bottom: 0;
}
.our-company-right-info .our-company-right-img {
	position: relative;
	z-index: 5;
	margin-left: -130px;
	width: 650px;
}
.our-company-right-info .our-company-right-img .image {
	position: relative;
	padding-bottom: 70.8%;
}
.our-company-right-info .our-company-right-img .image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.why-choose-us {
	background: #faf9f6;
}
.why-choose-us-main-info .why-choose-info {
	margin-bottom: 60px;
	align-items: center;
}
.why-choose-us-main-info .why-choose-info:last-child {
	margin-bottom: 0;
}
.why-choose-us-main-info .why-choose-info:nth-child(odd) {
	flex-direction: row-reverse;
}
.why-choose-us-main-info .why-choose-info:nth-child(odd) .why-choose-image {
	padding-right: 0;
	padding-left: 0;
	/* padding-left: 135px; */
}
.why-choose-us-main-info .why-choose-info:nth-child(odd) .our-company-title {
	padding-left: 12px;
}
.why-choose-us .why-choose-image {
	/* padding-right: 135px; */
	padding-right: 0px;
}
.why-choose-us .why-choose-image .image {
	position: relative;
	padding-bottom: 96.5%;
}
.why-choose-us .why-choose-image .image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.why-choose-us .why-choose-text .text-box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dcd8cb;
}
.why-choose-us .why-choose-text .text-box:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.why-choose-us .why-choose-text .text-box h3 {
	font-family: var(--playfair);
	font-weight: 500;
	color: #222222;
	margin-bottom: 30px;
}
.why-choose-us .why-choose-text .text-box p:last-child {
	margin-bottom: 0;
}

.team-each {
	position: relative;
	overflow: hidden;
}
.team-img-holder {
	position: relative;
	padding-bottom: 96%;
	box-shadow: 0 0 10px 0px #e3e3e3;
}
.team-img-holder img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-each h4 {
	margin-bottom: 5px;
}
.team-each p {
	margin-bottom: 0px;
}
.team-each .team-info {
	position: absolute;
	left: 0;
	bottom: -100%;
	padding: 20px;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	color: #fff;
	transition: all ease-in-out 0.4s;
}
.team-each:hover .team-info {
	bottom: 0;
	transition: all ease-in-out 0.4s;
}

/* ========= Contact Page Start ========= */
.contact-wrap {
	background: #faf9f6;
}
.contact ul {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}
.contact ul li {
	display: flex;
	margin-bottom: 30px;
}
.contact ul li:last-child {
	margin-bottom: 0px;
}
.contact ul li h3 {
	margin-bottom: 10px;
}
.contact ul li p {
	margin-bottom: 0px;
}
.contact ul li .contact-icon {
	margin-right: 20px;
	padding-top: 7px;
}
.contact ul li a {
	color: #777777;
}
.contact ul li a:hover {
	color: var(--main-color);
}
.frm-holder {
	background: #ffffff;
	padding: 30px;
}
.frm-holder .section-title h2 {
	margin-bottom: 30px;
	padding: 0;
}
.map-holder {
	line-height: 0;
}
.map-holder iframe {
	width: 100%;
	height: 310px;
}
.contact-info h4 {
	margin: 0 0 5px;
	font-size: 20px;
}

/* ========= Gallery Page Start ========= */
.gal-wrap ul {
	display: flex;
	padding: 0;
	list-style: none;
	align-items: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.gal-wrap ul li {
	margin: 0 0 30px;
}
.gal-wrap ul li a {
	position: relative;
	padding-bottom: 100%;
	display: block;
}
.gal-wrap ul li a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.more {
	text-align: center;
}

/********** Blogs Start **********/
.blog-wrp {
	background: url(../images/blog-btm-bg.png) no-repeat left 40px bottom -70px,
		url(../images/BG-Tree2.png) no-repeat right top;
	background-size: 391px;
}
.blog-wrp .blog-each-wrp {
	padding: 50px;
	background: #eee3da;
	border-radius: 15px;
}
.each-blog {
	padding: 10px;
	background: #ffffff;
	box-shadow: 0px 5px 20px rgba(24, 12, 2, 0.1);
	border-radius: 15px;
	margin-bottom: 30px;
}
.each-blog-info {
	padding: 0px 20px 25px;
}
.each-blog-info h6 {
	font-family: var(--font1);
	font-weight: 400;
	font-size: 16px;
	line-height: normal;
	color: #818996;
	display: flex;
	align-items: center;
	margin: 0px 0px 7px;
}
.each-blog-info h6 i {
	margin-right: 12px;
}
.each-blog-info p {
	font-family: var(--font1);
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #818996;
	margin: 0px 0px 22px;
}
.rt-each-blog .each-blog-info h5 a,
.each-blog-info h5 a {
	font-family: var(--font2);
	font-size: 20px;
	line-height: normal;
	color: #000c25;
	margin-bottom: 15px;
	text-decoration: none;
	font-weight: 600;
}
.rt-each-blog .each-blog-info h5 a:hover,
.each-blog-info h5 a:hover {
	color: #009c4c;
}
.lt-each-blog .each-blog-img {
	line-height: 0px;
}
.lt-each-blog .each-blog-img img {
	width: 100%;
	height: 326px;
	margin-bottom: 20px;
	border-radius: 10px;
	object-fit: cover;
}
.rt-each-blog .each-blog-img {
	width: 175px;
	height: 168px;
	margin-right: 30px;
	border-radius: 10px;
	object-fit: cover;
}
.rt-each-blog .each-blog-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.rt-each-blog {
    display: flex;
    align-items: center;
}
.rt-each-blog .each-blog-info {
	padding: 0px 20px 25px 0px;
	width: calc(100% - 205px);
}
.rt-each-blog .each-blog-info a {
	color: #359942;
	text-decoration: underline;
	font-weight: 600;
	font-size: 16px;
}
.rt-each-blog .each-blog-info a:hover {
	color: #000c25;
}
.each-blog-img {
	line-height: 0px;
}
.all-blog-btn {
	text-align: center;
}
.event-search-resp-wrap a {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}
.rt-each-blog .each-blog-info h5 a {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
}
.rt-each-blog .each-blog-info h5{line-height: 1;}
.each-blog-info a.btn {
    margin-top: 15px;
}
.each-blog-info h5 {
    margin-bottom: 15px;
}

/********** Subscribe Blog Start **********/
.subscribe-wrp {
	background: url(../images/newsletter-bg.jpg) no-repeat;
	background-size: cover;
	padding: 80px 0px 230px;
}
.subscribe-wrp form {
	text-align: center;
}
.subscribe-wrp form input[type='email'] {
	background: #ffffff;
	border-radius: 10px;
	padding: 15px 20px;
	margin-right: 20px;
	font-weight: 500;
	font-size: 16px;
	color: #02163e;
	border: none;
	max-width: 612px;
	width: 100%;
}
.inner-blog-wrp {
	background: url(../images/villa-bg.png) no-repeat center bottom;
}
.blog-search,
.blog-tag {
	padding: 30px;
	background: #ffffff;
	box-shadow: 0px 5px 20px rgb(24 12 2 / 10%);
	border-radius: 15px;
	margin-bottom: 30px;
}
.blog-search h5,
.blog-tag h5 {
	font-family: var(--font2);
	font-size: 24px;
	line-height: normal;
	color: #000c25;
	letter-spacing: -0.02em;
}
.blog-search h5 {
	margin-bottom: 20px;
}
.blog-search form {
	display: flex;
	border-radius: 10px;
	border: 1px solid #00000020;
	padding: 17px 20px 18px;
	align-items: center;
	justify-content: space-between;
}
.blog-search form input[type='text'] {
	border: none;
	background: transparent;
	color: #818996;
	width: calc(100% - 50px);
}
.blog-search form input[type='submit'] {
	border: none;
	background: url(../images/search.svg) no-repeat 0px 0px;
	text-indent: -999999px;
	width: 20px;
	height: 20px;
}
.blog-search h5 {
	margin-bottom: 30px;
}
.blog-tag ul {
    display: flex;
    align-items: center;
	justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
	padding: 0;
    gap: 20px;
}
.blog-tag ul li a {
	color: #000c25;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	padding: 15px;
	background: #eee3da;
	border-radius: 10px;
	display: block;
}
.blog-tag ul li a:hover {
	background: #009c4c;
	color: #ffffff;
}
/* .blog-pagination .pagination { border: 1px solid #818996; border-radius: 10px 0px 0px 10px; } */
/* .pagination a { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #818996; padding: 15px 25px; display: block; border: 1px solid #818996; }  
.pagination li:first-child a, .pagination li:last-child a { padding: 15px 37px; }  
.pagination li:first-child a { border-radius: 10px 0px 0px 10px; }
.pagination li:last-child a { border-radius: 0px 10px 10px 0px; }
.pagination .active > .page-link, .pagination .page-link.active, .pagination .page-link:hover, .pagination .page-link:hover { background: #009c4c; color: #ffffff; border: 1px solid #818996; }   */
/*=================== Blog Page  End ================*/
/*=================== Blog Details Page  Start ================*/
.blog-details-info .section-title {
	text-align: left;
	margin-bottom: 32px;
	padding-bottom: 30px;
	border-bottom: 1px solid #00000010;
}
.blog-details-date {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}
.blog-details-date p {
	font-size: 16px;
	line-height: 15px;
	letter-spacing: -0.02em;
	color: #818996;
	position: relative;
	display: flex;
	align-items: center;
}
.blog-details-date p:last-child {
	margin-left: auto;
}
.blog-details-date p:first-child {
	margin-right: 20px;
	padding-right: 20px;
}
.blog-details-date p:first-child:after {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #359942;
	border-radius: 50%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	z-index: 1;
}
.blog-details-date p a {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #359942;
}
.blog-details-date p img {
	margin: 0px 12px 0px 0px;
	box-shadow: none;
	background: transparent;
	padding: 0px;
	border-radius: 0px;
}
.blog-details-date p:last-child img {
	margin: 0px 0px 0px 12px;
}
.blog-details-info img {
	background: #ffffff;
	box-shadow: 0px 5px 20px rgb(24 12 2 / 10%);
	border-radius: 15px;
	padding: 10px;
	margin-bottom: 20px;
	height: auto;
}
.blog-details-info p {
	margin-bottom: 20px;
}
.blog-details-info pre {
	background: #f3ebe5;
	border-radius: 15px;
	padding: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -0.02em;
	color: #000c25;
	white-space: normal;
	overflow: hidden;
	margin-bottom: 20px;
}
.blog-details-info ul li {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #818996;
	padding-left: 35px;
}
.blog-details-info ul li:before {
	position: absolute;
	width: 25px;
	height: 15px;
	background: url(../images/arrow-right.svg) no-repeat center center;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	z-index: 1;
	background-size: contain;
}

/*=================== Blog Details Page  End ================*/

/*======================================
			Responsive Start 
======================================*/
@media only screen and (min-width: 1920px) {
}
@media only screen and (max-width: 1699px) {
	h1 {
		font-size: 44px;
	}
	h2 {
		font-size: 36px;
	}
	h3 {
		font-size: 31px;
	}
	.home-bnr-txt h1 {
		margin-bottom: 60px;
		font-size: 44px;
	}
	.project-inn h5 {
		font-size: 16px;
	}

	.achive-info h3 {
    margin-bottom: 30px;
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
}
	.achive-info ul li {
		font-size: 16px;
		margin-bottom: 25px;
		padding-left: 65px;
	}
	.old-home-wrap h2 {
    font-size: 28px;
}
.counter-each-inn {
    margin-bottom: 30px;
}
}
@media only screen and (max-width: 1499px) {
	.home-bnr-section { padding: 40px 0; }
	.common-padding2 { padding-top: 50px; padding-bottom: 50px; }
	.common-padding { padding-top: 60px; padding-bottom: 60px; }
	.volunteer-wrap h2 { color: var(--white); max-width: 510px; margin: 0 auto 40px; }
	.inner-banner{padding: 0;}
	.blog-search, .blog-tag { padding: 30px; }
	.our-company {
		padding: 80px 0px 0;
	}

}
@media only screen and (max-width: 991px) {
	.container{
		max-width: 96%;
	}
	.main-header {
		padding:  0;
	}
	.desktop-menu {
		display: none;
	}
	.header-contact-row {
		display: none;
	}
	.logo img {
		height: 50px;
		width: auto;
		position: relative;
		top: 0;
	}
	.header-row {
		padding: 10px;
	}
	.mobile-menu {
		position: fixed;
		z-index: 1000;
		left: -100%;
		top: 0;
		background: var(--white);
		display: none;
		height: 100vh;
		width: 100%;
		transition: all 0.45s ease-in-out;
		display: block;
	}
	.hamburger-nav {
		display: block;
	}
	.menu-open .mobile-menu {
		left: 0;
	}
	.mobile-top-section .inner-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.mobile-top-section {
		padding: 15px 0;
	}
	.mobile-logo img {
		height: 100px;
	}
	.hamburger-nav-close {
		vertical-align: top;
		width: 30px;
		height: 24px;
		position: relative;
		margin: 0 0 0 15px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		cursor: pointer;
		margin-top: 0;
		z-index: 9;
	}
	.hamburger-nav-close span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: var(--black);
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	.hamburger-nav-close span {
		background: var(--black);
	}
	.hamburger-nav-close span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 10px;
		left: 3px;
	}
	.hamburger-nav-close span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	.hamburger-nav-close span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 10px;
		left: 2px;
	}
	.mobile-mid-section {
		height: calc(100vh - 125px);
		overflow-y: auto;
	}
	.mobile-mid-section.main-menu ul.menu {
		display: block;
		text-align: left;
	}
	.mobile-mid-section.main-menu ul li {
		display: flex;
		position: relative;
		text-align: left;
	}
	.mobile-mid-section.main-menu ul li:not(:last-child) {
		margin-right: 0px;
	}
	.mobile-mid-section li.menu-item-has-children > ul.sub-menu {
		position: absolute;
		left: 0px;
		top: 100%;
		margin: 0;
		width: 300px;
		background: #fff;
		z-index: 9;
	}
	.main-menu ul li a {
		font-size: 16px;
		padding: 11px 0px;
	}
	.main-menu li.menu-item-has-children > a:after {
		right: 0px;
		top: 50%;
		font-size: 10px;
	}
	.header-sticky .main-menu ul li a {
		color: var(--black);
	}
	.header-sticky .hamburger-nav span {
		background: var(--white);
	}
	.why-choose-us .why-choose-image {
		margin-bottom: 20px;
	}
	.our-company {
		padding: 40px 0px 0;
	}
}
@media only screen and (max-width: 767px) {
	.project-each {
    margin-bottom: 30px;
}
.old-home-wrap h4 {
    color: #fff;
    margin: 0 0 32px;
    font-size: 18px;
}
.events-rt {
    padding: 0 30px;
}
.rcnt-evt-each {
    margin-bottom: 30px;
}
.volunteer-wrap {
    padding: 60px 0 55px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.ftr-btm p {
    font-size: 14px;
}
.common-padding2 {
    padding-top: 30px;
    padding-bottom: 80px;
}
.home-bnr-section {
    padding: 30px 0 0px;
}
}
@media only screen and (max-width: 576px) {
	.container{
		max-width: 96%;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	.btn, a.btn {
		padding: 13px 22px;
		font-size: 14px;
	}
	.home-bnr-txt h1 {
		margin-bottom: 20px;
		font-size: 26px;
		text-align: center;
	}
	.home-bnr-txt a.btn {
		margin: 0 auto;
		width: max-content;
		display: block;
	}
	.home-bnr-txt {
		margin-bottom: 25px;
	}
	.common-padding2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.upcoming-events-each h5 {
		margin-bottom: 0px;
		font-size: 16px;
		color: var(--black);
	}
	.recent-evt-wrp {
		padding: 30px 0;
	}
	.partner-logo {
		padding: 0 0 30px;
	}
	.partner-slider .item img {
		height: 80px;		
	}
	.partner-slider .slick-slide {
		margin: 0px;
		padding: 0 30px;
	}
	.ftr-logo,.ftr-social ul {
		justify-content: center;
	}
	.ftr-logo img {
		height: 90px;
		margin: 0 auto 20px;
		display: block;
	}
	.ftr-each {
		text-align: center;
	}
	.ftr-top {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.col-md-6.ftr-each.ftr-contact {
		margin-bottom: 25px;
	}
	.ftr-social ul li img {
		height: 25px;
	}
	.rt-each-blog {
		flex-wrap: wrap;
	}
	.rt-each-blog .each-blog-img {
		width: 100%;		
		margin: 0 0 20px;
	}
	.rt-each-blog .each-blog-info {
		padding: 10px;
		width: 100%;
	}
	.blog-search, .blog-tag {
		padding: 10px;
		margin: 0;
	}
	.blog-tag ul li a {
		font-size: 14px;
		padding: 10px;
	}
	.inner-banner .bnr-content .home-bnr-txt {
		margin-bottom: 0;
	}
	.common-padding {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.our-company-left-img {
		margin-bottom: 20px;
	}
	.our-company-right-info .our-company-title h2 {
		margin-bottom: 15px;
		max-width: 100%;		
	}
	.frm-holder {
		padding: 20px;
	}
}
@media only screen and (max-width: 399px) {
}