body {
    background: #e8ba00
}
.content-container{	
	.row.content-wrapper{
		box-shadow: 0px 11px 21px 0px #e8ba00;
	}
	
	.form-control:focus {
	    box-shadow: none;
	    border: 1px solid;
	    border-color: #e8ba00;
	    padding-left: 0.5rem;
	}

	.form-select:focus {
	    box-shadow: none;
	    border: 1px solid;
	    border-color: #e8ba00;
	    padding-left: 0.5rem;
	}
	
	.content-button {
	    background: #e8ba00;
	    box-shadow: none;
	    border: none
	}
	
	input.form-control {
	    border: 1px solid;
	    border-color: lightgray;
	    padding-left: 0.25rem;
	}

	select.form-select {
	    border: 1px solid;
	    border-color: lightgray;
	    padding-left: 0.25rem;
	}
	
	.content-button:hover {
	    background: #e8ba01
	}
	
	.content-button:focus {
	    background: #e8ba01;
	    box-shadow: none
	}
	
	.content-button:active {
	    background: #e8ba01;
	    box-shadow: none
	}
	
	.back:hover {
	    color: #e8ba01;
	    cursor: pointer
	}
	
	.labels {
	    font-size: 11px
	}
	
	.add-experience:hover {
	    background: #e8ba00;
	    color: #fff;
	    cursor: pointer;
	    border: solid 1px #e8ba00
	}
}

.file-upload {
	display: none;
}

.circle {
	border-radius: 100% !important;
	overflow: hidden;
	width: 128px;
	height: 128px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	position: absolute;
	top: 72px;
}

img:not(.job-img-header, .profile-img, .advertisement-view-img, .navbar-logo-img, .hero-start-img .school-list-img) {
	max-width: 100%;
	height: auto;
}

.p-image {
    position: absolute;
    top: 58px;
    right: 56px;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    background: white;
    border-radius: 70%;
    width: 1.75rem;
    height: 1.75rem;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.p-image:hover {
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload-button {
	font-size: 1.2em;
}

.upload-button:hover {
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	color: #999;
}
.arrow-pagination {
	background: #efdb7f;
	display: inline-flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 28%;
	color: #976c1b;
	cursor: pointer;
}

span.arrow-pagination.disable {
    background: #efdb7f85;
	cursor: not-allowed;
}

.jobs-wrapper.loading {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 600px;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
.badge.rounded-pill:not(.tutor-ava-badge, .job-ava-badge) {
	animation: blink 1s infinite;
}

.select2-container {
    width: 100% !important;
}

.details-btn-wrapper{
	position: absolute;
	top: 82%;
	bottom: 5%;
	right: 10%;
	left: 10%;
}

@media (max-width: 768px) {
    .details-btn-wrapper {
        top: 68%;
        right: 10%;
        left: 10%;
    }
}

@media (max-width: 480px) {
    .details-btn-wrapper {
        top: 65%;
        right: 5%;
        left: 5%;
    }
}
.select2-selection, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 8px !important;
}

.select2-selection__rendered {
    align-items: center;
}

.select2-search__field {
    outline: none !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e8ba00;
    color: white;
}

.rtl {
    direction: rtl;
}

.result-item {
    background-color: #e8ba00a8;
    padding: 11px;
    color: #fff;
    border-radius: 8px;
	box-shadow: 0px 0px 3px 1px #007122;
    cursor: pointer;
}

.result-item:hover {
    box-shadow: 0px 0px 5px 1px #007122;
}

.btn-research {
    border: 2px solid #e8ba00 !important;
    color: #e8ba00;
    border-radius: 8px;
}

.tutor-ava-badge{
	top: 23%;
}

a.search-head-wrapper{
	text-decoration: none !important;
}

a.search-head-wrapper:hover, nav a{
	text-decoration: none !important;
	cursor: pointer;
}

.main-bar-wrapper{
	width: 67%;
}

#logo_img{
	padding: 0.25rem;
    border-radius: 5rem;
}

#adInfoModal .modal-dialog{
    max-width: 97%;
    width: fit-content;
}

.hero-main-img{
	padding-top: 20%;
}