@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-Italic.woff2') format('woff2'),
		url('fonts/EuclidCircularA-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-Light.woff2') format('woff2'),
		url('fonts/EuclidCircularA-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-LightItalic.woff2') format('woff2'),
		url('fonts/EuclidCircularA-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-SemiBold.woff2') format('woff2'),
		url('fonts/EuclidCircularA-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-Medium.woff2') format('woff2'),
		url('fonts/EuclidCircularA-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-SemiBoldItalic.woff2') format('woff2'),
		url('fonts/EuclidCircularA-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-Regular.woff2') format('woff2'),
		url('fonts/EuclidCircularA-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-MediumItalic.woff2') format('woff2'),
		url('fonts/EuclidCircularA-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-BoldItalic.woff2') format('woff2'),
		url('fonts/EuclidCircularA-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Euclid Circular A';
	src: url('fonts/EuclidCircularA-Bold.woff2') format('woff2'),
		url('fonts/EuclidCircularA-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* resubale css for website */
:root {
	--primaryColor: #23467D;
	--secondaryColor: ;
	--fontname: 'Euclid Circular A';
}

/* global css */
* {

	text-decoration: none !important;
	list-style: none !important;

}

/* disable horizontal scroll on  issues */
html,
body {
	/* overflow-x: hidden; */
}

body {
	position: relative;
	font-family: var(--fontname) !important;
	overflow-x: hidden
}


/* remove Default utilites */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl {
	margin: 0;
	padding: 0;
}

input::placeholder {
	color: rgba(58, 58, 58, 1);
	font-weight: 600;
	font-size: .9rem;
}

/* start login page comp */

.login-page-component {
	background-size: cover;
	background-repeat: no-repeat;
}

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

/*.login-img-container img {
    width: 100%;
    height: 703px;
     object-fit: cover; 
}*/

.login-desctiption h1 {
	font-size: 1.3rem;
	font-weight: 700;
}

.login-desctiption p {
	font-size: 0.875rem;
	font-weight: 500;
}

.form-group select,
.login-form-container input {
	width: 100%;
	height: 43px;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
	padding-left: 1rem;
	padding: 0 0 0 1rem;
}

.form-group button {
	width: 100%;
	height: 46px;
}

.login-desc-form-container {
	box-shadow: 0px 0px 5px 0px #286bff5e;
	border-radius: 1rem;
	width: 82%;
	background: #fff;
}

input:focus-visible,
.form-group textarea:focus-visible {
	outline: 1px solid var(--primaryColor) !important;
}

.form-group button {
	background-color: var(--primaryColor);
	text-transform: uppercase;
	font-size: .8rem;
	color: #fff;
	border: none;
	border-radius: 5px;
}

.forgot-password a {
	color: #000;
	font-size: 1rem;
}

.register-now a {
	font-size: 0.875rem;
}

.register-now a {
	color: #000;
	font-weight: 600;
}

.registercls {
	color: rgba(40, 107, 255, 1) !important;
	font-size: 1rem !important;
	font-weight: 700;
}


/* cleint */


.trusted-container .item {
	box-shadow: 0px 0px 8px 2px #286bff36;
	border-radius: 8px;
	margin: 2px;
	padding: 10px 0;
}

.trusted-container .owl-carousel .owl-item img {
	width: 89.57px;
	margin: auto;
	object-fit: cover;
}

.forgot-password a {
	color: #000;
	font-size: .9rem;
	font-weight: 600;
}

/* end login page comp */


/* start Copy rights */
.copyright-comp {
	background-color: var(--primaryColor);
}

.designer-author {
	text-align: right;
}

.highlight {
	color: #fff !important;
	font-weight: 600;
}

.copyright-comp p {
	font-size: 0.875rem;
}


.form-control {
	-webkit-appearance: block !important;
	-moz-appearance: block !important;
	appearance: block !important;
}


/* end Copy rights */


/* custom select arrow */
.custom-select {
	position: relative;
	display: inline-block;
	width: 100%;
}

.arrow-down {
	position: absolute;
	top: 39%;
	right: 17px;
}

.form-control:focus {
	box-shadow: none !important;
}

.form-group textarea {
	width: 100%;
	height: 200px;
	padding: 1rem;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}


.nxt-btn-container a {
	padding: 1rem 4rem;
	background-color: var(--primaryColor);
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	color: #fff !important;
	font-size: .8rem;
	font-weight: 600;
	border-radius: 5px;
	text-transform: uppercase;
}

.resubale-utilties {
	font-weight: 600;
	font-size: 1rem;
	color: rgba(58, 58, 58, 1);
}


.prev-btn-container a {
	background-color: rgba(40, 107, 255, 1);
	color: #fff;
	width: fit-content;
	display: inline-block;
	padding: .8rem 2rem;
	border-radius: 5px;
	font-size: .8rem;
	font-weight: 600;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

/* add icon */
/* Style for the custom file upload container */
.custom-file-upload {
	position: relative;
	overflow: hidden;
	height: 121px;
	border: 1px dashed rgba(159, 158, 158, 1);
	width: 100%;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Style for the file input */
.custom-file-upload input[type="file"] {
	position: absolute;
	font-size: 100px;
	opacity: 0;
	right: 0;
	top: 0;
}

/* Style for the file upload label */
.file-upload-label {
	cursor: pointer;
	padding: 10px 20px;
	background-color: transparent;
	color: #fff;
	border: none;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

/* Style for the icon inside the label */
.file-upload-label img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	/* Adjust spacing as needed */
}


.load-icon {
	color: rgba(0, 0, 0, 1);
	font-size: .9rem;
	font-weight: 600;
}

.upload-container h3 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.astric {
	color: rgb(255 0 0);
	font-size: 1rem;
}

.add-new-img-icon a {
	color: rgba(123, 123, 123, 1) !important;
}

.register-submit-btn {
	width: fit-content !important;
	padding: 1rem 2rem;
}

.modal-body h2 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.modal-body p {
	font-size: 1rem;
	color: rgba(91, 91, 91, 1);
}

.inside-check-container {
	width: 60px;
	height: 60px;
	background-color: #fff;
	color: #0fb957 !important;
	font-size: 1.3rem;
}

.inside-check-container,
.chek-icon-container {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}


/* check icon */
/* Style for the outer container */

.inside-check-container i {
	font-size: 1.8rem;
}

/* Style for the inner container */
.inside-check-container {
	color: #fff;
}


.chek-icon-container {
	background-color: #0fb957;
	width: 153.74px;
	height: 153.74px;
	display: flex;
	margin: auto;
	position: relative;
}

/* Pseudo-element for the outline */
.chek-icon-container::before {
	content: "";
	position: absolute;
	top: -14px;
	left: -14px;
	width: 178.74px;
	height: 178.74px;
	border: 14px solid #dbf5e6;
	border-radius: 50%;
}

.modal-body h2 {
	margin: 1rem 0;
}

.modal-header {
	border-bottom: 0 !important;
}

.modal-body {
	padding: 2rem;
}

.modal-header .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23286bff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	--bs-btn-close-opacity: 1;
	box-shadow: none !important;
}


.form-control,
.form-group textarea::placeholder {
	font-weight: 600;
	color: #000;
	font-size: .8rem;
}

.editable i {
	color: rgba(40, 107, 255, 1);
	margin-left: .5rem;
}

/* Pulse animation */


/* Start Customized animation */
select {
	padding: 15px 5px 15px 15px;
	border: none;
	/* font-family: Verdana; */
	font-weight: bold;
	background-color: white;
	color: rgba(58, 58, 58, 1);
	outline: none;
	min-width: 150px;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: .85rem;
}

/* Select new arrow styling */
/* .custom-select:after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    top: 4px;
    left: calc(100% - 42px);
    font-size: 16px;
    padding: 12px 7px;
    background-color: transparent;
    color: rgba(58, 58, 58, 1);
    pointer-events: none;
} */

.load-img-container {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: none;
}

.upload-img-resube {
	height: 90px;
	object-fit: cover;
}

.close-icon-container {
	width: 40px;
	height: 40px;
	background: #dddd;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #286bff;
	cursor: pointer;
}


/* End Customized animation */


.file-name-container,
.file-name-container2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	align-items: center;
	justify-content: center;
	display: none;
}

.add-new-img-icon label {
	color: rgba(123, 123, 123, 1);
	padding: 0;
}

.add-new-img-icon label i {
	padding-right: .5rem;
}


.remove-top-pad {
	padding-top: 0 !important;
}

/* Start Responsive Desing */

/* largre screens */

.search-form-container.dashboard-seach-form .form-group {
	padding: 0;
}

@media (max-width: 1200px) {
	.login-img-container img {
		object-fit: initial;
		height: 600px;
	}

	.login-desc-form-container {
		width: 100%;
	}
}

/* mini desktop and laptop */
@media (max-width: 992px) {
	html {
		font-size: 89%;
	}
        
        input.fixed-btn-search {
    margin-top: 22px;
}

	.nxt-btn-container a {
		padding: 1rem 5rem;
		font-size: 1rem;
	}

	.form-group select,
	.login-form-container input {
		height: 49px;
	}

	.custom-select:after {
		top: 1px;
		/* right: 6rem; */
		font-size: 15px;
	}

	.form-group textarea {
		height: 160px;

	}

	.custom-select:after {
		top: 1px;
		font-size: 15px;
	}
}


/* ipad  */
@media (max-width: 768px) {
	html {
		font-size: 85%;
	}

	.login-desc-form-container {
		width: 100%;
	}

	.login-img-container img {
		height: 500px;
		object-fit: initial;
	}

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

	.form-group select,
	.login-form-container input {
		height: 45px;
		padding: 0 1rem;
		font-size: .9rem;
	}

    span.search-icon-2 {
        left: 15px !important;
        top: 10px !important;
    }

    .pagination-list {
        text-align: left !important;
    }

    .candiate-desctipt {
        padding-bottom: 9px;
    }


    .role-details h4 {

        font-size: 13px !important;
    }

    .education-details {
        padding: 3px 0px 0px !important;
    }    


    section.education-details h6 {

        font-size: 16px !important;
    }

    .skill-container h5 {

        font-size: 14px !important;
    }

    .skils-set-list li {

        font-size: 15px !important;
    }

    .submit-btns ul li:first-child button {

        padding: 5px 20px !important;
    }

    span.time-cls {

        font-size: 11px !important;
    }

    .card-content-container p {

        text-align: justify;
    }

    .submit-btns {

        text-align: center;
    }

    .role-details h5 {

        font-size: 12px !important;
    }
    .candiate-desctipt h4 {

        font-size: 13px !important;
    }

    ul.descript-list {

        margin-top: 0px !important;
    }


    .candiate-name {

        font-size: 18px !important;
    }

    ul.candiate-container li img {


        width: 35px !important;
        height: 35px !important;
    }

	.responsive-pad {
		padding: 1.5rem 0 !important;
	}

	.responsive-pad-top {
		padding: 1.5rem 0 0 !important;
	}

	input::placeholder {
		font-size: .8rem;
	}


	.prev-btn-container a {
		text-align: center;
		width: 100%;
		border-radius: 0;
		margin: 0;
		border-top: 1px solid #fff;
		text-transform: uppercase;
		font-size: .9rem;
	}

	.space-btm {
		padding-bottom: 4.5rem !important;
	}

	.custom-file-upload {
		height: 80px;
	}

	.load-icon {
		color: rgba(0, 0, 0, 1);
		font-size: .9rem;
		font-weight: 600;
	}

	.form-group button {
		font-size: .9rem;
	}

	.login-desc-form-container {
		padding-bottom: 0 !important;
	}

	.form-group.pb-4.responsive-margin {
		margin-top: 0;
	}

	.custom-file-upload.first {
		margin-bottom: 1rem;
	}

	.registerpage .login-desc-form-container {
		padding-bottom: 1rem !important;
	}

	.job-details-comp img {
		width: 39px !important;
	}

	img.click-beaviour {
		width: 25px;
	}

	.reject-btn {
		height: 32px !important;
		font-size: .9rem !important;
	}

}

/* smart mobile */
@media (max-width: 576px) {
	html {
		font-size: 80%;
	}

	.logo-container img {
		width: 150px;
	}

	.login-img-container img {
		height: 300px;
	}

	.form-group button {
		width: fit-content;
		height: 30px;
		font-size: 1rem;
		padding: 0 4rem;
	}

	.sub-btn {
		text-align: center;
	}

	.logo-container.mb-4 {
		margin-bottom: 1rem !important;
	}

	.logo-container.mb-4 {
		text-align: center;
	}

	.login-desctiption h1 {
		font-size: 1.5rem;
	}

	.trusted-container h4 {
		transform: translateX(0);
	}

	.form-group.pb-4 {
		padding-bottom: 1rem !important;
	}

	.forgot-password.pb-4.text-end {
		padding-bottom: .7rem !important;
	}


	.form-group textarea {
		font-size: .9rem;
	}

	.login-desc-form-container {
		padding: 1rem 1rem 1rem !important;
	}

	.register-comp .login-desc-form-container {
		padding: 1rem 1rem 0 1rem !important;
	}

	.responsive-margin {
		margin-top: 0;
	}

	.chek-icon-container {
		width: 100px;
		height: 100px;
	}

	.chek-icon-container::before {
		width: 129px;
		height: 129px;
	}

	.inside-check-container {
		width: 50px;
		height: 50px;
		font-size: 1.3rem;
	}

	.modal-body h2 {
		margin: 2rem 0 1rem;
		font-size: 1.5rem;
	}

	.modal-body p {
		font-size: 1.1rem;
		color: rgba(91, 91, 91, 1);
	}

	.modal.show .modal-dialog {
		margin-top: 7rem;
	}

	.personm-desp .container {
		position: relative;
	}

	.personm-desp .dots-btn {
		position: absolute;
		right: 30px;
		top: 19px;
	}


	.email-box-container img {
		width: 45px !important;
	}

	section.help-today-container.py-5 {
		padding: 1.5rem 0 !important;
	}

	.remove-mg {
		margin-top: 0;
	}

}


/* jio mobile */
@media (max-width: 575px) {
	.designer-author {
		text-align: left;
	}

	.modal-body p {
		font-size: .9rem;
		color: rgba(91, 91, 91, 1);
	}

	.four-list-insider .schedule,
	.four-list-container .hired,
	.four-list-container .reject {
		padding: 0.8rem 3px !important;
		font-size: .9rem;

	}

	.four-list-container {
		margin: 1rem 0 1.5rem !important;
	}

	.candiate img {
		width: 15px;
	}

	ul.toggled-btn.toggle-bnt-container {
		width: 129px;
	}

	.toggled-btn img {
		width: 15px !important;
		margin-right: .5rem;
	}

	section.personm-desp.mb-4.last-child-comp {
		padding-bottom: 0 !important;
	}

	.back-move-container h5 {
		font-size: 1.1rem;
	}

	.skill-container p {
		margin-top: 0 !important;
	}
}


/* end Responsive Desing */

/* Start Dashboard Design */
.v-center {
	align-items: center;
}

/* header */
.header {
	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
}

.header .item-left {
	flex: 0 0 17%;
}

.header .logo a {
	font-size: 30px;
	color: #000000;
	font-weight: 700;
	text-decoration: none;
}

.header .item-center {
	flex: 0 0 24%;
}

.header .item-right {
	flex: 0 0 58%;
	display: flex;
	justify-content: flex-end;
	padding-right: 0;
}

.header .item-right a {
	text-decoration: none;
	font-size: 16px;
	color: #fff !important;
	display: flex;
	margin-left: 10px;
	transition: color 0.3s ease;
	height: 48px;
	align-items: center;
	justify-content: center;
}

.header .menu>ul>li {
	display: inline-block;
	line-height: 50px;
	margin-left: 25px;
}

.header .menu>ul>li>a {
	font-size: 15px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1) !important;
	position: relative;
	text-transform: capitalize;
	transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu {
	position: absolute;
	z-index: 500;
	background-color: #ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top: 25px;
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 992px) {
	.header .menu>ul>li.menu-item-has-children:hover .sub-menu {
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
}

.header .menu>ul>li .sub-menu>ul>li {
	line-height: 1;
}

.header .menu>ul>li .sub-menu>ul>li>a {
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}

.header .menu>ul>li .single-column-menu {
	min-width: 280px;
	max-width: 350px;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
	line-height: 1;
	display: block;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
	padding: 10px 0;
	display: inline-block;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu.mega-menu {
	left: 50%;
	transform: translateX(-50%);
}

.header .menu>ul>li .sub-menu.mega-menu-column-4 {
	max-width: 1100px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
	flex: 0 0 25%;
	padding: 0 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	line-height: 1;
	padding: 10px 0;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
	text-align: center;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
.header .menu>ul>li .sub-menu>ul>li>a:hover,
.header .item-right a:hover,
.header .menu>ul>li:hover>a {
	color: #fff;
}

/* banner section */
.banner-section {
	background-image: url('../img/banner.jpg');
	background-size: cover;
	background-position: center;
	height: 700px;
	width: 100%;
	display: block;
}

.mobile-menu-head,
.mobile-menu-trigger {
	display: none;
}

/*responsive*/
@media (max-width: 991px) {

	.header .item-center {
		order: 3;
		flex: 0 0 100%;
	}

	.header .item-left,
	.header .item-right {
		flex: 0 0 auto;
	}

	.v-center {
		justify-content: space-between;
	}

	.header .mobile-menu-trigger {
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}

	.header .mobile-menu-trigger span {
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}

	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}

	.header .mobile-menu-trigger span:before {
		top: -6px;
	}

	.header .mobile-menu-trigger span:after {
		top: 6px;
	}

	.header .item-right {
		align-items: center;
	}

	.header .menu {
		position: fixed;
		width: 320px;
		background-color: #ffffff;
		left: 0;
		top: 0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}

	.header .menu.active {
		transform: translate(0%);
	}

	.header .menu>ul>li {
		line-height: 1;
		margin: 0;
		display: block;
	}

	.header .menu>ul>li>a {
		line-height: 50px;
		height: 50px;
		padding: 0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header .menu>ul>li>a i {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}

	.header .menu .mobile-menu-head {
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top: 0;
	}

	.header .menu .mobile-menu-head .go-back {
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 16px;
		display: none;
	}

	.header .menu .mobile-menu-head.active .go-back {
		display: block;
	}

	.header .menu .mobile-menu-head .current-menu-title {
		font-size: 15px;
		font-weight: 500;
		color: #000000;
	}

	.header .menu .mobile-menu-head .mobile-menu-close {
		height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 25px;
	}

	.header .menu .menu-main {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.header .menu>ul>li .sub-menu.mega-menu,
	.header .menu>ul>li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin: 0;
		padding: 15px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}

	.header .menu>ul>li .sub-menu.active {
		display: block;
	}

	@keyframes slideLeft {
		0% {
			opacity: 0;
			transform: translateX(100%);
		}

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

	@keyframes slideRight {
		0% {
			opacity: 1;
			transform: translateX(0%);
		}

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

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
		margin-top: 0;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
		margin-bottom: 20px;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
		margin-bottom: 0px;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
		flex: 0 0 100%;
		padding: 0px;
	}

	.header .menu>ul>li .sub-menu>ul>li>a,
	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
		display: block;
	}

	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
		margin-bottom: 15px;
	}

	.menu-overlay {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.5);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s ease;
	}

	.menu-overlay.active {
		visibility: visible;
		opacity: 1;
	}
}


/* Start menu items css */
.post-job-container {
	display: inline-block;
	padding: .5rem 2rem;
	border-radius: .5rem;
	background-color: rgba(40, 107, 255, 1);
}

.header .item-center {
	flex: 0 0 24%;
}

/* End menu items css */

/* End Dashboard Design */

button.search-button {
	width: 43px;
	background: transparent;
}

.search-icon {
	color: #000 !important;
}


.search-icon-container {
	position: relative;
}

.search-button {
	position: absolute;
	top: 20px;
	left: 5px;
}

.search-icon-container input {
	text-indent: 2rem;
	width: 239px;
	height: 48px;
}

.search-icon i {
	font-size: 1.2rem;
}

.header-item .logo img {
	width: 170.62px;
}


/* Start Card Container */
.one-card-container {
	padding: 25px 20px;
	box-sizing: border-box;
	border-radius: 9px;
}

.mini-img-container {
	text-align: end;
}

.one-card-container.one-card {
	background-color: rgb(11 131 23);
	/*    background-image: url(../img/vector.svg);*/
}

.one-card-container.second-card {
	background-color: rgb(29 29 109);
	/*    background-image: url(../img/second-card.png);*/
}

.one-card-container.third-card {
	background-color: rgb(53 186 252);
	/*    background-image: url(../img/members-bg.png);*/
}

.one-card-container.fourth-card {
	background-color: rgb(255 40 40);
	/*    background-image: url(../img/bg-last.png);*/
}

.mini-img-container img {
	width: 100%;
	height: 100%;
}


.content-number {
	font-size: 2rem;
	font-weight: 600;
}

.content-number,
.content-descp {
	color: #fff;

}


.content-descp {
	font-size: 1.1rem;
	margin-top: .5rem;
	/* font-weight: 600; */
}

.cards-comp {
	padding-bottom: 2rem;
	padding-top: 1rem;
}

/* End Card Container */


/* start dashboard tabs */
.nav-tabs,
.nav-tabs .nav-link {
	border: none;
	font-size: .9rem;
	font-weight: 500;
}

.nav-tabs .nav-link {
	border-radius: 0;
	color: rgb(67 67 67 / 87%);
	font-weight: 600;
}

input.fixed-btn-search {
	width: fit-content;
	text-indent: 0;
	padding: 0 2rem;
	background: rgba(40, 107, 255, 1);
	color: #fff;
	margin-left: .5rem;
}
input.fixed-btn-search-1 {
	width: fit-content;
	text-indent: 0;
	padding: 0 2rem;
	background: rgba(40, 107, 255, 1);
	color: #fff;
	margin-left: .5rem;
}

.dashboard-seach-form input {
	text-indent: 0;
}

/*
.form-group {
    padding: 1rem 0;
}*/


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active::after {
	content: '';
	width: 100%;
	height: 4px;
	border-radius: 4px;
	display: flex;
	margin-top: .5rem;
	position: absolute;
	top: 34px;
	left: 0;
	transition: all .2s ease;
	background-color: rgba(40, 107, 255, 1);
}


.tabs-content-comp {
	position: relative;
}

.tabs-content-comp::before {
	content: '';
	display: flex;
	width: 100%;
	height: 2px;
	background: rgba(233, 233, 233, 1);
	position: absolute;
	top: 44px;
	z-index: -1;
}

/* end dashboard tabs */
.header .item-right a {
	margin-top: 1rem;
}

/* start dashboad table */
/* Style the table */
.user-profile-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	/* table-layout: fixed; */
}

/* Style table header */
.user-profile-table th {
	background-color: #fff;
	color: #000;
	text-align: center;
	padding: 10px;
	font-size: .8rem;
	font-weight: 500;
}

/* Style table rows */
.user-profile-table tr {
	/* background-color: #f2f2f2; */
	border-bottom: 1px solid #f2f2f2;
}

.user-profile-table tr:last-child {
	/* background-color: #f2f2f2; */
	border-bottom: none !important;
}

/* Style table cells */
.user-profile-table td {
	padding: 10px;
	width: 14.28%;
	font-size: .89rem;
	font-weight: 600;
	text-align: center;
}

/* Style the "Download Resume" link */
.user-profile-table a {
	text-decoration: none;
	color: blue;
}

/* Style the "Edit" button */
.user-profile-table button {
	background-color: #007bff;
	color: #fff;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}

.profile-pic {
	width: 64px;
	height: 64px;
	object-fit: cover;
}


.details-btn {
	background-color: transparent !important;
	font-weight: 600;
}

.color-add,
.details-btn {
	color: #007bff !important;
}

.download-btn-container {
	color: #000 !important;
}

.download-btn-container img {
	margin-right: 1rem;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: rgba(40, 107, 255, 1);
	position: relative;
}

/* end dashboad table */

.check-list-box label {
	color: rgba(235, 141, 0, 1);
}

.remove {
	color: rgba(255, 40, 40, 1) !important;
	margin-left: -1rem;
}

.timer-txt {
	color: rgba(32, 122, 0, 1) !important;
}

.check-list-box input[type="checkbox"] {
	background-color: rgba(235, 141, 0, 1);
}

/* Hide the default checkbox */
.check-list-box input[type="checkbox"] {
	display: none;
}

/* Style the custom checkbox */
.check-list-box label::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: rgba(235, 141, 0, 1);
	border: 1px solid rgba(235, 141, 0, 1);
	margin-right: .5rem;
	transform: translateY(4px);
	border-radius: 4px;
}

/* Style the label text */
.check-list-box label {
	/* vertical-align: middle; */
	display: flex;
}

/* Style the custom checkbox when checked */
.check-list-box input[type="checkbox"]:checked+label::before {
	content: "✓";
	color: #000;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
}

.timer-txt .time {
	margin-left: 1rem;
}

.search-form-container.dashboard-seach-form {
	padding-top: 1rem;
}

.editable-icon,
.delete-icon {
	font-size: 1.5rem;
}

.editable-icon {
	color: rgba(40, 107, 255, 1);
	margin-right: 0;
}

.delete-icon {
	color: rgba(255, 66, 66, 1)
}

.detail-check-box-container h4 {
	font-size: 1rem;
	font-weight: 600;
	white-space: pre;
}

.detail-check-box-container h5 {
	font-size: 1.1rem;
	color: rgba(40, 107, 255, 1);
	margin: .5rem 0;
	font-weight: 600;
}

.detail-check-box-container h6 {
	font-size: 0.80rem;
	color: rgba(116, 116, 116, 1);
	font-weight: 600;
}

#job-checkbox {
	transform: scale(1.5);
}

section.detail-comp {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 2px 0px;
	margin-top: 3rem;
}

.row.g-4.insider-box-container {
	padding: 0 0 1rem 1rem;
}

.dashboard-seach-form .form-group select {
	height: 47px;
}

.view-app-txt {
	color: rgba(116, 116, 116, 1);
	font-size: .9rem;
}

a.view-app {
	font-size: .9rem;
}

.view-app i {
	font-size: .8rem;
}

.detail-check-box-container h5 {
	font-size: .9rem;

}

.editable-icon,
.delete-icon {
	font-size: 1.2rem;
}


.two-btn-container .yes-btn,
.two-btn-container .no-btn {
	background-color: rgba(40, 107, 255, 1);
	padding: .5rem 3rem;
	border: none;
}

.two-btn-container .no-btn {
	background-color: rgba(255, 40, 40, 1);
}

section.detail-comp.first-comp {
	margin-top: 2rem;
}

.delete-descript {
	font-size: 1.4rem !important;
	text-align: center;
	line-height: 2rem;
	text-transform: capitalize;
}

.navigation-counter-content {
	display: flex;
	justify-content: end;
}


span.special-focus {
	color: #1d1d6d;
}

.back-move-container h5 {
	font-weight: 600;
	color: rgba(54, 54, 54, 1);
	font-size: 1rem;
}

.text-color {
	color: rgba(40, 107, 255, 1);
}

.focus-txt,
.navigation-counter-content i {
	color: rgba(123, 123, 123, 1);
}

.navigation-counter-content .fa-chevron-left,
.navigation-counter-content .fa-angle-right {
	font-size: .7rem;
	transform: translateY(-1px);
}

.candiate-name {
	font-weight: 600;
}


.candiate-desctipt h4 {
	font-size: .95rem;
	font-weight: 600;
	color: rgba(65, 65, 65, 1);
	margin: .5rem 0;
}

ul.descript-list {
	display: flex;
	/* margin-bottom: .7rem; */
	margin: .9rem 0;
}

.descript-list li {
	color: rgba(104, 104, 104, 1);
	font-weight: 600;
	font-size: .9rem;
	margin-right: 1rem;
}

.descript-list li i {
	color: rgba(217, 217, 217, 1);
	font-size: .7rem;
	margin-right: .2rem;
}

.skill-container h5 {
	font-size: 1rem;
	font-weight: 600;
	color: var(--primaryColor);
	display: flex;
}

.skill-container h5 img {
	margin-right: .3rem;
}

.skill-container p {
	color: rgba(83, 83, 83, 1);
	font-size: .9rem;
	font-weight: 600;
	margin-top: .5rem;
}

.reject-btn {
	color: rgba(218, 25, 25, 1);
	background-color: transparent;
	border: 1px solid rgba(218, 25, 25, 1);
	height: 47px;
	width: 100%;
	font-size: .9rem;
	border-radius: 4px;
	margin-left: .5rem;
}

.maths-facilty select {
	min-width: 100%;
	background: #286bff;
	color: #fff;
}

.maths-facilty .custom-select:after {
	color: #fff;
}

a.dots-btn {
	display: flex;
	justify-content: end;
}

.personm-desp>.container>.row {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
	padding: 1rem;
	border-radius: 7px;
}

.candiate-list-container li {
	margin-right: 1rem;
}

.candiate-list-container li a {
	color: rgba(91, 91, 91, 1) !important;
}

.role-details h4 {
	font-size: 0.75rem;
	text-transform: uppercase;
	color: rgba(113, 113, 113, 1);
}

.role-details h5 {
	font-size: .79rem;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	margin-top: .5rem;
}

.toggle-btn {
	display: flex;
	justify-content: end;
}

.job-details-comp>.container>.row.add-border {
	border-bottom: 1px solid rgb(163 163 163 / 54%);
	padding-bottom: 1rem;
}


.skill-set-container li a {
	color: rgba(58, 58, 58, 1);
}

.delete-btn i {
	color: rgba(255, 66, 66, 1);
	font-size: 1.1rem;
	margin-right: .3rem;
}

.skils-set-list {
	margin-top: 1rem;
	margin-bottom: .3rem;
}

.skils-set-list li {
	margin-right: .5rem;
}

.career-page-comp h6 {
	font-weight: 600;
	margin-top: .5rem;
	font-size: .9rem;
}

.add-border {
	border-bottom: 1px solid rgba(163, 163, 163, 1);
}

.language-hobbies-comp {
	padding-bottom: 1rem;
}

.career-page-comp i {
	margin-right: .3rem;
}

.career-page-comp img {
	margin-left: .3rem;
}

.four-list-container li a {
	color: #fff !important;
}

.four-list-container li a.shortlist {
	color: #fff !important;
}


.four-list-container .shortlist {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(235, 141, 0, 1);
	border: 1px solid rgba(235, 141, 0, 1);

}

.four-list-container .schedule {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(29, 29, 109);
	border: 1px solid rgba(29, 29, 109);
}

.four-list-container .hired {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(0, 159, 45, 1);
	border: 1px solid rgba(0, 159, 45, 1);
	;
}

.four-list-container .reject {
	display: flex;
	padding: .5rem 2rem;
	background-color: #fff !important;
	color: red !important;
	border: 1px solid red;
}

.four-list-container li a {
	margin-right: 1rem;
	border-radius: 4px;
}

.four-list-container {
	margin: 2rem 0;
}


.four-list-container li {
	flex: 1;
	margin-right: 1rem;
}

.four-list-container li a {
	width: 100%;
	display: flex;
	justify-content: center;
}

.toggle-btn:hover {
	cursor: pointer;
}


.delete-btn i {
	color: rgba(255, 66, 66, 1);

}

.toggle-btn {
	position: relative;
}

.toggle-bnt-container {
	position: absolute;
	top: 44px;
}

.toggle-bnt-container li a {
	margin-bottom: .8rem;
	display: block;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: .9rem;
}

ul.toggled-btn.toggle-bnt-container {
	background: #fff;
	box-shadow: 1px 1px 4px 1px #ddd;
	padding: 1rem;
	border-radius: 3px;
}

.toggle-bnt-container li .delete-btn {
	margin-bottom: 0;
}


.sbtn-container {
	padding: .7rem 3rem;
	background-color: rgba(40, 107, 255, 1) !important;
	border: none;
	border-radius: 4px;
	color: #ffff;
}


.description-btn textarea {
	padding-left: .5rem;
	padding: 1rem;
}

.main-title-content {
	font-size: 1.1rem !important;
	margin-left: 1rem;
	margin-top: 1rem;
	font-weight: 600;
}

.selected-box {
	padding-bottom: 0;
}

#exampleModal4 .modal-body {
	padding-top: 1rem;
	padding-bottom: 0;
}

#exampleModal4 textarea {
	width: 100%;
	outline: none;
}

#exampleModal4 .sbtn-container {
	margin-top: 1rem;
}

#exampleModal4 .btn-close {
	margin-right: .8rem;
}


#exampleModal4 .modal-content {
	padding-top: .8rem;
}

#exampleModal4 .modal-footer {
	justify-content: center;
	border-top: 0;
}

.submit-btn-insider-container input {
	width: 100%;
	height: 40px;
	padding: 1rem;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}

.date-field,
.time-field {
	position: relative;
}

.date-field label,
.time-field label {
	position: absolute;
	width: 75%;
	height: 47%;
	background: #fff;
	top: 7px;
	left: 29px;
}


.gendar-button-comp input {
	width: fit-content;
	margin: .5rem;
	transform: scale(1.5);
}


.gendar-button-comp {
	padding-left: 1rem;
}

.gendar-button-comp p {
	font-weight: 600;
}

.note-container input {
	width: auto;
	height: auto;
}


.specific-text {
	color: rgba(40, 107, 255, 1);
}

fieldset.note-container {
	padding: .5rem 1rem;
}

.note-container input {
	transform: scale(1.5);
	margin-right: .5rem;
}

.modal-footer {
	border-top: 0;
}


.date-field,
.time-field {
	height: 47px;
}

.gendar-button-comp label {
	font-weight: 600;
}

textarea {
	resize: vertical;
	outline: none;
}


#exampleModal5 textarea {
	width: 100%;
	padding: 1rem;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}


/* Target the date input field */
.back-move-container i {
	margin-right: .5rem;
}


.hight-ligh-txt {
	color: rgba(32, 122, 0, 1) !important;
	margin: 0 .5rem;
}

.title-interview {
	color: #000;
	font-weight: 600;
}

.interview-shedule {
	margin-bottom: 1rem;
}

.resheduld {
	background-color: rgba(172, 187, 0, 1) !important;
	display: flex;
	padding: .5rem 2rem;
}

.bold-container textarea::placeholder {
	font-weight: 600;
	font-size: .9rem;
}


.bold-container textarea {
	padding-left: 1rem;
	padding-top: 1rem;
}

.reschedule {
	background-color: rgba(40, 107, 255, 0.1);
	padding: 1rem;
	font-size: 1rem;
	margin-bottom: 1rem;
	border-radius: 5px;
}

.foucs-primary-color {
	color: rgba(40, 107, 255, 1);
}


.packages-title-container h4 {
	font-size: 1rem;
	font-weight: 600;
}

.packages-title-container h5 {
	font-size: 1.4rem;
	color: rgba(40, 107, 255, 1);
	font-weight: 600;
	margin-top: .5rem;
}

.trusted-container.packages-container .owl-carousel .owl-item img {
	width: 50px !important;

}

.inside-package-container h4 {
	color: rgba(0, 0, 0, 1);
	margin-left: .5rem;
}

.packages-container {
	color: rgba(167, 174, 195, 1);
	font-size: .9rem;
	margin: .8rem 0 0;
}

.main-bolder-content {
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	font-size: 1.8rem;
}

.end-price {
	position: relative;
	margin-left: .5rem !important;
}

.end-price:after {
	content: '';
	display: block;
	width: 41px;
	height: 2px;
	background-color: rgba(40, 107, 255, 1);
	position: absolute;
	transform: rotate(165deg);
	top: 10px;
	left: 7px;
}

.buy-comp-element {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(40, 107, 255, 1);
	color: #fff !important;
	font-size: .9rem;
	border-radius: 5px;
	justify-content: center;
}

.list-main li {
	margin-bottom: 1rem;
}

.list-main li:last-child {
	margin-bottom: 0;
}

.descript {
	margin-bottom: 1rem;
}

.list-main li a {
	color: rgba(0, 0, 0, 1) !important;
	font-size: 0.875rem;
	font-weight: 600;
}

.list-main i {
	color: var(--primaryColor);
	margin-right: .5rem;
}

.packages-title-container {
	padding-bottom: 2rem !important;
}

section.packages-comp {
	padding-bottom: 3rem;
}


.packages-container .owl-dots.disabled {
	display: block !important;
}

.packages-container .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.5rem 0 0;
}

.packages-container .owl-dot {
	width: 15px;
	height: 15px;
	background-color: rgba(217, 217, 217);
	border-radius: 50%;
	margin-right: .3rem;
}

.packages-container .owl-dot.active {
	background-color: var(--primaryColor) !important;
}


.package-container h4 {
	margin-left: 1rem;
}


.trusted-container.packages-container .item {
	border-radius: 5px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}


.hide-salary-comp input {
	width: initial !important;
	height: initial !important;
	transform: scale(1.5);
	margin-right: .5rem;
	color: rgba(208, 208, 208, 1) !important;
}

.hide-salary-comp {
	margin-bottom: 1rem;
	padding-left: 1.2rem;
}

.hide-salary-comp label {
	font-weight: 600;
	font-size: 0.87rem;
}

.arrow-adjust .custom-select:after {
	left: calc(100% - 38px);
}


.job-details-comp .login-desc-form-container,
.skills-container .container,
.descriptipon-container .container {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	border-radius: 1rem;
}


.check-list-container li {
	margin-right: 1rem;
}

.check-list-container li a {
	padding: .8rem 1.5rem;
	background-color: var(--primaryColor);
	color: #fff !important;
	border-radius: 50px;
	font-size: 0.85rem;
	display: inline-block;
}


.cros-icon {
	font-size: 1rem;
	margin-left: .5rem;
}

.sektin-difital-list li {
	margin-right: 1rem;
}

.sektin-difital-list li a {
	display: inline-block;
	padding: .5rem 2rem;
	background-color: #fff;
	border-radius: 50px;
	border: 1px solid rgba(193, 193, 193, 1);
	color: rgba(58, 58, 58, 1) !important;
}

.skills-container .container {
	padding-top: 1rem;
}

.key-skills-container {
	height: 53px;
}

.descriptipon-container textarea {
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}

.descriptipon-container .container {
	padding: 1.5rem;
}


.quetion-list-container li a {
	width: 100%;
	height: 40px;
	border: 1px solid rgba(208, 208, 208, 1);
	display: flex;
	align-items: center;
	padding-left: 1rem;
	color: #000 !important;
}

.quetion-list-container li {
	margin-bottom: 1rem;
}


/* Start Temporery hold responsive Desing */
/* only 3 pages responsive Design Coming Soon */


input::placeholder {
	color: rgba(58, 58, 58, 1);
	font-weight: 600;
	font-size: .8rem;
}

/* start login page comp */

.login-page-component {
	background-size: cover;
	background-repeat: no-repeat;
}

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

/*.login-img-container img {
    width: 100%;
    height: 630px;
     object-fit: cover; 
}*/

.login-desctiption h1 {
	font-size: 1.2rem;
	font-weight: 700;
}

.login-desctiption p {
	font-size: 14px;
	color: #5B5B5B;
	font-weight: 400;
}

.form-group select,
.login-form-container input {
	width: 100%;
	height: 55px;
	border: 1px solid #efefef;
	border-radius: 5px;
	padding-left: 1rem;
	padding: 0 0 0 1rem;
	font-size: .9rem;
}

.form-group button {
	width: 100%;
	height: 50px;
}

span.search-icon {
	position: absolute;
	top: -3px;
	/* font-size: 4px; */
	left: 12px !important;
}

.login-desc-form-container {
	box-shadow: 0px 0px 5px 0px #286bff5e;
	border-radius: 1rem;
	width: 87%;
	background: #fff;
}

input:focus-visible,
.form-group textarea:focus-visible {
	outline: 1px solid var(--primaryColor) !important;
}

.form-group button {
	background-color: var(--primaryColor);
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	border: none;
	border-radius: 5px;
}

.forgot-password a {
	color: #000;
	font-size: 1rem;
}

.register-now a {
	font-size: 0.875rem !important;
}

.register-now a {
	color: #000;
	font-weight: 600;
}

.registercls {
	color: rgb(36 75 133) !important;
	font-size: 1rem !important;
	font-weight: 700;
}


/* cleint */
.trusted-container h4 {
	font-size: .9rem;
	color: rgba(110, 113, 117, 1);
	font-weight: 600;
	transform: translateX(-57px);
}

.trusted-container .item {
	box-shadow: 0px 0px 3px 2px #286bff36;
	border-radius: 8px;
	margin: 2px;
	padding: 10px 0;
}

.trusted-container .owl-carousel .owl-item img {
	width: 89.57px;
	margin: auto;
	object-fit: cover;
}

.forgot-password a {
	color: #000;
	font-size: 14px;
	font-weight: 400;
}

/* end login page comp */


/* start Copy rights */
.copyright-comp {
	background-color: var(--primaryColor);
}

.designer-author {
	text-align: right;
}

.highlight {
	color: #fff !important;
	font-weight: 600;
}

.copyright-comp p {
	font-size: 0.875rem;
}


.form-control {
	-webkit-appearance: block !important;
	-moz-appearance: block !important;
	appearance: block !important;
}


/* end Copy rights */


/* custom select arrow */
.custom-select {
	position: relative;
	display: inline-block;
	width: 100%;
}

.arrow-down {
	position: absolute;
	top: 39%;
	right: 17px;
}

.form-control:focus {
	box-shadow: none !important;
}

.form-group textarea {
	width: 100%;
	height: 180px;
	padding: 1rem;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}

.nxt-btn-container a {
	padding: 0 3rem;
	background-color: var(--primaryColor);
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	color: #fff !important;
	font-size: .9rem;
	font-weight: 600;
	border-radius: 5px;
	text-transform: capitalize;
	height: 46px;
}

.resubale-utilties {
	font-weight: 600;
	font-size: 1rem;
	color: rgba(58, 58, 58, 1);
}


.prev-btn-container a {
	background-color: rgb(37 77 135);
	color: #fff;
	width: fit-content;
	display: inline-block;
	padding: 0.8rem 3rem;
	border-radius: 5px;
	font-size: .95rem;
	font-weight: 600;
	margin-bottom: 1rem;
	text-transform: capitalize;
}

/* add icon */
/* Style for the custom file upload container */
.custom-file-upload {
	position: relative;
	overflow: hidden;
	display: inline-block;
	height: 121px;
	border: 1px dashed rgba(159, 158, 158, 1);
	width: 100%;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Style for the file input */
.custom-file-upload input[type="file"] {
	position: absolute;
	font-size: 100px;
	opacity: 0;
	right: 0;
	top: 0;
}

/* Style for the file upload label */
.file-upload-label {
	display: inline-block;
	cursor: pointer;
	padding: 10px 20px;
	background-color: none;
	color: #fff;
	border: none;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

/* Style for the icon inside the label */
.file-upload-label img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	/* Adjust spacing as needed */
}


.load-icon {
	color: rgba(0, 0, 0, 1);
	font-size: .9rem;
	font-weight: 600;
}

.upload-container h3 {
	font-size: .9rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.astric {
	color: rgb(255 0 0);
	font-size: 1rem;
}

.add-new-img-icon a {
	color: rgba(123, 123, 123, 1) !important;
}

.register-submit-btn {
	width: fit-content !important;
	padding: 0rem 3rem;
	font-size: .95rem !important;
}

.modal-body h2 {

	font-weight: 700;
	margin-bottom: 1rem;
}

.modal-body p {
	font-size: 1rem;
	color: rgba(91, 91, 91, 1);
}

.inside-check-container {
	width: 60px;
	height: 60px;
	background-color: #fff;
	color: #0fb957 !important;
	font-size: 1.3rem;
}

.inside-check-container,
.chek-icon-container {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}


/* check icon */
/* Style for the outer container */

.inside-check-container i {
	font-size: 1.8rem;
}

/* Style for the inner container */
.inside-check-container {
	color: #fff;
}


.chek-icon-container {
	display: inline-block;
	background-color: #0fb957;
	width: 153.74px;
	height: 153.74px;
	display: flex;
	margin: auto;
	position: relative;
}

/* Pseudo-element for the outline */
.chek-icon-container::before {
	content: "";
	position: absolute;
	top: -14px;
	left: -14px;
	width: 178.74px;
	height: 178.74px;
	border: 14px solid #dbf5e6;
	border-radius: 50%;
}

.modal-body h2 {
	margin: 1rem 0;
}

.modal-header {
	border-bottom: 0 !important;
}

.modal-body {
	padding: 1rem 2rem;
}

.modal-header .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23286bff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	--bs-btn-close-opacity: 1;
	box-shadow: none !important;
}


.form-control,
.form-group textarea::placeholder {
	font-weight: 500;
	color: #000;
	font-size: 16px;
}

.et_pb_contact_form_label {
	display: block;
	color: black;
	font-weight: bold;
	letter-spacing: 1.2px;
	font-size: 18px;
	padding-bottom: 5px;
}

input[id="et_pb_contact_brand_file_request_0"] {
	display: none;
}

label[for="et_pb_contact_brand_file_request_0"] {
	background: #fff;
	height: 145px;
	background-image: url('../img/uplaod-icon-2.png');
	background-repeat: no-repeat;
	background-position: top 39px center;
	/* position: absolute; */
	background-size: 7%;
	color: transparent;
	margin: auto 0;
	width: 450px;
	transform: translateY(0%);
	border: 1px solid #D0D0D0;
	box-sizing: border-box;
	border-radius: 5px;
}

label[for="et_pb_contact_brand_file_request_0"]:before {
	content: "Upload Poster";
	display: block;
	position: absolute;
	top: 71%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #202020;
	font-weight: 400;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.submit-btns {

	margin-top: 20px
}

.submit-btns ul {

	padding-left: 0px
}

.submit-btns ul li {

	display: inline-block
}

.submit-btns ul li:first-child button {
	background: #23467d;
	color: #fff;
	padding: 13px 38px;
	font-size: 13px;
	border-radius: 4px;
	font-weight: 500;
}

.submit-btns ul li:last-child button {
    border: 1px solid #FF2828;
    color: #FF2828;
    background: transparent;
    padding: 13px 38px;
    font-size: 13px;
    border-radius: 4px;
    font-weight: 500;
}

/*label[for="et_pb_contact_brand_file_request_0"]:after {
	display: block;
	content: 'Browse';
	background: #16a317;
	width: 86px;
	height: 27px;
  line-height: 27px;
	position: absolute;
	bottom: 19px;
	font-size: 14px;
	color: white;
	font-weight: 500;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}*/
label[for="et_pb_contact_brand_request_0"]:after {
	content: " (Provide link or Upload files if you already have guidelines)";
	font-size: 12px;
	letter-spacing: -0.31px;
	color: #7a7a7a;
	font-weight: normal;
}

label[for="et_pb_contact_design_request_0"]:after {
	content: " (Provide link or Upload design files)";
	font-size: 12px;
	letter-spacing: -0.31px;
	color: #7a7a7a;
	font-weight: normal;
}

label[for="et_pb_contact_brand_file_request_0"].changed,
label[for="et_pb_contact_brand_file_request_0"]:hover {
	background-color: #e3f2fd;
}

label[for="et_pb_contact_brand_file_request_0"] {
	cursor: pointer;
	transition: 400ms ease;
}

.file_names {
	display: block;
	position: absolute;
	color: black;
	left: 0;
	bottom: -30px;
	font-size: 13px;
	font-weight: 300;
}

.file_names {
	text-align: center;
}

.editable i {
	color: rgba(40, 107, 255, 1);
	margin-left: .5rem;
}

/* Pulse animation */


/* Start Customized animation */
select {
	padding: 15px 5px 15px 15px;
	border: none;
	/* font-family: Verdana; */
	font-weight: bold;
	background-color: white;
	color: rgba(58, 58, 58, 1);
	outline: none;
	min-width: 150px;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: .9rem;
}

/* Select new arrow styling */
/* .custom-select:after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    top: 4px;
    left: calc(100% - 37px);
    font-size: 16px;
    padding: 12px 7px;
    background-color: transparent;
    color: rgba(58, 58, 58, 1);
    pointer-events: none;
} */

.load-img-container {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.upload-img-resube {
	height: 90px;
	object-fit: cover;
}

.close-icon-container {
	width: 40px;
	height: 40px;
	background: #dddd;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #286bff;
	cursor: pointer;
}


/* End Customized animation */


.file-name-container,
.file-name-container2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}

.add-new-img-icon label {
	color: rgba(123, 123, 123, 1);
	padding: 0;
}

.add-new-img-icon label i {
	padding-right: .5rem;
}

/* Start Responsive Desing */

/* largre screens */

@media (max-width: 1200px) {
	.login-img-container img {
		object-fit: initial;
		height: 600px;
	}

	.login-desc-form-container {
		width: 100%;
	}
}

/* mini desktop and laptop */
@media (max-width: 992px) {
	html {
		font-size: 89%;
	}

	.nxt-btn-container a {
		padding: 1rem 5rem;
		font-size: 1rem;
	}

	.form-group select,
	.login-form-container input {
		height: 49px;
	}

	.custom-select:after {
		top: 1px;
		/* right: 6rem; */
		font-size: 15px;
	}

	.form-group textarea {
		height: 110px;
	}

	.custom-select:after {
		top: 1px;
		font-size: 15px;
	}
}


/* ipad  */
@media (max-width: 768px) {
	html {
		font-size: 85%;
	}

	.login-desc-form-container {
		width: 100%;
	}

	.login-img-container img {
		height: 500px;
		object-fit: initial;
	}

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

	.form-group select,
	.login-form-container input {
		height: 37px;
		padding: 0 1rem;
		font-size: .9rem;
	}

	.responsive-pad {
		padding: 1.5rem 0 !important;
	}

	.responsive-pad-top {
		padding: 1.5rem 0 0 !important;
	}

	input::placeholder {
		font-size: .9rem;
	}


	.prev-btn-container a {
		text-align: center;
		width: auto;
		border-radius: 0;
		margin: 0;
		border-top: 1px solid #fff;
		font-size: .9rem;
	}

	.space-btm {
		padding-bottom: 1rem !important;
		text-align: center;
	}

	.custom-file-upload {
		height: 80px;
	}

	.load-icon {
		color: rgba(0, 0, 0, 1);
		font-size: .9rem;
		font-weight: 600;
	}

	.form-group button {
		font-size: .9rem;
	}

	.login-desc-form-container {
		padding-bottom: 0 !important;
	}

	.form-group.pb-4.responsive-margin {
		margin-top: 0;
	}

	.custom-file-upload.first {
		margin-bottom: 1rem;
	}

	.registerpage .login-desc-form-container {
		padding-bottom: 1rem !important;
	}

}

/* smart mobile */
@media (max-width: 576px) {
	html {
		font-size: 80%;
	}

	.logo-container img {
		width: 120px;
		margin-left: 8px;
	}

	.login-img-container img {
		width: 100%;
		height: 335px;
		object-fit: cover;
		object-position: top;
	}

	span.search-icon-1 {

		top: 6px !important;
	}

	.search-form-container.dashboard-seach-form h5 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	input#search {

		margin-bottom: 13px;
        width: 100%;
	}

    input.fixed-btn-search {

        margin-left: 0px !important;
    }
    input.fixed-btn-search-1 {

        margin-left: 0px !important;
    }

    .action-btns {

        justify-content: start !important;
    }

    .action-btns li {

        padding-right: 5px;
    }

    ul.action-btns li a {

        font-size: 14px !important;
    }

	input::placeholder {
		font-size: 12px !important;
		/* Smaller font size for mobile view */
	}

	.form-group button {
		width: fit-content;
		height: 30px;
		font-size: .8rem;
		padding: 0 4rem;
	}

	.sub-btn {
		text-align: center;
	}

	.logo-container.mb-4 {
		margin-bottom: 1rem !important;
	}

	.logo-container.mb-4 {
		text-align: left;
	}

	.login-desctiption h1 {
		font-size: 1.2rem;
	}

	.trusted-container h4 {
		transform: translateX(0);
	}

	.form-group.pb-4 {
		padding-bottom: 1rem !important;
	}

	.forgot-password.pb-4.text-end {
		padding-bottom: .7rem !important;
	}


	.form-group textarea {
		font-size: .9rem;
	}

	.login-desc-form-container {
		padding: 1rem 1rem 1rem !important;
	}

	.register-comp .login-desc-form-container {
		padding: 1rem !important;
	}

	.responsive-margin {
		margin-top: 0;
	}

	.chek-icon-container {
		width: 100px;
		height: 100px;
	}

	.chek-icon-container::before {
		width: 129px;
		height: 129px;
	}

	.inside-check-container {
		width: 50px;
		height: 50px;
		font-size: 1.3rem;
	}

	.modal-body h2 {
		margin: 2rem 0 1rem;
		font-size: 1.5rem;
	}

	.modal-body p {
		font-size: 1.1rem;
		color: rgba(91, 91, 91, 1);
	}

	.modal.show .modal-dialog {
		margin-top: 7rem;
	}


}

/* jio mobile */
@media (max-width: 575px) {
	.designer-author {
		text-align: center;
	}

	.modal-body p {
		font-size: .9rem;
		color: rgba(91, 91, 91, 1);
	}
}


/* end Responsive Desing */

/* Start Dashboard Design */
.v-center {
	align-items: center;
}

/* header */
.header {
	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
	padding: 11px 10px;
}

.header .item-left {
	flex: 0 0 17%;
}

.header .logo a {
	font-size: 30px;
	color: #000000;
	font-weight: 700;
	text-decoration: none;
}

.header .item-center {
	flex: 0 0 24%;
}

.header .item-right {
	flex: 0 0 58%;
	display: flex;
	justify-content: flex-end;
	padding-right: 0;
}

.header .item-right a {
	text-decoration: none;
	font-size: 16px;
	color: #fff !important;
	display: flex;
	margin-left: 18px;
	transition: color 0.3s ease;
	height: 48px;
	align-items: center;
	justify-content: center;
}

.header .menu>ul>li.active a {

	color: #23467D !important
}

.header .menu>ul>li {
	display: inline-block;
	line-height: 50px;
	margin-left: 18px;
}

.header .menu>ul>li>a {
	font-size: 16px;
	font-weight: 500;
	color: #646464 !important;
	position: relative;
	text-transform: capitalize;
	transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu {
	position: absolute;
	z-index: 500;
	background-color: #ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top: 25px;
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 992px) {
	.header .menu>ul>li.menu-item-has-children:hover .sub-menu {
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
}

.header .menu>ul>li .sub-menu>ul>li {
	line-height: 1;
}

.header .menu>ul>li .sub-menu>ul>li>a {
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}

.header .menu>ul>li .single-column-menu {
	min-width: 280px;
	max-width: 350px;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
	line-height: 1;
	display: block;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
	padding: 10px 0;
	display: inline-block;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu.mega-menu {
	left: 50%;
	transform: translateX(-50%);
}

.header .menu>ul>li .sub-menu.mega-menu-column-4 {
	max-width: 1100px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
	flex: 0 0 25%;
	padding: 0 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	line-height: 1;
	padding: 10px 0;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
	text-align: center;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
.header .menu>ul>li .sub-menu>ul>li>a:hover,
.header .item-right a:hover,
.header .menu>ul>li:hover>a {
	color: #fff;
}

/* banner section */
.banner-section {
	background-image: url('../img/banner.jpg');
	background-size: cover;
	background-position: center;
	height: 700px;
	width: 100%;
	display: block;
}

.mobile-menu-head,
.mobile-menu-trigger {
	display: none;
}

/*responsive*/
@media (max-width: 991px) {

	.header .item-center {
		order: 3;
		flex: 0 0 100%;
	}

	.header .item-left,
	.header .item-right {
		flex: 0 0 17%;
	}

	.search-icon i {
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}

	.v-center {
		justify-content: space-between;
	}

	.header .mobile-menu-trigger {
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}

	.header .mobile-menu-trigger span {
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}

	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}

	.header .mobile-menu-trigger span:before {
		top: -6px;
	}

	.header .mobile-menu-trigger span:after {
		top: 6px;
	}

	.header .item-right {
		align-items: center;
	}

	.header .menu {
		position: fixed;
		width: 320px;
		background-color: #ffffff;
		left: 0;
		top: 0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}

	.header .menu.active {
		transform: translate(0%);
	}

	.header .menu>ul>li {
		line-height: 1;
		margin: 0;
		display: block;
	}
    

	.header .menu>ul>li>a {
		line-height: 50px;
		height: 50px;
		padding: 0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header .menu>ul>li>a i {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}

	.header .menu .mobile-menu-head {
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top: 0;
	}

	.header .menu .mobile-menu-head .go-back {
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 16px;
		display: none;
	}

	.header .menu .mobile-menu-head.active .go-back {
		display: block;
	}

	.header .menu .mobile-menu-head .current-menu-title {
		font-size: 15px;
		font-weight: 500;
		color: #000000;
	}

	.header .menu .mobile-menu-head .mobile-menu-close {
		height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 25px;
	}

	.header .menu .menu-main {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.header .menu>ul>li .sub-menu.mega-menu,
	.header .menu>ul>li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin: 0;
		padding: 15px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}

	.header .menu>ul>li .sub-menu.active {
		display: block;
	}

	@keyframes slideLeft {
		0% {
			opacity: 0;
			transform: translateX(100%);
		}

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

	@keyframes slideRight {
		0% {
			opacity: 1;
			transform: translateX(0%);
		}

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

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
		margin-top: 0;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
		margin-bottom: 20px;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
		margin-bottom: 0px;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
		flex: 0 0 100%;
		padding: 0px;
	}

	.header .menu>ul>li .sub-menu>ul>li>a,
	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
		display: block;
	}

	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
		margin-bottom: 15px;
	}

	.menu-overlay {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.5);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s ease;
	}

	.menu-overlay.active {
		visibility: visible;
		opacity: 1;
	}
}


/* Start menu items css */
.post-job-container {
	display: inline-block;
	padding: .5rem 2rem;
	border-radius: .5rem;
	background-color: #23467D;
}

.header .item-center {
	flex: 0 0 24%;
}

/* End menu items css */

/* End Dashboard Design */

button.search-button {
	width: 43px;
	background: transparent;
}

.search-icon {
	color: #000 !important;
}


.search-icon-container {
	position: relative;
}

.search-button {
	position: absolute;
	top: 20px;
	left: 5px;
}

.search-icon-container input {
	text-indent: 2rem;
	width: 345px;
	height: 52px;
	border-radius: 5px !important;
}

.search-icon i {
	font-size: 1.2rem;

}

.header-item .logo img {
	width: 186px;
}


/* Start Card Container */
/*.one-card-container {
    background-position: right;
    background-repeat: no-repeat;
    padding: 1rem;
    box-sizing: border-box;
    height: 128.17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
}*/

.one-card-container.one-card {
	background-color: #7F59B0;

}

.one-card-container.second-card {
	background-color: #EA4B8B;

}

.one-card-container.third-card {
	background-color: #FCB424;

}

/*.one-card-container.fourth-card {
    background-color: rgb(255 40 40);
  
}*/

.mini-img-container img {
	width: 85px;
}


.content-number {
	font-size: 32px;
	font-weight: 500;
}

.content-number,
.content-descp {
	color: #fff;

}


.content-descp {
	font-size: 17px;
	margin-top: .5rem;
	font-weight: 400;

}

.cards-comp {
	padding-bottom: 1.5rem;
	padding-top: 2rem;
}

/* End Card Container */


/* start dashboard tabs */
.nav-tabs,
.nav-tabs .nav-link {
	border: none;
	font-size: .89rem;
	font-weight: 500;
}

.nav-tabs .nav-link {
	border-radius: 0;
	color: #434343;
	font-weight: 600;
}

input.fixed-btn-search {
	width: fit-content;
	text-indent: 0;
	padding: 0 2.6rem;
	background: #23467D;
	color: #fff;
	margin-left: .5rem;
	font-size: 17px !important;
}
input.fixed-btn-search-1 {
	width: fit-content;
	text-indent: 0;
	padding: 0 2.6rem;
	background: #e69313;
	color: #fff;
	margin-left: .5rem;
	font-size: 17px !important;
}

input::placeholder {
	font-size: 17px;
	/* Adjust the size as needed */
	color: #363636 !important
}

span.search-icon-1 i {
	color: #363636 !important;
}

ul.action-btns li a {
	color: #23467D;
	padding-right: 7px;
	font-size: 19px;
}



ul.candiate-container li img {
	width: 50px;
	height: 50px;
	border-radius: 68%;
	/* border: 1px solid #eee; */
}

.dashboard-seach-form input {
	text-indent: 0;
	font-size: .9rem;
}

/*.form-group {
    padding: 1rem 0;
}
*/

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active::after {
	content: '';
	width: 100%;
	height: 4px;
	border-radius: 4px;
	display: flex;
	margin-top: .5rem;
	position: absolute;
	top: 34px;
	left: 0;
	transition: all .2s ease;
	background-color: rgba(40, 107, 255, 1);
}


.tabs-content-comp {
	position: relative;
}

.tabs-content-comp::before {
	content: '';
	display: flex;
	width: 100%;
	height: 2px;
	background: rgba(233, 233, 233, 1);
	position: absolute;
	top: 44px;
	z-index: -1;
}

/* end dashboard tabs */
.header .item-right a {
	margin-top: 0;
}

/* start dashboad table */
/* Style the table */
.user-profile-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	/* table-layout: fixed; */
}

/* Style table header */
.user-profile-table th {
	background-color: #fff;
	color: rgba(67, 67, 67, 1);
	text-align: center;
	padding: 10px;
	font-size: .8rem;
	/* font-weight: 600; */
}

/* Style table rows */
.user-profile-table tr {
	/* background-color: #f2f2f2; */
	border-bottom: 1px solid #f2f2f2;
}

.user-profile-table tr:last-child {
	/* background-color: #f2f2f2; */
	border-bottom: none !important;
}

/* Style table cells */
.user-profile-table td {
	padding: 10px;
	width: 14.28%;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}

/* Style the "Download Resume" link */
.user-profile-table a {
	text-decoration: none;
	color: blue;
}

/* Style the "Edit" button */
.user-profile-table button {
	background-color: #007bff;
	color: #fff;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}

.profile-pic {
	/* width: 100%;
    height: 100%; */
	width: 64px;
	height: 64px;
	object-fit: cover;
        border-radius: 50% !important
}


.details-btn {
	background-color: transparent !important;
	font-weight: 600;
}

.color-add,
.details-btn,
.navigated {
	color: #23467D !important;
}


.download-btn-container {
	color: #000 !important;
}

.download-btn-container img {
	margin-right: .4rem;
	width: 15px;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #23467D;
	position: relative;
	font-size: .85rem;
}

/* end dashboad table */

.check-list-box label {
	color: rgba(235, 141, 0, 1);
}

.remove {
	color: rgba(255, 40, 40, 1) !important;
	margin-left: -1rem;
}

.timer-txt {
	color: rgba(32, 122, 0, 1) !important;
}

.check-list-box input[type="checkbox"] {
	background-color: rgba(235, 141, 0, 1);
}

/* Hide the default checkbox */
.check-list-box input[type="checkbox"] {
	display: none;
}

/* Style the custom checkbox */
.check-list-box label::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: rgba(235, 141, 0, 1);
	border: 1px solid rgba(235, 141, 0, 1);
	margin-right: .5rem;
	transform: translateY(4px);
	border-radius: 4px;
}

/* Style the label text */
.check-list-box label {
	/* vertical-align: middle; */
	display: flex;
}

/* Style the custom checkbox when checked */
.check-list-box input[type="checkbox"]:checked+label::before {
	content: "✓";
	color: #000;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
}

.timer-txt .time {
	margin-left: 1rem;
}

.search-form-container.dashboard-seach-form {
	padding-top: 1rem;
}

.editable-icon,
.delete-icon {
	font-size: 1.5rem;
}

.editable-icon {
	color: rgba(40, 107, 255, 1);
	margin-right: 0;
}

.delete-icon {
	color: rgba(255, 66, 66, 1)
}

.detail-check-box-container h4 {
	font-size: 1rem;
	font-weight: 600;
	white-space: pre;
	line-height: 1.9
}

.detail-check-box-container h5 {
	font-size: 1.1rem;
	color: #000;
	margin: .5rem 0;
	font-weight: 600;
}

.detail-check-box-container h6 {
	font-size: 0.80rem;
	color: rgba(116, 116, 116, 1);
	font-weight: 600;
}

#job-checkbox {
	transform: scale(1.5);
	width: 10px
}

.detail-check-box-container span {
	font-size: 14px;
	color: #565656;
	font-weight: 500;
}



section.detail-comp {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 2px 0px;
	margin-top: 3rem;
}

.row.g-4.insider-box-container {
	padding: 0 0 1rem 1rem;
}

.dashboard-seach-form .form-group select {
	height: 47px;
}

.view-app-txt {
	color: rgba(116, 116, 116, 1);
	font-size: .9rem;
}

a.view-app {
	font-size: .9rem;
	color: #23467D
}

.view-app i {
	font-size: .8rem;
}

.detail-check-box-container h5 {
	font-size: .9rem;

}

.editable-icon,
.delete-icon {
	font-size: 1.2rem;
}


.two-btn-container .yes-btn,
.two-btn-container .no-btn {
	background-color: #23467D;
	padding: .5rem 3rem;
	border: none;
	border-radius: 4px
}

.ribbon {
	font-size: 10px;
	font-weight: 300;
	color: #fff;
}

.ribbon {
	--r: .8em;
	padding-right: calc(var(--r) + .25em);
	line-height: 1.8;
	clip-path: polygon(-100px 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, -100px 100%);
	border-image: conic-gradient(#FF7A00 0 0) fill 0 / / 6px;
	width: fit-content;
	margin-left: 10px
}

.two-btn-container .no-btn {
	background-color: rgba(255, 40, 40, 1);
}

section.detail-comp.first-comp {
	margin-top: 2rem;
}

.delete-descript {
	font-size: 1.1rem !important;
	text-align: center;
	line-height: 2rem;
	text-transform: capitalize;
}

.navigation-counter-content {
	display: flex;
	justify-content: end;
}


span.special-focus {
	color: #1d1d6d;
}

.back-move-container h5 {
	font-weight: 600;
	color: rgba(54, 54, 54, 1);
	font-size: 21px;
	margin-bottom: 12px;

}

.text-color {
	color: rgba(40, 107, 255, 1);
}

.focus-txt,
.navigation-counter-content i {
	color: rgba(123, 123, 123, 1);
}

.navigation-counter-content .fa-chevron-left,
.navigation-counter-content .fa-angle-right {
	font-size: .7rem;
	transform: translateY(-1px);
}

.candiate-name {
	font-weight: 600;
	font-size: 23px;
	line-height: 1.2;
}


.candiate-desctipt h4 {
	font-size: 18px;
	font-weight: 500;
	color: #23467D;
	margin: .5rem 0;

}

ul.descript-list {
	display: flex;
	/* margin-bottom: .7rem; */
	margin: .9rem 0;
}

.descript-list li {
	color: rgba(104, 104, 104, 1);
	font-weight: 600;
	font-size: .9rem;
	margin-right: 1rem;
}

.descript-list li i {
	color: rgba(217, 217, 217, 1);
	font-size: .7rem;
	margin-right: .2rem;
}

.skill-container h5 {
	font-size: 16px;
	font-weight: inherit;
	color: #717171;
	display: flex;
}

.skill-container h5 img {
	margin-right: .3rem;
}

.skill-container p {
	color: rgba(83, 83, 83, 1);
	font-size: .9rem;
	font-weight: 600;
	margin-top: .5rem;
}

.reject-btn {
	color: rgba(218, 25, 25, 1);
	background-color: transparent;
	border: 1px solid rgba(218, 25, 25, 1);
	height: 47px;
	width: 100%;
	font-size: .9rem;
	border-radius: 4px;
	margin-left: .5rem;
}

.maths-facilty select {
	min-width: 100%;
	background: #286bff;
	color: #fff;
}

.maths-facilty .custom-select:after {
	color: #fff;
}

a.dots-btn {
	display: flex;
	justify-content: end;
}

.personm-desp>.container>.row {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
	padding: 1rem;
	border-radius: 7px;
	margin: .5rem 0;
}

.candiate-list-container li {
	margin-right: 1rem;
}

.candiate-list-container li a {
	color: rgba(91, 91, 91, 1) !important;
}

.role-details h4 {
	font-size: 16px;
	text-transform: capitalize;
	color: rgba(113, 113, 113, 1);
}

.education-details {

	padding: 20px 0px 0px
}

.border-top-ection {

	border-top: 1px solid #A3A3A3;
	padding-top: 25px
}

section.education-details h6 {
	margin-bottom: 11px;
	color: #23467D;
	font-size: 18px;

}

.role-details h5 {
	font-size: 16px;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 1);
	font-weight: 500;
	margin-top: .5rem;
}

.toggle-btn {
	display: flex;
	justify-content: end;
}

.job-details-comp>.container>.row.add-border {
	border-bottom: 1px solid rgb(163 163 163 / 54%);
	padding-bottom: 1rem;
}


.skill-set-container li a {
	color: rgba(58, 58, 58, 1);
}

.delete-btn i {
	color: rgba(255, 66, 66, 1);
	font-size: 1.1rem;
	margin-right: .3rem;
}

.skils-set-list {
	margin-top: 1rem;
	margin-bottom: .3rem;
}

.skils-set-list li {
	margin-right: .5rem;
	font-weight: 500;
	font-size: 17px;
}

ul.toggled-btn.toggle-bnt-container li {
	border-bottom: 1px solid #9E9E9E;
	margin-bottom: 12px;
}

ul.toggled-btn.toggle-bnt-container li:last-child {

	border-bottom: 0px
}

.career-page-comp h6 {
	font-weight: 600;
	margin-top: .5rem;
	font-size: .9rem;
}

.add-border {
	border-bottom: 1px solid rgb(163 163 163 / 61%);
}

.language-hobbies-comp {
	padding-bottom: 1rem;
}

.career-page-comp i {
	margin-right: .3rem;
}

.career-page-comp img {
	margin-left: .3rem;
}

.four-list-container li a {
	color: #fff !important;
}

.four-list-container li a.shortlist {
	color: #fff !important;
}


.four-list-container .shortlist {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(235, 141, 0, 1);
	border: 1px solid rgba(235, 141, 0, 1);

}

.four-list-container .schedule {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(29, 29, 109);
	border: 1px solid rgba(29, 29, 109);
}

.four-list-container .hired {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(0, 159, 45, 1);
	border: 1px solid rgba(0, 159, 45, 1);
	;
}

.four-list-container .reject {
	display: flex;
	padding: .5rem 2rem;
	background-color: #fff !important;
	color: red !important;
	border: 1px solid red;
}

.four-list-container li a {
	margin-right: 1rem;
	border-radius: 4px;
}

.four-list-container {
	margin: 2rem 0 3rem;
}


.four-list-container li {
	flex: 1;
	margin-right: 1rem;
}

.four-list-container li a {
	width: 100%;
	display: flex;
	justify-content: center;
}

.toggle-btn:hover {
	cursor: pointer;
}


.delete-btn i {
	color: rgba(255, 66, 66, 1) !important;

}

.toggle-btn {
	position: relative;
}

.toggle-bnt-container {
	position: absolute;
	top: 44px;
}

.toggle-bnt-container li a {
	margin-bottom: .8rem;
	display: block;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: .9rem;
}

ul.toggled-btn.toggle-bnt-container {
	background: #fff;
	box-shadow: 1px 1px 4px 1px #ddd;
	padding: 1rem;
	border-radius: 3px;
	display: none;
}

.toggle-bnt-container li .delete-btn {
	margin-bottom: 0;
	color: #000 !important
}

/* .toggled-btn.toggle-bnt-container{
    display: none;
} */

.sbtn-container {
	padding: .7rem 3rem;
	background-color: rgba(40, 107, 255, 1) !important;
	border: none;
	border-radius: 4px;
	color: #ffff;
}


.description-btn textarea {
	padding-left: .5rem;
	padding: 1rem;
}

.main-title-content {
	font-size: 1.1rem !important;
	margin-left: 1rem;
	margin-top: 1rem;
	font-weight: 600;
}

.selected-box {
	padding-bottom: 0;
}

#exampleModal4 .modal-body {
	padding-top: 1rem;
	padding-bottom: 0;
}

#exampleModal4 textarea {
	width: 100%;
	outline: none;
}

#exampleModal4 .sbtn-container {
	margin-top: 1rem;
}

#exampleModal4 .btn-close {
	margin-right: .8rem;
}


#exampleModal4 .modal-content {
	padding-top: .8rem;
}

#exampleModal4 .modal-footer {
	justify-content: center;
	border-top: 0;
}

.submit-btn-insider-container input {
	width: 100%;
	height: 40px;
	padding: 1rem;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}

.date-field,
.time-field {
	position: relative;
}

.date-field label,
.time-field label {
	position: absolute;
	width: 75%;
	height: 47%;
	background: #fff;
	top: 7px;
	left: 29px;
}


.gendar-button-comp input {
	width: fit-content;
	margin: .5rem;
	transform: scale(1.5);
}


.gendar-button-comp {
	padding-left: 1rem;
}

.gendar-button-comp p {
	font-weight: 600;
}

.note-container input {
	width: auto;
	height: auto;
}


.specific-text {
	color: rgba(40, 107, 255, 1);
}

fieldset.note-container {
	padding: .5rem 1rem;
}

.note-container input {
	transform: scale(1.5);
	margin-right: .5rem;
}

.modal-footer {
	border-top: 0;
}


.date-field,
.time-field {
	height: 47px;
}

.gendar-button-comp label {
	font-weight: 600;
}

textarea {
	resize: vertical;
	outline: none;
}


#exampleModal5 textarea {
	width: 100%;
	padding: 1rem;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}


/* Target the date input field */
.back-move-container i {
	margin-right: .5rem;
	color: #1d1d84
}

.view-application-btn {
	background: #23467d;
	color: #fff;
	padding: 11px 20px;
	border-radius: 4px;

}

.dropdwon-cion i {
	position: absolute;
	margin-top: -55px;
	font-size: 24px;
	color: #23467D;
}

li.candiate-name ul li img {
	width: 16px !important;
	height: auto !important;
	border-radius: inherit;
}

li.candiate-name ul li:first-child {

	padding-right: 20px
}

li.candiate-name ul li a {
	color: #5B5B5B;
	font-size: 14px;
	font-weight: 400;
}

.hight-ligh-txt {
	color: rgba(32, 122, 0, 1) !important;
	margin: 0 .5rem;
}

.title-interview {
	color: #000;
	font-weight: 600;
}

.interview-shedule {
	margin-bottom: 1rem;
}

.resheduld {
	background-color: rgba(172, 187, 0, 1) !important;
	display: flex;
	padding: .5rem 2rem;
}

.bold-container textarea::placeholder {
	font-weight: 600;
	font-size: .9rem;
}


.bold-container textarea {
	padding-left: 1rem;
	padding-top: 1rem;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.reschedule {
	background-color: rgba(40, 107, 255, 0.1);
	padding: 1rem;
	font-size: 1rem;
	margin-bottom: 1rem;
	border-radius: 5px;
}

.foucs-primary-color {
	color: rgba(40, 107, 255, 1);
}


.packages-title-container h4 {
	font-size: 1rem;
	font-weight: 600;
}

.packages-title-container h5 {
	font-size: 1.4rem;
	color: rgba(40, 107, 255, 1);
	font-weight: 600;
	margin-top: .5rem;
}

.trusted-container.packages-container .owl-carousel .owl-item img {
	width: 50px !important;

}

.inside-package-container h4 {
	color: rgba(0, 0, 0, 1);
	margin-left: .5rem;
}

.packages-container {
	color: rgba(167, 174, 195, 1);
	font-size: .9rem;
	margin: .8rem 0 0;
}

.main-bolder-content {
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	font-size: 1.8rem;
}

.end-price {
	position: relative;
	margin-left: .5rem !important;
}

.end-price:after {
	content: '';
	display: block;
	width: 41px;
	height: 2px;
	background-color: rgba(40, 107, 255, 1);
	position: absolute;
	transform: rotate(165deg);
	top: 10px;
	left: 7px;
}

.buy-comp-element {
	display: flex;
	padding: .5rem 2rem;
	background-color: rgba(40, 107, 255, 1);
	color: #fff !important;
	font-size: .9rem;
	border-radius: 5px;
	justify-content: center;
}

.list-main li {
	margin-bottom: 1rem;
}

.list-main li:last-child {
	margin-bottom: 0;
}

.descript {
	margin-bottom: 1rem;
}

.list-main li a {
	color: rgba(0, 0, 0, 1) !important;
	font-size: 0.875rem;
	font-weight: 600;
}

.list-main i {
	color: var(--primaryColor);
	margin-right: .5rem;
}

.packages-title-container {
	padding-bottom: 2rem !important;
}

section.packages-comp {
	padding-bottom: 3rem;
}


.packages-container .owl-dots.disabled {
	display: block !important;
}

.packages-container .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.5rem 0 0;
}

.packages-container .owl-dot {
	width: 15px;
	height: 15px;
	background-color: rgba(217, 217, 217);
	border-radius: 50%;
	margin-right: .3rem;
}

.packages-container .owl-dot.active {
	background-color: var(--primaryColor) !important;
}


.package-container h4 {
	margin-left: 1rem;
}


.trusted-container.packages-container .item {
	border-radius: 5px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}


.hide-salary-comp input {
	width: initial !important;
	height: initial !important;
	transform: scale(1.5);
	margin-right: .5rem;
	color: rgba(208, 208, 208, 1) !important;
}

.hide-salary-comp {
	margin-bottom: 0;
	padding-left: 1.2rem;
}

.hide-salary-comp label {
	font-weight: 600;
	font-size: 0.87rem;
}

.arrow-adjust .custom-select:after {
	left: calc(100% - 38px);
}


.job-details-comp .login-desc-form-container,
.skills-container .container,
.descriptipon-container .container,
.quetion-list-container .container {
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
}

.check-list-container li {
	margin-right: 1rem;
}

.check-list-container li a {
	padding: .6rem 1.5rem;
	background-color: var(--primaryColor);
	color: #fff !important;
	border-radius: 50px;
	font-size: 0.85rem;
}


.cros-icon {
	font-size: 1rem;
	margin-left: .5rem;
	cursor: pointer;
}

.sektin-difital-list li {
	margin-right: 1rem;
}

.sektin-difital-list li a {
	display: inline-block;
	padding: .5rem 2rem;
	background-color: #fff;
	border-radius: 50px;
	border: 1px solid rgba(193, 193, 193, 1);
	color: rgba(58, 58, 58, 1) !important;
	font-size: .8rem;
}

.skills-container .container {
	padding-top: 1rem;
	padding-left: 1.5rem !important;
}

.key-skills-container {
	height: 53px;
}

.descriptipon-container textarea {
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}

.descriptipon-container .container {
	padding: 1.5rem;
}


.quetion-list-container li a {
	width: 90%;
	height: 40px;
	border: 1px solid rgba(208, 208, 208, 1);
	display: flex;
	align-items: center;
	padding-left: 1rem;
	color: #000 !important;
	border-radius: 5px;
	font-size: 0.875rem;
	font-weight: 600;
}

.quetion-list-container li {
	margin-bottom: 1rem;
}

.quetion-list-container li:last-child {
	margin-bottom: 0;
}


.quetion-list-container .add-fast-icon {
	display: flex;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 1px solid rgba(40, 107, 255, 1);
	color: var(--primaryColor) !important;
	justify-content: center;
	font-size: 1rem;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 3px;
	cursor: pointer;
	opacity: 0;
}

.list-holder {
	position: relative;
}

.quetion-list-container .container {
	padding: 1.5rem;
}

.main-slider-container textarea {
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
	height: 120px;
}


.main-slider-container textarea::placeholder {
	font-size: .9rem;
}

.form-insder-container textarea {
	height: 100px;
}


.job-details-comp .nxt-btn-container a {
	padding: 1rem 3rem;
	background-color: var(--primaryColor);
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	color: #fff;
	font-size: .8rem;
	font-weight: 600;
	border-radius: 5px;
	text-transform: uppercase;
}

.cancel-btn-container a {
	border: 1px solid rgba(255, 40, 40, 1);
	background-color: #fff !important;
	color: rgba(255, 40, 40, 1) !important;
}


/* start toggle btn */
.dropdown-menu .dropdown-toggle::before,
.dropdown-menu .dropdown-toggle::after {
	position: absolute;
	top: 0.85em;
}

.dropdown-menu .dropdown-toggle::before {
	left: 0.255em;
}

.dropdown-menu .dropdown-toggle::after {
	right: 0.255em;
}

.insider-drop-down a {
	color: red !important;
}

/* end toggle btn */


.notification-title {
	font-size: 1.2rem;
}

.content-container h5 {
	font-weight: 600;
}

.recent-notification-container {
	padding-bottom: 1.5rem;
}

.recent-notifications-comp {
	padding-top: 2rem;
	padding-bottom: 0;
}

.clear-all {
	color: var(--primaryColor);
	font-weight: 600;
}

.time-container {
	color: rgba(91, 91, 91, 1);
	font-weight: 600;
	font-size: 0.875rem;

}

.content-container h5 {
	margin-bottom: .5rem;
}

.add-light-border {
	border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.content-container {
	padding: 1rem 0;
}


.cirlce-belicon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	color: #fff !important;
	background-color: var(--primaryColor);
}


.cirlce-belicon i {
	font-size: 1.5rem;
}

.check-list-box.checkbox-main label::before {
	background-color: rgba(0, 143, 213, 1);
	border: 1px solid rgba(0, 143, 213, 1);
}

.check-list-box.checkbox-main label {
	color: rgba(0, 143, 213, 1);
}

.img-content-container h5 {
	font-size: 1.1rem;
	position: relative;
}

.img-content-container h5:after {
	content: '';
	width: 43px;
	height: 2px;
	background-color: var(--primaryColor);
	position: absolute;
	bottom: -2px;
	left: 43%;
}

.img-content-container a {
	font-size: 1.2rem;
	color: rgba(0, 0, 0, 1) !important;
	font-weight: 600;
}

.img-content-container h5 {
	margin: 1rem 0;
	font-weight: 600;
}

.insder-details-container {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 6px 0px;
	border-radius: 8px;
	padding: 2rem;
	background: #fff;
}

.card-content-container p {
	margin-bottom: 1rem;
}


.menu-drop-container li>ul {
	padding-left: 10px;
	overflow: hidden;
}

.menu-drop-container span {
	cursor: pointer;
}


.mobile-enabled-form-container {
	display: none;
}


/* ---------------------- */
/* --- DROP DOWN MENU --- */
/* ---------------------- */
.lateralDropDownContainer {
	position: relative;
	width: 380px;
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid #ffffff82;
	box-shadow: 0px 0px 2px #286bff;
	padding: 1rem;
	background: #fff;
	display: none;
}

.lateralDropDownContainer .dropDownItem {
	position: relative;
	transition: 0.3s ease-out;
	background-color: #fff;
	color: #000;
}

.lateralDropDownContainer .dropDownItem .panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.lateralDropDownContainer .dropDownItem .panel a {
	color: #000 !important;
	text-decoration: none;
	font-size: .8rem;
	font-weight: 500;
	display: block;
	line-height: 0;
	margin: 0;
	padding-left: 0;
	height: 28px;
}

.lateralDropDownContainer .dropDownItem .panel a:hover {
	font-weight: bold;
}

.lateralDropDownContainer .dropDownItem button.accordionMenu {
	cursor: pointer;
	padding: 8px;
	width: 100%;
	transition: max-height 0.3s ease-out;
	color: #fff;
	padding: 16px 6px;
	background: none;
	text-align: left;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	grid-gap: 16px;
	border: none;
}

.lateralDropDownContainer .dropDownItem button.accordionMenu h4 {
	display: inline-block;
	line-height: 100%;
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
	font-size: .9rem;
	font-weight: 500;
}

.lateralDropDownContainer .dropDownItem button.accordionMenu:hover {
	background-color: transparent
}

.lateralDropDownContainer .dropDownItem button.accordionMenu .arrow {
	transition: 0.3s ease-out;
	transform: rotate(0deg);
}

.lateralDropDownContainer .dropDownItem.active {
	background-color: #ffff;
}

.lateralDropDownContainer .dropDownItem.active button.accordionMenu .arrow {
	transform: rotate(90deg);
}


.header-item.item-right {
	position: relative;
}


.drop-menu-items {
	position: absolute;
	right: -1px;
	top: 87px;
}


.panel a {
	color: #000 !important
}

span.arrow.material-icons {
	display: none;
}

.panel img {
	margin-left: .5rem
}

.lateralDropDownContainer a {
	margin-right: .5rem;
}

.accordionMenu i {
	margin-right: 5px;
}


.description-container h5 {
	font-weight: 600;
	color: var(--primaryColor)
}

.description-container h6 {
	color: #6d6d6d;
	font-weight: 200;
	font-size: 14px;
}

.university {
	border-bottom: 1px solid #ddd;
	padding-bottom: .8rem;
}

.accordionMenu .fa-right-from-bracket {
	color: rgba(224, 0, 0, 1);
}


.accordionMenu h4 img {
	margin-right: .5rem;
}

.panel img {
	margin-right: .5rem;
}


.accordionMenu i {
	font-size: .9rem;
}


.description-container {
	padding-left: .8rem;
}

form.login-form-container.row {
	margin-top: -10px;
}

.upload-container {
	margin-top: -21px;
}


.fixed-lower-case {
	text-transform: capitalize !important;
}

.menu-main li.active a:after {
	content: '';
	display: flex;
	width: 115%;
	height: 4px;
	background-color: #23467D;
	position: absolute;
	bottom: -10px;
	border-radius: 7px;
	left: -4px;
}

.menu-main li a {
	position: relative;
}

.menu-main li a.active:after {
	background-color: var(--primaryColor);
}


.view-btn {
	color: var(--primaryColor);
	margin-right: 1rem;
	font-size: 12px;
}

.ul.toggled-btn.toggle-bnt-container img:first-child {
	margin-right: .5rem;
}

.small-space {
	margin-right: 3px;
}

img.click-beaviour {
	margin-right: .5rem;
}

.job-details-comp {
	margin-top: 1rem;
}

.skill-set-container {
	margin-top: -10px;
}

.personm-desp select {
	border: none !important;
	border-radius: 8px;
}

.personm-desp option {
	padding: 10px;
	/* Adjust padding as needed */
	background-color: #fff;
	color: rgba(104, 104, 104, 1);
	font-weight: 600;
	font-size: .86rem;
}


.delet-modal-container {
	margin-top: 10%;
}


.description-btn textarea {
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
}


.candiate-title {
	margin-bottom: .4rem !important;
}


.strech-space {
	margin: 0 -27px;
}

.four-list-insider a {
	padding: 1rem !important;
}


.last-child-comp {
	padding-bottom: 1rem !important;
}


.form-group select,
.login-form-container input {
	font-size: 15px;
	font-weight: 400;
	border: 1px solid #D0D0D0
}

.main-slider-container textarea::placeholder {
	font-size: .8rem;
}

.form-group textarea::placeholder {
	font-size: .8rem;
}


ul.toggled-btn.toggle-bnt-container.active {
	display: block;
}


.add-light-border:last-child {
	border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.list-holder li:last-child {
	margin-bottom: 0 !important;
}


.postal-code .strech-space {
	margin: 0 -7px;
}

.none-shadow {
	box-shadow: none !important;
	padding-left: 0 !important;
}


section.job-descript-comp.pt-3 {
	padding-top: 2rem !important;
}

.check-list-box label {
	margin-left: 1rem;
}


.remove {
	margin-left: 1rem;
}

.trusted-container.packages-container h4 {
	margin-left: 3rem;
}


.profile-uploader {
	padding: .5rem 1rem;
	background: #286bff;
	color: #fff;
	border-radius: 4px;
	margin-left: 1rem;
}

.dlt-btn-img {
	color: #000;
	font-weight: 600;
	margin-left: 1rem;
}


.adjustable-pad-btn {
	width: 138px !important;
	padding: 0 1rem;
}


.my-profie-comp {
	padding: 1rem 0;
}


.button,
input,
optgroup,
select,
textarea {
	font-family: var(--fontname) !important;

}

.mobile-enabled-form-container {
	display: none;
}

.forgot-password.text-end {
	margin-top: .5rem;
}

/* Start Responisve Design */

@media (max-width: 1200px) {
	.header .item-right {
		flex: 0 0 54%;

	}

	.header-item .logo img {
		width: 140.62px;
	}

	.header .menu>ul>li {
		margin-left: 16px;
	}

	.header .menu>ul>li>a {
		font-size: 14px;
	}

	.search-icon i {
		font-size: 1.2rem;
		/* margin-bottom: 1rem; */
	}

	.header .item-right {
		flex: 0 0 0%;
	}

	.post-job-container {
		width: 130px !important;
		padding: 0 !important;
	}

}


@media screen and (min-width: 729px) and (max-width: 1030px) {
	.header-item.item-right {
		margin-left: 411px !important;
	}
}

@media screen and (min-width: 957px) and (max-width: 988px) {

	.form-group select,
	.login-form-container input::placeholder {
		font-size: 1rem !important;
	}

	.search-icon i {
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}
}

@media screen and (min-width: 1040px) and (max-width: 1087px) {
	.header-item.item-right {
		margin-left: 10px !important;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1030px) {
	.header-item.item-right {
		margin-left: 0 !important;
	}
}

@media screen and (min-width: 755px) and (max-width: 988px) {

	.header .header-item.item-right form,
	.header .post-job-container {
		display: none !important;
	}
}

@media screen and (min-width: 400px) and (max-width: 577px) {
	.adjustable-table {
		width: 500px !important;
		overflow-x: scroll;
	}
}

@media screen and (min-width: 990px) and (max-width: 1000px) {
	.header-item.item-right {
		margin-left: 55px !important;
	}
}


@media (max-width: 992px) {
	html {
		font-size: 97% !important;
	}

	.form-group select,
	.login-form-container input {
		font-size: .89rem;
	}

    .login-img-container {
        text-align: center;
    }

	.profile-pic {
		width: 48px !important;
		height: 48px !important;
		object-fit: cover;
	}

	.user-profile-table td {
		font-size: .9rem;
	}

	.form-group select,
	.login-form-container input {
		font-size: 1rem;
	}

	.trusted-container h4 {
		font-size: 1.2rem;
		transform: translateX(-48px);
	}

	.job-details-comp img {
		width: 50px;
	}

	.form-group select {
		font-size: .9rem;
	}


	.search-form-container.dashboard-seach-form {
		padding-top: 2rem;
	}

	.packages-container .owl-dots.disabled {
		display: none !important;
	}

	.packages-container .owl-dot {
		display: none !important;
	}


	.list-main li a {
		color: rgba(0, 0, 0, 1) !important;
		font-size: 1rem;
		margin-bottom: 2rem;
	}

	.list-main li {
		margin-bottom: 2rem;
	}

	.packages-container {
		color: rgba(167, 174, 195, 1);
		font-size: 1rem;
		margin: 1rem 0 0;
	}

	.price-container {
		margin: 1rem 0;
	}

	.trusted-container.packages-container .owl-carousel .owl-item img {
		width: 71px !important;
	}

	.packages-comp .trusted-container h4 {
		transform: translateX(-16px) !important;
	}


	.mobile-enabled-form-container {
		display: block !important;
	}

	.menu-main li a:after,
	.menu-main li a.active:after {
		display: none !important;
	}

	.mobile-enabled-form-container input {
		display: block !important;
		width: 93%;
		margin: auto;
	}


}

.add-flex-balance {
	flex-wrap: wrap;
}

.add-flex-balance li {
	margin-bottom: .8rem;
}

@media (min-width: 741px) and (max-width: 992px) {
	.mini-img-container {
		padding: 3rem;
	}

	.content-descp {
		font-size: 1.5rem;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		font-size: .95rem;
	}

}

@media (min-width: 741px) and (max-width: 990px) {
	.mini-img-container {
		padding: 3rem;
	}

}

@media (max-width: 991px) {
	.form-group select .login-form-container input {
		font-size: 1rem;
		display: none !important;
	}
}


@media (max-width: 768px) {
	html {
		font-size: 86% !important;
	}

	.prev-btn-container a {
		border-radius: 4px !important;
		font-size: .95rem;
	}

	.custom-select:after {
		top: -4px;
	}

	.nxt-btn-container a {
		padding: 0 3rem;
		font-size: .9rem;
	}

	.register-now-comp .login-desc-form-container {
		padding-bottom: 1rem !important;
	}

	/* start temparory */
	.mini-img-container {
		padding: .6rem;
	}

	.user-profile-table th {
		font-size: .71rem;
		font-weight: 600;
	}

	.profile-pic {
		width: 48px;
		height: 48px;
		object-fit: cover;
	}

	.view-btn {
		font-size: .9rem;
		margin: 3px;
	}

	.search-icon-container input {
		height: 37px;
	}

	.download-btn-container img {
		margin-right: .4rem;
		height: 15px;
	}


	.mini-img-container {
		padding: 1rem;
	}

	.content-descp {
		font-size: 1.3rem;
	}

	#job-checkbox {
		transform: scale(1.2) !important;
	}

	.dashboard-seach-form .form-group select {
		height: 36px;
	}

	.custom-select:after {
		left: intial !important;
	}

	.packages-title-container {
		padding: .8rem 0 !important;
	}

	.packages-comp {
		padding: 1.5rem 0 !important;
	}

	.job-details-comp .nxt-btn-container a {
		padding: 1rem 0;
	}

	.content-container {
		padding-left: 2rem;
	}

	.content-container h5 {
		margin-bottom: .5rem;
		font-size: 1rem;
	}

	section.resuable-terms-comp.py-4 {
		padding: 0 !important;
	}

	.email-box-container img {
		width: 65px !important;
	}


	.trusted-container h4 {
		font-size: 1.2rem;
		transform: translateX(-48px);
	}

	.back-move-container h5 {
		font-size: 1.2rem;
	}

	.nxt-btn-container.fit a {
		height: 37px !important;
	}

	.my-profie-comp .login-desc-form-container {
		padding-bottom: 1rem !important;
	}

	.login-desctiption h1 {
		margin-bottom: 0 !important;
	}

	.nav-tabs .nav-link {
		font-size: .9rem;
	}

	.content-container {
		padding-left: 1rem;
	}

	.date-field label,
	.time-field label {
		left: 18px;
	}


	.detail-check-box-container.text-center {
		text-align: left !important;
	}

	.col-8.ms-auto {
		margin-left: 0 !important;
	}

	.space-container {
		margin-top: 0;
	}

	.header .mobile-menu-trigger {
		margin-top: 0;
	}

	.menu-main li a.active:after {
		display: none !important;
	}

	.header .header-item .post-job-container,
	.header .search-button,
	.header .header-item input {
		display: none !important;
	}


	.header-item.item-right {
		width: fit-content;
		position: absolute;
		right: 10px;
	}

	.notification-img {
		width: 20px !important;
	}

	.setting-icon-container img {
		width: 40px !important;
	}

	.lateralDropDownContainer {
		position: relative;
		width: 311px;
	}

	.drop-menu-items {
		top: 69px;
	}

	.header .menu>ul>li {
		margin-left: 0;
	}

	.mobile-enabled-form-container {
		display: block !important;
		;
	}

	.packages-container .owl-dots.disabled {
		display: none !important;
	}

	.mobile-enabled-form-container input {
		display: block !important;
	}

	.mobile-enabled-form-container input {
		display: block !important;
		width: 97%;
		margin: auto;
	}

	.tabs-content-comp::before {
		display: none !important;
	}

	.header .menu>ul>li>a {
		margin-left: 1rem !important;
	}


}

@media (max-width: 576px) {
	.content-descp {
		font-size: 1.1rem;
	}

	html {
		overflow-x: hidden;
	}

	.left-only-page img {
		text-align: left !important;
	}

	.nxt-btn-container a {
		height: 36px;
	}

	.space-top-margin {
		margin-top: 5px;
	}

	.space-top-margin h3 {
		margin-bottom: 0;
	}

	.view-btn {
		font-size: .9rem;
		margin-right: 0;
		margin-bottom: 1rem;
	}

	.nav-tabs .nav-link {
		padding: 0 0 0 .6rem;
	}

	.tabs-content-comp::before {
		top: 29px;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active::after {
		top: 22px;
		left: 0;
	}

	.user-profile-table th {
		width: 130px;
	}


	.adjustable-table {
		width: 310px;
		overflow-x: scroll;
	}

	.user-profile-table table {
		width: 100%;
		table-layout: fixed;
	}

	.user-profile-table th,
	.user-profile-table td {
		white-space: nowrap;
	}

	.mini-img-container img {
		width: 80px !important;
		height: 80px !important;
		object-fit: cover;
	}

	.one-card-container .row {
		width: 100% !important;
	}

	#myTab .nav-link {
		padding: .5rem !important;
	}

	.tabs-content-comp::before {
		border: none !important;
	}

	.packages-comp {
		padding: 1rem 0 !important;
	}


	.check-list-container li a {
		padding: .6rem .5rem;
		background-color: var(--primaryColor);
		color: #fff !important;
		border-radius: 50px;
		font-size: 0.7rem;
		width: 77px;
	}

	.check-list-container li {
		margin-right: .5rem;
	}

	.job-details-comp .nxt-btn-container a {
		margin-bottom: 1rem;
		width: fit-content !important;
	}

	.img-content-container h5:after {
		bottom: -6px;
		left: 32%;
	}

	.img-content-container a {
		font-size: 1rem;
	}


	form.login-form-container.search-icon-container .form-group {
		padding-top: 0 !important;
	}

	.inside-package-container .col-4 {
		text-align: left !important;
	}

	.trusted-container.packages-container h4 {
		margin-left: 0;
	}

	.trusted-container.packages-container .owl-carousel .owl-item img {
		margin: 0;
	}

	.packages-title-container h5 {
		font-size: 1.1rem !important;
	}

	.trusted-container h4 {
		transform: translateX(-24px);
	}

	.main-bolder-content {
		font-size: 1.5rem;
	}

	.end-price:after {
		top: 6px;
		left: -1px;
	}

	.back-move-container h5 {
		font-size: 1.2rem;
	}

	.four-list-container {
		margin: 1rem 0 1.5rem;
	}

	.postal-code .nxt-btn-container a {
		padding: 0 4rem;
		margin-bottom: 0;
	}


	.job-details-comp .login-desc-form-container,
	.skills-container .container,
	.descriptipon-container .container,
	.quetion-list-container .container {
		border-radius: 0;
	}

	.postal-code {
		padding: 0 !important;
	}

	.postal-code .job-details-comp {
		margin-top: 1.5rem;
	}

	.quetion-list-container .container {
		padding-bottom: 1rem;
	}

	.postal-code .col-md-4.main-slider-container.mt-4 {
		margin-top: 0 !important;
	}

	.dlt-btn-img {
		color: #fff;
	}

	.move-top-adj {
		margin-top: 1rem;
	}


	.my-profie-comp .profile-main-container {
		padding: 0 !important;
	}

	.job-desc .four-list-insider {
		flex-wrap: wrap;
	}

	.job-desc .four-list-insider li {
		width: 45% !important;
		flex: initial !important;
	}

	.job-desc .four-list-insider li {
		margin-bottom: .5rem;
	}

	.job-desc .four-list-insider li:last-child {
		margin-bottom: 0;
	}


	.space-container {
		margin-top: 0;
	}

	.search-form-container.dashboard-seach-form {
		padding-top: 0;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		font-size: 1rem;
	}

	.header .menu>ul>li>a {
		font-size: 14px;
		padding-left: 1rem !important;
	}

	.back-move-container h5 {
		margin-bottom: 1rem;
	}


}


@media (max-width: 575px) {
	html {
		font-size: 75% !important;
	}

	.mini-img-container {
		padding: 2rem;
		text-align: end;
	}

	.tabs-content-comp::before {
		display: none;
	}


	.tabs-content-comp .nav-item {
		margin-bottom: 1rem;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active::after {
		top: 21px;
		left: 0;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active::after {
		height: 2px;
	}

	.search-form-container .form-group {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.search-form-container.dashboard-seach-form {
		padding-top: 0 !important;
	}


	.mini-img-container img {
		width: 100%;
		height: 100%;
		margin: auto;
	}

	.mini-img-container {
		padding: 1.5rem;
	}

	.content-descp {
		font-size: 1.4rem;
	}

	.search-icon-container input:first-child {
		width: 189px;
		height: 45px;
	}

	.content-number {
		font-size: 1.7rem;
		font-weight: 600;
	}

	/* Add any additional styling you need for th and td elements */
	.trusted-container h4 {
		font-size: 1.4rem;

	}

	.custom-select:after {
		left: calc(100% - 36px);
	}

	.job-details-comp .nxt-btn-container a {
		margin-bottom: 1rem;
	}

	.col-md-4.main-slider-container.mt-4 {
		margin-top: 0 !important;
	}

	.profile-pic {
		width: 48px !important;
		height: 48px !important;
		object-fit: cover;
	}

	.img-content-container a {
		font-size: 1rem !important;
		color: rgba(0, 0, 0, 1) !important;
		font-weight: 600;
	}


	.img-content-container h5:after {
		left: 41% !important;
	}

	.search-form-container.dashboard-seach-form {
		padding-top: 13px !important;
	}

	.navigation-counter-content {
		justify-content: left;
	}

	.trusted-container h4 {
		transform: translateX(-46px);
	}

	.back-move-container h5 {
		font-size: 1rem !important;
	}


	a.resheduld {
		font-size: .9rem;
		padding: 2px 0 !important;
		text-align: center;
	}

	.profile-uploader {
		font-size: .8rem;
		font-weight: 600;
	}

	.jobs-comp .search-form-container.dashboard-seach-form {
		padding-top: 0 !important;
	}


	section.detail-comp.first-comp {
		margin-top: 3rem;
	}

	.jobs-comp .row.g-4.insider-box-container {
		padding-left: 0 !important;
	}

	.space-container {
		margin-top: 1rem;
	}

	.jobs-comp form.login-form-container.search-icon-container .form-group {
		padding-top: 0 !important;
	}

	.specific {
		transform: translateX(-0) !important;
		font-size: 1rem !important;
	}

	.jobs-comp {
		margin-bottom: 0 !important;
	}

	.header .menu>ul>li>a {
		font-size: 12px;
		padding-left: 0 !important;
	}

	.recent-notifications-comp .content-container {
		padding-left: 1.5rem;
	}


	.check-list-box label::before {
		width: 14px;
		height: 14px;
	}

	.home-tab .search-form-container.dashboard-seach-form {
		padding-top: 0 !important;
	}

	.packages-container .owl-dots.disabled {
		display: none !important;
	}

	.back-move-container h5 {
		margin-bottom: 0;
	}


}

.jobs-comp {
	margin-bottom: 0 !important;
}

@media (min-width: 995px) {
	.search-icon i {
		margin-bottom: 0 !important;
	}

}

@media (min-width: 991px) and (max-width: 992px) {
	.search-icon i {
		font-size: 1.2rem;
		margin-bottom: 1rem !important;
	}

	.form-group select,
	.login-form-container input::placeholder {
		font-size: 1rem;
	}
}

.hide {
	display: none !important;
}

/* end Responisve Design */

@media (max-width: 992px) {

	html {
		font-size: 75% !important;
	}

	.container {
		max-width: 100%;
		padding: 0 15px;
	}

	.container-md {
		max-width: 720px;
		padding: 0 20px !important;
	}

	.container-sm {
		max-width: 480px;
		/* Example smaller size */
		/* padding: 0 20px!important; */
	}


	.hide input.search-field {
		width: 100%;
		height: 38px;
		border: 1px solid #ddd;
		margin: auto;
		margin-left: 1rem;
		border-radius: 4px;
	}

	.hide input.search-field::placeholder {
		text-indent: 1rem;
	}

	.search-field-btn {
		border: none;
		height: 38px !important;
		padding: 0 2rem;
		background: #23467D;
		color: #fff;
		border-radius: 4px;
		font-size: .9rem !important;
	}

	.responsive-post-btn {
		background: #23467D !important;
		;
		width: fit-content !important;
		;
		display: inline-block !important;
		;
		text-align: center !important;
		;
		padding: 0 3rem !important;

		border-radius: 4px !important;
		;
		height: 40px !important;
		;
		line-height: 40px !important;
		;
		margin-top: 1rem !important;
		;
	}

}

.owl-nav {
	display: none !important;
}


.reusble-scoll-filesds {
	display: none;
}


section.reusble-scoll-filesds {
	position: fixed;
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
	bottom: 0;
	z-index: 1;
	background-color: #ddd;
}


@media (max-width: 576px) {
	.reusble-scoll-filesds {
		display: block;
	}

	.reusble-scoll-filesds .post-job-container {
		width: 130px !important;
		padding: .7rem 1rem !important;
		border-radius: 4px;
	}

	.hide {
		display: block !important;
	}


}

@media (max-width: 360px) {
	.shortlist-container {
		display: flex;
		justify-content: center;
	}

	.fit-width {
		width: 40% !important;
		flex: initial !important;
		margin-bottom: 1rem !important;

	}

	.fit-width:last-child {
		margin-bottom: 0 !important;
	}


	#threebtn {
		flex-wrap: wrap;
	}


}


/* start calendar desing */

.datepicker td,
.datepicker th {
	text-align: center;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
}

td.active.day {
	border-radius: 50%;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
	border-radius: 50%;
}

th.dow {
	background: #286bff;
	border-radius: 0;
	color: #fff;
	border-right: 1px solid #ddd;
}

.hide-pesent {
	display: none;
}

/* .calendar-fieldset {
    width: 100%
} */


.calendar-fieldset .data-set-container {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #ddd !important;
	border-right: none;
}

.calendar-fieldset .input-group-append {
	width: 11%;
	display: block;
	height: 40px;
	position: absolute;
	top: 6px;
	right: 14px;
}

.calendar-fieldset .input-group-append>span {
	height: 0;
	border-radius: 0 5px 5px 0;
	background: #fff;
	text-align: end;
	padding-right: 1.2rem;
	border: none;
}

.date.calendar-fieldset {
	position: relative;
}

label.interview-date {
	position: absolute;
	top: 10px;
	padding-left: 1rem;
}

.calendar-fieldset .input-group-append {
	top: 2px;
}

@media (max-width: 1200px) {

	.date-field label,
	.time-field label {
		top: 10px;
		left: 21px;
	}
}

@media (max-width: 768px) {

	.date-field label,
	.time-field label {
		top: 11px;
	}

	label.interview-date {
		top: 12px;
	}
}

@media (max-width: 576px) {
	.data-set-container {
		margin-bottom: 1rem;
	}

	.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-right.datepicker-orient-bottom {
		left: 0 !important;
	}

	.datepicker td,
	.datepicker th {
		width: 40px;
		height: 40px;
	}

	.calendar-fieldset .input-group-append {
		top: 4px;
	}

	.skill-container p {
		margin-bottom: 1rem;
	}
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
	border: 1px solid #d0d0d099;
}

@media (max-width: 575px) {
	.skill-container p {
		margin-bottom: 0;
	}
}


/* start customized drop downs */

select-menu {
	max-width: 330px;
	margin: 50px auto;
}

.select-menu .select-btn {
	display: flex;
	height: 55px;
	background: #fff;
	padding: 20px;
	font-size: 18px;
	font-weight: 400;
	border-radius: 8px;
	align-items: center;
	cursor: pointer;
	justify-content: space-between;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.select-menu .options {
	position: absolute;
	width: 330px;
	overflow-y: auto;
	max-height: 295px;
	padding: 10px;
	margin-top: 10px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-duration: 0.35s;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.35s;
	-webkit-animation-fill-mode: both;
}

.select-menu .options .option {
	display: flex;
	height: 55px;
	cursor: pointer;
	padding: 0 16px;
	border-radius: 8px;
	align-items: center;
	background: #fff;
}

.select-menu .options .option:hover {
	background: #f2f2f2;
}

.select-menu .options .option i {
	font-size: 25px;
	margin-right: 12px;
}

.select-menu .options .option .option-text {
	font-size: 18px;
	color: #333;
}

.select-btn i {
	font-size: 25px;
	transition: 0.3s;
}

.select-menu.active .select-btn i {
	transform: rotate(-180deg);
}

.select-menu.active .options {
	display: block;
	opacity: 0;
	z-index: 10;
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
	animation-duration: 0.4s;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
	from {
		transform: translate3d(0, 30px, 0);
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes fadeInDown {
	from {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	to {
		transform: translate3d(0, 20px, 0);
		opacity: 0;
	}
}

/* end customized drop downs */

@media (min-width: 1300px) {
	/*    .login-img-container img {
            height: 663px !important;
        }*/
}


#questionList a {
	position: relative;
}


#questionList a i.fa-solid.fa-xmark {
	position: absolute;
	right: 1rem;
	width: 1.8em;
	height: 1.8rem;
	background: #286bff;
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
}


/* start new customized dropdowns */


.custom-select-box {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

select option:first-child {
	font-size: 16px;
	/* Change the font size */
	font-weight: bold;
	/* Change the font weight */
	color: #888;
	/* Optional: Change the color */
}

.delete-btn {

	color: #FF4242 !important
}

.action-btns {
	align-items: center;
	display: flex;
	justify-content: center
}

.action-btns li {

	display: inline-block;
	padding-right: 10px
}



.custom-select-box i {
	font-weight: 600;
	padding-right: 1rem;
}

.custom-select-box .custom-select {
	display: inline-block;
	position: relative;
	width: 100%;
	margin-top: 10px;
}

.custom-select-toggle {
	display: flex;
	align-items: center;
	background: #f0f0f0;
	padding: 10px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.selected-option,
.selected-option1 {
	flex: 1;
}

.arrow-down {
	width: 20px;
	height: 20px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #333;
}

.custom-select-options {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 5px;
	width: 100%;
	display: none;
	z-index: 5;
	box-shadow: 0 0 5px 0 #286bff5e;
	margin-top: 10px;
}

.custom-select-options li {
	padding: 10px;
	cursor: pointer;
	font-size: .8rem;
	border-left: 2px solid #286bff;
	border-bottom: 1px solid #ddddddab;
	transition: all .2s ease-out;
}

.custom-select-options li:hover {
	color: #fff;
	background: #286bff;
	padding-left: 15px;
}

.custom-select-box .custom-select:after {
	display: none;
}


.custom-select-box .custom-select-toggle {
	width: 100%;
	/*height: 43px;*/
	height: 100%;
	border: 1px solid rgba(208, 208, 208, 1);
	border-radius: 5px;
	padding: 0 0 0 1rem;
	background-color: #fff;
	font-weight: 600;
	font-size: .8rem;
}


#myTabContent .space-container .row {
	margin-top: .5rem;
}


.custom-select-toggle.add-bg {
	background: #286bff;
	color: #fff;
	height: 47px;
}

.custom-select-toggle.add-bg+.custom-select-options {
	width: 105% !important;
}

@media (min-width: 992px) {
	#myTabContent {
		padding-bottom: 3rem !important;
	}
}


.check-list-container .skills-container-btn {
	padding: .6rem 1.5rem;
	background-color: var(--primaryColor);
	color: #fff !important;
	border-radius: 50px;
	font-size: 0.85rem;
}


@media (max-width: 768px) {
	.custom-select-toggle.add-bg {

		height: 32px;
	}
}

.checked-item {
	color: #fff;
	background: #286bff;
}


@media (max-width: 768px) {
	.registerpage .custom-select:after {
		display: none;
	}
}

/* start new customized dropdowns */


/*
.page-header {
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    margin: 30px 0
  }

  #pagination li {
    display: inline
  }
  #pagination li a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    color: #000
  }

  /* Active and Hoverable Pagination */

#pagination li a.active {
	background-color: #4caf50;
	color: #fff
}

#pagination li a:hover:not(.active) {
	background-color: #ddd;
}

/* border-pagination */
.b-pagination-outer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	display: flex
}

#border-pagination {
	margin: 0 auto;
	padding: 0;
	text-align: center
}

#border-pagination li {
	display: inline;

}

#border-pagination li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 10px;
	border: 1px solid #ddd;
	float: left;

}

#border-pagination li a {
	-webkit-transition: background-color 0.4s;
	transition: background-color 0.4s
}

#border-pagination li a.active {
	background-color: #4caf50;
	color: #fff;
}


#pagination li a {
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	width: 3rem;
	height: 3rem;
	background: rgba(40, 107, 255, 1);
	color: #fff;
	border-radius: 50%;
	/* display: flex; */
	line-height: 2.1rem;
}

input#search {

	padding-left: 47px;
	position: relative;
}

ul.action-btns li a,
ul.action-btns li a i {
	color: #23467D;
}

span.search-icon-1 {
	position: absolute;
	left: 17px !important;
	z-index: 9;
	top: 30px;
	font-size: 18px;
}

span.search-icon-2 {

	position: absolute;
	left: 19px !important;
	z-index: 9;
	top: 14px;
	font-size: 18px;
}

#pagination {
	padding: 0;
	text-align: center;
	margin: 1rem 0;
}

.cross-icon {
	text-align: end;
	margin-top: 3px;
}


.cross-icon button {
	color: #23467D
}


.data-content-div h6 {
	font-size: 26px;
	margin-top: 14px;
	font-weight: 600;
	margin-bottom: 20px
}

.university img {
	border-radius: 66%;
	width: 48px;
	height: 48px;
	object-fit: cover;
}

input::placeholder {
	font-weight: normal !important;
	color: #9D9D9D
}

span.time-cls {
	font-size: 15px;
	color: #5B5B5B;
}

.search-form-container.dashboard-seach-form h5 {
	font-size: 18px;
}

section.help-today-container {
	background: #dde7ff;
}

.custom-textarea {

	height: 122px !important;
}

.notification-section img {

	margin-bottom: 20px;
}

.notification-section h5 {

	font-size: 20px;
	font-weight: 600;
}

.notification-section h5 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 9px;
	text-align: center;
}

.notification-section p {
	font-size: 19px;
	text-align: center;
}

.pagination-list {

	text-align: end;
}

.pagination-list ul li {
	display: inline-block;
	padding: 0px 3px;
	align-items: center;
}

.custom-round-img img {
    
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 51px
}

.custom-round-img  h4 {
    
      font-size: 1rem;
    font-weight: 600;
}

.hidden-eye-icon {
    float: right;
    margin-left: 3px;
    margin-top: -3px;
    position: relative;
    z-index: 2;
    top: 39px;
    left: -19px;
}
.search-icon-container input, .search-icon-container select {
    height: 53px !important;
}
@media (max-width: 768px) {
	#pagination li a {
		width: 2.2rem;
		height: 2.2rem;
		color: #fff;
		border-radius: 50%;
		/* display: flex; */
		line-height: 1.5rem;
		font-size: 1rem;
	}
}