@import url("https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:wght@300&family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:wght@300&family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pacifico&family=Roboto:wght@300&family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--main-color: #f7ca44; /* #ff853f   #ff853f*/
	--sub-color: rgba(255, 171, 0, 0.9); /*#f7f9f3*/
	--sub-bg: #f2f3f5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Ubuntu", sans-serif;
	font-weight: 700;
	font-style: normal;
}

p,
span,
a,
li {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	text-align: justify;
	font-size: 14px;
}

a {
	text-decoration: none;
}

section {
	padding: 70px 0;
}

/* -------- Main head -------- */
.main_head {
	margin-bottom: 30px;
	text-align: center;
}
.main_head img {
	width: 100px;
	margin-bottom: 5px;
}
.main_head p {
	text-align: center;
	margin-bottom: 0;
}

/* -------- Main btn -------- */
.main_btn {
	display: inline-block;
	padding: 8px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	border: 1px solid var(--main-color);
	cursor: pointer;
	position: relative;
	background-color: transparent;
	text-decoration: none;
	overflow: hidden;
	z-index: 1;
	font-family: inherit;
	border-radius: 00rem 5rem 5rem 00rem;
}
.main_btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	transform: translateX(-100%);
	transition: all 0.3s;
	z-index: -1;
}
.main_btn:hover::before {
	transform: translateX(0);
}

.main_btn:hover {
	color: #000;
}

/* -------- section head -------- */
.sec-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.sec-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
}
.sec-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.sec-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}
.sec-head p {
	text-align: center;
}

.main-imge {
	background-color: #f2f2f2;
}

.trustees-card:hover {
	filter: drop-shadow(5px 5px 7px gray);
}

.trustees-btn {
	text-decoration: none;
	color: floralwhite;
	font-weight: 600;
	font-size: 1rem;
	margin: 0.4rem 00rem;
}

.product-btn:hover {
	color: #f7ca44;
}

/* -------- main navigation -------- */

.main_navigation {
	padding: 0;
}

.navbar-brand {
	font-family: "Pacifico", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: 35px;
	color: #000;
}
.navbar {
	padding: 0;
}
.navbar-brand {
	padding: 10px;
}
.navbar-nav .nav-item {
	padding: 10px 6px;
}
.navbar-nav .nav-item .nav-link {
	color: #000;
	transition: all ease 0.3s;
}
.navbar-nav .nav-item .nav-link:hover {
	color: var(--main-color);
}

/* -------- hero image -------- */
.hero_image {
	width: 100%;
	min-height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	/* background-position: top; */
	background-attachment: fixed;
	background-position: center;
	/* background-color: rgba(0, 0, 0, 0.7); */
	/* background-blend-mode: overlay; */
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Responsive adjustments */

@media (max-width: 1200px) {
	.hero_image {
		min-height: 500px;
	}
}

@media (max-width: 992px) {
	.hero_image {
		min-height: 400px;
		transform: rotateY(180deg);
	}
}

@media (max-width: 768px) {
	.hero_image {
		min-height: 300px;
		margin-top: 2rem;
	}
}

@media (max-width: 576px) {
	.hero_image {
		min-height: 250px;
	}
}

/* -------- about us -------- */
.about_us {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	background-color: rgba(255, 255, 255, 0.3);
	background-blend-mode: overlay;
}
.about_img {
	width: 100%;
}
.about_img img {
	width: 90%;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.about_col1 {
	border-right: 1px dashed var(--main-color);
}
.mission_vision {
	border-bottom: 1px dashed var(--main-color);
}
.mission {
	border: none;
	padding-top: 15px;
}

/* -------- our causes -------- */
.our_causes {
	width: 100%;
	background-color: var(--sub-bg);
}
.causes_card {
	row-gap: 20px;
}
.causes_info {
	width: 100%;
	background-color: #fff;
	position: relative;
	border: 6px solid #fff;
}
.causes_info img {
	width: 100%;
}
.causes_content {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	background-blend-mode: overlay;
}
.causes_content p {
	margin-bottom: 5px;
	text-align: center;
}
.target {
	display: flex;
	justify-content: space-between;
}
.donate_btn {
	text-align: center;
	padding: 10px 0;
}

-------- our volunteer -------- .our_volunteer {
	width: 100%;
}
.volunteer_info {
	width: 100%;
	background-color: var(--sub-bg);
	border-radius: 10px;
	overflow: hidden;
}
.vol_post {
	text-align: center;
	padding: 15px;
}
.vol_post p {
	text-align: center;
	margin-bottom: 8px;
}
.vol_post ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	column-gap: 10px;
}
.vol_post ul li a i {
	font-size: 22px;
	color: var(--main-color);
}

/* -------- volunteer form -------- */
/* .volunteer_form {
	background-color: rgba(255, 255, 255, 0.8);
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	background-attachment: fixed;
}
.volunteer_form_info {
	padding: 20px 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	border-radius: 10px;
}
.form_content {
	background-color: transparent;
	row-gap: 20px;
}
.form_content input,
.form_content textarea {
	background-color: transparent;
	border-radius: 0;
	border: none;
	border-bottom: 3px solid var(--main-color);
	border-radius: 10px;
	padding: 10px;
}
.form_content input:focus,
.form_content textarea:focus {
	border: none;
	box-shadow: none;
	background-color: transparent;
	border-bottom: 3px solid var(--main-color);
}
.form_content label {
	font-weight: bold;
} */

/* -------- events -------- */
/* .owl-carousel {
	display: block;
} */
/*.owl-item.active{transform: scale(0.9) opacity: 0.5;}*/
/* .owl-item.active.center {
	transform: scale(1) !important;
	opacity: 1 !important;
} */
/* .event_details {
	padding: 15px;
	border: 1px solid #eee;
} */
/* .event_tme {
	color: var(--sub-color);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--main-color);
} */

/* News  */

.news-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 40px;
	color: #000;
	position: relative;
}
.news-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.news-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.news_letter h5 {
	text-align: center;
}
.news_letter ul li {
	text-align: center;
}
.foot_media li {
	border-bottom: none !important;
	padding: 0;
}
.foot_media li a i {
	font-size: 30px;
	transition: all ease 0.3s;
}
.foot_media li:hover a i {
	font-size: 30px;
	color: var(--main-color);
}
.copyright {
	padding: 15px 0;
}
.copyright p {
	color: #fff;
	text-align-last: center;
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: 600;
}

/* -------- footer -------- */
.main_footer {
	width: 100%;
	height: auto;
	padding: 70px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.7);
	background-blend-mode: overlay;
}
.footer_info .navbar-brand {
	background-color: transparent;
	display: inline-block;
	color: #fff;
	font-size: 48px;
	padding: 0;
}
.foot_row {
	row-gap: 20px;
}
.footer_info p {
	color: #fff;
}
.footer_info h5 {
	color: #fff;
	margin-bottom: 25px;
}
.footer_info ul {
	list-style-type: none;
	padding: 0;
}
.footer_info ul li {
	color: #000;
}

.footer_info ul li a {
	color: #fff;
}

.footer_info ul li a .fa-solid {
	color: var(--main-color);
}
.footer_info ul li form input {
	border-radius: 0;
	border-radius: 20px;
	padding-left: 2rem;
}
.footer_info ul li form .input-group-text {
	padding: 0;
	border: none;
	background-color: var(--main-color);
}
.footer_info ul li form .input-group-text .fa-solid {
	font-size: 20px;
}
.foot_media {
	display: flex;
	justify-content: center;
	column-gap: 20px;
	margin-bottom: 0;
}

/* Dropdown inspiration */

.dropdown-inspiration {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.dropdown-inspiration h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.dropdown-inspiration h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.dropdown-inspiration h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.inspiration-img {
	filter: drop-shadow(9px 9px 8px #363636);
}

.image-animate {
	position: sticky;
	top: 7rem;
}

.inspiration-content {
	background-image: radial-gradient(
			circle at center center,
			transparent,
			rgb(255, 255, 255)
		),
		linear-gradient(
			309deg,
			rgba(90, 90, 90, 0.05) 0%,
			rgba(90, 90, 90, 0.05) 50%,
			rgba(206, 206, 206, 0.05) 50%,
			rgba(206, 206, 206, 0.05) 100%
		),
		linear-gradient(
			39deg,
			rgba(13, 13, 13, 0.05) 0%,
			rgba(13, 13, 13, 0.05) 50%,
			rgba(189, 189, 189, 0.05) 50%,
			rgba(189, 189, 189, 0.05) 100%
		),
		linear-gradient(
			144deg,
			rgba(249, 249, 249, 0.05) 0%,
			rgba(249, 249, 249, 0.05) 50%,
			rgba(111, 111, 111, 0.05) 50%,
			rgba(111, 111, 111, 0.05) 100%
		),
		linear-gradient(
			166deg,
			rgba(231, 231, 231, 0.05) 0%,
			rgba(231, 231, 231, 0.05) 50%,
			rgba(220, 220, 220, 0.05) 50%,
			rgba(220, 220, 220, 0.05) 100%
		),
		linear-gradient(
			212deg,
			rgba(80, 80, 80, 0.05) 0%,
			rgba(80, 80, 80, 0.05) 50%,
			rgba(243, 243, 243, 0.05) 50%,
			rgba(243, 243, 243, 0.05) 100%
		),
		radial-gradient(
			circle at center center,
			hsl(107, 19%, 100%),
			hsl(107, 19%, 100%)
		);
}

/* Events */

.event-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.event-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.event-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.event-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.event-card:hover {
	filter: drop-shadow(5px 5px 8px #a393eb);
}

.gallery {
	display: none;
}
.gallery img {
	margin-bottom: 15px; /* Space between images in the gallery */
}

.event-main {
	padding-top: 0.1rem;
	background-image: linear-gradient(
			45deg,
			transparent 0%,
			transparent 55%,
			rgba(64, 64, 64, 0.04) 55%,
			rgba(64, 64, 64, 0.04) 76%,
			transparent 76%,
			transparent 100%
		),
		linear-gradient(
			135deg,
			transparent 0%,
			transparent 14%,
			rgba(64, 64, 64, 0.04) 14%,
			rgba(64, 64, 64, 0.04) 41%,
			transparent 41%,
			transparent 100%
		),
		linear-gradient(
			45deg,
			transparent 0%,
			transparent 2%,
			rgba(64, 64, 64, 0.04) 2%,
			rgba(64, 64, 64, 0.04) 18%,
			transparent 18%,
			transparent 100%
		),
		linear-gradient(
			135deg,
			transparent 0%,
			transparent 61%,
			rgba(64, 64, 64, 0.04) 61%,
			rgba(64, 64, 64, 0.04) 71%,
			transparent 71%,
			transparent 100%
		),
		linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

/* Activities */

.activities-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.activities-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.activities-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.activities-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.activities-card:hover {
	filter: drop-shadow(5px 5px 8px #a393eb);
}

.gallery {
	display: none;
}
.gallery img {
	margin-bottom: 15px; /* Space between images in the gallery */
}

.activities-main {
	padding-top: 0.1rem;
	background-image: repeating-linear-gradient(
			135deg,
			rgba(240, 240, 240, 0.02) 0px,
			rgba(240, 240, 240, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 168px
		),
		repeating-linear-gradient(
			45deg,
			rgba(232, 232, 232, 0.02) 0px,
			rgba(232, 232, 232, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 168px
		),
		linear-gradient(90deg, #ffffff, #ffffff);
}

/* Gallery */

.gallery-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.gallery-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.gallery-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.gallery-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.gallery-main {
	padding-top: 2.5rem;
	padding-bottom: 0.2rem;
	margin-bottom: 3rem;
	background-image: linear-gradient(
			16deg,
			rgba(116, 116, 116, 0.02) 0%,
			rgba(116, 116, 116, 0.02) 25%,
			transparent 25%,
			transparent 96%,
			rgba(177, 177, 177, 0.02) 96%,
			rgba(177, 177, 177, 0.02) 100%
		),
		linear-gradient(
			236deg,
			rgba(148, 148, 148, 0.02) 0%,
			rgba(148, 148, 148, 0.02) 53%,
			transparent 53%,
			transparent 59%,
			rgba(56, 56, 56, 0.02) 59%,
			rgba(56, 56, 56, 0.02) 100%
		),
		linear-gradient(
			284deg,
			rgba(16, 16, 16, 0.02) 0%,
			rgba(16, 16, 16, 0.02) 46%,
			transparent 46%,
			transparent 71%,
			rgba(181, 181, 181, 0.02) 71%,
			rgba(181, 181, 181, 0.02) 100%
		),
		linear-gradient(
			316deg,
			rgba(197, 197, 197, 0.02) 0%,
			rgba(197, 197, 197, 0.02) 26%,
			transparent 26%,
			transparent 49%,
			rgba(58, 58, 58, 0.02) 49%,
			rgba(58, 58, 58, 0.02) 100%
		),
		linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

/* Contact  */

.contact-head {
	width: 100%;
	height: auto;
	/* margin-bottom: 30px; */
	text-align: center;
}
.contact-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	/* margin-bottom: 20px; */
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.contact-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.contact-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.contact-main {
	background-image: radial-gradient(
			circle at 13% 47%,
			rgba(140, 140, 140, 0.03) 0%,
			rgba(140, 140, 140, 0.03) 25%,
			transparent 25%,
			transparent 100%
		),
		radial-gradient(
			circle at 28% 63%,
			rgba(143, 143, 143, 0.03) 0%,
			rgba(143, 143, 143, 0.03) 16%,
			transparent 16%,
			transparent 100%
		),
		radial-gradient(
			circle at 81% 56%,
			rgba(65, 65, 65, 0.03) 0%,
			rgba(65, 65, 65, 0.03) 12%,
			transparent 12%,
			transparent 100%
		),
		radial-gradient(
			circle at 26% 48%,
			rgba(60, 60, 60, 0.03) 0%,
			rgba(60, 60, 60, 0.03) 6%,
			transparent 6%,
			transparent 100%
		),
		radial-gradient(
			circle at 97% 17%,
			rgba(150, 150, 150, 0.03) 0%,
			rgba(150, 150, 150, 0.03) 56%,
			transparent 56%,
			transparent 100%
		),
		radial-gradient(
			circle at 50% 100%,
			rgba(25, 25, 25, 0.03) 0%,
			rgba(25, 25, 25, 0.03) 36%,
			transparent 36%,
			transparent 100%
		),
		radial-gradient(
			circle at 55% 52%,
			rgba(69, 69, 69, 0.03) 0%,
			rgba(69, 69, 69, 0.03) 6%,
			transparent 6%,
			transparent 100%
		),
		linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.main-form {
	padding: 20px 20px;
	background-color: #ececec;
}

.form-inputs {
	margin: 5px 00px;
	padding: 3px 00px;
	padding-left: 5px;
	width: 100%;
}

.form-btn {
	width: 100%;
	margin-top: 15px;
	padding: 6px 00px;
	outline: none;
	border: none;
	color: #fff;
	font-weight: 600;
}

/* Our Inspiration Detail Page  */

.ourinspiration-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.ourinspiration-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.ourinspiration-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.ourinspiration-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.main-head {
	border-bottom: 3px solid blue;
	border-left: 3px solid blue;
	padding: 00rem 00rem 0.4rem 0.4rem;
	border-radius: 10px;
}

.inspiration-img {
	border-radius: 15px;
}

.inspiration-img:hover {
	transform: skewX(5deg);
	filter: drop-shadow(8px 8px 7px #021229);
	background-image: repeating-linear-gradient(
			135deg,
			rgb(0, 0, 0) 0px,
			rgb(0, 0, 0) 10px,
			transparent 10px,
			transparent 11px
		),
		repeating-linear-gradient(
			22.5deg,
			rgb(0, 0, 0) 0px,
			rgb(0, 0, 0) 10px,
			transparent 10px,
			transparent 11px
		),
		linear-gradient(
			90deg,
			hsl(194, 74%, 56%),
			hsl(266, 74%, 56%),
			hsl(338, 74%, 56%),
			hsl(50, 74%, 56%),
			hsl(122, 74%, 56%)
		);
}

.inspiration-page {
	background-image: repeating-linear-gradient(
			135deg,
			rgba(240, 240, 240, 0.02) 0px,
			rgba(240, 240, 240, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 168px
		),
		repeating-linear-gradient(
			45deg,
			rgba(232, 232, 232, 0.02) 0px,
			rgba(232, 232, 232, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 168px
		),
		linear-gradient(90deg, #ffffff, #ffffff);
}

/* Objectives Detail Page*/

.objective-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.objective-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.objective-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.objective-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.main-objective {
	background-image: repeating-linear-gradient(
			135deg,
			rgba(240, 240, 240, 0.02) 0px,
			rgba(240, 240, 240, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 168px
		),
		repeating-linear-gradient(
			45deg,
			rgba(232, 232, 232, 0.02) 0px,
			rgba(232, 232, 232, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 168px
		),
		linear-gradient(90deg, #ffffff, #ffffff);
}

/* Board of Trustees Detail Page*/

.trustees-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.trustees-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.trustees-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.trustees-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.trustees-main {
	background-image: linear-gradient(
			90deg,
			transparent 0%,
			transparent 10%,
			#ea858a 10%,
			#ea858a calc(10% + 3px),
			transparent calc(10% + 3px),
			transparent 100%
		),
		linear-gradient(180deg, white 10%, transparent 10%),
		repeating-linear-gradient(
			180deg,
			#91c1e1 0px,
			#91c1e1 2px,
			transparent 2px,
			transparent 38px
		),
		linear-gradient(white, white);
}

.main-trustee::first-letter {
	color: #0d6efd;
	font-size: 1.5rem;
	font-weight: 800;
}

.trust-main {
	border-radius: 50%;
	background-image: radial-gradient(
			circle at bottom center,
			rgb(8, 90, 165) 0%,
			rgb(8, 90, 165) 32%,
			transparent 32%,
			transparent 40%,
			transparent 40%,
			transparent 100%
		),
		radial-gradient(
			circle at center center,
			rgb(8, 90, 165) 0%,
			rgb(8, 90, 165) 23%,
			transparent 23%,
			transparent 36%,
			transparent 36%,
			transparent 100%
		),
		linear-gradient(90deg, rgb(7, 76, 138), rgb(7, 76, 138));
	background-size: 35px 35px;
}

.trust-hero {
	background-image: repeating-linear-gradient(
			135deg,
			rgba(240, 240, 240, 0.02) 0px,
			rgba(240, 240, 240, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 21px,
			rgba(224, 224, 224, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 42px,
			rgba(208, 208, 208, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 63px,
			rgba(192, 192, 192, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 84px,
			rgba(175, 175, 175, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 105px,
			rgba(159, 159, 159, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 126px,
			rgba(143, 143, 143, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 147px,
			rgba(127, 127, 127, 0.02) 168px
		),
		repeating-linear-gradient(
			45deg,
			rgba(232, 232, 232, 0.02) 0px,
			rgba(232, 232, 232, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 21px,
			rgba(209, 209, 209, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 42px,
			rgba(185, 185, 185, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 63px,
			rgba(162, 162, 162, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 84px,
			rgba(138, 138, 138, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 105px,
			rgba(115, 115, 115, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 126px,
			rgba(91, 91, 91, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 147px,
			rgba(68, 68, 68, 0.02) 168px
		),
		linear-gradient(90deg, #ffffff, #ffffff);
}

/* Biography */

.biography-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.biography-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.biography-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.biography-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.biography-img {
	border-top: 5px dotted #0d6efd;
	border-left: 5px dotted #0d6efd;
	box-shadow: 8px 8px 5px #0d6efd;
	border-radius: 10px;
}

.biography-img:hover {
	background-image: linear-gradient(
			158deg,
			rgba(84, 84, 84, 0.03) 0%,
			rgba(84, 84, 84, 0.03) 20%,
			rgba(219, 219, 219, 0.03) 20%,
			rgba(219, 219, 219, 0.03) 40%,
			rgba(54, 54, 54, 0.03) 40%,
			rgba(54, 54, 54, 0.03) 60%,
			rgba(99, 99, 99, 0.03) 60%,
			rgba(99, 99, 99, 0.03) 80%,
			rgba(92, 92, 92, 0.03) 80%,
			rgba(92, 92, 92, 0.03) 100%
		),
		linear-gradient(
			45deg,
			rgba(221, 221, 221, 0.02) 0%,
			rgba(221, 221, 221, 0.02) 14.286%,
			rgba(8, 8, 8, 0.02) 14.286%,
			rgba(8, 8, 8, 0.02) 28.572%,
			rgba(52, 52, 52, 0.02) 28.572%,
			rgba(52, 52, 52, 0.02) 42.858%,
			rgba(234, 234, 234, 0.02) 42.858%,
			rgba(234, 234, 234, 0.02) 57.144%,
			rgba(81, 81, 81, 0.02) 57.144%,
			rgba(81, 81, 81, 0.02) 71.42999999999999%,
			rgba(239, 239, 239, 0.02) 71.43%,
			rgba(239, 239, 239, 0.02) 85.71600000000001%,
			rgba(187, 187, 187, 0.02) 85.716%,
			rgba(187, 187, 187, 0.02) 100.002%
		),
		linear-gradient(
			109deg,
			rgba(33, 33, 33, 0.03) 0%,
			rgba(33, 33, 33, 0.03) 12.5%,
			rgba(147, 147, 147, 0.03) 12.5%,
			rgba(147, 147, 147, 0.03) 25%,
			rgba(131, 131, 131, 0.03) 25%,
			rgba(131, 131, 131, 0.03) 37.5%,
			rgba(151, 151, 151, 0.03) 37.5%,
			rgba(151, 151, 151, 0.03) 50%,
			rgba(211, 211, 211, 0.03) 50%,
			rgba(211, 211, 211, 0.03) 62.5%,
			rgba(39, 39, 39, 0.03) 62.5%,
			rgba(39, 39, 39, 0.03) 75%,
			rgba(55, 55, 55, 0.03) 75%,
			rgba(55, 55, 55, 0.03) 87.5%,
			rgba(82, 82, 82, 0.03) 87.5%,
			rgba(82, 82, 82, 0.03) 100%
		),
		linear-gradient(
			348deg,
			rgba(42, 42, 42, 0.02) 0%,
			rgba(42, 42, 42, 0.02) 20%,
			rgba(8, 8, 8, 0.02) 20%,
			rgba(8, 8, 8, 0.02) 40%,
			rgba(242, 242, 242, 0.02) 40%,
			rgba(242, 242, 242, 0.02) 60%,
			rgba(42, 42, 42, 0.02) 60%,
			rgba(42, 42, 42, 0.02) 80%,
			rgba(80, 80, 80, 0.02) 80%,
			rgba(80, 80, 80, 0.02) 100%
		),
		linear-gradient(
			120deg,
			rgba(106, 106, 106, 0.03) 0%,
			rgba(106, 106, 106, 0.03) 14.286%,
			rgba(67, 67, 67, 0.03) 14.286%,
			rgba(67, 67, 67, 0.03) 28.572%,
			rgba(134, 134, 134, 0.03) 28.572%,
			rgba(134, 134, 134, 0.03) 42.858%,
			rgba(19, 19, 19, 0.03) 42.858%,
			rgba(19, 19, 19, 0.03) 57.144%,
			rgba(101, 101, 101, 0.03) 57.144%,
			rgba(101, 101, 101, 0.03) 71.42999999999999%,
			rgba(205, 205, 205, 0.03) 71.43%,
			rgba(205, 205, 205, 0.03) 85.71600000000001%,
			rgba(53, 53, 53, 0.03) 85.716%,
			rgba(53, 53, 53, 0.03) 100.002%
		),
		linear-gradient(
			45deg,
			rgba(214, 214, 214, 0.03) 0%,
			rgba(214, 214, 214, 0.03) 16.667%,
			rgba(255, 255, 255, 0.03) 16.667%,
			rgba(255, 255, 255, 0.03) 33.334%,
			rgba(250, 250, 250, 0.03) 33.334%,
			rgba(250, 250, 250, 0.03) 50.001000000000005%,
			rgba(231, 231, 231, 0.03) 50.001%,
			rgba(231, 231, 231, 0.03) 66.668%,
			rgba(241, 241, 241, 0.03) 66.668%,
			rgba(241, 241, 241, 0.03) 83.33500000000001%,
			rgba(31, 31, 31, 0.03) 83.335%,
			rgba(31, 31, 31, 0.03) 100.002%
		),
		linear-gradient(
			59deg,
			rgba(224, 224, 224, 0.03) 0%,
			rgba(224, 224, 224, 0.03) 12.5%,
			rgba(97, 97, 97, 0.03) 12.5%,
			rgba(97, 97, 97, 0.03) 25%,
			rgba(143, 143, 143, 0.03) 25%,
			rgba(143, 143, 143, 0.03) 37.5%,
			rgba(110, 110, 110, 0.03) 37.5%,
			rgba(110, 110, 110, 0.03) 50%,
			rgba(34, 34, 34, 0.03) 50%,
			rgba(34, 34, 34, 0.03) 62.5%,
			rgba(155, 155, 155, 0.03) 62.5%,
			rgba(155, 155, 155, 0.03) 75%,
			rgba(249, 249, 249, 0.03) 75%,
			rgba(249, 249, 249, 0.03) 87.5%,
			rgba(179, 179, 179, 0.03) 87.5%,
			rgba(179, 179, 179, 0.03) 100%
		),
		linear-gradient(
			241deg,
			rgba(58, 58, 58, 0.02) 0%,
			rgba(58, 58, 58, 0.02) 25%,
			rgba(124, 124, 124, 0.02) 25%,
			rgba(124, 124, 124, 0.02) 50%,
			rgba(254, 254, 254, 0.02) 50%,
			rgba(254, 254, 254, 0.02) 75%,
			rgba(52, 52, 52, 0.02) 75%,
			rgba(52, 52, 52, 0.02) 100%
		),
		linear-gradient(90deg, #ffffff, #ffffff);
}

/* Documentary */

.documentary-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.documentary-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.documentary-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.documentary-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

/* Articles */

.articles-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.articles-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.articles-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.articles-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

/* Awards and Honours */

.awards-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.awards-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.awards-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.awards-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

/* Engineering  Associations */

.engAss-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.engAss-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.engAss-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.engAss-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.carousel-item img {
	max-height: 250px;
	object-fit: cover;
	width: 100%;
}
.carousel-item .heading {
	text-align: center;
	margin-top: 10px;
}

/* Polytechnics Association */

.polyAsso-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.polyAsso-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.polyAsso-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.polyAsso-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

/* Agriculture Associations */

.agriAsso-head {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.agriAsso-head h2 {
	display: inline-block;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	margin-top: 7rem;
}
.agriAsso-head h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background-color: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.agriAsso-head h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--main-color);
	bottom: 0;
	left: calc(50% - 20px);
}

.agri-img-head {
	text-align: justify;
}