/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 13 2026 | 13:03:10 */
.gfield_select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/search-jobs/wp-content/uploads/2025/07/Arrow-Icon.svg');
    background-repeat: no-repeat;
    background-position: right 0px center;
}

.gform_required_legend {
	display: none !important;
}

.gform_fileupload_rules {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body .hero-banner{
    position: relative;
/*     overflow: hidden; */
}

body .hero-banner::before,
body .hero-banner::after{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 99;
}

/* Left icon */
body .hero-banner::before{
    width: 48px;
    height: 48px;
    background-image: url('/search-jobs/wp-content/uploads/2026/07/green-star.svg');
    left: 0%;
    top: 32%;
    transform: translateY(-50%);
}

/* Right icon */
body .hero-banner::after{
    width: 80px;
    height: 80px;
    background-image: url('/search-jobs/wp-content/uploads/2026/07/White-Stars-Icon.svg');
    right: -15%;
    top: 1%;
}

body .hero-banner .fl-row-content{
    position: relative;
    z-index: 2;
}

body.page-id-2325 .hero-banner::after , body.page-id-34035 .hero-banner::after {
	top: -125%;
}

@media only screen and (max-width: 1399px) and (min-width: 1301px) {
    body.page-id-2325 .custom_overlay_gradient , body.page-id-34035 .custom_overlay_gradient ,
	body.page-id-2320 .custom_overlay_gradient{
        height: 45.5% !important;
    }
}

.custom_overlay_gradient {
        display: none;
    }

    .american_job_image_col {
        position: relative;
        overflow: hidden;
        border-radius: 17px 17px 0 0;
    }

    .american_job_image_col::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0) 50%
        );
        pointer-events: none;
        border-radius: inherit;
    }

@media only screen and (max-device-width: 768px) {
body .hero-banner::after {
        width: 40px;
        height: 40px;
        top: -1% !important;
        right: -2% !important;
}
	
    body.page-id-2320 .hero-banner::after {
        top: -25% !important;
    }
}

@media only screen and (max-width: 992px) and (min-width: 769px) {
    body .form_custom .fl-module-content {
        margin-top: 10px;
    }
}