.elementor-12841 .elementor-element.elementor-element-a6b5e52{--display:flex;--min-height:460px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12841 .elementor-element.elementor-element-a6b5e52:not(.elementor-motion-effects-element-type-background), .elementor-12841 .elementor-element.elementor-element-a6b5e52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://complete-careers.com/wp-content/uploads/hero-image.jpg");background-position:0% 59%;background-size:cover;}.elementor-12841 .elementor-element.elementor-element-081a358{--display:flex;}.elementor-12841 .elementor-element.elementor-element-ef6f8ef .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12841 .elementor-element.elementor-element-2937d6c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;}.elementor-12841 .elementor-element.elementor-element-a0eb743{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12841 .elementor-element.elementor-element-57cdfc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12841 .elementor-element.elementor-element-de6f703{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-12841 .elementor-element.elementor-element-a6b5e52:not(.elementor-motion-effects-element-type-background), .elementor-12841 .elementor-element.elementor-element-a6b5e52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}}@media(max-width:767px){.elementor-12841 .elementor-element.elementor-element-a6b5e52:not(.elementor-motion-effects-element-type-background), .elementor-12841 .elementor-element.elementor-element-a6b5e52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}}/* Start custom CSS for container, class: .elementor-element-a6b5e52 *//* ========================================
   COMPLETE CAREERS — INNER PAGE HERO
   RED SERVICE VERSION
   ALIGNED TO 1380PX PAGE CONTENT
======================================== */

.cc-inner-hero,
.cc-inner-hero * {
    box-sizing: border-box;
}

.cc-inner-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;
    min-height: 450px;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}


/* ========================================
   REMOVE ELEMENTOR BOXED WIDTH
======================================== */

.cc-inner-hero > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}


/* ========================================
   PHOTO OVERLAY
======================================== */

.cc-inner-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background:
        linear-gradient(
            90deg,
            rgba(192, 40, 43, 0.10) 0%,
            rgba(192, 40, 43, 0.16) 35%,
            rgba(160, 28, 34, 0.32) 55%,
            rgba(125, 20, 27, 0.58) 72%,
            rgba(96, 15, 22, 0.78) 86%,
            rgba(70, 10, 17, 0.90) 100%
        );

    pointer-events: none;
}


/* ========================================
   DIAGONAL RED TITLE PANEL
======================================== */

.cc-inner-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 1;

    width: 67%;

    background:
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 31.8%,
            rgba(255, 255, 255, 0.045) 32%,
            transparent 32.3%
        ),
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 63.8%,
            rgba(255, 255, 255, 0.03) 64%,
            transparent 64.3%
        ),
        linear-gradient(
            135deg,
            rgba(101, 15, 22, 0.97) 0%,
            rgba(151, 26, 31, 0.95) 56%,
            rgba(192, 40, 43, 0.92) 100%
        );

    clip-path: polygon(
        0 0,
        100% 0,
        70% 100%,
        0 100%
    );

    pointer-events: none;
}


/* ========================================
   CONTENT
   SAME 1380PX WIDTH AS PAGE SECTIONS
======================================== */

.cc-inner-hero__content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    width: 100% !important;
    max-width: 1380px !important;
    min-height: 450px;

    margin: 0 auto !important;
    padding: 68px 40px;
}


/* If this is also an Elementor container,
   prevent Elementor overriding its width */
.cc-inner-hero__content.e-con {
    width: 100% !important;
    max-width: 1380px !important;
}


/* ========================================
   EYEBROW
======================================== */

.cc-inner-hero__eyebrow {
    margin: 0 0 24px !important;
}

.cc-inner-hero__eyebrow .elementor-heading-title {
    color: rgba(255, 255, 255, 0.90);

    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;

    letter-spacing: 4px;
    text-transform: uppercase;
}

.cc-inner-hero__eyebrow::after {
    content: "";
    display: block;

    width: 58px;
    height: 3px;

    margin-top: 15px;

    background: #FFFFFF;
}


/* ========================================
   MAIN TITLE
======================================== */

.cc-inner-hero__title {
    width: 52%;
    max-width: 760px;

    margin: 0 0 25px !important;
}

.cc-inner-hero__title .elementor-heading-title {
    color: #FFFFFF;

    font-family: "Roboto", sans-serif;
    font-size: clamp(52px, 4vw, 68px);
    font-weight: 300;
    line-height: 1.04;

    letter-spacing: -2px;
}


/* ========================================
   INTRO
======================================== */

.cc-inner-hero__intro {
    width: 43%;
    max-width: 620px;

    margin: 0 !important;
}

.cc-inner-hero__intro,
.cc-inner-hero__intro p {
    color: rgba(255, 255, 255, 0.88);

    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.5;
}

.cc-inner-hero__intro p:last-child {
    margin-bottom: 0;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 1024px) {

    .cc-inner-hero,
    .cc-inner-hero__content {
        min-height: 410px;
    }

    .cc-inner-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(192, 40, 43, 0.16) 0%,
                rgba(180, 34, 38, 0.24) 40%,
                rgba(145, 24, 31, 0.48) 64%,
                rgba(110, 18, 25, 0.70) 82%,
                rgba(78, 12, 19, 0.84) 100%
            );
    }

    .cc-inner-hero::before {
        width: 78%;

        clip-path: polygon(
            0 0,
            100% 0,
            73% 100%,
            0 100%
        );
    }

    .cc-inner-hero__content {
        padding: 58px 32px;
    }

    .cc-inner-hero__title {
        width: 64%;
    }

    .cc-inner-hero__title .elementor-heading-title {
        font-size: 52px;
    }

    .cc-inner-hero__intro {
        width: 56%;
    }

    .cc-inner-hero__intro,
    .cc-inner-hero__intro p {
        font-size: 19px;
    }
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

    .cc-inner-hero,
    .cc-inner-hero__content {
        min-height: 420px;
    }

    .cc-inner-hero {
        background-position: center center !important;
    }

    .cc-inner-hero::after {
        background:
            linear-gradient(
                90deg,
                rgba(125, 20, 27, 0.46) 0%,
                rgba(145, 24, 31, 0.62) 60%,
                rgba(88, 14, 21, 0.78) 100%
            );
    }

    .cc-inner-hero::before {
        width: 100%;

        background:
            linear-gradient(
                90deg,
                rgba(102, 15, 22, 0.95) 0%,
                rgba(151, 26, 31, 0.88) 58%,
                rgba(192, 40, 43, 0.68) 100%
            );

        clip-path: none;
    }

    .cc-inner-hero__content {
        padding: 52px 20px;
    }

    .cc-inner-hero__eyebrow {
        margin-bottom: 20px !important;
    }

    .cc-inner-hero__eyebrow .elementor-heading-title {
        font-size: 12px;
        letter-spacing: 3px;
    }

    .cc-inner-hero__eyebrow::after {
        width: 48px;
        height: 3px;
        margin-top: 13px;
    }

    .cc-inner-hero__title {
        width: 100%;
        max-width: 560px;

        margin-bottom: 18px !important;
    }

    .cc-inner-hero__title .elementor-heading-title {
        font-size: clamp(39px, 11vw, 48px);
        line-height: 1.07;
        letter-spacing: -1px;
    }

    .cc-inner-hero__intro {
        width: 92%;
        max-width: 500px;
    }

    .cc-inner-hero__intro,
    .cc-inner-hero__intro p {
        font-size: 17px;
        line-height: 1.5;
    }
}/* End custom CSS */