/* WRAPPER LAYOUT */
.career-sorting-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.elementor-inline-item {
	display:flex;
	align-items:center;
}
span.elementor-icon-list-icon{
	height:20px !important;
	display:contents;
	justify-content:center;
}
.elementor-post-info .elementor-icon-list-text{
	color:#000032 !important;
}
.elementor-widget-post-info .elementor-icon-list-text a {
	color:#000032 !important;
}
li.elementor-icon-list-item.elementor-repeater-item-28b7728.elementor-inline-item .elementor-icon-list-icon svg{
	fill:none !important;
}
/* SORTING CONTAINER */
.career-sorting {
    position: relative;                 /* Needed for ::after arrow */
    width: 327.5px;
    border: 1px solid #C1CFDA;
    background-color: transparent !important;
    border-radius: 0px !important;
	box-shadow:none;
}

/* SELECT DROPDOWN — Remove default arrow */
.career-sort {
    width: 100%;
    background-color: transparent !important;
    border: none;
    padding: 10px 40px 10px 15px;       /* Space for custom arrow */
    font-size: 16px;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* DEFAULT custom arrow (DOWN) */
.career-sorting::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 8px;
    pointer-events: none;

    background-repeat: no-repeat;
    background-size: 14px 8px;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'><path d='M0.53125 0.530273L6.53125 6.53027L12.5312 0.530273' stroke='%23000032' stroke-width='1.5'/></svg>");
}

/* UP ARROW WHEN OPEN */
.career-sorting.open::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'><path d='M0.53125 6.53027L6.53125 0.530273L12.5312 6.53027' stroke='%23000032' stroke-width='1.5'/></svg>");
}

/* OPTIONAL: Career list layout */
.career-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.career-count {
    color: #000032;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
}

.career-sort {
    color: var(--R-PrecisionDark, #000032);

    /* Form-field */
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */

    padding: 8px 14px;
    cursor: pointer;
	 box-shadow: none;
	
	display: flex;
	height: 50px;
	padding: 10px 20px;
	align-items: center;
	gap: 40px;
	align-self: stretch;

}

@media (max-width: 575px) {
    .career-sorting-wrapper {
        flex-direction: column-reverse;
		justify-content:start;
		align-items:start;
		gap:20px;
    }
}


/* ----------- Tablets (≤ 1024px) ----------- */
@media (max-width: 1024px) {
    .career-sort {
        font-size: 16px;
        line-height: 24px;
        padding: 7px 12px;
    }
}

/* ----------- Large Phones (≤ 767px) ----------- */
@media (max-width: 767px) {
    .career-sort {
        font-size: 15px;
        line-height: 22px;
        padding: 6px 10px;
    }
}

/* ----------- Small Phones (≤ 480px) ----------- */
@media (max-width: 480px) {
    .career-sort {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 8px;
    }
}


/* ----------- Tablets (768px–1024px) ----------- */
@media (max-width: 1024px) {
    .career-count {
        font-size: 18px;
        line-height: 28px;
    }
}

/* ----------- Large Phones (600px–767px) ----------- */
@media (max-width: 767px) {
    .career-count {
        font-size: 16px;
        line-height: 24px;
    }
}

/* ----------- Small Phones (≤ 480px) ----------- */
@media (max-width: 480px) {
    .career-count {
        font-size: 14px;
        line-height: 22px;
    }
}


@media(max-width:575px){
	.career-sorting-wrapper {
		max-width:none;
		width:100%;
}
.career-sorting {
    max-width:none;
		width:100%;
}
}