@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Medium.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-SemiBold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Regular.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Bold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gerova';
    src: url('../fonts/GerovaRegular.woff2') format('woff2'),
        url('../fonts/GerovaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html , body{
	line-height: 1.3;
	font-family: 'Red Hat Display';
}
header {
	background-color: #1C4DA1;
	height: 100px;
	padding: 10px 0;
}
body {
	background-color: #FBFBFB;
	height: calc(100vh - 100px);
}
body.blue {
	background-color: #1C4DA1;
}
.ai-part , .register-logo{
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #153C80;
	border-radius: 50%;
}
.top-right {
	display: flex;
	gap: 12px;
	align-items: center;
}
.top-right .ai-part , .register-logo {
	width: 60px;
	height: 60px;
}
.top-right .ai-part img , .register-logo img{
	width: 50%;
}
.top-right h1 {
	font-size: 28px;
	font-weight: 400;
	font-family: 'Gerova';
	color: #fff;
	margin: 0;
	line-height: 1;
	padding-top: 4px;
}
.register-title {
	font-size: 60px;
	font-weight: 400;
	font-family: 'Gerova';
	color: #fff;
	margin: 0;
	line-height: 1;
	margin: 25px 0;
}
.register-top-section h3 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
.main-title {
	font-size: 90px;
	font-family: 'Gerova';
	margin: 40px 0;
	color: #fff;
}
.main-text {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
}
.form-elm {
	text-align: center;
	margin-top: 60px;
	width: 100%;
}
.form-elm label {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 12px;
}
.describe-yourself {
	resize: none;
	height: 140px !important;
	color: #272727;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 16px;
}
.describe-yourself::placeholder {
	color: #272727;
	font-size: 16px;
	font-weight: 400;	
}
.btn-first-submit {
	padding: 12px 24px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	background-color: #163D80;
	width: 350px;
	margin-top: 30px;
	border: 1px solid #163D80;
	transition: .3s;
}
.btn-first-submit:hover {
	background-color: #fff;
	color: #163D80;
}
.form-part {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: calc(100vh - 100px);
}
.center {
	height: calc(100vh - 100px);
	display: flex;
}
.register-center {
	min-height: 60vh;
	display: flex;
}
.inner-form {
	border-radius: 8px;
	border: 1px solid #E2E2E2;
	background: #FBFBFB;
	padding: 30px 20px;
	margin: auto;
}
.form-head-div {
	display: flex;
	justify-content: space-between;
}
.form-head {
	font-size: 20px;
	font-weight: 700;
	color: #222325;
	margin-bottom: 30px;
}
.register-head {
	font-size: 30px;
	margin-bottom: 30px;
	font-weight: 700;
	color: #222325;
}
.label-link {
	color: #1C4DA1;
	font-weight: bold;
	text-decoration: none;
}
.form-subhead {
	font-size: 16px;
	font-weight: 400;
	color: #181818;
}
.form-div {
	padding: 0 10px;
}
.theme-select {
	padding: 12px 16px;
	border-radius: 8px;
	border: 1px solid #E2E2E2;
	background: #FFF;
	margin-bottom: 15px;
	height: 50px;
}
.theme-select:focus {
	outline: none;
	box-shadow: none;
	border-color: #e2e2e2;
}
.theme-select.disabled {
	pointer-events: none;
	border: 1px solid rgba(188, 192, 194, 0.50);
	background: #F1F1F1;
	color: rgba(188, 192, 194, 0.5);
}
.custom-radio {
	height: 50px;
	display: flex;
	gap: 35px;
	align-items: center;
	margin-bottom: 15px;
}
.custom-radio label {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	color: #222325;
}
.custom-radio input[type=radio] {
	appearance: none;
	background-color: transparent;
	width: 24px;
	height: 24px;
	border: 2px solid #EDEDEE;
	border-radius: 4px;
	display: inline-grid;
	place-content: center; 
}
.custom-radio input[type=radio]::before {
    content: "";
    width: 10px;
    height: 8px;
    transform: scale(0);
    transform-origin: bottom left;
    background-color: #fff;
    clip-path: polygon(13% 50%, 34% 66%, 81% 2%, 100% 18%, 39% 100%, 0 71%);
}
.custom-radio input[type=radio]:checked::before {
    transform: scale(1);
}
.custom-radio input[type=radio]:checked{
    background-color: #1C4DA1;
    border: 2px solid #1C4DA1;
}
.side-check {
	display: flex;
	gap: 20px;
}
.custom-checkbox {
	height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.custom-checkbox label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	color: #222325;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	background-color: transparent;
    border: 2px solid #EDEDEE;
    border-radius: 4px;
}
.custom-checkbox input:checked ~ .checkmark {
	background-color: #1C4DA1;
	border-color: #1C4DA1;
}
.custom-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
	display: block;
}
.custom-checkbox .checkmark:after {
	left: 7px;
	top: 5px;
	width: 5px;
	height: 9px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.step-next {
	text-align: center;
	background-color: #1C4DA1;
	font-size: 16px;
	color: #fff;
	padding: 12px 24px;
	border-radius: 8px;
	border: 2px solid #1C4DA1;
	text-decoration: none;
	transition: .3s;
	display: inline-block;
	font-weight: 700;
	float: right;
	margin-top: 25px;
}
.step-next:hover {
	background-color: transparent;
	color: #1C4DA1;
}
.cancel {
	text-align: center;
    background-color: #fff;
    font-size: 16px;
    color: #1C4DA1;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #EDEDEE;
    text-decoration: none;
    transition: .3s;
    display: inline-block;
    font-weight: 700;
    float: left;
    margin-top: 25px;
}
.cancel:hover {
	background-color: #1C4DA1;
	color: #fff;
	border-color: #1C4DA1;
}
.custom-file {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 160px;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 25px;
}
.uploaded-image {
	width: 120px;
	height: 120px;
	opacity: 1;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	border-radius: 50%;
	object-fit: cover;
}
.uploaded-image.uploaded {
	outline: 2px solid #fff;
}
.upload-text {
	color: #1C4DA1;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	margin-top: 15px;
}
.custom-file input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	opacity: 0;
	margin: auto;
	width: 150px;
	height: 120px;
	z-index: 15;
	cursor: pointer;
}

.bg-blue {
	background-image: url('../img/top-bg.png');
	background-size: cover;
	background-position: center;
	z-index: 5;
    position: relative;
}
.blue-top {
	display: flex;
	align-items: flex-start;
	margin-top: 25px;
	justify-content: space-between;
	height: 140px;
}
.register-top {
	background-color: transparent;
	padding: 12px 30px;
	text-align: center;
	border: 1px solid #D6DDEB;
	border-radius: 8px;
	height: 48px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: .3s;
}
.register-top:hover {
	background-color: #1C4DA1;
	color: #fff;
	border-color: #1C4DA1;
}
.sub-white-header {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}
.cv-card {
	width: 100%;
	border: 1px solid #E2E2E2;
	border-radius: 8px;
	padding: 33px;
	width: 100%;
	position: relative;
	top: -100px;
	margin-bottom: -100px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
.cv-top {
	display: flex;
	align-items: flex-end;
	gap: 20px;
}
.cv-top img {
	z-index: 12;
	outline: 2px solid #fff;
	border-radius: 50%;
	outline-offset: -1px;
	width: 130px;
	height: 130px;
	object-fit: cover;
}
.cv-top h4 {
	font-size: 20px;
	font-weight: 700;
}
.cv-top .cv-right {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	position: relative;
	top: 20px;
}
.cv-top .cv-right span {
	color: #7A7B7C;
}
.inner-cv-card {
	width: 100%;
	margin: auto;
	border: 1px solid #E2E2E2;
	border-radius: 8px;
	padding: 25px 18px;
	margin-top: 30px;
	background-color: #fff;
}
.inner-cv-card.bigger {
	padding: 30px 20px;
	margin-bottom: 30px;
}
.contact-part {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.contact-part .first {
	font-size: 16px;
	color: #7C8493;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 2px;
}
.contact-part .second {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	color: #25324B;
}
.school-info {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 0 25px;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 20px;
	margin-bottom: 27px;
}
.school-info:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.school {
	font-size: 18px;
	font-weight: 600;
	color: #25324B;
	margin-bottom: 6px;
}
.department {
	font-size: 16px;
	font-weight: 400;
	color: #7C8493;
	margin-bottom: 6px;
}
.school-info p {
	color: #1B1B1B;
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
}
.cv-btns {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 50px;
}
.cv-btns .cv-btn {
	background-color: #1C4DA1;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	border-radius: 8px;
	border: 2px solid #1C4DA1;
	text-align: center;
	padding: 15px 24px;
	text-decoration: none;
	width: 100%;
	transition: .3s;
}
.cv-btns .cv-btn:hover {
	background-color: transparent;
	color: #1C4DA1;
}
.register-top-section {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #1C4DA1;
	padding: 40px 0;
}
.register-top h3 {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
}
.register-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
}
.login-link {
	font-weight: bold;
	color: #1C4DA1;
	text-decoration: none;
}
#togglePassword {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	font-size: 20px;
	display: flex;
	align-items: center;
	color: #7F879E;
}
.error-message {
	display: none;
}
.error-message , .error-message li{
	color: red;
	font-size: 12px;
	list-style: none;
	padding: 0;
}
.error-message li {
	margin-bottom: 10px;
}

#registerForm .custom-checkbox {
	height: auto;
	margin-bottom: 0;
	margin-top: 10px;
}
.loading {
	pointer-events: none;
	background-color: gray;
}
.select2-container {
	max-width: 100%;
}
:root {
	--bg: #e3e4e8;
	--fg: #17181c;
	--dur: 12s;
}		
.loader {
	width: 100%;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 99999;
    background-color: rgb(0 0 0 / 66%);
}
.loader.load {
	display: flex;
}
.hexagon {
	margin-bottom: 1.5em;
	overflow: hidden;
	position: relative;
	width: 15em;
	height: 15em;
}
.hexagon__group, .hexagon__sector, .hexagon__sector:before, .hexagon__sector:after {
	position: absolute;
}
.hexagon__group {
	width: 100%;
	height: 100%;
}
.hexagon__group:nth-child(2) .hexagon__sector,
.hexagon__group:nth-child(2) .hexagon__sector:before,
.hexagon__group:nth-child(2) .hexagon__sector:after {
	animation-delay: calc(var(--dur) * -1/6);
}
.hexagon__group:nth-child(3) .hexagon__sector,
.hexagon__group:nth-child(3) .hexagon__sector:before,
.hexagon__group:nth-child(3) .hexagon__sector:after {
	animation-delay: calc(var(--dur) * -2/6);
}
.hexagon__group:nth-child(4) .hexagon__sector,
.hexagon__group:nth-child(4) .hexagon__sector:before,
.hexagon__group:nth-child(4) .hexagon__sector:after {
	animation-delay: calc(var(--dur) * -3/6);
}
.hexagon__group:nth-child(5) .hexagon__sector,
.hexagon__group:nth-child(5) .hexagon__sector:before,
.hexagon__group:nth-child(5) .hexagon__sector:after {
	animation-delay: calc(var(--dur) * -4/6);
}
.hexagon__group:nth-child(6) .hexagon__sector,
.hexagon__group:nth-child(6) .hexagon__sector:before,
.hexagon__group:nth-child(6) .hexagon__sector:after {
	animation-delay: calc(var(--dur) * -5/6);
}
.hexagon__group:nth-child(odd) {
	transform: rotate(30deg);
}
.hexagon__sector, .hexagon__sector:before, .hexagon__sector:after {
	animation-duration: var(--dur);
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	/*animation-play-state: paused;*/
	width: 0.2em;
	height: 0.2em;
}
.hexagon__sector {
	animation-name: moveOut1;
	top: calc(50% - 0.1em);
	left: calc(50% - 0.1em);
}
.hexagon__sector:nth-child(2) {
	animation-name: moveOut2;
}
.hexagon__sector:nth-child(3) {
	animation-name: moveOut3;
}
.hexagon__sector:nth-child(4) {
	animation-name: moveOut4;
}
.hexagon__sector:nth-child(5) {
	animation-name: moveOut5;
}
.hexagon__sector:nth-child(6) {
	animation-name: moveOut6;
}
.hexagon__sector:before, .hexagon__sector:after {
	animation-name: ripple;
	background-color: currentColor;
	border-radius: 0.1em;
	content: "";
	display: block;
	top: 0;
	left: 0;
	transform-origin: 0.1em 0.1em;
}
.hexagon__sector:before {
	transform: rotate(-30deg)
}
.hexagon__sector:after {
	transform: rotate(-150deg)
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #17181c;
		--fg: #e3e4e8;
	}
}
.loading-text {
	color: #fff;
	font-weight: 600;
	font-size: 25px;
	line-height: 1.5;
}
/* Animations */
@keyframes moveOut1 {
	from { transform: translateY(0) scale(0); }
	3% { transform: translateY(0.2em) scale(1); }
	97% { transform: translateY(7.3em) scale(1); }
	to { transform: translateY(7.5em) scale(0); }
}
@keyframes moveOut2 {
	from { transform: rotate(60deg) translateY(0) scale(0); }
	3% { transform: rotate(60deg) translateY(0.2em) scale(1); }
	97% { transform: rotate(60deg) translateY(7.3em) scale(1); }
	to { transform: rotate(60deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut3 {
	from { transform: rotate(120deg) translateY(0) scale(0); }
	3% { transform: rotate(120deg) translateY(0.2em) scale(1); }
	97% { transform: rotate(120deg) translateY(7.3em) scale(1); }
	to { transform: rotate(120deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut4 {
	from { transform: rotate(180deg) translateY(0) scale(0); }
	3% { transform: rotate(180deg) translateY(0.2em) scale(1); }
	97% { transform: rotate(180deg) translateY(7.3em) scale(1); }
	to { transform: rotate(180deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut5 {
	from { transform: rotate(240deg) translateY(0) scale(0); }
	3% { transform: rotate(240deg) translateY(0.2em) scale(1); }
	97% { transform: rotate(240deg) translateY(7.3em) scale(1); }
	to { transform: rotate(240deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut6 {
	from { transform: rotate(300deg) translateY(0) scale(0); }
	3% { transform: rotate(300deg) translateY(0.2em) scale(1); }
	97% { transform: rotate(300deg) translateY(7.3em) scale(1); }
	to { transform: rotate(300deg) translateY(7.5em) scale(0); }
}
@keyframes ripple {
	from, to { width: 0.2em; }
	33% { width: 2.4em; }
}













@media only screen and (max-width: 992px) {
	.main-title {
		font-size: 75px;
		margin: 30px 0;
	}
	.main-text {
		font-size: 18px;
	}
	.register-logo , .register-title{
		display: none;
	}
}





@media only screen and (max-width: 768px) {
	.main-title {
		font-size: 50px;
		margin: 20px 0;
	}
	.main-text {
		font-size: 18px;
	}
	.form-elm label {
		font-size: 18px;
	}
	.describe-yourself , .describe-yourself::placeholder {
		font-size: 16px;
	}
	.btn-first-submit {
		width: 100%;
	}
	body.blue .navbar-brand {
		margin: auto;
	}
	.form-part {
		justify-content: flex-start;
		padding-top: 30px;
	}
	.custom-radio {
		height: auto;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	    gap: 10px;
	    height: auto;
	    margin-bottom: 10px;
	}
	.custom-checkbox {
		height: auto;
		margin-bottom: 12px;
	}
	.custom-checkbox label {
		margin: 0;
	}
	.describe-yourself, .describe-yourself::placeholder {
		margin-top: 15px;
	}
	.inner-form {
		background-color: #fff;
		border: none;
		margin-top: 0;
	}
	body.white {
		background-color: #fff;
	}
	.white .navbar-brand img {
		width: 115px;
	}
	.top-right {
		gap: 8px;
	}
	.top-right .ai-part {
		width: 40px;
		height: 40px;
	}
	.top-right h1 {
		font-size: 22px;
	}
	.white header {
		height: 72px;
	}
	.form-head {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.form-div {
		padding: 0;
	}
	.step-next {
		position: fixed;
		bottom: 0;
		width: 100% !important;
		left: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		border-radius: 0;
		z-index: 99;
	}
	.inner-form {
		margin-bottom: 60px;
	}
	.inner-form .describe-yourself {
		height: 350px !important;
	}
}

@media only screen and (min-width: 768.1px) {
	.sub-white-header br{
		display: none;
	}
}
@media only screen and (max-width: 768px) { 
	.main-title {
		font-size: 40px;
	}
	.main-text {
		font-weight: 400;
		opacity: .9;
	}
	.main-text br {
		display: none;
	}
	body.blue header {
		padding-top: 40px;
	}
	.form-head-div {
		flex-direction: column;
	}
	.custom-file {
		height: 120px;
		margin-top: 15px;
	}
	.uploaded-image {
		width: 80px;
		height: 80px;
	}
	.custom-file input {
		width: 120px;
		height: 100px;
	}
	.step-next {
		width: 100%;
	}
	.foot-btns {
		display: flex;
		justify-content: space-between;
	}
	.foot-btns a {
		width: 40%;
	}
	.blue-top {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		height: 230px;
		text-align: center;
	}
	.register-top {
		margin-top: 10px;
	}
	.cv-top {
		flex-direction: column;
    	align-items: center;
	}
	.bg-blue {
		background-image: url('../img/top-bg-mobile.png');
	}
	.cv-top .cv-right {
		position: static;
		margin-right: auto;
	}
	.cv-top .cv-right p {
		margin-bottom: 0;
	}
	.inner-cv-card {
		margin-top: 20px;
	}
	.contact-part {
		margin-bottom: 12px;
	}
	.cv-card {
		border: none;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: -115px;
	}
	.school-info {
		padding: 0;
	}
	.inner-cv-card .form-head {
		font-size: 20px;
	}
	.register-top-section h3 {
		font-size: 24px;
	}
	.register-top-section {
		padding: 20px 0;
	}
	.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
		margin-bottom: 20px;
	}
	.center , body{
		height: auto !important;
	}
}

@media only screen and (max-width: 480px) { 
	.cv-btns {
		gap: 8px;
	}
	.cv-btns .cv-btn {
		padding: 15px 10px;
	}
}
@media only screen and (max-width: 380px) { 
	.white .navbar-brand img {
		width: 100px;
	}
	.top-right h1 {
		font-size: 20px;
	}
	.top-right .ai-part {
	    width: 35px;
	    height: 35px;
	}
}



.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #E2E2E2;
    border-radius: 0px;
    padding: 6px 12px;
    height: 34px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0px
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -3px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 50px
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #E2E2E2;
    border-radius: 8px !important;
    padding: 6px 12px;
    height: calc(3.5rem + calc(var(--bs-border-width) * 2)) !important
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-radius: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    position: absolute;
    top: 0px !important;
    right: 1px;
    width: 20px
}
.select2-dropdown , .select2-container--default .select2-search--dropdown .select2-search__field{
	border-color: #E2E2E2;
	border-radius: 8px;
}
input[type=search]:focus-visible {
	outline: none;
}
.top-logo {
	height: 50px;
}
.logo-big {
	height: 300px;
}