/**
 * BD Jobs Single View — Broelio Design
 *
 * Custom styles for the job single view template.
 * All classes prefixed with "bl-" to avoid conflicts.
 *
 * @since 1.0.0
 * @package waiBytes
 */

/* ===========================================
   CSS Custom Properties
   =========================================== */
:root {
	--bl-primary: #00A43D;
	--bl-secondary: #EFD848;
	--bl-text: #252525;
	--bl-dark: #004018;
	--bl-bg: #F9F9EE;
	--bl-white: #FFFFFF;
	--bl-border: #A0A0A0;
}

/* ===========================================
   Base — Reset plugin defaults in context
   =========================================== */
html {
	scroll-behavior: smooth;
}

.bl-job-single {
	font-family: var(--bl-font);
	color: var(--bl-text);
	line-height: 1.6;
}

.bl-job-single *,
.bl-job-single *::before,
.bl-job-single *::after {
	box-sizing: border-box;
}

/* ===========================================
   Section 1: Hero Header
   =========================================== */
.bl-top {
}

.bl-single__floating {
	position: absolute !important;
	transform: translateY(var(--translateY));
	right: 0px;
	max-width: 100%;
	width: var(--container-widget-width, 200px);
    max-width: 200px;
    --container-widget-width: 200px;
    --container-widget-flex-grow: 0;
    top: 17.5%;
    z-index: -1;
}

.bl-hero {
	background-color: var(--bl-bg);
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

.bl-hero__inner {
	max-width: 70%;
	margin: 0;
	position: relative;
	z-index: 1;
	display: flex;
	flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
	align-items: var(--align-items);
    flex-direction: column;
    flex-wrap: var(--flex-wrap);
    gap: var(--row-gap) var(--column-gap);
    justify-content: var(--justify-content);
}

.bl-hero__pretitle {
    font-family: "Poppins", Sans-serif;
    font-size: 75px;
    font-weight: 400;
    line-height: 85px;
    color: var(--e-global-color-primary);
}

.bl-hero__title {
	font-family: var(--bl-font);
	font-size: 50px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bl-text);
	margin: 0 0 15px 0;
	text-wrap: balance;
}

.bl-hero__subtitle {
	font-family: var(--bl-font);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bl-text);
	margin: 0 0 30px 0;
	text-wrap: balance;
}

.bl-hero__cta {
	display: inline-flex;
	align-self: flex-start;
	box-shadow: none;
    text-decoration: none;
	background-color: var(--e-global-color-secondary);
	text-align: center;
    transition: all .3s;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text);
    border-style: none;
    border-radius: 25px 25px 25px 25px;
    padding: 18px 20px 18px 20px;
	align-items: center;
    justify-content: center;
    gap: 5px;
}

.bl-hero__cta:hover {
	opacity: 0.85;
	color: var(--bl-text);
}

.bl-hero__cta svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.bl-hero__decoration {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 200px;
	z-index: -1;
	pointer-events: none;
}

.bl-hero__decoration img {
	width: 100%;
	height: auto;
}

/* ===========================================
   Section 2: Content + Info Cards
   =========================================== */
.bl-content {
	background-color: var(--bl-bg);
	padding: 0 20px 80px !important;

	@media (min-width: 1024px) {
	padding: 0 10px 80px !important;
	}
}

.bl-content__inner {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	gap: 100px;
	align-items: flex-start;
}

.bl-content__main {
	flex: 1;
	min-width: 0;
}

.bl-content__heading {
	font-family: var(--bl-font);
	font-size: 38px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bl-primary);
	margin: 0 0 24px 0;
}

.bl-content__text {
	font-family: var(--bl-font);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bl-text);
}

.bl-content__text ul {
	padding-left: 20px;
	margin: 15px 0;
}

.bl-content__text ul li {
	margin-bottom: 0;
	font-size: 20px;
}

.bl-content__text p {
	margin: 0 0 15px 0;
}

.bl-content__spacer {
	height: 80px;
}

/* Sidebar — Info Cards */
.bl-content__sidebar {
	flex-shrink: 0;
	width: 45%;
}

.bl-info-grid {
	display: grid !important;
	grid-template-columns: 40% 1fr !important;
	gap: 20px !important;
	justify-items: center;
	align-items: start;

	@media (max-width: 679px) {
		display: block !important;
	}
}

.bl-info-grid__col1 {
	@media (max-width: 679px) {
		margin-bottom: 20px !important;
	}
}

.bl-info-card {
	position: relative;
	z-index: 5 !important;
	display: flex;
	flex-direction: column !important;
	align-items: center;
	justify-content: center;
	background-color: var(--bl-white);
	border-radius: 35px !important;
	padding: 35px 25px !important;
	text-align: center;
	width: 100%;
	min-height: 160px;
}

.bl-info-card--offset-top {
	margin-top: 100px;
}

.bl-info-card__label {
	font-family: var(--bl-font);
	font-size: 20px;
	font-weight: 400;
	color: var(--bl-text);
	margin-bottom: 20px;
	text-transform: lowercase;
	text-align: center;
}

.bl-info-card__value {
	font-family: var(--bl-font);
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--bl-primary);
	text-align: center;
}

.bl-info-card__value small {
	font-size: 30px;
}

.bl-info-card--icon {
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	background-color: var(--bl-white);
	padding: 25px;
}

.bl-info-card--icon img {
	max-width: 130px;
	height: auto;
}

/* ===========================================
   Section 3: Application Form
   =========================================== */
.bl-apply {
	background-color: var(--e-global-color-accent);
	padding: 0 0 100px !important;

	@media (min-width: 1200px) {
		background-color: transparent;
    	background-image: linear-gradient(180deg, transparent 20%, var(--e-global-color-accent) 0%);
	}
}

.bl-apply__inner {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-direction: column !important;
	gap: 50px !important;
	align-content: center !important;
    align-items: center !important;
    align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
	padding: 100px 10px 50px !important;

	@media (min-width: 1200px) {
		flex-direction: row !important;
		padding: 100px 0 50px 0 !important;
	}
}

.bl-apply__header {
	text-align: left;
	width: 100% !important;

	@media (min-width: 1200px) {
		width: 45% !important;
	}
}

.bl-apply__heading {
font-family: "Poppins", Sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 76px;
    color: #FFFFFF;
}

.bl-apply__description {
	font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}

.bl-apply__form-container {
	width: 100% !important;
	background-color: var(--bl-white) !important;
	border-radius: 40px !important;
	box-shadow: 0 0 10px 0 rgba(88, 85, 79, 0.08) !important;
	padding: 100px 50px !important;
	padding-inline-start: 50px !important;
	padding-inline-end: 50px !important;

	@media (min-width: 1200px) {
		width: 55% !important;
	}
}

.bl-apply__form-standalone-container {
	width: 100% !important;
	background-color: var(--bl-white) !important;
	border-radius: 40px !important;
	box-shadow: 0 0 10px 0 rgba(88, 85, 79, 0.08) !important;
	padding: 0 !important;

	@media (min-width: 1200px) {
		width: 55% !important;
	}
}

/* ===========================================
   Plugin Overrides — Progress Indicator
   =========================================== */
.bl-job-single .bd-jobs-application {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	padding: 60px 60px 40px 60px !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 40px;
}

.bl-job-single .bd-jobs-application__header {
	text-align: left;
	margin-bottom: 20px;
}

.bl-job-single .bd-jobs-application__title {
	font-family: var(--bl-font);
	font-size: 24px;
	font-weight: 400;
}

.bl-job-single .bd-jobs-application__intro {
	font-family: var(--bl-font);
}

.bd-jobs-application__progress {
	margin-top: 40px;
}

/*

.bl-job-single .bd-jobs-progress {
	display: flex;
	justify-content: flex-start;
	gap: 0;
	margin-bottom: 40px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.bl-job-single .bd-jobs-progress__step {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
	position: relative;
}
.bl-job-single .bd-jobs-progress__step:not(:last-child)::after {
	content: '';
	position: static;
	display: inline-block;
	width: 10px;
	height: 3px;
	background: #babfc5;
	margin: 0 10px;
	flex-shrink: 0;
	top: auto;
	left: auto;
}

.bl-job-single .bd-jobs-progress__step--active:not(:last-child)::after,
.bl-job-single .bd-jobs-progress__step--completed:not(:last-child)::after {
	background: #babfc5;
}

.bl-job-single .bd-jobs-progress__number {
	display: none;
}

.bl-job-single .bd-jobs-progress__label {
	font-family: var(--bl-font);
	font-size: 13px;
	line-height: 1.2;
	font-weight: 400;
	color: #004018;
	margin-top: 0;
	white-space: nowrap;
	transition: color 0.3s ease;
	max-width: auto;
	text-wrap: auto;
}

.bl-job-single .bd-jobs-progress__step--active .bd-jobs-progress__label {
	color: #00A43D;
	font-weight: 500;
}

.bl-job-single .bd-jobs-progress__step--completed .bd-jobs-progress__label {
	color: #00A43D;
	font-weight: 400;
}*/


.bl-job-single .bd-jobs-application__form {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	@media (min-width: 1200px) {
    	min-height: 500px;
	}
}

.bl-job-single .bd-jobs-progress {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
	margin-bottom: 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.bl-job-single .bd-jobs-progress__step {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
	position: relative;
	gap: 15px;
	width: 20px;
}

.bl-job-single .bd-jobs-progress__step--active {
	width: 80px;
}

.bl-job-single .bd-jobs-progress__step:after {
	display: none;
}

.bl-job-single .bd-jobs-progress__number {
	height: 4px;
	background: #ccc;
	width: 20px;
	border-radius: 3px;
}

.bl-job-single .bd-jobs-progress__step--active .bd-jobs-progress__number {
	background: #333;
	width: 80px;
}

.bl-job-single .bd-jobs-progress__label {
	font-family: var(--bl-font);
	font-size: 12px;
	line-height: 1.2;
	font-weight: 400;
	color: #333;
	margin-top: 0;
	white-space: nowrap;
	transition: color 0.3s ease;
	max-width: auto;
	text-wrap: auto;
	display: none;
	text-wrap: nowrap;
}
.bl-job-single .bd-jobs-progress__step--active .bd-jobs-progress__label {
	color: #333;
	font-weight: 400;
	display: block;
}

.bl-job-single .bd-jobs-progress__step--completed .bd-jobs-progress__label {
	color: #00A43D;
	font-weight: 400;
}

/* ===========================================
   Plugin Overrides — Form Steps
   =========================================== */
.bl-job-single .bd-jobs-application__step-title {
	font-family: var(--bl-font);
	font-size: 1.75rem;
	font-weight: 400;
	margin: 0 0 0 0;
}

.bl-job-single .bd-jobs-application__step-description {
	font-family: var(--bl-font);
	font-size: 14px;
	color: var(--bl-text);
}

/* ===========================================
   Plugin Overrides — Form Elements
   =========================================== */
.bl-job-single .bd-jobs-form__group {
	margin-bottom: 10px;
}

.bl-job-single .bd-jobs-form__label {
	font-family: var(--bl-font);
	font-weight: 400;
	font-size: 14px;
	color: var(--bl-text);
}

.bl-job-single .bd-jobs-form__input,
.bl-job-single .bd-jobs-form__textarea, 
.bl-job-single .bd-jobs-form__select {
	font-family: var(--bl-font);
	font-weight: 400;
	font-size: 16px;
	background-color: var(--bl-white);
	border: 1px solid var(--bl-border);
	border-radius: 0;
	padding: 14px 18px;
	width: 100%;
	transition: border-color 0.2s ease;
}
.bl-job-single .bd-jobs-form__select {
	padding: 14px 15px;
}
.bl-job-single .bd-jobs-form__select {
  background-image:
    linear-gradient(45deg, transparent 50%, #333 50%),
    linear-gradient(135deg, #333 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 7px),
    calc(100% - 15px) calc(1em + 7px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  appearance: none;
}

.bl-job-single .bd-jobs-form__select:focus {
  background-image:
    linear-gradient(45deg, #333 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #333 50%);
  background-position:
    calc(100% - 15px) calc(1em + 7px),
    calc(100% - 20px) calc(1em + 7px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

.bl-job-single .bd-jobs-form__input:focus,
.bl-job-single .bd-jobs-form__textarea:focus,
.bl-job-single .bd-jobs-form__select:focus {
	outline: none;
	border-color: var(--bl-primary);
	box-shadow: none;
}

.bl-job-single .bd-jobs-form__input.bd-jobs-form__input--error,
.bl-job-single .bd-jobs-form__textarea.bd-jobs-form__textarea--error {
	border-color: #dc3545;
}

.bl-job-single .bd-jobs-form__textarea {
	resize: vertical;
	min-height: 140px;
}

.bl-job-single .bd-jobs-form__hint {
	font-family: var(--bl-font);
	font-size: 12px;
	color: var(--bl-border);
}

.bl-job-single .bd-jobs-form__error {
	font-family: var(--bl-font);
	font-size: 12px;
}

/* Visually hidden labels */
.bl-form__label--hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Radio Buttons */
.bl-job-single .bd-jobs-form__radio-group {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.bl-job-single .bd-jobs-form__radio {
	font-family: var(--bl-font);
	font-size: 16px;
	cursor: pointer;
}

.bl-job-single .bd-jobs-form__radio input {
	accent-color: var(--bl-primary);
}

/* Checkbox */
.bl-job-single .bd-jobs-form__checkbox {
	font-family: var(--bl-font);
}

.bl-job-single .bd-jobs-form__checkbox input {
	accent-color: var(--bl-primary);
}

.bl-job-single .bd-jobs-form__checkbox-text {
	font-size: 14px;
	line-height: 1.6;
}

.bl-job-single .bd-jobs-form__checkbox-text a {
	color: var(--bl-primary);
}

/* Form Row — Two columns */
.bl-job-single .bd-jobs-form__row {
	display: flex;
	gap: 10px;
}

.bl-job-single .bd-jobs-form__group--half {
	flex: 1;
}

/* ===========================================
   Plugin Overrides — File Upload
   =========================================== */
.bl-job-single .bd-jobs-form__file-label {
	font-family: var(--bl-font);
	background-color: var(--bl-primary);
	color: var(--bl-white);
	padding: 15px 20px;
	border-radius: 35px;
	border: none;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.bl-job-single .bd-jobs-form__file-label:hover {
	opacity: 0.85;
	border-color: transparent;
	background: var(--bl-primary);
}

.bl-job-single .bd-jobs-form__file-label svg {
	color: var(--bl-white);
}

.bl-job-single .bd-jobs-form__file-text {
	color: var(--bl-white);
}

.bl-job-single .bd-jobs-form__file-label--dragover {
	opacity: 0.7;
}

.bl-job-single .bd-jobs-form__file-name {
	font-family: var(--bl-font);
	background: var(--bl-bg);
	border-radius: 4px;
	font-size: 14px;
}

/* File label — bold section headers */
.bl-form__file-section-label {
	font-family: var(--bl-font);
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 8px;
	display: block;
}

/* ===========================================
   Plugin Overrides — Navigation Buttons
   =========================================== */
.bl-job-single .bd-jobs-application__navigation {
	display: inline-flex;
	justify-content: flex-start;
	gap: 15px;
	margin-top: 30px;
	padding-top: 0;
	border-top: none;
}

.bl-job-single .bd-jobs-application__btn {
	font-family: var(--bl-font);
	font-size: 16px;
	font-weight: 500;
	padding: 18px 20px 18px 20px;
	border-radius: 40px;
	border: none;
	cursor: pointer;
	transition: opacity 0.2s ease;
	line-height: 1;
	width: 60px;
    height: 60px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}

.bl-job-single .bd-jobs-application__btn--prev {
	background: transparent !important;
    color: #333 !important;
    border: 0 !important;
	padding: 0 !important;
	font-size: 0em !important;
}

.bl-job-single .bd-jobs-application__btn--prev:focus,
.bl-job-single .bd-jobs-application__btn--prev:hover {
	background: transparent !important;
    color: #333 !important;
    border: 0 !important;
}

.bl-job-single .bd-jobs-application__btn--next,
.bl-job-single .bd-jobs-application__btn--submit {
	background: var(--bl-secondary);
	color: var(--bl-text);
}

.bl-job-single .bd-jobs-application__btn--submit {
	width: auto !important;
}

.bl-job-single .bd-jobs-application__btn--next:hover,
.bl-job-single .bd-jobs-application__btn--next:focus,
.bl-job-single .bd-jobs-application__btn--submit:hover,
.bl-job-single .bd-jobs-application__btn--submit:focus {
	opacity: 0.85;
	background: var(--bl-secondary);
	color: var(--bl-text);
}

.bl-job-single .bd-jobs-application__btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.bl-job-single .bd-jobs-application__btn--next .elementor-button-icon svg {
	width: 12px;
}

/* ===========================================
   Plugin Overrides — Messages & Success
   =========================================== */
.bl-job-single .bd-jobs-application__messages {
	font-family: var(--bl-font);
	border-radius: 10px;
}

.bl-job-single .bd-jobs-application__success {
	text-align: center;
	padding: 60px 20px;
}

.bl-job-single .bd-jobs-application__success h3 {
	font-family: var(--bl-font);
	font-weight: 400;
}

.bl-job-single .bd-jobs-application__success p {
	font-family: var(--bl-font);
}

/* Summary */
.bl-job-single .bd-jobs-application__summary {
	font-family: var(--bl-font);
	background: var(--bl-bg);
	border-radius: 10px;
}

/* Loading */
.bl-job-single .bd-jobs-application--loading {
	pointer-events: none;
	opacity: 0.6;
}

/* Required field note */
.bl-form__required-note {
	font-family: var(--bl-font);
	font-size: 12px;
	color: #333;
	margin-top: 5px;
}

/* ===========================================
   Step Header — Back Button + Title
   =========================================== */
.bd-jobs-application__step-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 25px;
}

.bl-back-btn {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bl-text);
	transition: opacity 0.2s ease;
	flex-shrink: 0;
}

.bl-back-btn:hover {
	opacity: 0.6;
}

.bl-back-btn svg {
	width: 16px;
	height: 16px;
	transform: rotate(90deg);
}

/* ===========================================
   Custom Calendar Date Picker
   =========================================== */
.bl-calendar {
	background: var(--bl-white);
	border-radius: 20px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	max-width: 420px;
	font-family: var(--bl-font);
}

.bl-calendar__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.bl-calendar__month-label {
	font-size: 24px;
	font-weight: 400;
	color: var(--bl-text);
}

.bl-calendar__nav:focus,
.bl-calendar__nav {
	background: none !important;
	border: none !important;
	cursor: pointer;
	padding: 8px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
	transition: background 0.2s ease;
	font-size: 12px !important;
    width: 40px !important;
    height: 40px !important;
}

.bl-calendar__nav:hover {
	background: #F9F9EE !important;
}

.bl-calendar__nav--prev svg {
	transform: scaleX(-1);
}

.bl-calendar__nav svg {
	width: 12px;
	height: 12px;
}

.bl-calendar__weekdays {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
	margin-bottom: 8px;
}

.bl-calendar__weekdays span {
	font-size: 14px;
	font-weight: 500;
	color: var(--bl-text);
	padding: 8px 0;
}

.bl-calendar__days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
	justify-items: center;
}

.bl-calendar__day {
	width: 100%;
	aspect-ratio: 1;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: none;
	font-family: var(--bl-font);
	font-size: 14px;
	color: var(--bl-text) !important;
	cursor: pointer;
	border-radius: 50% !important;
	transition: background 0.15s ease;
	padding: 0;
	width: 42px !important;
	height: 42px !important;
}

.bl-calendar__day:hover {
	background: #F9F9EE !important;
}

.bl-calendar__day--selected {
	background: var(--bl-secondary) !important;
	color: var(--bl-text) !important;
	font-weight: 600 !important;
}

.bl-calendar__day--today {
	font-weight: 600;
}

.bl-calendar__day--other {
	color: #ccc !important;
	cursor: not-allowed !important;
	background: transparent !important;
}

.bl-calendar__day--other:hover {
	color: #ccc !important;
	cursor: not-allowed !important;
	background: transparent !important;
}

.bl-calendar__day--disabled:hover {
	background: #F9F9EE !important;
}
.bl-calendar__day--selected:hover {
	background: var(--bl-secondary) !important;
	color: var(--bl-text) !important;
	font-weight: 600 !important;
}


@media (max-width: 460px) {
.bl-calendar__day {
	font-size: 13px !important; 
	width: 32px !important;
	height: 32px !important;
}
}

/* ===========================================
   Responsive — Tablet (max-width: 1024px)
   =========================================== */
@media (max-width: 1024px) {
	.bl-hero {
		padding: 80px 15px;
	}

	.bl-hero__pretitle {
		font-size: 60px;
		line-height: 70px;
	}

	.bl-hero__title {
		font-size: 36px;
	}

	.bl-hero__decoration {
		display: none;
	}

	.bl-content {
		padding: 0 15px 60px;
	}

	.bl-content__inner {
		flex-direction: column;
		gap: 50px;
	}

	.bl-content__sidebar {
		width: 100%;
	}

	.bl-content__heading {
		font-size: 30px;
	}

	.bl-info-card--offset-top {
		margin-top: 0;
	}

	.bl-apply {
		padding: 80px 15px 40px;
	}

	.bl-apply__heading {
		font-size: 30px;
	}

	.bl-apply__form-container {
		padding: 60px 30px;
	}
}

/* ===========================================
   Responsive — Mobile (max-width: 768px)
   =========================================== */
@media (max-width: 768px) {
	.bl-job-single .bd-jobs-application {
		padding: 20px !important;
		border-radius: 40px;
	}


	.bl-hero {
		padding: 60px 15px;
	}

	.bl-hero__pretitle {
		font-size: 40px;
		line-height: 50px;
	}

	.bl-hero__title {
		font-size: 25px;
	}

	.bl-hero__subtitle {
		font-size: 16px;
	}

	.bl-content__heading {
		font-size: 24px;
	}

	.bl-info-grid {
		grid-template-columns: 1fr;
	}

	.bl-info-card__value {
		font-size: 35px;
	}

	.bl-info-card--icon img {
		max-width: 90px;
	}

	.bl-apply__heading {
		font-size: 24px;
	}

	.bl-apply__form-container {
		padding: 40px 20px;
		border-radius: 25px;
	}

	.bl-job-single .bd-jobs-progress {
		gap: 10px;
		overflow-x: auto;
		padding-bottom: 10px;
	}

	.bl-job-single .bd-jobs-progress__label {
		font-size: 12px;
	}

	.bl-job-single .bd-jobs-form__row {
		flex-direction: column;
		gap: 0;
	}

	.bl-job-single .bd-jobs-application__navigation {
		flex-direction: column;
		gap: 10px;
	}

	.bl-job-single .bd-jobs-application__btn {
		width: 60px;
		text-align: center;
	}

	.bl-job-single .bd-jobs-application__btn--next,
	.bl-job-single .bd-jobs-application__btn--submit {
		order: -1;
	}
}

/* ===========================================
   Responsive — Small Mobile (max-width: 480px)
   =========================================== */
@media (max-width: 480px) {
	.bl-hero__pretitle {
		font-size: 30px;
		line-height: 38px;
	}

	.bl-hero__title {
		font-size: 22px;
	}

	.bl-apply__form-container {
		padding: 30px 15px;
		border-radius: 20px;
	}

	.bl-info-card {
		padding: 25px 20px;
		border-radius: 25px;
		min-height: 120px;
	}
}



/* List */
.bl-jobs-list {    
	gap: 40px !important;
    display: flex;
    flex-direction: column;
	margin-bottom: 40px;
}

.bl-jobs-card {
    border-radius: 50px 50px 50px 50px !important;
	box-shadow: 0px 0px 30px 0px rgba(125, 83.00000000000009, 0, 0.21176470588235294);
	padding-top: 35px !important;
    padding-bottom: 35px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
	transition: var(--overlay-transition, .3s);

	display: flex;
	gap: 15px;
    flex-direction: column;
	
	@media (min-width: 1200px) {
    	flex-direction: row;
	}

	&:hover {
		@media (min-width: 1200px) {
			scale: 1.02;
			transition: 0.3s;
		}
	}

	.bl-jobs-card__header {
		width: 100%;
		padding-block-end: var(--padding-block-end);
    	padding-block-start: var(--padding-block-start);
		padding-inline-end: var(--padding-inline-end);
		padding-inline-start: var(--padding-inline-start);
	
		@media (min-width: 1200px) {
			width: 55%;
		}

		.bl-jobs-card__title {
			font-family: "Poppins", Sans-serif;
			font-weight: 400;
			font-size: 25px;
        	line-height: 35px;
			color: var(--e-global-color-text);
	
			@media (min-width: 768px) {
				font-size: 32px;
				line-height: 42px;
			}
		}
	}

	.bl-jobs-card__meta {
		width: 100%;
		padding-block-end: var(--padding-block-end);
    	padding-block-start: var(--padding-block-start);
		padding-inline-end: var(--padding-inline-end);
		padding-inline-start: var(--padding-inline-start);
		flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
		display: flex;
		align-items: start;
		flex-direction: column;
		flex-wrap: var(--flex-wrap);
		gap: var(--row-gap) var(--column-gap);
		justify-content: space-between;
	
		@media (min-width: 768px) {
			align-items: center;
			flex-direction: var(--flex-direction);
		}
	
		@media (min-width: 1200px) {
			width: 45%;
		}

		.bl-jobs-card__meta-item {
			color: var(--e-global-color-primary);
    		transition: color 0.3s;
			font-family: "Poppins", Sans-serif;
			font-size: 25px;
        	line-height: 35px;
    		font-weight: 600;
			margin-inline: calc(30px / 2);
	
			@media (min-width: 768px) {
				font-size: 32px;
				line-height: 42px;
				margin-inline: calc(60px / 2);
			}

			&:before {
				content: "";
				border-color: var(--e-global-color-primary);
				border-width: 0;
				border-inline-start-width: 3px;
				border-style: solid;
				height: 100%;
				inset-inline-end: 0;
				inset-inline-start: -15px;
				position: relative;
				width: auto;
	
				@media (min-width: 768px) {
					inset-inline-start: -33px;
				}
			}
		}
	}

	.bl-jobs-card__link {
		opacity: 1;
		transition: all 0.3s ease !important;
	
		@media (min-width: 1024px) {
			opacity: 0;
		}

		&:hover {
			transition: all 0.3s ease !important;
			transform: scale(1.05);
		}
	}

	&:hover .bl-jobs-card__link {
		opacity: 1;
	}
}

.elementor-element-66289ef {
	position: unset !important;
}

.elementor-2118 .e-con-full {
	padding: 0 !important;
}

.bd-jobs-application__footer {
	display: flex;    
	align-items: center;
    justify-content: space-between;
}