@font-face {
	font-family: Brandon grotesque;
	src: url(../assests/img/font/Brandon-Grotesque-Font-Family/brandon-grotesque-light-58a8a4b38001d.otf);
}

@font-face {
	font-family: Brandon I;
	src: url(../assests/img/font/Brandon-Grotesque-Font-Family/brandon-grotesque-light-italic-58a8a4ccb88be.otf);
}

@font-face {
	font-family: Brandon II;
	src: url(../assests/img/font/Brandon-Grotesque-Font-Family/brandon-grotesque-bold-italic-58a8a48221563.otf);
}

@font-face {
	font-family: Brandon;
	src: url(../assests/img/font/Brandon-Grotesque-Font-Family/brandon-grotesque-black-58a8a3e824392.otf);
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Brandon grotesque;
}

b {
	font-weight: 900;
}

.link {
	color: #1919f0;
}

.back {
	background-color: #269226d7;
	color: #ccc;
	border: 1px solid #269226d7;
	border-radius: 1px;
	margin-top: 10px;
	padding: 4px 10px;
	cursor: pointer;
}

.modal .modal-dialog .modal-content {
	background-color: black;
	background: url(../assests/img/mobile/Asset8.png);
	color: #fff;
}

.modal .modal-dialog .modal-content .modal-title {
	color: #fff;
	font-family: Brandon;
}

.modal .modal-dialog .modal-content .modal-header {
	border-bottom: 1px solid #008000;
}

.modal .modal-dialog .modal-content .modal-body {
	padding: 20px;
}

.modal .modal-dialog .modal-content .modal-body h2 {
	font-weight: 900;
	font-size: 1.5rem;
	font-family: Brandon;
}

.modal .modal-dialog .modal-content .modal-body p {
	font-size: 0.94rem;
	font-weight: lighter;
}

.modal .modal-dialog .modal-content .modal-body ul {
	list-style: "- ";
	padding: 0px 10px;
}

.modal .modal-dialog .modal-content .close {
	color: #fff;
}

@media (max-width: 768px) {
	.awardrow,
	.contactRow {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.emptyDiv {
		display: none;
	}
}

@media (max-width: 768px) {
	.notEmpty {
		width: 100%;
	}
}

.slideanim {
	visibility: hidden;
}

.slide {
	-webkit-animation-name: slide;
	animation-name: slide;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	visibility: visible;
}

@-webkit-keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateX(5%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateX(5%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

.slideanimRight {
	visibility: visible;
}

.slideRight {
	-webkit-animation-name: slideRight;
	animation-name: slideRight;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	visibility: visible;
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-5%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@keyframes slideRight {
	0% {
		-webkit-transform: translateX(-5%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

.slideanimSolid {
	visibility: hidden;
}

.headerImg img {
	height: 85vh;
	margin-top: 25px;
}

.slideSolid {
	-webkit-animation-name: slideSolid;
	animation-name: slideSolid;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	visibility: visible;
}

@-webkit-keyframes slideSolid {
	0% {
		-webkit-transform: translateX(5%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@keyframes slideSolid {
	0% {
		-webkit-transform: translateX(5%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

.navbar {
	padding: 10px;
	scroll-snap-align: start;
}

.navbar .navbar-nav {
	margin-left: 400px;
}

@media (max-width: 768px) {
	.navbar .navbar-nav {
		margin-left: 0px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.navbar .navbar-nav {
		margin-left: 140px;
	}
}

.navbar .navbar-toggler .fas {
	color: #008000;
	font-size: 1.9rem;
}

.navbar .navbar-brand {
	padding: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	/* display: flex; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	height: 120px;
	width: 400px;
}

@media (max-width: 768px) {
	.navbar .navbar-brand {
		height: 100px;
		width: 200px;
	}
}

@media (min-width: 769px) and (max-width: 1025px) {
	.navbar .navbar-brand {
		height: 100px;
		width: 200px;
	}
}

.navbar .vidmob {
	position: relative;
	height: 40px;
	width: 40px;
	border: 1px solid #008000;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	display: none;
}

@media (max-width: 768px) {
	.navbar .vidmob {
		display: block;
	}
}

.navbar .vidmob::after {
	position: absolute;
	content: "";
	bottom: -7px;
	top: -7px;
	left: -7px;
	right: -7px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #008000;
	margin: 0px;
	opacity: 1;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: anim 800ms linear infinite;
	animation: anim 800ms linear infinite;
}

.navbar .vidmob::before {
	position: absolute;
	content: "";
	bottom: -7px;
	top: -7px;
	left: -7px;
	right: -7px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #008000;
	margin: 0px;
	opacity: 0.8;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: anim 800ms linear 400ms infinite;
	animation: anim 800ms linear 400ms infinite;
}

@-webkit-keyframes anim {
	from {
		margin: 0px;
		opacity: 1;
	}
	to {
		margin: -15px;
		opacity: 0;
	}
}

@keyframes anim {
	from {
		margin: 0px;
		opacity: 1;
	}
	to {
		margin: -15px;
		opacity: 0;
	}
}

.navbar .vidmob .fas {
	color: #008000;
}

.navbar .vid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	margin-left: 20px;
}

@media (max-width: 768px) {
	.navbar .vid {
		margin-left: unset;
		border: 1px solid red;
		display: none;
	}
}

.navbar .vid a {
	position: relative;
	height: 70px;
	width: 70px;
	border: 1px solid #008000;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.navbar .vid a::after {
	position: absolute;
	content: "";
	bottom: -7px;
	top: -7px;
	left: -7px;
	right: -7px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #008000;
	margin: 0px;
	opacity: 1;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: anim 800ms linear infinite;
	animation: anim 800ms linear infinite;
}

.navbar .vid a::before {
	position: absolute;
	content: "";
	bottom: -7px;
	top: -7px;
	left: -7px;
	right: -7px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #008000;
	margin: 0px;
	opacity: 0.8;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: anim 800ms linear 400ms infinite;
	animation: anim 800ms linear 400ms infinite;
}

@keyframes anim {
	from {
		margin: 0px;
		opacity: 1;
	}
	to {
		margin: -10px;
		opacity: 0;
	}
}

.navbar .vid .fas {
	color: #008000;
}

.navbar .nav-link {
	color: #000;
	font-family: Brandon I;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 20px;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

@media (max-width: 768px) {
	.navbar .nav-link {
		padding: 10px;
	}
}

.navbar .nav-link:hover {
	color: #008000;
}

.jumbotron {
	background: url(../assests/img/background1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	height: 120vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	scroll-snap-align: start;
}

.jumbotron .typeset {
	width: 70%;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

@media (max-width: 768px) {
	.jumbotron .typeset {
		width: 100%;
	}
}

.jumbotron .typeset .typed {
	width: 80%;
}

.jumbotron video {
	width: 60%;
	height: auto;
	margin-top: 15px;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	right: 0;
	left: 0;
	border-radius: 4px;
}

@media (max-width: 768px) {
	.jumbotron video {
		width: 90%;
		height: auto;
		-o-object-fit: contain;
		object-fit: contain;
	}
}

@media (max-width: 768px) {
	.jumbotron {
		position: relative;
		overflow: hidden;
		background: url(../assests/img/mobile/Asset6.png);
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.jumbotron h1 {
	font-size: 3.7rem;
	width: 60%;
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

@media (max-width: 768px) {
	.jumbotron h1 {
		font-size: 2rem;
		width: 70%;
	}
}

.aboutCon {
	background: url(../assests/img/bg2.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 75vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

@media (max-width: 768px) {
	.aboutCon {
		background: url(../assests/img/mobile/Asset8.png);
		height: auto;
		padding: 100px 20px;
	}
}

.about {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	scroll-snap-align: start;
}

.about h1 {
	font-size: 3rem;
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

@media (max-width: 768px) {
	.about h1 {
		font-size: 1.2rem;
	}
}

.about h3 {
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: 40px;
	font-family: Brandon I;
	color: #fff;
}

@media (max-width: 768px) {
	.about h3 {
		font-size: 1.1rem;
	}
}

.about p {
	font-family: Brandon grotesque;
	width: 80%;
	color: #fff;
	font-size: 1.3rem;
}

@media (max-width: 768px) {
	.about p {
		font-size: 0.9rem;
		width: 100%;
	}
}

.judgeDetails {
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow-y: auto;
	padding: 100px 20px;
	background: url(../assests/img/bg2.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}

.judgeDetails .col-sm-4 .img-fluid {
	height: 400px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	right: 0;
	left: 0;
	top: 0;
}

.judgeDetails .col-sm-8 h1 {
	font-size: 3rem;
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

@media (max-width: 768px) {
	.judgeDetails .col-sm-8 h1 {
		font-size: 2rem;
		margin-top: 20px;
	}
}

.judgeDetails .col-sm-8 h3 {
	font-weight: 600;
	font-family: Brandon;
}

.judgeCon {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.judgeConImg {
	background: url(../assests/img/bg2.png);
}

.judgeConImgBlog {
	background: url(../assests/img/bg23.png);
}

.rowHeading {
	color: #098e60 !important;
	margin-top: 5rem;
}

.subRowHeading {
	color: #098e60 !important;
	margin-top: 3rem;
	display: flex;
}

.imgCon {
	border-radius: 5px;
	margin-bottom: 2rem;
}
.imgCaption {
	font-size: 1rem;
	text-align: center;
	color: #098e60;
	padding-top: 10px;
}
.des {
	font-weight: bold;
}
.imgCon img {
	border-radius: 5px;
}

.iframeVid {
	height: 40vh;
	width: 50vh;
	border: none;
}

.blogGlass {
	/* From https://css.glass */
	background: #ffffff00;
	/* border-radius: 16px; */
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	/* padding: 20px 5px; */
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.blogContent p {
	padding: 15px;
	text-align: justify;
	color: #098e60;
}

.blogContent-header {
	color: #098e60 !important;
	padding-top: 30px;
	font-size: 1rem;
}

.blogContent-subHeader {
	color: #098e60 !important;
	font-size: 18px;
	font-weight: 600;
}

.blogContent-p {
	padding: 0px;
	margin: 0px;
}

.blogRead {
	background: rgba(255, 255, 0, 0.856);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	color: #0c0c0c;
	text-decoration: none;
	border: none;
	padding: 5px 10px;
}

.blogRead:hover {
	background: green;
	background-image: -webkit-linear-gradient(top, green, green);
	background-image: -moz-linear-gradient(top, green, green);
	background-image: -ms-linear-gradient(top, green, green);
	background-image: -o-linear-gradient(top, green, green);
	background-image: linear-gradient(to bottom, green, green);
	text-decoration: none;
}

@media (max-width: 768px) {
	.judgeCon {
		height: auto;
		padding: 100px 20px;
	}
	.judgeConImg {
		background: url(../assests/img/mobile/Asset8.png);
	}

	.judgeConImgBlog {
		background: url(../assests/img/bg23.png);
	}
}

.judge {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	scroll-snap-align: start;
}

.judge h1 {
	font-size: 3rem;
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

@media (max-width: 768px) {
	.judge h1 {
		font-size: 1.2rem;
	}
}

.judge .row {
	margin-top: 20px;
}

@media (max-width: 768px) {
	.judge .row .col-sm-3 {
		width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 1025px) {
	.judge .row .col-sm-3 {
		width: 50%;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.judge .row .col-sm-3 {
		width: 50%;
	}
}

.judge .profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	cursor: pointer;
	/* height: 440px; */
	height: auto;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	padding: 20px 0px;
}

.judge .profile:hover {
	border: 1px solid #ccc;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}

.judge .profile:hover .readBtn {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

@media (max-width: 768px) {
	.judge .profile {
		/* height: 400px; */
		height: auto;
	}
}

.judge .profile .top {
	width: 100%;
	height: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.judge .profile .imgCon {
	height: 160px;
	width: 160px;
	overflow: hidden;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.judge .profile .imgCon .img-fluid {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	right: 0;
	left: 0;
	top: 0;
}

.judge .profile .content {
	width: 100%;
	height: 80%;
	padding: 8px 0px;
}

.judge .profile h2 {
	font-size: 1.4rem;
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

.judge .profile p {
	font-size: 0.9rem;
	width: 100%;
	color: #fff;
}

.judge .profile .readBtn {
	border: 1px solid transparent;
	background: transparent;
	position: absolute;
	bottom: 10px;
	left: 32%;
	color: #ccc;
	cursor: pointer;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	-webkit-transform: translateY(200%);
	transform: translateY(200%);
}

.award {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0px;
	position: relative;
	overflow: hidden;
	scroll-snap-align: start;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(0, 0, 0, 0.4)),
		to(rgba(0, 0, 0, 0.4))
	);
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

@media (max-width: 768px) {
	.award {
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(rgba(0, 0, 0, 0.4)),
				to(rgba(0, 0, 0, 0.4))
			),
			url(../assests/updated-assets/pasta-image.jpg);
		background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
			url(../assests/updated-assets/pasta-image.jpg);
		background-size: 100% 35%;
		background-position: left;
		background-repeat: repeat-y;
		height: 130vh;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.award {
		height: 130vh;
	}
}

.award #img {
	position: absolute;
	z-index: -2;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0px;
	bottom: 0px;
	right: -20%;
}

@media (max-width: 768px) {
	.award #img {
		display: none;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.award #img {
		-o-object-fit: cover;
		object-fit: cover;
		right: -30%;
	}
}

.award .clip {
	background: url(../assests/img/shape1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-clip-path: polygon(0 0, 75% 0, 53% 100%, 0% 100%);
	clip-path: polygon(0 0, 75% 0, 53% 100%, 0% 100%);
	padding: 100px;
}

@media (max-width: 768px) {
	.award .clip {
		background: url(../assests/img/mobile/Asset9.png);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 64%);
		clip-path: polygon(0 0, 100% 0, 100% 84%, 0 64%);
		padding: 100px 20px;
	}
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
}

.award .awardrow .col-sm-8 h2 {
	font-size: 3rem;
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 h2 {
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
}

.award .awardrow .col-sm-8 p {
	width: 70%;
	margin-bottom: 40px;
	color: #fff;
	font-size: 1.2rem;
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 p {
		font-size: 0.9rem;
		width: 100%;
	}
}

.award .awardrow .col-sm-8 .category {
	width: 70%;
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 .category {
		width: 100%;
	}
}

.award .awardrow .col-sm-8 .category .col-sm-6 {
	height: 200px;
	position: relative;
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 .category .col-sm-6 {
		width: 50%;
		height: 180px;
	}
}

.award .awardrow .col-sm-8 .category h3 {
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 .category h3 {
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
}

.award .awardrow .col-sm-8 .category p {
	width: 80%;
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 .category p {
		font-size: 0.9rem;
		width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.award .awardrow .col-sm-8 .category p {
		font-size: 0.9rem;
		width: 100%;
	}
}

.award .awardrow .col-sm-8 .category .btn {
	background-color: yellow;
	border: 1px solid yellow;
	border-radius: 20px;
	color: #000;
	font-weight: 700;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	font-family: Brandon;
	position: absolute;
	bottom: 10px;
}

@media (max-width: 768px) {
	.award .awardrow .col-sm-8 .category .btn {
		margin: auto;
		font-size: 1rem;
		left: 25%;
	}
}

.impact {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	position: relative;
	scroll-snap-align: start;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(0, 0, 0, 0.4)),
		to(rgba(0, 0, 0, 0.4))
	);
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	background-size: 54% 100%;
	background-position: left;
	background-repeat: repeat-x;
	position: relative;
	overflow: hidden;
}

@media (max-width: 768px) {
	.impact {
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(rgba(0, 0, 0, 0.4)),
				to(rgba(0, 0, 0, 0.4))
			),
			url(../assests/img/image_20211203.jpeg);
		background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
			url(../assests/img/image_20211203.jpeg);
		background-size: 100% 35%;
		background-position: left;
		background-repeat: repeat-y;
		height: 100vh;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.impact {
		height: 130vh;
	}
}

.impact #img2 {
	position: absolute;
	z-index: -2;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0px;
	bottom: 0px;
	left: -12%;
}

@media (max-width: 768px) {
	.impact #img2 {
		display: none;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.impact #img2 {
		-o-object-fit: cover;
		object-fit: cover;
		left: -8%;
	}
}

.impact .clip {
	background: url(../assests/img/shape2.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-clip-path: polygon(53% 0, 100% 0, 100% 100%, 27% 100%);
	clip-path: polygon(53% 0, 100% 0, 100% 100%, 27% 100%);
	padding: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

@media (max-width: 768px) {
	.impact .clip {
		padding: 120px 20px;
		background: url(../assests/img/mobile/Asset11.png);
		-webkit-clip-path: polygon(0 7%, 100% 25%, 100% 100%, 0 100%);
		clip-path: polygon(0 7%, 100% 25%, 100% 100%, 0 100%);
	}
}

@media (max-width: 768px) {
	.impact .content {
		margin-top: 10px;
	}
}

.impact .content h1 {
	font-size: 4rem;
	font-weight: 900;
	font-family: Brandon;
	color: #fff;
}

@media (max-width: 768px) {
	.impact .content h1 {
		font-size: 1.8rem;
		margin-top: 120px;
	}
}

.impact .content p {
	margin-bottom: 40px;
	color: #fff;
	line-height: 28px;
	font-size: 1.4rem;
}

@media (max-width: 768px) {
	.impact .content p {
		font-size: 0.9rem;
		width: 100%;
		line-height: 20px;
	}
}

.impact .content .how {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.impact .content .how h3 {
	font-size: 2rem;
	font-weight: 800;
	font-family: Brandon II;
	color: #fff;
}

.impact .content .how .row {
	width: 100%;
	margin: auto;
}

@media (max-width: 768px) {
	.impact .content .how .row {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
	}
}

.impact .content .how .col-sm-4 {
	height: 140px;
	width: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	padding: 0px;
	cursor: pointer;
}

.impact .content .how .col-sm-4:hover .img-fluid {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media (max-width: 768px) {
	.impact .content .how .col-sm-4 {
		width: 25%;
		height: 100px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.impact .content .how .col-sm-4 {
		width: 25%;
		height: 100px;
	}
}

.impact .content .how .col-sm-4 .circle {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
}

.impact .content .how .col-sm-4 .circle .img-fluid {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	right: 0;
	left: 0;
	top: 0;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}

@media (max-width: 768px) {
	.impact .content .how .col-sm-4 .circle {
		width: 70px;
		height: 70px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.impact .content .how .col-sm-4 .circle {
		width: 70px;
		height: 70px;
	}
}

footer {
	padding: 20px;
	scroll-snap-align: start;
}

@media (max-width: 768px) {
	footer .col-sm-8 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
}

footer .navbar-brand-footer {
	padding: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	height: 90px;
	width: 270px;
}

@media (max-width: 768px) {
	footer .navbar-brand-footer {
		height: 100px;
		width: 200px;
	}
}

footer h5 {
	font-family: Brandon I;
	font-weight: 900;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

footer .fab {
	color: #008000;
	font-size: 1.4rem;
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	cursor: pointer;
}

footer .fab:hover {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}
/*# sourceMappingURL=index.css.map */

/* video modal */
.video-modal-section {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100vw;
	z-index: 1000;
	box-sizing: border-box;
}

.video-modal {
	width: 30%;
	background: #ffffff1f;
	padding: 5px;
	/* padding-bottom: 20px; */
	box-sizing: border-box;
	animation-name: modalopen;
	animation-duration: 1s;
	position: fixed;
	bottom: 0;
	right: 20px;
}

.video-modal-close-btn {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: -5px;
	margin-bottom: 8px;
	color: #000;
}

.video-modal-close-btn button {
	background: none;
	border: none;
	font-size: 1.5em;
	color: white;
	cursor: pointer;
	background-color: #ff7912;
}

.video-modal-close-btn button i {
	cursor: pointer;
}

.video-iframe {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 300px;
}

.video-iframe::after {
	padding-top: 56.25%;
	display: block;
	content: "";
}

.video-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.resize-img {
	height: 231px !important;
	width: 270px !important;
	object-fit: cover !important;
}

.video-click {
	background-color: #000;
	padding: 5px;
	font-size: 25px;
}

.video-click a {
	color: #fff;
}

.hide-caption {
	display: none;
}

.center-div {
	margin-top: 30px;
}

.imgCaption:hover span {
	display: block;
}

/* .hide-caption:hover{
	display:block
} */

/* FOR TABLETS*/
@media screen and (min-width: 768px) and (max-width: 1023) {
	/* Styles here */
	.video-modal-section {
		height: 60%;
	}
}

/* FOR MOBILE PHONE */
@media screen and (max-width: 767px) {
	.video-modal {
		width: 80%;
		background: #ffffff1f;
		padding: 5px;
		box-sizing: border-box;
		animation-name: modalopen;
		animation-duration: 1s;
		/* position: absolute;
    bottom: 0;
    right: 20px; */
	}

	.video-modal-section {
		height: 60%;
	}

	.hide-caption {
		display: block;
	}
}