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

    main>section>div,
    .header nav,
    .footer>section {
        max-width: 1280px;
    }

    .footer>section {
        margin-bottom: 1rem;
    }

    .footer>section ul a,
    .footer-menu3 div {
        font-size: 0.9rem;
    }

    .footer h3 {
        font-size: 1.4rem;
    }

    .fastest-growing-company {
        padding: 8rem 0 6rem;
        background-size: 80% auto;
        margin-top: 2rem;
    }

    .four-value-wrapper {
        margin-top: 6rem;
    }

    .under-construction>div {
        height: 750px;
        background-size: contain;
    }

    .under-construction h2 {
        width: 50%;
    }

    .intro-section>div {
        padding-bottom: 16px;
    }

    .intro-logo-wrapper {
        margin-bottom: 0;
        bottom: 0;
    }

    .intro-logo-wrapper figure {
        margin-bottom: 0;
    }

    .intro-logo-wrapper figure img {
        max-width: 90px;
    }

    .intro-logo-wrapper figure img.landscape {
        height: 90px;
    }

    .intro-section h1 {
        /* margin-top: 2rem; */
        font-size: 2.1rem;
        white-space: nowrap;

        span {
            white-space: initial;
        }
    }
}

@media screen and (max-width: 1280px) {
    main>section>div {
        max-width: 100%;
        padding: 0 2rem;
    }

    .intro-section h1 {
        margin-top: 0;
    }

    .intro-section>div>div.right-col {
        flex-basis: 40%;
    }

    h1 {
        font-size: 2.7rem;
        letter-spacing: -1px;
    }

    .header>nav,
    .footer>section {
        max-width: 100%;
        padding: 0 4rem;
    }

    .services>div>div {
        height: 450px;
    }

    .header>nav,
    .footer>section {
        padding: 0 2rem;
    }

    .header>nav {
        padding: 0;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .header>nav>ul>li:has(.dropdown):hover>a::before {
        top: 144%;
    }

    .contact-header,
    .contact-form-wrapper {
        padding: 0 2rem;
        max-width: 100%;
    }

    .contact-figure {
        min-width: 660px;
    }

    .intro-text-wrapper>div {
        margin-left: 2rem;
        position: relative;
        z-index: 11;
    }

    .footer-logo {
        position: relative;
        z-index: 12;
    }

    .ux-design-wrapper>ul {
        li {
            width: 100px;

            div {
                width: 100px;
            }
        }
    }

    .key-industries-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;

        &>li {
            flex-basis: 25%;
        }
    }

    .women-empowered {
        .left-col {
            flex: 0 0 60%;
        }

        .right-col {
            flex: 0 0 35%;
        }
    }

}

@media screen and (max-width: 1200px) {
    /* .sectors-we-serve {
        justify-content: space-between;
    }
    .sectors-we-serve > figure:nth-child(1) {
        transform: scale(0.8);
        transform-origin: 0 50%;
        flex-basis: 500px;
     }
   
    .sectors-we-serve > figure:nth-child(2) {
        transform: scale(0.8);
        transform-origin: 0 50%;
        flex-basis: 500px;
     } */
    /* .sectors-we-serve > figure {
        flex-basis: 450px;
    }
    .sectors-we-serve > figure:nth-child(1) {
        left: 2rem;
    }
    .sectors-we-serve > figure:nth-child(1) img {
        transform: scale(0.6);
        transform-origin: 0 50%;
     }
    .sectors-we-serve > figure:nth-child(2) {
        right: 2rem;
    }
    .sectors-we-serve > figure:nth-child(2) img {
        transform: scale(0.6);
        transform-origin: 100% 50%;
     }
     .sectors-we-serve {
        font-size: 0.9rem;
        .unique-entity {
            left: 190px;
            top: 42px;
        }
     } */
     .header-logo-wrapper2 {
        padding-bottom: 80px;
       
    .button{
        bottom: 0;
        right: auto;
        top: auto;
        left: auto;
        transform: none;
        max-width: 100%;
        padding-right: 80px;
    }}
}

@media screen and (max-width: 1024px) {
    .dropdown {
        display: none;
    }

    main {
        overflow-x: hidden;
    }

    .header nav ul li {
        margin: 0 5px;
    }

    .header-logo-wrapper img {
        max-width: 220px;
    }

    .intro-logo-wrapper {
        margin-bottom: 0;
        bottom: 0;
    }

    .text-animation-wrapper {
        height: auto;
    }

    .intro-section>div {
        padding-bottom: 76px;
    }

    .intro-logo-wrapper figure img:not(.landscape) {
        max-width: 80px;
    }

    .intro-logo-wrapper figure img.landscape {
        height: 80px;
    }

    html {
        font-size: 15px;
    }

    h1 {
        font-size: 2.6rem;
    }

    .fastest-growing-company {
        background-size: 100% auto;
        padding-bottom: 10rem;
    }

    .join-skill-essential {
        width: 768px;
        padding-bottom: 2rem;
        height: auto;
    }

    .join-skill-essential h2 img {
        width: 9.5rem;
    }

    .social-icons-wrapper img {
        max-width: 2.3rem;
    }

    .footer-nav::before {
        left: -62px;
    }

    .footer-nav {
        padding: 2rem 0 1rem 3rem;
    }

    .under-construction>div {
        height: 580px;
        background-size: contain;
        padding-top: 3rem;
    }

    .footer>section {
        flex-wrap: wrap;
    }

    .footer>section .footer-logo-wrapper {
        order: 4;
        width: 100%;
        flex-basis: 100%;
        padding: 0;
        margin-top: 2rem;

        .footer-logo {
            text-align: center;
            width: 60%;
            margin: 0 auto;

            img {
                width: 300px;
            }
        }
    }

    .social-icons-wrapper {
        padding-top: 1rem;
        width: 300px;
        margin: 0 auto;
    }

    .copyright-wrapper {
        padding-top: 1rem;
        text-align: center;

        span {
            display: inline;
        }
    }

    .logo-wrapper {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 0;

        li {
            margin: 1rem;
        }
    }

    .right-col.contact-image {
        margin-bottom: 4rem;
    }

    .women-empowered-picture-wrapper {
        .right-col {
            flex-basis: 100% !important;
        }

    }

    .desktop {
        display: none;
    }

    .mobile {
        display: flex;
        flex-direction: column;

        .full-width-image-wrapper {
            max-width: 400px;
            margin: 0;
            text-align: left;
            margin-top: 1.5rem;
        }

        .full-width-image-wrapper:nth-child(1) {
            margin-top: 0;
        }
    }

    .team-members>ul li {
        padding-top: 4.4rem;
    }

    .women-empowered-picture-wrapper {
        &>div {
            & .left-col {width: 40%;}
            & .right-col {
                width: 50%;
                flex-basis: 50% !important;
            }
        }
    }
    .four-jobs-wrapper {grid-template-columns: repeat(3,1fr);}

}

@media screen and (max-width: 960px) {
    .jobs-details-wrapper .upload-resume-wrapper {
        position: relative;
        margin: 1.5rem 0;
        max-width: initial;
    }

    .our-values-outer-wrapper ul li {
        flex-basis: 40%;
    }

    .our-values-outer-wrapper ul li label {
        font-size: 0.9rem;
    }

    .our-values-outer-wrapper ul li label.large {
        font-size: 0.8rem;
    }

    .our-values-outer-wrapper ul li p {
        font-size: 0.9rem;
    }

    .team-members>ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .intro-section>div {
        padding-bottom: 100px;
    }
   
    .small-section-wrapper {
        flex-direction: column;
        li {
            flex-basis: auto;
        }
    }
    .code-wrapper {
        flex-direction: column;
        padding: 10px;
    }
}

@media screen and (max-width: 768px) {
    .header nav {
        flex-direction: column;
        margin-bottom: 0;
    }

    .header nav ul {
        margin-top: 1rem;

        ul {
            margin-top: 0;

            li {
                margin: 5px;
            }
        }
    }

    .header nav ul li {
        padding-bottom: 0;
    }

    /* .header-carousel-outer {
        width: 700px;
    } */
    .intro-text-wrapper {
        position: static;
        margin-top: 3rem;
    }

    .intro-text-wrapper p {
        width: 100%;
    }

    .header-carousel-wrapper {
        flex-direction: column-reverse;
    }

    .home-video-wrapper {
        margin-top: 0;
    }


    .dropdown {
        padding: 0.8rem 1.3rem;
    }

    .header-logo-wrapper img {
        max-width: 300px;
    }

    .intro-section>div>div.right-col {
        flex-shrink: 0;
    }

    .feel-free-section {
        margin: 2rem 0 4rem;
    }

    .intro-section {
        margin-top: 0;
    }

    .text-animation-wrapper>div {
        padding-top: 0;
    }

    .feel-free-section>div {
        flex-direction: column;
    }

    .three-image-collage {

        margin: 0 auto 3rem;
    }

    .industries-we-serve h2 {
        white-space: nowrap;
    }

    .industries-we-serve .right-col img {
        max-width: 150%;
    }

    .industries-we-serve .button {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .industries-we-serve .text-center .button {
        left: 0;
        transform: none;
        margin-top: 1.5rem;
    }

    .fastest-growing-company {
        background-size: 90% auto;
        margin: 4rem 0 0;
        padding-bottom: 4rem;
    }

    .our-work-process h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;

        &:after {
            display: none !important;
        }
    }

    .work-process-icons-wrapper li+li {
        margin-top: 2.5rem;
    }

    .work-process-icons-wrapper li+li figure::before {
        position: absolute;
        left: 50%;
        bottom: 100%;
        width: 1px;
        border: 1px dashed;
        height: 1.5rem;
        content: "";
    }

    .work-process-icons-wrapper li,
    .work-process-icons-wrapper li:nth-child(even) {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .work-process-icons-wrapper li div {
        border: none;
        margin: 0 !important;
    }

    .work-process-icons-wrapper li figure img {
        transform: none;
    }

    .work-process-icons-wrapper li:nth-child(odd)>figure {
        left: 0;
    }

    .work-process-icons-wrapper li:nth-child(even)>figure {
        right: 0;
    }

    .work-process-icons-wrapper li div>* {
        text-align: center;
        width: 100% !important;
    }

    .work-process-icons-wrapper li:nth-child(even) div,
    .strategy-develop>div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .benefits-wrapper {
        justify-content: space-between;

        li {
            margin-right: 0;
            flex: 1;
            width: auto;
            min-width: 100px;
        }
    }

    .three-image-collage {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;

        figure {
            margin-right: 0.6rem;
            margin-left: 0.6rem;
            margin-bottom: 2rem;
            width: 30%;
            flex-basis: 30%;

        }
    }

    .text-animation-wrapper>div {
        max-width: 120%;
    }

    .intro-section {
        padding-bottom: 50px;

        h1 {
            white-space: normal;
        }

        .intro-logo-wrapper {
            bottom: -80px;
        }
    }

    .fastest-growing-company {
        padding-top: 4rem;
    }

    .task-research>div::before,
    .task-research>div::after,
    .strategy-develop>div::before,
    .winning-trust>div::after,
    .strategy-develop>div::after,
    .client-discovery>div::after,
    .task-finalize>div::after,
    .task-finalize figure::after {
        display: none;
    }

    .featured-jobs>div {
        flex-direction: column;
    }

    .featured-jobs>div .left-col .button {
        display: none;
    }

    .featured-jobs>div .four-jobs-wrapper+.button {
        display: inline-block;
    }

    .featured-jobs .left-col {
        padding-right: 0;
    }

    .join-skill-essential {
        margin-bottom: 2rem;
    }

    .join-skill-essential h2 img {
        width: 8.5rem;
    }

    .join-skill-essential {
        padding-top: 9rem;
    }

    .join-skill-essential p {
        margin-bottom: 2rem;
    }

    .icons-wrapper>div:nth-child(1),
    .icons-wrapper>div:nth-child(2) {
        flex-basis: 50%;
        width: 50%;
    }

    .icons-wrapper.icons-wrapper-header figure figcaption {
        margin-left: 0;
        white-space: normal;
    }

    .icons-wrapper>div:nth-child(2) {
        .icons-wrapper.icons-wrapper-body {
            flex-direction: column;
        }
    }

    .icons-wrapper.icons-wrapper-header>div>figure:first-child img {
        width: 66px;
    }

    .header nav ul li:hover .dropdown {
        display: block;
    }

    .header>nav>ul>li:has(.dropdown):hover>a::before {
        background-color: var(--white);
    }

    .under-construction h2 {
        width: 70%;
    }

    .two-col-section>div {
        flex-direction: column;
    }

    .two-col-section>div>div.right-col {
        width: 90%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
    }

    .makes-us-unique {
        margin-top: 40px;

        .icons-text-wrapper::before,
        .icons-text-wrapper::after {
            display: none;
        }

        .icons-text-wrapper {
            flex-direction: column;
            margin-bottom: 0;

            &>li {
                margin-bottom: 1.5rem;
            }
        }
    }

    /* .timeline-wrapper {
        .line {

        }
        & > ul {
            flex-direction: column;
            height: auto;
            align-items: center;
            & > li { 
                margin: 2rem 0;
                & > .timeline-text-wrapper {
                   transform: rotate(-270deg);
                }
            }
        }
    } */
    .timeline-wrapper {
        transform: rotate(90deg);
        padding: 30rem 0;
        margin-top: -6rem;

        ul li:nth-child(odd) span {
            transform: rotate(-90deg) translateX(-40px);
            width: 150px;
            height: 80px;
            text-align: right;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

        ul li:nth-child(even) span {
            transform: rotate(-90deg) translateX(40px);
            width: 150px;
            height: 80px;
            text-align: left;
            display: flex;
            align-items: center;
        }

        ul li label {
            transform: rotate(-180deg);
        }
    }

    .timeline-outer-wrapper {
        margin-top: 1rem;
        margin-bottom: -3rem;

        h2 {
            text-align: center;

            &::after {
                display: none;
            }
        }
    }

    .icons-wrapper2 figure {
        width: 4rem;
        height: 4rem;
        border: 0.75rem solid;
    }

    .icons-wrapper2 label {
        padding: 0;
    }

    .ux-design-wrapper>ul {
        flex-direction: column;
        height: auto;
        align-items: center;

        & li {
            margin-bottom: 1rem;
        }

        & li:nth-child(2n+1) span {
            left: 100%;
            padding-bottom: 0;

            label {
                left: 40%;
                bottom: -80px;
                transform: translateY(-50%);
            }
        }

        & li:nth-child(odd) span::after {
            left: 20px;
            bottom: auto;
            top: 50%;
            transform: translateY(50%) scaleY(-1) rotate(-90deg);
            /* transform: translateY(-50%); */
        }

        & li:nth-child(even) span::after {
            top: -40px;
            left: -90px;
            transform: rotate(90deg);
        }

        & li:nth-child(even) span {
            padding-top: 0;

            label {
                left: auto;
                right: calc(100% + 110px);
                top: -36px;
            }
        }

    }
}

@media screen and (max-width: 767px) {
    .enterprise-system-list li div {
        flex-direction: column;

        figure {
            width: 60px;
            height: 60px;
            flex-basis: 60px;
            margin-bottom: 0.8rem;

            &::before {
                font-size: 1.5rem;
            }
        }
    }

    .key-industries-wrapper {
        &>li {
            flex-basis: 100%;

            label {
                height: 40px;
            }
        }
    }

    .team-members>ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 0rem;
    }

    .intro-section>div {
        padding-bottom: 30px;
    }
    .header-logo-wrapper2 {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    /* .footer {
        padding: 2rem 0;
    } */

    h1 {
        font-size: 2rem;
    }

    p {
        margin-bottom: 0.5rem;
    }

    .menu-button {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .menu-button {
        top: 30px;
        margin: initial;
    }

    .header>nav {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        padding-top: 1rem;
        background-color: #f0f9ff;
        left: 0;
        right: 0;
        top: 0;
        position: fixed;
        z-index: 9999;
    }

    .header>nav>ul {
        flex-direction: column;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        align-items: flex-start;
    }

    #menu-toggle:checked~ul {
        max-height: 360px;
        overflow: auto;
    }

    .header>nav>ul a {
        padding-left: 0;
        border-radius: 0;
        border: none;
        background-color: transparent !important;

    }

    .menu-button-container {
        display: flex;
    }

    .header>nav>ul>li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header>nav>ul>li:has(.dropdown):hover>a::before {
        display: none;
    }

    .header>nav>ul>li>a {
        font-size: 1.2rem;
    }

    .dropdown,
    .dropdown ul {
        position: static;
        display: block;
        background-color: transparent;
        box-shadow: none;
        padding: 0;
        margin-left: 1rem;
    }

    .dropdown ul {
        margin-left: 1.2rem
    }

    .dropdown>li>a::after {
        display: none;
    }

    .dropdown>div.left-dropdown {
        padding: 1rem;
    }

    .icon-dropdown-menu {
        max-width: 2rem;
    }

    .dropdown>div.left-dropdown label {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .dropdown>div.left-dropdown>div {
        padding-right: 0;
    }

    .header>nav {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .header nav .right-dropdown>ul>li {
        flex-basis: 48%;
        margin-bottom: 0.5rem;
    }

    .dropdown>div.right-dropdown {
        padding: 0.1rem 1rem 0.5rem;
    }

    .header {
        background-color: #f0f9ff;
    }

    .icons-wrapper>div:nth-child(1),
    .icons-wrapper>div:nth-child(2) {
        flex-basis: 100%;
        width: 100%;
    }

    .two-col-section.who-we-serve+.two-col-section {
        margin-top: 0;
    }

    .logo-wrapper {
        margin-bottom: 2rem;
    }

    .logo-wrapper li {
        max-width: 150px;
        height: auto;
        display: flex;
        align-items: center;
        margin-top: 0;

        img {
            max-width: 100%;
            height: auto;
        }
    }

    .form-wrapper {
        width: 100%;
    }

    .two-col-section>div>div.right-col.contact-image {
        max-width: 250px;
        margin: -2rem auto 2rem;

        img {
            height: auto;
        }
    }

    .heading-wrapper h1 {
        font-size: 5rem;
        line-height: 5rem;
        text-align: center;
    }

    .heading-wrapper label {
        font-size: 2rem;
    }

    .heading-wrapper {
        top: 110px;
    }

    .heading-wrapper span {
        font-size: 1rem;
    }

    .heading-wrapper label {
        margin-top: 0.5rem;
    }

    main>section.two-col-section {
        margin-top: 6.8rem;
    }

    main>section.two-col-section.featured-jobs,
    main>section.two-col-section.industries-we-serve {
        margin-top: 1.2rem;
    }

    .icons-wrapper2 {
        justify-content: center;
    }

    .icons-wrapper2 figure {
        width: 3.2rem;
        height: 3.2rem;
    }

    .icons-wrapper2>li {
        margin: 0 10px;
    }

    .icons-wrapper2>li:nth-child(1),
    .icons-wrapper2>li:nth-child(2) {
        margin-bottom: 1rem;
    }

    .icons-wrapper2 label {
        font-size: 0.8rem;
    }

    .benefits-wrapper {
        flex-direction: column;
        margin-bottom: 2rem;

        li {
            margin-bottom: 2rem;
        }
    }

    .header nav ul li.active a {
        color: #3d722f;
        /* background-color: #f0f9ff !important; */
    }

    .header nav ul li.active::after {
        background-color: transparent;
    }

    .header-carousel-outer {
        width: 100%;
        height: 200px;
    }

    .owl-dots {
        top: 170px;
    }

    .contact-figure {
        display: none;
    }

    .contact-figure-outer-wrapper {
        margin: 0;
        padding-top: 0;
    }

    .contact-form-wrapper form {
        width: auto;
    }

    .footer::after {
        display: none;
    }

    .footer-nav {
        padding: 1.5rem 0 0 0;
    }

    .footer-nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-nav::before,
    .footer-nav::after {
        display: none;
    }

    .copyright-text {
        align-self: center;
        padding-bottom: 1.2rem;
        padding-left: 0;
    }

    footer>section .footer-logo-wrapper {
        & .footer-logo {
            width: 90%;
        }
    }

    .footer>section>div {
        flex-basis: 100%;
    }

    .header-carousel-outer-outer,
    .contact-header {
        margin-top: 8rem;
    }

    .header-carousel-outer-outer::before {
        display: none;
    }

    .header-carousel-outer-outer::after {
        display: none;
    }

    .header-carousel-outer-outer .bottomskew2 {
        display: none;
    }

    .home-video-wrapper {
        margin-top: 0;
    }

    .home-video-wrapper video {
        width: 100%;
    }

    .home-video-wrapper>div>div::after {
        display: none;
    }

    #btnPlay {
        left: 0;
        right: 0;
    }

    .intro-text-wrapper {
        position: static;
    }

    .header-carousel-wrapper {
        flex-wrap: wrap;
    }

    .intro-text-wrapper p {
        width: auto;
    }

    .footer>section {
        align-items: flex-start;

    }

    .footer-logo img {
        max-width: 100%;
    }

    .footer-nav ul>li {
        margin-bottom: 10px;
    }

    .social-icons-wrapper {
        width: 100%;
        padding-top: 1rem;
        justify-content: center;
    }

    .social-icons-wrapper img {
        max-width: 2rem;
    }

    .social-icons-wrapper a {
        margin: 0 0.5rem;
    }

    .copyright-wrapper {
        width: 100%;
    }

    .button {
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }

    .join-skill-essential .button {
        transform: translateX(-100%);
    }

    .header-logo-wrapper img {
        max-width: 250px;
    }
    .header-logo-wrapper2 img {
        max-width: 250px;
    }

    .header>nav>ul li {
        margin-left: 0;
        flex: 1 1 100%;
        margin: 5px 0;
    }

    .intro-section {
        margin-top: 7rem;
    }

    .intro-section>div .right-col {
        display: none;
    }

    .intro-section>div>div {
        flex: 0 0 50%;
    }

    .intro-section>div>div.text-animation-wrapper {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        height: 430px;
    }

    .intro-logo-wrapper {
        margin-top: 1rem;
        flex-wrap: wrap;
    }

    .intro-section>div>div.right-col {
        margin-bottom: 2rem;
    }

    .intro-section {
        .intro-logo-wrapper {
            left: 2rem;
            width: auto;
            right: 2rem;
            bottom: 0;
        }
    }

    .intro-logo-wrapper figure img.landscape {
        margin-top: 1.2rem;
        max-width: 100%;
        height: auto;
    }

    main>section.two-col-section.feel-free-section {
        margin-top: 0;
    }

    .three-image-collage {
        margin: 0;
        max-width: 100%;

        figure {
            width: 40%;
            flex-basis: 40%;
            margin-left: 1rem;
            margin-right: 1rem;
        }
    }

    .feel-free-section .button {
        position: static;
        transform: none;
    }

    .three-image-collage>div {
        width: 100%;
    }

    h2 {
        font-size: 1.8rem;
    }

    .industries-we-serve>div {
        flex-direction: column-reverse;
    }

    .industries-we-serve h2 {
        white-space: normal;
    }

    .industries-we-serve .right-col img {
        max-width: 100%;
        margin-bottom: 2rem;
    }


    .feel-free-section {
        margin-bottom: 2rem;
    }

    .intro-section {
        margin-bottom: 0;
    }

    .icons-wrapper {
        flex-direction: column;
    }

    .two-col-section>div>div {
        flex: 1 1 100%;
    }

    .four-jobs-wrapper {
        grid-template-columns: repeat(1,1fr);
    }

    .join-skill-essential {
        width: 100%;
        padding-top: 4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .join-skill-essential h2 {
        flex-direction: column;
    }

    .join-skill-essential h2>div {
        margin: 1.5rem 0;
    }

    .join-skill-essential p {
        margin: 0 0 2rem 0;
        color: var(--body-font-color);
    }

    .work-process-icons-wrapper li+li {
        margin-top: 6rem;
    }

    .fastest-growing-company {
        padding: 0;
        background-position: center center;
        margin-bottom: 2rem;
    }

    .four-value-wrapper {
        flex-direction: column;
        margin-top: 0;
    }

    .four-value-wrapper li {
        text-align: center;
        margin-bottom: 1rem;
    }

    .icons-wrapper>figure:nth-child(even),
    .icons-wrapper>figure:nth-child(odd) {
        width: auto;
    }

    .icons-wrapper>figure>img {
        width: 2.2rem;
    }

    .under-construction>div {
        margin-top: 3rem;
        height: 370px;
    }

    .under-construction h2 {
        width: 100%;
    }

    .timeline-outer-wrapper {
        margin: auto;
        width: 720px;
        height: 780px;
        padding-top: 200px;
        position: relative;

        h2 {
            position: absolute;
            top: 8px;
            left: 2rem;
            text-align: left;

        }
    }

    .timeline-wrapper {
        padding: 17rem 0;
        left: -24%;
        margin-top: -4rem;

        ul {

            li {
                .timeline-text-wrapper {
                    height: 64px;
                }

                .hand {
                    display: none;
                }
            }

            li:nth-child(even) span {
                transform: rotate(-90deg) translateX(42px);
                width: 110px;
            }

            li:nth-child(odd) span {
                width: 110px;
            }
        }
    }

    .jobs-details-wrapper .upload-resume-wrapper {
        margin-top: 90px;

        .file-upload-icon {
            width: 4rem;
        }
    }

    .our-values-outer-wrapper ul li {
        flex-basis: 100%;

        p {
            padding: 0.5rem 1.3rem 0.5rem;
        }

        label {
            font-size: 1rem;
            font-weight: 500;
        }
    }

    .women-empowered-picture-wrapper>div {
        flex-direction: column;
        align-items: center;

        & .right-col {
            width: 100%;
        }

        & .left-col {
            margin: 1rem 0 !important;
            width: 50%;
        }
    }

    .ux-design-wrapper-outer-wrapper {
        margin-top: 2rem;
    }

    .ux-design-wrapper>ul {
        align-items: flex-start;

        &>li {
            margin-left: 0;
            margin-right: 0;
            display: flex;
            width: auto;

            & span {
                position: static;

                label {
                    position: static;
                    transform: none !important;
                    margin-left: 1rem;
                }
            }

            & span::after {
                display: none;
            }
        }
    }

    .our-offerings-wrapper {
        &>div {
            padding: 0;

            ul {
                li {
                    position: static;
                    transform: none !important;
                    margin: 0 auto 1.5rem;

                    & figure svg {
                        transform: scaleX(-1);
                    }

                    & figure img {
                        position: static;
                        transform: translateY(-65px) translateX(16px) scale(0.8);
                    }

                    & figure figcaption {
                        transform: translateY(-169px) translateX(85px);
                        height: 100%;
                        display: flex;
                        align-items: center;
                        position: relative;
                        z-index: 11;
                        text-align: left;
                        font-size: 0.9rem;

                    }
                }
            }
        }

        h3 {
            width: auto;
            height: auto;
            outline: none;
            border: none;
            margin-bottom: 1.5rem;
        }
    }
}