/*
    Image Ratios
    900 x 900
    1370 x 526
*/

.footer-desktop {
    background-color: black;
    padding: 0 125px 2em 125px;
}

@media screen and (max-width: 992px){
    .footer-desktop {
        display: none;
    }
}

.footer-desktop-row {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.footer-desktop-connect {
    /*margin-top: 109.5px;*/
    text-transform: uppercase;
    color: white;
    /*flex: 7.82%;*/
    /*flex: 14.46%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 222px;
}

.footer-desktop-contact {
    /*margin-top: 98px;*/
    flex: 70.76%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding-left: 6.97vw;*/
}

.footer-desktop-terms {
    flex: 14.46%;
    text-align: right;
    max-width: 222px;
}

.footer-desktop-logo {
    width: 240px;
}

.footer-desktop-pattern-image {
    opacity: 1.0;
    height: 169px;
    /*width: 222px;*/
    margin-bottom: 2.66rem;
}

.footer-desktop-copyright {
    margin-top: 30px;
    color: #73787e;
    font-size: 0.75rem;
    text-align: center;
}


.footer-desktop-contact-info {
    margin-top: 30px;
    text-align: center;
    color: #fff;
    font-weight: var(--unnamed-font-weight-600);
}


.footer-desktop-terms-align {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.footer-desktop-terms-links {
    font-size: 0.875rem;
    color: white;
    text-decoration: none;
}

.footer-mobile {
    background-color: black;
    padding: 0;
    display: none;
}

@media screen and (max-width: 992px) {
    .footer-mobile {
        display: block;
    }
}

.footer-mobile-row-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footer-mobile-row-1-spacer {
    flex: 107px;
}

.footer-mobile-connect {
    text-transform: uppercase;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-mobile-contact {
    flex: 70.76%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-mobile-terms {
    padding-top: 35px;
}


.footer-mobile-terms-align {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.footer-mobile-terms-links {
    font-size: 0.875rem;
    color: white;
    text-decoration: none;
}

.footer-mobile-contact-info {
    margin-top: 30px;
    text-align: center;
    color: #fff;
    font: var(--unnamed-font-style-normal) 
        normal var(--unnamed-font-weight-600) 
        16px/var(--unnamed-line-spacing-30) 
        var(--unnamed-font-family-poppins);
}

.footer-mobile-pattern-image {
    opacity: 1.0;
    width: 107px;
}


.footer-mobile-row-1-temp {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-image: url('/images/BKGD_Pattern_Square.png');
    background-position: right top;
    background-repeat:no-repeat;
    background-size: 107px;
    height: 107px;
}

.footer-mobile-row-1-temp {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-image: url('/images/BKGD_Pattern_Square.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 107px;
    height: 107px;
}

.footer-mobile-copyright {
    color: #73787e;
    font-size: 0.75rem;
    text-align: center;
}


/*.button-move {
    position: fixed;
    bottom: 0;*/
    /*margin-left: 91vw;*/
    /*right: 12px;
    z-index: 5;
    box-shadow: 0px 0px 15px #111B2A72;
    width: 122px;
}*/
.quick-apply-float {
    position: fixed;
    bottom: 68px;
    margin: auto;
    max-width: 1800px;
    z-index: 5;
    box-shadow: 0px 0px 15px #111B2A72;
}

    /*.button-move:hover {
        transition: ease-in .2s;
        transform: translateX(-20px);
    }*/

    .quick-apply-float:hover {
        transition: ease-in .2s;
        /*transform:  translateX(-20px);*/
        /*width: 142px;*/
    }

.quick-apply-mobile {
    position: absolute;
    bottom: 68px;
    width: 122px;
    right: 0;
    margin: auto;
    max-width: 1800px;
    z-index: 5;
    box-shadow: 0px 0px 15px #111B2A72;
    display: none;
}
.btn-quick-apply {
    --bs-btn-padding-left: 2rem;
    --bs-btn-padding-right: 1.625rem;
    /*--bs-btn-padding-y: 0.375rem;*/
    --bs-btn-font-family: "Poppins";
    /*--bs-btn-font-size: 0.875rem;*/
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    /*--bs-btn-color: #343a40;
    --bs-btn-bg: transparent;*/
    --bs-btn-border-width: 1px;
    /*--bs-btn-border-color: transparent;
    --bs-btn-border-radius: 1.078em;
    --bs-btn-hover-border-color: transparent;*/
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    /*display: inline-block;*/
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-right) var(--bs-btn-padding-y) var(--bs-btn-padding-left);
    /*font-family: var(--bs-btn-font-family);*/
    /*font-size: 14px;*/
    /*font-weight: var(--bs-btn-font-weight);*/
    /*line-height: var(--bs-btn-line-height);*/
    /*color: var(--bs-btn-color);*/

    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-poppins);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: absolute;
    right: 0px;
    width: 122px;
    box-shadow: 0px 0px 15px #111B2A72;
}


@media(min-width: 551px) {
    .btn-quick-apply:hover {
        transition: ease-in .2s;
        padding-left: 30px;
        padding-right: 44px;
        width: 142px;
    }
}
@media (max-width: 550px) {
    .quick-apply-float {
        display: none;
    }
    .quick-apply-mobile {
        display: block;
    }
}

/*.overlay-apply {
    max-width: 1264px;
    max-height: 899px;
    top: 10%;
    left: calc(50% - min(90%, 1264px) / 2);*/ /*5%;*/
    /*right: calc(50vw - width / 2);*/
    /*bottom: 0;
    z-index: 6;
    cursor: pointer;
    background-color: white;
    text-align: left;
}*/
.overlay-apply {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    max-width: 1264px;
    /*max-height: 899px;*/
    top: calc(50% - min(100%, 899px) / 2);
    left: calc(50% - min(100%, 1264px) / 2);
    /*bottom: 5%;*/
    z-index: 2030;
    cursor: pointer;
    background-color: white;
    text-align: left;
    padding: 60px 10.9% 60px 10.9%;
}


@media(max-width: 1100px) {
    .overlay-apply {
        padding-top: 82px;
        overflow: auto;
    }
}

@media(max-width: 700px) {
    .overlay-apply {
        position: absolute;
        display: none;
        /*width: 100%;*/
        /*height: 100vh;*/
        width: 100%;
        /*max-height: 100vh;*/
        top: 0;
        left: 0;
        /*right: 0;
        bottom: 0;*/
        z-index: 6;
        cursor: pointer;
        background-color: white;
        text-align: left;
        /*overflow: auto;*/
        padding: 5px 10vw 5px 10vw;
    }
    .overlay-quick-apply {
        padding-top: 60px;
        padding-bottom: 60px;
        height: auto;
        border-bottom: 1px solid #DDDDDD;
        z-index: 2000;
        overflow:auto;
    }
    .overlay-quick-apply-click-here {
        position: relative;
    }
}

.overlay-form {
    display: flex;
    /*flex-direction: column;*/
    justify-content: flex-start;
    row-gap: 19px; /*22px;*/
    /*row-gap: 1.2vw;*/
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 18px;
}
.overlay-form-fields {
    display: flex;
    flex-wrap: wrap;
    /*gap: 25px 36px;*/
    gap: 19px; 36px;
    /*gap: 2.1vw 36px;*/
}

.overlay-form-buttons {
    width: 100%;
    display: flex;
    /*gap: 1vw 2%;*/
    gap: 18px 2%;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.form-field-button-font {
    text-align: center;
    font: normal normal 600 20px/55px Poppins;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-form-submit-button {
    width: 316px;
    height: 65px;
    /*min-width: 316px;*/
    display:flex;
    align-items:center;
    justify-content: center;
}

.overlay-form-close-button {
    width: 188px;
    height: 65px;
    /*min-width: 188px;*/
    text-align: center;
    font: normal normal 600 20px/55px Poppins;
    letter-spacing: 0px;
    color: #73787E;
    text-transform: uppercase;
    opacity: 1;
}

@media(max-width: 700px){
    .overlay-form-close-button, .overlay-form-submit-button {
        width: 49%;
    }
    .overlay-form-buttons{
        justify-content:center;
    }
}

.form-field-spacing-quick-apply {
    /*margin: 0 17.9px 38px 17.9px;*/
    margin: 0;
}

.form-field-half-quick-apply{
    width: calc(50% - 9px);
}

@media(max-width:700px) {
    .form-field-half-quick-apply {
        width: 100%;
    }
    /*.overlay-form-fields {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }*/
}
.appheading {
    /*position: absolute;*/
    /*top: 10vh;
    left: 20vw;
    margin: 0;*/
    /*padding: 0;*/
    padding: 0 0 25px 0;
    width: 100%;
}

@media(max-width:700px) {
    .appheading {
        text-align: left;
        font: normal normal bold 32px/50px Poppins;
        letter-spacing: 0px;
        color: #111B2A;
        opacity: 1;
    }
}

.form-container {
    position: absolute;
    top: 5%;
    width: 100%;
    height: 15%;
}

.appfirst-name {
    position: absolute;
    left: 20vw;
    width: 22%;
}

.applast-name {
    position: absolute;
    left: 48vw;
    width: 22%;
}

.form-container-names {
    position: absolute;
    width: 100%;
    height: 15%;
    top: 25%;
}

.appemail {
    position: absolute;
    left: 20vw;
    width: 50%;
}

.form-container-email {
    position: absolute;
    width: 100%;
    height: 10%;
    top: 35%;
}

.app-phone {
    position: absolute;
    left: 20vw;
    width: 22%;
}

.applinkedin {
    position: absolute;
    left: 48vw;
    width: 22%;
}

.form-container-contact {
    position: absolute;
    width: 100%;
    height: 15%;
    top: 45%;
}

.appcomments {
    position: relative;
    left: 20vw;
    width: 50%;
}

.form-container-comments {
    position: absolute;
    width: 100%;
    height: 15%;
    top: 55%;
}

.appsubmit {
    position: absolute;
    left: 30vw;
}

.container-button-1 {
    position: absolute;
    width: 100%;
    height: 20%;
    top: 75%;
}

.appclose {
    position: absolute;
    left: 60vw;
}

@media(max-width: 900px) {
    .appfirst-name {
        min-width: 70%;
    }

    .applast-name {
        position: absolute;
        top: 50%;
        left: 20vw;
        min-width: 70%;
    }

    .appemail {
        min-width: 70%;
    }

    .form-container-email {
        top: 40%
    }

    .form-container-contact {
        top: 50%;
    }

    .app-phone {
        min-width: 70%;
    }

    .applinkedin {
        position: absolute;
        top: 50%;
        left: 20vw;
        min-width: 70%;
    }

    .appclose {
        position: absolute;
        left: 60vw;
        max-width: 50%;
    }

    .appsubmit {
        position: absolute;
        left: 20vw;
        max-width: 50%;
    }

    .form-container-comments {
        top: 65%;
    }

    .appcomments {
        position: relative;
        min-width: 70%;
    }

    .container-button-1 {
        position: absolute;
        width: 100%;
        height: 20%;
        top: 85%;
    }
}




.temp-header {
    /*background-color:royalblue;*/
}

    .temp-header-desktop {
        background-color: royalblue;
    }

    .temp-header-mobile {
        background-color: yellow;
    }

    @media screen and (max-width: 992px) {

        .temp-header-desktop {
            display: none;
        }

        .temp-header-mobile {
            display: block;
        }
    }

    @media screen and (min-width: 992px) {

        .temp-header-desktop {
            display: block;
        }

        .temp-header-mobile {
            display: none;
        }
    }

    /* =============== */
    /* Header Carousel */
    /* =============== */

    /* Default for @media >= 1400px
    - Transparent nav background relative to header
    - black background nav bar appears once scrolling past header carousel
    - black nav bar sticks to the top of the browser
    - Scaled 100vw x 50vw approximately
    - nav previous and next visible
    - carousel indicators not visible
*/

    /* @media(max-width: 1399px)
    - nav bar has white background
    - nav bar sticks to top and is always visible
    - previous and next nav visible but shifted down to cater for sticky white nav bar
    - carousel indicators not visible    
*/

    /* @media(max-width: 1200px)
    - slides 2 - 4 have font size reduced
*/

    /* @media(max-width: 1100px)
    - nav bar transtions to hamburger style
    - nav bar still sticks to top of page
    - Slide 4 is adjusted to keep "IT Jobs" visible relative to nav bar
*/

    /* @media(max-width: 965px)
    - carousel indicators visible
    - Previous and next nav no longer visible
    - nav bar has white background
    - nav bar sticks to top and is always visible 
    - Background image transitioned to mobile version
*/

    /* @media(max-width: 700px)
    - Font size reductions
*/

    /* @media(max-width: 550px)
    - nav bar transitions to white background all the time
    - nav bar is now relative rather than fixed and scroll with the content when scrolling
*/

    .carousel {
        position: relative;
    }

        .carousel.pointer-event {
            touch-action: pan-y;
        }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .carousel-inner::after {
            display: block;
            clear: both;
            content: "";
        }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}
.carousel-item-testimony {
    background-image: url(/images/Testimonial_BKGD.png);
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    min-height: 495px;
}

@media(max-width: 900px){
    .carousel-item-testimony {
        background-image: url(/images/Testimonial_BKGD_mobile6.png);
        /*min-height: 785px;*/
    }
}

@media(max-width: 700px) {
    .carousel-item-testimony {
        /*background-image: url(/images/Testimonial_BKGD_mobile6.png);*/
        min-height: 785px;
    }
}

    @media (prefers-reduced-motion: reduce) {
        .carousel-item {
            transition: none;
        }
    }

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }

        .carousel-item-next:not(.carousel-item-start),
        .active.carousel-item-end {
            transform: translateX(100%);
        }

        .carousel-item-prev:not(.carousel-item-end),
        .active.carousel-item-start {
            transform: translateX(-100%);
        }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none;
    }

        .carousel-fade .carousel-item.active,
        .carousel-fade .carousel-item-next.carousel-item-start,
        .carousel-fade .carousel-item-prev.carousel-item-end {
            z-index: 1;
            opacity: 1;
        }

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s 0.6s;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-fade .active.carousel-item-start,
        .carousel-fade .active.carousel-item-end {
            transition: none;
        }
    }

    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 82px;
        bottom: 82px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: 0.5;
        transition: opacity 0.15s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-control-prev,
        .carousel-control-next {
            transition: none;
        }
    }

    .carousel-control-prev:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
    }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
    }

    .carousel-control-prev-icon {
        background-image: url('/images/Icon_Arrow_Previous_White.svg');
        width: 82px;
        height: 92px;
    }

.carousel-control-next-icon {
    background-image: url(/images/Icon_Arrow_Next_White.svg);
    width: 38px;
    height: 48px;
}

.carousel-control-prev-icon-black, .carousel-control-testimony-prev-icon-black {
    background-image: url('/images/Icon_Arrow_Next.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 82px;
    height: 100%;
    position: relative;
    /*bottom: 22vh;*/
    transform: rotate(180deg);
}

.carousel-control-next-icon-black, .carousel-control-testimony-next-icon-black {
    background-image: url(/images/Icon_Arrow_Next.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 38px;
    height: 100%;
    position: relative;
    /*top: 25vh;*/
}

@media (max-width: 900px) {
    .carousel-control-prev-icon, .carousel-control-prev-icon-black {
        bottom: 39vh;
    }
    .carousel-control-next-icon, .carousel-control-next-icon-black {
        top: 37.4vh;
    }
}

    .carousel-indicators, .carousel-indicators-dark {
        display: none;
    }

        .carousel-indicators [data-bs-target] {
            box-sizing: content-box;
            flex: 0 1 auto;
            /*width: 30px;
        height: 3px;*/
            width: 12px; /* Diameter */
            height: 12px;
            padding: 0;
            margin: 0px 11.625px;
            /*margin-right: 3px;
        margin-left: 3px;*/
            text-indent: -999px;
            cursor: pointer;
            background-color: #fff;
            background-clip: padding-box;
            border: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            /*opacity: 0.5;*/
            transition: opacity 0.6s ease;
            border-radius: 50%; /* Makes it a perfect circle */
            display: inline-block;
            border-color: black;
            /* border-left: 1px; */
            border-width: thin;
            /* border: solid; */
            border-style: solid;
        }

        .carousel-indicators-dark [data-bs-target] {
            box-sizing: content-box;
            flex: 0 1 auto;
            /*width: 30px;
        height: 3px;*/
            width: 12px; /* Diameter */
            height: 12px;
            padding: 0;
            margin: 0px 11.625px;
            /*margin-right: 3px;
        margin-left: 3px;*/
            text-indent: -999px;
            cursor: pointer;
            /*background-color: #000;*/
            background-color: transparent;
            background-clip: padding-box;
            border: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            /*opacity: 0.5;*/
            transition: opacity 0.6s ease;
            border-radius: 50%; /* Makes it a perfect circle */
            display: inline-block;
            border-color: #FFFFFF;
            /* border-left: 1px; */
            border-width: thin;
            /* border: solid; */
            border-style: solid;
        }

    @media (prefers-reduced-motion: reduce) {
        .carousel-indicators [data-bs-target], .carousel-indicators-dark [data-bs-target] {
            transition: none;
        }
    }

    .carousel-indicators .active {
        opacity: 1;
        background-color: #111B2A; /* Dot color */
    }

    .carousel-indicators-dark .active {
        opacity: 1;
        background-color: #FDFDFD; /* Dot color */
    }

    .carousel-caption, .carousel-caption-1 {
        position: absolute;
        /*bottom: 10vw;
    right: 15%;
    left: 15%;*/
        bottom: 0px;
        top: 0px;
        left: 18vw;
        /*width: 43vw;*/
        right: 39vw;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        padding-top: 10vh;
        padding-bottom: 1vh;
        color: black;
        text-align: left;
    }

    .carousel-caption-1-content, .carousel-caption-2-content,
    .carousel-caption-3-content, .carousel-caption-4-content {
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .carousel-caption-2-backup {
        position: absolute;
        right: 15%;
        bottom: 10vw;
        left: 15%;
        padding-top: 1.25rem;
        color: #fff;
        text-align: center;
    }

    .carousel-caption-2, .carousel-caption-3, .carousel-caption-4 {
        /*position: absolute;*/
        position: relative;
        /*bottom: 10vw;
    right: 15%;
    left: 15%;*/
        bottom: 82px;
        top: 82px;
        left: 15vw;
        /*right: 15vw;*/
        width: 70vw;
        height: 54vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 1.25rem;
        color: #fff;
        text-align: center;
    }

    .carousel-dark .carousel-control-prev-icon,
    .carousel-dark .carousel-control-next-icon {
        filter: invert(1) grayscale(100);
    }

    .carousel-dark .carousel-indicators [data-bs-target] {
        background-color: #000;
    }

    .carousel-dark .carousel-caption {
        color: #000;
    }

    .carousel-pattern, .carousel-pattern-left {
        position: absolute;
        /*left: -20%;*/
        width: 15vw;
        bottom: 5px;
    }

    .carousel-pattern-right {
        position: absolute;
        /*left: -20%;*/
        right: 5px;
        width: 15vw;
        bottom: 5px;
    }

    .carousel-pattern-half {
        position: absolute;
        width: 15vw;
        bottom: -6.7vw;
    }

    .carousel-slide1-background {
        background: url('/images/Feature_Image_Homepage_2A.png');
        max-width: 1800px;
        max-height: 1000px;
        width: 100%;
        height: 54vw;
        background-repeat: no-repeat;
        background-size: cover
    }

    .carousel-slide2-background {
        background: url('/images/Feature_Image_Homepage_2B@2x.png');
        max-width: 1800px;
        max-height: 1000px;
        width: 100%;
        height: 54vw;
        background-repeat: no-repeat;
        background-size: cover
    }

    .carousel-slide3-background {
        background: url('/images/Feature_Image_Homepage_2C.png');
        max-width: 1800px;
        max-height: 1000px;
        width: 100%;
        height: 54vw;
        background-repeat: no-repeat;
        background-size: cover
    }

    .carousel-slide4-background {
        background: url('/images/Feature_Image_Homepage_2D@2x.png');
        max-width: 1800px;
        max-height: 1000px;
        width: 100%;
        height: 54vw;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .carousel-slide4-it-jobs {
        display: none;
    }

    @media(max-width:1100px) {
        .carousel-caption-2, .carousel-caption-3 {
            padding-top: 12vw;
        }

        .carousel-caption-4 {
            padding-top: 15vw;
        }

        .carousel-slide4-background {
            background-position-y: 3vw;
        }

        .carousel-control-next, .carousel-control-prev {
            padding-top: 6vw;
        }
    }

    @media(max-width:550px) {
        .carousel-slide1-background {
            background: url(/images/Feature_Image_Homepage_2A_mobile3.png);
            max-height: 100%;
            height: auto;
            background-size: cover;
        }
    }

    @media(max-width:965px) {

        .carousel-caption-4 {
            padding-top: 22vw;
        }

        .carousel-slide4-background {
            background-position-y: 8vw;
        }
    }

    .carousel-slide1-h2 {
        font: normal normal 600 60px/70px Poppins;
        line-height: 1.2;
        padding: 0px;
        margin-bottom: 1.5rem;
    }

    .carousel-slide1-h3 {
        font: normal normal normal 32px/40px Poppins;
        line-height: 1.2;
        padding: 0px;
        /*max-width: 43vw;*/
    }

    .carousel-slide2-h2 {
        color: white;
        font: normal normal 600 60px/70px Poppins;
        line-height: 1.2;
        padding: 0px;
        /*max-width: 45vw;*/
        text-align: center;
    }

    .carousel-slide2-h3 {
        color: white;
        font: normal normal normal 32px/50px Poppins;
        line-height: 1.2;
        padding: 0px;
        text-align: center;
    }

    .carousel-slide3-h2 {
        color: white;
        font: normal normal 600 60px/70px Poppins;
        line-height: 1.2;
        padding: 0px;
        max-width: 47vw;
        text-align: center;
    }

    .carousel-slide3-h3 {
        color: white;
        font: normal normal normal 32px/40px Poppins;
        line-height: 1.2;
        padding: 0px;
        text-align: center;
    }

    .carousel-slide4-h2 {
        color: white;
        font: normal normal 600 60px/70px Poppins;
        line-height: 1.2;
        padding: 0px;
        text-align: center;
    }

    .carousel-slide4-h3 {
        color: white;
        font: normal normal normal 32px/50px Poppins;
        line-height: 1.2;
        padding: 0px;
        text-align: center;
    }


    @media (max-width: 1200px) {
        .carousel-slide2-h2, .carousel-slide3-h2, .carousel-slide4-h2 {
            font-size: 50px;
            max-width: 50vw;
        }

        .carousel-slide2-h3, .carousel-slide3-h3, .carousel-slide4-h3 {
            font-size: 27px;
        }
    }

    @media(max-width:965px) {
        .carousel-caption-1 {
            left: 16vw;
            right: 35vw;
        }

        .carousel-slide1-h2 {
            font: normal normal 600 45px/52px Poppins;
            /*text-align: center;*/
            letter-spacing: 0px;
            margin-bottom: 1rem;
        }

        .carousel-slide1-h3 {
            font: normal normal normal 24px/30px Poppins;
            /*text-align: center;*/
            letter-spacing: 0px;
            /*max-width: 43vw;*/
        }

        .carousel-caption-2 {
            left: 10vw;
            width: 80vw;
        }

        .carousel-slide2-h2 {
            /*color: white;*/
            font: normal normal 600 41px/50px Poppins;
            /*font: normal normal 600 45px/45px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 79vw;
            text-align: center;
        }

        .carousel-slide2-h3 {
            color: white;
            font: normal normal normal 24px/30px Poppins;
            /*font: normal normal normal 32px/50px Poppins;*/
            line-height: 1.2;
            padding: 0px;
        }

        .carousel-caption-3 {
            left: 11vw;
            width: 78vw;
        }

        .carousel-slide3-h2 {
            /*color: white;*/
            font: normal normal 600 41px/50px Poppins;
            /*font: normal normal 600 45px/45px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 55vw;
            /*text-align: center;*/
        }

        .carousel-slide3-h3 {
            color: white;
            font: normal normal normal 24px/30px Poppins;
            /*font: normal normal normal 32px/50px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 50vw;
        }

        .carousel-caption-4 {
            left: 11vw;
            width: 78vw;
        }

        .carousel-slide4-h2 {
            /*color: white;*/
            font: normal normal 600 41px/50px Poppins;
            /*font: normal normal 600 45px/45px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 51vw;
            /*text-align: center;*/
        }

        .carousel-slide4-h3 {
            color: white;
            font: normal normal normal 24px/30px Poppins;
            /*font: normal normal normal 32px/50px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 50vw;
        }
    }

    @media(max-width: 700px) {
        .carousel-caption-1 {
            left: 16vw;
            right: 36vw;
        }

        .carousel-slide1-h2 {
            font: normal normal 600 30px/34px Poppins;
            /*text-align: center;*/
            letter-spacing: 0px;
        }

        .carousel-slide1-h3 {
            font: normal normal normal 18px/22px Poppins;
            /*text-align: center;*/
            letter-spacing: 0px;
            /*max-width: 43vw;*/
        }


        .carousel-caption-2 {
            left: 10vw;
            width: 80vw;
        }

        .carousel-slide2-h2 {
            color: white;
            font: normal normal 600 28px/32px Poppins;
            /*font: normal normal 600 60px/70px Poppins;*/
            line-height: 1.2;
            padding: 0px;
            max-width: 72vw;
            text-align: center;
        }

        .carousel-slide2-h3 {
            color: white;
            font: normal normal normal 18px/22px Poppins;
            /*font: normal normal normal 32px/50px Poppins;*/
            line-height: 1.2;
            padding: 0px;
        }

        .carousel-caption-3 {
            left: 11vw;
            width: 78vw;
        }

        .carousel-slide3-h2 {
            /*color: white;*/
            font: normal normal 600 28px/32px Poppins;
            /*font: normal normal 600 45px/45px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 52vw;
            /*text-align: center;*/
        }

        .carousel-slide3-h3 {
            color: white;
            font: normal normal normal 18px/22px Poppins;
            /*font: normal normal normal 32px/50px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 50vw;
        }

        .carousel-caption-4 {
            left: 11vw;
            width: 78vw;
        }

        .carousel-slide4-h2 {
            /*color: white;*/
            font: normal normal 600 28px/32px Poppins;
            /*font: normal normal 600 45px/45px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 52vw;
            /*text-align: center;*/
        }

        .carousel-slide4-h3 {
            color: white;
            font: normal normal normal 18px/22px Poppins;
            /*font: normal normal normal 32px/50px Poppins;*/
            /*line-height: 1.2;*/
            /*padding: 0px;*/
            max-width: 50vw;
        }
    }

    @media(max-width:550px) {
        .carousel-caption-1 {
            /*position: absolute;*/
            position: relative;
            /*left: 15vw;
        right: 15vw;*/
            /*bottom: 0px;*/
            /*top: 54vw;*/
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            padding-top: 0;
            /*padding-bottom: 1vh;*/
            padding-bottom: 0;
            color: black;
            text-align: center;
            /*margin: 98vw auto 145px auto;*/
            /*margin: 98vw auto 80px auto;*/
            margin: 50vh auto 10vh auto;
            width: 81vw;
            /*height: 40vh;*/
            height: calc(40vh - 59px);
            left: 0;
        }

        .carousel-slide2-background {
            background: url(/images/Feature_Image_Homepage_2B_mobile_v2.png);
            max-height: 100%;
            height: auto;
            background-size: cover;
        }

        .carousel-slide3-background {
            background: url(/images/Feature_Image_Homepage_2C_mobile_v2.png);
            max-height: 100%;
            height: auto;
            background-size: cover;
        }

        .carousel-slide4-background {
            background: url(/images/FeatureImage_SearchJobs_Mobile@2x.png);
            max-height: 100%;
            height: auto;
            background-size: cover;
            background-position: center 99%;
        }

        .carousel-slide4-it-jobs {
            position: absolute;
            left: 9.23vw;
            top: 57.8px;
            height: 84.6px;
            width: calc(100vw + 100px);
            display: block;
            border: 3px solid var(--unnamed-color-ffffff);
            border: 3px solid #FFFFFF;
            border-radius: 72px;
            opacity: 1;
        }

        .carousel-slide4-it-jobs-text {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 50px/var(--unnamed-line-spacing-50) var(--unnamed-font-family-poppins);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-ffffff);
            text-align: center;
            font: normal normal 600 50px/50px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            margin: 14px 11px 10px 28px;
            text-align: left;
        }

        .carousel-slide4-it-jobs-vertical-line {
            border-left: 2px solid #fff; /* Line thickness & color */
            margin: 14px 5px; /* Space around the line */
            /*background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;*/
            /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
            /*border-radius: 60px;*/
            opacity: 1;
            height: 47px;
        }

        .carousel-caption-2, .carousel-caption-3, .carousel-caption-4 {
            /*position: absolute;*/
            position: relative;
            /*bottom: 10vw;
    right: 15%;
    left: 15%;*/
            bottom: 0px;
            top: 0px;
            left: 0;
            /*right: 15vw;*/
            width: 70vw;
            height: calc(90vh - 59px);
            display: flex;
            flex-direction: column;
            align-items: center;
            /*justify-content: center;*/
            padding-top: 0;
            /*padding-bottom: 1vh;*/
            padding-bottom: 0;
            margin: 0vh auto 10vh auto;
            color: #fff;
            text-align: center;
            row-gap: 21.5vh;
            justify-content: flex-end;
        }

        .carousel-slide1-h2 {
            /*font: normal normal 600 45px/50px Poppins;*/
            text-align: center;
            letter-spacing: 0px;
        }

        .carousel-slide1-h3 {
            /*font: normal normal normal 22px/30px Poppins;*/
            text-align: center;
            letter-spacing: 0px;
            /*max-width: 43vw;*/
        }

        /*.carousel-slide2-h2 {
        font: normal normal 600 45px/45px Poppins;
        text-align: center;
        letter-spacing: 0px;
    }*/

        .carousel-slide2-h3 {
            font: normal normal normal 22px/30px Poppins;
            text-align: center;
            letter-spacing: 0px;
            /*max-width: 43vw;*/
        }

        .carousel-slide4-h2, .carousel-slide4-h3 {
            display: none;
        }

        .carousel-control-prev,
        .carousel-control-next {
            display: none;
        }

        .carousel-indicators, .carousel-indicators-dark {
            position: relative;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-right: 15%;
            margin-bottom: 1rem;
            margin-left: 15%;
            list-style: none;
            margin-top: 37px;
        }

        .carousel-slide1-background > .carousel-pattern,
        .carousel-slide1-background > .carousel-pattern-left {
            left: 0;
            top: 67vw;
            width: 27.7vw;
        }

        .carousel-slide2-background > .carousel-pattern,
        .carousel-slide2-background > .carousel-pattern-left {
            width: 12vh;
            bottom: 5px;
        }
    }

    @media(max-width:550px) and (max-height:780px) {
        .carousel-caption-1 {
            margin-top: 56vh;
            /*margin-bottom: 2vh;*/
            height: calc(42vh - 59px);
        }

        .carousel-slide1-h2 {
            font: normal normal 600 33px/33px Poppins;
            text-align: center;
            letter-spacing: 0px;
        }

        .carousel-slide1-h3 {
            font: normal normal normal 20px/28px Poppins;
            text-align: center;
            letter-spacing: 0px;
            /*max-width: 43vw;*/
        }

        .carousel-caption-2, .carousel-caption-3, .carousel-caption-4 {
            /*margin-bottom: 2vh;*/
            /*margin-top: 2vh;*/
            padding-bottom: 0;
            height: calc(100vh - 59px - 46px);
        }

        .carousel-indicators, .carousel-indicators-dark {
            margin-top: 18px;
            margin-bottom: 18px;
        }
    }

    .display-1 {
        font: normal normal 500 60px/70px Poppins;
        line-height: 1.2;
    }

    .display-1-white {
        color: white;
        font: normal normal 500 60px/70px Poppins;
        line-height: 1.2;
    }

    @media (max-width: 950px) {
        .display-1 {
            font-size: 20px;
        }

        .display-1-white {
            font-size: 20px;
        }
    }

    .display-2 {
        font-size: calc(1.575rem + 3.9vw);
        font-weight: 300;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .display-2 {
            font-size: 4.5rem;
        }
    }

    .display-3 {
        font-size: calc(1.525rem + 3.3vw);
        font-weight: 300;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .display-3 {
            font-size: 4rem;
        }
    }

    .display-4 {
        font-size: calc(1.475rem + 2.7vw);
        font-weight: 300;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .display-4 {
            font-size: 3.5rem;
        }
    }

    .display-5 {
        font-size: calc(1.425rem + 2.1vw);
        font-weight: 300;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .display-5 {
            font-size: 3rem;
        }
    }

    .display-6 {
        font-size: calc(1.375rem + 1.5vw);
        font-weight: 300;
        line-height: 1.2;
    }

    @media (min-width: 1200px) {
        .display-6 {
            font-size: 2.5rem;
        }
    }

    .img-scale, img-scale-401K {
        min-width: 50%;
        /*height: auto;*/
        width: 50%;
    }

    .deco-flex {
        display: flex;
        flex-direction: row;
    }

    .flex-right {
        flex: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .flex-left {
        flex: 50%;
    }

    @media (max-width: 900px) {
        .flex-right, .flex-left {
            flex: 100%;
            display: flex;
            flex-direction: column;
        }

        .img-scale {
            width: 390px;
            height: 150px;
            object-fit: cover;
            object-position: 0 20%;
        }

        .img-scale-401K {
            width: 390px;
            height: 150px;
            object-fit: cover;
            object-position: 0 70%;
        }
    }

.testimony-name {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2d72b9;
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-30);
    margin-top: 40px;
}

.testimony-caption {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-left: 23.5px;
    padding-right: 23.5px;
    margin-top: 41.5px;
    margin-bottom: 44px;
}

.testimony-flex {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.testimony-bg-img {
    /*min-width: 100vw !important;*/
    display: block;
    height: 100%;
    /*text-align: right;*/
    float: right;
}
.testimony-bg-img-mobile {
    /*min-width: 100vw !important;*/
    display: none;
    height: 120%;
    /*text-align: right;*/
    float: right;
}

@media(max-width: 900px){
    .testimony-bg-img{
        display: none;
    }
    .testimony-bg-img-mobile{
        display: block;
    }
}

.carousel-caption-testimony {
    position: relative;
    color: black;
    width: calc(90% - 275px);
    /*width: calc(100% - 275px);*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    top: 0;
    bottom: 0;
    /*margin-left: 135px;
    margin-right: 135px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
@media (max-width: 900px) {
    .quick-apply-float {
        margin-left: 70vw;
    }

    .testimony-caption {
        /*font-size: 10px;*/
        padding-left:0;
        padding-right:0;
    }

    .people-saying {
        text-align: center;
        margin-left:20px;
        margin-right:20px;
    }

    .testimony-name {
        /*font-size: 10px;*/
    }

    .carousel-caption-testimony {
        margin-top: 80px;
        margin-bottom: 50px;
        /*width: calc(100% - 220px + 47px);*/
        width: calc(100% - 270px + 47px);
        /*margin-left: 9.2vw;
        margin-right: 9.2vw;
        width: 91.6vw;*/
    }
}
@media (max-width: 700px){
    /*.carousel-caption-testimony {
        margin-top: 80px;
        margin-left: 9.2vw;
        margin-right: 9.2vw;
        width: calc(100% - 18.4vw);
    }*/

    .people-saying {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 550px) {
    .carousel-caption-testimony {
        margin-top: 80px;
        margin-left: 9.2vw;
        margin-right: 9.2vw;
        width: calc(100% - 18.4vw);
    }

    .people-saying {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
}

.small-header {
    position: relative;
    /*min-height: 350px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 350px;
    padding-bottom: 90px;
}

.small-header-pattern-left {
    position: absolute;
    width: 7.6vw;
    bottom: 0px;
    left: 0px;
    min-width: 85px;
    z-index: 0;
}
@media(max-width:1100px) {
    .small-header > .navbar {
        display: none;
    }
}

@media(max-width: 550px){
    .small-header {
        /*min-height: 191px;
        max-height: 191px;*/
        height: 191px;
        justify-content: center;
        padding: 3.5em 2em 2.25em 2em;
    }
}

.info-intro {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f8f8f8;
    /*padding-top: 9.2vw;*/
    padding-top: 7.2vw;
    padding-left: 16.7vw;
    padding-right: 16.7vw;
    max-width: 100%;
    min-height: calc(100vh - 300px);
}

.info-intro-white {
    background-color: #fff;
}

.info-intro-condensed{
    min-height:unset;
}
.intro-angle-brackets {
    position: absolute;
    left: 27px;
    top: 28px;
}
.intro-angle-bracket-left {
    height: 40px;
    opacity: 50%;
    transform: rotateY(180deg);
}
.intro-angle-bracket-right {
    height: 40px;
    opacity: 50%;
}

    .intro-angle-brackets {
        display: none;
    }

.find-talent-form {
    padding-left: 9vw;
    padding-right: 9vw;
    margin-bottom: 11.9vw;
}

    .form-field-half {
        width: 50%;
    }

    .form-field-full {
        width: 100%;
    }

    @media(max-width:550px) {
        .form-field-half {
            width: 100%;
        }
    }
.form-field-size-parent {
    width: 100%;
    height: 100%;    
}

    .contact-content {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .contact-form {
        flex: 0 0 auto;
        width: 66.66666666%;
    }

    .contact-contact-info {
        flex: 0 0 auto;
        width: 33.33333333%;
        min-width: 330px;
        margin-bottom: 50px;
    }

    @media(max-width:1200px) {
        .contact-form {
            width: 100%;
        }

        .contact-contact-info {
            width: 100%;
        }
    }

    .flex-benefits-icons {
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 31px;
        padding-bottom: 19px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 0;
        justify-content: center;
    }

    .flex-benefits-pair {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        /*width: 396px;*/
    }

.flex-benefits-1, .flex-benefits-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 198px;
    cursor:pointer;
}

    



    .icon {
        color: white;
        display: flex;
        align-items: center;
    }

    .icon-text {
        color: white;
        text-align: center;
        margin-top: 8px;
    }

    @media (max-width: 900px) {
        .flex-benefits-1, .flex-benefits-2 {
            /*display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;*/
            width: 154px;
        }

        .flex-benefits-icons {
            margin-left: 2.6vw;
            margin-right: 2.6vw;
            column-gap: 0;
            padding-top: 59px;
            padding-bottom: 54px;
            flex-direction: row;
            justify-content: center;
        }
    }

    .benefit-intro {
        padding-top: 6vw;
    }

    .medicallist {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        line-height: 30pt;
    }

    .medical-info {
        display: flex;
        height: 904px;
    }


.offer-bar {
    background-color: #2d72b9;
    /*width: 1800px;*/
    height: 188px;
    /*background: white linear-gradient(357deg, #2D72B9 0%, #5C61C6 22%, #E62EED 100%) 0% 0% no-repeat padding-box;*/
    background: transparent linear-gradient(345deg, #2D72B9 0%, #5C61C6 50%, #E62EED 150%) 0% 0% no-repeat padding-box;
    /*mix-blend-mode: hue;*/
    opacity: 1;
    display: flex;
    flex-direction:column;
    gap:10px;
    justify-content: center;
}

@media(max-width: 600px) {
    .we-offer {
        flex-direction: column;
    }
}
.offer-bar-header {
    text-align: center;
    font: normal normal bold 20px/30px Poppins;
    letter-spacing: 0px;
    color: #FDFDFD;
    text-transform: uppercase;
    opacity: 1;
}
/*.sec-offer {
    background-color: #2d72b9;
    width: 1800px;
    height: 188px;*/
    /*background: white linear-gradient(357deg, #2D72B9 0%, #5C61C6 22%, #E62EED 100%) 0% 0% no-repeat padding-box;*/
    /*background: transparent linear-gradient(345deg, #2D72B9 0%, #5C61C6 50%, #E62EED 150%) 0% 0% no-repeat padding-box;*/
    /*mix-blend-mode: hue;*/
    /*opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
}*/

.we-offer {
    /*color: white;*/
    display: flex;
    justify-content: center;
    gap: 14px;
    /*padding-top: 20px;*/
    text-align: center;
    font: normal normal 600 17px/30px Poppins;
    letter-spacing: 0px;
    color: #111B2A;
    opacity: 1;
    flex-wrap:wrap;
}

.offers {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 20px 20px 20px 20px;
}


.herelink {
    display: flex;
    justify-content: center;
    color: black;
    padding: 0 7px 2px 4px;
    text-decoration: underline;
    font-size: 14px;
}

.link-paragraph {
    display: flex;
    flex-direction: row;
}

.awards {
    position:relative;
    height: 100%;
    /*background: white linear-gradient(357deg, #2D72B9 0%, #5C61C6 22%, #E62EED 100%) 0% 0% no-repeat padding-box;*/
    background: white linear-gradient(357deg, #2D72B9 0%, #5C61C6 80%, #E62EED 150%) 0% 0% no-repeat padding-box;
    padding-top:7.4vw;
    padding-bottom: 4vw;
}

.award-display {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.awardmargin {
    padding: 0;
    margin: 0;
    color: white;
}

.award-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.award-banner {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.award-info {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.3vw 23vw;
}

.accolade-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 4.8vw;
    row-gap: 45px;
    margin: 4vw 7vw;
}


.accolade {
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    width: 240px;
    /*height: 98px;*/
}
.accolade-vert-center {
    justify-content:center;
}


.accolade-pattern{
    position: absolute;
    width: 12.3vw;
    bottom: 0px;
    left: 0px;
    min-width: 98.5px;
}
.accolade-text {
    text-align: center;
    font: normal normal medium 18px/24px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.accolade-title {
    text-align: center;
    font: normal normal bold 20px/24px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.joboffer {
    display: flex;
    justify-content: center;
    align-items: center;
    font: normal normal 600 17px/30px Poppins;
}
.why-us-header {
    height: 350px;
    background: transparent url('/images/FeatureImage_WhyUs.png') 0% 0% no-repeat padding-box;
    /* mix-blend-mode: hue; */
    background-size: cover;
    background-position: center right;
    opacity: 1;
}

@media(max-width: 1200px){
    .why-us-header{
        background-position-x: left;
    }
}
.why-us-benefits {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 24.7vw;
    margin-right: 24.7vw;
    margin-top:59px;
    margin-bottom: 10px;
}
.why-us-benefits-header {
    color: black;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    height:44px;
}
.why-us-benefits-content {
    text-align: center;
    font: normal normal normal 17px/30px Poppins;
    letter-spacing: 0px;
    color: #73787E;
    margin-bottom:32px;
}
.why-us-benefits-link {
    text-align: center;
    text-decoration: underline;
    font: normal normal 600 17px/30px Poppins;
    letter-spacing: 0px;
    color: #111B2A;
}

.find-talent-header {
    height: 350px;
    background: transparent url('/images/Syllogisteks_Seeking_IT_Talent_FeatureImage_v3_1800x350@2x.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    background-position: center right;
    opacity: 1;
}

@media(max-width: 1000px){
    .find-talent-header{
        background-position-x: right;
    }
}

.our-team-header {
    height: 350px;
    background: transparent url('/images/Feature_Image_Team_FPO.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    background-position: center;
    opacity: 1;
}

.our-team-header-backgound {
    width: 100%;
    height: 100%;
    background: transparent url('/images/IMG_3533_OurTeam_desktop2.jpg') 0% 0% no-repeat padding-box;
    mix-blend-mode: luminosity;
    opacity: 0.8;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    background-size: cover;
    background-position: center 70%;
}

@media(max-width:1100px){
    .our-team-header-backgound {
        width: 100%;
        height: 100%;
        background: transparent url('/images/IMG_3533_OurTeam_desktop2.jpg') 0% 0% no-repeat padding-box;
        mix-blend-mode: luminosity;
        opacity: 0.8;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        background-size: cover;
        background-position: center 75%;
    }
}
@media(max-width:700px) {
    .our-team-header-backgound {
        width: 100%;
        height: 100%;
        background: transparent url('/images/IMG_3533_OurTeam_mobile.jpg') 0% 0% no-repeat padding-box;
        mix-blend-mode: luminosity;
        opacity: 0.8;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        background-size: cover;
        background-position: center bottom;
    }
}

.team-margins {
    margin-top: 200px;
}

.team-photos {
    /*width: 300px;
    height: 300px;*/
    width:368px;
    height:368px;
    object-fit: cover;
    object-position: 0 0;
}

    .team-photos:hover {
        width: 388px;
        height: 388px;
        object-position: -10px -10px;
        object-fit:cover;
    }

.team-photo-overlay {
    width: 41vw;
    height: 41vw;
    object-fit: cover;
    object-position: 0 0;
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    background-color: white;
    text-align: left;
}

.text-blue {
    color: var(--unnamed-color-2d72b9);
}


.triangle-up {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 50px solid #fff;
    top: -1.5vh;
    z-index: -1;
    left: 1vw;
}

.arrow {
    border: solid #2d72b9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    visibility: hidden;
}



.arrow-menu {
    position: relative;
    border: solid #2d72b9;
    border-width: 0 2px 2px 0;
    display: none;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

/*@media(max-width:700px){
    .arrow{
        display: inline-block;
    }
}*/

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.padding-top-zero {
    padding-top: 0;
}

.shadow-gradient-gray {
    position: absolute;
}

.our-team-experts {
    padding-left: 7.4vw;
    padding-right: 7.4vw;
}

.our-team-experts-list{
    display:flex;
    column-gap: 16px;
    flex-wrap:wrap;
    justify-content:center;
}

.our-team-experts-item {
    width: 368px;
    /*height: 572px;*/
    min-height: 572px;
    text-align: center;
    margin-top: 38px;
}

@media(max-width:700px) {
    .our-team-experts-item {
        width: unset;
        margin-left: 0;
        margin-right: 0;
        min-height: unset;
    }
}

.overlayright {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    background-color: white;
    text-align: left;
}

.block {
    position: absolute;
    width: 100%;
    height: 100%;
}

.block-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.text {
    position: absolute;
    top: 40%;
    left: 70%;
    font-size: calc(1.325rem + 0.9vw);
    color: black;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.team-member-name {
    text-align: left;
    height:48px;
    font: normal normal bold 32px/50px Poppins;
    letter-spacing: 0px;
    color: #111B2A;
    text-transform: uppercase;
    opacity: 1;
}
.textright {
    position: absolute;
    top: 40%;
    left: 20%;
    font-size: 30px;
    color: black;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}


.jobtitle {
    position: absolute;
    top: 45%;
    left: 70%;
    font-size: 17px;
    color: black;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.team-member-title {
    text-align: left;
    height: 44px;
    font: normal normal 600 17px/30px Poppins;
    letter-spacing: 0px;
    color: #73787E;
    opacity: 1;
}

.jobtitleright {
    position: absolute;
    top: 45%;
    left: 20%;
    font-size: 17px;
    color: black;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.email {
    position: absolute;
    top: 50%;
    left: 70%;
    font-size: 17px;
    color: #2d72b9;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.team-member-phone-email {
    text-align: left;
    font: normal normal 600 17px/30px Poppins;
    letter-spacing: 0px;
    color: #2D72B9;
    opacity: 1;
}

.emailright {
    position: absolute;
    top: 50%;
    left: 20%;
    font-size: 17px;
    color: #2d72b9;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.phone {
    position: absolute;
    top: 55%;
    left: 70%;
    font-size: 17px;
    color: #2d72b9;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.phoneright {
    position: absolute;
    top: 55%;
    left: 20%;
    font-size: 17px;
    color: #2d72b9;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.infobio {
    position: absolute;
    top: 73%;
    height: 30%;
    left: 70%;
    font-size: 15px;
    color: black;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.team-member-bio {
    text-align: left;
    margin-top:22px;
    
    font: normal normal normal 17px/30px Poppins;
    letter-spacing: 0px;
    color: #73787E;
    opacity: 1;
}

@media(max-width:700px){
    .team-member-name {
        height: unset;
        text-align: center;
    }
    .team-member-title,
    .team-member-phone-email,
    .team-member-bio {
        text-align: center;
    }
}

.infobioright {
    position: absolute;
    top: 73%;
    height: 30%;
    right: 45%;
    left: 20%;
    font-size: 15px;
    color: black;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.image {
    position: absolute;
    top: 20%;
    right: 50%;
}

.imageright {
    position: absolute;
    top: 20%;
    left: 50%;
}

.team-image {
    width: 368px;
    /*width: 100%;*/
    height: 368px;
    margin: 0 auto;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .team-image {
        width: 100%;
    }
}

.team-image img {
    transition: 0.2s all ease-in-out;
}

.team-image:hover img {
    transform: scale(1.1);
}

@media(max-width: 550px) {
    .block {
        width: 100%;
        height: 50%;
        top: 50%;
    }

    .text {
        position: relative;
        top: 20%;
    }

    .jobtitle {
        position: relative;
        top: 25%;
        width: 70%;
        left: 50vw;
        text-align: center;
    }

    .email {
        position: relative;
        top: 30%;
    }

    .phone {
        position: relative;
        top: 35%;
    }

    .infobio {
        position: relative;
        top: 40%;
        height: 10%;
        left: 50%;
        width: 70%;
    }

    .textright {
        position: relative;
        top: 20%;
        left: 40%;
        width: 50vw;
    }

    .jobtitleright {
        position: relative;
        top: 25%;
        left: 70%;
    }

    .emailright {
        position: relative;
        top: 30%;
        left: 70%;
    }

    .phoneright {
        position: relative;
        top: 35%;
        left: 70%;
    }

    .infobioright {
        position: relative;
        top: 40%;
        left: 50%;
        height: 10%;
        width: 70%;
    }

    .block-img {
        width: 100%;
        height: 50%;
    }

    .image {
        position: relative;
        left: 10%;
        width: 75%;
    }

    .imageright {
        position: relative;
        left: 10%;
        width: 75%;
    }

    .team-photo-overlay {
        width: 250px;
        height: 250px;
        object-fit: cover;
        object-position: 0 0;
    }
    .team-image {
        width: 368px;
        /*width: 100%;*/
        height: 368px;
        margin: 0 auto;
        overflow: hidden;        
    }

    @media (max-width: 1200px) {
        .team-image {
            width: 100%;
        }
    }

    .team-image img {
        transition: 0.2s all ease-in-out;
    }

    .team-image:hover img {
        transform: scale(1.1);
    }
}


.our-team-names {
    margin-top:32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:space-between;
}

.our-team-name {
    height: 35px;
    text-align: center;
    font: normal normal bold 20px/25px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

.our-team-title {
    height: 54px;
    text-align: center;
    font: normal normal 600 17px/30px Poppins;
    letter-spacing: 0px;
    color: #73787E;
    opacity: 1;
}

.our-team-learn-more, .blue-word {
    display: block;
    cursor: pointer;
    /*color: #2d72b9;
    padding-bottom: 0;*/
    text-align: center;
    font: normal normal 600 17px/30px Poppins;
    letter-spacing: 0px;
    color: #2D72B9;
    text-transform: uppercase;
    opacity: 1;
    height: 28px;
    visibility:hidden;
}
@media(max-width: 880px){
    .our-team-learn-more, .blue-word {
        visibility: visible;
    }
}


.scroll-overlay {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.team-member-overlay-content {
    position: absolute;
    /*margin-top: calc(50vh - 20.5vw);*/
    margin-top: 80px;
    margin-left: 7.4vw;
    display: flex;
    flex-direction: row;
    margin-right: 0;
}

.team-member-overlay-content-reverse {
    position: absolute;
   /* margin-top: calc(50vh - 20.5vw);*/
    margin-top:10vw;
     margin-left: 0; 
    display: flex;
    flex-direction: row-reverse;
    margin-right: 7.4vw;
}

.team-member-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    margin-left: 60px;
    margin-right: 8.3vw;
}

.team-member-overlay-close {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px;
    left: -25px;
}

@media(max-width: 700px) {
    .team-member-info {
        width: unset;
        margin-left: unset;
        margin-right: unset;
        align-items: center;
    }

    .team-member-overlay-close {
        left: unset;
        right: 0px;
        top:-45px;
    }
}
.team-member-overlay-image{
    position: relative;
}
.team-member-overlay-container{
    z-index:1030;
}
.team-member-inline-container {
    display:none;
    margin-top:50px;
}
.team-member-inline-content {
    margin-left: 2vw;
    margin-right: 2vw;
    display: flex;
    flex-direction: column;
}

.job-search-header-background {
    width: 100%;
    height: 100%;
    background: transparent url('/images/Feature_Image_Search_Jobs@2x.png') 0% 0% no-repeat padding-box;
    mix-blend-mode: luminosity;
    opacity: 0.8;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    background-size: cover;
    background-position: center;
}

.job-search-header-title {
    position: absolute;
    left: 24.4%;
    bottom: 80px;
    padding-left: 60px;
    /*width:342px;*/
    width: 75.6%;
    height: 103px;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.job-search-header-title-background {
    background: transparent url('/images/Search_Box.svg') 0% 0% no-repeat padding-box;
}

#job-search-title-desktop {
    display: flex;
}
#job-search-title-mobile {
    display: none;
}

@media(max-width: 550px){
    #job-search-title-desktop {
        display: none;
    }

    #job-search-title-mobile {
        display: flex;
    }
}
.job-search-header-box {
    position: absolute;
    left: 24.4vw;
}

@media(max-width:550px) {
    .job-search-header-title {
        bottom: 127px;
    }
}

.header-background-overlay {
    height: 350px;
    background: transparent url('/images/BKGD_Gradient_Overlay.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.job-search-intro-content{
    padding-top:20px;
    padding-bottom: 50px;
}

.job-search-text {
    text-align: center;
    font: normal normal normal 17px/30px Poppins;
    letter-spacing: 0px;
    color: #73787E;
}

.job-search-link {
    text-align: center;
    text-decoration: underline;
    font: normal normal 600 17px/30px Poppins;
    letter-spacing: 0px;
    color: #111B2A;
}

.job-search-filters {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    /*box-shadow: 0px 3px 6px #00000029;
    background-color: #f8f8f8;*/
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    gap: 18px;
    width: 100%;
    padding: 17px 7.7%;
}

.job-search-filters-flex{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 18px;

}

.job-search-sub-filters-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 18px;
}

.job-search-search-header {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    background-color: #f8f8f8;
}

.blue-head, .job-search-header-blue {
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    font: normal normal bold 32px/40px Poppins;
    letter-spacing: 0px;
    color: #2D72B9;
}

.job-search-header-subheader {
    padding-top: 0;
    padding-bottom: 4px;
    text-align: center;
    font: normal normal bold 32px/40px Poppins;
    letter-spacing: 0px;
    color: #111B2A;
}

.job-search-title{
    /*width:27.3%;*/
    width: 416px;
    min-width: 416px;
}

.job-search-skill-city-group{
    
    /*width:40.7%;*/
    /*width: calc(100% - 416px - 19px - 449px);*/
    min-width: 416px;
    flex-grow:1;
}

.job-search-skills {
    /*width: 48.4%;*/
    width: 19.7%;
    min-width: 199px;
}

.job-search-CityStateZip {
    /*width: 48.4%;*/
    width: 19.7%;
    min-width: 199px;
}

@media(max-width: 1020px){
    .job-search-title, .job-search-skills, .job-search-CityStateZip {
        width: 100%;
        min-width:unset;
    }
}
.job-search-remote-flag {
    /*width: 12.7%;*/
    width: 230px;
    height: 45px;
    display:flex;
    justify-content:space-between;
    align-items: center;
}

.job-search-job-type {
    /*width: 12.7%;*/
    width: 230px;
    height: 45px;
}

.job-search-distance {
    /*width: 12.7%;*/
    width: 230px;
    height: 45px;
}

.job-search-button-group{
    width:29.5%;
    min-width:449px;
}

@media(max-width: 1020px){
    .job-search-button-group {
        width: 100%;
        min-width: unset;
    }
}

.job-search-button {
    width: 44.5%;
    height: 65px;
    min-width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-search-all-jobs-button {
    width:51.2%;
    height: 65px;
    min-width: 185px;
    display:flex;
    justify-content: center;
    align-items: center;
    white-space:nowrap;
}

.job-search-results-container {
    position:relative;
    margin-top:4px;
    padding: 0 6.8% 5.7% 7.1%;
    display: flex;
    column-gap: 0;
    justify-content: space-between;
    border: 1px none #DDDDDD;
    border-bottom-style: solid;
}


.job-search-results-list {
    width: 41%;
    height: 840px;
    overflow: auto;
    border: 1px solid #DDDDDD;
    border-top-style: none;
}

.job-search-result-item {
    width: 100%;
    padding: 17.5px 0px 18.5px 13px;
    border: 1px none #DDDDDD;
    border-bottom-style: solid;
}

.job-search-result-item-title, .job-search-result-details-item-title {
    text-align: left;
    font: normal normal bold 28px/32px Poppins;
    letter-spacing: 0px;
    color: #111B2A;
}

.job-search-result-item-skills, .job-search-result-details-item-skills {
    text-align: left;
    font: normal normal medium 17px/32px Poppins;
    letter-spacing: 0px;
    color: #73787E;
}

.job-search-result-item-subheader, .job-search-result-details-item-subheader {
    text-align: left;
    font: normal normal normal 17px/32px Poppins;
    letter-spacing: 0px;
    color: #73787E;
}

.job-search-result-details-item-content {
    text-align: left;
    font: normal normal normal 17px/30px Poppins;
    letter-spacing: 0px;
    color: #73787E;
}

.job-search-result-details-item-title,
.job-search-result-details-item-skills,
.job-search-result-details-item-subheader,
.job-search-result-details-item-content {
    padding-left: 11px;
}

.job-search-result-details-item-apply{
    width:33.5%;
    height: 65px;
    margin-bottom: 5.2vw;
    justify-content:center;
    align-items: center;
}

@media(hover: hover) {
    .job-search-result-item:hover > .job-search-result-item-title {
        color: #2D72B9;
    }

    .job-search-result-item.active:hover > .job-search-result-item-title {
        color: #111B2A;
    }
}

/*@media(max-width: 900){
    .job-search-result-item:hover > .job-search-result-item-title {
        color: #111B2A;
    }
}*/

.job-search-result-item.active {
    background-color: #F8F8F8;
}

.job-search-results-details-list {
    width: 59%;
    height: 840px;
    overflow: auto;
    padding: 17.5px 70px 18.5px 34px;
    border: 1px solid #DDDDDD;
    border-top-style: none;
    display: block;
}

.job-search-results-inline-container {
    display:none;
}


.job-search-result-inline-item {
    position: relative;
    width: 100%;
    padding: 17.5px 13px 18.5px 13px;
    border: 1px none #DDDDDD;
    border-bottom-style: solid;
}

@media(max-width:900px){
    .job-search-results-list {
        width: 100%;
        /*height: unset;
        overflow: unset;*/
    }
    .job-search-results-inline-container {
        display: block;
    }
    .job-search-results-details-list {
        display: none;
    }
}



.job-search-result-inline-image {
    position: relative;
}
.job-search-result-inline-close {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 15px;
    top: 5px;
}
.job-search-result-details-item {
    width: 100%;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #73787E; 
}

input:focus + .slider {
    box-shadow: 0 0 1px #73787E;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider.round {
    border-radius: 30px;
}

.slider.round:before {
    border-radius: 50%;
}


    /*input[type="file"] {*/
    /*#file-upload {
        display: none;*/ /* Hide the default file input */
    /*}*/
#file-upload {
    width: calc(100% - 125px);
}
#file-upload-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 65px;
}

.form-field-flex {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    flex-wrap:wrap;
}

/*.file-upload-label {
    display: flex;
    align-items: center;
}*/

    .custom-file-upload {
        display: inline-block;
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
    }

        .custom-file-upload:hover {
            background-color: #45a049;
        }

    .form-floating > label.custom-file-upload {
        display: inline-block;
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
    }

.test {
    --bs-btn-font-family: "Poppins";
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-width: 2px;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    /*padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);*/
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --bs-btn-color: gray;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: gray;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: gray;
    --bs-btn-hover-border-color: gray;
    --bs-btn-focus-shadow-rgb: 97, 149, 239;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: gray;
    --bs-btn-active-border-color: gray;
    --bs-btn-active-shadow inset 0 3px 5px rgba(0, 0, 0, 0.125) : inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4582ec;
    --bs-btn-disabled-border-color: gray;
    margin: 0;
    display: flex;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 25%;
    --bs-btn-font-size: calc(1.2625rem + 0.15vw);
    --bs-btn-border-radius: 2.688em;
    width: 200px;
    height: 65px;
    justify-content: center;
    align-items: center;
}

.overlay-test {
    position: fixed; /* Stays in place even when scrolling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Align to top */
    padding-top: 20px; /* Space from very top */
    z-index: 999; /* Ensure it's above other elements */
}

/* Popup box */
.popup {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    min-width: 300px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    position: relative;
}

/* Close button */
.close-btn {
    float: right;
    cursor: pointer;
    font-size: 18px;
    color: #333;
}


.box {
    width: 300px;
    height: 200px;
    color: green;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

/* 1. RGBA Color Background */
.rgba-box {
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
}

/* 2. Background Image with Overlay */
.overlay-box {
    background: url('https://picsum.photos/400/300?image=1080') center/cover no-repeat;
    z-index: 1;
}

    .overlay-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.4); /* Dark overlay */
        z-index: -1;
    }

/* 3. Background Blend Mode */
.blend-box {
    background: url('https://picsum.photos/400/300?image=1069') center/cover no-repeat, rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply; /* Try overlay, screen, etc. */
}

.allow-sms-group {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: start;
    justify-content: flex-start;
}

.allow-sms-switch{
    min-width: 54px;
    margin-top: 10px;
}
.allow-sms-label{
    text-align:justify;
}

.agree-terms-group {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.agree-terms-switch {
    min-width: 54px;
}

.agree-terms-label {
    text-align: justify;
}

.effective-date {
    align-items: center;
    background-color: #f8f8f8;
    display: flex;
    justify-content:center;
    padding-top: 10px;
}

ol {
    list-style-type: lower-alpha;
    padding-inline-start: 60px;
}

ol li::marker {
    content: "(" counter(list-item, lower-alpha) ")   "; /* Adds two non-breaking spaces */
}