.elementor-12966 .elementor-element.elementor-element-f0e1c34{--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-12966 .elementor-element.elementor-element-f0e1c34:not(.elementor-motion-effects-element-type-background), .elementor-12966 .elementor-element.elementor-element-f0e1c34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://complete-careers.com/wp-content/uploads/Bonkers-Image.png");background-position:95% 39%;background-repeat:no-repeat;background-size:38% auto;}.elementor-12966 .elementor-element.elementor-element-e4b6cc7{--display:flex;}.elementor-12966 .elementor-element.elementor-element-ca9ce06 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12966 .elementor-element.elementor-element-2639153 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;}.elementor-12966 .elementor-element.elementor-element-dbfc13c{--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;--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-12966 .elementor-element.elementor-element-74827a4{--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;--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-12966 .elementor-element.elementor-element-0d316a7{--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;--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-12966 .elementor-element.elementor-element-de1f6e9{--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;--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-12966 .elementor-element.elementor-element-f0e1c34:not(.elementor-motion-effects-element-type-background), .elementor-12966 .elementor-element.elementor-element-f0e1c34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}}@media(max-width:767px){.elementor-12966 .elementor-element.elementor-element-f0e1c34:not(.elementor-motion-effects-element-type-background), .elementor-12966 .elementor-element.elementor-element-f0e1c34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}}/* Start custom CSS for container, class: .elementor-element-f0e1c34 *//* ========================================
   COMPLETE CAREERS — INNER PAGE HERO
   FULL REPLACEMENT CSS
======================================== */

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

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

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

}

/* ========================================
   PHOTO OVERLAY
   Strong dark navy wash, especially right side
======================================== */

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

    background:
        linear-gradient(
            90deg,
            rgba(2, 17, 60, 0.10) 0%,
            rgba(2, 17, 60, 0.16) 35%,
            rgba(2, 17, 60, 0.32) 55%,
            rgba(2, 17, 60, 0.58) 72%,
            rgba(2, 17, 60, 0.78) 86%,
            rgba(2, 17, 60, 0.90) 100%
        );

    pointer-events: none;
}

/* ========================================
   DIAGONAL NAVY 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(2, 18, 62, 0.97) 0%,
            rgba(4, 27, 81, 0.95) 56%,
            rgba(6, 40, 103, 0.92) 100%
        );

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

    pointer-events: none;
}

/* ========================================
   CONTENT
======================================== */

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

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

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

    margin: 0 auto;
    padding: 68px 60px;
}

/* ========================================
   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: #C0282B;
}

/* ========================================
   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(2, 17, 60, 0.16) 0%,
                rgba(2, 17, 60, 0.24) 40%,
                rgba(2, 17, 60, 0.48) 64%,
                rgba(2, 17, 60, 0.70) 82%,
                rgba(2, 17, 60, 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 40px;
    }

    .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(2, 17, 60, 0.46) 0%,
                rgba(2, 17, 60, 0.62) 60%,
                rgba(2, 17, 60, 0.78) 100%
            );
    }

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

        background:
            linear-gradient(
                90deg,
                rgba(3, 20, 66, 0.95) 0%,
                rgba(5, 27, 77, 0.88) 58%,
                rgba(5, 27, 77, 0.68) 100%
            );

        clip-path: none;
    }

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

    .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 */