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



/* font-family: "Bitter", serif;

font-family: "Montserrat", sans-serif; */



*,

*::before,

*::after {

	box-sizing: border-box;

}



html {

	scroll-behavior: smooth;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



body {

	font-family: "Montserrat", sans-serif;

	margin: 0;

	padding: 0;

	background-color: #FFFFFF;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	overflow-x: hidden;

	color: #000;

}



.clearfix:before,

.clearfix:after {

	content: " ";

	display: table;

}



.clearfix:after {

	clear: both;

}



.clear {

	clear: both;

	line-height: 0;

	font-size: 0;

}



img {

	max-width: 100%;

	object-fit: cover;

}



a {

	text-decoration: none;

	transition: all 0.3s ease-in-out;

}



h1,

.h1,

h2,

.h2,

h3,

.h3,

h4,

.h4,

h5,

.h5,

h6,

.h6 {

	margin: 0;

	padding: 0;

}



h1 {

	font-size: 25px;

	padding: 0 0 15px;

}





h2 {

	font-size: 20px;

}



h3 {

	font-size: 14px;



}



p {

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-family: "Montserrat", sans-serif;

}



p:last-child {

	padding-bottom: 0;

}



ul,

ol {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



.sub-heading {

	font-family: "Montserrat", sans-serif;

	font-weight: 600;

	text-transform: uppercase;

	color: #7165E3;

	background-color: rgba(113, 101, 227, 0.15);

	display: inline-block;

	font-size: 10px;

	padding: 2px 11px 2px;

	border-radius: 10px;

	margin-bottom: 10px;

}



.image-overlay {

	width: 100%;

	height: 100%;

	object-fit: cover;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

}



.object-fit {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



@media(min-width: 768px) {



	h1 {

		font-size: 36px;

	}



	h2 {

		font-size: 36px;

	}



	p {

		font-size: 16px;

	}

}





.btns {

	background-color: #478;

	display: inline-block;

	border-radius: 20px;

	color: #fff;

	position: relative;

	font-family: "Montserrat", sans-serif;

	font-weight: 500;

	line-height: 40px;

	padding: 0 35px 0 18px;

}



.btns::before {

	content: '\e909';

	position: absolute;

	font-family: 'icomoon';

	top: 50%;

	right: 15px;

	font-size: 10px;

	transform: translate(0%, -50%);

}



.btn-primarys {

	background-color: #7165E3;

	color: #FFFFFF;

}



.btn-primarys:hover {

	background-color: #FFFFFF;

	color: #7165E3;

}



.btn-secondarys {

	background-color: #FFFFFF;

	color: #7165E3;

}



.btn-secondarys:hover {

	background-color: #7165E3;

	color: #FFFFFF;

}



@media(min-width: 768px) {

	.btns {

		font-size: 16px;

		line-height: unset;

		padding: 8px 43px 11px 25px;

	}



	.btns::before {

		right: 18px;

		font-size: 13px;

	}

}



.container {

	width: 100%;

	max-width: 1132px;

	margin: 0 auto;

	padding: 0 22px;

}



@media(min-width: 768px) {

	.container {

		padding: 0 52px;

	}

}



@media(min-width: 1200px) {

	.container {

		padding: 0 22px;

	}

}





/* headre */

.header-top {

	padding: 5px 0;

	color: #fff;

	font-family: "Bitter", serif;

}



.bg-blue {

	background-color: #0f2043;

}



.page-headre {

	background-color: #fff;

	width: 100%;

	display: inline-block;

}



.headre-wrapper {

	width: 100%;

	margin: 0 auto;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.headre-logo {

	width: 250px;

}



.nav-list {

	position: fixed;

	top: 0;

	right: -100%;

	padding: 22px;

	padding-top: 65px;

	width: 300px;

	height: 100%;

	transition: all 0.4s ease-in-out;

	background-color: #447;

	z-index: 33;

}



.nav-list.active {

	right: 0;

}



.nav-list ul li a {

	color: #fff;

	font-size: 14px;

	margin-bottom: 10px;

	display: inline-block;

	font-family: "Montserrat", sans-serif;

	font-weight: 500;

}



.nav-list .btns {

	margin-top: 25px;

}



.menu-btn {

	height: 25px;

	width: 25px;

	cursor: pointer;

	position: relative;

	z-index: 44;

	margin-top: 20px;

}



.inner-page .menu-btn span,

.menu-btn span::after,

.menu-btn span::before {

	color: #000;

}



.menu-btn span,

.menu-btn span::after,

.menu-btn span::before {

	background: #0f2142;

	content: "";

	position: absolute;

	width: 25px;

	height: 2px;

	margin-top: 0px;

	-webkit-transition: .3s ease-in-out .3s;

	-moz-transition: .3s ease-in-out .3s;

	-o-transition: .3s ease-in-out .3s;

	transition: .3s ease-in-out .3s;

}



.inner-page .menu-btn span,

.inner-page .menu-btn span::after,

.inner-page .menu-btn span::before {

	background: #1d0bc9;

}



.menu-btn span::after,

.menu-btn span::before {

	background: #0f2142;

	content: "";

	position: absolute;

	width: 25px;

	height: 2px;

	margin-top: 0px;

}



.menu-btn span::before {

	margin-top: -10px;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}



.menu-btn span::after {

	margin-top: 10px;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}



.menu-btn.active span {

	background: 0 0;

	-webkit-transition: .5s ease-in-out;

	-moz-transition: .5s ease-in-out;

	-o-transition: .5s ease-in-out;

	transition: .5s ease-in-out;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	transform: rotate(-90deg);

}



.menu-btn.active span::before {

	margin-top: 0;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transition-delay: 0.5s;

	-moz-transition-delay: 0.5s;

	-o-transition-delay: 0.5s;

	transition-delay: 0.5s;

}



.menu-btn.active span::after {

	margin-top: 0;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition-delay: 0.6s;

	-moz-transition-delay: 0.6s;

	-o-transition-delay: 0.6s;

	transition-delay: 0.5s;

}



.menu-btn.active span {

	background: 0 0;

	transition: .5s ease-in-out;

}



.menu-btn.active span::after,

.menu-btn.active span::before {

	background: #fff;

}



@media(min-width: 768px) {

	.headre-logo {

		width: 478px;

	}

}



@media(min-width: 1200px) {

	.menu-btn {

		display: none;

	}



	.nav-list {

		position: relative;

		top: 0;

		right: 0%;

		padding: 0;

		padding-top: 0;

		width: auto;

		height: auto;

		background-color: transparent;

	}



	.nav-list {

		display: flex;

		align-items: center;

	}



	.nav-list ul {

		display: flex;

	}



	.nav-list ul li {

		margin-right: 40px;

	}



	.nav-list ul li a {

		color: #000;

		font-size: 16px;

		margin-bottom: 0px;

		position: relative;

	}



	.inner-page .nav-list ul li a {

		color: #000;

	}



	.nav-list ul li a:hover {

		color: #7165E3;

	}



	.nav-list ul li.active a::before {

		content: '';

		position: absolute;

		bottom: -4px;

		left: 0;

		width: 100%;

		height: 2px;

		background: linear-gradient(90deg, rgba(233, 22, 241, 1) 0%, rgba(113, 101, 227, 1) 100%);

	}



	.nav-list .btns {

		margin-top: 0;

	}



	.headre-wrapper {

		padding: 8px 22px;

	}

}





.top-banner {

	position: relative;

	padding: 50px 0;

}



.top-banner h1 {

	text-align: center;

	position: relative;

	color: #fff;

	font-size: 20px;

}



@media (min-width:768px) {

	.top-banner {

		position: relative;

		padding: 40px 0;

	}



	.top-banner h1 {

		font-size: 48pt;

		line-height: 1.06;

		font-weight: 700;

	}

}





footer {

	position: relative;

	padding: 50px 0;

}



.footer-bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}



.footer-bg img {

	object-fit: cover;

	width: 100%;

	height: 100%;

}



.footer-bg::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5);

}



.footer-top p {

	color: #fff;

	font-size: 14px;

}



.copyright p,

.copyright ul li a {

	color: #fff;

	font-size: 14px;

	line-height: normal;

}



.copyright {

	padding-top: 20px;

}



.copyright ul {

	padding-top: 10px;

}



@media (min-width:768px) {

	.footer-top {

		display: flex;

		justify-content: space-between;

	}



	.copyright {

		text-align: center;

	}



	.copyright ul {

		display: flex;

		justify-content: center;

		align-items: center;

	}



	.copyright ul li {

		padding: 0 15px;

	}



	.copyright ul li a {

		position: relative;

	}



	.copyright ul li a::after {

		content: "";

		position: absolute;

		top: 50%;

		left: -15px;

		transform: translate(0, -50%);

		width: 1px;

		height: 100%;

		background: #fff;

	}



	.copyright ul li:first-child a::after {

		display: none;

	}



	.copyright ul li a {

		position: relative;

	}



	.copyright ul li a {

		position: relative;

	}

}





.login-section {

	padding: 50px 0;

}



.login-box {

	border: #dbdbdb 2px solid;

	box-shadow: 0 0 24px rgba(0, 0, 0, 0.11);

	padding: 20px;

}



.from-row input[type="text"],
.from-row textarea,
.from-row input[type="email"],

.from-row input[type="password"] {

	width: 100%;

	border-radius: 15px;

	border: #a9a9a9 1px solid;

	height: 40px;

	padding: 10px;

}



.from-row input[type="text"]::placeholder,
.from-row textarea::placeholder,
.from-row input[type="email"]::placeholder,

.from-row input[type="password"]::placeholder {

	font-family: "Montserrat", sans-serif;

	color: #2c2c2c;

	font-size: 14px;

	font-weight: 500;

}



.from-row input[type="text"]:focus,

.from-row input[type="email"]:focus,

.from-row input[type="password"]:focus {

	outline: none;

}



.select {

	position: relative;

}



.select::after {

	content: "";

	position: absolute;

	top: 50%;

	right: 22px;

	transform: translate(0, -50%);

	background: url(../img/select-icon.png) no-repeat;

	height: 12px;

	width: 16px;

	background-size: contain;

}



.select select {

	font-family: "Montserrat", sans-serif;

	color: #2c2c2c;

	font-size: 14px;

	font-weight: 500;

	width: 100%;

	border-radius: 15px;

	border: #a9a9a9 1px solid;

	height: 40px;

	padding: 10px;

	-webkit-appearance: none;

	-moz-appearance: none;

	background: #fff;

}



.submit-button-row {

	width: 100%;

}



.btn-submit {

	font-family: "Montserrat", sans-serif;

	border: #143c85 1px solid;

	border-radius: 15px;

	background: #143c85;

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	display: inline-block;

	width: 100%;

	padding: 10px 20px;

	text-transform: uppercase;

}



.login-title {

	text-align: center;

	position: relative;

	background: url(../img/bg.png) no-repeat bottom center;

	background-size: contain;

	padding-bottom: 40px;

}



.login-title h2 {

	font-family: "Montserrat", sans-serif;

	font-weight: 700;

	font-size: 22px;

}



.from-col-6,

.from-col-12 {

	padding-bottom: 20px;

}



.login-from a {

	font-weight: 600;

	color: #143c85;

}



.dont-account {

	padding-top: 15px;

}





#file-upload {

	/*opacity: 0;

  filter: alpha(opacity=0);*/

	position: absolute;

	left: -9999px;

}



label[for="file-upload"] {

	padding: 0.5em;

	display: flex;

	justify-content: space-between;

	align-items: center;

	cursor: pointer;

	width: 100%;

	height: 50px;

	box-shadow: 0 0 24px rgba(0, 0, 0, 0.11);

	padding: 15px;

	border-radius: 15px;

}



@media (min-width:1200px) {

	.from-row {

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap;

	}



	.login-box {

		border: #dbdbdb 2px solid;

		box-shadow: 0 0 24px rgba(0, 0, 0, 0.11);

		padding: 20px 0 40px;

		max-width: 760px;

		margin: 0 auto;

	}



	.single {

		width: 600px;

		margin: 0 auto;

	}



	.from-row input[type="text"],
	.from-row textarea,
	.from-row input[type="email"],

	.from-row input[type="password"] {

		height: 50px;

		padding: 10px 30px;

	}



	.from-row input[type="text"]::placeholder,
	.from-row textarea::placeholder,

	.from-row input[type="email"]::placeholder,

	.from-row input[type="password"]::placeholder {

		font-size: 18px;

	}





	.select select {

		height: 50px;

		padding: 10px 30px;

		font-size: 18px;

	}



	

	.from-col-6 {

		padding-bottom: 20px;

		width: calc(50% - 15px);

	}



	.from-col-12 {

		padding-bottom: 20px;

		width: 100%;

	}



	.login-from a {

		font-size: 18px;

	}



	.dont-account {

		font-size: 18px;

		font-weight: 500;

		padding-top: 26px;

	}



	.login-title h2 {

		font-size: 38px;

	}



	.login-title {

		padding-bottom: 60px;

	}



	.btn-submit {

		font-size: 24px;

		height: 60px;

	}



	.login-section {

		padding: 50px 0;

	}



	label[for="file-upload"] {

		height: 50px;

		padding: 15px;

		font-size: 16px;

		font-weight: 600;

		color: #000;

	}



	label[for="file-upload"] span {

		background-color: #f2f2f2;

		border: 1px solid #cdcdcd;

		padding: 4px 10px;

		margin: 0 10px;

		font-size: 14px;

	}



}



.edit-profile-section {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.left-menu {

	border-right: #dbdbdb 2px solid;

	box-shadow: 0 0 24px rgba(0, 0, 0, 0.11);

	width: 50px;

	padding-top: 10px;

}



.left-menu ul li {

	padding: 10px 0;

}



.left-menu ul li a span {

	font-size: 0;

}



.left-menu ul li a {

	color: #000;

	font-weight: 500;

	display: flex;

	justify-content: center;

	align-items: center;



}



.left-menu ul li a img {

	width: 30px;

	height: 30px;

	object-fit: cover;

}



.right-panal {

	width: calc(100% - 50px);

	padding: 50px 22px;

}



@media (min-width:768px) {

	.left-menu {

		width: 250px;

	}



	.right-panal {

		width: calc(100% - 250px);

		padding: 50px 22px;

	}



	.left-menu ul li a {

		color: #000;

		font-weight: 500;

		justify-content: flex-start;

		padding-left: 15px;

	}



	.left-menu ul li a span {

		font-size: 16px;

	}



	.left-menu ul li a img {

		margin-right: 15px;

	}

}



@media (min-width:1200px) {

	.left-menu {

		width: 350px;

		padding-bottom: 30px;

	}



	.right-panal {

		width: calc(100% - 350px);

		padding: 50px 50px;

	}



	.left-menu ul li a span {

		font-size: 18px;

	}



	.left-menu ul li a {

		padding: 5px 0 5px 20px;

	}



	.left-menu ul li a:hover {

		background: #ededed;

		color: #143c85;

	}



	.left-menu ul li.active a {

		background: #ededed;

		color: #143c85;

	}





}







.food-choice h6 {

	width: 100%;

	padding-bottom: 20px;

}



#wrapper p {

	color: rgba(0, 0, 0, 0.65);

	font-size: 18px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.25);

	padding: 15px 20px;

	margin: 0;

	margin-bottom: 18px;

}





/* label container */

.radio-button-container {

	color: rgba(0, 0, 0, 0.75);

	display: block;

	position: relative;

	padding-left: 30px;

	line-height: 25px;

	margin-bottom: 12px;

	margin-left: 30px;

	cursor: pointer;

	font-size: 18px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



/* Hide the browser's default radio button */

.radio-button-container input {

	position: absolute;

	opacity: 0;

	cursor: pointer;

}



/* Create a custom radio button */

.checkmark {

	position: absolute;

	top: 0;

	left: 0;

	height: 21px;

	width: 21px;

	background-color: rgba(0, 0, 0, 0);

	border-radius: 50%;

	border: 2px solid rgba(0, 0, 0, 0.25);

	transition: all 0.3s;

}



/* On mouse-over, add a grey background color */

.radio-button-container:hover input~.checkmark {

	border-color: rgba(0, 0, 0, 0.5);

}



/* When the radio button is checked */

.radio-button-container input:checked~.checkmark {

	background-color: rgba(0, 0, 0, 0);

	border-color: teal;

}





/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {

	content: "";

	position: absolute;

	display: none;

}



/* Show the indicator (dot/circle) when checked */

.radio-button-container input:checked~.checkmark:after {

	display: block;

}



/* Style the indicator (dot/circle) */

.radio-button-container .checkmark:after {

	top: 2px;

	left: 2px;

	width: 13px;

	height: 13px;

	border-radius: 50%;

	background: teal;

}



@media (min-width:1200px) {

	.food-choice {

		display: flex;

		justify-content: flex-start;

	}



	.food-choice h6 {

		width: 50%;

		padding-bottom: 0;

	}



	#wrapper {

		display: flex;

		justify-content: flex-start;

		align-items: center;

		width: 50%;

	}

}



table {

	border: 1px solid #ccc;

	border-collapse: collapse;

	margin: 0;

	padding: 0;

	width: 100%;

	table-layout: fixed;

}



table caption {

	font-size: 1.5em;

	margin: .5em 0 .75em;

}



table tr {

	background-color: #fff;

	border: 1px solid #ddd;

	padding: .35em;

}



table th,

table td {

	padding: .625em;

	text-align: center;

}



table th {

	font-size: .85em;

	letter-spacing: .1em;

	text-transform: uppercase;

	background-color: #e9e9e9;

	font-weight: 600;

}

.error { color:red;}
/* Add Text 18.06.2024 */
.space-between-text{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.space-between-text h6{
	font-weight: 700;
}

.content-div p{
	padding-bottom: 15px;
}

.new-login-box {
	border: #dbdbdb 2px solid;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.11);
	padding: 20px;
}

.new-login-box h2{
	padding-bottom: 20px;
}

.new-login-box .login-from{
	margin-bottom: 30px;
}

.border-none{
	border-bottom: none;
}

@media (min-width:1200px) {
	.new-login-box{
		display: flex;
		justify-content: space-between;
		padding: 50px 30px;
	}
	.registration-fees,
	.new-registration{
		width: calc(50% - 30px);
		position: relative;
	}

	.registration-fees::before{
		content: "";
		position: absolute;
		top: 0;
		left: -30px;
		width: 1px;
		height: 100%;
		background: #dbdbdb;
	}
}
#enhancedTable {
            width: 100%;
            border-collapse: collapse;
           font-size: 18px;
            text-align: left;
        }
        #enhancedTable tr th, #enhancedTable tr td {
            padding: 12px;
            border: 1px solid #ddd;
        }
        #enhancedTable tr th {
            background-color: #f4f4f4;
            color: #333;
        }
        #enhancedTable tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        #enhancedTable tr:hover {
            background-color: #f1f1f1;
        }
        #enhancedTable .text-center {
            text-align: center;
            font-weight: bold;
            background-color: #e9ecef;
        }
        #enhancedTable .border-none {
            border: none;
        }
        #enhancedTable .highlight {
            background-color: #e9ecef;
        }