@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important;
}

#topDiv {
	display: none;
}

#backToTop {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: #000;
    color: #FFC20B;
    font-size: 22px;
    cursor: pointer;
    display: none;
    z-index: 9999;
	rotate: 270deg;
    transition: opacity .3s ease, transform .3s ease;
}

#backToTop:hover {
    transform: translateX(-4px);
    background: #333;
}


/*font section Starts Here*/ 

.fa-bars:before {
	content: "\f0c9";
	font-family: "Font Awesome 6 Free" !important;
	font-style: normal;
	font-weight: 900;
}


.headerContainer {
	position: sticky;
	top: -1px;
	z-index: 14;
	background: #fff;
	box-shadow: 0px 1px 5px #8c8d8d;
}

.digisColorTheme .navbar-toggler {
	padding: 8px;
}

.eventFooter {
	background: #fff;
}

.eventFooter .footerSocialIcons {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	margin-left: auto;
	column-gap: 10px;
}

/* .juryImage:hover img {
    filter: grayscale(50%)
} */

.eventFooter .footerLinks {
	border-bottom: 1px solid #ccc;
}


.fw-600 {
	text-align: right !important;
}

.fa-bars:before {
	content: "\f0c9";
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
}

.nav-item:hover {
	background: transparent;
}




.nav-link {
	display: block;
	padding: .5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
	text-decoration: none;
}

.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: .5rem 1rem;
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	justify-content: flex-end;
}

.navbar-nav .nav-link {
	color: #FFF;
	padding-right: 0;
	padding-left: 0;
}

.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center
    flex-end;
}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: .25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
	text-decoration: none;
}

@media(min-width: 992px) {
	.navbar-expand-lg {
		flex-flow: row nowrap;
		justify-content: flex-start;
	}

	.navbar-expand-lg .navbar-nav {
		flex-direction: row;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .6rem;
		padding-left: .6rem;
	}

	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}

	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
	opacity: .75;
}

.border-top {
	border-top: 1px solid #dee2e6 !important;
}


a:hover {
	text-decoration: none;
}

.headerContainer {
	position: sticky;
	top: -1px;
	z-index: 14;
	background: #fff;
	box-shadow: 0px 1px 5px #8c8d8d;
}


.eventFooter {
	padding-top: 15px;
}

.eventFooter::before {
	content: "";
	display: block;
	background: url(../images/mba-border.jpg);
	position: absolute;
	height: 15px;
	width: 100%;
	left: 0;
	top: 0;
}

.eventFooter {
	background: #fff;
	padding: 20px 0 10px;
	position: relative;
}

.eventFooter .footerLinks {
	border-bottom: 1px solid #ccc;
}

.eventFooter .footerSocialIcons {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	margin-left: auto;
	column-gap: 10px;
}


/*Started By ravindra*/

* {
	outline: none;
	color: #000;
}

body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: "Roboto", sans-serif !important;
    /* font-family: "Doto", sans-serif; */
	;
}

/* Nav main-header code start */


.custom-navbar {
	background: transparent;
	/* background-image: radial-gradient(#e6e6e6 2px, transparent 2px);
	background-size: 30px 30px; */
}

.nav-bg {
	background: #2E2525 ;
	border-radius: 10px !important;
	height: 55px;
	overflow: visible;
}

.edition-box {
	position: relative;
	z-index: 99;
	margin-top: 25px !important;
	width: 70px !important;
	height: 80px !important;
	border-radius: 0 0 15px 15px !important;
	background: #A20404 !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.edition-box span {
	font-size: 14px !important;
	font-weight: 500;
	color: #fff !important;
	text-align: center;
}

.nav-menu {
	position: relative !important;
	padding: 0 20px;
}

.nav-link {
	font-size: 16px !important;
	font-weight: 600 !important;
	text-shadow: rgb(0, 0, 0) 1px 0px 2px;
}

.nav-link:hover {
	color: #FFC20B;
}


.nav-indicator {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	height: 3px !important;
	width: 0 !important;
	background: #A20404 !important;
	transition: .3s !important;
}

.enter-btn {
	background: #A20404 !important;
	color: #fff !important;
	padding: 10px 20px !important;
	border-radius: 15px !important;
	text-decoration: none !important;
	max-width: 120px;
}

.menu-btn span {
	display: block !important;
	width: 24px !important;
	height: 3px !important;
	background: #FFC20B !important;
	margin: 4px 0 !important;
}

.home-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	perspective: 750px;
	overflow: hidden;
	height: 85vh;
	background: #ffffff;
	background-image: radial-gradient(#e6e6e6 2px, transparent 2px);
	background-size: 30px 30px;
}

.logo-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	margin-top: 200px;
	background-color: transparent;
}


.afaqsLogo {
	margin: 0 auto;
	width: 100%;
	max-width: 419px;
} 


.date-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
}

.Winners-2024 {
	position: relative;
	z-index: 999;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.15;
	text-align: right;
	margin-top: -80px;
}

@media (max-width: 1400px) {


.logo-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 150px;
	background-color: transparent;
}

}

@media (max-width: 992px) {

    /* .nav-bg {
	background: #2E2525 ;
	border-radius: 10px !important;
	height: auto;
	min-height: calc(100% -40px);
} */

.nav-bg{
    min-height: calc(100% -40px);
    height:auto;
}


navbar-collapse{
    padding-top:20px;
}

.nav-item{
    margin:8px 0;
}

.nav-link{
    display:block;
    padding:5px 20px !important;
}

.navbar-collapse.show{
    padding-top:15px;
    padding-bottom:15px;
}

.edition-box {
	margin-top: 0px !important;
	margin-left: -15px;
	width: 60px !important;
	height: 60px !important;
	border-radius: 10px 0 0 10px  !important;
	background: #A20404 !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow-y: visible
}


.afaqsLogo {
	margin: 0 auto;
	width: 100%;
	max-width: 320px;
} 


.Winners-2024 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.15;
	text-align: right;
	margin-top: -50px;
}

.logo-box {
    position:relative;
    top:auto;
    left:auto;
    transform: translate(0%, -50%);
    margin:0px auto;
}


}



@media (max-width: 576px) {
	.home-bg {
	height:50vh;
	}

	.navbar {
	padding: .5rem 0.3rem .5rem 1.3rem;
}
}


/* Nav main-header code end */


/* Hero section code start */

@layer base,
	mouse,
	demo;

@layer demo {
		@	property --rotate {
		syntax: "<number>";
		inherits: true;
		initial-value: 0;
	}
	
		@	keyframes --page-rotate {
		to {
				--rotate: 1;
	}
}

.wrapper {
	height: 800svh;
	margin: 0 auto;
	animation: --page-rotate 1s linear;
	animation-timeline: scroll(nearest block);
			/** this allows us to rotate to exactly each card.
             BUT, it either needs to be set via JS or hardcoded as we can't accesss the .wrapper sibling-count() value  from the body */
			--cards: 20;
			/* animation-timing-function: steps(var(--cards)); */
            /* animation-timing-function: linear; */
            
            --start-card: 10;
			--card-border-radius: 14px;
			--cards: sibling-count();
			--card-width: max(100px, 11vw);
			--card-height: calc(var(--card-width) * 6 / 4);
			/* radius large enough so cards don't overlap */
	--radius: calc(var(--card-width) * var(--cards) / (2 * 3.1416));
	font-family: 'Just Me Again Down Here', handwriting;
	position: fixed;
	width: calc(var(--radius) * 2);
	height: calc(var(--radius) * 2);
			/* center circle so top card is visible */
	top: calc(45% + var(--radius) + var(--card-height) * 2);
	left: 48%;
	transform-origin: center center;
			/* transform: translateX(-10%) rotate(calc(var(--rotate) * 360deg)); */
	transform: translateX(-10%)
                rotate(
                    calc(
                        (var(--rotate) + ((var(--start-card) - 1) / var(--cards)))
                        * 360deg
                    )
                );
                  /* transition: transform 1s ease-in-out; */
			    /* transition: transform 300ms linear; */
	transition: none;
	will-change: transform;
			/*zoom: .3;*/
	& > div {
				--card-i: sibling-index();
				/* card position around circle*/
	--card-offset-radius: circle(var(--radius) at 50% 50%);
	--card-offset-distance: calc((var(--card-i) - 1) / var(--cards) * 100%);
				/* current card positioning relative to --rotate to detect "top" card */
	--card-phase: calc((var(--card-i) - 1) / var(--cards) - 0.75);
	--card-pos: mod(calc(var(--card-phase) + var(--rotate) + 1), 1);
	--card-dist: min(var(--card-pos), calc(1 - var(--card-pos)));
				/* --card-grayscale: clamp(0, calc(var(--card-dist) * var(--cards)), 1); */
				/* --card-opacity: calc(1 - (var(--card-dist) / 0.15)); */
	--card-opacity: calc(1 - (var(--card-dist) / 0.28));
	--card-grayscale: clamp(0, calc(var(--card-dist) * 4), 1);
	--card-focus-range: .25;
				/* blur */
				/* --card-focus-range: .1;
      --card-max-blur: 7px;
      --card-norm-dist: min(var(--card-dist), var(--card-focus-range));
      --card-blur-progress: calc(var(--card-norm-dist) / var(--card-focus-range));
      --card-blur: calc(var(--card-blur-progress) * var(--card-max-blur));
     */
				/* caption */
	--caption-active: clamp(0, 1 - (var(--card-dist) / 0.001), 1);
	--caption-opacity: var(--caption-active);
	--caption-y: calc(-150px * (1 - var(--caption-active)));
	filter: blur(var(--card-blur)) grayscale(var(--card-grayscale));
	opacity: var(--card-opacity);
	container: size;
	offset-path: var(--card-offset-radius);
	offset-distance: var(--card-offset-distance);
	offset-rotate: auto;
	offset-anchor: 50% 100%;
	position: absolute;
	width: var(--card-width);
	aspect-ratio: 4/6;
	object-fit: cover;
	border-radius: var(--card-border-radius);
	transition: all 300ms ease-in-out;
	transform-origin: center calc(var(--card-height) * 2 * -1);
				/*
      &::before{
        content: counter(i);
        counter-reset: i var(--caption-opacity);
      }
      */
	&: :after {
					content: attr(data-title);
	position: absolute;
	top: 100%;
	left: 1rem;
	opacity: var(--caption-opacity);
	translate: 0 var(--caption-y);
	font-size: clamp(1rem, 2vw + 0.045rem, 1.6rem);
	z-index: -1;
	transition: opacity 300ms ease-in-out, translate 300ms ease-in-out;
}
				& >img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}
			}
		}
	}

@layer mouse {
	.mouse {
		position: fixed;
		bottom: 1rem;
		left: 50%;
		translate: -50% 0;
		display: block;
		width: 50px;
		height: 50px;
		opacity: 1;
		color: var(--mouse-color);
		display: none;
		animation-name: mouse;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		animation-timeline: scroll(nearest block);
		@supports (animation-timeline: scroll()) {
				display: block;
	}
}

@keyframes mouse {
	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}
	}
	/* general styling not relevant for this demo */
	
@layer base {
	* {
		box-sizing: border-box;
	}

	:root {
		color-scheme: light dark;
		--bg-dark: rgb(16, 24, 40);
		--bg-light: rgb(248, 244, 238);
		--txt-light: rgb(10, 10, 10);
		--txt-dark: rgb(245, 245, 245);
		--line-light: rgba(0 0 0 / .25);
		--line-dark: rgba(255 255 255 / .25);
		--clr-bg: light-dark(var(--bg-light), var(--bg-dark));
		--clr-txt: light-dark(var(--txt-light), var(--txt-dark));
		--clr-lines: light-dark(var(--line-light), var(--line-dark));
	}

	body {
		background-color: var(--clr-bg);
		color: var(--clr-txt);
	}

	h1 {
		margin: 0;
		font-size: 1.2rem;
	}
		@	supports not (animation-timeline: scroll()) {
		body: :before {
				content: "Sorry, your browser doesn't support animation-timeline";
		position: fixed;
		top: 2rem;
		left: 50%;
		translate: -50% 0;
		font-size: 0.8rem;
	}
}


}



/*  Special effect on mouse hover  start*/
.hero {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.dot-mask {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	transition: opacity .1s;
	background-image: radial-gradient(#e6e6e6 2px, transparent 2px);
	background-size: 30px 30px;
	-webkit-mask-image: radial-gradient(circle 400px at var(--x) var(--y), #000 0%, #000 70%, transparent 100%);
	mask-image: radial-gradient(circle 400px at var(--x) var(--y), #000 0%, #000 70%, transparent 100%);
}
.hero-content {
	position: relative;
	z-index: 2;
}
/*  Special effect on mouse hover end*/


/* Hero section code end */

/*==============================
 Impact Section
==============================*/

.impact-section {
	background: #2b2323;
	padding: 45px 10px 20px;
	position: relative;
	/* overflow: hidden; */
	display: flex;
	justify-content: center;
	align-items: center;
	/* margin-top: 17px; */
}

.impact-title {
	color: #FFC20B;
	font-size: 36px;
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	font-family: "Doto", sans-serif;
	font-weight: 600;
}

.impact-box h5 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.impact-number {
	display: inline-block;
	color: #FFC20B;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	font-family: "Doto", sans-serif;
}

.impact-box span {
	color: #FFC20B;
	font-size: 32px;
	font-weight: 700;
	vertical-align: top;
	font-family: "Doto", sans-serif;
}

.impact-medal {
	position: relative;
	z-index: 99;
	width: 140px;
	margin-top: -42px;
	transition: .4s;
	transform: rotate(0deg) scale(1.1);
}

.impact-medal:hover {
	transform: rotate(10deg) scale(1.4);
}

/* Tablet */

@media(max-width:991px) {

	.impact-title {
		font-size: 24px;
		text-align: center;
	}

	.impact-box {
		margin-bottom: 30px;
	}

	.impact-number {
		font-size: 60px;
	}
}

/* Mobile */

@media(max-width:767px) {

	.impact-section {
		padding: 20px 1px;
	}

	.impact-box {
		margin-bottom: 0px;
	}


	.impact-title {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.impact-box h5 {
		font-size: 15px;
		margin-bottom: 40px;
	}

	.impact-number {
		font-size: 28px;
	}

	.impact-box span {
		font-size: 28px;
	}

	.impact-medal {
		width: 120px;
		margin-top: 20px;
	}
}




/*==========================
Overview
==========================*/



.overview-section {
	padding: 50px 0;
	overflow: hidden;
	background: #ffffff;
	 background-image: radial-gradient(#e6e6e6 2px, transparent 2px);
	background-size: 30px 30px;
}

.section-title {
	font-size: 50px;
	text-align: center;
	margin-bottom: 70px;
	font-family: monospace;
	letter-spacing: 1px;
	color: #000;
	text-transform: uppercase;
	font-family: "Doto", sans-serif;
	font-weight: 600;
}

.overview-row {
	margin-bottom: 100px;
}

.overview-content p {
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 28px;
	color: #222;
}


/*==========================
Image
==========================*/

.overview-image {
	position: relative;
	text-align: center;
}

.overview-image img {
	width: 100%;
	max-width: 600px;
} 


/*==========================
Medals
==========================*/

.medal-row {
	margin-top: 70px;
}

.medal-card {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}

.medal-card img {
	width: 100%;
	max-width: 340px;
	transition: .4s;
}

.medal-card:hover img {
	transform: translateY(0px) scale(1.05);
}

.medal-card h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.15;
	width: 70%;
}


/*==========================
Responsive
==========================*/

@media(max-width:991px) {

	.section-title {
		font-size: 30px;
	}

	.overview-content {
		margin-bottom: 50px;
	}

	.medal-card img {
		width: 75%;
	}

	.medal-card h3 {
		font-size: 22px;
	}
}

@media(max-width:767px) {

	.overview-section {
		padding: 60px 0;
	}

	.section-title {
		font-size: 30px;
		margin-bottom: 40px;
		letter-spacing: 2px;
	}

	.medal-card img {
		width: 260px;
	}

	.medal-card {
		margin-bottom: 30px;
	}

	.medal-card h3 {
		font-size: 18px;
	}

	.overview-row {
	margin-bottom: 50px;
}

.medal-row {
	margin-top: 10px;
}

}

/* =================================== */





/*=========================
 HOW IT WORKS
=========================*/


.how-works-hero {
	position: relative;
	overflow: hidden;
	background: #A20404;
}

/* Aurora */

.aurora {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.blob {
	position: absolute;
	width: 800px;
	height: 500px;
	border-radius: 50%;
	filter: blur(234px);
	opacity: .8;
	mix-blend-mode: screen;
}

.blob1 {
	background: #359df1;
	left: -200px;
	bottom: -150px;
	animation: move1 2s infinite alternate ease-in-out;
}

.blob2 {
	background: #FFC20B;
	left: 35%;
	top: -200px;
	animation: move2 3s infinite alternate ease-in-out;
}

.blob3 {
	background: #1d9e03;
	right: 10%;
	top: -150px;
	animation: move3 4s infinite alternate ease-in-out;
}

.blob4 {
	background: #0656ce;
	right: -150px;
	bottom: -100px;
	animation: move4 2s infinite alternate ease-in-out;
}

@keyframes move1 {

	0% {
		transform: translate(50px,100px);
	}

	100% {
		transform: translate(250px,-400px);
	}
}

@keyframes move2 {

	0% {
		transform: translate(50px,100px);
	}

	100% {
		transform: translate(-220px,400px);
	}
}

@keyframes move3 {

	0% {
		transform: translate(50px,100px);
	}

	100% {
		transform: translate(-150px,-420px);
	}
}

@keyframes move4 {

	0% {
		transform: translate(50px,100px);
	}

	100% {
		transform: translate(180px,-450px);
	}
}

.noise {
	position: absolute;
	inset: 0;
	opacity: .5;
	background-image: url(https://uat.afaqs.com/frontend/adel/2026/assets/images/bg-works.png);
	background-size: cover;
	background-position: center;
	mix-blend-mode: overlay;
}

.how-works-section {
	/* background: #A20404;
	background-image: url("images/bg-works.png");
	background-size: cover;
	background-position: center; */
	color: #fff;
	padding: 50px 0;
}

.works-title {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.works-title h2 {
	font-size: 60px;
	line-height: 1.15;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Doto", sans-serif;
	font-weight: 600;
}

.intro-text {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 35px;
	color: #fff;
}

.work-column {
	padding: 0 5px 0 20px;
}

.work-column.my-border-left {
	border-left: 1px solid rgba(255,255,255,.5);
}

.work-column h5 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #fff;
}

.work-column strong {
	font-weight: 700;
	color: #fff;
}

.work-column ul {
	padding-left: 16px;
	margin-top: 18px;
}

.work-column li {
	list-style: disc;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}

/* Tablet */

@media(max-width:991px) {

	.works-title {
		margin-bottom: 50px;
	}

	.works-title h2 {
		font-size: 50px;
		text-align: center;
	}

	.intro-text {
		text-align: center;
	}

	.work-column {
		padding: 0;
		margin-bottom: 40px;
	}

	.work-column.my-border-left {
		border-left: 0px solid rgba(255,255,255,0);
	}
}

/* Mobile */

@media(max-width:767px) {

	.how-works-section {
		padding: 30px 15px;
	}

	.works-title h2 {
		font-size: 40px;
	}

	.intro-text {
		font-size: 17px;
	}

	.work-column h5 {
		font-size: 17px;
	}

	.work-column li {
		font-size: 16px;
	}

	.works-title {
		margin-bottom: 20px;
	}

}
/* =================================== */



/*==================================
 PERKS SECTION
==================================*/

.perks-section {
	padding: 50px 0;
	color: #ffffff;
	background: #000;
    /* Optional Texture */
	background-image: url(https://uat.afaqs.com/frontend/adel/2026/assets/images/bg-member.png);
	background-size: cover;
	background-position: center;
}

.perks-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.perks-title h2 {
	color: #ffffff;
	font-size: 60px;
	line-height: 1.15;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "Doto", sans-serif;
	font-weight: 600;
}

.perks-content {
	padding-left: 40px;
}

.perks-content p {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 35px;
}

.perk-item {
	margin-bottom: 35px;
}

.perk-item h5 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 2px;
}

.perk-item ul {
	margin: 0;
	padding-left: 16px;
}

.perk-item li {
	list-style: disc;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 0px;
}

/* Tablet */

@media(max-width:991px) {

	.perks-title {
		margin-bottom: 50px;
	}

	.perks-title h2 {
		font-size: 52px;
		text-align: center;
	}

	.perks-content {
		padding-left: 0;
	}
}

/* Mobile */

@media(max-width:767px) {

	.perks-section {
		padding: 30px 10px;
	}

	.perks-title h2 {
		font-size: 38px;
	}

	.perks-content p {
		font-size: 17px;
	}

	.perk-item h5 {
		font-size: 19px;
	}

	.perk-item li {
		font-size: 16px;
	}
	
	.perks-title {
		margin-bottom: 20px;
	}
}




/*==========================
 GRAND JURY
==========================*/

.grand-jury-section {
	padding: 50px 0;
	background: #ffffff;
	background-image: radial-gradient(#e6e6e6 2px, transparent 2px);
	background-size: 30px 30px;
}

.section-title {
	margin-bottom: 60px;
}

.section-title h2 {
	font-size: 60px;
	font-family: monospace;
	letter-spacing: 1px;
	font-family: "Doto", sans-serif;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
}

/* Card */

.jury-card {
	overflow: hidden;
	background: #000;
	transition: .4s;
}

.jury-card:hover {
	transform: translateY(-8px);
}

/* Image */

.jury-img {
	overflow: hidden;
}

.jury-img img {
	width: 100%;
	display: block;
	filter: grayscale(100%);
	transition: .5s;
}

.jury-card:hover img {
	transform: scale(1.08);
	filter: grayscale(0);
}

/* Info */

.jury-info {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 18px 15px;
	min-height: 130px;
}

/* First Card Red */

.jury-info.active {
	background: linear-gradient(#ff2020,#970000);
}

.jury-info h4 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 700;
}

.jury-info p {
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 1.4;
	height: 70px;
}


/*==========================
 Jury Info
==========================*/

.jury-info {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 18px 15px;
	min-height: 130px;
	transition: all .4s ease;
}

/* Red background on hover */
.jury-card:hover .jury-info {
	background: linear-gradient(180deg,#ff2a2a 0%,#9b0000 100%);
}

/* Optional: slightly brighter text */
.jury-card:hover .jury-info h4,
.jury-card:hover .jury-info p {
	color: #fff;
}


/* Responsive */

@media(max-width:991px) {

	.section-title h2 {
		font-size: 42px;
	}

	.jury-info {
		min-height: auto;
	}
}

@media(max-width:767px) {

	.grand-jury-section {
		padding: 60px 15px;
	}

	.section-title {
		margin-bottom: 25px;
	}

	.section-title h2 {
		font-size: 32px;
		letter-spacing: 3px;
	}

	.jury-info h4 {
		font-size: 22px;
	}

	.jury-info p {
		font-size: 15px;
	}
}




/*==========================
    CONTACT FOOTER
===========================*/

.contact-footer {
	background: #000;
	padding: 55px 0 30px;
	color: #fff;
}

.footer-title {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.contact-box {
	margin-bottom: 25px;
}

.contact-box h5 {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
}

.contact-box p {
	color: #fff;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 500;
}

.contact-box a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: .3s;
}

.contact-box a:hover {
	color: #d4af37;
	text-decoration: none;
}

.sponsor-row {
	margin-bottom: 10px;
}

/*==========================
Responsive
===========================*/

@media(max-width:991px) {

	.footer-title {
		font-size: 24px;
	}

	.contact-box h5 {
		font-size: 22px;
	}

	.contact-box p {
		font-size: 19px;
	}

	.contact-box a {
		font-size: 18px;
	}
}

@media(max-width:767px) {

	.contact-footer {
		padding: 40px 15px;
	}

	.footer-title {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.contact-box {
		margin-bottom: 35px;
	}

	.contact-box h5 {
		font-size: 20px;
	}

	.contact-box p {
		font-size: 17px;
	}

	.contact-box a {
		font-size: 16px;
		word-break: break-word;
	}
}