.careers-hero-section {
	background: linear-gradient(90deg, #f5f7fa, #eef1f7);
	font-family: 'Almarai', sans-serif;
	padding-bottom: 136px;
}

/* Heading */
.careers-hero-section h1 {
font-family: 'Bahij-TheSansArabic';
font-style: normal;
font-weight: 300;
font-size: 96px;
line-height: 96px;
/* or 100% */
letter-spacing: -0.025em;

color: #204BD8;

	text-transform: capitalize;
	color: #060534;
}

.careers-hero-section h1 span {
	color: #204BD8;
}

/* Description */
.careers-hero-section p.lead {
	font-family: 'Bahij-TheSansArabic';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	/* or 133% */
	letter-spacing: -0.0025em;
	color: #535366;
	margin-bottom: 0;
}

.hero-image-wrapper {
	max-height: 360px;
}

[dir="rtl"] .careers-hero-section {
	text-align: right;
}
[dir="rtl"] .careers-hero-section .row {
    flex-direction: row-reverse !important;
}
[dir="rtl"] .badge-box {
	direction: rtl;
}
[dir=rtl] .careers-hero-section .ms-auto{
    margin-left: auto !important;
    margin-right: 0 !important;
}
[dir=rtl] .careers-hero-section h1 {
    color: #204BD8 !important;
}

[dir="rtl"] .search-input svg {
    margin-left: 12px;
    margin-right: 0;
}

[dir="rtl"] .modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}
.badge-box {
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    gap: 10px;
}
.badge-box .fw-semibold{
	font-weight: 300 !important;
	line-height: 20px;
}
/* Nationalities Badge */
.badge-nationalities {
	right: -50px !important;
	opacity: 1;
}

/* Employees Badge */
.badge-employees {
	left: -50px !important;
	opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 1099px) {
	

	.hero-image-wrapper img {
		border-radius: 8px;
	}
	.hero-image-wrapper {
        max-height: inherit;
        padding: 0 20px 20px;
        box-shadow: inherit !important;
		margin-bottom: 28px;
		        position: relative;

    }
	/* .badge-box {
			transform: none !important;
			margin-top: 10px;
		} */
	/* Nationalities Badge */
	.badge-nationalities {
		right: 12px !important;
		opacity: 1;
	}

.badge-box {
    padding: 7px 16px;
    height: inherit;
}
	/* Employees Badge */
.badge-employees {
        left: 12px !important;
        opacity: 1;
        top: calc(100% - 44px) !important;
		gap: 8px;
    }


	.pagination{
		gap: 12px;
	}
}
@media (max-width: 991px) {
	.careers-hero-section{
		padding: 40px 0 82px;
	}
	.careers-hero-section h1 {
		font-style: normal;
		font-weight: 300;
		font-size: 36px;
		line-height: 44px;
		/* or 122% */
		letter-spacing: -0.025em;
		margin-bottom: 16px !important;

	}
	.careers-hero-section p.lead{

		font-style: normal;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		/* or 143% */
		letter-spacing: -0.0025em;
		margin-bottom: 36px;

	}
	
}
@media (max-width: 767px) {
    .careers-hero-section {
        padding-bottom: 53px;
        background-position: right -130px !important;
        background-color: #eee !important;
    }
.hero-image-wrapper{
	        padding-bottom: 0px;
        margin-bottom: 44px;
}
.badge-box .fw-semibold{
	font-weight: 500 !important;
	    line-height: 24px;
}

}