:root {

	--fs-white: #fff;
	--fs-black: #171717;
	--fs-red: #B2243C;
	--fs-beige: #FFFEF7;

	--black-02: #222;
	--grey-01: #F8F8F8;
	--grey-02: #F3F3F3;
	--grey-03: #E9E9E9;
	--grey-035: #8E8E8E;
	--grey-04: #C2C2C2;
	--grey-05: #B7B7B7;
	--grey-06: #9B9B9B;
	--grey-07: #808080;

	--grey-text: #8E8E8E;
	--grey-info: #B7B7B7;

	--light-green: #00BDB5;
	--green-yes: #74CC66;
	--goldenrod: #E6A032;
	--blue-grey: #6699cc;
	--blue: #69c;
	--yellow-02: #FDEED8;
	--blue-02: #D3E2F0;
	--neutral-600: #666666;
	--neutral-500: #6B7280;
	--deal: #14B8A6;
	--teal-100: #CCFBF1;
	--primary-100: #FEE1E1;

	--star-size: 1rem;

	--bs-body-font-size: 1rem;
	--bs-heading-color: #171717;

	--bs-danger-rgb: 178, 36, 60;
	--bs-success-rgb: 99, 204, 166;
	--bs-border-radius: 4px;
	--bs-border-color: var(--grey-03);
	--bs-link-hover-color: var(--black-02);

	accent-color: var(--black-02);
}

body {padding-bottom: 0 !important; background: var(--grey-01)}
h1, .h1 {font-size:6rem; font-weight: 700;}
h2, .h2 {font-size:4.75rem; font-weight: 700;}
h3, .h3 {font-size:3.75rem; font-weight: 700;}
h4, .h4 {font-size:3.06rem; font-weight: 700;}
h5, .h5 {font-size:2.4375rem; font-weight: 700;}
h6, .h6 {font-size:2rem; font-weight: 700;}
b, .b {font-weight: 600;}.sb {font-weight: 500;}.xb {font-weight: 800;}
.bolder {font-weight: 700;}
.boldest {font-weight: 900;}
.thin {font-weight: 300;}
img {max-width: 100%;}
.fs-s {font-size: .75rem !important;}
.fs-ms {font-size: .87rem !important;}
.fs-sm {font-size: 1rem !important;}
.fs-m {font-size: 1.125rem !important;}
.fs-ml {font-size: 1.25rem !important;}
.fs-l {font-size: 1.5rem !important;}
.fs-xl {font-size: 2rem !important;}
.fs-xlm {font-size: 2.43rem !important;}
.fs-xxl {font-size: 3rem !important;}
.fs-5xl {font-size:5rem !important}
.fs-6xl {font-size:6rem !important}

.sm-appear, .md\:d-block, .md\:d-flex {
    display: none!important;
}

.cn h1 {font-size: 4.5rem;}

a, .a {
	color: var(--bs-body-color);
	text-decoration: none;
	cursor: pointer;
}
a.underline, .underline{
	text-decoration: underline
}
.b-underline {
	border-bottom: 1px solid var(--black-02);
}

.modal.show {display: block;}
.modal.fade {background: #00000060;}

.mt-03 {margin-top: .75rem !important;}
.mt-6 {margin-top: 1.5rem !important;}
.mt-8 {margin-top: 2rem !important;}
.mt-12 {margin-top: 3rem !important;}
.mt-17 {margin-top: 4.25rem !important;}
.mt-20 {margin-top: 5rem !important;}
.mt-24 {margin-top: 6rem !important;}
.mt-28 {margin-top: 7rem !important;}
.mt-40 {margin-top: 10rem}
.mt-49 {margin-top: 12.25rem !important;}

.mb-8 {margin-bottom: 2rem}
.mb-12 {margin-bottom: 3rem}
.mb-20 {margin-bottom: 5rem}
.mb-40 {margin-bottom: 10rem}

.me-12{margin-right: 3rem}

.p-03 {padding:.75rem}
.p-04 {padding:1rem}
.p-6 {padding:1.5rem}
.p-8 {padding:2rem !important}
.py-03{padding-top:.75rem;padding-bottom:.75rem;}
.py-8 {padding-top:2rem;padding-bottom:2rem;}
.py-12 {padding-top:3rem;padding-bottom:3rem;}
.py-15 {padding-top:4rem;padding-bottom:3.75rem;}
.py-16 {padding-top:4rem;padding-bottom:4rem;}
.py-24 {padding-top:6rem;padding-bottom:6rem;}
.py-32 {padding-top:8rem;padding-bottom:8rem;}
.pt-8 {padding-top:2rem;}

.px-03{padding-left:.75rem;padding-right:.75rem;}
.px-05{padding-left:1.25rem;padding-right:1.25rem;}
.px-8 {padding-left:2rem !important;padding-right:2rem !important;}
.px-14 {padding-left:3.5rem;padding-right:3.5rem;}
.px-17 {padding-left:4.25rem;padding-right:4.25rem;}

.pb-20 {padding-bottom:5rem;}

.br-2 {border-radius: .5rem;}

.gap-03 {gap:.75rem}
.gap-6 {gap:1.5rem}
.gap-8 {gap:2rem !important}
.gap-10 {gap:2.5rem !important}
.gap-12 {gap:3rem !important}
.gap-16 {gap:4rem !important}
.gap-20 {gap:5rem}
.gap-24 {gap:6rem}
.column-gap-24{column-gap:6rem}
.column-gap-12{column-gap:3rem !important}
.w-08 {width:2rem;min-width:2rem}
.w-048 {width:12rem}
.w-050 {width:12.5rem}
.w-212{width: 53rem}
.nw-32{min-width:8rem}
.h-18 {height:4.5rem}

.fs-05 {font-size: 5rem;}

.fs-red,.err{color: var(--fs-red) !important}
.fs-white{color: var(--fs-white)}
.fs-blue{color: var(--blue) !important}

.black-02 {color:var(--black-02);}
.grey-035 {color: var(--grey-035)}
.grey-04 {color: var(--grey-04)}
.grey-05 {color: var(--grey-05)}
.grey-06 {color: var(--grey-06)}
.grey-07 {color: var(--grey-07)}
.grey {color: var(--grey-text)}
.grey-info {color: var(--grey-info)}
.light-green {color: var(--light-green) !important}
.green-yes {color: var(--green-yes) !important}
.grey-03{color: var(--grey-03)}
.goldenrod{color: var(--goldenrod);}
.blue-grey{color: var(--blue-grey);}
.yellow-02{color: var(--yellow-02);}
.neutral-600{color: var(--neutral-600);}
.neutral-500{color: var(--neutral-500);}
.deal{color: var(--deal) !important;}

.b-none {border: none !important;}
.b-grey-r-solid {border: 1px solid var(--grey-04); }
.b-grey-3-solid {border: 1px solid var(--grey-03); }
.b-black-02-solid {border: 1px solid var(--black-02); }
.b-red-solid {border: 1px solid var(--fs-red); }
.b-teal {border: 1px solid var(--Secondary-Teal-500, #14B8A6);}

.bt-black-02-solid {border-top: 1px solid var(--black-02); }
.bt-grey-3-solid {border-top: 1px solid var(--grey-03); }
.bt-999-solid {border-top: 1px solid #999; }
.bt-ccc-dashed{border-top: 1px dashed #ccc;}

.bl-grey-3-solid {border-left: 1px solid var(--grey-03); }
	

.bb-grey-3-solid {border-bottom: 1px solid var(--grey-03); }
.bb-grey-4-solid {border-bottom: 1px solid var(--grey-04); }
.bb-grey-6-solid {border-bottom: 1px solid var(--grey-06); }

.bb-black-02-dashed {border-bottom: 1px dashed var(--black-02); }

.bg-light {background: #F8F8F8;}
.bg-red-gradient {background: var(--Red-Gradient-1, linear-gradient(91deg, #B2243C 48.56%, #7D192A 100%));}
.bg-teal-gradient {background: var(--Teal-Gradient, linear-gradient(91deg, #2DD4BF 0%, #CCFBF1 99.88%));}
.bg-teal-gradient2 {background: linear-gradient(91deg, #CCFBF1 0%, #2DD4BF 157.54%);}
.bg-teal-gradient3 {background: linear-gradient(92deg, #2DD4BF 0%, #CCFBF1 101.08%);}

.bg-grey-1 {background: var(--grey-01)}
.bg-fs-red{background: var(--fs-red);}
.bg-fs-white{background: var(--fs-white) !important;}
.bg-grey-01{background: var(--grey-01);}
.bg-grey-02{background: var(--grey-02);}
.bg-grey-03{background: var(--grey-03) !important;}
.bg-black-02{background: var(--black-02);}
.bg-light-green{background: var(--light-green);}
.bg-green-yes{background: var(--green-yes);}
.bg-yellow-02{background: var(--yellow-02) !important;}
.bg-blue-02{background: var(--blue-02) !important;}
.bg-teal-01{background: var(--teal-100) !important;}
.bg-teal-500{background: var(--deal) !important;}
.bg-primary-100{background: var(--primary-100) !important;}
.bg-goldenrod{background: var(--goldenrod);}

.shadow-sm {
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04), 0 1px 2px 0 rgba(16, 24, 40, 0.04) !important;
}
header {
	position: fixed;
	width: 100%;
	z-index: 1000;
	background: linear-gradient(0deg, rgba(178, 36, 60, 0.70) 0%, rgba(76, 15, 26, 0.70) 100%);
}
.logo-box {
	color: #fff;
	font-size: 1.25rem;
}
.logo-box .logo {
	width: 35px;
	height: 35px;
}

.btn-teal {
	color: #fff;
	font-weight: 600;
	background: var(--Secondary-Teal-500, #14B8A6);
}
.btn-teal:hover, .btn-teal:focus {
	background: var(--Secondary-Teal-500, #14B8A6);
}

.btn-rounded {
	border-radius: 200px;
}

.hero {
	color: #fff;
}
.count-down {
	position: relative;
	max-width: 66rem;
	margin: 0 auto;
	border-radius: 500px;
	padding: 40px 80px;
	color: var(--black-02); /*var(--Primary-400, #D7566B);*/
}
.school-logo {
	width: 100%;
	height: 56px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.school-logo img {
	max-width: 100%;
	max-height: 100%;
}

#main-nav {
	justify-content: space-between;
	align-items: center;
}
#main-nav.on {
	row-gap: 1rem;
}

#main-nav.on #top-menu {
	display: flex !important;
	top: 30px;
	flex-direction: column !important;
	row-gap: 0 !important;
	padding: 1rem 0;
}
#main-nav.on #top-menu > * {
	width: 90%;
	text-align: center;
	border-bottom: 1px solid var(--Primary-400, #D7566B);
	padding: 1.5rem;
}

#main-nav.on button i.fa-bars::before{
	content: "\f00d";
}
#main-nav.on .top-nav {
	flex-direction: column;
	width: 100%;
}
#main-nav.on .top-nav li {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--grey-02);
	width: 100%;
    text-align: center;
}
#main-nav.on .top-nav li:hover {
	background: var(--grey-02);
}
#main-nav.on .top-nav li:hover a{
	color: var(--fs-red);
}
#main-nav.on .hamburger {
	display:block;
}
#top-menu > a:hover {
	font-weight: 700;
}
.shawdow-xs{
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04), 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}
.abs-popup {
	position: fixed;
	top: 5rem;
	left: 50%;
	width: 50rem;
	transform: translateX(-50%);
	z-index: 2000;
	box-shadow: 0 0 1000px #000000ff;
	background: #fff;
	padding: 2rem 3rem;
	border-radius: 1rem;
	max-width: 90%;
}
.close-abs-popup {display: none;}
.abs-popup .close-abs-popup {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 1rem;
	right: 2rem;
	font-size: 2rem;
}
.abs-popup .d-none-popup {
	display: none;
}
.abs-popup .qrcode {
	height: 200px;
	width: 200px;
}
.abs-popup #register-container {
	width: 100%;
}
.abs-popup #form-content{
	gap: 8px !important;
}
.hero-bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 858px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	background-size: auto 60%, auto 90%, cover;
}
.hero {
	height: 558px;
}
.desc {
	margin-top: 50px;
}
#about::before {
	content: "";
	position: absolute;
	top: -200px;
	right: 20px;
	width: 200px;
	height: 500px;
	z-index: -1;
	background: url('/img/events/red-dots-top.svg') 0% 0% no-repeat;
	pointer-events: none;
}
.speaker-img {
	height: 200px;
	width: 140px;
	border: 1px solid #14B8A6;
	border-radius: 70px;
	background-position: 50% 50%;
	background-size: cover;
}
.container {
	max-width: 1216px;
	margin: 0 auto;
}
.address-item.active{
	border-width: 2px !important;
	box-shadow: var(--bs-box-shadow) !important;
}
.carousel-item {
	text-align: center;
}
.carousel-item img {
	width: 800px;
	margin: 0 auto;
}

.faq-category {
	gap: 160px;
	align-items: flex-start;
}
.btn-grey {
	background: var(--grey-03, #E9E9E9);
}
.btn-grey:hover {
	background: var(--grey-04, #CFCFCF);
}
.btn-circle {
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
	text-align: center;
}
.faq-btn {
	border-radius: 8px;
	background: var(--grey-03, #E9E9E9);
	gap: 4px;
	display: flex;
	padding: 14px;
	justify-content: center;
	align-items: center;

}
.faq-title {
	max-width: 80%;
}
.faq-answer {
	font-weight: 300;
	line-height: 160%; /* 25.6px */
	max-width: 80%;
}


@media (max-width: 991.98px){
	.md\:d-none {
		display: none !important;
	}
	.md\:d-block {
		display: block !important;
	}
	.md\:d-flex {
		display: flex !important;
	}
	.md\:flex-column {
		flex-direction: column !important;
	}
	.md\:flex-column-reverse {
		flex-direction: column-reverse !important;
	}
	.md\:flex-row {
		flex-direction: row !important;
	}
	.md\:mb-8 {
		margin-bottom: 2rem !important;
	}
	.md\:w-75 {
		width: 75% !important;
	}
	.md\:text-center {
		text-align: center;
	}


    .hamburger {
        display:block;
    }
    .page-header {
        padding-right: 0
    }
	#top-menu {
		margin-left: 0 !important;
	}
	#main-nav:not(.on) #top-menu {
		display: none !important;
		position: relative !important;
	}
	#top-menu > .search-box {
		flex-grow: 0 !important;
	}
	.on #top-menu {
		width: 100%;
	}
	header:has(#main-nav.on) {
		z-index: 1000;
	}
	#main-nav.on {
		flex-direction: column !important;
		row-gap: 1rem;
		background: linear-gradient(180deg, #B2243C 52.05%, #7D192A 107.19%);
		padding-bottom: 3rem !important;
	}
	#main-nav.on .hamburger{
		position: absolute;
		top: 1rem;
		right: 2rem;
	}
	#main-nav.on .btn-reg {
		order: 10;
	}

	#main-nav.on .hamburger {
		order: 1;
	}

	body:has(.navbar.on) .nav-shadow{
		display: block;
		opacity: 0.7;
	}
	.hero-bg {
		background: url('/img/events/red-dots-45.svg') 30% 90% no-repeat, url('/img/events/bg-imgs.png') -60% 110% no-repeat, url('/img/events/hero-red.svg') 40% 0% no-repeat;
		background-size: auto 60%, auto 90%, cover;
	}
	.count-down-box {
		margin-bottom: 150px;
	}
	.count-donw-reg {
		position: absolute;
		top: 200px;
        left: 50%;
        transform: translateX(-50%);
	}
	#countdown {
		gap: 2rem !important;
	}
	.count-down .fs-xxl {
		font-size: 2rem !important;
	}
	#about {
		padding-top: 3rem;
	}
	#about::before {
		display: none;
	}
	.reg-left {
		display: none;
	}
	#register-container {
		width: 80%;
		margin: 5rem auto;
	}
	.abs-popup #register-container {
		margin: 0 auto;
	}
	#agenda .time {
		align-items: start !important;
	}
}

@media (max-width: 768px) {
	.faq-category {
		gap: 5rem;
	}
	.faq-title {
		max-width: 100%;
	}
	.faq-answer {
		max-width: 100%;
	}
	.faq-content{
		gap: 0rem !important;
	}
	.category-title{
		font-size: 32px !important;
	}
}
}