a{
text-decoration:unset !important;
}
 
p{
line-height:unset !important;
}



.container{
	width:1008px !important;
	padding-inline:0 !important;
}

.btn-outline-primary{
	color: var(--clr-primary-500) !important;
}

.select2-dropdown {
	width: 400px !important;
}
#opportunityForm .col-12 ,[lang=ar] #opportunityForm .col-12{
	padding: 0 8px !important; ;
}
.select2-results__option {
	display: flex;
	align-items: start;
	justify-content: start;
}

.select2-container--default .select2-results__option:before{
	border:1px solid var(--clr-success-500)
}
.intl-tel-input .country-list{
	margin: 0 !important;
	min-width: fit-content !important;
}
[lang=ar] .paginate_button.first,[lang=ar] .paginate_button.last,[lang=ar] .paginate_button.next,[lang=ar] .paginate_button.previous{
	transform: unset !important;
}
[lang=ar] .intl-tel-input.allow-dropdown .flag-container, [lang=ar]  .intl-tel-input.separate-dial-code .flag-container{
	text-align: start !important;
}
.container:has(.remove-container){
	width: 100% !important;
	max-width: 100% !important;
	padding-inline: 128px !important;


}

/* Blocker styling */
#blocker {
	display: none; /* Hidden by default */
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 19px;
	background-color: transparent;
	z-index: 8;
}

/* Spinner styling */
.spinner {
	position: absolute;
	top: 15%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	border: 5px solid rgba(255, 255, 255, 0.3);
	border-top: 5px solid var(--clr-success-300);
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

/* Keyframes for the spinner animation */
@keyframes spin {
	0% {
		transform: rotate(0deg); /* Start position */
	}
	100% {
		transform: rotate(360deg); /* End position */
	}
}



.card-dashboard {
	filter: drop-shadow(0px 3.753px 7.506px rgba(0, 0, 0, 0.08));
	position: relative;
	overflow: hidden;
}
.card-dashboard .widget-footer {
	background-color: #fafafa3b !important;
}
.card-dashboard .bg-waves {
	background-image: url(./../assets/images/body-waves.svg);
	background-color: #FFF;
	z-index: -2;
	background-size: cover;
}
.card-dashboard .secondary-card {
	border-radius: 8px;
	border: 0.6px solid #E8E8E8;
	background: rgba(255, 255, 255, 0.5);
}
.card-dashboard .secondary-card .card-body {
	padding: 10px 8px;
}
.card-dashboard .col-6:first-child {
	padding: 0;
	padding-inline-end: 6px;
}
.card-dashboard .col-6:last-child {
	padding: 0;
	padding-inline-start: 6px;
}
.card-dashboard:after {
	content: '';
	position: absolute;
	top: 0;
	right: -15px;
	width: 100%;
	height: 100%;
	background-image: url(./../assets/images/card-top.svg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: -1;
}
.card-dashboard:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -15px;
	width: 100%;
	height: 100%;
	background-image: url(./../assets/images/card-bottom.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: -1;
}
.card-dashboard .footer {
	background-color: rgba(250, 250, 250, 0.5) !important;
}

.pe-col-sm{
	padding:0;
	padding-inline-end:8px !important;
}

.error-input{
	border-radius: 12px !important;
	border: 1px solid #dd3737 !important;
	background: #fff !important;
	height: 56px;
	color: #595959;
	font-size: 16px;
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-weight: 400;
	line-height: 1.5;
	appearance: none;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.text-error{
	color:red !important;
}
span.optional {
	font-size: 0.8em; /* Slightly smaller font for "Optional" */
	color: #858585; /* A lighter gray color */
	font-weight: normal;
}
#jobsPaginationTable {
	border: none; /* Removes border around the table */
	outline: none; /* Removes outline around the table */
	border-collapse: collapse; /* Ensure that there are no extra gaps */
}

/* Remove borders from table cells */
#jobsPaginationTable td,
#jobsPaginationTable th {
	border: none; /* Removes border from table cells */
}
.dataTables_paginate a.paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: .5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
}
.dataTables_wrapper .top{
	display:none;
}


.talent-card #talentsPaginationTable_wrapper{
	width: 100% !important;
}
[lang=ar] .paginate_button.first,[lang=ar] .paginate_button.last,[lang=ar] .paginate_button.next,[lang=ar] .paginate_button.previous {
	transform: scale(-1) !important;
}

[lang=ar]  .rtl-rotate{
	transform: scale(-1);
}

@media (min-width: 992px) {
	[lang=ar] .text-lg-start {
		text-align: right !important;
	}
}
@media (max-width:1440px){
	:root{
		--main-font-size:11px
	}
	.small-page-size * {
		font-size:11px;
	}
	.offcanvas.offcanvas-md {
		width: 621px !important;
	}
}

@media (max-width:991px){
	.container:has(.remove-container){
		padding-inline: 1rem !important;
	}
}
@media (max-width:1440px){
	.container:has(.remove-container-xxl){
		padding-inline: 1rem;


	}
}
@media (max-width:1440px) {
	.container {
		width: 100% !important;
		padding-inline: 0 12px !important;
	}
}


.intro-padding{
	overflow: visible !important;
	margin-bottom: 40px !important;
	padding-top: 50px !important;
}

.benefits-padding {
	padding-bottom: 50px;
}

.authiruty-padding{
	padding-bottom: 40px;
	min-height: 90vh !important;
	justify-content: center !important;
	align-items: center !important;
}

#Nationals-Opportunities:before,.bg-dots{
	z-index: 0;
}
.landing-page section{
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden !important;
}
body:has(.landing-page) footer{position: relative;}
body:has(.landing-page) footer::after{
	filter: blur(350px);
	background: linear-gradient(270deg, rgba(0, 141, 150, .5), hsla(80, 44%, 64%, .5));
	background-size: cover;
	background-position: 50%;
	opacity: .6;
	transform: translateY(-100%) rotate(-180.755deg);
	content: "";
	top: 0;
	width: 100%;
	height: 1000px;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 0;
}
#Nationals-Opportunities:after{
	height: 90%;
	display: none;
}
#Nationals-Opportunities{
	z-index: 1;
}

/* .custom-section-pattern-background{
	background-image: url(./../assets/images/linera-green-dotted-bg.svg);
} */

.customTabs{
	align-items: center;
}

.customTabs .nav-item .nav-link{
	white-space: nowrap;
	padding: 10px 10px !important;
    font-size: 12px;
	border-radius: 8px !important;
}

@media(min-width:1000px){
	.home-page-tabs-custom-top-padding{
		margin-top: 50px;
		margin-inline-end: 16px;
	}

	[lang=ar] .home-page-tabs-custom-top-padding{
		margin-inline-end:0;
		margin-inline-start: 16px;
	}

}

.home-img-container{
	height: 100% !important;
}

.home-img-container img{
	height: 444px !important; 
}

/* [lang=ar] body .dataTables_paginate .paginate_button img{
	transform: scale(-1);
} */



.paginate_button.first{
	font-size: 0;
	position: relative;
	width: 16px;
	height: 16px;
}

.paginate_button.first:before{
	content: 'url(./../assets/images/pagination-icons/first.svg)';
	background-image: url(./../assets/images/first-page.svg);
	width: 16px;
    height: 16px;
	background-size: 16px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	display: inline-block;
}

.paginate_button.previous:before{
	content: 'url(./../assets/images/pagination-icons/prev.svg)';
	background-image: url(./../assets/images/previous.svg);
	width: 16px;
    height: 16px;
	background-size: 16px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	display: inline-block;
}

.paginate_button.previous{
	font-size: 0;
	position: relative;
	width: 16px;
	height: 16px;
}

.paginate_button.next:before{
	content: 'url(./../assets/images/pagination-icons/next.svg)';
	background-image: url(./../assets/images/next.svg);
	width: 16px;
    height: 16px;
	background-size: 16px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	display: inline-block;
}

.paginate_button.next{
	font-size: 0;
	position: relative;
	width: 16px;
	height: 16px;
}

.paginate_button.last:before{
	content: 'url(./../assets/images/pagination-icons/last.svg)';
	background-image: url(./../assets/images/last-page.svg);
	width: 16px;
    height: 16px;
	background-size: 16px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	display: inline-block;
}

.paginate_button.last{
	font-size: 0;
	position: relative;
	width: 16px;
	height: 16px;
}

a.paginate_button.previous {
	margin-inline-end: 10px;
}	

.card-job-id{
	font-size: 15px !important;
}

.text-neutral-500{
	color: var(--clr-neutral-500);
}


ul.job-requirements-list li:after{
	width: 5px !important;
	height: 5px !important;
}

/* .job-dsc-text{
	font-size: 22.5px !important;
} */

/* .job-desc-title{
	font-size: 24px !important;
} */

[lang=ar] .number-ar-ltr{
	direction: ltr !important;
}

.inner-content:has(.opportunities-landing-page){
	height: 100%;
}

.chips-container .selected-item{
	margin-inline-end: 10px;
	background: rgba(0, 141, 150, .7) !important;
}
#jobStatusDiv .selected-item{
	background: rgba(0, 141, 150, .7) !important;
}

html{
	border: 0 !important;
}

.lp-gradiant-btn{
	padding-block: 16px;
    padding-inline: 40px;
    font-size: 21px;
    letter-spacing: 1px;
    font-weight: 600 !important;

}

.select2-selection__rendered{
	flex-wrap: wrap !important;
}

.select2-container--default .select2-selection--multiple{
	min-height: 48px !important;
    max-height: unset !important;
	height: 100% !important;
}

header .breadcrumb-section ul.breadcrumb li{
	display: flex !important;
    align-items: baseline !important;
}

.heading-bulletpoint::before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: black;
    display: inline-block;
    vertical-align: middle;
    margin-inline-end: 15px;
}

.nationals-Opportunities-bottom-margin{
	margin-bottom: 28px;
}

.card-job{
	height: 100%;
}

.select2-container--default .select2-results__options{
	scrollbar-width: thin !important;

}

.select2-container--default .select2-results__option:before{
	margin-inline-end: 20px !important;
}

[lang=ar] .intl-tel-input input{
	text-align: start !important;
	padding-left: 92px !important;
	padding-right: 6px !important;
}

.nationals-Opportunities-thumbnail{
	max-height: 444px !important;
}


@media (min-width:993px) and (max-width:1200px){
	.container:has(.remove-container){
		padding-inline: 45px !important;
	}
}

select{
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding-inline-end: 45px !important;
}

@media (min-width:1200px) and (max-width:1500px){
	[lang=ar] .customTabs .nav-item .nav-link{
		padding: 10px 5px !important;
		font-size: 10px !important;
		border-radius: 8px !important;
		font-weight: 900 !important;
	}


}

@media(min-width:1200px){
	.custom-offset-rtl{
		padding-inline-end: 4% !important;
	}

	[lang=ar]  .custom-row-rtl-padding{
		padding-inline-end: 15px;
	}

	 .custom-inner-col-rtl-padding:nth-of-type(odd){
		padding-inline-end: 20px !important;
	}
}

[lang=ar] .custom-btn-rtl-margin{
	margin: 0 8px 0 0 !important;
}

.select2-container .select2-search--inline .select2-search__field{
	height: 20px !important;
}

.select2-search--inline{
	position: relative;
	top: 5px;
}

.flag-container {
	pointer-events: none !important; /* Disable clicking */
}

.explore-now {
	margin: 0;
	position: absolute;
	bottom: 25%;
	left: 50%;
	float: left;
	transform: translateX(-50%);
	min-width: 140px;
}
.explore-now a{ width:100%; height:auto; float:left; text-align:center !important; margin-bottom:0;}
@-webkit-keyframes bounceInDown {from, 60%, 75%, 90%,
to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
	0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	55% {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
	80% {-webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0);}
	to {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
}
@keyframes bounceInDown {from, 60%, 75%, 90%,
to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
	0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	55% {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
	80% {-webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0);}
	to {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.icon-Chevroncircledown{
	float: left; width: 100%; color: #FFF; font-size: 34px; margin:10px 0 10px; text-align: center;
}

.icon-Chevroncircledown:before{
	margin:0 0 0 -12px;
}

.externalPop{
	transform: translate(-50%, 50%) !important;
}

[lang=ar] #opportunity-list a{
	direction: ltr !important;
}
.en-ltr{
	direction: ltr !important;
	text-align: start !important;
}

.arabic .en-ltr{
	text-align: start !important;
}


[lang=ar]  .job-requirements-list li.en-ltr:after{
	left: -15px !important;
	right: unset !important;
}

#opportunitiesFilter .filterAcc .panel ul{
	max-height: unset !important;
	overflow-y: visible !important;
}

#opportunitiesFilter .filterAcc .filterType{
	margin-bottom: 15px !important;
	font-size: var(--fs-sm) !important;
	font-weight: 500 !important;
}

.custom-opportunities-list-width li{
	max-width: 60ch;
}
[lang=ar] a.explore-ar.label-1.text-primary-800 {
text-align: center !important;
}

.filterAcc .searchNarrowDown .ulContainer{
	padding:0 !important;
	margin: 0 !important;
}

.filterAcc .searchNarrowDown {
	padding: 0 !important;
}
.panel.last-checkbox {
	margin-bottom: 15px;
}
[lang=ar] .modal.fade.show > div:first-child{
	direction:ltr !important;
}

[lang=ar] ul.job-requirements-list{
	padding-inline-start: unset !important;
}

[lang=ar] ul.job-requirements-list.heading-list{
	padding-inline-start: 10px !important;
}


@media(min-width:1600px){
	.explore-now{
		top: 65%
	}
}

@media(min-width:1000px) and (max-width:1599px){
	.explore-now{
		top: 65%
	}
}

@media(min-width:831px) and (max-width:999px){
	.explore-now{
		top: 46%
	}
}



@media(max-width:830px){
	.explore-now{
		top: 92%;
	}
}

[lang=ar] #exploreOpportunitesBtn{
	margin-top: 65px;
}
ul#myTab {
	margin-top: 0px !important;
	margin-inline-end: 0;
}
.tab-content>.active {
	display: block;
	margin-inline-end: -20px;
}
[lang=ar] .tab-content>.active {
	display: block;
	margin-inline-end: 0px;
}

.opportunities-heading{
	font-size:58px !important;
}

#Discover-Role.bg-dots{
	background-position-y: 38px !important;
}


.opportunities-listing{

	padding-bottom: 100px;
    padding-inline: 60px;
}

[lang=ar] .opportunities-listing .col-12{
	padding: 0 12px !important;
}

.opportunities-listing .opportunities-heading{
	text-align:center !important;
	font-size: 37px !important;
    font-weight: 500 !important;
     margin-bottom: 60px;
}

.opportunities-listing .opportunities-box{
	height:100%;
	padding: 18px 15px 18px 15px;
    border-radius: 16px;
	backdrop-filter:blur(10px); 
	
	box-shadow:     
	  	 -5px 7px 18px 0px rgba(1, 109, 121, 0.1),     
	  	 -19px 27px 33px 0px rgba(1, 109, 121, 0.09),
	     -43px 60px 44px 0px rgba(1, 109, 121, 0.05),     
	     -77px 106px 53px 0px rgba(1, 109, 121, 0.01),   
	     -120px 166px 57px 0px rgba(1, 109, 121, 0);
}

.opportunities-listing .opportunities-box img{
	margin-bottom: 20px;
    width: 50px;
}

.opportunities-listing .opportunities-box p{
	color: #1c3250;
	font-size:15px;
	font-weight: 400
}