:root{
	--bs-dark: 220 11% 11%;
	--bs-primary: #ec02f8;
	--bs-secondary: #a200fe;
	--bs-darker-blue: 206, 92%, 28%;
	--bs-gold: #DF7D00;
	--bs-white: 0, 0%, 100%;
	--bs-border: 210 33% 98%;
	--bs-gray: 150 33% 98%;
	--bs-slate-300: rgb(203 213 225);
	--bs-slate-400: rgb(148 163 184);
	--bs-slate-200: rgb(226 232 240);
	--bs-slate-100: rgb(241 245 249);
	--text-gray: 218 6% 63%;
	--text-slate-400: rgb(203 213 225);
	--text-slate-500: rgb(148 163 184);
	--text-slate-600: rgb(71 85 105);
	--text-slate-700: rgb(51 65 85);
	--text-slate-900: rgb(15 23 42);
	--fs-400:1.125rem;
	--fs-900:9.375rem;
	--fs-800:6.25rem;
	--fs-700:3.5rem;
	--fs-600:2rem;
	--fs-500:1.75rem;
	--fs-300:1rem;
	--fs-200:0.875rem;
	--ff-title: "Heebo", Serif;
	--ff-text: "Montserrat", sans-serif;
	--radius-4: 4px;
    --radius-6: 6px;
    --radius-8: 8px;
    --section-padding: 90px;
    --shadow-1: 0 2px 2px var(--black);
    --shadow-2: 0px 2px 4px var(--black);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --transition-1: 0.05s ease;
    --transition-2: 0.25s ease;
    --cubic-in: cubic-bezier(0.51, 0.03, 0.64, 0.28);
    --cubic-out: cubic-bezier(0.33, 0.85, 0.56, 1.02);
	}
	
	
	*,
	*::before, 
	*::after{
		box-sizing: border-box;
	}
	
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	figure,
	picture{
		margin: 0;
		font-weight: 400;
		padding: 0;
	}
	
	h1,
	h2,
	h3,
	h4{
		font-weight: 700;
		font-family: var(--ff-title);
		letter-spacing: 2.72px;
		
		
	}

	a{
		text-decoration: none !important;
	}

	a:hover{
		text-decoration: none;
	}

	.uk-navbar-dropdown{
		border: none;
		box-shadow: none;
	}


	
	body{
		line-height: 1.5;
		min-height: 100vh;
		font-family: var(--ff-text);
		font-size: var(--fs-400);
		background-color: hsl(var(--bs-white));
		color: hsl(var(--bs-dark));
	}
	
	img,
	picture{
		max-width: 100%;
		display: block;
	}
	
	input,
	button,
	textarea,
	select{
		font:inherit;
	}
	
	.divider{
		width: 100%;
		height: 2px;
		background-color: hsl(var(--bs-border));
	}
	.shadow {
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	}

	
	@media(prefers-reduced-motion:reduce){
		*,
		*::before,
		*::after{
			animation-duration: 0.01ms !important;
			animation-iteration-count: 1 !important;
			transition-duration: 0.01ms !important;
			scroll-behavior: auto !important;
		}
	}
	
	.flex{
		display: flex;
		gap:var(--gap, 1rem);
	}
	
	.grid{
		display: grid;
		gap:var(--gap, 1rem);
	}
	

	
	.container{
		padding-inline: 0.5em;
		margin-inline: auto;
		max-width: 70rem;
	}
	
	.sr-only{
		position:absolute;
		width: 1px;
		height: 1px;
		padding:0;
		margin:-1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		white-space: nowrap;
		border: 0;
	}
	
	.large-button{
		display: grid;
		padding: 0 2em;
		z-index: 1;
		place-items: center;
		width: fit-content;
		position: relative;
		
	
	}
	
	.large-button::after{
		content:'';
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-color: hsl(var(--bs-yellow) /.15);
		opacity: 0;
		transition: opacity 500ms linear, transform 500ms ease-in-out;
	
	}
	
	.large-button:hover::after,
	.large-button:focus::after{
		opacity: 1;
		transform: scale(1.5);
	}
	
	.overlay{
		height: 30vh;
	}
	
	.bg-orange{background-color: hsl(var(--bs-orange));}
	.bg-border{background-color: hsl(var(--bs-border));}
	.bg-yellow{background-color: hsl(var(--bs-primary));}
	.bg-red{background-color: hsl(var(--bs-red));}
	.bg-dark{background-color: hsl(var(--bs-secondary));}
	.bg-white{background-color: hsl(var(--bs-white));}
	.bg-divider{background-color: var(--text-slate-400);}
	.bg-gray{background-color: hsl(var(--bs-gray));}
	.bg-transparent{background-color: hsl(var(--bs-gray) /.5);}
	.bg-btn{background-color: hsl(var(--bs-orange));}
	
	.text-dark{color: var(--text-slate-900);}
	.text-yellow{color: hsl(var(--bs-yellow));}
	.text-white{color: hsl(var(--bs-white));}
	.text-orange{color: hsl(var(--bs-orange));}
	.text-gray{color:hsl(var(--text-gray));}
	
	.section-title{
		padding: 0.5em 0;
	}
	.section-title h2{
		font-family: var(--ff-title);
		letter-spacing: 3.72px;
		padding: 0.5rem 0;
	}
	.section-title p{
		font-family: var(--ff-text);
		font-size: var(--fs-300);
		
	}

	

	.section-title h6{
		font-family: var(--ff-text);
		text-transform: uppercase;
		font-size: 0.775rem;
		color: var(--bs-secondary);
		font-weight: 600;
		letter-spacing: 1.72px;
	}

	

	#masthead{
		height: 25vh;
	}

	#masthead .container{
		display: flex;
		justify-content: center;
		height: 25vh;
		flex-direction: column;
	}

	#masthead h2{
		color: #111111;
		font-size: var(--fs-500);
	}

	.breadcrumb li{
		font-family: var(--ff-text);
		color: #111111;
		font-size: var(--fs-300);
		font-weight: 600;
	}

	.breadcrumb i{
		color: #111111;
	}

	 .breadcrumb li a{
		color: var(--bs-gold) !important;
		
	}

	@media(min-width:900px){

		.section-title{
			padding: 0.7rem 0;
		}
		.section-title{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		.section-title h2{
			font-size: var(--fs-500);
			padding: 0.2rem 0;
		}

		.section-title p{
			font-size: var(--fs-400);
			max-width: 45vw;
			margin-inline:auto;
			text-align: center;
		}

		#masthead, #masthead .container{
			height: 30vh;
		}
	}
	
	.letter-spacing-1{letter-spacing: 4.75px;}
	.letter-spacing-2{letter-spacing: 2.7px;}
	.letter-spacing-3{letter-spacing:2.35px;}
	
	.uppercase{text-transform: uppercase;}
	
	.fs-900{font-size:var(--fs-900);}
	.fs-800{font-size:var(--fs-800);}
	.fs-700{font-size: var(--fs-700);}
	.fs-600{font-size:var(--fs-600);}
	.fs-500{font-size: var(--fs-500);}
	.fs-400{font-size: var(--fs-400);}
	.fs-300{font-size: var(--fs-300);}
	.fs-200{font-size:var(--fs-200);}
	
	.fs-900,
	.fs-800,
	.fs-700,
	.fs-600{
		line-height: 1.1;
	}

	ul{
		list-style: none;
		padding: 0;
		margin: 0;
	  }

	.single-program ul{
		list-style: circle !important;
		padding: 0 2rem !important;
	}



	nav{
		margin: 0;
		padding: 0;
	}

	.breadcrumb{
		display: flex;
		align-items: center;
		gap:10px;
	}

	.breadcrumb li{
		font-family: var(--ff-text);
		font-size: var(--fs-300);
	}

	.breadcrumb i{
		font-size: 1.4rem;
	}

	.breadcrumb li a{
		color: hsl(var(--bs-orange));
	}

	.members{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap:5px;
	}

	.members .member{
		padding: 1rem 0;
		border: 3px solid hsl(var(--bs-border));
		border-radius: 0.2em;
		
	}
	
	.members .member-photo img{
		
		
		
		
		
	}

	.members .member .member-content{
		padding: 0.3rem 0.2rem;
	}

	.members .member .member-content span{
		font-size: 0.675rem
	}

	.members .member h3{
		letter-spacing: 1.72px !important;
		padding-top: 0.5rem;
		font-size: var(--fs-300);
	}

	.members .member span{
		font-size: 0.775rem;
	}

	.county_based{
		padding: 1.5rem 0;
	}

	.county_based .section-title{
		text-align: initial !important;
		text-align: left !important;
	}

	.director-canvas{
		width: 100%;
		padding: 0;
		margin: 0;
		background-color: hsl(var(--bs-white));
		
	}

	.uk-offcanvas-close{
		
		margin: 0.4rem;
		background-color: hsl(var(--bs-dark));
		width: 30px;
		height: 30px;
		border-radius: 100%;
		color: hsl(var(--bs-white));
		display: grid;
		place-items: center;
	}

	.director_title{
		padding: 0.6rem;
	}
	.director_title h3, .director_title span, .director_title p{
		color: hsl(var(--bs-dark));
	}

	.director_title p{
		font-size: var(--fs-200);
		font-family: var(--ff-text);
	}

	.social-links{
		display: flex;
		padding: 0.5rem 0;
		gap:10px;
	}

	.social-links li a{
		width: 30px;
		height: 30px;
		display: grid;
		place-items: center;
		border-radius: 0.2em;
	}

	.social-links li .fb{
		background-color: #1877f2;
	}

	.social-links li .twitter{
		background-color: #1da1f2 ;
	}

	.social-links li .linkedin{
		background-color: #0a66c2;
	}

@media(max-width:600px){
	.sm-hidden{
		display: none;
	}

	.flow > *:not(:last-child){
		border-bottom: 1px solid hsl(var(--bs-border));
	}
}

@media(min-width:900px){
	.md-hidden{
		display: none;
	}
	.flow > *:not(:last-child){
		border-right: 1px solid hsl(var(--bs-border));
	}

	.members{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap:10px;
	}

	.members .member-photo img{
		max-height: 30vh;
		min-height: 30vh;
	}

	.members .member .member-content span{
		font-size: 0.875rem;
	}

	#staff h2{
		font-size: var(--fs-500);
		padding: 0.7rem 0;
	}

	.members .director{
		display: flex;
	}

	.members .director img{
		flex: 2;
		height: 100vh;
		width: auto;
		max-width: 50vw;
		object-fit: cover;
		object-position: 5px 10%;
	}

	.members .director .director_title{
		flex: 4;
	}
}


.mainNav{
	background-color: hsl(var(--bs-white));
}

.site-menu{
   position: fixed;
   right: -500px;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: hsl(var(--bs-white));
   visibility: hidden;
   z-index: 2;
   transition: 0.15s var(--cubic-in);
}

 .navbar{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: fit-content;
	max-height: fit-content;
	padding-inline: 5%;
	position: relative;
	
}


.toggle_side{
	display: flex;
	align-items: center;
	gap: 4px;
}

.toggle_side img{
	width: 150px;
}

.menu_toggle{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.menu_toggle .line{
	display: block;
	width: 35px;
	height: 2px;
	background-color: #131313;
	margin-bottom: 3px;
	transition: all ease-in 500ms;
}

.menu_toggle.active span:nth-child(1) {
	transform: rotate(45deg) translateY(14px);
  }
  
.menu_toggle.active span:nth-child(2) {
	opacity: 0;
	width: 0;
}
  
.menu_toggle.active span:nth-child(3) {
	transform: rotate(-45deg) translateY(-14px);
}

.site_menu{
	position: absolute;
	height: 100vh;
	top: 100%;
	right: 0;
	left: 0;
	background-color: #fff;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

.site_menu.active{
	display: flex;
  }

.site_menu li{
	font-family: var(--ff-text);
	font-size: var(--fs-500);
	padding-inline: 1rem;
}


.main_btn{
	padding: 0.6rem 1rem;
	font-family: var(--ff-text);
	text-transform: uppercase;
	font-size: var(--fs-200);
	border-radius: 0.4rem;
	background-color: var(--bs-primary);
	color: #fff;
	transition: all ease-in 400ms;

}

.main_btn:hover{
	background-color: var(--bs-secondary);
	color: #fff;
}



.menu_toggle .toggle{
	display: flex;
	flex-direction: column;
	
}




@media(min-width:900px){
	.mainNav{
		padding-block: 0.5rem;
	}
	.navbar{
		flex-direction: row;
	}

	.menu_toggle{
		display: none;
	}

	.left-side img{
		width: 170px;
	}

	.site_menu{
		position: initial;
		height: initial;
		width: fit-content;
		visibility: visible;
		display: flex;
		align-items: center;
		flex-direction: row;
	}

	.site_menu li{
		font-size: var(--fs-400);
	}

	.main_btn{
		padding: 1rem 4rem;
	}



}



.masthead{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.banner_img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	overflow: hidden;
}



 .overlay{
	position: absolute;
    width: 100%;
	height: 100%;
    opacity: .4;
	background-color: rgb(15 23 42);
}

.banner_content {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

.banner_content .uk-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100vh;
}

.masthead .subtitle{
	font-size: var(--fs-200);
	padding: 0.5rem 0;
	font-family: var(--ff-text);
	color: hsl(var(--bs-white));
}

.maintitle{
	font-size: var(--fs-500);
	color: hsl(var(--bs-white));
}



.banner-text{
	font-size: var(--fs-300);
	padding: 0.6rem 0;
	line-height: 1.5;
	padding: 1rem 0;
	color: #fff;
	font-family: var(--ff-text);
}

.banner_btns{
	display: flex;
	align-items: center;
	gap: 5px;
	margin-block:0.4rem;
}

.banner_list li{
	display: flex;
	align-items: center;
	gap: 4px;
	color: hsl(var(--bs-white));
	padding-block: 0.5rem;
	border-bottom: 1px solid hsl(var(--bs-white));
}

.banner_list li:last-child{
	border-bottom: none;
}

.btn-banner{
	display: flex;
	background-color: var(--bs-primary);
	align-items: center;
	padding: 0.6rem 1rem;
	width: fit-content;
	gap:5px;
	color: hsl(var(--bs-white));
	font-family: var(--ff-text);
	text-transform: uppercase;
	font-size: var(--fs-200);
	border-radius: 0.2rem;
	transition: all 500ms linear, transform 500ms ease-in-out;
	
}

.btn-banner-two{
	background-color: transparent;
	border: 2px solid hsl(var(--bs-primary));
	color: #fff;
}

@media(min-width:900px){
	.banner_text{
		max-width: 70vw;
		height: 60vh;
	}

	.banner_list li{
		width: fit-content;
		margin-block: 0.6rem;
	}

	.slider{
		max-height: 100vh;
	}
	.masthead, 
	.slider{
		height: 100vh;
	}


    .maintitle{
		font-size: var(--fs-700) !important;
		max-width: 40vw;
	}

	.banner-text{
		font-size: var(--fs-500);
		max-width: 40vw;
		line-height: 3.5rem;
		
	}

	.btn-banner{
		padding: 1rem inherit;
		font-size: var(--fs-400);
	}

	
}

#about .uk-container{
	padding-block: 1rem;
}

.about-section-deat{
	padding-block: 0.6rem;
}

.about-section-deat .btn{
	margin-block-start: 2rem;
}

#about .btn-banner{
	padding: 1rem 2rem;
}

@media(min-width:900px){
	#about{
		height: 50vh;
		padding-block: 2rem;
	}
	.about-section{
		display: grid;
		grid-template-columns: auto 40rem;
	}
}

.animated  {
	-webkit-animation-duration : 1000 ms  ;
	animation-duration : 1000 ms  ;
	-webkit-animation-fill-mode : both  ;
	animation-fill-mode : both  ;
  }  
  /* .owl-animated-out - only for current item */ 
  /* This is very important class. Use z-index if you want move Out item above In item */ 
  .owl-animated-out {
	z-index : 1 
	 }
  /* .owl-animated-in - only for upcoming item
  /* This is very important class. Use z-index if you want move In item above Out item */ 
  .owl-animated-in {
	z-index : 0 
	 }
  /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
  .fadeOut  {
	-webkit-animation-name : fadeOut  ;
	animation-name : fadeOut  ;
  }  
  @-webkit-keyframes  fadeOut  {
	0% {
	  opacity : 1   ;
	}  
	100% {
	  opacity : 0   ;
	}  
  }
  @keyframes  fadeOut  {
	0% {
	  opacity : 1   ;
	}  
	100% {
	  opacity : 0   ;
	}  
  }

.btn-banner i{
	font-size: 1.5rem;
}

.btn-banner:hover{
	gap:15px;
}

@media(min-width:900px){
	.btn-banner{
		padding: 0.9rem 2rem !important;
	}
}

.items{
	flex-direction: column;
	gap:0;
}

.card{
	padding: 0.8rem 1rem;
	background-color: hsl(var(--bs-gray));
}
.card-middle{
	background-color: hsl(var(--bs-darker-blue))
}


.card p{
	padding: 1rem 0;
	color: hsl(var(--bs-dark));
}

.more-2{
	margin-top: 1rem;
}

.card .icon{
	font-size: 5rem;
}

.card-middle h2{
	color: hsl(var(--bs-white));
}

.card-middle p{
	color: hsl(var(--bs-white));
}

.card-middle .icon{
	color: hsl(var(--bs-white));
}

 .more{
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all ease-in 400ms;
	width: fit-content;
	padding: 0.5rem 0.4rem;
	color: #fff;
	transition: all ease-in 400ms;
}


 .more .more-icon{
	width: 30px;
	height: 30px;
	background-color: #fff;
	display: grid;
	place-items: center;
	border-radius: 100%;
}

.more-icon i{
	color: hsl(var(--bs-dark));
	font-size: var(--fs-400);
}

.more:hover{
	color: #fff;
	gap: 20px;
}

.more:hover .more-icon{
	background-color: var(--bs-gold);
}

.message{
	padding-block: 1rem;
}



#valueProp ul li{
	padding-block: 0.6rem;
	border-bottom: 1px solid var(--text-slate-400);
}

#valueProp ul li p{
	font-size: var(--fs-200);
}

#valueProp ul li h6{
	font-family: var(--ff-title);
	font-size: var(--fs-400);
	padding-block: 0.4rem;
}

#valueProp ul li:last-child{
	border-bottom: none;
}

@media(min-width:900px){
	.about_website p{
		font-size: var(--fs-300);
		text-align: center;
	}

	.message{
		padding-block: 4rem;
	}

	#valueProp{
		padding-block: 6rem;
	}

	#valueProp ul{
		display: grid;
		grid-template-columns: repeat(3,1fr);
	}

	#valueProp ul li{
		border-right: 1px solid var(--text-slate-400);
		padding-inline: 0.6rem;
		
	}

	#valueProp ul li:last-child{
		border-right: none;
	}

	#valueProp ul li:nth-child(3){
		border-right: none;
	}
}


.welcomemsg{
	padding: 1rem 0;
}

.learn{
	letter-spacing: 2.72px;
	font-size: 0.75rem;
	color: hsl(var(--bs-orange));
	display: flex;
	align-items: center;
	gap:5px;
	transition: all 500ms linear, transform 500ms ease-in-out;
}

.learn .icon{
	width: 20px;
	height: 20px;
	display: grid;
	place-items: center;
	background-color: hsl(var(--bs-orange));
	border-radius: 100%;
}



.learn:hover, .learn:focus{
	gap:10px;
}

.programs .program-card{
	margin: 0.8rem 0;
	border: 2px solid hsl(var(--bs-border));
	transition: all 500ms linear, transform 500ms ease-in-out;
	cursor: pointer;
	
}

.programs .program-card img{
	width: 100%;
	height:auto;
	min-height: 25vh;
	max-height: 25vh;
	object-fit: cover;
}

.programs .program-card .program_deat{
	padding: 0.4rem 0.4rem;
}

.programs .program-card .program_deat p{
	font-size: var(--fs-300);
	padding: 0.5rem 0;
}

.programs .program-card .program_deat strong{
	display: flex;
	align-items: center;
	gap:10px;
	color: hsl(var(--bs-orange));
	font-size: 0.77rem;
	text-transform: uppercase;
}
.programs .program-card .program_deat strong .icon{
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: hsl(var(--bs-dark));
  display: grid;
  place-items:center;
}

.programs .program-card:hover,
.programs .program-card:focus{
	background-color: hsl(var(--bs-darker-blue));
	box-shadow: var(--shadow-lg);
}

.programs .program-card a:hover >  .program_deat p,
.programs .program-card a:focus >  .program_deat p{
	color: hsl(var(--bs-white)) !important;
}

.programs .program-card a:hover >  .program_deat h2,
.programs .program-card a:focus >  .program_deat h2{
	color: #fff !important;
}

.program-card .learn-more{
	display: flex;
	align-items: center;
	gap: 4px;
}

.program-card .learn-more .more-icon{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: hsl(var(--bs-dark));
	display: grid;
	place-items: center;

}

.program-card .learn-more .more-icon i{
	color: hsl(var(--bs-white));
}

@media(min-width:900px){
	.programs .program-card img{
		max-height: 15vh;
		min-height: 15vh;
	}
}

#programs{
	background-color: #f6f6f6;
	padding-block: 4rem;
}

#programs ul{
	list-style: circle !important;
	padding-inline: 2rem !important;
}

#programs ul li{
	padding-block: 0.4rem;
	font-size: var(--fs-200);
}

.convene{
	padding-block: 30px;
}

.convene p{
	font-size: var(--fs-200);
	padding-block: 0.5rem;
}

.convene .btn-banner{
	display: flex;
	width: fit-content;
	align-items: center;
}

.convene .btn-banner i{
	padding-bottom: 0.4rem;
}

#faq{
	background-color: #f6f6f6;
	padding-block: 3rem;
}

.uk-accordion-content p{
	font-size: var(--fs-200);
}

@media(min-width:900px){
	.convene_section{
		display: grid;
		grid-template-columns: 350px auto;
		gap: 15px;
		align-items: center;
	}

	.uk-accordion-content p,
	.convene p{
		font-size: var(--fs-300);
	}
}

.our-speakers{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 4px;
}

.speaker{
	padding-block: 0.6rem;
}

.speaker img{
	width: 100%;
	height: auto;
	max-height: 26vh;
	min-height: 26vh;
	object-fit: cover;
	object-position: 2px 5%;
}

.speaker-deat h6{
	font-family: var(--ff-title);
	font-size: var(--fs-400);
}

.speaker-deat p{
	font-size: var(--fs-200);
}

@media(min-width:900px){
	.our-speakers{
		grid-template-columns:repeat(4,1fr) ;
	}

	.speaker img{
		min-height: 30vh;
		max-height: 30vh;
	}

	.speaker-deat p{
		font-size: var(--fs-300);
	}
}
  
  
  .convene_section  img{
	width: 300px;
	height: 300px;
	object-fit: cover;
	object-position: 0.6px 10%;
	border-radius: 100%;
	margin-block:0.6rem
  }
  
  .convene_section .learn-more{
	border: 1px solid #111111;
	width: fit-content;
	padding: 0.6rem 1rem;
	gap: 5px;
	margin-block: 1rem;
  }
  
  .convene_section .learn-more span{
	padding-inline: 0.4rem;
  }

@media(min-width:900px){
      .convene_section  img{
          margin-block:none;
      }
	#programs{
		padding-block: 3rem;
	}

	#programs ul li{
		font-size: var(--fs-300);
	}
}

#program_section{
	position:relative;
	height: 60vh;
	width: 100%;
}

#program_section img{
	position:absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.program_page_deat{
	position:absolute;
	top:0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color:  rgb(15, 23, 42, 0.6) ;

}


#program_section .breadcrumb li {
	color: hsl(var(--bs-white));
	font-size: var(--fs-200);
	font-weight: 600;
	letter-spacing: 1.72px;

}

#program_page .breadcrumb li a{
	color: hsl(var(--bs-yellow));
	font-weight: 700;
	letter-spacing: 1.72px;
}
.program_page_deat .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 60vh;
	padding: 0 0.5rem;
}

.program_page_deat h2{
	font-size: var(--fs-500);
	color: hsl(var(--bs-white));
	padding: 0.6rem 0;
}
.program_page_deat p{
	color: hsl(var(--bs-white));
	font-family: var(--ff-text);
}

#single-program h2{
	padding: 0.4rem 0;
	font-size: var(--fs-400);
}

.program_description ul{
	list-style: circle !important;
	padding: 0 1.5rem;
}

.projects .project_card{
	padding: 1rem 0.4rem;
	border: 2px solid hsl(var(--bs-border));
	transition: all 400ms ease;
  }
  
  .projects .project_card img{
	width: 100%;
	height: auto;
	max-height: 30vh;
	min-height: 30vh;
	object-fit: cover;
  }

  .projects .project_card  h2{
	padding: 0.6rem 0;
  }

  .projects .project_card p{
	font-size: var(--fs-300);
  }
  
  #projects .cohorts{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 5px;
  }

  #projects .cohorts .cohort-card{
	transform: scale(1);
	transition: all ease 400ms;
  }

  #projects .cohorts .cohort-card:hover{
	transform: scale(1.1);
	z-index: 5;
  }

  #projects .cohorts .cohort{
	position: relative;
	height: 20vh;
  }

  #projects .cohort_title{
	padding: 0.7rem 0;
  }

  #projects .cohorts .cohort img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
  }

  #projects .cohorts .cohort .cohort_deat{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgb(15, 23, 42,0.5);
  }

  #projects .cohorts .cohort .cohort_deat .container{
	display: flex;
	justify-content: center;
	height: 20vh;
	flex-direction: column;
  }

  #projects .cohorts .cohort .cohort_deat h2{
	color: hsl(var(--bs-white));
  }

  #projects .cohorts .cohort .cohort_deat p{
	color: hsl(var(--bs-white));
	font-size: var(--fs-200);
	font-family: var(--ff-title);
  }

  .projects .project_card:hover{
	background-color: hsl(var(--bs-dark));
  }

  .projects .project_card:hover h2{
	color: hsl(var(--bs-yellow)) !important;
  }

  .projects .project_card:hover p{
	color: hsl(var(--bs-white));
  }
@media(min-width:900px){
	#program_page .breadcrumb li{
		font-size: var(--fs-400);
	}

	.program_page_deat h2{
		font-size: var(--fs-600);
		max-width: 40vw;
	}

	.program_page_deat p{
		font-size: var(--fs-400);
		max-width: 40vw;
	}

	.projects{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: 5px;
	}

	.projects .project_card img{
		max-height: 20vh;
		min-height: 20vh;
	}

	#projects .cohorts{
		grid-template-columns: repeat(4,1fr);
	}

	#projects .cohorts .cohort .cohort_deat h2{
		font-size: var(--fs-600);
	}

	#projects .cohorts .cohort .cohort_deat p{
		font-size: var(--fs-400);
	}
}
.theory{
	padding: 1rem 0;
	
}

.theory p{
	padding: 0.6rem 0;
}

.theory i{
	font-size: 4rem;
}


.impacts{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap:10px;
}


.impacts .impact{
	padding: 1rem 0;
	border-bottom: 1px solid var(--bs-slate-200);

}

.impacts .impact .purecounter{
	font-family: var(--ff-title);
	font-size: var(--fs-600);
	font-weight: 700;
	color: hsl(var(--bs-orange));

}

.impacts .impact:last-child{
	border-right: none;
}

.impacts .impact p{
	font-family: var(--ff-text);
	font-size: var(--fs-400);
}

#join {
	display: flex;
	flex-direction: column;
}
.join {
	padding: 1rem;
	min-height: 30vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
}



.join p{
	padding: 0.4rem 0;
	font-family: var(--ff-text);
	font-size:var(--fs-200);
	color: hsl(var(--bs-dark));
	line-height: 1.5;
}

#join .join .more{
	display: flex;
	align-items: center;
}

#join .join .more .more-icon{
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	background-color: var(--bs-gold);
}

#join .join .more .span{
	color: hsl(var(--bs-dark));
	font-size: var(--fs-200);
}

.involved li{
	padding: 1rem 0;
}

.involved li .icon{
	font-size: 4rem;
}

.involved p{
	font-size: var(--fs-300);
	padding: 1rem 0;
}

@media(min-width:900px){
	.involved li{
		max-width: 20vw;
		margin-inline:auto;
		height: 30vh;
		position: relative;
	}
}


#partners .uk-slider-items li a{
	background-color: hsl(var(--bs-white));
	height: 15vh;
	display: grid;
	place-items: center;
	padding: 0.5rem;
	transform: scale(1);
	transition: all 400ms ease;
	
}

#partners .uk-slider-items li a:hover{
	transform: scale(1.1);
}

#partners .uk-slider-items li img{
	width: 150px;
}

@media(min-width:900px){
	#partners{
		padding-top: 4rem;
	}
}


.photos li{
	padding: 1rem 0;

}

.photos li p{
	font-size: var(--fs-300);
	padding: 0.5rem 0;
}

.resources li{
	border: 3px solid hsl(var(--bs-border));
	padding: 0.6rem;
	margin: 1rem 0;
	border-radius: 0.2em;
	height: fit-content;
}

.resources li .name{
	padding-top: 2rem;
	font-size: var(--fs-200);
	color: hsl(var(--text-gray));
	font-weight: 700;
}

.resources li a{
	display: flex;
	align-items: center;
	font-size: 0.775rem;
	font-weight: 700;
	padding: 0.8rem 0;
	gap:5px;
	transition: all ease-in-out 500ms;
}

.resources li a:hover{
	color: hsl(var(--bs-yellow));
	gap:10px;
}

.videos .video{
	--aspect-ratio: 3 / 4;
	position: relative;
	height:0;
	width:100%;
	padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);

}

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

#events .events .card{
	border: 4px solid hsl(var(--bs-border));
	margin: 0.7rem 0;
	transition: all ease-out 0.4s;
}

#events .events .card .header img{
	width: 100%;
	height: auto;
	max-height: 20vh;
	min-height: 20vh;
	object-fit: cover;
}

#events .events .card p{
	padding: 0.3rem 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	border-bottom: 1px solid var(--text-slate-400);
}

#events .events .card .location{
	border-bottom: none;
}

#events .events .card p span{
	font-family: var(--ff-text);
	color: var(--text-slate-600);
	font-size: var(--fs-200);
}

#events .events .card .header_title{
	font-family: var(--ff-title);
	font-size: var(--fs-400);
	color: hsl(var(--bs-orange));
	padding: 0.6rem 0;
	letter-spacing: 1.72px;
}

#events .events .card:hover{
	transform: scale(1.1);
	z-index: 4;
	overflow: hidden;
}

#events .no_events{
	display: grid;
	place-items: center;
}

#events .no_events .message{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#events .no_events .message p{
	text-align: center;
	font-size: var(--fs-400);
	padding: 0.6rem 0;
}

#events .no_events .message a{
	background-color: hsl(var(--bs-orange));
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0.6rem 1.2rem;
	font-family: var(--ff-title);
	border-radius: 0.4em;
	transition: all ease-in 0.5s;
}

#events .no_events .message a:hover{
	transform: scale(0.8);
	overflow: hidden;
	color: hsl(var(--bs-dark));
}

.event_header{
	position: relative;
	height: 70vh;
}

.event_header img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event_header .event_deat{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: hsl(var(--bs-dark) / 0.6);
}

.event_header .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	height: 70vh;
}

.event_header .container h6{
	font-family: var(--ff-title);
	color: hsl(var(--bs-white));
	letter-spacing: 1.72px;
	font-size: var(--fs-300);
}


.event_header .container p{
	display: flex;
	align-items: center;
	gap: 5px;
	color: hsl(var(--bs-white));
	justify-content: center;
}

.event_header h2{
	color: hsl(var(--bs-white));
	font-size: var(--fs-600);
	padding: 1rem 0;
}

.ticket_btn{
	padding: 0.7rem 3rem;
	width: fit-content;
	color: hsl(var(--bs-white));
	font-family: var(--ff-title);
	background-color: hsl(var(--bs-orange));
	text-decoration: none;
	transition: all ease 400ms;
	margin-inline:auto;
	margin-top: 1rem;
	border-radius: .6rem;
}

.ticket_btn:hover,
.ticket_btn:focus{
	background-color: transparent;
	border: 2px solid hsl(var(--bs-white));
	color: hsl(var(--bs-white));
}

.event_header ul li{
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: var(--ff-title);
	color: hsl(var(--bs-white));
	border-bottom: 1px solid hsl(var(--bs-white));
	padding: 0.7rem 0;
	font-size: var(--fs-200);
}

.event_header ul li:last-child{
	border-bottom: none;
}

#rsvpModal form label{
	font-family: var(--ff-text);
	font-size: var(--fs-200);
	color: var(--text-slate-900);
}

#rsvpModal .uk-inline{
	width: 100%;
}

#rsvpModal .uk-inline .uk-input{
	border-radius: 0.3em;
}

#rsvpModal h2{
	font-size: var(--fs-400);
}

.rsvp-btn{
	background-color: hsl(var(--bs-orange));
	padding: 0.6rem 1rem;
	display: block;
	width: 100%;
	border-radius: 0.3em;
}

.speakers{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 5px;
}

.speakers li{
	border: 2px solid hsl(var(--bs-border));
}

.speakers li img{
	width: 100%;
	height: auto;
}
@media(min-width:900px){
  #events .no_events .message img{
	width: 250px;
	height: auto;
  }

  #events .no_events .message p{
	max-width: 40vw;
  }

  .event_header, .event_header .container{
	height: 70vh;
}

  .event_header ul li{
	font-size: var(--fs-300);
  }

  .event_header .container h6{
	font-size: var(--fs-400);
}


.event_header .container p{
	font-size: var(--fs-300);
}

.event_header h2{
	font-size: var(--fs-700);

}
.speakers{
	grid-template-columns: repeat(4,1fr);
}
}
#header{
	position:relative;
	height: 50vh;
	width: 100%;
}

#header img{
	width: 100%;
	position:absolute;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

#header .header{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}

#header h2{
	font-size: var(--fs-500);
}

#header p{
	color: hsl(var(--bs-white));
}

#header .container{
	display: flex;
	justify-content: center;
	height: 50vh;
	flex-direction: column;
}

#about .section-title{
	align-items: initial;
	justify-content: initial;
}

#values .section-title p{
	text-align: initial !important;
}

.about-us .msv li{
	padding: 1rem 0;
	border-bottom: 1px solid var(--text-slate-400);
}

.about-us .msv li:last-child{
	border-bottom:none;
}

.values_card{
	border-bottom: 1px solid var(--text-slate-400);
	margin-block: 0.6rem;
	padding-block: 0.4rem;
}

.values_card:last-child{
	border-bottom: none;
}

.values_card p{
	font-size: var(--fs-200);
}

.the_team li img{
	width: 100%;
	height: auto;
	max-height: 45vh;
	min-height: 45vh;
	object-fit: cover;
}

.team_member_deat{
	padding-block: 0.6rem;
}

.team_member_deat h2{
	font-size: var(--fs-500);
}
.team_member_deat a{
	border-bottom: 1px solid hsl(var(--bs-darker-blue));
	display: flex;
	align-items: center;
	gap: 6px;
	width: fit-content;
	margin-block: 0.5rem;
	text-transform: uppercase;
	font-size: var(--fs-200);
	transition: all ease-in 400ms;
}

.team_member_deat a:hover{
	gap: 10px;
}
.uk-modal-full{
	height: 100vh;
	background-color: #fff;
	z-index: 999;
	position: relative;
}

.team-member-desc{
	display: grid;
	grid-template-columns: repeat(1,1fr);
}

.team-member-desc img{
	width: 100%;
	height: auto;
	max-height: 45vh;
	min-height: 45vh;
	object-fit: cover;
}

.team-member-desc-deat{
	padding: 0.6rem 0.4rem;
}

.team-member-desc-deat h6{
	padding-bottom: 0.6rem;
}


@media(min-width:900px){
	.values_container{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: 10px;
	}

	.values_card{
		border-bottom: none;
		border-right: 1px solid var(--text-slate-400);
		padding-left: 0.5rem;
	}

	.values_card:nth-child(4){
		border-right: none;
	}

	.the_team{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 5px;
	}

	.the_team li img{
		max-height: 35vh;
		min-height: 35vh;
	}

	.team-member-desc{
		grid-template-columns: 44rem auto;
	}

	.team-member-desc img{
		width: 100%;
		height: auto;
		max-height: 100vh;
		min-height: 100vh;
		object-fit: cover;
	}

	.team-member-desc-deat{
		padding: 1rem 5%;
	}
	

	
}

#welcome img{
	width: 200px;
	height: 200px;
	border-radius: 100%;
	object-fit: cover;
	object-position: 5px 10%;
}

#careers .careers .jobs-card{
	border-bottom: 1px solid var(--text-slate-400);
	height: fit-content;
}

#careers .careers .jobs-card .header_title{
	font-family: var(--ff-title);
	font-size: var(--fs-400);
	color: hsl(var(--bs-dark));
}

#careers .careers .jobs-card p{
	font-family: var(--ff-text);
	color: var(--text-slate-600);
	font-size: var(--fs-300);
	

}

#careers .careers .jobs-card .para{
	padding: 0.2rem 0.3rem;
	display: flex;
	align-items: center;
	gap: 10px;
	
}

#careers .careers .jobs-card .para span{
	font-size: var(--fs-300);
}

#careers .careers .jobs-card .para-title{
	font-size: var(--fs-200);
	font-family: var(--ff-title);
	color: hsl(var(--bs-orange));
}



.edit-input{
	border:1px solid var(--text-slate-400);
	padding: 0.8rem;
	border-radius: 0.4em;
}

.alumni_members h6{
	font-family: var(--ff-title);
	color: hsl(var(--bs-white));
	font-size: var(--fs-500);
}

.alumni_members .top{
	display: flex;
	flex-direction: column;
	gap:10px;
}

.alumni_members .top .sort-btn{
	border: 1px solid var(--text-slate-400);
	border-radius: 0.2em;
	display: block;
	width: 100%;
	font-size: var(--fs-300);
	font-family: var(--ff-text);
	padding: 0 0.7rem;
	display: flex;
	align-items: center;
	gap:10px;
}

.sort-btn i{
	font-size: var(--fs-500);
	color: hsl(var(--text-slate-400));
	
}

.alumni_members .uk-search {
 width: 100%;
 display: block;
}

.alumni_members .uk-search .uk-search-input{
	display: block;
	width: 100%;
	border: 1px solid var(--text-slate-400);
	border-radius: 0.2em;
	padding: 0.6rem 0.7rem;
}

#cohortsModal h2{
	font-size: var(--fs-400);
	border-bottom: 1px solid var(--text-slate-400);
}
#cohortsModal .cohorts li{
	padding: 0.6rem 0;
}
#cohortsModal .cohorts li a{
	border: 1px solid var(--text-slate-400);
	padding: 0.5rem 0.3rem;
	width: 100%;
	display: block;
	font-family: var(--ff-text);
	font-size: var(--fs-300);
	border-radius: 0.2em;
	transition: all ease-in 0.3s;
}

#cohortsModal .cohorts li a:hover,
#cohortsModal .cohorts li a:focus{
	border:none;
	background-color: hsl(var(--bs-yellow));
	color: hsl(var(--bs-dark));
}

#cohort_page{
	background-color:hsl(var(--bs-white));	
}

.cohort_slider{
	padding: 0.5rem 0.4rem;
}

.cohort_slider  ul li{
	margin-right: 0.4rem;
}

.cohort_slider  ul li a{
	border: 1px solid hsl(var(--bs-dark));
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	padding: 0.3rem 1rem;
	border-radius: 0.4em;
	color: hsl(var(--bs-orange));
	font-family: var(--ff-title);
}




@media(min-width:900px){
	.alumni_members .top{
		flex-direction: row;
		max-width: 50vw;
		padding: 1rem 0;
		align-items: center;
	}

	.alumni_members .top div{
		flex: 2;
	}

	.alumni_members .top .sort-btn{
		padding: 0 0.2rem;
	}

	.alumni_members .uk-search .uk-search-input{
		padding: 1rem inherit;
	}

	
}

#cohorts li{
	margin: 1rem 0;
}
#cohorts li .cohort{
	position:relative;
	width:100%;
	height:30vh;
}

#cohorts li .cohort img{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}

#cohorts li .cohort_deat{
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	left:0;
	background-color: rgb(15, 23, 42, 0.4); ;
}

#cohorts li .cohort_deat h6{
	display:flex;
	justify-content: center;
	align-items: center;
	height: 30vh;
	font-family: var(--ff-title);
	color: hsl(var(--bs-white));
	font-size: var(--fs-500);
	font-weight: 600;
}

@media(min-width:900px){
	#cohorts{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap:10px;
	}

	#cohorts li{
		margin: 0;
	}
}

#footer{
	border-top: 1px solid var(--text-slate-400);
	margin-top: 0.4rem;
	padding-block: 0.6rem;
}

.footer div{
	padding-block: 1rem;
}

.footer .footer_list li{
	display: flex;
	align-items: center;
	gap: 4px;
	padding-block: 0.4rem;
}


@media(min-width:900px){
	.footer{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-block: 4rem;
	}
	.uk-navbar-dropdown-nav li{
		border-bottom: 1px solid var(--text-slate-400);
		padding: 0.6rem 0;
		font-weight: 600;
	}

	.uk-navbar-dropdown-nav li:last-child{
		border-bottom: none;
	}

	.uk-navbar-dropdown-nav li a{
		font-weight: 600;
		color: hsl(var(--bs-dark));
	}
	.toggle{
		display: none;
	}

	.logo_img{
		max-width: 200px;
	}

	.nav{
		padding-inline: 1rem;
	}



	.right-side, .navbar{
		align-items: center;
	}

	.nav-link{
		gap:2px;
		align-items: center;
	}

	.donate-btn{
		padding: 1rem 2.5rem;
		
	}

	.navbar{
		padding-right: 3rem;
	}

	.masthead,
	.banner_text{
		height: 100vh;
	}

	.maintitle{
		font-size: var(--fs-700);
		max-width: 50vw;
	}

	.bannertext{
		font-size: var(--fs-400);
		max-width: 50vw;
		padding: 1rem 0;
	}

	.masthead .subtitle{
		font-size: var(--fs-500);
	}

	.btn-banner{
		padding: 1.5rem 2rem;
	}

	#alumni_masthead .masthead, #alumni_masthead .banner_text{
		height: 65vh !important;
	}

	.items{
		max-width: 72rem;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		padding: 1rem 0;
		margin-inline: auto;
		
	}

	.card{
		margin-top: -6rem;
		z-index: 9;
		border-radius: 0.1em;
		padding: 0.4rem;
	}

	.card-middle{
		margin-top: -7.5rem;
		padding-bottom: 2.5rem;
		margin-bottom: -1rem;
	}

	.card{
		padding: 0.8rem 0.65rem;
	}

	.message .msg{
		display: flex;
		align-items: center;
		gap:10px;
	}

	.programs{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap:10px;
	}

	.program h2{
		font-size: var(--fs-300);
	}

	.program{
		border: 2px solid hsl(var(--bs-border));
		height: auto;
		max-height: fit-content;
		position:relative;
	}

	.focusdesc, .program h2, .program .learn{
		padding: 0.3rem 0.5rem;
	}

	.theories{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap:10px;
	}

	.theory{
		padding: 0.6rem;
	}


	#impact{
		height: 60vh;
	}
	#impacts .imp{
		display: flex;
		justify-content: center;
		height: 60vh;
	}

	.impacts{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap:10px;
		padding: 4rem 0;
	}

	.impacts .impact{
		border-bottom: none;
		border-right: 1px solid var(--bs-slate-200);
		padding: 0 1rem;
		text-align: center;
	}

	.impacts .impact .purecounter{
		font-size: var(--fs-700);
	}
	#join {
		flex-direction: row;
		height: 60vh;
	}

	#join .join_img {
		flex: 1;
	}

	#join .img {
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.join {
		flex: 1;
		padding: 0 4rem;
		margin: 0 auto;
	}

	.join h2{
		font-size: var(--fs-500);
	}

	.join p {
		max-width: 35vw;
		font-size: var(--fs-400);
		line-height: 2rem;
		padding: 1rem 0;
	}

	.involved{
		display: grid;
		grid-template-columns: repeat(3,1fr);
	}



	.photos{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap:10px;
	}

	.photos li img{
		width: 100%;
		height: auto;
		max-height: 34vh;
		min-height: 34vh;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.resources{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap:10px;
	}

	.videos, .clippings{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap:10px;
	}

	#header, #header .container{
		height: 60vh;
	}

	#header p{
		font-size: var(--fs-400);
	}

	.about_us{
		display: flex;
		align-items: flex-start;
		gap:10px;
	}

	.events .event img{
		width:100%;
		height: auto;
		max-height: 30vh;
		min-height: 30vh;
		
		object-fit: cover;
	}


	.values, .events{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap:10px;
	}

	.events .no-events{
		display: block;
		max-width: 50vw;
	}

	.values li{
		padding: 0.4rem;
	}
	.newsletter{
		padding: 2rem 0;
	}
	.subscribe{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap:10px;
	}

	.subscribe .text{
		flex:2;
	}

	.subscribe .form{
		flex: 2;
	}

	.form .input, .btn-submit{
		padding: 1rem;
	}

	.form .input{
	
		width: 50%;
	}
	
}



#page_header{
	position:relative;
	height: 100%;
	width: 100%;
}

#page_header img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position:absolute;
}

#mentor_join .form_intro p{
  font-size: var(--fs-200);
  padding: 0.4rem 0;
}

.form_card ul{
	padding: 0.2rem 0.4rem;
}

.form_card ul li{
	font-size: var(--fs-200);
}

#page_header .page_details{
	position:absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

#page_header .container{
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 40vh;

}

#page_header .container h2{
	color: hsl(var(--bs-white));
	font-size: var(--fs-600);
}

#page_header .container p{
	font-size: var(--fs-400);
	font-weight: 600;
	color: hsl(var(--bs-white));
}

@media(min-width:900px){
	#page_wrapper{
		display: flex;
		align-items: center;
		height: 100vh;
	}
	
	#page_header{
		flex: 1;
	}

	#mentor_join{
		flex:1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100vh;
	}
	#page_header .container{
		max-width: 50vw;
		height: 100vh;
	}

	#page_header .container h2{
		font-size: var(--fs-700);
	}
}

 .form_card {
	animation: fade 250ms ease-in-out forwards;
  }

  
  .form-group {
	display: flex;
	flex-direction: column;
	margin: 1.5rem 0;
	gap: .25em;
  }


  
  .form-group:last-child {
	margin: 0;
  }
  
  .form-group > label {
	font-size: var(--fs-200);
	color: var(--text-slate-900);
  }
  
  .form-group > input {
	border: 1px solid var(--text-slate-400);
	padding: 0.5rem 0.6rem;
	border-radius: 0.2em;

  }
  
  .step-title {
	margin: 0;
	margin-bottom: 1rem;
	text-align: center;
  }
  
  .form_card.active {
	animation: slide 250ms 125ms ease-in-out both;
  }
  
  .multi-step-form {
	overflow: hidden;
	position: relative;
  }
  
  .hide {
	display: none;
  }
  
  @keyframes slide {
	0% {
	  transform: translateX(200%);
	  opacity: 0;
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	}
  }
  
  @keyframes fade {
	0% {
	  transform: scale(1);
	  opacity: 1;
	}
	50% {
	  transform: scale(.75);
	  opacity: 0;
	}
	100% {
	  opacity: 0;
	  transform: scale(0);
	}
  }

  .form-group h3{
	  font-size: var(--fs-500);
  }

  .form_card button{
	  background-color: hsl(var(--bs-orange));
	  display: flex;
	  align-items: center;
	  gap:10px;
	  padding: 0.5rem 0.6rem;
	  width: fit-content;
	  border-radius: 0.2em;
	  font-family: var(--ff-title);
	  color: hsl(var(--bs-white));

  }



  .form_card .form-group p{
	  display: flex;
	  align-items: center;
	  gap:10px;
  }

  .form_card p .radio, 
  .form_card .expertise .radio,
  .form-group .spec .radio{
	  width: 20px;
	  height: 20px;
  }

  .form_card p span, 
  .form-group .spec span{
	  display: flex;
	  align-items: center;
	  gap:10px;
  }

  .form-group .spec{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.form_card .expirience .form-input, 
.form_card .expertise .form_input_trainer{
	display: none;
}

.form_card .expirience .open, 
.form_card .expertise .open{
	display: block;
}


  .form_card .expirience .open, .form_input_ex .open{
	  display: block;
  }

  .form_card .expirience .radio{
	  width: 20px;
	  height: 20px;
  }

  .form_card .form_buttons{
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }

  @media(min-width:900px){
	  .multi-step-form{
		  max-width: 40vw;
		  margin-inline:auto;
	  }
  }

  .form_card .title{
	  border-bottom: 1px solid var(--text-slate-400);
  }

  .accordion_content{
	  display: none;
	  transition: display 0.2s ease-in-out;
  }

  .accordion_content.show_accordion{
	  display: block;
	  transition: display 0.2s ease-in-out;
  }

  .carousel{
	position: relative;
	height: 40vh;
	width: 100%;
  }

  .carousel_content{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: hsl(var(--bs-dark) / 0.5);
	z-index: 9;
  }

  .carousel_content h2{
	color: hsl(var(--bs-white));
	padding: 0.7rem 0;
  }

  .carousel_content h6{
	color: hsl(var(--bs-white)) ;
	font-size: var(--fs-400);
	font-family: var(--ff-title);
	letter-spacing: 1.72px;
  }

  .carousel_content .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 40vh;
  }
/* carousel */
.carousel_inner{
	width: 100%;
	overflow: hidden;
 }
 
 .carousel_inner::after{
	content: "";
	display: block;
	clear: both;
 }
 
 .carousel_item{
	position: relative;
	float: left;
	display: none;
	width: 100%;
	margin-right: -100%;
	height: 40vh;
 }
 
 /* slide effect */
 .carousel_item__active,
 .carousel_item__pos_next{
	display: block;
 }
 
 .carousel_item__pos_next{
	left: 100%;
 }
 
 .carousel_item__next{
	transform: translateX(-100%);
	transition: transform .5s ease-in-out;
 }
 
 /* fade effect */
 .carousel__fade .carousel_item__pos_next{
	left: 0;
	opacity: 0;
 }
 
 .carousel__fade .carousel_item__next{
	transform: none;
	opacity: 1;
	transition: opacity .5s ease-in-out;
 }
 
 .carousel__fade .carousel_item__active.carousel_item__next{
	opacity: 0;
 }
 
 /* carousel */
 .carousel_img{
	display: block;
	width: 100%;
	position: absolute;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
 }

 @media(min-width:900px){
	.carousel,
	 .carousel_item, 
	 .carousel_content .container{
		height: 65vh;
	 }

	 .carousel_content h2{
		font-size: var(--fs-600);
	 }
 }
 

 #all_projects ul li{
	position:relative;
	height: 30vh;
	width: 100%;
	transform: scale(1);
	transition:  all ease 400ms;
 }

 #all_projects ul li img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
 }

 #all_projects ul li .all_project_deat{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: hsl(var(--bs-dark) / 0.6);
	display: grid;
	place-items: center;
 }

 #all_projects ul li .all_project_deat .uk-container{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 30vh;
	
 }

 #all_projects ul li .all_project_deat h2{
	color: hsl(var(--bs-white));
 }

 #all_projects ul li .all_project_deat p{
	display: flex;
	color: hsl(var(--bs-white));
	font-family: var(--ff-text);
	align-items: center;
	gap: 5px;
 }

 #all_projects ul li .all_project_deat p .icon{
	width: 30px;
	height: 30px;
	background-color: hsl(var(--bs-orange));
	color: hsl(var(--bs-dark));
	display: grid;
	place-items: center;
	border-radius: 100%;
 }

 #all_project_cohorts .cohorts{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 5px;
 }

 #all_project_cohorts .cohorts .cohort{
	position: relative;
	width: 100%;
	height: 20vh;
	transform: scale(1);
	transition:  all ease 400ms;
 }

 #all_project_cohorts .cohorts .cohort img{
	width: 100%;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
 }

 #all_project_cohorts .cohorts .cohort .cohort_deat{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: hsl(var(--bs-dark) / 0.6);
 }

 #all_project_cohorts .cohorts .cohort .cohort_deat .uk-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 20vh;
	align-items: center;
 }

 #all_project_cohorts .cohorts .cohort .cohort_deat .uk-container h2{
	color: hsl(var(--bs-white));
 }

 @media(min-width:900px){
	#all_project_cohorts .cohorts{
		grid-template-columns: repeat(4,1fr);
		gap: 10px;
	}

	#all_project_cohorts .cohorts .cohort:hover,
	#all_projects ul li:hover{
		transform:scale(1.1);
	}
 }

 .join_form .form-margin{
	padding: 0.6rem 0;
 }

 .join_form .join_deat{
	width: 100%;
	height: 20vh;
	position: relative;
 }

 .join_form .join_deat img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	object-position: 5px 8%;
 }

 .join_form .join_deat .join_info{
	background-color: hsl(var(--bs-dark) / 0.6);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
 }

 .join_form .join_deat .join_info .uk-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 20vh;
 }

 .join_form .join_deat .join_info .uk-container h2,
 .join_form .join_deat .join_info .uk-container p,
 .join_form .join_deat .join_info .uk-container ol li{
	color: hsl(var(--bs-white));
 }

 .join_form .join_deat .join_info .uk-container ol{
	display: none;
 }

 .join_form form{
	padding: 1rem 5%;
 }

 .join_form form label{
	color: hsl(var(--bs-orange));
	font-size: var(--fs-200);
 }

 .join_form form .join-input{
	width: 100%;
	display: block;
	padding: 0.5rem;
	/*background-color: #f6f5fd;*/
	border-radius: .3rem;
	border: 1px solid var(--text-slate-500);
	outline: none;
 }

 .join_form form .join-input::placeholder{
	font-size: var(--fs-200);
	font-family: var(--ff-text);
 }

 .join_form .join_btn{
	background-color: hsl(var(--bs-orange));
	padding: 0.6rem;
	border-radius: .5rem;
	width: 100%;
	display: block;
	cursor: pointer;
 }

 .join_form .form-radios{
	display: flex;
	flex-direction: column;
	gap: 5px;
 }

 .join_form .form-radios label{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0.1rem 0;
 }

 @media(min-width:900px){
	.join_form{
		display: grid;
		grid-template-columns: 44rem auto;
	}

	.join_form .join_deat .join_info .uk-container ol{
		display: block;
	}

	.join_form .join_deat{
		height: 100vh;
		
	}

	.join_form .join_deat .join_info .uk-container{
		height: 100vh;
	
	}

	.join_form .join_deat .join_info .uk-container h2{
		font-size: var(--fs-700);
		max-width: 40vw;
	}

	.join-form{
		height: 100vh;

	}

	.join-form form{
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100vh;
		padding: 0 20%;
	}

	.join-form form .form-flex{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 5px;
	}
 }

 #multi-step-form-container {
    padding: 0.4rem 0;
}
.text-center {
    text-align: center;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.pl-0 {
    padding-left: 0;
}
.button {
    padding: 0.5rem 1.5rem;
    background-color: hsl(var(--bs-yellow));
    color: hsl(var(--bs-dark));
    border-radius: .3rem;
    cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: var(--ff-title);
	letter-spacing: 1.72px;
}
.submit-btn {
    background-color: hsl(var(--bs-orange));
}

.d-none {
    display: none;
}
.form-step {
    border-radius: 20px;
    
}
.font-normal {
    font-weight: normal;
}
ul.form-stepper {
    counter-reset: section;
    padding: 1rem 5%;
}
ul.form-stepper .form-stepper-circle {
    position: relative;
}
ul.form-stepper .form-stepper-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}
ul.form-stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}
.form-stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important;
}
.form-stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.form-stepper-horizontal li:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    content: "";
    top: 45%;
}
.form-stepper-horizontal li:after {
    background-color: #dee2e6;
}
.form-stepper-horizontal li.form-stepper-completed:after {
    background-color: #4da3ff;
}
.form-stepper-horizontal li:last-child {
    flex: unset;
}
ul.form-stepper li a .form-stepper-circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    background: var(--text-slate-400) !important;
    border-radius: 50%;
}
.form-stepper .label{
	color: var(--text-slate-400);
	font-size: 0.87rem !important;
	display: none;
}
.form-stepper .form-stepper-active .form-stepper-circle {
    background-color: hsl(var(--bs-orange)) !important;
    color: #fff;
}
.form-stepper .form-stepper-active .label {
    color: var(--text-slate-900) !important;
	
}
.form-stepper .form-stepper-active .form-stepper-circle:hover {
    background-color: #4361ee !important;
    color: #fff !important;
}
.form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #f8f7ff;
}
.form-stepper .form-stepper-completed .form-stepper-circle {
    background-color: hsl(var(--bs-yellow)) !important;
    color: #fff;
}
.form-stepper .form-stepper-completed .label {
    color: #0e9594 !important;
}
.form-stepper .form-stepper-completed .form-stepper-circle:hover {
    background-color: #0e9594 !important;
    color: #fff !important;
}
.form-stepper .form-stepper-active span.text-muted {
    color: #fff !important;
}
.form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important;
}
.form-stepper .label {
    font-size: 1rem;
    margin-top: 0.5rem;
}
.form-stepper a {
    cursor: default;
}

#userAccountSetupForm{
	padding: 0.5rem 5%;
	background-color: #f5f5f8;
}

#userAccountSetupForm .font-normal{
	color: hsl(var(--bs-orange));
}

#userAccountSetupForm  .form-item-title p{
	font-family: var(--ff-text);
	font-size: var(--fs-300);
}

#userAccountSetupForm .form-margin{
	padding: 0.5rem 0;
}

#userAccountSetupForm label{
	color: hsl(var(--bs-orange));
	font-size: var(--fs-200);
	display: block;
 }

 #userAccountSetupForm .join-input{
	width: 100%;
	display: block;
	padding: 0.5rem;
	background-color: hsl(var(--bs-white));
	border-radius: .3rem;
	outline: none;
	font-size: var(--fs-300);
	font-family: var(--ff-text);
 }

 #userAccountSetupForm .join-input:focus{
	border: 1px solid hsl(var(--bs-orange));
 }

 #userAccountSetupForm .join-input::placeholder{
	font-size: var(--fs-200);
	font-family: var(--ff-text);
 }

  #userAccountSetupForm .form-radios{
	display: flex;
	flex-direction: column;
	gap: 5px;
 }

 #userAccountSetupForm .form-radios label{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0.1rem 0;
	color: var(--text-slate-900);
 }

 #userAccountSetupForm .form-margin .main_label{
	padding: 0.3rem 0;
 }

 #userAccountSetupForm  .text-muted{
	color: var(--text-slate-600);
	font-family: var(--ff-text);
	font-size: var(--fs-200);
 }

 #userAccountSetupForm .form-buttons{
	display: flex;
	align-items: center;
	justify-content: space-between;
 }

 @media(min-width:900px){
	.main_form{
		background-color: #f5f5f8;
		
	}

	#userAccountSetupForm{
		max-width: 50vw;
		margin-inline:auto;
	}

	#multi-step-form-container{
		display: grid;
		grid-template-columns: 24rem auto;
		padding: 0;
	}

	ul.form-stepper {
		counter-reset: section;
		display: flex;
		flex-direction: column;
	}

	.form-stepper-horizontal li, 
	.form-stepper-horizontal{
		flex-direction: column;
	}

	.form-stepper-horizontal li:not(:last-child):after {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 1px;
		
		content: "";
		top: 0;
		left: 9%;
	}

	.form-stepper .form-link{
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.form-stepper .label{
		display: block;
	}
	

	#userAccountSetupForm  .form-flex{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 5px;
	}
 }