@media (min-width:280px) and (max-width:480px) {
    .why-talent-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100vh;
        background-repeat: repeat;

    }

    .developers-desktop-dots-image {
        display: none;
    }

    .why-talent-main-container>h2 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 2.5rem;

    }

    .why-talent-main-container>h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.75rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        opacity: 1;
        max-width: 18.31rem;
        margin-top: -1.25rem;

    }

    .why-talent-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 7%;
        background-repeat: no-repeat;

    }

    .why-talent-main-container>p {
        text-align: center;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        width: 80%;



    }

    .why-talent-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-bottom: 5rem;
        margin-top: -3.43rem;

    }

    .why-talent-skills-container-h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 4.5rem;
        line-height: 3.5rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        padding-left: 1rem;

    }

    .why-talent-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        margin-left: 1rem;
        font-size: 1.12rem;
        line-height: 1.37rem;
        width: 80%;
        margin-bottom: 3.75rem;
        padding-top: 3.43rem;



    }

    .communication-personality-container {
        width: 80%;
        margin-left: 1rem;
        margin-bottom: 5rem;

    }

    .communication-personality-container>div>img {
        width: 100%;


    }

    .communication-personality-container-img {
        margin-bottom: 1.87rem;
        width: 28%;
        margin-left: 36%;

    }


    .communication-personality-h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.563rem;
        font-family: 'Figtree', sans-serif;

    }

    .communication-personality-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;
        width: 16.87rem;

    }

    .communication-personality-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-bottom: 5rem;

    }

    .communication-personality>img {
        margin-top: 2.87rem;
        display: none;

    }

    .why-talent-content-container {
        width: 80%;
        margin-left: 1rem;

    }

    .why-talent-content-container-h2 {

        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 4.5rem;
        line-height: 4.06rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        margin-top: 1.81rem;

    }

    .why-talent-content-container-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.87rem;
        line-height: 2.12rem;
        font-family: 'Figtree', sans-serif;


    }

    .why-talent-content-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        padding-top: 0.31rem;




    }

    .man-laptop {
        width: 32.75rem;
        height: 25.75rem;
        margin-top: 7.93rem;
        display: none;


    }

    .skills-heading-right {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        width: 14.37rem;

    }

    .skills-heading-left {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;

    }

    .skills-para-left {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;

    }

    .skills-para-left::-webkit-scrollbar {
        display: none;
    }


    .skills-para-right {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;

    }

    .skills-para-right::-webkit-scrollbar {
        display: none;
    }



    .skills-logo-img-why-hyno {
        width: 4.5rem;
        height: 4.5rem;

    }

    .remote-ready-img {
        order: 1;
        -webkit-order: 1;
    }

    .remote-ready-container {
        order: 2;
        -webkit-order: 2;
    }

    .remote-ready-container-1 {

        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;


    }


    .remote-ready-container-2 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;

    }

    .remote-ready-container-3 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;
    }

    .remote-ready-container-4 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;
    }

    .remote-ready-container-5 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;

    }

    .why-talent-image-wrapper {
        padding-bottom: 8.06rem;


    }

    .why-talent-top-img-bg-container {
        height: 28.12rem;
        width: 62.5rem;
        position: relative;
        z-index: 9;
        margin-top: 6.25px;
        display: none;

    }

    .why-talent-top-img-1 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        top: 0.62rem;
        transition: 1s linear;


    }

    .why-talent-top-img-2 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        left: 11.25rem;
        top: 9.12rem;
        transition: 1s linear;
    }

    .why-talent-top-img-3 {
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 15.06rem;
        left: 29.37rem;
        transition: 1s linear;
    }

    .why-talent-top-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 8.31rem;
        left: 42.62rem;
        transition: 1s linear;
    }

    .why-talent-top-img-5 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 19.31rem;
        left: 42.62rem;
        transition: 1s linear;
    }

    .why-talent-top-img-6 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 0rem;
        right: 0%;
        transition: 1s linear;
    }

    .why-talent-top-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 12.81rem;
        left: 55.37rem;
        transition: 1s linear;

    }

    .why-talent-top-img-8 {
        width: 22.56rem;
        height: 20.37rem;
        display: none;


    }

    .why-talent-top-img-9 {
        width: 22.18rem;
    }

    .why-us-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100vh;
        background-repeat: repeat;


    }

    .why-us-main-container>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 1.25rem;

    }

    .why-us-main-container>h1 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.75rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 80%;
        margin-top: -1.25rem;

    }

    .why-us-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 10%;
        background-repeat: no-repeat;
    }

    .why-us-main-container>h3 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.18rem;
        line-height: 4rem;
        margin-top: 1.87rem;

    }

    .why-us-main-container>p {
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;
        width: 80%;


    }

    .why-us-top-image-container {
        width: 80%;
        display: flex;
        justify-content: center;
        z-index: 9;
        align-items: center;
    }

    .why-us-top-image-container-img-1 {
        width: 11.93rem;
        height: 5rem;
        display: none;

    }

    .why-us-top-image-container-img-2 {
        width: 11.93rem;
        height: 5rem;
        margin-top: 8.12rem;
        display: none;
    }

    .why-us-top-image-container-img-3 {
        width: 7.68rem;
        height: 9.31rem;
        display: none;
        margin-top: -3.75rem;

    }

    .top-image-why-us {
        width: 62%;
        margin-top: -1.25rem;
        display: none;

    }

    .why-hyno-responsive-top-image {
        width: 19.93rem;
        height: 34.43rem;
        margin-top: 1.87rem;


    }

    .buttons-click-container {
        display: none;
    }

    .buttons-click-casestudy-container {
        display: none;
    }

    .why-us-content-container {
        background: #EDF1F4 0% 0% no-repeat padding-box;
        width: 100%;
        padding-top: 5.43rem;


    }

    .why-us-container-1 {
        width: 80%;
        margin-left: 1rem;


    }

    .why-us-flex-container {
        margin-top: 1.93rem;
        width: 100%;


    }

    .why-us-container-2 {
        width: 100%;
        gap: 4.37rem;
        margin-bottom: 6.87rem;




    }

    .why-us-container-3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;

    }

    .why-us-container-1>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        font-size: 4.5rem;
        line-height: 3.93rem;
        padding-top: 6rem;





    }

    .why-us-container-1-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.87rem;
        line-height: 2.12rem;



    }

    .why-us-container-1-p {
        text-align: left;

        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        line-height: 1.37rem;
        font-size: 1.12rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.37rem;



    }

    .why-us-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        padding: 2.18rem;
        gap: 1.68rem;
        margin-bottom: 0.87rem;
        width: 80%;
        margin-left: 1rem;


    }

    .why-us-skills-container-div {
        display: flex;
        align-items: center;
        gap: 1.12rem;

    }

    .skills-img-container-1 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae8dd 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;

    }

    .skills-img-container-2 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cbd8ea 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-3 {
        width: 4.5rem;
        height: 4.5rem;
        background: #edd6f1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-4 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae5f5 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-5 {
        width: 4.5rem;
        height: 4.5rem;
        background: #FFDAC1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .why-us-skills-container>div>h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.25rem;
        line-height: 1.62rem;
        width: 6.37rem;
        flex-shrink: 0;

    }

    .why-us-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.12rem;

    }

    .check-with-us-container {
        padding-top: 2.81rem;
        background: linear-gradient(to left, #FFFFFF 69%, #f3f6f8 31%);


    }

    .dots-img-container {
        margin-left: 14%;
        display: none;


    }

    .dots-img-container-1 {
        margin-left: 23%;
        margin-top: -0.62rem;

    }

    .why-us-table-container {
        width: 92%;
        margin-left: 4%;
        border-radius: 0.5rem;
        margin-top: 3.75rem;
    }

    .why-us-main-heading {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 5.31rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.62rem;
        line-height: 0.81rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, 0.31rem 0 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;


    }

    .why-us-main-heading>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.43rem;


    }

    .why-us-main-heading>img {
        width: 5.06rem;
        height: 2.43rem;
    }

    .why-us-main-heading-2 {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 5.31rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.62rem;
        line-height: 0.81rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;


    }

    .why-us-main-heading-2>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.43rem;


    }

    .why-us-main-heading-2>img {
        width: 5.06rem;
        height: 2.43rem;




    }

    .why-us-main-heading-1 {
        width: 25%;
        height: 5.31rem;

        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 1.12rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, -0.31rem 0 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;



    }

    .why-us-main-heading-1>img {
        width: 2.62rem;
        height: 1.12rem;

    }

    .why-us-main-heading-1>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-size: 0.5rem;
        line-height: 0.81rem;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.62rem;

    }


    .why-us-table-heading {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 2.5rem;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;



    }

    .why-us-table-heading-1 {
        width: 24%;
        height: 2.5rem;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;




    }

    .why-us-table-heading-1>img {
        width: 1.31rem;
        height: 1.31rem;

    }

    .why-us-table-heading>img {
        width: 1.31rem;
        height: 1.31rem;

    }

    .why-us-img-heading {
        box-shadow: none !important;


    }

    .why-us-img-heading>img {
        display: none;
    }

    .remaining-heading {
        height: 2.5rem;
        font-weight: 700;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        padding-top: 0.68rem;
        font-family: 'Figtree', sans-serif;






    }

    .remaining-heading>div {
        width: 0.62rem;
        height: 0.62rem;
        background-image: linear-gradient(to right, #E36A93, #4066FE);
        border-radius: 50%;
        margin-top: -0.93rem;
        margin-left: -0.12rem;
        display: none;

    }

    .remaining-heading-1 {
        width: 31%;
        height: 4.37rem;
        padding-left: 5%;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        border-right: 0.12rem solid #FFFFFF6A;
        border-top-left-radius: 0.5rem;

    }

    .how-it-works-main-container {
        padding-bottom: 2.5rem;
    }

    .dots-img-container-res {
        margin-left: 23%;
        margin-top: 1.87rem;
    }

    .how-it-works-container {
        width: 100%;
    }

    .how-it-works-container-1 {
        gap: 6.25rem;
        width: 80%;
        margin-left: 1rem;

    }

    .background-img-style {
        width: 100%;
        padding-left: 1.25rem;

        margin-bottom: 3.75rem;
    }

    .how-it-works-img-1 {
        width: 16.18rem;
        height: 9.93rem;
        padding-top: 0.75rem;
    }

    .how-it-works-img-2 {
        width: 15rem;
        height: 11.25rem;
        padding-top: 2.06rem;
    }

    .how-it-works-img-3 {
        width: 11.68rem;
        height: 11.68rem;
        padding-top: 1.62rem;

    }

    .how-it-works-container-1-h2 {
        text-align: left;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;



    }


    .content-white-container {
        width: 100%;
    }

    .content-white-container-h2 {
        font-weight: 700;
        font-family: 'Figtree', sans-serif;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.62rem;
        margin-top: -2.92rem;

    }

    .content-white-container-p {
        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.5rem;

    }



    .case-study-1-container {
        width: 76%;
        margin-left: 12%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1.87rem;
        padding-top: 2.62rem;
        padding-bottom: 3.56rem;

    }

    .case-study-1-img-container {
        width: 100%;

    }

    .case-study-1-content-container {
        width: 100%;

    }




    .case-study-1-content-container-h4 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.37rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.62rem;
        max-width: 25rem;

    }

    .case-study-1-content-container-h5 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 28.12rem;

    }

    .case-study-1-content-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 28.12rem;
    }



    .case-study-1-content-container-a {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 2.12rem;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1rem;
        line-height: 2rem;
        padding: 0.56rem 1.31rem;
        font-family: 'Figtree', sans-serif;
        text-decoration: none;
    }

    .case-study-1-content-container-a:hover {
        cursor: pointer;
        color: #000000;
        text-decoration: none;
    }

    .developer-container {
        display: flex;
        align-items: center;
        gap: 1.12rem;
        margin-top: 1.87rem;
        margin-bottom: 1.43rem;

    }

    .developer-image-1 {
        width: 3.62rem;
        height: 3.62rem;
        border-radius: 1.81rem;


    }

    .developer-image-1>img {
        width: 100%;
        height: 100%;
        border-radius: 1.81rem;
    }



    .developer-container-2>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0.01rem;
        color: #202A34;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;


    }

    .developer-container-2>p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 0.87rem;
        line-height: 1rem;
        font-family: 'Figtree', sans-serif;

    }


    .ability-img {
        width: 17.06rem;
        height: 2.56rem;

    }

    .pathias-img {
        height: 3.87rem;
    }

    .case-study-title {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-bottom: 0rem;
    }

    .case-study-main-title {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 3.25rem;
        line-height: 3.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .case-study-img {
        margin-top: 1.87rem;
        display: flex;

    }

    .graph-view-img {
        max-width: 100%;
        border-radius: 8;

    }

    .case-study-logo-container {
        display: flex;
        align-items: center;
        gap: 1.81rem;
        margin-top: 1.87rem;
    }

    .case-study-logo-container-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .web-application {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0.03rem;
        color: #000000;
        opacity: 1;
        font-size: 0.75rem;
        line-height: 0.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.31rem;
        margin-bottom: 0rem;

    }

    .case-study-daimond {
        margin-left: 12%;
        width: 6.5rem;
        height: 3.81rem;

    }

    .caseStudy-top-image-container {
        width: 100%;
    }

    .caseStudy-top-image-container-1 {
        display: flex;
        justify-content: center;
        display: none;


    }

    .caseStudy-top-image-container-2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 1.56rem;


    }

    .case-study-top-img1 {
        width: 10.93rem;
        height: 4.62rem;

    }

    .case-study-top-img2 {
        width: 5rem;
        height: 4.75rem;


    }

    .case-study-top-img3 {
        width: 15.43rem;
        height: 11.31rem;
        display: none;

    }

    .case-study-top-img4 {
        max-width: 18rem;

    }

    .remote-work-top-main-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-repeat: repeat;



    }


    .remote-work-top-main-container-h2 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 3.75rem;

    }

    .remote-work-top-main-container-h1 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.75rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        margin-top: 0rem;

    }



    .remote-work-top-main-container-h3 {
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.37rem;
        line-height: 1.75rem;
        margin-top: 0.31rem;
        text-align: center;
        width: 80%;

    }

    .remote-work-top-img-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 4.87rem;

    }

    .remote-work-top-img-1 {

        display: none;
    }

    .remote-work-top-img-2 {
        max-width: 21rem;
        margin-left: 1.87rem;

    }

    .remote-work-top-img-3 {
        width: 7.62rem;
        height: 6.12rem;
        margin-left: 6.43rem;
        display: none;
    }

    .remote-work-top-img-4 {
        width: 14.06rem;
        height: 11.12rem;
        display: none;
    }

    .remote-work-top-img-container-1 {
        display: flex;
        flex-direction: column;
        margin-left: 1.87rem;
    }

    .global-talent-remote-work-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 8.25rem;
        margin-bottom: 6.25rem;

    }

    .global-talent-container {
        display: flex;
        flex-direction: column;
        gap: 2.68rem;
        margin-bottom: 5rem;
        width: 80%;


    }

    .global-talent-content-container {

        order: 1;
    }

    .global-talent-img-container {
        order: 2;
    }

    .global-talent-img-container>img {
        max-width: 100%;
    }

    .global-talent-content-container-h2 {
        text-align: left;
        font-family: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 3.06rem;
        line-height: 4.06rem;
        font-family: 'Figtree', sans-serif;
    }

    .global-talent-content-container-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -1.35rem;

    }

    .global-talent-content-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.62rem;
    }

    /* why developer css starts here */
    .why-developer-main-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100vh;
        background-repeat: repeat;
    }


    .why-developer-main-container-h2 {
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        font-weight: 500;
        margin-top: 3.12rem;
    }

    .why-developer-main-container-h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.25rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 43.25rem;
        font-weight: 700;
        margin-top: 0rem;
    }

    .why-developer-main-container>h1>span {
        text-align: center;
        font-weight: 700;
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 11%;
        background-repeat: no-repeat;

    }

    .why-developer-main-container-h3 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 1.75rem;
        font-size: 1.37rem;
        margin-top: 1.25rem;
    }

    .why-developer-join-now-button {
        background: transparent linear-gradient(256deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat;
        border: 0rem;
        border-radius: 1.75rem;
        font-weight: 700;
        font-family: Figtree;
        letter-spacing: 0rem;
        color: #FFFFFF;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
        padding-left: 2.68rem;
        padding-right: 2.68rem;
        font-family: 'Figtree', sans-serif;
        z-index: 9;
        text-decoration: none;
        margin-top: 1.87rem;
    }

    .why-developer-join-now-button:hover {
        cursor: pointer;
        color: #FFFFFF;
        text-decoration: none;
    }

    .why-join-hyno-developer-1 {
        width: 100%;
        padding-top: 4.12rem;
        margin: auto;


    }

    .why-join-hyno-developer-1>h2 {
        text-align: left;

        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 3.87rem;
        line-height: 3.75rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        width: 100%;
        padding: 0rem 1rem;



    }

    .why-join-hyno-developer-1>p {
        text-align: left;

        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.31rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        padding: 0rem 1rem;

    }

    .why-join-hyno-developer-2 {
        width: 100%;
        padding-left: 1rem;
        margin: auto;
        gap: 6.25rem;
    }


    .why-join-hyno-developer-2>div {
        width: 14.37rem;
        height: fit-content;
    }

    .why-join-hyno-developer-img-1 {
        width: 10.25rem;
        height: 7.87rem;
        margin-top: 5.06rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-2 {
        width: 10.25rem;
        height: 10.06rem;
        margin-top: 2.81rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-3 {
        width: 10.31rem;
        height: 9rem;
        margin-top: 3.75rem;
        margin-left: 1rem;
    }

    .why-join-hyno-developer-img-4 {
        width: 6.62rem;
        height: 8.06rem;
        margin-top: 4.68rem;
        margin-left: 3.75rem;
    }

    .why-join-hyno-developer-2>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        margin-top: 1.56rem;

    }

    .why-join-hyno-developer-2>div>p {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;


    }

    .why-developer-main-img-bg-container {
        width: 55.18rem;
        height: 35.18rem;
        position: relative;
        margin-top: -5.31rem;

    }

    .why-developer-img-1 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 11rem;
        transition: 1s linear;

    }

    .why-developer-img-2 {
        width: 4.43rem;
        height: 4.37rem;
        position: absolute;
        left: 6.37rem;
        transition: 1s linear;
    }

    .why-developer-img-3 {
        width: 3.5rem;
        height: 3.5rem;
        position: absolute;
        top: 18.25rem;
        left: 11.37rem;
        transition: 1s linear;
    }

    .why-developer-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 3.68rem;
        left: 45rem;
        transition: 1s linear;
    }

    .why-developer-img-5 {
        width: 27.5rem;
        height: 30.43rem;
        position: absolute;
        left: 14.43rem;
        top: 4.75rem;

    }

    .why-developer-img-6 {
        width: 4.18rem;
        height: 4.12rem;
        position: absolute;
        top: 14.81rem;
        right: 0rem;
        transition: 1s linear;
    }

    .why-developer-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        right: 6.5rem;
        top: 22.75rem;
        transition: 1s linear;

    }

    /* .why-developer-links-main-container {

    width: 75rem;
    display: flex;
    padding-bottom: 11.25rem;
    margin: auto;


} */

    .developer-active-link {
        background: #FAFCFE 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
        border: 5px solid yellow;
    }



    .developer-active-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .developer-inactive-link {

        background: #F2F5F8 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #726E7D;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
    }

    .developer-inactive-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .why-developer-links-container {
        width: 18.12rem;
        flex-shrink: 0;
        margin-top: 1.62rem;
        display: none;



    }

    .why-developer-links-container>img {
        height: 3.37rem;
        margin-left: 3.43rem;
        margin-bottom: -1.5rem;
    }

    /* .developer-links-content-container {
    height: 23.5rem;


} */

    .developer-links-content-container-1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        margin-top: 1.62rem;
        padding-bottom: 5.87rem;


    }

    .developer-content-container {
        width: 100%;
        margin-left: 1rem;
        margin-bottom: 2rem;


    }

    .developer-content-container>img {
        width: 11.75rem;


    }

    .developer-dots-image {
        width: 5.06rem !important;
        margin-left: 9.12rem;
        margin-top: 2.31rem;
    }

    .developer-login-page {
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .developer-login-page>div {
        max-width: 100%;
        max-height: 100%;

    }


    .developer-content-container>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        font-weight: 700;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -0.62rem;
    }

    .developer-content-container>div>h3 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;


    }

    .developer-content-container>div>p {
        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 22.87rem;
        font-weight: 500;


    }

    .developer-container-p {
        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 22.87rem;
        font-weight: 500;
        margin-top: 1.31rem;

        width: 18.37rem;


    }

    .developer-links-content-container>img {
        width: 6.5rem;
        height: 3.81rem;
        margin-top: -3.12rem;
        margin-left: 6.25rem;
        display: none;
    }

    :root {
        --custom-padding: 50%;
        --offset: 36.25rem;
    }

    .why-developer-skills-container {
        padding-left: calc(var(--custom-padding) - var(--offset));
        margin-top: 4.37rem;
    }

    .accordion-button:focus {
        background-color: none !important;
    }


    .top-developers-profile-main-container {
        margin-top: 11.5rem;
    }

    .top-developers-heading-container {
        margin-left: calc(var(--custom-padding) - var(--offset));
    }

    .top-developers-profiles-container {
        margin-top: 4rem;
        display: flex;
        gap: 4.56rem;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-left: calc(50% - 36.25rem);
        margin-right: calc(50% - 36.25rem);

    }

    .top-developers-profiles-container::-webkit-scrollbar {
        display: none;
    }

    .top-profiles-container {
        width: fit-content;
    }

    .top-profiles-container-img {
        width: 14.25rem;
        border-radius: 0.5rem;
    }

    .top-profiles-container-h2 {
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 2rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.31rem;
    }

    .top-profiles-container-role {
        font-weight: 500;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -1.56rem;

    }

    .top-profiles-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.01rem;
        color: #000000;
        opacity: 0.37;
        font-size: 0.81rem;
        line-height: 1.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.93rem;
        margin-bottom: 0.62rem;
    }




    .job-description-img {
        width: 27.06rem;
        margin-top: -3.12rem;
    }

    .dots-with-triangle-img-1 {
        margin-left: 12%;
        margin-top: -3.75rem;
    }

    .dots-with-triangle-img-2 {
        margin-top: 2.62rem;
        margin-left: 12%;


    }

    /* why developer css ends here */

}

@media (min-width:481px) and (max-width:768px) {
    .why-talent-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100vh;
        background-repeat: repeat;

    }

    .developer-dots-image {

        display: none;
    }

    .why-talent-main-container>h2 {
        font-weight: 500;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 2.5rem;


    }

    .why-talent-main-container>h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.75rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        opacity: 1;
        max-width: 31.25rem;
        margin-top: -1.25rem;

    }

    .why-talent-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 7%;
        background-repeat: no-repeat;

    }

    .why-talent-main-container>p {
        text-align: center;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        max-width: 28.12rem;


    }

    .why-talent-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-bottom: 5rem;
        margin-top: -3.43rem;
    }

    .why-talent-skills-container-h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 4.5rem;
        line-height: 3.5rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        padding-left: 1rem;

    }

    .why-talent-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        margin-left: 1rem;
        font-size: 1.12rem;
        line-height: 1.37rem;
        max-width: 25rem;
        margin-bottom: 3.75rem;
        padding-top: 3.43rem;


    }

    .communication-personality-container {
        width: 80%;
        margin-left: 1rem;
        margin-bottom: 5rem;



    }

    .communication-personality-container>div>img {
        width: 23.12rem;

    }

    .communication-personality-container-img {
        margin-bottom: 1.87rem;
        width: 6.5rem;
        height: 3.81rem;
        margin-left: 12%;
    }


    .communication-personality-h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;

    }

    .communication-personality-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;
        width: 16.87rem;

    }

    .communication-personality-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-bottom: 2.5rem;
        width: 25rem;


    }

    .communication-personality>img {
        margin-top: 2.87rem;
        display: none;

    }

    .why-talent-content-container {
        width: 80%;
        margin-left: 1rem;


    }

    .why-talent-content-container-h2 {

        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 4.5rem;
        line-height: 4.06rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        margin-top: 3.12rem;


    }

    .why-talent-content-container-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.87rem;
        line-height: 2.12rem;
        font-family: 'Figtree', sans-serif;
        max-width: 31.25rem;



    }

    .why-talent-content-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        padding-top: 0.62rem;
        width: 28.12rem;


    }

    .man-laptop {
        width: 32.75rem;
        height: 25.75rem;
        margin-top: 7.93rem;
        display: none;


    }

    .skills-heading-right {
        text-align: left;

        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;


    }

    .skills-heading-left {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;

    }

    .skills-para-left {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;
        height: 5.43rem;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;

    }

    .skills-para-left::-webkit-scrollbar {
        display: none;

    }


    .skills-para-right {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;
        height: 5.43rem;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;

    }

    .skills-para-right::-webkit-scrollbar {
        display: none;
    }



    .skills-logo-img-why-hyno {
        width: 4.5rem;
        height: 4.5rem;

    }

    .remote-ready-img {
        order: 1;
        -webkit-order: 1;
    }

    .remote-ready-container {
        order: 2;
        -webkit-order: 2;
    }

    .remote-ready-container-1 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;
        max-width: 15.62rem;


    }


    .remote-ready-container-2 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;
        max-width: 15.62rem;

    }

    .remote-ready-container-3 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;
        max-width: 15.62rem;


    }

    .remote-ready-container-4 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;
        max-width: 15.62rem;
    }

    .remote-ready-container-5 {
        display: flex;
        flex-direction: column;
        gap: 0.43rem;
        margin-top: 2.87rem;
        max-width: 15.62rem;

    }

    .why-talent-image-wrapper {
        padding-bottom: 8.06rem;
        display: flex;
        justify-content: space-between;



    }

    .why-talent-top-img-bg-container {
        height: 28.12rem;
        width: 62.5rem;
        position: relative;
        z-index: 9;
        margin-top: -6.25rem;
        display: none;

    }

    .why-talent-top-img-1 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        top: 0.62rem;
        transition: 1s linear;


    }

    .why-talent-top-img-2 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        left: 11.25rem;
        top: 9.12rem;
        transition: 1s linear;

    }

    .why-talent-top-img-3 {
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 15.06rem;
        left: 29.37rem;
        transition: 1s linear;

    }

    .why-talent-top-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 8.31rem;
        left: 42.62rem;
        transition: 1s linear;

    }

    .why-talent-top-img-5 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 19.31rem;
        left: 42.62rem;
        transition: 1s linear;
    }

    .why-talent-top-img-6 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 0rem;
        right: 0%;
        transition: 1s linear;
    }

    .why-talent-top-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 12.81rem;
        left: 55.37rem;
        transition: 1s linear;

    }

    .why-talent-top-img-8 {
        width: 22.56rem;
        height: 20.37rem;
        display: none;


    }

    .why-talent-top-img-9 {
        width: 22.18rem;

    }

    .why-us-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100vh;
        background-repeat: repeat;

    }

    .why-us-main-container>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 1.12rem;


    }

    .why-us-main-container>h1 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.75rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 28.12rem;

    }

    .why-us-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 10%;
        background-repeat: no-repeat;

    }

    .why-us-main-container>h3 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.18rem;
        line-height: 4rem;
        margin-top: 0rem;

    }

    .why-us-main-container>p {
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;
        width: 26.25rem;

    }

    .why-us-top-image-container {
        width: 80%;
        display: flex;
        justify-content: center;
        z-index: 9;
        align-items: center;
    }

    .why-us-top-image-container-img-1 {
        width: 11.93rem;
        height: 5rem;
        display: none;


    }

    .why-us-top-image-container-img-2 {
        width: 11.93rem;
        height: 5rem;
        margin-top: 8.12rem;
        display: none;
    }

    .why-us-top-image-container-img-3 {
        width: 7.68rem;
        height: 9.31rem;
        display: none;
        margin-top: -3.75rem;
    }

    .top-image-why-us {
        width: 62%;
        margin-top: -1.12rem;
        display: none;


    }

    .why-hyno-responsive-top-image {
        width: 19.93rem;
        height: 34.43rem;
        margin-top: 3.12rem;

    }

    .buttons-click-container {
        display: none;
    }

    .buttons-click-casestudy-container {
        display: none;
    }

    .why-us-content-container {
        background: #EDF1F4 0% 0% no-repeat padding-box;
        width: 100%;
        padding-top: 5.43rem;


    }

    .why-us-container-1 {
        width: 80%;
        margin-left: 1rem;


    }

    .why-us-flex-container {
        margin-top: 1.93rem;
        width: 100%;



    }

    .why-us-container-2 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 2.5rem;
        margin-bottom: 6.87rem;


    }

    .why-us-container-2>div {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;

    }

    .why-us-container-3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;


    }

    .why-us-container-1>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        font-size: 4.5rem;
        line-height: 3.93rem;


    }

    .why-us-container-1-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        font-size: 1.87rem;
        line-height: 2.12rem;


    }

    .why-us-container-1-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        line-height: 1.37rem;
        font-size: 1.12rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.37rem;


    }

    .why-us-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        padding: 2.18rem;
        gap: 1.68rem;
        width: 20.62rem;
        height: 17.5rem;

    }

    .why-us-skills-container-div {
        display: flex;
        align-items: center;
        gap: 1.12rem;

    }

    .skills-img-container-1 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae8dd 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.031rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;

    }

    .skills-img-container-2 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cbd8ea 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.031rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-3 {
        width: 4.5rem;
        height: 4.5rem;
        background: #edd6f1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.031rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-4 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae5f5 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.031rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-5 {
        width: 4.5rem;
        height: 4.5rem;
        background: #FFDAC1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.031rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .why-us-skills-container>div>h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.25rem;
        line-height: 1.62rem;
        width: 9.5rem;
        flex-shrink: 0;
    }

    .why-us-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.12rem;
    }

    .check-with-us-container {
        padding-top: 2.81rem;
        background: linear-gradient(to left, #FFFFFF 69%, #f3f6f8 31%);
    }

    .dots-img-container {
        margin-left: 14%;
        display: none;



    }

    .dots-img-container-1 {
        margin-left: 18%;
        margin-left: calc(10% + 3.12rem);

    }

    .why-us-table-container {
        width: 92%;
        margin-left: 4%;
        border-radius: 0.5rem;
        margin-top: 3.75rem;


    }

    .why-us-main-heading {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 5.31rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.62rem;
        line-height: 0.81rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, 0.31rem 0 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;

    }

    .why-us-main-heading>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.43rem;



    }

    .why-us-main-heading>img {
        width: 5.06rem;
        height: 2.43rem;

    }

    .why-us-main-heading-2 {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 5.31rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.62rem;
        line-height: 0.81rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;


    }

    .why-us-main-heading-2>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.43rem;

    }

    .why-us-main-heading-2>img {
        width: 5.06rem;
        height: 2.43rem;


    }

    .why-us-main-heading-1 {
        width: 25%;
        height: 5.31rem;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 1.12rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, -0.31rem 0 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;




    }

    .why-us-main-heading-1>img {
        width: 2.62rem;
        height: 1.12rem;
    }

    .why-us-main-heading-1>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.62rem;
        font-size: 0.5rem;
        line-height: 0.81rem;


    }


    .why-us-table-heading {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 2.54rem;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;



    }

    .why-us-table-heading-1 {
        width: 24%;
        height: 2.5rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;




    }

    .why-us-table-heading-1>img {
        width: 1.31rem;
        height: 1.31rem;
    }

    .why-us-table-heading>img {
        width: 1.31rem;
        height: 1.31rem;

    }


    .why-us-img-heading {
        box-shadow: none !important;


    }

    .why-us-img-heading>img {
        display: none;
    }

    .remaining-heading {
        height: 2.5rem;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        padding-top: 0.68rem;
        font-family: 'Figtree', sans-serif;





    }

    .remaining-heading>div {
        width: 0.62rem;
        height: 0.62rem;
        background-image: linear-gradient(to right, #E36A93, #4066FE);
        border-radius: 50%;
        margin-top: -0.93rem;
        margin-left: -0.12rem;
        display: none;

    }

    .remaining-heading-1 {
        width: 31%;
        height: 4.37rem;
        padding-left: 5%;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        border-right: 0.12rem solid #FFFFFF6A;
        border-top-left-radius: 0.5rem;

    }

    .how-it-works-main-container {
        padding-bottom: 2.5rem;



    }

    .dots-img-container-res {
        margin-left: 18%;
        margin-left: calc(10% + 3.12rem);
        margin-top: 1.87rem;

    }

    .how-it-works-container {
        width: 100%;
    }

    .how-it-works-container-1 {
        gap: 6.25rem;
        width: 80%;
        margin-left: 1rem;


    }

    .background-img-style {

        margin-top: 1.87rem;
        margin-bottom: 1.87rem;

    }


    .how-it-works-img-1 {
        width: 16.18rem;
        height: 9.93rem;


    }

    .how-it-works-img-2 {
        width: 15rem;
        height: 11.25rem;

    }

    .how-it-works-img-3 {
        width: 11.68rem;
        height: 11.68rem;

    }

    .how-it-works-container-1-h2 {
        text-align: left;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;

    }


    .content-white-container {
        width: 100%;

    }

    .content-white-container-h2 {
        font-weight: 700;
        font-family: 'Figtree', sans-serif;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.62rem;
        margin-top: -0.62rem;

    }

    .content-white-container-p {

        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.5rem;

    }


    .case-study-1-container {
        width: 76%;
        margin-left: 12%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3.12rem;
        padding-top: 3.12rem;
        padding-bottom: 3.12rem;

    }

    .case-study-1-img-container {
        width: 100%;

    }

    .case-study-1-content-container {
        width: 100%;

    }




    .case-study-1-content-container-h4 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.37rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.62rem;
        max-width: 25rem;

    }

    .case-study-1-content-container-h5 {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 28.12rem;

    }

    .case-study-1-content-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 28.12rem;

    }

    .case-study-1-content-container-a {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 2.12rem;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 2rem;
        padding: 0.56rem 1.31rem;
        font-family: 'Figtree', sans-serif;
    }

    .case-study-1-content-container-a:hover {
        cursor: pointer;
        color: #000000;
        text-decoration: none;
    }

    .developer-container {
        display: flex;
        align-items: center;
        gap: 1.12rem;
        margin-top: 1.87rem;
        margin-bottom: 1.43rem;

    }

    .developer-image-1 {
        width: 3.62rem;
        height: 3.62rem;
        border-radius: 1.81rem;


    }

    .developer-image-1>img {
        width: 100%;
        height: 100%;
        border-radius: 1.81rem;
    }



    .developer-container-2>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0.01rem;
        color: #202A34;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;

    }

    .developer-container-2>p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 0.87rem;
        line-height: 1rem;
        font-family: 'Figtree', sans-serif;
    }


    .ability-img {
        width: 17.06rem;
        height: 2.56rem;


    }

    .pathias-img {
        height: 3.87rem;
    }

    .case-study-title {
        text-align: left;
        letter-spacing: 0rem;
        font-weight: 700;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-bottom: 0rem;
    }

    .case-study-main-title {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 3.25rem;
        line-height: 3.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .case-study-img {
        margin-top: 1.87rem;
        display: flex;
    }

    .graph-view-img {
        max-width: 25rem;
        border-radius: 8;
    }

    .case-study-logo-container {
        display: flex;
        align-items: center;
        gap: 1.81rem;
        margin-top: 1.87rem;

    }

    .case-study-logo-container-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .web-application {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.03rem;
        color: #000000;
        opacity: 1;
        font-size: 0.75rem;
        line-height: 0.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.31rem;
        margin-bottom: 0rem;

    }

    .case-study-daimond {
        margin-left: 12%;
        width: 6.5rem;
        height: 3.81rem;

    }

    .caseStudy-top-image-container {
        width: 100%;
    }

    .caseStudy-top-image-container-1 {
        display: flex;
        gap: 46.25rem;
        margin-top: -3.12rem;
        justify-content: center;



    }

    .caseStudy-top-image-container-2 {
        display: flex;
        gap: 21.25rem;
        justify-content: center;
        margin-top: 1.56rem;


    }

    .case-study-top-img1 {
        width: 10.93rem;
        height: 4.62rem;
        display: none;


    }

    .case-study-top-img2 {
        width: 5rem;
        height: 4.75rem;
        display: none;

    }

    .case-study-top-img3 {
        width: 15.43rem;
        height: 11.31rem;
        display: none;

    }

    .case-study-top-img4 {
        max-width: 18rem;

    }

    .remote-work-top-main-container {

        display: flex;
        flex-direction: column;
        align-items: center;
        background-repeat: repeat;


    }


    .remote-work-top-main-container-h2 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 3.75rem;

    }

    .remote-work-top-main-container-h1 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.75rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        margin-top: 0rem;

    }



    .remote-work-top-main-container-h3 {
        font-weight: 600;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.37rem;
        line-height: 1.75rem;
        margin-top: 0.31rem;
        text-align: center;
    }

    .remote-work-top-img-container {
        margin-top: 4.87rem;
        display: flex;


    }

    .remote-work-top-img-1 {
        display: none;

    }

    .remote-work-top-img-2 {
        width: 25rem;
        margin-left: 1.87rem;
    }

    .remote-work-top-img-3 {
        width: 7.62rem;
        height: 6.12rem;
        margin-left: 6.43rem;
        display: none;

    }

    .remote-work-top-img-4 {
        width: 14.06rem;
        height: 11.12rem;
        margin-top: 6.12rem;
        display: none;


    }

    .remote-work-top-img-container-1 {
        display: flex;
        flex-direction: column;
        margin-left: 1.87rem;

    }

    .global-talent-remote-work-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 11rem;
        margin-bottom: 6.25rem;

    }

    .global-talent-container {
        display: flex;
        flex-direction: column;
        gap: 2.68rem;
        margin-bottom: 5rem;

    }

    .global-talent-content-container {
        width: 80%;
        margin-left: 1rem;
        order: 1;

    }

    .global-talent-img-container {
        order: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .global-talent-img-container>img {
        max-width: 100%;
    }

    .global-talent-content-container-h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: -0.21rem;
        color: #000000;
        opacity: 0.06;
        font-size: 4.5rem;
        line-height: 4.06rem;
        font-family: 'Figtree', sans-serif;


    }

    .global-talent-content-container-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -0.62rem;

    }

    .global-talent-content-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.62rem;
    }

    /* why developer css starts here */
    .why-developer-main-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100vh;
        background-repeat: repeat;
    }


    .why-developer-main-container-h2 {
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        font-weight: 500;
        margin-top: 3.12rem;
    }

    .why-developer-main-container-h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.25rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 43.25rem;
        font-weight: 700;
        margin-top: 0rem;
    }

    .why-developer-main-container>h1>span {
        text-align: center;
        font-weight: 700;
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 11%;
        background-repeat: no-repeat;

    }

    .why-developer-main-container-h3 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 1.75rem;
        font-size: 1.37rem;
        margin-top: 1.25rem;
    }

    .why-developer-join-now-button {
        background: transparent linear-gradient(256deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat;
        border: 0rem;
        border-radius: 1.75rem;
        font-weight: 700;
        font-family: Figtree;
        letter-spacing: 0rem;
        color: #FFFFFF;
        opacity: 1;
        padding: 0.75rem;

        padding-left: 2.68rem;
        padding-right: 2.68rem;
        font-family: 'Figtree', sans-serif;
        z-index: 9;
        text-decoration: none;
        margin-top: 1.87rem;
    }

    .why-developer-join-now-button:hover {
        cursor: pointer;
        color: #FFFFFF;
        text-decoration: none;
    }

    .why-join-hyno-developer-1 {
        width: 75rem;
        padding-top: 5.12rem;
        margin: auto;


    }

    .why-join-hyno-developer-1>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;


    }

    .why-join-hyno-developer-1>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.31rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 40.5rem;
        margin-top: -2.81rem;
    }

    .why-join-hyno-developer-2 {
        width: 75rem;
        display: flex;
        margin: auto;
        gap: 6.25rem;
    }

    .why-join-hyno-developer-2>div {
        width: 14.37rem;
        height: fit-content;
    }

    .why-join-hyno-developer-img-1 {
        width: 10.25rem;
        height: 7.87rem;
        margin-top: 5.06rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-2 {
        width: 10.25rem;
        height: 10.06rem;
        margin-top: 2.81rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-3 {
        width: 10.31rem;
        height: 9rem;
        margin-top: 3.75rem;
        margin-left: 1rem;
    }

    .why-join-hyno-developer-img-4 {
        width: 6.62rem;
        height: 8.06rem;
        margin-top: 4.68rem;
        margin-left: 3.75rem;
    }

    .why-join-hyno-developer-2>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        margin-top: 1.56rem;

    }

    .why-join-hyno-developer-2>div>p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;
        width: 14.31rem;

    }

    .why-developer-main-img-bg-container {
        width: 55.18rem;
        height: 35.18rem;
        position: relative;
        margin-top: -5.31rem;

    }

    .why-developer-img-1 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 11rem;
        transition: 1s linear;

    }

    .why-developer-img-2 {
        width: 4.43rem;
        height: 4.37rem;
        position: absolute;
        left: 6.37rem;
        transition: 1s linear;
    }

    .why-developer-img-3 {
        width: 3.5rem;
        height: 3.5rem;
        position: absolute;
        top: 18.25rem;
        left: 11.37rem;
        transition: 1s linear;
    }

    .why-developer-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 3.68rem;
        left: 45rem;
        transition: 1s linear;
    }

    .why-developer-img-5 {
        width: 27.5rem;
        height: 30.43rem;
        position: absolute;
        left: 14.43rem;
        top: 4.75rem;

    }

    .why-developer-img-6 {
        width: 4.18rem;
        height: 4.12rem;
        position: absolute;
        top: 14.81rem;
        right: 0rem;
        transition: 1s linear;
    }

    .why-developer-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        right: 6.5rem;
        top: 22.75rem;
        transition: 1s linear;

    }

    .why-developer-links-main-container {

        width: 75rem;
        display: flex;
        padding-bottom: 11.25rem;
        margin: auto;


    }

    .developer-active-link {
        background: #FAFCFE 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
    }



    .developer-active-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .developer-inactive-link {

        background: #F2F5F8 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #726E7D;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
    }

    .developer-inactive-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .why-developer-links-container {
        width: 18.12rem;
        flex-shrink: 0;
        margin-top: 1.62rem;



    }

    .why-developer-links-container>img {
        height: 3.37rem;
        margin-left: 3.43rem;
        margin-bottom: -1.5rem;
    }

    .developer-links-content-container {
        height: 23.5rem;

    }

    .developer-links-content-container-1 {
        height: 23.5rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        margin-top: 1.62rem;
    }

    .developer-content-container {
        width: 49.81rem;
        height: 23.5rem;
        padding: 3.18rem 5.37rem;
        margin-left: 0.43rem;
        display: flex;
        flex-shrink: 0rem;

    }

    .developer-content-container>img {
        width: 13.93rem;
        height: 14.87rem;
        margin-top: 1.93rem;

    }

    .developer-content-container>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        font-weight: 700;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -0.62rem;
    }

    .developer-content-container>div>h3 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;


    }

    .developer-content-container>div>p {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 22.87rem;

    }

    .developer-links-content-container>img {
        width: 6.5rem;
        height: 3.81rem;
        margin-top: -3.12rem;
        margin-left: 6.25rem;
    }

    :root {
        --custom-padding: 50%;
        --offset: 36.25rem;
    }

    .why-developer-skills-container {
        padding-left: calc(var(--custom-padding) - var(--offset));
        margin-top: 4.37rem;
    }

    .accordion-button:focus {
        background-color: none !important;
    }


    .top-developers-profile-main-container {
        margin-top: 11.5rem;
    }

    .top-developers-heading-container {
        margin-left: calc(var(--custom-padding) - var(--offset));
    }

    .top-developers-profiles-container {
        margin-top: 4rem;
        display: flex;
        gap: 4.56rem;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-left: calc(50% - 36.25rem);
        margin-right: calc(50% - 36.25rem);

    }

    .top-developers-profiles-container::-webkit-scrollbar {
        display: none;
    }

    .top-profiles-container {
        width: fit-content;
    }

    .top-profiles-container-img {
        width: 14.25rem;
        border-radius: 0.5rem;
    }

    .top-profiles-container-h2 {
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 2rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.31rem;
    }

    .top-profiles-container-role {
        font-weight: 500;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -1.56rem;

    }

    .top-profiles-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.01rem;
        color: #000000;
        opacity: 0.37;
        font-size: 0.81rem;
        line-height: 1.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.93rem;
        margin-bottom: 0.62rem;
    }




    .job-description-img {
        width: 27.06rem;
        margin-top: -3.12rem;
    }

    .dots-with-triangle-img-1 {
        margin-left: 12%;
        margin-top: -3.75rem;
    }

    .dots-with-triangle-img-2 {
        margin-top: 2.62rem;
        margin-left: 12%;


    }

    .developer-container-p {
        display: none;
    }

    /* why developer css ends here */
}

@media (min-width:769px) and (max-width:1024px) {
    .why-talent-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100vh;
        background-repeat: repeat;



    }

    .developer-dots-image {

        display: none;
    }

    .why-talent-main-container>h2 {

        font-weight: 600;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        margin-top: 6.25rem;

    }

    .why-talent-main-container>h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.87rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        opacity: 1;
        max-width: 43.75rem;
        margin-top: -1.25rem;


    }

    .why-talent-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 10%;
        background-repeat: no-repeat;
    }

    .why-talent-main-container>p {
        text-align: center;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        max-width: 37.81rem;
        margin-top: 1.5rem;


    }

    .why-talent-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-bottom: 12.37rem;
        margin-top: -0.93rem;

    }

    .why-talent-skills-container-h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 4.5rem;
        line-height: 3.93rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        padding-left: 1rem;
    }

    .why-talent-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        margin-left: 1rem;
        font-size: 1.31rem;
        line-height: 1.62rem;
        width: 33.93rem;
        margin-bottom: 5.06rem;
        padding-top: 1.25rem;
    }

    .communication-personality-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2.81rem;
        width: 76%;
        margin-left: 12%;
    }

    .communication-personality-container-img {
        display: none;
    }

    .communication-personality {
        width: 26.12rem;
    }

    .communication-personality-h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;

    }

    .communication-personality-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;
        width: 16.87rem;
    }

    .communication-personality-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
    }

    .communication-personality>img {
        margin-top: 2.87rem;

    }

    .why-talent-content-container {
        background-image: url('./images/MainPageImages/Path-51164.png');
        background-size: cover;
    }

    .why-talent-content-container-h2 {
        text-align: center;

        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 4.5rem;
        line-height: 3.93rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        margin-top: 3.93rem;
        margin-bottom: 0rem;

    }

    .why-talent-content-container-h3 {
        text-align: center;
        font-family: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        width: 33.12rem;
        margin: auto;
    }

    .why-talent-content-container-p {
        text-align: center;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.5rem;
        width: 31.25rem;
        margin: auto;
        font-family: 'Figtree', sans-serif;
        padding-top: 0.31rem;

    }



    .skills-heading-right {
        text-align: left;

        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.56rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        width: 14.37rem;
    }

    .skills-heading-left {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;

    }

    .skills-para-left {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;
        height: 5.43rem;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .skills-para-left::-webkit-scrollbar {
        display: none;
    }


    .skills-para-right {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;
        height: 5.43rem;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;


    }

    .skills-para-right::-webkit-scrollbar {
        display: none;
    }



    .skills-logo-img-why-hyno {
        width: 4.5rem;
        height: 4.5rem;

    }

    .man-laptop {
        width: 12.5rem;
        display: none;

    }

    .remote-ready-container-1 {
        display: flex;
        gap: 1.62rem;
        width: 18.75rem;
        margin-bottom: 2.5rem;
    }

    .remote-ready-container-2 {
        display: flex;
        gap: 1.62rem;
        width: 18.75rem;
        margin-bottom: 2.5rem;

    }

    .remote-ready-container-3 {
        display: flex;
        gap: 1.62rem;
        width: 18.75rem;
        margin-bottom: 2.5rem;

    }

    .remote-ready-container-4 {
        display: flex;
        gap: 1.62rem;
        width: 18.75rem;
        margin-bottom: 2.5rem;
    }

    .remote-ready-container-5 {
        display: flex;
        gap: 1.62rem;
        width: 18.75rem;
    }

    .remote-ready-img {
        order: 1;
    }

    .remote-ready-container {
        order: 2;
    }

    .why-talent-image-wrapper {
        display: flex;
        justify-content: center;
        padding-bottom: 9.37rem;
        gap: 6.25rem;
        margin-top: 2.5rem;
    }

    .why-talent-top-img-bg-container {
        height: 28.12rem;
        width: 48.75rem;
        position: relative;
        z-index: 9;
        margin-top: -7.5rem;

    }

    .why-talent-top-img-1 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        top: 0.62rem;
        left: 0.62rem;
        transition: 1s linear;
    }

    .why-talent-top-img-2 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        left: 11.25rem;
        top: 9.12rem;
        transition: 1s linear;

    }

    .why-talent-top-img-3 {
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 15.06rem;
        left: 29.37rem;
        transition: 1s linear;

    }

    .why-talent-top-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 8.31rem;
        left: 42.62rem;
        transition: 1s linear;

    }

    .why-talent-top-img-5 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 19.31rem;
        left: 42.62rem;
        transition: 1s linear;

    }

    .why-talent-top-img-6 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 0rem;
        right: 0%;
        transition: 1s linear;

    }

    .why-talent-top-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 12.81rem;
        left: 17.87rem;
        transition: 1s linear;

    }

    .why-talent-top-img-8 {
        width: 22.56rem;
        height: 20.37rem;
        margin-top: -24.37rem;
        margin-left: -8.75rem;

    }

    .why-talent-top-img-9 {
        display: none;
    }

    .why-us-top-container {

        opacity: 1;
        width: 100%;


    }

    .why-us-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        background-repeat: repeat;


    }

    .why-us-main-container>h2 {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 1.25rem;
    }

    .why-us-main-container>h1 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.75rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 31.25rem;

    }

    .why-us-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 10%;
        background-repeat: no-repeat;
    }

    .why-us-main-container>h3 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.18rem;
        line-height: 4rem;
        margin-top: 1.87rem;

    }

    .why-us-main-container>p {
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;
        width: 25rem;


    }

    .why-us-top-image-container {
        width: 100%;
        display: flex;
        justify-content: space-around;
        z-index: 9;
        align-items: center;
        margin-top: -4.37rem;

    }

    .why-us-top-image-container-img-1 {
        width: 11.93rem;
        height: 5rem;

    }

    .why-us-top-image-container-img-2 {
        width: 11.93rem;
        height: 5rem;
        margin-top: 8.12rem;

    }

    .why-us-top-image-container-img-3 {
        width: 7.68rem;
        height: 9.31rem;
        margin-top: -3.75rem;

    }

    .top-image-why-us {
        width: 70%;
        margin-top: -1.25rem;
        margin-bottom: 1.25rem;


    }

    .why-hyno-responsive-top-image {
        width: 19.93rem;
        height: 34.43rem;
        margin-top: 3.12rem;
        display: none;


    }

    .buttons-click-container {
        display: none;
    }

    .buttons-click-casestudy-container {
        display: none;
    }

    .why-us-content-container {
        background: #EDF1F4 0% 0% no-repeat padding-box;
        width: 100%;
        padding-top: 5.43rem;


    }


    .why-us-container-1 {
        width: 80%;
        margin-left: 1rem;
    }

    .why-us-flex-container {
        margin-top: 1.93rem;
        width: 80%;
        margin-left: 1rem;


    }

    .why-us-container-2 {
        width: 100%;
        gap: 1.56rem;
        margin-bottom: 6.87rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;

    }

    .why-us-container-3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;

    }

    .why-us-container-1>h2 {
        text-align: left;
        font-family: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-family: 'Figtree', sans-serif;
        font-size: 4.5rem;
        line-height: 3.93rem;


    }

    .why-us-container-1-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.87rem;
        line-height: 2.12rem;
    }

    .why-us-container-1-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        line-height: 1.37rem;
        font-size: 1.12rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.37rem;
        width: 28.12rem;


    }

    .why-us-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        padding: 2.18rem;
        gap: 1.68rem;
        margin-bottom: 1.56rem;
        width: 19.75rem;
        height: 17.5rem;

    }

    .why-us-skills-container-div {
        display: flex;
        align-items: center;
        gap: 1.12rem;

    }

    .skills-img-container-1 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae8dd 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;

    }

    .skills-img-container-2 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cbd8ea 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-3 {
        width: 4.5rem;
        height: 4.5rem;
        background: #edd6f1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-4 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae5f5 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-5 {
        width: 4.5rem;
        height: 4.5rem;
        background: #FFDAC1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .why-us-skills-container>div>h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
        font-size: 1.25rem;
        line-height: 1.62rem;
        width: 9.5rem;
        flex-shrink: 0;

    }

    .why-us-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.12rem;
    }

    .check-with-us-container {
        padding-top: 2.81rem;
        background: linear-gradient(to left, #FFFFFF 69%, #f3f6f8 31%);

    }

    .dots-img-container {
        margin-left: 14%;
        display: none;
    }

    .dots-img-container-1 {
        margin-left: 17%;
        margin-left: calc(10% + 3.12rem);


    }

    .why-us-table-container {
        width: 92%;
        margin-left: 4%;
        border-radius: 0.5rem;
        margin-top: 3.75rem;

    }

    .why-us-main-heading {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 5.31rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.62rem;
        line-height: 0.81rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, 0.31rem 0 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;
    }

    .why-us-main-heading>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.43rem;


    }

    .why-us-main-heading>img {
        width: 5.06rem;
        height: 2.43rem;
    }

    .why-us-main-heading-2 {
        width: 23%;
        height: 5.31rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.62rem;
        line-height: 0.81rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.81rem 0.81rem #0C5AC514, 0 0.81rem 0.81rem #0C5AC514;
        padding-top: 0.93rem;

    }

    .why-us-main-heading-2>p {
        text-align: left;
        font-weight: bold;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.93rem;


    }

    .why-us-main-heading-2>img {
        width: 5.06rem;
        height: 2.43rem;

    }

    .why-us-main-heading-1 {
        width: 25%;
        height: 5.31rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 1.12rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, -0.31rem 0 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 0.93rem;

    }

    .why-us-main-heading-1>img {
        width: 2.62rem;
        height: 1.25rem;

    }

    .why-us-main-heading-1>p {
        text-align: left;
        font-weight: 700;
        font-size: 0.5rem;
        line-height: 0.81rem;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.62rem;
    }


    .why-us-table-heading {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 2.5rem;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;
    }

    .why-us-table-heading-1 {
        width: 24%;
        height: 2.5rem;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;



    }

    .why-us-table-heading-1>img {
        width: 1.31rem;
        height: 1.31rem;

    }

    .why-us-table-heading>img {
        width: 1.31rem;
        height: 1.31rem;
    }

    .table-first-row-why-us {}

    .why-us-img-heading {
        box-shadow: none !important;


    }

    .why-us-img-heading>img {
        display: none;
    }

    .remaining-heading {
        height: 2.5rem;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.56rem;
        line-height: 1.18rem;
        padding-top: 0.68rem;
        font-family: 'Figtree', sans-serif;
    }

    .remaining-heading>div {
        width: 0.62rem;
        height: 0.62rem;
        background-image: linear-gradient(to right, #E36A93, #4066FE);
        border-radius: 50%;
        margin-top: -0.93rem;
        margin-left: -0.12rem;
        display: none;


    }

    .remaining-heading-1 {
        width: 31%;
        height: 4.37rem;
        padding-left: 5%;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        border-right: 0.12rem solid #FFFFFF6A;
        border-top-left-radius: 0.5rem;
    }

    .how-it-works-main-container {
        padding-top: 5.81rem;
        padding-bottom: 2.5rem;
    }

    .dots-img-container-res {
        margin-left: 17%;
        margin-left: calc(10% + 3.12rem);
        margin-top: 1.87rem;

    }

    .how-it-works-container {
        width: 100%;

    }

    .how-it-works-container-1 {
        gap: 6.25rem;
        width: 80%;
        margin-left: 1rem;
    }

    .background-img-style {
        width: 100%;
        margin-top: 1.87rem;
        margin-bottom: 1.87rem;

    }

    .how-it-works-img-1 {
        width: 16.18rem;
        height: 9.93rem;

    }

    .how-it-works-img-2 {
        width: 15rem;
        height: 11.25rem;

    }

    .how-it-works-img-3 {
        width: 11.68rem;
        height: 11.68rem;

    }

    .how-it-works-container-1-h2 {
        text-align: left;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;

    }


    .content-white-container {
        width: 28.12rem;

    }

    .content-white-container-h2 {
        font-weight: 700;
        font-family: 'Figtree', sans-serif;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.62rem;
        margin-top: -0.62rem;


    }

    .content-white-container-p {

        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.5rem;

    }

    .case-study-1-container {
        width: 76%;
        margin-left: 12%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3.12rem;
        padding-top: 3.12rem;
        padding-bottom: 3.12rem;

    }

    .case-study-1-img-container {
        width: 100%;

    }

    .case-study-1-content-container {
        width: 100%;

    }




    .case-study-1-content-container-h4 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.37rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.62rem;
        max-width: 25rem;

    }

    .case-study-1-content-container-h5 {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 28.12rem;

    }

    .case-study-1-content-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 28.12rem;

    }

    .case-study-1-content-container-a {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 2.12rem;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 2rem;
        padding: 0.56rem 1.31rem;
        font-family: 'Figtree', sans-serif;

    }

    .case-study-1-content-container-a:hover {
        cursor: pointer;
        color: #000000;
        text-decoration: none;
    }

    .developer-container {
        display: flex;
        align-items: center;
        gap: 1.12rem;
        margin-top: 1.87rem;
        margin-bottom: 1.43rem;

    }

    .developer-image-1 {
        width: 3.62rem;
        height: 3.62rem;
        border-radius: 1.81rem;


    }

    .developer-image-1>img {
        width: 100%;
        height: 100%;
        border-radius: 1.81rem;

    }



    .developer-container-2>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0.01rem;
        color: #202A34;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.25rem;
        font-family: 'Figtree', sans-serif;

    }

    .developer-container-2>p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 0.87rem;
        line-height: 1rem;
        font-family: 'Figtree', sans-serif;


    }


    .ability-img {
        width: 17.06rem;
        height: 2.56rem;



    }

    .pathias-img {
        height: 3.87rem;

    }

    .case-study-title {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.37;
        font-family: 'Figtree', sans-serif;
        margin-bottom: 0rem;

    }

    .case-study-main-title {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 3.25rem;
        line-height: 3.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0rem;
        margin-bottom: 0rem;

    }

    .case-study-img {
        margin-top: 1.87rem;
        display: flex;

    }

    .graph-view-img {
        max-width: 28rem;
        border-radius: 8;

    }

    .case-study-logo-container {
        display: flex;
        align-items: center;
        gap: 1.81rem;
        margin-top: 1.87rem;

    }

    .case-study-logo-container-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .web-application {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.03rem;
        color: #000000;
        opacity: 1;
        font-size: 0.75rem;
        line-height: 0.875rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.31rem;
        margin-bottom: 0rem;


    }

    .case-study-daimond {
        margin-left: 12%;
        width: 6.5rem;
        height: 3.81rem;

    }

    .caseStudy-top-image-container {
        width: 100%;
    }

    .caseStudy-top-image-container-1 {
        display: flex;

        margin-top: -3.12rem;
        justify-content: space-between;


    }

    .caseStudy-top-image-container-2 {
        display: flex;
        gap: 2.5rem;
        justify-content: center;
        margin-top: 1.56rem;


    }

    .case-study-top-img1 {
        width: 10.93rem;
        height: 4.62rem;

    }

    .case-study-top-img2 {
        width: 5rem;
        height: 4.75rem;

    }

    .case-study-top-img3 {
        width: 15.43rem;
        height: 11.31rem;


    }

    .case-study-top-img4 {
        max-width: 18rem;

    }

    .remote-work-top-main-container {

        display: flex;
        flex-direction: column;
        align-items: center;

        background-repeat: repeat;


    }


    .remote-work-top-main-container-h2 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.12rem;
        margin-top: 3.75rem;

    }

    .remote-work-top-main-container-h1 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 2.37rem;
        line-height: 2.37rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        margin-top: 0rem;

    }



    .remote-work-top-main-container-h3 {
        font-weight: 600;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.37rem;
        line-height: 1.75rem;
        margin-top: 0.31rem;
        width: 35rem;
        text-align: center;

    }

    .remote-work-top-img-container {

        display: flex;

    }

    .remote-work-top-img-1 {
        width: 7.62rem;
        height: 6.12rem;
        margin-top: 6.12rem;
        display: none;

    }

    .remote-work-top-img-2 {
        width: 25rem;
        height: 16.75rem;
        margin-left: 1.87rem;
        margin-top: 5rem;


    }

    .remote-work-top-img-3 {
        width: 7.62rem;
        height: 6.12rem;
        margin-left: 6.43rem;
        display: none;

    }

    .remote-work-top-img-4 {
        width: 14.06rem;
        height: 11.12rem;
        margin-top: 6.12rem;
        display: none;


    }

    .remote-work-top-img-container-1 {
        display: flex;
        flex-direction: column;
        margin-left: 1.87rem;

    }

    .global-talent-remote-work-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 11rem;
        margin-bottom: 6.25rem;


    }

    .global-talent-container {
        display: flex;
        gap: 3.12rem;
        margin-bottom: 5rem;

    }

    .global-talent-content-container {
        width: 20.62rem;

    }

    .global-talent-img-container {
        width: 20.12rem;

    }

    .global-talent-img-container>img {
        max-width: 100%;
    }


    .global-talent-content-container-h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: -0.21rem;
        color: #000000;
        opacity: 0.06;
        font-size: 3.06rem;
        line-height: 4.06rem;
        font-family: 'Figtree', sans-serif;

    }

    .global-talent-content-container-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -1.25rem;

    }

    .global-talent-content-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.62rem;

    }

    /* why developer css starts here */
    .why-developer-main-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100vh;
        background-repeat: repeat;
    }


    .why-developer-main-container-h2 {
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        font-weight: 500;
        margin-top: 3.12rem;
    }

    .why-developer-main-container-h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.25rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 43.25rem;
        font-weight: 700;
        margin-top: 0rem;
    }

    .why-developer-main-container>h1>span {
        text-align: center;
        font-weight: 700;
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 11%;
        background-repeat: no-repeat;

    }

    .why-developer-main-container-h3 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 1.75rem;
        font-size: 1.37rem;
        margin-top: 1.25rem;
    }

    .why-developer-join-now-button {
        background: transparent linear-gradient(256deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat;
        border: 0rem;
        border-radius: 1.75rem;
        font-weight: 700;
        font-family: Figtree;
        letter-spacing: 0rem;
        color: #FFFFFF;
        opacity: 1;
        padding: 0.75rem;

        padding-left: 2.68rem;
        padding-right: 2.68rem;
        font-family: 'Figtree', sans-serif;
        z-index: 9;
        text-decoration: none;
        margin-top: 1.87rem;
    }

    .why-developer-join-now-button:hover {
        cursor: pointer;
        color: #FFFFFF;
        text-decoration: none;
    }

    .why-join-hyno-developer-1 {
        width: 75rem;
        padding-top: 5.12rem;
        margin: auto;


    }

    .why-join-hyno-developer-1>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;


    }

    .why-join-hyno-developer-1>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.31rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 40.5rem;
        margin-top: -2.81rem;
    }

    .why-join-hyno-developer-2 {
        width: 75rem;
        display: flex;
        margin: auto;
        gap: 6.25rem;
    }

    .why-join-hyno-developer-2>div {
        width: 14.37rem;
        height: fit-content;
    }

    .why-join-hyno-developer-img-1 {
        width: 10.25rem;
        height: 7.87rem;
        margin-top: 5.06rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-2 {
        width: 10.25rem;
        height: 10.06rem;
        margin-top: 2.81rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-3 {
        width: 10.31rem;
        height: 9rem;
        margin-top: 3.75rem;
        margin-left: 1rem;
    }

    .why-join-hyno-developer-img-4 {
        width: 6.62rem;
        height: 8.06rem;
        margin-top: 4.68rem;
        margin-left: 3.75rem;
    }

    .why-join-hyno-developer-2>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        margin-top: 1.56rem;

    }

    .why-join-hyno-developer-2>div>p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;
        width: 14.31rem;

    }

    .why-developer-main-img-bg-container {
        width: 55.18rem;
        height: 35.18rem;
        position: relative;
        margin-top: -5.31rem;

    }

    .why-developer-img-1 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 11rem;
        transition: 1s linear;

    }

    .why-developer-img-2 {
        width: 4.43rem;
        height: 4.37rem;
        position: absolute;
        left: 6.37rem;
        transition: 1s linear;
    }

    .why-developer-img-3 {
        width: 3.5rem;
        height: 3.5rem;
        position: absolute;
        top: 18.25rem;
        left: 11.37rem;
        transition: 1s linear;
    }

    .why-developer-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 3.68rem;
        left: 45rem;
        transition: 1s linear;
    }

    .why-developer-img-5 {
        width: 27.5rem;
        height: 30.43rem;
        position: absolute;
        left: 14.43rem;
        top: 4.75rem;

    }

    .why-developer-img-6 {
        width: 4.18rem;
        height: 4.12rem;
        position: absolute;
        top: 14.81rem;
        right: 0rem;
        transition: 1s linear;
    }

    .why-developer-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        right: 6.5rem;
        top: 22.75rem;
        transition: 1s linear;

    }

    .why-developer-links-main-container {

        width: 75rem;
        display: flex;
        padding-bottom: 11.25rem;
        margin: auto;


    }

    .developer-active-link {
        background: #FAFCFE 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
    }



    .developer-active-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .developer-inactive-link {

        background: #F2F5F8 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #726E7D;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
    }

    .developer-inactive-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .why-developer-links-container {
        width: 18.12rem;
        flex-shrink: 0;
        margin-top: 1.62rem;



    }

    .why-developer-links-container>img {
        height: 3.37rem;
        margin-left: 3.43rem;
        margin-bottom: -1.5rem;
    }

    .developer-links-content-container {
        height: 23.5rem;

    }

    .developer-links-content-container-1 {
        height: 23.5rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        margin-top: 1.62rem;
    }

    .developer-content-container {
        width: 49.81rem;
        height: 23.5rem;
        padding: 3.18rem 5.37rem;
        margin-left: 0.43rem;
        display: flex;
        flex-shrink: 0rem;

    }

    .developer-content-container>img {
        width: 13.93rem;
        height: 14.87rem;
        margin-top: 1.93rem;

    }

    .developer-content-container>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        font-weight: 700;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -0.62rem;
    }

    .developer-content-container>div>h3 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;


    }

    .developer-content-container>div>p {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 22.87rem;

    }

    .developer-links-content-container>img {
        width: 6.5rem;
        height: 3.81rem;
        margin-top: -3.12rem;
        margin-left: 6.25rem;
    }

    :root {
        --custom-padding: 50%;
        --offset: 36.25rem;
    }

    .why-developer-skills-container {
        padding-left: calc(var(--custom-padding) - var(--offset));
        margin-top: 4.37rem;
    }

    .accordion-button:focus {
        background-color: none !important;
    }


    .top-developers-profile-main-container {
        margin-top: 11.5rem;
    }

    .top-developers-heading-container {
        margin-left: calc(var(--custom-padding) - var(--offset));
    }

    .top-developers-profiles-container {
        margin-top: 4rem;
        display: flex;
        gap: 4.56rem;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-left: calc(50% - 36.25rem);
        margin-right: calc(50% - 36.25rem);

    }

    .top-developers-profiles-container::-webkit-scrollbar {
        display: none;
    }

    .top-profiles-container {
        width: fit-content;
    }

    .top-profiles-container-img {
        width: 14.25rem;
        border-radius: 0.5rem;
    }

    .top-profiles-container-h2 {
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 2rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.31rem;
    }

    .top-profiles-container-role {
        font-weight: 500;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -1.56rem;

    }

    .top-profiles-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.01rem;
        color: #000000;
        opacity: 0.37;
        font-size: 0.81rem;
        line-height: 1.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.93rem;
        margin-bottom: 0.62rem;
    }




    .job-description-img {
        width: 27.06rem;
        margin-top: -3.12rem;
    }

    .dots-with-triangle-img-1 {
        margin-left: 12%;
        margin-top: -3.75rem;
    }

    .dots-with-triangle-img-2 {
        margin-top: 2.62rem;
        margin-left: 12%;


    }

    .developer-container-p {
        display: none;
    }

    /* why developer css ends here */
}

@media (min-width:1025px) {
    .why-talent-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        /* height: 100vh; */
        background-repeat: repeat;


    }

    .developer-dots-image {

        display: none;
    }

    .why-talent-main-container>h2 {
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        margin-top: 6.25rem;

    }

    .why-talent-main-container>h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.87rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 54.37rem;
        margin-top: -1.25rem;
        font-weight: bold;

    }

    .why-talent-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 10%;
        background-repeat: no-repeat;

    }

    .why-talent-main-container>p {
        text-align: center;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        width: 40.62rem;
        margin-top: 1.5rem;


    }

    .why-talent-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-bottom: 6.75rem;
        margin-top: -2.81rem;

    }

    .why-talent-skills-container-h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
        font-weight: bold;
        padding-left: 1rem;
        margin: auto;
        width: 72.5rem;

    }

    .why-talent-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
        margin-left: 1rem;
        font-size: 1.31rem;
        line-height: 1.62rem;
        width: 72.5rem;
        margin: auto;
        margin-bottom: 5.06rem;
        padding-top: 1.56rem;

    }

    .communication-personality-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9.87rem;
        margin-bottom: 2.81rem;



    }

    .communication-personality-container-img {
        display: none;
    }

    .communication-personality {
        width: 26.12rem;
    }

    .communication-personality-h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;

    }

    .communication-personality-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;
        width: 16.87rem;

    }

    .communication-personality-p {
        text-align: left;

        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;


    }

    .communication-personality>img {
        margin-top: 2.87rem;

    }

    .why-talent-content-container {
        background-image: url('./images/MainPageImages/Path-51164.png');
        background-size: cover;

    }

    .why-talent-content-container-h2 {

        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 7.81rem;
        margin-bottom: -1.87rem;
        font-weight: bold;

    }

    .why-talent-content-container-h3 {
        text-align: center;
        font-weight: 700;

        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        width: 40rem;
        margin: auto;

    }

    .why-talent-content-container-p {
        text-align: center;

        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.5rem;
        width: 36.06rem;
        margin: auto;
        font-family: 'Figtree', sans-serif;
        padding-top: 0.31rem;

    }

    .man-laptop {
        width: 32.75rem;
        height: 25.75rem;
        margin-top: 7.93rem;
        margin-left: -5rem;

    }

    .skills-heading-right {
        text-align: right;

        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;
        font-weight: bold;

    }

    .skills-heading-left {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;

    }

    .skills-para-left {
        text-align: left;

        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;
        height: 5.43rem;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;

    }

    .skills-para-left::-webkit-scrollbar {
        display: none;
    }


    .skills-para-right {
        text-align: right;

        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 14.37rem;
        height: 5.43rem;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;

    }

    .skills-para-right::-webkit-scrollbar {
        display: none;
    }



    .skills-logo-img-why-hyno {
        width: 4.5rem;
        height: 4.5rem;

    }

    .remote-ready-container-1 {
        display: flex;
        gap: 1.62rem;
        width: 21.93rem;
        margin-top: 5.75rem;
        margin-left: 10.62rem;


    }

    .remote-ready-container-2 {
        display: flex;
        gap: 1.62rem;
        width: 21.93rem;
        margin-top: 4.5rem;
        margin-left: 5rem;

    }

    .remote-ready-container-3 {
        display: flex;
        gap: 1.62rem;
        width: 21.93rem;
        margin-top: 3.75rem;
        margin-left: 12.5rem;

    }

    .remote-ready-container-4 {
        display: flex;
        gap: 1.62rem;
        width: 21.93rem;
        margin-top: 5.75rem;
        margin-left: -11.56rem;

    }

    .remote-ready-container-5 {
        display: flex;
        gap: 1.62rem;
        width: 21.93rem;
        margin-top: 4.125rem;
        margin-left: -1.87rem;

    }

    .why-talent-image-wrapper {
        display: flex;
        justify-content: center;
        padding-bottom: 9.37rem;

    }

    .why-talent-top-img-bg-container {
        height: 28.12rem;
        width: 62.5rem;
        position: relative;
        z-index: 9;
        margin-top: -6.25rem;

    }

    .why-talent-top-img-1 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        top: 0.62rem;
        transition: 1s linear;


    }

    .why-talent-top-img-2 {
        width: 5rem;
        height: 4.75rem;
        position: absolute;
        left: 11.25rem;
        top: 9.12rem;
        transition: 1s linear;

    }

    .why-talent-top-img-3 {
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 15.06rem;
        left: 29.37rem;
        transition: 1s linear;

    }

    .why-talent-top-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 8.31rem;
        left: 42.62rem;
        transition: 1s linear;
    }

    .why-talent-top-img-5 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 19.31rem;
        left: 42.62rem;
        transition: 1s linear;

    }

    .why-talent-top-img-6 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 0rem;
        right: 0%;
        transition: 1s linear;
    }

    .why-talent-top-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 12.81rem;
        left: 55.37rem;
        transition: 1s linear;
    }

    .why-talent-top-img-8 {
        width: 22.56rem;
        height: 20.37rem;
        margin-top: -24.37rem;
        margin-left: -12.5rem;


    }

    .why-talent-top-img-9 {
        display: none;

    }

    .why-us-main-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
        background-repeat: repeat;






    }

    .why-us-main-container>h2 {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        margin-top: 4.37rem;



    }

    .why-us-main-container>h1 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.87rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 54.37rem;

    }

    .why-us-main-container>h1>span {
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 10%;
        background-repeat: no-repeat;

    }

    .why-us-main-container>h3 {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0REM;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 2rem;
        line-height: 3.87rem;
        margin-top: 1.87rem;


    }

    .why-us-main-container>p {
        text-align: center;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: 'Figtree', sans-serif;
        width: 37.81rem;


    }

    .why-us-top-image-container {
        width: 69.12rem;
        display: flex;
        justify-content: space-between;
        margin-top: -5.62rem;
        z-index: 9;


    }

    .why-us-top-image-container-img-1 {
        width: 11.93rem;
        height: 5rem;

    }

    .why-us-top-image-container-img-2 {
        width: 11.93rem;
        height: 5rem;
        margin-top: 8.12rem;
    }

    .why-us-top-image-container-img-3 {
        width: 7.68rem;
        height: 9.31rem;
        margin-top: -3.75rem;

    }

    .top-image-why-us {
        width: 55.37rem;
        height: 14.62rem;
        margin-top: -1.25rem;

    }

    .why-us-content-container {
        background: #EDF1F4 0% 0% no-repeat padding-box;
        width: 100%;
        padding-top: 1.75rem;
    }

    .why-us-space-container {
        margin-top: 4.37rem;


    }

    .buttons-click-container {
        width: 100%;
        border-bottom: 0.06rem solid #e0e3e6;
        background: #EDF1F4 0% 0% no-repeat padding-box;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15.06rem;
        z-index: 9;
        position: sticky;
        top: 5.62rem;
        display: flex;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;


    }

    .buttons-click-container::-webkit-scrollbar {
        display: none;
    }


    .buttons-click-casestudy-container {
        width: 100%;
        border-bottom: 1px solid #e0e3e6;
        background: #EDF1F4 0% 0% no-repeat padding-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5.68rem;
        z-index: 9;
        position: sticky;
        top: 5.62rem;
        display: flex;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;

        padding-left: calc(var(--custom-padding) - var(--offset));


    }



    .buttons-click-casestudy-container::-webkit-scrollbar {
        display: none;
    }

    .active-btn-class {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        text-transform: capitalize;
        font-family: 'Figtree', sans-serif;
        font-size: 1.25rem;
        line-height: 1.68rem;
        background-color: transparent;
        border: 0rem;
        opacity: 1;
        padding: 1.68rem 0rem;
        border-bottom: 0.31rem solid #4066FE;
        text-decoration: none;
        width: fit-content;
        flex-shrink: 0;


    }

    .active-btn-class:hover {
        text-decoration: none;
    }

    .non-active-btn-class {
        text-align: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        text-transform: capitalize;
        font-family: 'Figtree', sans-serif;
        font-size: 1.12rem;
        line-height: 1.68rem;
        background-color: transparent;
        border: 0rem;
        opacity: 1;
        padding: 1.68rem 0rem;
        width: 9.37rem;
        flex-shrink: 0;
        text-decoration: none;


    }


    .non-active-btn-class:hover {
        text-decoration: none;
    }

    .why-us-container {

        background-image: url('./images/MainPageImages/Path-51164.png');
        background-size: cover;


    }

    .why-us-bg-container {
        width: 72.5rem;

        background-image: url("./images/MainPageImages/Path-51164.png"), url('./images/MainPageImages/Path\ 12483.png');
        background-size: cover;
        margin: auto;


    }



    .why-us-flex-container {
        margin-top: 4.12rem;
        display: flex;
        align-items: center;
        gap: 4.37rem;
        width: 100%;

    }

    .why-us-container-2 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 6.87rem;
    }

    .why-us-container-3 {
        width: 30%;
        display: flex;
        justify-content: flex-start;

    }

    .why-us-container-1 {
        width: 100%;


    }

    .why-us-container-1>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-family: 'Figtree', sans-serif;
        font-size: 6.06rem;
        line-height: 9.56rem;
        width: 42.06rem;


    }

    .why-us-container-1-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 2rem;
        line-height: 2rem;
        margin-top: -3.12rem;
        width: 55.93rem;


    }

    .why-us-container-1-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        line-height: 1.75rem;
        font-size: 1.12rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.62rem;
        width: 46.31rem;


    }

    .why-hyno-responsive-top-image {
        display: none;
    }

    .why-us-skills-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        padding: 2.18rem;
        gap: 1.68rem;
        margin-bottom: 3.75rem;
        width: 21.25rem;
        height: 17.5rem;


    }


    .why-us-skills-container-div {
        display: flex;
        align-items: center;
        gap: 1.37rem;

    }

    .skills-img-container-1 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae8dd 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;

    }

    .skills-img-container-2 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cbd8ea 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-3 {
        width: 4.5rem;
        height: 4.5rem;
        background: #edd6f1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-4 {
        width: 4.5rem;
        height: 4.5rem;
        background: #cae5f5 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .skills-img-container-5 {
        width: 4.5rem;
        height: 4.5rem;
        background: #FFDAC1 0% 0% no-repeat padding-box;
        box-shadow: 0rem -0.03rem 0rem #FFFFFF;
        opacity: 1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .why-us-skills-container>div>h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.25rem;
        line-height: 1.62rem;
    }

    .why-us-skills-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.12rem;

    }

    .how-it-works-main-container {
        width: 72.5rem;
        margin: auto;


    }

    .how-it-works-container {
        width: 100%;

    }

    .how-it-works-container-1 {
        display: flex;
        align-items: center;
        gap: 6.25rem;
        width: 72.5rem;
        margin-top: -5rem;
        margin: auto;

    }

    .background-img-style {
        width: 25rem;
        height: 20.12rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url('./images/Casestudy-Images/Path_51163.png');
        background-size: cover;

    }

    .how-it-works-container-2 {
        display: flex;
        align-items: center;
        gap: 3.43rem;

    }

    .how-it-works-img-1 {
        width: 16.18rem;
        height: 9.93rem;

    }

    .how-it-works-img-2 {
        width: 15rem;
        height: 11.25rem;

    }

    .how-it-works-img-3 {
        width: 11.68rem;
        height: 11.68rem;
    }

    .how-it-works-container-1-h2 {
        text-align: left;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
    }

    .content-white-container {
        width: 27.5rem;

    }

    .content-white-container-h2 {
        font-weight: 700;
        font-family: 'Gilroy-Bold', sans-serif;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.62rem;

    }

    .content-white-container-p {

        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.5rem;
    }

    .element {
        background: linear-gradient(to left, #FFFFFF, #FFFFFF 50%, #f3f6f8 50%, #f3f6f8);

    }

    .check-with-us-container {
        padding-top: 5.62rem;
        background: linear-gradient(to left, #FFFFFF 65%, #f3f6f8 35%);

        width: 100%;
        padding-left: calc(var(--custom-padding) - var(--offset));
        padding-right: calc(var(--custom-padding) - var(--offset));
    }

    .element {
        --offset: 12.75rem;

        background: linear-gradient(to left,
                #FFFFFF calc(50% + var(--offset)),
                #f3f6f8 calc(50% - var(--offset)));
    }



    .dots-img-container {
        margin-left: 3.06rem;


    }

    .dots-img-container-res {
        margin-left: 3.06rem;
    }

    .dots-img-container-1 {
        margin-left: 3.06rem;
        margin-top: -3.12rem;


    }

    .why-us-table-container {
        width: 69.68rem;
        margin-left: 2.81rem;
        border-radius: 0.5rem;
        margin-top: 2.5rem;
    }

    .why-us-main-heading {
        width: 23%;
        height: 10.87rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 1.12rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, 0.31rem 0 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 1.87rem;
    }

    .why-us-main-heading>p {
        text-align: left;
        font-size: 0.75rem;
        line-height: 1.87rem;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.62rep;


    }

    .why-us-main-heading>img {
        width: 5.06rem;
        height: 2.43rem;

    }

    .why-us-main-heading-2 {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 10.87rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 1.12rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31rem 0.31rem #0C5AC514, 0 0.31rem 0.31rem #0C5AC514;
        padding-top: 1.87rem;
    }

    .why-us-main-heading-2>p {
        text-align: left;

        font-size: 0.75rem;
        line-height: 1.87rem;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.62rem;

    }

    .why-us-main-heading-2>img {
        width: 5.06rem;
        height: 2.43rem;


    }

    .why-us-main-heading-1 {
        width: 25%;
        height: 10.87rem;
        text-align: center;

        font-size: 1.06rem;
        line-height: 1.12rem;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.06rem;
        line-height: 1.12rem;
        font-family: 'Figtree', sans-serif;
        box-shadow: 0 -0.31 0.31 #0C5AC514, -0.31 0 0.31 #0C5AC514, 0 0.31 0.31 #0C5AC514;
        padding-top: 1.87rem;


    }

    .why-us-main-heading-1>img {
        width: 5.06rem;
        height: 2.43rem;
    }

    .why-us-main-heading-1>p {
        text-align: left;

        font-size: 0.75rem;
        line-height: 1.87rem;
        letter-spacing: 0rem;
        color: #6F7172;
        opacity: 0.6;
        font-family: 'Figtree', sans-serif;
        text-align: center;
        margin-top: 0.62rem;

    }


    .why-us-table-heading {
        width: 23%;
        border-left: 0.06rem solid #e0e3e6;
        height: 4.37rem;
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.87rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;


    }

    .why-us-table-heading-1 {
        width: 24%;
        height: 4.37rem;
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 0.87rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 500;
    }

    .why-us-table-heading-1>img {
        width: 2rem;
        height: 2rem;

    }

    .why-us-table-heading>img {
        width: 2rem;
        height: 2rem;
    }

    .table-first-row-why-us {}

    .why-us-img-heading {
        box-shadow: none !important;

    }

    .remaining-heading {
        height: 5rem;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        border-top-left-radius: 0.5rem;
        display: flex;
        align-items: center;
        gap: 1.18rem;





    }

    .remaining-heading>div {
        width: 0.62rem;
        height: 0.62rem;
        background-image: linear-gradient(to right, #E36A93, #4066FE);
        border-radius: 50%;
        margin-top: -0.93rem;
        margin-left: -0.12rem;

    }

    .remaining-heading-1 {
        width: 31%;
        height: 4.37rem;
        padding-left: 5%;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        border-right: 0.12rem solid #FFFFFF6A;
        border-top-left-radius: 0.5rem;
    }



    .table-why-us {
        width: 76%;
        margin-left: 12%;
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        border: 0.12rem solid #FFFFFF6A;
        border-radius: 0.5rem;
        display: flex;
    }

    .table-why-us-1 {
        width: 31%;
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;

    }

    .table-why-us-1-p {
        width: 100%;
        height: 6.87rem;
        display: flex;
        align-items: center;
    }

    .table-why-us-1>p {
        width: 100%;
        height: 4.37rem;
        display: flex;
        align-items: center;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 1rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        padding-left: 15%;

    }

    .table-why-us-2 {
        width: 23%;
        border: 0.12rem solid #FFFFFF6A;
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        opacity: 1;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        height: 37.5rem;
    }




    .case-study-1-container {
        width: 72.5rem;
        margin: auto;



    }

    .case-study-1-main-container {
        display: flex;
        gap: 6.25rem;
        align-items: center;

    }

    .case-study-1-img-container {
        width: 34.06rem;



    }

    .case-study-1-content-container {}





    .case-study-1-content-container-h4 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.37rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        max-width: 29.37rem;

    }

    .case-study-1-content-container-h5 {
        text-align: left;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 29.37rem;
    }

    .case-study-1-content-container-p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        max-width: 29.37rem;
        margin-bottom: 0.93rem;
    }

    .case-study-1-content-container-a {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 2.125rem;
        font-weight: 700;
        letter-spacing: 0rem;
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.06rem;
        line-height: 2rem;
        padding: 0.75rem 1.5rem;
        font-family: 'Figtree', sans-serif;
        text-decoration: none;

    }

    .case-study-1-content-container-a:hover {
        cursor: pointer;
        color: var(--grey-900);
        text-decoration: none;
    }

    .developer-container {
        display: flex;
        align-items: center;
        gap: 1.12rem;
        margin-top: 1.87rem;
        margin-bottom: 1.43rem;

    }

    .developer-image-1 {
        width: 3.62rem;
        height: 3.62rem;
        border-radius: 1.81rem;


    }

    .developer-image-1>img {
        width: 100%;
        height: 100%;
        border-radius: 1.81rem;
    }



    .developer-container-2>h2 {
        text-align: left;
        letter-spacing: 0.01rem;
        color: #202A34;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.25rem;
        font-weight: 700;
        font-family: 'Figtree', sans-serif;
    }

    .developer-container-2>p {
        text-align: left;
        letter-spacing: 0rem;
        color: #202A34;
        opacity: 1;
        font-size: 0.87rem;
        line-height: 1rem;
        font-family: 'Figtree', sans-serif;
    }


    .ability-img {
        width: 17.06rem;
        height: 2.56rem;
    }

    .pathias-img {
        height: 3.87rem;
    }

    .case-study-title {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        margin-bottom: 0rem;
    }

    .case-study-main-title {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-weight: 700;
        font-size: 3.25rem;
        line-height: 3.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0rem;
        margin-bottom: 0rem;

    }

    .case-study-img {
        margin-top: 1.87rem;
        display: flex;
    }

    .graph-view-img {
        max-width: 27.37rem;
        border-radius: 8;
    }

    .case-study-logo-container {
        display: flex;
        align-items: center;
        gap: 1.81rem;
        margin-top: 1.87rem;


    }

    .case-study-logo-container-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .web-application {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.03rem;
        color: #000000;
        opacity: 1;
        font-size: 0.75rem;
        line-height: 0.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.31rem;
        margin-bottom: 0rem;
    }

    .case-study-daimond {
        width: 6.5rem;
        height: 3.81rem;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .caseStudy-top-image-container {
        width: 100%;


    }

    .caseStudy-top-image-container-1 {
        display: flex;
        gap: 50rem;
        margin-top: -2rem;
        justify-content: center;

    }

    .caseStudy-top-image-container-2 {
        display: flex;
        gap: 21.25rem;
        justify-content: center;
        margin-top: 1.5rem;





    }

    .case-study-top-img1 {
        width: 10.93rem;
        height: 4.62rem;
        margin-left: -3.12rem;
    }

    .case-study-top-img2 {
        width: 5rem;
        height: 4.75rem;
        margin-top: -5.37rem;


    }

    .case-study-top-img3 {
        width: 15.43rem;
        height: 11.31rem;
        margin-left: 5rem;

    }

    .case-study-top-img4 {
        max-width: 18rem;


    }

    .remote-work-top-main-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-repeat: repeat;


    }


    .remote-work-top-main-container-h2 {

        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        margin-top: 3.75rem;

    }

    .remote-work-top-main-container-h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.25rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        opacity: 1;
        margin-top: 0rem;
    }

    .remote-work-top-main-container-h1>span {
        text-align: center;

        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 11%;
        background-repeat: no-repeat;

    }

    .remote-work-top-main-container-h3 {
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        font-size: 1.87rem;
        line-height: 2.12rem;
        font-weight: 600;
        margin-top: 0.31rem;
        width: 50.18rem;
        text-align: center;

    }

    .remote-work-top-img-container {

        width: 55.62rem;
        margin-top: -1.75rem;
        display: flex;
    }

    .remote-work-top-img-1 {
        width: 7.62rem;
        height: 6.12rem;
        margin-top: 6.12rem;

    }

    .remote-work-top-img-2 {
        width: 25rem;
        height: 16.75rem;
        margin-top: 9.43rem;
        margin-left: 7rem;

    }

    .remote-work-top-img-3 {
        width: 7.62rem;
        height: 6.12rem;
        margin-left: 6.43rem;
    }

    .remote-work-top-img-4 {
        width: 14.06rem;
        height: 11.12rem;
        margin-top: 6.12rem;

    }

    .remote-work-top-img-container-1 {
        display: flex;
        flex-direction: column;
        margin-left: 1.87rem;

    }

    .global-talent-remote-work-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 11rem;
        margin-bottom: 6.25rem;
    }

    .global-talent-container {
        display: flex;
        gap: 7.12rem;
        margin-bottom: 5rem;
    }

    .global-talent-content-container {
        width: 34.81rem;


    }

    .global-talent-content-container-h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: -0.21rem;
        color: #000000;
        opacity: 0.06;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
    }

    .global-talent-content-container-h3 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        opacity: 1;
        font-size: 2rem;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -2.5rem;
    }

    .global-talent-content-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.37rem;
        width: 27.62rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.62rem;

    }

    /* why developer css starts here */
    .why-developer-main-container {
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100vh;
        background-repeat: repeat;
    }


    .why-developer-main-container-h2 {
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 4rem;
        font-size: 1.75rem;
        font-weight: 500;
        margin-top: 3.12rem;
    }

    .why-developer-main-container-h1 {
        text-align: center;
        letter-spacing: 0rem;
        color: #000000;
        font-size: 3.25rem;
        line-height: 3.25rem;
        font-family: 'Figtree', sans-serif;
        opacity: 1;
        width: 43.25rem;
        font-weight: 700;
        margin-top: 0rem;
    }

    .why-developer-main-container>h1>span {
        text-align: center;
        font-weight: 700;
        background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
        background-position: bottom;
        background-size: 100% 11%;
        background-repeat: no-repeat;

    }

    .why-developer-main-container-h3 {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 1;
        font-family: 'Figtree', sans-serif;
        line-height: 1.75rem;
        font-size: 1.37rem;
        margin-top: 1.25rem;
    }

    .why-developer-join-now-button {
        background: transparent linear-gradient(256deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat;
        border: 0rem;
        border-radius: 1.75rem;
        font-weight: 700;
        font-family: Figtree;
        letter-spacing: 0rem;
        color: #FFFFFF;
        opacity: 1;
        padding: 1rem;
        padding-left: 2.68rem;
        padding-right: 2.68rem;
        font-family: 'Figtree', sans-serif;
        z-index: 9;
        text-decoration: none;
        margin-top: 1.87rem;
    }

    .why-developer-join-now-button:hover {
        cursor: pointer;
        color: #FFFFFF;
        text-decoration: none;
    }

    .why-join-hyno-developer-1 {
        width: 75rem;
        padding-top: 5.12rem;
        margin: auto;


    }

    .why-join-hyno-developer-1>h2 {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #000000;
        opacity: 0.06;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;


    }

    .why-join-hyno-developer-1>p {
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #222222;
        opacity: 1;
        font-size: 1.31rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        width: 40.5rem;
        margin-top: -2.81rem;
    }

    .why-join-hyno-developer-2 {
        width: 75rem;
        display: flex;
        margin: auto;
        gap: 6.25rem;
    }

    .why-join-hyno-developer-2>div {
        width: 14.37rem;
        height: fit-content;
    }

    .why-join-hyno-developer-img-1 {
        width: 10.25rem;
        height: 7.87rem;
        margin-top: 5.06rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-2 {
        width: 10.25rem;
        height: 10.06rem;
        margin-top: 2.81rem;
        margin-left: 2.06rem;
    }

    .why-join-hyno-developer-img-3 {
        width: 10.31rem;
        height: 9rem;
        margin-top: 3.75rem;
        margin-left: 1rem;
    }

    .why-join-hyno-developer-img-4 {
        width: 6.62rem;
        height: 8.06rem;
        margin-top: 4.68rem;
        margin-left: 3.75rem;
    }

    .why-join-hyno-developer-2>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        font-weight: 700;
        margin-top: 1.56rem;

    }

    .why-join-hyno-developer-2>div>p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.18rem;
        font-family: 'Figtree', sans-serif;
        width: 14.31rem;

    }

    .why-developer-main-img-bg-container {
        width: 55.18rem;
        height: 35.18rem;
        position: relative;
        margin-top: -5.31rem;

    }

    .why-developer-img-1 {
        width: 3.81rem;
        height: 3.81rem;
        position: absolute;
        top: 11rem;
        transition: 1s linear;

    }

    .why-developer-img-2 {
        width: 4.43rem;
        height: 4.37rem;
        position: absolute;
        left: 6.37rem;
        transition: 1s linear;
    }

    .why-developer-img-3 {
        width: 3.5rem;
        height: 3.5rem;
        position: absolute;
        top: 18.25rem;
        left: 11.37rem;
        transition: 1s linear;
    }

    .why-developer-img-4 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: 3.68rem;
        left: 45rem;
        transition: 1s linear;
    }

    .why-developer-img-5 {
        width: 27.5rem;
        height: 30.43rem;
        position: absolute;
        left: 14.43rem;
        top: 4.75rem;

    }

    .why-developer-img-6 {
        width: 4.18rem;
        height: 4.12rem;
        position: absolute;
        top: 14.81rem;
        right: 0rem;
        transition: 1s linear;
    }

    .why-developer-img-7 {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        right: 6.5rem;
        top: 22.75rem;
        transition: 1s linear;

    }

    .why-developer-links-main-container {

        width: 75rem;
        display: flex;
        padding-bottom: 11.25rem;
        margin: auto;


    }

    .developer-active-link {
        background: #FAFCFE 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 700;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 1.25rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
    }



    .developer-active-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .developer-inactive-link {

        background: #F2F5F8 0% 0% no-repeat padding-box;
        border-radius: 0.37rem;
        padding-left: 3.43rem;
        padding-top: 2.06rem;
        text-align: left;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #726E7D;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: 'Figtree', sans-serif;
        display: flex;
        flex-direction: column;
        width: 17.93rem;
        height: 5.62rem;
        margin-bottom: -1.5rem;
        text-decoration: none;
    }

    .developer-inactive-link:hover {
        color: #1E1C24;
        text-decoration: none;
    }

    .why-developer-links-container {
        width: 18.12rem;
        flex-shrink: 0;
        margin-top: 1.62rem;



    }

    .why-developer-links-container>img {
        height: 3.37rem;
        margin-left: 3.43rem;
        margin-bottom: -1.5rem;
    }

    .developer-links-content-container {
        height: 23.5rem;

    }

    .developer-links-content-container-1 {
        height: 23.5rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        background: #FFFFFFBF 0% 0% no-repeat padding-box;
        margin-top: 1.62rem;

    }

    .developer-links-content-container-1::-webkit-scrollbar {
        display: none;
    }

    .developer-content-container {
        width: 49.81rem;
        height: 23.5rem;
        padding: 3.18rem 5.37rem;
        margin-left: 0.43rem;
        display: flex;
        flex-shrink: 0rem;

    }

    .developer-content-container>img {
        width: 13.93rem;
        height: 14.87rem;
        margin-top: 1.93rem;

    }

    .developer-content-container>div>h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: #000000;
        font-weight: 700;
        opacity: 0.05;
        font-size: 6.06rem;
        line-height: 9.56rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -0.62rem;
    }

    .developer-content-container>div>h3 {
        text-align: left;
        letter-spacing: 0rem;
        color: #1E1C24;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.87rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -3.43rem;


    }

    .developer-content-container>div>p {
        font-weight: 500;
        letter-spacing: 0rem;
        color: #1A1818;
        font-size: 1rem;
        line-height: 1.37rem;
        font-family: 'Figtree', sans-serif;
        width: 22.87rem;

    }

    .developer-links-content-container>img {
        width: 6.5rem;
        height: 3.81rem;
        margin-top: -3.12rem;
        margin-left: 6.25rem;
    }

    :root {
        --custom-padding: 50%;
        --offset: 36.25rem;
    }

    .why-developer-skills-container {
        padding-left: calc(var(--custom-padding) - var(--offset));
        margin-top: 4.37rem;
    }

    .accordion-button:focus {
        background-color: none !important;
    }


    .top-developers-profile-main-container {
        margin-top: 11.5rem;
    }

    .top-developers-heading-container {
        margin-left: calc(var(--custom-padding) - var(--offset));
    }

    .top-developers-profiles-container {
        margin-top: 4rem;
        display: flex;
        gap: 4.56rem;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-left: calc(50% - 36.25rem);
        margin-right: calc(50% - 36.25rem);

    }

    .top-developers-profiles-container::-webkit-scrollbar {
        display: none;
    }

    .top-profiles-container {
        width: fit-content;
    }

    .top-profiles-container-img {
        width: 14.25rem;
        border-radius: 0.5rem;
    }

    .top-profiles-container-h2 {
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 1.12rem;
        line-height: 2rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 1.31rem;
    }

    .top-profiles-container-role {
        font-weight: 500;
        letter-spacing: 0.02rem;
        color: #000000;
        opacity: 1;
        font-size: 0.81rem;
        line-height: 1.62rem;
        font-family: 'Figtree', sans-serif;
        margin-top: -1.56rem;

    }

    .top-profiles-container-p {
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.01rem;
        color: #000000;
        opacity: 0.37;
        font-size: 0.81rem;
        line-height: 1.5rem;
        font-family: 'Figtree', sans-serif;
        margin-top: 0.93rem;
        margin-bottom: 0.62rem;
    }




    .job-description-img {
        width: 27.06rem;
        margin-top: -3.12rem;
    }

    .dots-with-triangle-img-1 {
        margin-left: 12%;
        margin-top: -3.75rem;
    }

    .dots-with-triangle-img-2 {
        margin-top: 2.62rem;
        margin-left: 12%;


    }

    .developer-container-p {
        display: none;
    }

    /* why developer css ends here */
}


.hire-silicon-valley-container {
    width: 72.5rem;
    height: 27rem;
    margin: auto;
    margin-bottom: 7.31rem;
    margin-top: 2.25rem;
    padding-left: 4.93rem;
    padding-top: 5rem;
    background-image: url("./images/MainPageImages/Group-100708.png");
    background-size: cover;
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;

}



.hire-silicon-valley-container-1-h2 {
    text-align: left;
    font-weight: 900;
    letter-spacing: 0rem;
    opacity: 1;
    font-size: 2.37rem;
    line-height: 2.87rem;
    font-family: 'Figtree', sans-serif;
    width: 28.12rem;
}

.hire-silicon-valley-container-1-h2>span {
    font-weight: 900;
    letter-spacing: 0rem;
    color: #8B81CA;
    font-size: 2.37rem;
    line-height: 2.87rem;
    font-family: 'Gilroy-Bold', sans-serif;
}

.hire-silicon-valley-container-1-p {
    text-align: left;
    font-weight: 500;
    letter-spacing: 0rem;
    color: #292929;
    opacity: 1;
    font-size: 1.12rem;
    line-height: 1.5rem;
    font-family: 'Figtree', sans-serif;
    width: 30.62rem;
    margin-bottom: 2.5rem;
    margin-top: 1.06rem;
}

.hire-silicon-valley-container-1-button {
    padding: 0.81rem 1.37rem;
    background: #FF004C 0% 0% no-repeat padding-box;
    border-radius: 42.5rem;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0rem;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
    font-size: 1.12rem;
    line-height: 1.5rem;
    font-family: 'Figtree', sans-serif;

}




.roles-and-responsibilities-container {
    width: 72.5rem;
    margin: auto;

}

.roles-and-responsibilities-h3 {
    text-align: left;
    font-weight: 700;
    letter-spacing: 0rem;
    color: #000000;
    opacity: 0.06;
    font-size: 6.06rem;
    line-height: 4.68rem;
    font-family: 'Figtree', sans-serif;
    width: 41.75rem;
}

.roles-and-responsibilities-h2 {
    text-align: left;
    font-weight: 700;
    letter-spacing: 0rem;
    color: #000000;
    opacity: 1;
    font-size: 2rem;
    line-height: 3.5rem;
    font-family: 'Figtree', sans-serif;
    margin-top: -0.62rem;

}

.roles-and-responsibilities-1-h2 {
    text-align: left;
    font-weight: 700;
    letter-spacing: 0rem;
    color: #000000;
    opacity: 1;
    font-size: 2rem;
    line-height: 3.5rem;
    font-family: 'Figtree', sans-serif;
    margin-top: 0.62rem;
}

.roles-and-responsibilities-1-p {
    text-align: left;
    letter-spacing: 0rem;
    color: #000000;
    opacity: 1;
    font-size: 1.12rem;
    line-height: 1.75rem;
    font-family: 'Figtree', sans-serif;
    width: 41rem;
    margin-top: -0.62rem;
}