html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Poppins', sans-serif;
	background: #000028;
	margin: 0;
	padding: 0;
}

.marked-text {
	color: #00FFB9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;

}

img {
	max-width: 100%
}

p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0px;
}

label.error {
	color: #ff6666;
	font-size: 1rem;
	display: block;
	margin-top: 5px;
}

input.error {
	border: 1px dashed #ff6666;
	font-weight: 300;
	color: #ff6666;
}

@media only screen and (min-width:1305px) {
	.container {
		max-width: 1300px;
	}
}

.btn1 {
	color: #00FFB9;
	border: 2px solid #00FFB9;
	border-radius: 22px;
	font-size: 14px;
	line-height: 12px;
	width: 208px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 32px;
	font-weight: 600;
}

.btn1:hover {
	color: #003F3F;
	background-color: #00E6A8;
	border: 1px solid #00E6A8;
	box-shadow: 0 0 10px rgba(0, 230, 168, 0.5);
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.sec-title {

	color: #fff;
	font-size: 48px;
	line-height: 64px;
	margin-bottom: 28px;
	font-weight: 700;
}

.sec-padding {
	scroll-margin-top: 88px;
	padding-top: 72px;
	padding-bottom: 72px;
}

/*==========================BASIC CSS END============================*/
.navbar-nav {
	justify-content: center;
	width: 100%;
}

.main-header {
	background: #000028;
	padding: 25px 0px;
	height: 88px;
}

.main-header a.nav-link {
	color: #fff !important;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	padding-left: 20px !important;
	padding-right: 20px !important;
	line-height: 24px;
}


.main-header a.nav-link:hover {
	color: #00E6A8 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.menu-section {
	text-align: center !important;
}

.menu-section div#navbarNav {
	display: inline-block !important;
}

button.btn.header-btn {
	color: #00FFB9;
	border: 1px solid #00FFB9;
	border-radius: 20px;
	font-size: 12px;
	margin-top: 6px;
	font-weight: 500;
	line-height: 20px;
	width: 173px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 39px;
}

button.submit-btn {
	height: 50px;
	color: #00FFB9;
	border: 1px solid #00FFB9;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

button.submit-btn:hover {
	color: #003F3F;
	background-color: #00E6A8;
	border: 1px solid #00E6A8;
	box-shadow: 0 0 10px rgba(0, 230, 168, 0.5);
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

button.btn.header-btn:hover {
	color: #003F3F;
	background-color: #00E6A8;
	border: 1px solid #00E6A8;
	box-shadow: 0 0 10px rgba(0, 230, 168, 0.5);
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}



.button-section {
	text-align: right;

}

img.logo1 {
	width: 163px;
	height: 26px;
}

/*==========================HEADER CSS END============================*/

.hero-section {

}
.hero-section .container{
	background: url(../images/banner.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 1250px;
	height: 810px;
	padding-top: 145px;
	padding-left: 72px;
	padding-right: 72px;
	padding-bottom: 145px;
	max-width: 100%;
}
.header-buttom p img {
	width: 40px;
	height: 40px;
}

.header-buttom p {
	color: #fff;
	font-family: "Cinzel", serif;
	font-size: 37.58px;
	font-weight: 400;
	line-height: 35.14px;
	text-align: left;
}
p.ex-hero {
	display: flex;
	align-items: baseline;
	gap: 0.2em;
	margin-bottom: 5px;
}
img.top-img {
	width: 107px;
	height: 84px;
}

.header-top {
	margin-bottom: 50px;
}

h1.header-title {
	color: #fff;
	font-family: "Cinzel", serif;
	font-size: 108.16px;
	font-weight: 400;
	line-height: 115.66px;
	text-align: left;
	margin-bottom: 10px;
}

p.hero-text {
	color: #fff;
	font-family: Cinzel;
	font-size: 72.74px;
	font-weight: 400;
	line-height: 68.01px;
	text-align: left;
	margin-bottom: 82px;
}

.header-buttom {
	padding-bottom: 52px;
}

/*==========================HERO CSS END============================*/
.sbout-section {
	padding: 72px 0px;
}

h2.about-title {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	line-height: 64px;
	margin-bottom: 32px;
}

/* Legacy selector was "p.ab-text" only. The homepage announcement now holds CMS rich-text that
   is itself multiple <p> blocks (CKEditor's output), so it has to sit in a <div> — nesting <p>
   inside <p> is invalid HTML and browsers silently break out of it. Broadened to the bare class
   so both that <div> and the plain-string <p class="ab-text"> placeholders elsewhere still match. */
.ab-text {
	color: #fff;
	font-family: Poppins;
	font-size: 25px;
	font-weight: 400;
	line-height: 56px;
	text-align: left;
}

.ab-text p {
	/* The sitewide generic "p { font-size: 16px; line-height: 26px }" rule targets these <p>
	   elements directly, which wins over the size/line-height .ab-text would otherwise pass down
	   by inheritance — a rule on the element itself always beats an inherited value, regardless
	   of the ancestor selector's specificity. Restated here so CMS paragraphs actually get the
	   25px/56px announcement typography instead of silently falling back to the generic size. */
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0 0 24px;
}

.ab-text p:last-child {
	margin-bottom: 0;
}

/*==========================ABOUT CSS END============================*/

.box-section {
	padding: 70px 0px;
}

h2.box-title.sec-title {
	margin-bottom: 28px;
}

.box-design.box-left {
	background: #4C4C68;
	color: #fff;
}

.box-design.box-left .box-ul,
.box-design.box-left .box-ul * {
	color: #fff;
}

.box-design {
	padding: 24px;
	border-radius: 20px;
	z-index: 1;
	position: relative;
}

.box-design h3.boxs1-title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 21px;
}

.box-design.box-left h3.boxs1-title {
	color: #fff;
}

.box-design ul.box-ul {
	padding: 0px 24px;
	padding-bottom: 0px !important;
}

.box-design ul.box-ul li {
	font-size: 16px;
	margin-bottom: 21px;
	line-height: 24px;
}

.box-design.box-left ul.box-ul li {
	color: #fff;
}

ul.box-ul li:last-child {
	padding: 0px !important;
	margin-bottom: -5px;
}

.box-design.box-right {
	background: #fff;
}

.box-design.box-right h3.boxs1-title {
	color: #444444;
}

.box-design.box-right li.box-ul-item {
	color: #444;
}

.box-top-sign {
	margin-left: -33px;
	margin-top: 46px;
}

.let-box-top-sign {
	text-align: right;
	position: relative;
}

img.left-side-sign {
	position: absolute;
	top: -85px;
	right: -36px;
}

.let-box-top-sign.box4sing img.left-side-sign {
	right: -50px;
}

.box-top-sign.box5sign {
	margin-left: -58px;
	margin-top: 47px;
}

.box-top-sign.box6sign {
	margin-top: -2px;
	margin-bottom: 27px;
	margin-left: -35px;
}

.box-top-signs.box6sign {
	text-align: right;
	position: relative;
}

.box-top-signs.box6sign img.right-side-sign {
	/* position: absolute; */
	/* right: -34px; */
	/* top: -3px; */
}


/*==========================BOX! CSS END============================*/

a.time-btn.btn {
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 26px;
	border-radius: 23px;
	font-size: 13px;
}

.time-btn.btn:hover {
	color: #003F3F;
	background-color: #00E6A8;
	border: 1px solid #00E6A8;
	box-shadow: 0 0 10px rgba(0, 230, 168, 0.5);
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}



h2.gallery-title.sec-title {
	margin-bottom: 23px;
}


#big .item {
	margin: 2px;
	color: #FFF;
	border-radius: 3px;
	text-align: center;
}

#thumbs .item {
	background: #c9c9c900;
	height: 141px;
	line-height: 70px;
	padding: 11px;
	margin: 2px;
	color: #ffffff00;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	opacity: .7;
	padding: 0px;
	margin: 0px;
	margin-top: 22px;
	margin-left: 8px;
	margin-right: 8px;
}

#thumbs .item h1 {
	font-size: 18px;
}

#thumbs .current .item {
	background: transparent;
	opacity: 1;
}

.owl-theme .owl-nav [class*='owl-'] {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
	background-color: #D6D6D6;
}

#big.owl-theme {
	position: relative;
}

#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
	border: none;
	background: #333;
	width: 22px;
	line-height: 40px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
}

#big.owl-theme .owl-prev {
	left: 10px;
}

#big.owl-theme .owl-next {
	right: 10px;
}

#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
	border:none;
	background: #333;
}
div#thumbs img {
	border-radius: 16px!important;
}
div#big .owl-nav {
	display: none;
}
#thumbs.owl-theme .owl-prev {
	position: absolute;
	top: 52px;
	left: 0px;
	background: #000028;
	padding: 10px;
	border-radius: 53px;
}
#thumbs.owl-theme .owl-next {
	position: absolute;
	top: 52px;
	right: 0px;
	background: #000028;
	padding: 10px;
	border-radius: 53px;
}
#thumbs.owl-theme  .owl-stage-outer {
	max-width: 90%;
	margin: auto;
}
img.slider-cion {
	width: 40px;
	height: 40px;
	padding: 0px;
	cursor: pointer;
}
.owl-theme .owl-dots .owl-dot span{
	width: 69px;
	height: 2px;
	opacity: .9;
	background: #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #00FFB9
}
@media only screen and (max-width:767px){
	.owl-dots {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		overflow: hidden;
	}
	.owl-theme .owl-dots .owl-dot span {
		width: 30px;
	}
	#thumbs .item {
		height: 99px;}

	img.slider-cion {
		width: 48px;
		height: 48px;
	}

	#thumbs.owl-theme .owl-prev {position: static;}

	#thumbs.owl-theme .owl-next {position: static;}



}

/*==========================TIMELINE CSS END============================*/
.con-box {
	background: #FFFFFF;
	margin: 6px;
	padding: 19px 28px;
	border-radius: 22px;
}

.ap-condition .col-md-4 {
	display: flex;
}

.con-top {
	display: flex;
	align-items: flex-end;
	margin-bottom: 18px;
}

img.con-icon {
	background: #44444400;
	padding: 2px;
	border-radius: 50%;
	margin-right: 18px;
	height: 48px;
	width: 48px;
}

h4.ctitle {
	font-size: 24px;
	color: #444444;
	font-weight: 600;
	line-height: 36px;
}

p.con-text {
	color: #444444;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

img.con-icon.extra {
	/* background: #444444; */
	/* padding: 9px; */
}

/*==========================CONDITION CSS END============================*/
.col-sm-6.col-md-3 {
	display: flex;
}
.dates-box {
	background: #fff;
	padding: 19px 20px;
	border-radius: 18px;
	flex: 1;
}

h3.dates-title {
	font-size: 24px;
	color: #444444;
	font-weight: 600;
	margin-bottom: 26px;
}

h5.dates-range {
	font-size: 16px;
	font-weight: 600;
	color: #444444;
	margin-bottom: 20px;
}

p.dates-text {
	color: #444444;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0px;
}

p.dates-text a {
	color: #444444;
}

.dates.sec-padding .col-sm-3 {
	display: flex;
}

/*==========================Dates CSS END============================*/

.team-box {
	background: #4C4C68;
	padding: 25px;
	text-align: center;
	border-radius: 24px;
	flex: 1;
	margin-bottom: 30px;
}
.team-section.sec-padding .col-lg-3.col-md-6 {
	display: flex;
}
.team-section.sec-padding .col-md-6 {
	display: flex;
}
img.team-img {
	width: 225px;
	margin-bottom: 18px;
	height: 225px;
}

h4.team-name {
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	font-weight: 600;
}

p.team-text {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}

p.team-postion {
	color: #fff;
	font-size: 13px;
	margin-top: 12px;
}

.team-section .col-md-3 {
	display: flex;
}

/*==========================TEAM CSS END============================*/
.award-box {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	flex: 1;
}

.award-top {
	display: flex;
	align-items: flex-end;
	margin-bottom: 15px;
}

img.award-serial {
	width: 40px;
	height: 43px;
	margin-right: 15px;
}

h5.award-title {
	font-size: 24px;
	font-weight: 600;
	color: #444444;
	line-height: 36px;
	font-weight: 600;
}

p.award-text {
	font-size: 16px;
	color: #444444;
	padding-left: 6px;
}

/*==========================award CSS END============================*/

.footer-section {
	padding-top: 90px;
	padding-bottom: 25px;
}

img.footer-logo {
	width: 344px;
	margin-bottom: 25px;
}

img.social-icon {
	width: 36px;
	margin-right: 15px;
	margin-bottom: 21px;
}

a {
	color: #00FFB9;
	text-decoration: none;
}

a:hover {
	color: #00E6A8;
	cursor: pointer;
	text-decoration: none;
}

p.fo-contact-info a {
	color: #00FFB9;
	text-decoration: none;
	font-size: 16px;
}

p.fo-contact-info a:hover {
	color: #00E6A8;
	cursor: pointer;
	text-decoration: none;
	font-size: 16px;
}

.h6.footer-box-title {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 14px;
}

ul.footer-item-div {
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding-top: 5px;
}

ul.footer-item-div {}

ul.footer-item-div a {
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	text-decoration: none;
}

ul.footer-item-div a:hover {
	color: #00E6A8;
	cursor: pointer;
	text-decoration: none;
}

ul.footer-item-div li {
	margin-bottom: 11px;
}

.footer-copyeight-div {
	text-align: center;
	padding-top: 26px;
	border-top: 1px solid #4C4C68;
	margin-top: 45px;
}

p.footer-copyright-text {
	color: #fff;
	font-size: 16px;
}

/*==========================FOOTER CSS END============================*/
.box-buttom-sign-left {
	text-align: right;
	margin-right: -39px;
	margin-bottom: 50px;
}

.box-buttom-sign-right {
	text-align: left;
	margin-top: -29px;
	margin-left: -34px;
	margin-bottom: 55px;
}
.box-less-right {
	margin-top: 63px;
	min-height: 272px;
}


.copyable-pair .col-md-6 {
	display: flex;
	flex-direction: column;
}

.copyable-pair .box-design {
	flex: .8;
}

.form-check-input {
	width: 1.5em;
	height: 1.5em;
	margin-left: 0;
}

.form-check-label {
	margin-top: 0.25em;
	font-size: 18px;
	margin-left: 30px;
}

input[type=checkbox]:checked {
	background-color: #00FFB9;
	border-color: #00FFB9;
}

/* 27th contest: preserve the existing fonts and visual language. */
.contest-edition { display: inline-flex; flex-shrink: 0; align-items: baseline; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1em; letter-spacing: -0.12em; line-height: 1; }
.contest-edition .edition-digit + .edition-digit { transform: translateY(0.17em); }
.contest-edition .edition-dot { font-family: 'Cinzel', serif; font-weight: 400; letter-spacing: 0; margin-left: 0.08em; }
.team-img-placeholder { display: inline-block; width: 225px; height: 225px; max-width: 100%; aspect-ratio: 1; background: #d3d3d3; border: 18px solid #00ffb9; border-radius: 50%; margin-bottom: 18px; }
.team-box .team-img { max-width: 100%; height: auto; aspect-ratio: 1; }
.award-top { align-items: center; }
@media (max-width: 767px) { .team-img-placeholder { width: 150px; height: 150px; border-width: 12px; } }

.team-section .team-box { min-width: 0; width: 100%; }
.team-section .team-img-placeholder { width: min(225px, 100%); height: auto; }
@media (max-width: 767px) { .team-section .team-img-placeholder { width: 150px; } }

/* Raster jury portraits use the same circular frame as the legacy SVG portraits. */
.team-section img.team-img:not([src$=".svg"]) { border: 18px solid #00ffb9; border-radius: 50%; object-fit: cover; box-sizing: border-box; }
@media (max-width: 767px) { .team-section img.team-img:not([src$=".svg"]) { width: 150px; border-width: 12px; } }

/* Jury: chair above three members, with the remaining cards centered on the next row. */
.team-section .jury-chair{max-width:380px;margin:0 auto 30px}
.team-section .jury-chair .team-box{margin-bottom:0;padding:30px}
.team-section .jury-members{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:900px;margin:0 auto}
.team-section .jury-member{display:flex;min-width:0;flex:0 0 calc((100% - 60px)/3)}
.team-section .jury-member .team-box{margin-bottom:0;padding:25px 20px}
.team-section .jury-member .team-img{width:160px;height:160px}
.team-section .jury-member img.team-img:not([src$=".svg"]),.team-section .jury-member .team-img-placeholder{border-width:12px}
.team-section .jury-members .team-name{font-size:22px;line-height:32px}
@media(max-width:991px){.team-section .jury-member{flex-basis:calc((100% - 30px)/2)}}
@media(max-width:767px){
 .team-section .jury-chair{max-width:none;margin-bottom:24px}
 .team-section .jury-members{gap:24px}
 .team-section .jury-member{flex-basis:100%}
 .team-section .jury-member .team-box,.team-section .jury-chair .team-box{padding:25px}
 .team-section .jury-member .team-img{width:150px;height:150px}
}
