.elementor-4533 .elementor-element.elementor-element-4da1401{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4533 .elementor-element.elementor-element-4da1401.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4533 .elementor-element.elementor-element-21eac66{--display:flex;}.elementor-4533 .elementor-element.elementor-element-21eac66.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4533 .elementor-element.elementor-element-035c65f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4533 .elementor-element.elementor-element-035c65f.e-con{--align-self:center;}.elementor-4533 .elementor-element.elementor-element-ee55286{width:initial;max-width:initial;}.elementor-4533 .elementor-element.elementor-element-ee55286 > .elementor-widget-container{margin:0px 0px 0px 0px;box-shadow:13px 10px 10px 0px rgba(0,0,0,0.5);}.elementor-4533 .elementor-element.elementor-element-ee55286.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4533 .elementor-element.elementor-element-ee55286 img{width:100%;border-style:none;}.elementor-4533 .elementor-element.elementor-element-a00e3fd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4533 .elementor-element.elementor-element-f85a893{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4533 .elementor-element.elementor-element-05d74a5 > .elementor-widget-container{margin:20px 5px 0px 10px;}@media(min-width:768px){.elementor-4533 .elementor-element.elementor-element-4da1401{--width:100%;}.elementor-4533 .elementor-element.elementor-element-21eac66{--width:50.019%;}.elementor-4533 .elementor-element.elementor-element-035c65f{--width:75%;}.elementor-4533 .elementor-element.elementor-element-f85a893{--width:47%;}}/* Start custom CSS for html, class: .elementor-element-bb1fc2a */.jobs-title1 {
    text-align: center;
    font-size: 48px;
    color: #555;
    font-weight: 700;
    margin-bottom: 10px;
}   

.jobs-line {
    height: 4px;
    background: #4285f4;
    border-radius: 20px;
    margin: 0 auto;
    

    animation: growLine 1.5s ease-out forwards;
}

@keyframes growLine {
    from {
        width: 0;
    }
    to {
        width: 120px; /* 3. Set your final desired line length here */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a00e3fd *//* Container Box */
.career-intro-box {
    max-width: 900px;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: left;
    position: relative;
}

/* Main Golden Heading */
.career-heading {
    font-size: 34px;
    font-weight: 700;
    line-height: .2;
    color: #d4ae26;
    margin: 0 0 5px 0;
}

/* Secondary Highlight Title */
.career-highlight {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: #0057B8;
    letter-spacing: .3px;
    display: inline-block;
}

/* --- MOVING LIGHT UNDERLINE CSS --- */
.career-highlight-container {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 12px;
}

.animated-underline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 280px; /* Set to a solid, professional length */
    height: 1px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 87, 184, 0.15);
    overflow: hidden; /* Crucial: Keeps the light beam contained inside the line */
    
    /* Base background gradient mixing your brand colors */
    background: linear-gradient(to right, #0057B8, #d4ae26);
}

/* The Light Beam Element */
.animated-underline::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%; /* Starts completely hidden outside the left edge */
    width: 80%;
    height: 100%;
    
    /* Creates a sharp, bright whitish-blue metallic light streak */
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.7) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    
    /* Runs the left-to-right light slide continuously every 2.5 seconds */
    animation: movingLightBeam 2.5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

/* The exact path for the light movement */
@keyframes movingLightBeam {
    0% {
        left: -150%;
    }
    50% {
        left: 150%; /* Sweeps all the way across past the right edge */
    }
    100% {
        left: 150%; /* Adds a tiny pause before restarting the loop at 0% */
    }
}

/* Optional Interaction: Makes the light move faster when someone hovers over the area */
.career-intro-box:hover .animated-underline::after {
    animation-duration: 1.5s;
}

/* Core Description Text */
.career-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

/* Extra Styling for Bullet Perks */
.career-sub-points {
    background: #fdfeff;
    border-left: 3px solid #d4ae26;
    padding: 15px;
    margin: 10px 0;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    font-size: 14.5px;
}

/* Mobile Responsive Adapters */
@media(max-width: 768px) {
    .career-intro-box {
        text-align: center;
    }
    
    .animated-underline {
        left: 50%;
        transform: translateX(-50%);
        width: 150px; /* Slightly shorter length for mobile screens */
    }
    
    .career-sub-points {
        text-align: left;
    }
}/* End custom CSS */