.elementor-12502 .elementor-element.elementor-element-7576b95{--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-12502 .elementor-element.elementor-element-7576b95:not(.elementor-motion-effects-element-type-background), .elementor-12502 .elementor-element.elementor-element-7576b95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://complete-careers.com/wp-content/uploads/rawpixel-678089-unsplash-1-2048x1194-1.jpg");background-position:center center;background-size:cover;}.elementor-12502 .elementor-element.elementor-element-944f004{--display:flex;}.elementor-12502 .elementor-element.elementor-element-c5bc097 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12502 .elementor-element.elementor-element-1463d3c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;}.elementor-12502 .elementor-element.elementor-element-d78f4a6{--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;}.elementor-12502 .elementor-element.elementor-element-ba34ad6{--display:flex;--min-height:307px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-12502 .elementor-element.elementor-element-8d46c98{--display:flex;--min-height:315px;--justify-content:center;}.elementor-12502 .elementor-element.elementor-element-8d46c98.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12502 .elementor-element.elementor-element-bc3e5d4{text-align:center;}.elementor-12502 .elementor-element.elementor-element-bc3e5d4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:300;color:var( --e-global-color-5aeb31c3 );}.elementor-12502 .elementor-element.elementor-element-573e8a3{--display:flex;--min-height:315px;--justify-content:center;}.elementor-12502 .elementor-element.elementor-element-2310927{text-align:center;}.elementor-12502 .elementor-element.elementor-element-2310927 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:71px;font-weight:300;color:var( --e-global-color-5aeb31c3 );}.elementor-12502 .elementor-element.elementor-element-611529f{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12502 .elementor-element.elementor-element-906ec56{--display:flex;}.elementor-12502 .elementor-element.elementor-element-c764965{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12502 .elementor-element.elementor-element-999b212{--display:flex;}.elementor-12502 .elementor-element.elementor-element-dad5d77 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-ecb189b );}.elementor-12502 .elementor-element.elementor-element-e755aba .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:34px;font-weight:400;color:var( --e-global-color-be23f66 );}.elementor-12502 .elementor-element.elementor-element-012f2f0{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12502 .elementor-element.elementor-element-012f2f0:not(.elementor-motion-effects-element-type-background), .elementor-12502 .elementor-element.elementor-element-012f2f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-be23f66 );}.elementor-12502 .elementor-element.elementor-element-500e0f7 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-12502 .elementor-element.elementor-element-500e0f7 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-5aeb31c3 );}.elementor-12502 .elementor-element.elementor-element-944bcfe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:59px;font-weight:300;color:var( --e-global-color-5aeb31c3 );}body.elementor-page-12502{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-12502 .elementor-element.elementor-element-8d46c98{--min-height:106px;}.elementor-12502 .elementor-element.elementor-element-2310927 .elementor-heading-title{font-size:44px;}.elementor-12502 .elementor-element.elementor-element-611529f{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-12502 .elementor-element.elementor-element-500e0f7 > .elementor-widget-container{padding:50px 0px 0px 30px;}.elementor-12502 .elementor-element.elementor-element-944bcfe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 30px;}.elementor-12502 .elementor-element.elementor-element-d566d29 > .elementor-widget-container{padding:0px 10px 0px 10px;}}@media(min-width:768px){.elementor-12502 .elementor-element.elementor-element-8d46c98{--width:21.513%;}.elementor-12502 .elementor-element.elementor-element-906ec56{--content-width:76%;}}/* Start custom CSS for container, class: .elementor-element-7576b95 *//* ========================================
   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;

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

/* ========================================
   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 */
/* Start custom CSS for container, class: .elementor-element-d78f4a6 *//* ========================================
   COMPLETE CAREERS — ABOUT COPY SECTION
   FULL CSS
======================================== */

.cc-about-copy,
.cc-about-copy * {
    box-sizing: border-box;
}

.cc-about-copy {
    position: relative;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto !important;
    padding: 62px 40px 66px !important;

    background: #FFFFFF;
}


/* ========================================
   TEXT AREA
======================================== */

.cc-about-copy__text {
    width: 100%;
    max-width: 1080px;

    margin: 0 auto !important;
}

.cc-about-copy__text .elementor-widget-container {
    width: 100%;
}


/* ALL PARAGRAPHS */
.cc-about-copy__text p {
    margin: 0 0 22px;

    color: #333333;

    font-family: "Roboto", sans-serif !important;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.65;
}

.cc-about-copy__text p:last-child {
    margin-bottom: 0;
}


/* ========================================
   FIRST PARAGRAPH — LEAD COPY
======================================== */

.cc-about-copy__text p:first-child {
    position: relative;

    margin-bottom: 26px;
    padding-left: 26px;

    color: #08245C;

    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
}


/* RED VERTICAL ACCENT */
.cc-about-copy__text p:first-child::before {
    content: "";

    position: absolute;

    left: 0;
    top: 4px;
    bottom: 4px;

    width: 3px;

    background: #C0282B;
}


/* ========================================
   SUBTLE BACKGROUND DETAIL
======================================== */

.cc-about-copy::after {
    content: "";

    position: absolute;

    right: 20px;
    bottom: 20px;

    width: 90px;
    height: 90px;

    opacity: 0.045;

    background-image:
        radial-gradient(
            circle,
            #08245C 1.5px,
            transparent 1.5px
        );

    background-size: 12px 12px;

    pointer-events: none;
}


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

@media (max-width: 1024px) {

    .cc-about-copy {
        max-width: 100%;
        padding: 52px 40px 56px !important;
    }

    .cc-about-copy__text p {
        font-size: 16px;
    }

    .cc-about-copy__text p:first-child {
        font-size: 19px;
    }
}


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

@media (max-width: 767px) {

    .cc-about-copy {
        padding: 38px 24px 42px !important;
    }

    .cc-about-copy__text p {
        margin-bottom: 18px;

        font-size: 15px;
        font-weight: 300;
        line-height: 1.6;
    }

    .cc-about-copy__text p:first-child {
        margin-bottom: 22px;

        padding-left: 18px;

        font-size: 17px;
        line-height: 1.55;
    }

    .cc-about-copy__text p:first-child::before {
        width: 3px;
    }

    .cc-about-copy::after {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba34ad6 *//* ========================================
   COMPLETE CAREERS — WHAT WE DO BAND
   FULL REPLACEMENT CSS
======================================== */

.cc-about-band,
.cc-about-band * {
    box-sizing: border-box;
}

.cc-about-band {
    position: relative;
    overflow: hidden;

    width: 100%;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 48px;

    padding: 48px max(50px, calc((100vw - 1500px) / 2)) !important;

    background:
        linear-gradient(
            90deg,
            #08245C 0%,
            #1D2053 30%,
            #4B2047 56%,
            #88233A 79%,
            #C0282B 100%
        );
}


/* subtle circle */
.cc-about-band::after {
    content: "";
    position: absolute;

    width: 320px;
    height: 320px;

    right: -125px;
    top: -105px;

    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 50%;

    pointer-events: none;
}


/* ========================================
   LEFT LABEL
======================================== */

.cc-about-band__eyebrow {
    position: relative;
    z-index: 2;

    flex: 0 0 205px;

    margin: 0 !important;
    padding: 8px 35px 8px 0 !important;

    border-right: 1px solid rgba(255,255,255,0.25);
}

.cc-about-band__eyebrow .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF;

    font-family: "Roboto", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;

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

    white-space: nowrap;
}


/* red line */
.cc-about-band__eyebrow::after {
    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin-top: 15px;

    background: #C0282B;
}


/* ========================================
   MAIN STATEMENT
======================================== */

.cc-about-band__title {
    position: relative;
    z-index: 2;

    flex: 1;

    width: auto !important;
    max-width: 1120px;

    margin: 0 !important;
}

.cc-about-band__title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF;

    font-family: "Roboto", sans-serif !important;
    font-size: clamp(40px, 3vw, 50px);
    font-weight: 300;
    line-height: 1.12;

    letter-spacing: -1px;
    text-align: left;
}


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

@media (max-width: 1024px) {

    .cc-about-band {
        gap: 32px;
        padding: 42px 36px !important;
    }

    .cc-about-band__eyebrow {
        flex-basis: 175px;
        padding-right: 25px !important;
    }

    .cc-about-band__title .elementor-heading-title {
        font-size: 38px;
    }
}


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

@media (max-width: 767px) {

    .cc-about-band {
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 22px;

        padding: 38px 24px 42px !important;

        background:
            linear-gradient(
                135deg,
                #08245C 0%,
                #39204C 58%,
                #C0282B 135%
            );
    }

    .cc-about-band__eyebrow {
        flex: none;

        width: auto !important;

        padding: 0 !important;

        border-right: 0;
    }

    .cc-about-band__eyebrow .elementor-heading-title {
        font-size: 13px;
        letter-spacing: 3px;
    }

    .cc-about-band__eyebrow::after {
        width: 40px;
        margin-top: 12px;
    }

    .cc-about-band__title {
        width: 100% !important;
        max-width: none;
    }

    .cc-about-band__title .elementor-heading-title {
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -0.5px;
    }
}/* End custom CSS */