@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oldenburg&display=swap');

:root {
	--main-blue: #004971;
	--main-yellow: #FFE77E;
	--main-red: #FF917E;
	--main-green: #01CC16;
	--header-height: 68px;
	--default-font-size: 16px;
	--default-line-height: 24px;
	--default-section-padding: 70px 0;
}

/* * {
	border: 1px solid red;
} */

*, *::before, *::after {
	box-sizing: border-box !important;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Noto Sans', sans-serif;
	overflow-x: hidden !important;
}

/* Initializations ========================================= */
h1, h2, h3, h4, h5, h6 {
	line-height: initial;
	margin: 0;
}

dl, ol, ul, p {
	margin-bottom: 0;
	margin-top: 0;
}

a {
	text-decoration: none !important;
}

form:not(.register-form) > div:not(:last-child) {
	margin-bottom: 20px;
}

.header__user-container .dropdown-menu {
	background-color: var(--main-yellow) !important;
}

.header__user-container .dropdown-menu * {
	color: var(--main-blue) !important;
}

.header__user-container .dropdown-menu .dropdown-item:hover,
.header__user-container .dropdown-menu .dropdown-item.active {
	background-color: #fff !important;
}

.header__menu-list-mobile {
	display: none;
}

.blank-link {
	color: transparent !important;
}

.blank-btn {
	all: unset;
}

.tooltip-btn {
	line-height: 0;
	color: var(--main-yellow);
}

.tooltip-btn i {
	font-size: 16px;
}

.tooltip-btn.in-modal {
	color: var(--main-blue);
}

.form-control,
.form-select {
	background-color: #fff !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	outline: none !important;
	border: none !important;
	height: 45px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 25px !important;
	font-size: var(--default-font-size) !important;
	line-height: var(--default-line-height) !important;
	font-weight: 400 !important;
	color: #000;
}

.form-control::placeholder,
.form-select > option[hidden] {
	color: #000;
	font-weight: 300 !important;
}

textarea.form-control {
	height: auto !important;
	padding-top: 10px !important;
}

.profile__form .form-control,
.profile__form .form-select {
	box-shadow: 4px 4px 60px 0px #00000026 !important;
	border-radius: 16px !important;
	font-weight: 500 !important;
}

.profile__form label {
	color: #454B66;
}

.profile__form.not-actionable {
	opacity: 0.5;
}

.form-select {
	overflow-x: hidden !important;
}

.form-check {
	display: flex;
	align-items: center;
	gap: 8px;
}

.form-check * {
	cursor: pointer;
}

.form-check-input[type="checkbox"] {
	border: none !important;
	outline: none !important;
	border-radius: 0 !important;
	background-color: var(--main-yellow) !important;
	box-shadow: none !important;
	width: 18px !important;
	height: 18px !important;
}

.form-check-input:checked[type="checkbox"] {
	--bs-form-check-bg-image: unset !important;
}

.form-check-input:checked[type="checkbox"]::after {
	content: "\2714";
	font-size: 14px;
	padding-left: 4px;
	color: #000 !important;
	display: block;
	line-height: 18px;
}

.modal-dialog .form-check-input {
	background-color: #fff !important;
}

.modal-dialog .form-check-label {
	color: #000 !important;
}

.modal-dialog .form-check-input[type="radio"]:checked {
	background-color: var(--main-blue) !important;
	border-color: var(--main-blue) !important;
}

.form-check-label {
	font-size: var(--default-font-size);
	line-height: var(--default-line-height);
	font-weight: 400;
	color: #fff;
	padding-top: 4px;
}

.btn:not(.dropdown-toggle, .profile-btn),
.swal2-confirm.swal2-styled,
.swal2-cancel.swal2-styled {
	border: none !important;
	/* outline: none !important; */
	box-shadow: none !important;
	border-radius: 8px;
	height: 44px;
	color: #000 !important;
	font-weight: 500;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 45px;
	padding-right: 45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 250ms ease-in-out !important;
	text-align: center !important;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	background-image: none !important;
}

.btn-primary:hover {
	transform: translateY(-8px) !important;
}

.btn-primary {
	background-color: var(--main-yellow) !important;
}

.btn-secondary,
.swal2-cancel.swal2-styled {
	background-color: transparent !important;
	outline: 1px solid var(--main-blue) !important;
	height: 42px !important;
}

.profile-btn {
	border: none !important;
	display: flex;
	align-items: center;
	border-radius: 16px;
	box-shadow: 4px 4px 60px 0px #00000026;
	text-decoration: none !important;
	color: #000 !important;
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	height: 75px;
	padding-left: 45px;
	padding-right: 45px;
	background-color: #fff;
	transition: all 100ms ease-in-out;
	position: relative;
	text-align: left;
}

.profile-btn:hover, 
.profile-btn.active {
	background-color: var(--main-yellow);
	color: var(--main-blue) !important;
	font-weight: 500;
}

.profile-inner-text {
	position: relative;
}

#my-profile-tooltip {
	position: absolute;
	right: -20px;
	top: -5px;
}

#other-tooltip,
#start-tooltip,
#end-tooltip,
#search-end-tooltip,
#dynamic-start-date-tooltip {
	position: absolute;
	right: -15px;
	top: -5px;
}

.profile-btn:hover i, 
.profile-btn.active i {
	color: var(--main-blue) !important;
	transition: all 100ms ease-in-out;
}

.profile-btn.danger {
	background-color: var(--main-red) !important;
	color: #fff !important;
}

.profile-btn.row-red {
	background-color: var(--main-red) !important;
}

.profile-btn.not-actionable {
	background-color: #d8d8d8 !important;
}

.with-icon {
	position: relative;
}

.with-icon .form-control {
	padding-right: 65px !important;
}

.form-control:disabled {
	background-color: #DBDBDB !important
}

.input-icon {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: 2px;
	transform: translateY(-50%);
}

.input-icon i {
	font-size: 20px;
	color: #828282;
}

.main-h1 {
	font-size: 47px;
	line-height: 50px;
	font-weight: 500;
}

.main-h2 {
	font-size: 35px;
	line-height: 42px;
	font-weight: 700;
}

.main-para-text {
	font-size: var(--default-font-size);
	line-height: 28px;
	font-weight: 400;
}

.section__general {
	padding: 80px 0;
	background-color: var(--main-blue);
	color: #fff;
}

.big-gutter {
	--bs-gutter-x: 4rem;
}

.row-alert {
	margin-bottom: 0;
}

.row-alert > div {
	margin-bottom: 3rem;
}

.outer-form {
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}

.row-register-text-mobile {
	display: none;
}

.row-register-text-mobile.contact-us {
	display: flex !important;
	margin-bottom: 60px !important;
}

.modal-content {
	background-color: var(--main-yellow);
}

.modal-header {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px !important;
	border: none !important;
}

.modal-footer {
	box-shadow: rgba(0, 0, 0, 0.25) 4px 0px 4px 4px !important;
	border: none !important;
}

.modal-content .btn-primary,
.swal2-confirm.swal2-styled {
	background-color: #fff !important;
	color: var(--main-blue) !important;
}

.not-actionable {
	pointer-events: none !important;
}

.form-error.translated-up {
	transform: translateY(-15px);
}

.form-error:not(.translated-up) {
	margin-top: 5px;
}

.form-error span {
	font-size: 16px !important;
	color: #f44336 !important;
	font-weight: 500 !important;
}

/* Toastify ================== */
.toastify {
	border-radius: 10px;
	box-shadow: none !important;
	font-weight: 500;
}

.toastify .toast-close {
	position: absolute;
	top: 0;
	right: 5px;
	padding: 0;
}

.toastify-success {
	border: 2px solid #9DE8A5 !important; 
	background: #C1F1C6 !important;
	color: #32A43E !important;
}

.toastify-success .toast-close {
	color: #32A43E !important;
}

.toastify-danger {
	border: 2px solid #F6A7A7 !important; 
	background: #F1C1C1 !important;
	color: #D84D4D !important;
}

.toastify-danger .toast-close {
	color: #D84D4D !important;
}

.toastify-warning {
	border: 2px solid #ffb656 !important; 
	background: #ffd7a3 !important;
	color: #d46f22 !important;
}

.toastify-warning  .toast-close {
	color: #d46f22 !important;
}

/* SWAL2 ============================================= */

div:where(.swal2-container) div:where(.swal2-popup) {
	border-radius: 8px;
	background: var(--main-yellow) !important;
	padding: 25px 20px !important;
	position: relative;
}

div:where(.swal2-container) h2:where(.swal2-title) {
	color: var(--main-blue) !important;
	font-size: 28px !important;
	line-height: 30px !important;
	font-weight: 500 !important;
}

div:where(.swal2-container) div:where(.swal2-popup) .main-para-text {
	color: #000 !important;
	font-size: var(--default-font-size) !important;
	line-height: var(--default-line-height) !important;
	font-weight: 300 !important;
}

div:where(.swal2-actions) {
	row-gap: 10px;
}

.swal2-html-container > .main-para-text:not(:last-child) {
	margin-bottom: 10px;
}

.warning-icon {
	background-color: var(--main-yellow);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	box-shadow: 0px 2px 10px 0px #00000040;
	margin: 0 auto;
	top: -25px;
	left: 0;
	right: 0;
}

.warning-icon span {
	color: #18224C;
	font-size: 40px;
	font-weight: 700;
}

/* Select2 =========================================== */

.row-homepage-search .select2-container--default .select2-selection--single {
	border: none !important;
}

.row-homepage-search .select2-selection__rendered {
	text-align: right !important;
}

.row-homepage-search .select2-dropdown {
	border: none !important;
	border-radius: 10px !important;
	box-shadow: 0 0 10px 0 #00000040 !important;
	overflow: hidden !important;
	padding-top: 10px;
}

.row-homepage-search .select2-selection__placeholder {
	font-size: var(--default-font-size) !important;
	font-weight: 400 !important;
	line-height: var(--default-line-height) !important;
	color: #848484 !important;
	font-style: italic !important;
}

.row-homepage-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--main-blue) transparent transparent transparent !important;
}

.row-homepage-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--main-blue) transparent !important;
}

.row-homepage-search .select2-search__field {
	border-radius: 10px !important;
}

.profile__form .select2-container--default .select2-selection--single {
	border: none !important;
	border-radius: 16px !important;
	box-shadow: 4px 4px 60px 0px #00000026 !important;
	background-color: #fff !important;
	height: 45px !important;
	color: #000 !important;
	font-weight: 500 !important;
	display: flex;
	align-items: center;
}

.profile__form .select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 25px;
	padding-right: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile__form .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 25px;
	top: 10px;
}

.select2-container--default .select2-selection--multiple {
	border: none !important;
	box-shadow: 4px 4px 60px 0px #00000026 !important;
	background-color: #fff !important;
	border-radius: 16px !important;
	padding: 10px 20px !important;
}

.select2-container .select2-selection--multiple {
	min-height: 100px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-weight: 500 !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
	flex-wrap: wrap;
	gap: 25px;
	row-gap: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: transparent !important;
	border: none !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: row-reverse !important;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-top: 5px !important;
	gap: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border: 1px solid black !important;
	border-radius: 50% !important;
	position: relative !important;
	color: #454B66 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 20px !important;
	min-width: 20px !important;
	height: 20px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	background-color: transparent !important;
}

.select2-selection.select2-selection--multiple .select2-search.select2-search--inline {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	border-radius: 10px !important; 
	border: 1px solid var(--main-blue) !important;
	height: 35px !important;
	margin-top: 10px;
	cursor: pointer !important;
}

.select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
	cursor: pointer !important;
}

.select2-selection.select2-selection--multiple .select2-search.select2-search--inline::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #888888;
	position: absolute;
	right: 30px;
}

.select2.select2-container.select2-container--default.select2-container--focus.select2-container--below.select2-container--open .select2-selection.select2-selection--multiple .select2-search.select2-search--inline::after {
	border-top: unset !important;
	border-bottom: 5px solid #888888 !important;
}

.select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
	margin-bottom: 5px;
}

#counties + .select2.select2-container.select2-container--default,
#dynamic_start_date_months + .select2.select2-container.select2-container--default {
	max-width: 250px;
}

.select2-dropdown {
	margin-top: 2px !important;
	border: none !important;
	border-radius: 10px !important;
	box-shadow: 0px 1px 20px 0px #0000000D;
	overflow: hidden !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	position: relative;
	background-color: var(--main-blue) !important;
}

.select2-container--default .select2-results__option--selectable.select2-results__option--selected {
	position: relative;
	background-color: var(--main-yellow);
}

.select2-container--default .select2-results__option--selectable.select2-results__option--selected::after {
	content: '✔';
	color: #000;
	font-size: 20px;
	position: absolute;
	right: 10px;
	bottom: 5px;
}

.select2-container--default .select2-results__option--selectable.select2-results__option--selected:hover::after {
	color: #fff;
}

/* flatPickr ============================= */
.flatpickr-day {
	font-weight: 500 !important;
}

.flatpickr-day.selected {
	border: none !important;
	background-color: var(--main-yellow) !important;
	color: #000 !important;
}

.flatpickr-day:hover {
	border: none !important;
	background-color: var(--main-blue) !important;
	color: #fff !important;
}

/* Preloader ========================================== */

#preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 10000;
}
  
.sk-three-bounce {
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: white;
}
  
.sk-three-bounce .sk-child {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: var(--main-yellow);
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
  
.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
  
.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
  
@-webkit-keyframes sk-three-bounce {
	0%, 80%, 100% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	40% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
}

@keyframes sk-three-bounce {
	0%, 80%, 100% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	40% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
}

header.not-showing,
main.not-showing,
footer.not-showing {
	opacity: 0;
	transition: all 0.25s ease-in;
	position: relative;
}
  
header
main
footer {
	opacity: 1;
}

/* Cropper ============================================ */

.crop-img {
    display: inline;
    width: 100%;
    height: 100%;
}

.crop-img-cont {
    width: 100%;
    max-height: 600px;
}

.crop-preview {
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

#avatarModal .modal-dialog,
#coverModal .modal-dialog {
	max-width: 1000px !important;
	max-height: 600px !important;
} 

.modal-dialog {
	margin-left: auto !important;
	margin-right: auto !important;
}

#changeStatusModal .modal-dialog {
	max-width: 800px !important;
}

.modal-body.profile__form label {
	color: #000 !important;
}

/* Header ============================================= */
header {
	height: var(--header-height);
	background-color: var(--main-blue);
	position: relative;
	z-index: 5;
	transition: all 250ms ease-in-out;
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
}

body.transparent header {
	background-color: transparent;
	border-bottom: 1px solid #9ca1a2;
}

body.transparent section:not(.inside) {
	margin-top: calc(var(--header-height) * -1);
	padding-top: calc(var(--header-height) * 2 + 50px);
	padding-bottom: var(--header-height);
}

section.inside {
	padding: var(--default-section-padding);
}

section {
	flex-grow: 1;
}

.main-header,
.left-header, 
.right-header,
.header__menu-list,
.header__container,
.app-download,
.header__user-container,
.app-download a {
	display: flex;
	align-items: center;
}

.main-header {
	height: 100%;
}

.header__container {
	justify-content: space-between;
}

.main-header span,
.main-header a {
	color: #fff !important;
	font-size: var(--default-font-size);
	line-height: var(--default-line-height);
	position: relative;
}

.header__menu-list a {
	transition: all 250ms ease-in-out;
}

.main-header a:not(.dropdown-item).active::after,
.main-header a:not(.dropdown-item, .blank-link):hover::after {
	content: '';
	display: block;
	width: 50%;
	height: 4px;
	background-color: var(--main-yellow);
	position: absolute;
	bottom: -4px;
	left: 0;
}

.left-header .logo-container {
	margin-right: 65px;
}

.logo-container img {
	width: 40px;
	height: 40px;
}

.header__menu-list {
	gap: 30px;
}

.right-header {
	gap: 35px;
}

.linkedin-link-container,
.linkedin-link-container a {
	display: flex;
	align-items: center;
}

.linkedin-link-container i {
	font-size: 30px !important; 
	color: var(--main-yellow) !important;
}

.app-download a {
	gap: 15px;
}

.app-download img {
	width: 35px;
	height: 35px;
	border-radius: 8px;
	box-shadow: 2px 2px 10px 0px #00000040;
}

.app-download span {
	color: #fff !important;
	text-transform: uppercase;
}

.header__user-container {
	gap: 15px;
}

.header__user-container img {
	width: 30px;
	height: 30px;
}

.header__user-container * {
	color: var(--main-yellow) !important;
}

.header__user-container .btn {
	background-color: transparent !important;
	border: unset !important;
	padding: 0 !important;
}

.avatar-img {
	border-radius: 50% !important;
	width: 40px !important;
	height: 40px !important;
}

.mobile-menu-icon-container {
	align-items: center;
	justify-content: center;
	display: none;
}

.mobile-menu-icon-container a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-menu-icon-container i {
	color: #fff;
	font-size: 28px;
}

.user-icon {
	width: 27px !important;
	height: 27px !important;
}

.hr-fest-logo-container img {
	height: 60px;
	width: auto;
}

/* Mobile menu ================================================================ */

#mobile-menu-services-box-btn > span,
#mobile-menu-services-box-btn i {
	pointer-events: none;
}

#mobile-menu-services-box-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 15px;
}

#mobile-menu-services-box-btn.active .main-header-service-chevron-cont i {
	color: #fff;
	transform: rotate(90deg);
}

#mobile-menu-services-box-btn:hover {
	color: #fff !important;
}

.mobile-menu-item-list {
	padding-bottom: 100px;
	padding-right: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.mobile-menu-item-list > div a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile-menu-item-list > div a i {
	font-size: 18px;
	color: #fff;
}

.mobile-menu-question-box-outer {
	padding-left: 30px;
}

.container-main.container-mobile-menu {
	padding-left: 0;
	padding-right: 0;
	height: 100%;
}

.container-main.container-mobile-menu .row {
	margin: 0;
	height: 100%;
}

.container-main.container-mobile-menu .row > div {
	padding-left: 0;
	padding-right: 0;
}

.mobile-menu-services-list-box {
	padding-left: 25px;
	margin: 10px 0;
	animation: fade-in 500ms forwards;
	border-radius: 10px;
}

.mobile-menu-services-list-box.d-none {
	animation: fade-out 500ms forwards;
}

.mobile-menu-services-list-box .dropdown-menu-serv-link {
	background-color: var(--main-blue);
	border-radius: 10px !important;
	border: none !important;
	padding: 2px 15px;
}

.mobile-menu-question-box {
	border-radius: 10px;
	padding: 10px 20px;
	margin-top: 10px;
	border: 2px solid rgba(37, 170, 225, 0.50);
	background: rgba(37, 170, 225, 0.10); 
}

.mobile-menu-question-text {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.mobile-menu-question-flex-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mobile-menu-question-flex-item img {
	width: 20px;
}

.mobile-menu-question-flex-item span {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.mobile-menu-question-box > .mobile-menu-question-flex-item:first-of-type {
	margin-top: 5px;
	margin-bottom: 5px;
}

.dropdown-menu-mobile {
    position: fixed;
    background: var(--main-blue);
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    overflow: auto;
    left: 0;
    top: 0;
    transition: all 250ms ease-in-out;
    pointer-events: none;
    z-index: 20;
	max-width: 380px;
	transform: translateX(-100%);
}

.dropdown-menu-mobile .blank-link {
    width: max-content !important;
    display: inline-block;
}

.mobile-menu-icon-cont-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
	margin-top: 35px;
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade-out {
	100% {
		opacity: 0;
	}
	0% {
		opacity: 1;
	}
}

/* Footer ===================================================================== */

footer {
	background-color: var(--main-blue);
	color: #fff;
	box-shadow: 4px 0px 4px 4px #00000040;
	position: relative;
}

.footer__upper {
	padding: 45px 0;
	border-bottom: 1px solid #9ca1a2;
}

.footer__upper .logo-container {
	margin-bottom: 20px;
}

.footer__para-text {
	font-size: var(--default-font-size);
	line-height: var(--default-line-height);
	font-weight: 400;
}

.row__footer_upper {
	align-items: flex-start;
}

.bottom-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0;
	gap: 30px;
	text-align: center;
}

.bottom-footer a, 
.bottom-footer span {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #fff !important;
}

.bottom-footer a.ref-link {
	color: var(--main-yellow) !important;
}

#to-top-global {
	background-color: var(--main-yellow);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	transition: all .4s;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
}

#to-top-global.active {
	bottom: 25px;
	opacity: 1;
	pointer-events: auto;
	z-index: 5;
}

#to-top-global i {
	color: #000;
	font-size: 18px;
}

.footer-app-icon-cont {
	display: flex;
	gap: 15px;
	flex-direction: column;
	margin-top: 20px;
}

.footer-app-icon-cont img {
	height: 52px;
}

.footer-btn-cont {
	margin-top: 25px;
}

.footer-para-text {
	font-size: var(--default-font-size);
	line-height: var(--default-line-height);
	font-weight: 400;
	color: #fff !important;
	text-decoration: none !important;
}

.footer-link-col a {
	display: block;
	max-width: 100%;
	width: max-content;
}

.footer-link-col a:not(:last-child) {
	margin-bottom: 5px;
}

.row__footer_upper > div {
	display: flex;
	padding-top: 15px; 
	padding-bottom: 15px; 
}

.row__footer_upper > div > div {
	width: max-content;
}

.row__footer_upper > div:nth-child(2),
.row__footer_upper > div:nth-child(3) {
	justify-content: center;
}

.row__footer_upper > div:nth-child(4) {
	justify-content: flex-end;
}

/* Login ======================================================================== */

.section__login {
	background: linear-gradient(to top, rgba(0, 73, 113, 0.5), rgba(0, 73, 113, 0.5)), url('../images/login/section-login-bg.webp');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: calc(100vh + var(--header-height));
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.auth-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.auth-container__inner {
	width: 100%;
}

.auth-container__inner .main-h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 75px;
}

.section__login .auth-container {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.login-btn-container {
	margin-top: 40px;
	text-align: center;
}

.auth-label-text,
.auth-link {
	font-size: var(--default-font-size);
	line-height: var(--default-line-height);
	font-weight: 300;
	color: #fff;
}

.auth-link {
	font-weight: 500;
	color: var(--main-yellow) !important;
}

.login-btn-container .main-btn-cont {
	margin: 40px 0;
}

/* Register ======================================================================== */

.section__register {
	background: linear-gradient(to top, rgba(0, 73, 113, 0.5), rgba(0, 73, 113, 0.5)), url('../images/register/section-register-bg.webp');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: calc(100vh + var(--header-height));
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section__login .auth-container {
	/* max-width: 800px; */
	width: 100%;
	margin: 0 auto;
}

.auth-big-para-text {
	font-weight: 400;
	font-size: 21px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.register-btn-container {
	text-align: center;
}

.register-btn-container p {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.register-btn-container .main-btn-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	margin: 50px 0;
	flex-wrap: wrap;
}

.section__register-form {
	display: flex;
	height: auto;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.register-form__image-container,
.register-form__form-container {
	display: flex;
	align-items: center;
	color: #fff;
	height: auto;
}

body.transparent .register-form__image-container,
body.transparent .register-form__form-container {
	padding-top: calc(var(--header-height) * 2 + 50px);
	padding-bottom: var(--header-height);
}

body.general .register-form__image-container,
body.general .register-form__form-container {
	padding-top: 50px;
	padding-bottom: var(--header-height);
}

body.transparent .section__register-form,
body.transparent .register-form__image-container,
body.transparent .register-form__form-container {
	min-height: calc(100vh + var(--header-height));
}

body.general .section__register-form,
body.general .register-form__image-container,
body.general .register-form__form-container {
	min-height: calc(100vh - var(--header-height));
}

body.general header {
	box-shadow: 0px 4px 4px 0px #00000040;
}

body.general main {
	margin-top: var(--header-height);
}

main {
	min-height: calc(100vh - 350px);
	display: flex;
	flex-direction: column;
}

.register-form__image-container {
	flex-direction: column;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	width: 40%;
	padding-right: 30px;
	padding-left: calc((100vw - 1200px) / 2);
}

.register-form__form-container {
	background-color: var(--main-blue);
	width: 60%;
	padding-left: 30px;
	padding-right: calc((100vw - 1200px) / 2);
}

.register-form__image-container .main-h1 {
	margin-bottom: 30px;
}

.register-form__image-container#employer {
	background-image: url('../images/register/employer-register.webp');
}

.register-form__image-container#employee {
	background: linear-gradient(to top, rgba(0, 73, 113, 0.5), rgba(0, 73, 113, 0.5)), url('../images/register/employee-register.webp');
	background-position: left !important;
}

.row.register-form {
	row-gap: 18px;
}

.register-form-btn-container {
	margin-top: 35px;
}

.register-form-btn-container .main-btn-cont {
	margin: 45px 0;
}

.register-form-para-text {
	font-size: 21px;
	font-weight: 400;
	line-height: 30px;
}

.username-input-cont {
	position: relative;
}

#username-tooltip {
	position: absolute;
	top: 5px;
	left: 5px;
}

.avatar-label-text {
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
}

.register-form-btn-container .avatar-upload-cont {
	margin: 20px 0;
}

.avatar-upload-form-cont {
	display: flex;
	align-items: flex-end;
	gap: 15px;
	margin-top: 20px;
}

.avatar-upload-img-cont {
	width: max-content;
	height: max-content;
	position: relative;
}

.avatar-upload-img-cont img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.avatar-delete-file-btn {
	background-color: #D9D9D9;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	border-radius: 50%;
}

.avatar-delete-file-btn i {
	font-size: 16px;
	color: #000;
	pointer-events: none;
}

.avatar-btn-label {
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.avatar-btn-label span {
	font-size: var(--default-font-size);
	font-weight: 300;
	line-height: var(--default-line-height);
	color: #fff;
}

.avatar-btn-label i {
	font-size: 20px;
	color: var(--main-yellow);
}

/* Contact ==================================================== */

.register-form__image-container#contact {
	background: linear-gradient(to top, rgba(0, 73, 113, 0.5), rgba(0, 73, 113, 0.5)), url('../images/contact/section-contact-bg.webp');
}

/* HomePage =================================================== */

.section__homepage {
	background: linear-gradient(to top, rgba(0, 73, 113, 0.5), rgba(0, 73, 113, 0.5)), url('../images/homepage/section-homepage-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: calc(100vh + var(--header-height));
	height: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.section__homepage .main-h1 {
	color: #fff;
}

.section__homepage .container-main {
	position: relative;
	z-index: 2;
}

#sub-header-text {
	text-align: center;
}

.type-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin-top: 20px;
}

#sub-header-text,
.typed-cursor {
	font-size: 40px !important;
	line-height: 42px !important;
	color: var(--main-yellow) !important;
	font-weight: 500 !important;
}

.homepage--btn-container {
	margin: 100px 0;
}

.homepage-search-select-item {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	border-right: 1px solid var(--main-blue);
	min-height: 60px;
	padding: 0 20px;
}

.homepage-search-btn-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.homepage-search-label {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	color: var(--main-blue);
}

.row-homepage-search {
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	padding: 20px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.big-logo-cont {
	position: absolute;
	bottom: 0;
	left: 0;
}

.big-logo-cont img {
	max-width: 400px;
	width: 100%;
}

.stat-item-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
	gap: 10px;
}

.stat-num-text,
.stat-text {
    margin-bottom: 0;
    color: var(--main-blue);
}

.stat-num-text {
    font-weight: 800;
    font-size: 60px;
    line-height: 42px;
}

.stat-text {
	font-size: 18px !important;
    font-weight: 500;
    font-size: var(--default-font-size);
    line-height: var(--default-line-height);
}

.row-about-us {
	margin-top: 80px;
}

.homepage-img-box img {
	width: 100%;
	border-radius: 20px;
	object-fit: cover;
}

.homepage-img-box.appliaction img {
	width: 100%;
}

.homepage-label-text {
	font-size: 14px;
	font-weight: 500;
	color: var(--main-blue);
	line-height: 20px;
	display: inline-flex;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.homepage-text-box .main-h2 {
	color: var(--main-blue);
	margin-bottom: 35px;
}

.homepage-text-box .main-para-text {
	color: #848484;
	margin-bottom: 15px;
}

.homepage-text-box .app-download {
	margin-bottom: 20px;
}

.homepage-text-box .app-download span {
	color: var(--main-blue) !important;
	text-transform: none !important;
	font-weight: 700 !important;
}

.homepage-list-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.homepage-list-container .main-para-text {
	margin-bottom: 0;
}

.homepage-list-item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.homepage-list-item .check-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: var(--main-yellow);
	min-width: 22px;
	box-shadow: 0px 2px 10px 0px #00000040;
}
.homepage-list-item .check-cont i {
	color: #000;
	font-size: 14px;
}

.about-us-btn-cont {
	margin-top: 50px;
	display: flex;
	align-items: center;
	gap: 60px;
}

.section__homepage--services {
	background-color: #FFE77E1A;
}

.section__homepage--services .tab-content .homepage-text-box {
	padding-right: 100px;
}

.row-our-services {
	text-align: center;
}

#our-services-tab {
	margin-top: 30px;
	border-bottom: 1px solid #7fa3b2;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

#our-services-tab .nav-link {
	color: var(--dark-blue);
	font-size: 22px;
	font-weight: 400;
	background-color: none !important;
	background: none !important;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	color: #848484;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

#our-services-tab .nav-link:hover {
	border-bottom-color: transparent !important;
}

#our-services-tab .nav-link.active {
	font-weight: 700;
	color: var(--main-blue);
	border-bottom: 5px solid var(--main-yellow) !important;
}

.row-our-services .homepage-text-box,
#our-services-tab {
	max-width: 1200px;
	margin: 0 auto;
}

#ourServicesTabContent {
	margin-top: 80px;
}

#efficient-management-img-1,
#efficient-management-img-2 {
	display: block;
}

#efficient-management-img-1 {
	width: 80%;
}

#efficient-management-img-2 {
	width: 60%;
	margin-top: -100px;
	margin-left: auto;
}

.efficient-management-btn-box {
	margin-top: 40px;
}

.section__homepage--efficient-management .homepage-list-container {
	margin-bottom: 40px;
}

.section__homepage--solutions {
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to top, rgba(0, 73, 113, 0.5), rgba(0, 73, 113, 0.5)), url('../images/homepage/section-solutions-bg.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	min-height: 500px;
	position: relative;
}

.section__homepage--solutions .main-h2 {
	color: #fff;
	font-size: 40px;
	line-height: 48px;
}

.section__homepage--solutions .big-logo-cont {
	left: unset;
	right: 0;
}

.section__homepage--solutions .big-logo-cont img {
	max-width: 220px;
}

.section__homepage--solutions .main-h2,
.section__homepage--solutions .solutions-btn-box {
	position: relative;
	z-index: 2;
}

.solutions-btn-box {
	margin-top: 50px;
}

.app-btn-box {
	margin-top: 60px;
}

.row-success {
	text-align: center;
}

.row-success .homepage-text-box {
	max-width: 800px;
	margin: 0 auto;
}

.partner-logo-img {
	max-width: 100%;
	max-height: 45px;
	display: block;
	margin: 0 auto;
}

.splide.splide-partners {
	padding-left: 60px;
	padding-right: 60px;
	margin: 0 auto;
}

.splide.splide-partners .splide__arrow svg {
	fill: var(--main-blue) !important;
}

.splide.splide-partners .splide__arrow {
	background: transparent !important;
}

.splide.splide-partners .splide__list {
	align-items: center;
}

.partners-flex {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 100px;
}

.partners-flex .main-h2 {
	margin: 0;
	color: var(--main-blue);
}

.row-opinions {
	margin-top: 50px;
}

.splide.splide-opinions {
	padding-left: 60px;
	padding-right: 60px;
	margin: 0 auto;
}

.splide.splide-opinions .splide__arrow svg {
	fill: var(--main-blue) !important;
}

.splide.splide-opinions .splide__arrow {
	background: transparent !important;
}

.opinion-slider-card {
	background-color: #FFE77E33;
	border-radius: 16px;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 30px;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 350px;
	min-width: 100%;
	justify-content: space-between;
}

.opinions-slider-header {
	margin-bottom: 25px;
}

.opinions-slider-header span {
	font-size: 22px;
	line-height: 28px;
	color: var(--main-blue);
	text-transform: uppercase;
	font-weight: 700;
}

.opinion-slider-card-para-cont {
	height: 100%;
}

.opinion-slider-card-para-cont .main-para-text {
	font-style: italic;
	color: #848484;
}

.opinions-slider-footer {
	margin-top: 25px;
}

.opinions-slider-footer span {
	font-size: 14px;
	color: #000;
	font-weight: 500;
	line-height: 20px;
}

.opinon-slider-quotes {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-family: 'Oldenburg', sans-serif;
	color: var(--main-blue);
	font-size: 100px;
	line-height: 50px;
	font-weight: 400;
	display: block;
	width: max-content;
}

.opinions-slider-outer {
	padding-top: 15px;
	display: flex;
	height: 100%;
}

header.scrolled {
	background-color: var(--main-blue) !important;
	border: none !important;
	box-shadow: 0px 4px 4px 0px #00000040 !important;
}

#about-us-section,
#our-services-section,
#management-section,
#success-section {
	scroll-margin-top: var(--header-height);
}

@keyframes load-right {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes load-left {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

.load-left-animation {
	animation: load-left 2000ms;
}

.load-right-animation {
	animation: load-right 2000ms;
}

.document-container {
	font-family: 'Noto Sans', sans-serif !important;
	border-radius: 10px;
	background-color: #fff;
	padding: 30px 25px;
	color: var(--main-blue) !important;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}

.document-container.general-data {
	padding: 15px 20px;
	background-color: var(--main-blue) !important;
}

.document-container.general-data h2,
.document-container.general-data hr {
	color: #fff !important;
}

.doc-download-link {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	color: var(--main-blue) !important;
	text-decoration: none !important;
	font-size: 20px;
}

.doc-download-link img {
	height: 30px;
}

.general-data-sub-data-cont {
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 4px 4px 60px 0px #00000026;
	padding: 15px;
	margin-bottom: 20px;
}

.btn-box-verification {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.btn.btn-danger {
	background-color: var(--main-red) !important;
	color: #fff !important;
}

.btn.btn-danger:hover,
.btn.btn-secondary:hover,
.swal2-confirm.swal2-styled:hover,
.swal2-cancel.swal2-styled:hover {
	transform: translateY(-8px) !important;
}

.management-text {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--main-blue);
	text-align: center;
	margin-bottom: 10px;
	display: none;
}

img[alt="app-store-icon"] {
	border-radius: 10px;
}

/* Profile ============================================================= */

.section__profile,
.section__show-profile,
.section__show-project {
	padding: var(--default-section-padding);
	padding-top: 50px;
}

.section__show-profile {
	background: linear-gradient(to top, #004971D9, #004971D9), url('../images/profile/employee-profile-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.profile__info__avatar.profile-show {
	margin: unset;
}

.section__show-profile .profile__info__avatar img {
	width: 150px;
	height: 150px;
}

.section__show-profile .profile__info__avatar .status-circle {
	width: 30px;
	height: 30px;
	right: 20px;
}

.section__show-project {
	background: linear-gradient(to top, #004971D9, #004971D9), url('../images/profile/show-project-bg.webp');
	background-position: top;
	background-size: 100% 1080px;
	background-repeat: no-repeat;
	position: relative;
	background-color: var(--main-blue);
}

.white-ellipse {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
}

.white-ellipse img {
	height: 100%;
}

.container-employee-profile__desktop {
	position: relative;
}

.section__show-profile > *:not(.white-ellipse),
.container-employee-profile__desktop {
	z-index: 2 !important;
}

.profile__info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #fff;
	box-shadow: 4px 4px 60px 0px #00000026;
	border-radius: 16px;
	height: 100%;
	padding: 50px;
	flex-direction: column;
}

.profile__info__avatar {
	width: max-content;
	height: max-content;
	margin: 0 auto;
	position: relative;
}

.profile__info__avatar.margin-top-bigger {
	margin-top: 30px;
}

.profile__info__avatar img {
	width: 200px;
	height: 200px;
	border-radius: 50%;	
}

.profile__info__avatar .status-circle {
	position: absolute;
	bottom: 0;
	right: 25px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.profile__info__avatar .status-circle.active {
	background-color: var(--main-green);
}

.profile__info__avatar .status-circle.inactive {
	background-color: var(--main-yellow);
}

.profile__info__avatar .status-circle.deactivated {
	background-color: var(--main-red);
}

.profile__info__avatar-change {
	text-align: center;
	margin-top: 20px;
}

.profile__info__avatar-change label {
	cursor: pointer;
	text-align: center;
	font-size: var(--default-font-size);
	font-weight: 300;
	line-height: var(--default-line-height);
}

.profile__info__name {
	margin-top: 35px;
}

.profile__info__name * {
	color: var(--main-blue) !important;
}

.profile__info.employee .profile__info__name *,
.profile__info.my-profile .profile__info__name *,
.profile__info.employer .profile__info__name * {
	text-align: center;
}

.profile__info__name .main-para-text {
	text-align: center !important;
	font-weight: 600 !important;
}

.profile__info-upper-box {
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

.profile__info-upper-box .profile__info__avatar .status-circle {
	position: absolute;
	bottom: 0;
	right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.profile__info-upper-box .profile__info__avatar img {
	width: 150px;
	height: 150px;
}

.profile__info.my-profile {
	margin-bottom: 30px;
	height: auto;
	padding: 30px;
	align-items: flex-start;
}

.profile__info.my-profile-modded {
	margin-bottom: 30px;
	height: auto;
	padding: 30px;
	align-items: center;
}

.profile__info.my-profile-modded .profile__info-upper-box {
	flex-direction: column;
	gap: 15px;
}

.profile__info.my-profile-modded .profile__info-upper-box .profile__info__avatar-change {
	margin-top: 0;
}

.profile__info.my-profile-modded .profile__info__name {
	text-align: center;
}

.profile__info.my-profile .profile__info__name {
	margin-top: 25px;
}

.profile__info.my-projects {
	justify-content: space-between !important;
	gap: 35px;
	max-height: 500px !important;
}

.profile__info.my-projects .profile__info-upper-box {
	flex-direction: column;
	gap: 0;
	align-items: center;
}

.profile__info-upper-box.dashboard {
	padding-left: 35px;
}

.profile__nav-box.active-projects {
	margin-bottom: 50px;
}

.profile__nav-box.pending-projects .profile-btn {
	background-color: #FFE77E33;
}

.profile__nav-box.closed-projects .profile-btn {
	background-color: #E5E5E5;
}

.profile__info.my-projects .profile__info__name {
	margin-top: 15px;
}

.profile__nav-box {
	display: flex;
	flex-direction: column;
	gap: 12px;
	/* height: 100%; */
}

.profile__form  {
	height: 100%;
}

.profile__form .main-h2 {
	text-align: center;
	color: var(--main-blue);
	margin-bottom: 60px;
}

.profile__form .main-h2 .main-para-text {
	color: #454B66 !important;
}

.row-profile-form {
	align-items: center;
	margin-bottom: 25px;
}

.date-input {
	max-width: 250px;
}

.wage-demand-form-box {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;
}

.wage-demand-form-box input {
	max-width: 300px;
}

.wage-demand-desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #454B66;
}

.profile__form--btn-box {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.profile-form-label-inner-text {
	position: relative;
}

.show-profile--header-box,
.show-project--header-box {
	color: #fff !important;
	text-align: center;
}

.show-project--header-box .main-h1 {
	font-size: 40px;
	line-height: 44px;
	margin-bottom: 5px;
}

.show-project--header-box .main-para-text {
	text-transform: uppercase !important;
}

.show-profile--header-box span,
.show-project--header-box span {
	font-size: 20px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
}

.row-profile-data {
	margin-top: 60px;
	position: relative;
}

.profile-data__card {
	background-color: #fff;
	box-shadow: 0px 1px 10px 0px #0000001A;
	border-radius: 16px;
	padding-top: 0;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.profile-data__card-header {
	background-color: var(--main-blue);
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 400;
	text-align: center;
	box-shadow: 0px 4px 4px 0px #00000040;
	width: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 6px 10px;
}

.profile-data__card-body {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 30px;
}

.profile-data__card-body-row {
	color: var(--main-blue);
	display: flex;
	align-items: center;
	gap: 5px;
}

.profile-data__card-body-row > span:first-of-type {
	font-weight: 600;
	font-size: 20px;
}

.profile-data__card-body-row > span:nth-of-type(2) {
	font-weight: 400;
	font-size: 16px;
}

.profile-data__card.specs .profile-data__card-body-row {
	display: inline;
}

.profile-data__card.specs .profile-data__card-body-row > span:first-of-type {
	font-size: 16px;
	font-weight: 600;
}

.profile-data__card.specs .profile-data__card-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.profile-data__card.specs .profile-data__card-body .profile-data__card-hr {
	flex-basis: unset !important;
}

.profile-data__card-hr {
	margin: 0;
}

.section__show-profile .profile-data__card-hr {
	margin: 10px 0;
}

.profile-data__upper {
	padding-left: 15px;
	padding-right: 15px;
}

.show-profile--header-box-mobile,
.profile-data__upper,
.profile-data__upper-avatar,
.container-profile-dasboard__mobile,
.top-8-mobile-container {
	display: none;
}

.top-8-mobile-container {
	background-color: #FFE77E33;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 45px 0;
}

.top-8-mobile-container * {
	color: var(--main-blue) !important;
	text-align: center;
}

.top-8-mobile-data-col {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.top-8-mobile-data-col span {
	font-size: 14px;
	color: #000;
}

.top-8-mobile-data-col.top-3 {
	gap: 10px;
}

.top-8-mobile-data-col.top-3 span {
	font-size: 18px;
	color: var(--main-blue);
	font-weight: 700;
}

.profile-dashboard-mobile__btn-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 65px;
	gap: 20px;
}

.profile-dashboard-mobile__btn-box .btn {
	text-transform: unset !important;
	color: var(--main-blue) !important;
}

.profile-data__upper .main-para-text,
.profile-data__upper small {
	text-align: center;
	color: #fff;
}

.profile-data__upper small {
	display: block;
}

.project-add-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--main-yellow);
	border-radius: 50%;
	width: 75px;
	height: 75px;
	min-width: 75px;
	color: #18224C;
	padding-bottom: 4px;
	padding-left: 2px;
}

.project-add-icon div {
	font-size: 75px !important;
	line-height: 75px !important;
}

.project-add-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-direction: column;
}

.project-add-btn span {
	font-size: 16px;
	font-weight: 400;
	color: #000 !important;
}

.project-add-btn.mobile {
	flex-direction: column-reverse;
}

.project-h3 {
	font-weight: 700;
	color: var(--main-blue);
	line-height: 36px;
}

.project-h3.mobile {
	color: #18224C;
	margin-bottom: 10px;
	padding-left: 20px;
}

.project-h3.info,
h4.info {
	position: relative;
	display: inline-block;
}

.project-h3.info > span,
h4.info > span,
div.info > h4 {
	position: relative;
}

div.info > h4 {
	width: max-content;
}

.project-h3.info .info-btn,
h4.info .info-btn,
div.info .info-btn {
	position: absolute;
	right: -15px;
	top: -10px;
	display: flex;
	justify-content: flex-end;
}

.project-h3.info i,
h4.info i,
div.info i {
	color: var(--main-blue);
}

.profile__form.projects {
	padding-top: 0 !important;
}

.profile__form.projects .project-h3 {
	margin-bottom: 25px;
}

.profile__form .tooltip-btn {
	color: var(--main-blue) !important;
}

.project-date-text {
	color: #323941;
}

.project-action-box {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: flex-end;
	position: relative;
	z-index: 2;
}

.project-action-box i {
	color: #000;
}

button.no-p-events-btn > * {
	pointer-events: none;
}

div.profile-btn {
	cursor: pointer;
}

.project-name-text {
	font-weight: 600;
}

.project-data__label-box {
	background-color: #fff;
	border-radius: 16px;
	padding: 20px 30px;
	color: var(--main-blue) !important;
	margin-bottom: 20px;
}

.project-data__label-text {
	font-weight: 400;
	font-size: 16px;
}

.project-data__label-value {
	font-weight: 600;
	font-size: 20px;
}

.project-data__label--date-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.project-data__label--date-box > div {
	display: flex;
	align-items: flex-end;
	gap: 15px;
}

.project-data__default-data-box {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	flex-wrap: wrap;
}

.project-data__default-data-box > span:nth-of-type(1) {
	min-width: 75px;
}

.project-data__default-list-box {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.profile__nav-box.show-project .profile-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.project-data__btn-box {
	margin-top: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.project-data__btn-box > div {
	display: flex;
	align-items: center;
}

.project-data__btn-box > div:nth-of-type(1) {
	gap: 25px;
}

.project-data__btn-box > div:nth-of-type(2) {
	flex-shrink: 0;
}

.project-data__btn-box .main-para-text {
	color: #fff;
}

.project-add-btn.show-project .project-add-icon {
	width: 60px;
	height: 60px;
	min-width: 60px;
}

.project-add-btn.show-project .project-add-icon div {
	font-size: 60px !important;
	line-height: 60px !important;
}

.project-add-btn.show-project span {
	color: #fff !important;
}

#project-data__content-box {
	margin-top: 40px;
}

.profile-data__card-body.show-project {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	row-gap: 10px;
}

.profile-data__card-body.show-project.base-data .profile-data__card-body-row > span:first-of-type {
	font-size: 16px;
}

.profile-data__card-body.show-project.base-data {
	flex-wrap: nowrap;
	flex-direction: column;
	gap: 5px;
}

.profile-data__card-body.show-project.base-data .profile-data__card-body-row {
	display: inline;
}

.project-btn-pending,
.project-btn-closed {
	position: absolute;
	left: 10px;
}

.profile__nav-box.active-projects .tooltip-btn,
.profile__nav-box.closed-projects .tooltip-btn {
	color: #fe634e;
}

.row-my-profile-avatar__mobile {
	display: none;
	margin-top: 25px;
	margin-bottom: 40px;
}

.row-my-profile-avatar__mobile.project {
	margin-top: 0;
}

.fa-pen-to-square {
	color: #8c8c8c !important;
}

.user-name-cont__mobile {
	margin-top: 10px;
}

.user-name-cont__mobile .main-para-text{
	color: #18224C !important;
	text-align: center;
	font-size: 18px;
}

.project-employee-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.project-employee-list-item {
	box-shadow: 0px 1px 10px 0px #0000001A;
	background-color: var(--main-blue);
	border-radius: 16px;
	border: 1px solid #fff;
	align-items: center;
	color: #fff;
	font-size: 16px;
	height: 50px;
	margin-inline: 0px;
}

.project-employee-list-item > div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.project-employee-list-item > div:first-of-type {
	padding-left: 20px;
}

.project-employee-list-item > div:last-of-type {
	padding-right: 20px;
}

.project-emmployee-list-item__name {
	display: flex;
	align-items: center;
	gap: 5px;
}

.project-emmployee-list-item__name > span:nth-of-type(2) {
	font-weight: 600;
}

.project-emmployee-list-item__category{
	font-weight: 400;
}

.project-employee-list-item i {
	color: #fff;
}

.flex-employee-list-link {
	display: flex;
	justify-content: flex-end;
}

.mobile-project-data-list-item {
	display: flex;
	align-items: center;
	box-shadow: 0px 1px 10px 0px #0000001A;
	background-color: #C1DAE9;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	gap: 10px;
}

.mobile-project-data-list-item > span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mobile-project-data-list-item > span:first-of-type {
	font-weight: 700;
	font-size: 16px;
	color: #18224C;
	min-width: 100px;
}

.mobile-project-data-list-item > span:last-of-type,
.mobile-project-data-text {
	font-weight: 600;
	font-size: 14px;
	color: #454B66;
}

.row-mobile-project-data {
	row-gap: 15px;
}

.row-mobile-project-data hr {
	margin-bottom: 0;
}

.match-score-alert {
	background-color: var(--main-yellow);
	border-radius: 10px;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 25px;
}

.match-score-alert span {
	font-weight: 700;
	font-size: 16px;
	color: var(--main-blue);
}

.row-match-score-alert-mobile {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

.row-match-score-alert-mobile > div {
	padding-left: 0;
	padding-right: 0;	
}

.row-match-score-alert-mobile .match-score-alert {
	width: 100%;
	margin-top: 0;
	border-radius: 0;
}

.row-employee-profile-btn-box {
	margin-top: 40px;
}

.employee-profile-btn-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

button#fav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid var(--main-blue);
	width: 44px;
	height: 44px;
	transition: all 250ms ease-in-out !important;
}

button#fav-btn:hover {
	transform: translateY(-8px);
}

button#fav-btn > * {
	pointer-events: none;
}

.reset-btn-box {
	margin-top: 35px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

/* Dashboard for employee and employer ======================================================== */

.row-my-profile-header .main-h2 {	
	text-align: center;
	color: var(--main-blue);
	margin-bottom: 50px;
}

.section__profile.dashboard .profile__info__avatar-change i {
	color: #8c8c8c !important;
	font-size: 25px;
}

.section__profile.dashboard .profile__info.my-profile {
	align-items: center !important;
}

.section__profile.dashboard .profile-btn {
	padding-left: 30px;
	padding-right: 30px;
}

.row-dashboard-parameters .profile-data__card {
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
}

.row-dashboard-parameters .profile-data__card-header {
	border-radius: 0;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.row-dashboard-parameters .profile-data__card-body {
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.row-employee-dashboard-parameters {
	flex-direction: column;
	justify-content: space-between;
	gap: 35px;
	height: 100%;
}

.dashboard-top-text {
	font-size: 24px;
	line-height: 30px;
	color: var(--main-yellow);
	font-weight: 700;
}

.profile-data__card.dashboard-top .profile-data__card-header {
	height: auto !important;
	padding: 10px !important;
	flex-direction: column !important;
}

.profile-data__card.dashboard-top .profile-data__card-header .main-para-text {
	line-height: 22px;
}

.profile-data__card.dashboard-top .profile-data__card-body {
	padding: 0 !important;
	flex-direction: row !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.profile-data__card-body.desk-top-8 {
	flex-wrap: wrap;
	justify-content: center;
}

.profile-data__card.dashboard-top .profile-data__card-body .profile-data__card-body-row {
	flex-direction: column;
	gap: 2px;
	padding: 10px 5px;
	border-radius: 10px;
}

.profile-data__card.dashboard-top .profile-data__card-body .profile-data__card-body-row.active {
	background-color: #FFE77E33;
}

.profile-data__card.dashboard-top .profile-data__card-body .profile-data__card-body-row > span {
	display: block !important;
	line-height: 18px !important;
	text-align: center;
}

.profile-data__card.dashboard-top .profile-data__card-body .profile-data__card-body-row > span:nth-of-type(2) {
	font-size: 14px;
	color: #000 !important;
}

.profile-data__card.dashboard-top {
	padding-bottom: 15px !important;
} 

.row-dashboard-stats {
	margin-top: 35px;
}

.dashboard-big-stat-box {
	border-radius: 16px;
	box-shadow: 4px 4px 60px 0px #00000026;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 20px 5px;
	height: 100%;
}

.dashboard-big-stat-box > span {
	text-align: center;
	color: var(--main-blue);
}

.dashboard-big-stat-box > span:nth-of-type(1) {
	font-size: 60px;
	font-weight: 800;
	line-height: 60px;
}

.dashboard-big-stat-box > span:nth-of-type(2) {
	font-size: 14px;
	font-weight: 500;
}

.row-dashboard-big-stat {
	margin-top: 35px;
}

.row-dashboard-big-stat.mobile {
	row-gap: 25px;
}

.alert-danger-profile-status {
	background-color: var(--main-yellow) !important;
	border-radius: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	color: #000 !important;
	position: relative;
}

.alert-success-profile-status {
	background-color: var(--main-green) !important;
	border-radius: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff !important;
	position: relative;
}

.alert-error-profile-status {
	background-color: var(--main-red) !important;
	border-radius: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff !important;
	position: relative;
}

.alert-danger-profile-status a,
.alert-success-profile-status a {
	color: #000 !important;
	text-decoration: none !important;
}

.alert-success-profile-status a,
.alert-error-profile-status a {
	color: #fff !important;
}

.alert-danger-profile-status .warning-icon {
	width: 30px;
	height: 30px;
	top: -15px;
}

.alert-danger-profile-status .warning-icon span {
	font-size: 25px;
}

.alert-danger-profile-status,
.alert-success-profile-status,
.alert-error-profile-status {
	margin-bottom: 25px;
}

.avatar-box__profile-index {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 10px;
	padding-left: 25px;
}

.avatar-box__profile-index .profile__info__avatar {
	margin: 0;
}

.avatar-box__profile-index .profile__info__avatar img {
	width: 100px;
	height: 100px;
}

.avatar-box__profile-index .profile__info__avatar .status-circle {
	width: 25px;
	height: 25px;
	right: 5px;
}

.avatar-box__profile-index i {
	font-size: 20px;
}

.avatar-change-mobile * {
	cursor: pointer;
}

.mobile-step-cont {
	position: relative;
	margin-top: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.step-line {
	width: 100%;
	height: 1px;
	background-color: var(--main-yellow);
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}

.step-circle {
	border: none !important;
	box-shadow: none !important;
	width: 24px;
	height: 24px;
	min-height: 24px;
	display: flex;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #18224C;
	font-weight: 500;
	position: relative;
	z-index: 2;
}

.step-circle.active {
	background-color: var(--main-yellow);
	width: 30px;
	height: 30px;
	min-height: 30px;
	font-weight: 800;
}

.employer-data-card {
	box-shadow: 4px 4px 60px 0px #00000026;
	border-radius: 16px;
	overflow: hidden;
}

.employer-data-card__header {
	background-color: var(--main-blue);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 15px 15px;
	color: #fff;
	text-align: center;
	gap: 8px;
}

.employer-data-card__header h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 20px;
}

.employer-data-card__header img {
	height: 25px;
}

.employer-data-card__body {
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-inline: 15px;
}

.employer-data-card__body h4 {
	font-size: 18px;
	font-weight: 700;
	color: #18224C;
	margin-bottom: 10px;
	padding-left: 10px;
}

.employer-data-card__body.saved h4 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.employer-data-card__body.saved h4 img {
	padding-bottom: 3px;
}

.employer-data-card__project {
	background-color: #C1DAE9;
	box-shadow: 0px 1px 10px 0px #0000001A;
	align-items: center;
	border-radius: 10px;
	margin-inline: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.employer-data-card__project.closed {
	background-color: #E5E5E5;
}

.employer-data-card__project.pending {
	background-color: #FFE77E33;
}

.employer-data-card__project.closed.row-red {
	background-color: var(--main-red);
}

.employer-data-card__project > div,
.col-ellipse {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.col-ellipse {
	padding-bottom: 3px;
	padding-top: 3px;
}

.employer-data-card__project span {
	font-size: 14px;
	font-weight: 600;
	color: #454B66;
}

.employer-data-card__project .project-action-box {
	gap: 8px;
}

.employer-data-card__project .project-action-box i {
	font-size: 14px;
}

.employer-data-card__project-list {
	display: flex;
	flex-direction: column;
	gap: 10px;	
}

.employer-data-card__project-list.active-projects {
	margin-bottom: 35px;
}

.employer-data-card__body .project-add-btn,
.project-add-btn.mobile {
	margin-top: 35px; 
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.employer-data-card__body .project-add-btn .project-add-icon,
.project-add-btn.mobile .project-add-icon {
	width: 50px;
	height: 50px;
	min-width: 50px;
}

.employer-data-card__body .project-add-btn .project-add-icon div,
.project-add-btn.mobile .project-add-icon div {
	font-size: 52px !important;
	line-height: 50px !important;
}

.employer-data-card__body .project-add-btn span,
.project-add-btn.mobile span {
	font-size: 15px;
}

.project-add-btn.mobile {
	margin-top: 75px;
}

.employer-data-card__body .btn-primary {
	margin-top: 25px;
}

.employer-data-card__body .btn-primary span {
	font-size: 15px;
}

.employer-data-card__project-list .accordion {
	box-shadow: 0px 1px 10px 0px #0000001A;
	border-radius: 10px !important;
	overflow: hidden;
}

.project-employee-results {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.project-employee-results .accordion {
	box-shadow: 0px 1px 10px 0px #0000001A;
	border-radius: 16px !important;
	overflow: hidden;
}

.employer-data-card__project-list .accordion .accordion-button {
	color: #18224C !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	background-color: #C1DAE9;
	padding-top: 12px;
	padding-bottom: 12px;
}

.employer-data-card__project-list .accordion .accordion-button.red {
	background-color: var(--main-red);
}

.project-employee-results .accordion .accordion-button {
	color: var(--main-blue) !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 16px !important;
}

.employer-data-card__project-list .accordion.closed .accordion-button {
	background-color: #E5E5E5;
}

.employer-data-card__project-list .accordion .accordion-item {
	border: none;
}

.employer-data-card__project-list .accordion .accordion-body {
	background-color: #FFE77E59;
}

.project-employee-results .accordion .accordion-body {
	padding-left: 0;
	padding-right: 0;
}

.project-employee-results .accordion .accordion-item {
	background-color: transparent;
	border: none;
}

.employer-data-card__project-list .accordion .accordion-button:not(.collapsed) {
	background-color: #FFE77E59;
}

.project-employee-results .accordion .accordion-button:not(.collapsed) {
	background-color: var(--main-yellow);
}

.accordion-body.no-top-padding {
	padding-top: 0 !important;
}

.accordion .employer-data-card__project {
	background-color: transparent;
	border-radius: 0;
	margin-inline: 0;
	box-shadow: none;
	border-bottom: 2px solid #fff;
}

.accordion .employer-data-card__project > div:first-of-type {
	padding-left: 0;
}

.accordion .employer-data-card__project > div:last-of-type {
	padding-right: 0;
}

.status-mini-circle {
	width: 12px;
	height: 12px;
	min-width: 12px;
	border-radius: 50%;
	border: 1px solid white;
	display: block;
}

.status-mini-circle.active {
	background-color: var(--main-green);
}

.status-mini-circle.inactive {
	background-color: var(--main-yellow);
}

.status-mini-circle.deactivated {
	background-color: var(--main-red);
}

.accordion .employer-data-card__project .flex-span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.accordion .employer-data-card__project .flex-span .status-mini-circle {
	margin-top: 2px;
}

.saved-employee-num-span {
	color: #000;
	font-size: 14px;
	font-weight: 300;
}

.accordion-body > .employer-data-card__project:last-of-type {
	border-bottom: none;
}

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

.employer-data-card__hr {
	margin-top: 30px;
	margin-bottom: 20px;
	border: none !important;
	height: 4px !important;
	background-color: #18224C !important;
	opacity: 0.5;
	border-radius: 5px;
}

.tablet-employer-profile-btn {
	display: none !important;
}

.accordion-body.mobile-result-list h3 {
	font-size: 20px;
	font-weight: 700;
	color: #18224C;
}

.accordion-body.mobile-result-list .saved-employee-num-span {
	margin-bottom: 20px;
}

.accordion.not-actionable .accordion-button {
	background-color: #E5E5E5 !important;
}

.mobile-project-show-data-btn-box {
	margin-top: 35px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.mobile-show-project-btn-flex {
	display: flex;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
	row-gap: 15px;
	justify-content: center;
}

.mobile-show-project-btn-flex-grouped {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
}

.profile-data__card-hr.flex-basis-100 {
	flex-basis: 100% !important;
}

/* App ================================================================== */

.section__app {
	background: linear-gradient(90deg, #004971 29.71%, rgba(0, 73, 113, 0.5) 43.78%, rgba(0, 73, 113, 0.2) 70.5%), url('../images/app/section-app-bg.webp');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: calc(100vh + var(--header-height));
	height: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.section__app .container {
	position: relative;
	z-index: 2;
}

.big-logo-inverted {
	position: absolute;
	bottom: 0;
	right: 0;	
}

.big-logo-inverted img {
	max-width: 400px;
	width: 100%;
}

.app--header-container {
	max-width: 600px;
}

.app--header-container .main-h1 {
	color: #fff;
	margin-bottom: 20px;
}

.app--header-container #sub-header-text {
	text-align: left !important;
}

.app--btn-container {
	margin-top: 100px;
}

.row-app > .col-lg-12 > div {
	padding-top: 100px;
}

.row-always {
	align-items: center;
}

.row-always .app-download {
	margin-top: 40px;
}

.always-icon-cont {
	margin-top: 40px;
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

.always-icon-cont img {
	height: 52px;
}

.section__app-3 {
	background-color: #FFE77E1A;
	padding-bottom: 0 !important;
}

.row-app-3 .homepage-text-box {
	text-align: center !important;
}

.app-3--btn-box {
	margin-top: 40px;
}

.row-app-3-text {
	margin-top: 15px;
	align-items: center;
}

.row-app-3-text .main-para-text.first {
	margin-bottom: 40px;
}

.row-app-3-text .homepage-img-box {
	display: flex;
	justify-content: flex-end;
}

.row-app-3-text .homepage-img-box img {
	max-width: 70%;
}

.row-app-4 {
	align-items: center;
}

.row-app-4 .homepage-list-container {
	margin-top: 45px;
}

.row-app-4 .homepage-img-box img {
	max-width: 70%;
}

.main-para-text.yellow {
	color: var(--main-yellow);
}

.main-para-text.blue {
	color: var(--main-blue);
}

.text-white {
	color: #fff !important;
}

/* Media Queries ======================================================== */

/* Max width ============================ */
@media (max-width: 1600px) {
	.white-ellipse {
		left: -150px;
	}
}

@media (max-width: 1400px) {
	.register-form__image-container {
		padding-left: calc((100vw - 1140px) / 2);
	}

	.register-form__form-container {
		padding-right: calc((100vw - 1140px) / 2);
	}

	.row-profile-show-datas {
		row-gap: 30px;
	}

	.profile-data__desktop {
		width: max-content;
		margin-bottom: 35px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 1300px) {
	#our-services-tab .nav-link {
		font-size: 17px;
	}

	.white-ellipse {
		left: -250px;
	}
}

@media (max-width: 1200px) {
	.left-header .logo-container {
		margin-right: 40px;
	}

	.header__menu-list {
		gap: 20px;
	}

	.right-header {
		gap: 20px;
	}

	.section__homepage--services .tab-content .homepage-text-box {
		padding-right: 0;
	}

	.register-form__image-container {
		padding-left: calc((100vw - 960px) / 2);
	}

	.register-form__form-container {
		padding-right: calc((100vw - 960px) / 2);
	}

	.right-header .app-download {
		display: none;
	}

	.row__footer_upper,
	.row__footer_upper > div {
		justify-content: center !important;
	}

	.profile__info-upper-box.dashboard {
		padding-left: 25px;
	}

	.profile__info-upper-box.dashboard .profile__info__avatar img {
		width: 100px;
		height: 100px;
	} 

	.profile__info-upper-box.dashboard .profile__info__avatar .status-circle {
		width: 20px;
		height: 20px;
		right: 10px;
	}

	.profile__info-upper-box.dashboard .profile__info__avatar-change i {
		font-size: 20px;
	}

	.profile-data__card.dashboard-top .profile-data__card-body {
		flex-wrap: wrap;
		justify-content: center;
	}

	.row-profile-dashboard-employer .profile__nav-box {
		display: none;
	}

	.row-profile-dashboard-employer .profile__info {
		max-width: 400px;
		margin-inline: auto;
	}

	.tablet-employer-profile-btn {
		display: inline-flex !important;
		max-width: 270px;
		width: 100%;
		margin-top: 15px !important;
	}
}

@media (max-width: 1080px) {
	.modal-dialog .modal-content {
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
}

@media (max-width: 992px) {
	/* Header ================================== */
	.header__menu-list a,
	.right-header .linkedin-link-container,
	.show-profile--header-box {
		display: none;
	}

	.left-header {
		width: 100%;
	}

	.header__menu-list {
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-menu-icon-container,
	.header__menu-list-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}

	.header__menu-list-mobile span {
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 500;
	}

	.header__menu-list-mobile img {
		margin-bottom: 2px;
	}

	.show-profile--header-box-mobile {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 2px;
		color: #fff !important;
		margin-top: 10px;
	}

	.show-profile--header-box-mobile .main-h1 {
		text-align: center;
		line-height: 40px;
	}

	.show-profile--header-box-mobile.show-project .main-h2 {
		font-weight: 400;
		font-size: 22px;
		text-transform: uppercase;
	}

	.show-profile--header-box-mobile span {
		font-weight: 600;
	}

	section {
		min-height: unset !important;
	}

	/* Mobile menu =============================== */
	#mobile-menu-bg {
        display: none;
        position: fixed;
        z-index: 19;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
		background-color: rgba(0,0,0,0.5);
		animation: fade-in 250ms forwards;
    }

	.mobile-menu-flex {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        margin-bottom: 0;
    }

    .mobile-menu-header {
        background-color: var(--main-blue);
		margin-bottom: 20px;
		height: var(--header-height);
		display: flex;
		align-items: center;
		box-shadow: 0px 2px 5px 0px #00000080;
    }

    #mobile-menu-close i {
        font-size: 25px;
        color: #fff;
    }

    .mobile-menu-item {
        background-color: var(--dark-blue);
        border-radius: 10px;
        width: 300px;
        margin: 20px auto;
        text-align: center;
        padding: 15px 0;
    }

    .mobile-menu-item p {
        text-align: center;
        text-transform: uppercase;
        color: #fff !important;
        margin-top: 15px;
        margin-bottom: 0 !important;
        font-size: 21px !important;
    }

    .mobile-menu-item i {
        font-size: 75px !important;
        color: #fff !important;
    }

	.dropdown-menu-mobile.active {
		transform: translateX(0);
        pointer-events: auto;
    }

	.mobile-menu-left img {
		width: 35px;
	}

	.dropdown-menu-serv-link {
		font-weight: 600;
		font-size: var(--default-font-size);
		line-height: var(--default-line-height);
		color: #fff !important;
		display: block;
		padding-left: 30px;
		border-radius: 0px 10px 10px 0px;
		width: 100%;
		margin-bottom: 15px;
	}
	/* ========================================================================================= */

	/* Homepage ============================================ */
	section.inside-mobile {
		padding: var(--default-section-padding);
	}

	.homepage-search-select-item {
		border-right: none;
		border-bottom: 1px solid var(--main-blue);
	}

	.row-homepage-search {
		padding: 10px;
		padding-bottom: 20px;
	}

	.homepage-search-btn-cont {
		margin-top: 20px;
		height: auto;
	}

	.homepage-search-select-item {
		min-height: 65px;
		padding: 0 10px;
	}

	.row-about-us, 
	.row-efficient-management, 
	#ourServicesTabContent .row,
	.row-stats,
	.row-homepage-app,
	.row-always,
	.row-app-3-text,
	.row-app-4,
	.row-profile-index,
	.row-profile-data {
		gap: 30px;
	}

	.row-profile-data {
		margin-top: 0;
	}
	
	.row-profile-data .profile-data__card-body {
		display: flex;
		gap: 45px;
		row-gap: 8px;
		flex-wrap: wrap;
	}

	#ourServicesTabContent,
	.row-about-us {
		margin-top: 60px;
	}

	#ourServicesTabContent .row > div:nth-of-type(1),
	.row-homepage-app > div:nth-of-type(1),
	.row-app-3-text > div:nth-of-type(1) {
		order: 2;
	}

	#ourServicesTabContent .row > div:nth-of-type(2),
	.row-homepage-app > div:nth-of-type(2),
	.row-app-3-text > div:nth-of-type(2) {
		order: 1;
	}

	#ourServicesTabContent .homepage-text-box > .main-para-text:last-of-type {
		margin-bottom: 0;
	}

	.app-btn-box {
		margin-top: 40px;
	}

	.row__footer_upper {
		gap: 30px;
	}

	.row-alert {
		margin-bottom: 0;
	}

	.row-alert > div {
		margin-bottom: 2rem;
	}

	.outer-form {
		width: 100%;
	} 

	.register-form__image-container {
		display: none;
	}

	.register-form__form-container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	body.general .register-form__form-container {
		min-height: unset;
	}

	.row-register-text-mobile {
		display: flex;
	}

	.row-register-text-mobile .main-h1,
	.row-register-text-mobile {
		margin-bottom: 30px;
	}

	.big-gutter {
		--bs-gutter-x: 1.5rem;
	}

	.management-text {
		display: block;
	}

	.row__footer_upper > div {
		padding-top: 0;
		padding-bottom: 0;
	}

	.app--header-container {
		max-width: 100%;
	}

	.row-app > .col-lg-12 > div {
		padding-left: 0;
		padding-top: 0;
	}

	.row-app-3-text {
		margin-top: 0;
		padding-bottom: 70px !important;
	}

	.row-app-4 .homepage-img-box img {
		margin: 0 auto;
		display: block;
	}

	/* Profile ================================================================= */

	.section__show-profile {
		background: #fff !important;
	}

	.profile-data__card {
		background-color: #C1DAE9;
	}

	.profile-data__card-body-row > span:first-of-type {
		color: #fff !important;
	}

	.profile-data__upper {
		background-color: var(--main-blue);
	}

	.profile-data__upper,
	.profile-data__upper-avatar,
	.container-profile-dasboard__mobile,
	.top-8-mobile-container {
		display: block;
	}

	.section__show-profile,
	.section__profile.employee-index,
	.section__profile.dashboard,
	.section__profile.my-profile,
	.section__show-project {
		padding-top: 0 !important;
		background-color: #f8f8f8 !important;
	}

	.profile-data__upper {
		position: relative;
		padding-top: 35px;
		padding-bottom: 35px;
		clip-path: ellipse(100% 70.95% at 48.97% 28.31%);
		margin-bottom: 35px;
	}

	.section__profile.employee-index .profile-data__upper,
	.section__profile.dashboard .profile-data__upper {
		padding-bottom: 65px;
	}

	.white-ellipse,
	.profile-data__desktop,
	.profile__info.employee,
	.profile__info.employer,
	.container-profile-dasboard__desktop,
	.row-profile-index.my-profile > div:first-of-type,
	.row-profile-index.my-projects > div:first-of-type {
		display: none;
	}

	.row-my-profile-avatar__mobile {
		display: flex;
	}

	.profile-data__upper .main-h1 {
		font-size: 35px;
	}

	.profile-data__upper-avatar {
		margin-top: -85px;
		margin-bottom: 35px;
	}

	.profile__form .main-h2 {
		margin-bottom: 35px;
		color: #18224C;
	}

	.alert-danger-profile-status {
		margin-top: 25px;
	}

	.toastify {
		max-width: calc(100% - 35px);
	}

	.row-app-3-text .homepage-img-box {
		justify-content: center;
	}

	.row-register-text-mobile.contact-us {
		margin-bottom: 30px !important;
	}

	.section__show-profile .profile-data__card-hr {
		flex-basis: 100%;
	}

	.profile-data__card.specs .profile-data__card-body .main-para-text {
		text-align: left !important;
	}

	.row-profile-dashboard-employer .profile__info,
	.row-my-profile-header.create-project {
		display: none;
	}

	.container-dashboard-employer .main-h2 {
		margin-bottom: 0;
	}

	.section__show-project {
		background: none;
	}

	.row-match-score-alert-desktop {
		display: none;
	}

	.row-match-score-alert-mobile {
		display: flex;
	}
}

@media (max-width: 768px) {
	:root {
		--default-section-padding: 50px 0;
		--header-height: 55px;
	}

    .crop-img-cont {
        max-height: 350px;
        margin-bottom: 20px;
    }

	/* Mobile menu ================== */
    .mobile-menu-item p {
        font-size: 18px !important;
        margin-top: 15px;
    }

    .mobile-menu-item i {
        font-size: 55px !important;
        color: #fff !important;
    }

	.mobile-menu-item, .dropdown-menu-mobile .blank-link {
        width: max-content !important;
    }

    .mobile-menu-item {
        padding: 15px 0;
    }

    .mobile-menu-header {
        background-color: var(--main-blue);
        padding: 10px 0;
    }

	.header__menu-list-mobile {
		display: none;
	}

	/* Homepage ==================================================== */

	.main-h1 {
		font-size: 45px;
		line-height: 50px;
	}

	.main-h2 {
		font-size: 32px;
		line-height: 40px;
	}

	.auth-container__inner .main-h1,
	.row-register-text-mobile .main-h1 {
		font-size: 28px !important;
		list-style: 30px !important;
		margin-bottom: 35px !important;
	}

	.row-register-text-mobile {
		margin-bottom: 0 !important;
	}

	body.general .register-form__image-container,
	body.general .register-form__form-container {
		padding-top: 40px;
	}

	.type-container {
		margin-top: 15px;
		height: 65px;
		text-align: center;
		display: block;
		margin-bottom: 15px;
	}

	#sub-header-text, .typed-cursor {
		font-size: 35px !important;
		line-height: 37px !important;
	}

	.homepage--btn-container {
		margin: 70px 0;
	}

	.stat-num-text {
		font-weight: 800;
		font-size: 50px;
		line-height: 38px;
	} 

	.about-us-btn-cont {
		margin-top: 35px;
		gap: 25px;
		flex-direction: column;
	}

	.section__homepage--solutions .main-h2 {
		font-size: 35px;
		line-height: 42px;
	}

	.row-opinions {
		margin-top: 25px;
	}

	.partners-flex {
		flex-direction: column;
		gap: 20px;
		margin-top: 50px;
	}

	.splide.splide-opinions,
	.splide.splide-partners {
		padding-left: 0;
		padding-right: 0;
	}

	.bottom-footer {
		flex-direction: column;
		gap: 10px;
	}

	.footer__upper {
		padding: 25px 0;
	}

	.auth-section {
		background-image: unset;
		background-color: var(--main-blue);
	}

	.register-form-para-text {
		font-size: 19px;
		line-height: 28px;
	}

	.efficient-management-btn-box,
	.app-btn-box {
		text-align: center;
	}

	.logo-container img,
	.avatar-img {
		width: 35px !important;
		height: 35px !important;
	}

	.mobile-menu-icon-container i {
		font-size: 25px;
	}

	.row__footer_upper,
	.row__footer_upper > div {
		justify-content: flex-start !important;
	}

	.footer-para-text,
	.footer-btn-cont {
		text-align: left !important;
	}

	.app--header-container,
	.app--btn-container,
	.app-3--btn-box {
		text-align: center;
	}

	.row-app-3-text {
		padding-bottom: 50px !important;
	} 

	.show-profile--header-box-mobile .main-h1 {
		font-size: 35px !important;
	}

	.row-profile-status .alert {
		margin-bottom: 10px;
	}

	.profile-btn {
		border-radius: 5px;
		padding-left: 30px;
		padding-right: 30px;
		height: 55px;
		font-size: 16px;
	}

	.row-profile-data .profile-data__card {
		padding-left: 25px;
		padding-right: 25px;
	}

	.profile__form--btn-box {
		margin-top: 30px;
	}

	.row-profile-form .form-select,
	.row-profile-form .form-control,
	.profile__form .select2-container--default .select2-selection--single,
	.profile__form .select2-container--default .select2-selection--multiple {
		border-radius: 5px !important;
		box-shadow: 0px 1px 20px 0px #0000000D !important;
	}

	.profile__form--btn-box {
		flex-direction: column-reverse;
		gap: 15px;
	}

	.always-icon-cont {
		justify-content: center;
	}

	.row-app-3-text .main-para-text.first {
		margin-bottom: 0;
	}

	.row-register-text-mobile.contact-us {
		margin-bottom: 0 !important;
	}

	.start-date-flex {
		flex-direction: column;
		gap: 10px !important;
		align-items: flex-start !important;
	}

	.row-profile-form {
		align-items: flex-start;
	}

	.row-employer-cards {
		row-gap: 30px;
	}

	.profile-data__upper-avatar.employer-index {
		margin-bottom: 0;
	}

	.project-h3.mobile {
		font-size: 18px;
		padding-left: 0;
	}
}

@media (max-width: 600px) {
	.modal-footer {
		justify-content: center;
		flex-direction: column-reverse;
		row-gap: 15px;
	}
}

@media (max-width: 580px) {
	.header__menu-list  {
		display: none;
	}
}

@media (max-width: 576px) {
	.mobile-menu-item p {
        font-size: 16px !important;
    }

	.register-form__form-container .register-form .col-6 {
		width: 100%;
	}

	.container-main,
	.container-main-fluid {
		padding-left: 25px;
		padding-right: 25px;
	}

	#our-services-tab .nav-link {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media (max-width: 496px) {
	.row-profile-status .alert {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 480px) {
	.profile-dashboard-mobile__btn-box {
		flex-direction: column;
		justify-content: center;
	}

	.top-8-mobile-data-col.top-3 span {
		font-size: 16px;
	}

	.counties-flex {
		flex-direction: column-reverse;
		gap: 10px !important;
		align-items: flex-start !important;
	}
}

@media (max-width: 440px) {
	.profile__form--btn-box .btn {
		width: 100% !important;
	}
}

/* Min-width ================================= */

@media (min-width: 1400px) {
	.container-main {
		max-width: 1200px;
	}

	.container-main-fluid {
		max-width: 1600px;
	}

	.row-always .homepage-text-box {
		padding-right: 200px;
	}
}

@media (min-width: 993px) {
	.row-profile-index.my-profile > div:first-of-type,
	.row-profile-index.my-projects > div:first-of-type,
	.row-show-project > div:first-of-type {
		padding-right: 50px;
	}

	.base-data-container {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
	}
}

@media (min-width: 480px) {
	.homepage-list-container.horizontal {
		flex-direction: row;
		justify-content: space-between;
		gap: 20px;
	}
	
	.homepage-list-container.horizontal .main-para-text {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
	}
	
	.homepage-list-container.horizontal .homepage-list-item {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Intevals ================================== */
@media (min-width: 992px) and (max-width: 1440px) {
	.about-us-btn-cont {
		margin-top: 35px;
		gap: 25px;
		flex-direction: column;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.profile__form--btn-box.final-step {
		flex-direction: column-reverse;
		gap: 15px;
	}
}