html {
    scroll-behavior: smooth;
}

* {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    color: black;
    font-display: optional;
}



.previous_next_button {
    text-align: left;
    color: var(--font-highlight-color);
    opacity: 1;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: var(--font-family-sans-serif);
    font-weight: var(--semibold-weight);
    background-color: transparent;
    border: none;
    outline: none !important;
    cursor: pointer;
}

.previous_next_button:hover {
    border: none;
    outline: none;
    cursor: pointer;
}

.previous_next_button:nth-child(1) {
    color: var(--font-highlight-color);
}

.previous_next_button:nth-child(2) {
    color: var(--primary-red);

}

.home_navigate_link {
    cursor: pointer;
    text-decoration: none;
}

.home_navigate_link:hover {
    cursor: pointer;
    text-decoration: none;
}



@media (max-width:576px) {


    /* New Styles for Home hero section */
    .home_main_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;

    }

    .home_content_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;


    }



    .hero_content_wrapper {
        width: fit-content;

    }







    .flow-main-container {
        background: #EDF1F4 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .flow-top-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        opacity: 1;
    }

    .flow-top-content-container {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .hire_silicon_text_wrapper {
        display: flex;
        flex-direction: column;
        margin-top: 1.5rem;

    }



    .back_arrow_image {
        width: 114px;
        height: 73px;
        display: none;
    }

    .the_hiring_experience_wrapper {
        display: flex;
        justify-content: center;
        gap: 20%;
    }






    .what_people_say_container {
        background: #E4E8EB 0% 0% no-repeat padding-box;
        padding: 3rem 0rem;

    }



    .client-review-img-1 {
        display: none;
    }



    .what_people_say_container_h2 {
        text-align: center;

        color: var(--grey-900);
        opacity: 1;
        font-size: 2.125rem;
        line-height: 2.125rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        margin: 0.5rem 1rem 0rem 1rem;


    }

    .what_people_say_container_p {
        text-align: center;
        font-family: var(--font-family-sans-serif);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        margin: 0rem 1rem;
    }

    .what_people_say_container_1 {
        display: flex;
        align-items: flex-start;
        padding: 1.5rem 1rem 4rem 0rem;
    }

    .profile-container-details {
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;



    }

    .profile-container-details-div {
        display: flex;

    }

    .profile-address-container {
        width: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .right_quotes_wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        top: 31.5rem;
    }

    .profile-address-container-h2 {
        width: 3rem;
        display: none;
    }

    .client-feedback-container {
        width: calc(100% -6rem);
        padding-left: 0.25rem;

    }

    .client-feedback-container-img {
        width: 6.375rem;
        margin-bottom: 1.25rem;
    }


    .profile-view-container {
        width: 100%;
    }

    .profile-view-container-h2 {
        text-align: left;

        color: #495269;
        opacity: 1;
        font-size: 1.375rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
    }

    .profile-view-container-p {
        text-align: left;

        color: var(--grey-900);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
    }

    .profile-view-container-h5 {
        text-align: left;
        letter-spacing: 0.36px;
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        margin-bottom: 0.25rem;
    }

    .profile-view-container-h5-span {
        text-align: left;

        color: #646464;
        opacity: 1;
        font-size: 0.875rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
    }

    .profile-view-container-img {
        height: 1.25rem;
        margin-top: 0rem;
    }

    .client-review-img-main-container {
        display: none;
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: flex-start !important;
        padding-left: 0;
        margin-right: 0% !important;
        margin-left: 0% !important;
        list-style: none;
        margin-bottom: -3.25rem !important;
    }

    .carousel-indicators>li {
        width: 10px !important;
        height: 10px !important;
        border-radius: 100% !important;
        color: #9868C4 !important;

    }

    .chat-with-us-container {
        width: 100%;
        align-items: center;
        display: none;
    }

    .home-busi-tech-container {
        margin-top: 4.375rem;
        width: 100%;

    }

    .our_blogs_heading_text_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .logo_with_lines {
        display: none;
    }

    .our_blogs_heading_text {
        text-align: center;
        color: var(--grey-900);
        text-transform: uppercase;
        opacity: 1;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
    }


    .home-busi-content-container {
        display: flex;
        justify-content: space-between;

    }

    .home-busi-content-container>h2 {
        text-align: center;
        font: normal normal bold 48px/56px Figtree;
        color: var(--grey-900);
        opacity: 1;
        margin: auto;
        padding-bottom: 1.675rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        font-size: 2.25rem;
        line-height: .2.675rem;
    }



    .PrevHome {
        /* text-align: left;
        font: normal normal 600 18px/24px Figtree;
        letter-spacing: 0px;
        color:var(--font-highlight-color);
        background-color: transparent;
        border: 0px; */
        display: none;
    }

    .font-size-icon-arr-1 {
        font-size: 1.5rem;
        color: var(--font-highlight-color);
    }

    .font-size-icon-arr-2 {
        font-size: 1.5rem;
        color: var(--primary-red);
    }

    .nextHome {
        /* text-align: left;
        font: normal normal 600 18px/24px Figtree;
        letter-spacing: 0px;
        background-color: transparent;
        border: 0px;
        color:var(--primary-red);
        margin-left: 20px; */
        display: none;
    }

    .home-carousel-blogs-container {
        margin-bottom: 6.25rem;
    }

    .home-blogs-list-container {
        display: flex;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .home-busi-mobile-version {
        width: 100%;
        margin-bottom: 60px;
        overflow: hidden;
        display: none;
    }

    .home-blogs-list-container::-webkit-scrollbar {
        display: none;
    }

    /* .home-business-slider-container {
        display: flex;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    } */
    .hover-the-element {
        text-decoration: none;
    }

    .hover-the-element:hover {
        cursor: pointer;
        text-decoration: none !important;
    }


    .home-blog-container-a:hover {
        cursor: pointer;

    }

    .home-blog-container {
        width: 19rem;
        margin-left: 1rem;
        flex-shrink: 0;


    }

    .home-blog-container:hover {
        cursor: pointer;
    }


    .home-blog-container-img {
        width: 100%;
        height: 13.25rem;
        object-fit: cover;
        -webkit-object-fit: cover;
        border-radius: 0.5rem;
        transition: 0.3s;
    }

    .home-blog-container-img:hover {
        transform: scale(1.1);
    }

    .home-blog-container-h3 {
        text-align: left;
        color: #AAAAAA;
        margin-top: 1.5rem;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);

    }

    .home-blog-container-h5 {
        text-align: left;
        color: var(--grey-700);
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        margin: 0.75rem 0rem 0rem;

    }

    .home-blog-container-p {
        text-align: left;
        color: #707070;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 0.75rem 0rem;
    }

    .home-blog-container-a {
        text-align: left;
        color: var(--primary-red);
        text-transform: capitalize;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        text-decoration: none;

    }

    .icon-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--grey-50);
        margin-top: 0.125rem;

    }

    .pink-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--primary-red);
        margin-top: 0.125rem;

    }

    .blue-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--font-highlight-color);

    }









    .service_link_route {
        width: 100%;
        height: 4rem;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 16px #0000000F;
        border-radius: 0.5rem;
        opacity: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        display: none;
        text-decoration: none;
        margin-bottom: 1rem;




    }

    .show_more_button_hide_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .show_more_button_hide {
        text-align: center;

        color: #4C66F6;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        margin-top: 1.5rem;
        border: none;
        background-color: transparent;
        cursor: pointer;


    }

    .service_link_route:hover {
        text-decoration: none;
        color: var(--grey-900);
        border-radius: 8px;
        background: var(--grey-50, #F8FAFC);
        box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.07), 0px 4px 12px 0px rgba(51, 65, 85, 0.10);
    }

    .show_more_button_hide_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .show_more_button_hide {
        text-align: center;

        color: #4C66F6;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        margin-top: 1.5rem;
        border: none;
        background-color: transparent;
        cursor: pointer;

    }

    .service_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1.125rem 1.5rem 1.125rem 2rem;


    }

    .service_skill_text {
        text-align: left;

        color: var(--grey-900);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.125rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;
    }

    .service_logo {
        height: 2rem;

    }

    .biArrowRight {
        font-size: 1.45rem;
        font-weight: bolder;
    }

    .service_wrapper:hover .biArrowRight {
        font-family: var(--font-family-sans-serif);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
    }


    .make_your_team_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2.5rem 1rem;
        background: #E4E8EB 0% 0% no-repeat padding-box;

    }

    .make_your_team_content_wrapper {
        background-color: #0E0E0E;
        background-image: url("./images/MainPageImages/Mask_Group_300.png");
        border-radius: 0rem;
        padding: 3rem 1.5rem;
        border-radius: 0.75rem;
        width: 100%;
    }

    .make_your_team_heading {
        text-align: left;

        color: #EDF1F4;
        text-transform: uppercase;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;

    }

    .make_your_team_text {
        text-align: left;

        color: #FFFFFF;
        opacity: 1;
        white-space: pre-line;
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        margin-bottom: 0.875rem;
        width: 19rem;
    }

    .make_your_team_text_span {
        background: transparent linear-gradient(262deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat padding-box;
        background-clip: padding-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .benefits_with_us_wrapper {
        display: flex;
        flex-direction: column;
        gap: 0rem;
        margin-top: 1.5rem;
    }

    .free_trail_text {
        text-align: left;

        color: #9A9A9A;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.125rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .circle_with_arrow {
        color: #9A9A9A;
    }

    .make_your_team_button {
        cursor: pointer;
        background: #EDF1F4 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        border: none;
        width: fit-content;
        height: 3rem;
        text-align: left;

        color: #49549A;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        padding: 0rem 1rem;
        margin-top: 0.75rem;
        text-transform: uppercase;
    }

    .make_your_team_button>i {
        color: #49549A;
        opacity: 1;
        font-size: 0.75rem;
        font-weight: var(--semibold-weight);
        margin-left: 0.5rem;
    }

    .partners_in_success_wrapper {
        padding: 4.125rem 0rem;
        overflow: hidden;
        width: 100%;
    }



    .partners_logos_main_wrapper {
        overflow: hidden;
        white-space: nowrap;
        padding: 0.5rem 0rem;
        position: relative;


    }

    /* .partners_logos_main_wrapper:before,
    .partners_logos_main_wrapper:after {
        position: absolute;
        top: 0;
        width: 2rem;
        height: 100%;
        content: "";
        z-index: 2;
    }

    .partners_logos_main_wrapper:before {
        left: 0;
        background: transparent linear-gradient(270deg, #FFFFFF00 0%, #FFFFFF7F 50%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    }

    .partners_logos_main_wrapper:after {
        right: 0;
        background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF7F 50%, #FFFFFF 100%) 0% 0% no-repeat padding-box;

    } */

    .partners_logos_wrapper {
        display: inline-block;
        align-items: center;
        animation: 90s PartnersLogoSlide infinite linear;
    }

    .partners_logo {
        margin: 0rem 1.5rem;
        max-height: 3rem;

    }

    @keyframes PartnersLogoSlide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }






    .values_main_wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0rem 1rem;

    }

    .values_wrapper {
        width: 100%;
        background-image: url('./images/MainPageImages/Mask_Group_102877.png');
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        background-size: cover;
        background-position: 50% 50%;
        border-radius: 0.5rem;


    }

    .value_container {
        width: 19.125rem;
    }

    .value_main_heading {
        text-align: left;

        opacity: 1;
        font-size: 2rem;
        line-height: 2.25rem;
        color: #FFFFFF;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-top: 1.25rem;
    }

    .value_span_heading {
        color: #8194FF;
    }

    .values_image {
        opacity: 1;
    }

    .value_text {
        text-align: left;

        color: #FFFFFF;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #FFFFFF;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
        margin-top: 1rem;
    }

    .developer_importance_main_conatiner {
        display: flex;
        flex-direction: column;
        padding: 1rem;
        gap: 3rem;
    }

    .essential_developer_skills {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 100%;
    }

    .developer_skills {
        margin-bottom: 0rem;



    }

    .developer_skills_img {
        width: 3.81rem;
        height: 3.81rem;
    }

    .developer_skills_h2 {
        text-align: left;

        color: var(--grey-900);
        opacity: 1;
        width: 15rem;
        padding-top: 1.25rem;
        margin-bottom: 0rem;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
    }

    .developer_skills_p {
        text-align: left;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);

        color: #64738B;
        opacity: 1;
        margin-bottom: 0rem;


    }

    .skills_advantage {
        width: fit-content;
    }

    .skills_advantage_h3 {
        text-align: left;
        font-size: 0.8125rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);

        color: #6F7682;
        text-transform: uppercase;
        opacity: 1;
        margin-bottom: 0rem;
    }

    .skills_advantage_h2 {
        text-align: left;
        font-size: 2.125rem;
        line-height: 2.125rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);

        color: var(--grey-900);
        opacity: 1;
        margin-top: 0.5rem;
    }

    .skills_advantage_p {
        text-align: left;
        font-size: 1.12rem;
        line-height: 1.75rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;

        color: #4B5462;
        opacity: 1;
        margin-bottom: 0rem;

    }

    .skills_advantage_img {
        max-width: 36.5rem;
        margin-left: -8.75rem;
        margin-top: 2.625rem;
        display: none;
    }

    .vetting_process_wrapper {
        padding: 1.5rem 1rem 3rem 1rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;


    }

    .vetting_process_h3 {
        text-align: center;

        color: #6F7682;
        text-transform: uppercase;
        opacity: 1;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);

    }

    .vetting_process_h2 {
        text-align: center;

        color: var(--grey-900);
        opacity: 1;
        font-size: 2.125rem;
        line-height: 2.125rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);

    }

    .vetting_process_p {
        text-align: center;

        color: #7C808A;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
        width: 100%;
        padding: 0.125rem 0rem;
    }

    .vetting_process_link {
        width: 13rem;
        height: 3.25rem;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-family-sans-serif);
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: var(--semibold-weight);
        text-transform: uppercase;


    }

    .vetting_process_link:hover {
        color: #FFFFFF;
        text-decoration: none;
    }


    .comparison_table_wrapper {
        display: flex;
        justify-content: center;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .interview_process_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.1875rem 1rem #4C66F60A;
        border-radius: 0.8125rem;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        width: 100%;
        margin-top: 0.8rem;
    }

    .interview_onboarding_wrapper {
        margin-top: 0.8rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        padding: 1.25rem 0rem 0.25rem 0rem;

    }


    .interview_heading_h3 {
        text-align: left;
        color: #383B43;
        opacity: 1;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        opacity: 0.43;
        text-decoration: line-through;
        padding: 0rem 0.25rem;
        display: flex;
        gap: 0.625rem;
        margin-bottom: 0rem;
    }

    .check_mark_img {
        width: 0.875rem;
        height: 0.875rem;
    }

    .interview_heading_h2 {
        text-align: left;
        color: #383B43;
        opacity: 1;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
    }

    .interview_heading_h4 {
        text-align: left;
        color: #383B43;
        opacity: 1;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: first baseline;
        gap: 0.625rem;
        margin-top: 0rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
        width: 8rem;
    }

    .interview_heading_img {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .vetting_process_verticle_line {
        height: 26.875rem;
        display: none;
    }

    .hiring_process_at_hyno_wrapper {
        width: 11.125rem;
        margin-left: -5rem;


    }

    .hiring_process_details_wrapper {
        background: #BDE8BD 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.188rem 1rem #BDE8BD8D;
        border-radius: 0.375rem 0.813rem 0.813rem 0.375rem;
        opacity: 1;
        padding: 0.5rem 1.25rem 1.25rem 1.25rem;
    }

    .hiring_process_at_others_wrapper {
        opacity: 1;
        width: 14.563rem;
        flex-shrink: 0;

    }

    .hiring_process_other_details_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #E6E6E6;
        border-radius: 0.75rem;
    }

    .hiring_process_a {
        display: flex;
        flex-direction: column;
        align-items: end;


    }

    .our_way_text {
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: 700;
        padding: 0.75rem 0rem;

    }

    .our_way_text_1 {
        color: var(--grey-900);
        opacity: 1;
        font-size: 0.875rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        background: #E6E6E6 0% 0% no-repeat padding-box;
        border-radius: 0.75rem 0.75rem 0rem 0rem;
        opacity: 1;
        width: 100%;
        padding: 1.5rem 1rem;
        margin-bottom: 0rem;
    }

    .other_companies_days_wrapper {
        width: 100%;
        border: 1px solid #E6E6E6;
        padding: 0.5rem 1rem;

    }

    .our_company_days_wrapper {
        border-bottom: 1px solid #9DC49F;
        border-top: 1px solid #9DC49F;
        width: 100%;
        padding: 0.5rem 0rem;

    }

    .traditional_way_text {
        text-align: left;
        color: var(--grey-900);
        font-size: 2.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-bottom: 0rem;
        display: flex;
        align-items: center;
    }

    .no_of_days_heading {
        text-align: left;
        color: #2E492F;
        font-size: 2.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0rem;

    }

    .no_of_days_heading_span {
        text-align: left;

        color: var(--grey-900);
        font-size: 1.438rem;
        line-height: 1.438rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .no_of_days_heading_span_1 {
        text-align: left;

        color: #2E492F;
        font-size: 1.438rem;
        line-height: 1.438rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .middle_arrow_image {
        width: 1.5rem;
    }

    .hiring_process_b {
        width: fit-content;



    }

    .hiring_process_d {
        margin-top: 1.25rem;
        width: 11rem;
        display: flex;
        flex-wrap: wrap;

    }

    .low_cost_text {
        text-align: left;

        color: #7C808A;
        opacity: 1;
        font-size: 0.688rem;
        line-height: 0.813rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 0.25rem;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;


    }

    .low_cost_text>img {
        display: none;
    }

    .low_cost_text>span {
        width: 0.375rem;
        height: 0.25rem;
        background-color: #BEE8BC;
    }

    .hiring_process_expensive {
        opacity: 1;
        width: 9rem;
        margin-top: 1.25rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }


    .expensive_text {
        text-align: left;

        color: #7C808A;
        opacity: 1;
        font-size: 0.688rem;
        line-height: 0.813rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.25rem;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;
    }

    .expensive_text:nth-child(2) {
        order: 2;
    }

    .expensive_text>span {
        width: 0.375rem;
        height: 0.25rem;
        background-color: #FF9898;
    }

    .expensive_text>img {
        display: none;
    }

}

@media (min-width:577px) and (max-width:1200px) {


    /* New Styles for Home hero section */
    .home_main_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;

    }

    .home_content_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;


    }






    .flow-main-container {
        background: #EDF1F4 0% 0% no-repeat padding-box;
        opacity: 1;

    }

    .flow-top-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        opacity: 1;
        width: 100%;

    }

    .flow-top-content-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .hire_silicon_text_wrapper {
        display: flex;
        flex-direction: column;
        margin-top: 1.5rem;
    }





    .what_people_say_container {
        background: #E4E8EB 0% 0% no-repeat padding-box;
        padding: 3rem 1rem;
    }


    .client-review-img-1 {
        display: none;
    }

    .client-review-img-main-container {
        display: none;
    }

    .what_people_say_container_h2 {
        text-align: left;
        color: var(--grey-900);
        font-family: var(--font-family-sans-serif);
        margin-top: 0rem;
        font-size: 2.125rem;
        line-height: 2.125rem;
        font-weight: var(--extra-bold-weight);
        width: 21rem;




    }

    .what_people_say_container_p {
        color: #6F7682;
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-family: var(--font-family-sans-serif);
    }

    .profile-container-details {
        display: flex;
        flex-direction: column;
    }

    .profile-container-details-div {
        display: flex;

    }

    .profile-address-container {
        width: fit-content;
    }

    .right_quotes_wrapper {
        width: fit-content;
        margin-top: 20rem;
    }

    .profile-address-container-h2 {
        width: 3.5rem;
    }

    .what_people_say_container_1 {
        display: flex;
        margin-top: 1.25rem;
        gap: 0.5rem;

    }

    .client-feedback-container-img {
        width: 6.5rem;
        margin-bottom: 1.25rem;

    }


    .profile-view-container {
        width: 100%;

    }

    .profile-view-container-h2 {
        text-align: left;
        color: #495269;
        font-size: 1.375rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
    }

    .profile-view-container-p {
        text-align: left;
        color: #495269;
        font-size: 1rem;
        line-height: 1.375rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
    }

    .profile-view-container-h5 {
        text-align: left;
        letter-spacing: 0.36px;
        color: var(--grey-900);
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        margin-bottom: 0.25rem;
    }

    .profile-view-container-h5-span {
        text-align: left;
        color: #646464;
        font-size: 0.875rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        margin-bottom: 1.5rem;

    }

    .profile-view-container-img {
        height: 1.25rem;
        margin-top: -1.25rem;
    }

    .carousel-indicators>li {
        width: 0.625rem !important;
        height: 0.625rem !important;
        border-radius: 100% !important;
        color: #9868C4 !important;
        margin-top: 12.5rem !important;
    }

    .chat-with-us-container {
        width: 100%;
        align-items: center;
        display: none;
    }



    .home-busi-tech-container {
        margin-top: 4.375rem;
        width: 100%;


    }

    .our_blogs_heading_text_wrapper {
        opacity: 1;
    }

    .logo_with_lines {
        display: none;
    }

    .our_blogs_heading_text {
        text-align: center;
        color: var(--grey-900);
        text-transform: uppercase;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
    }


    .home-busi-content-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .home-busi-content-container>h2 {
        text-align: center;
        color: var(--grey-900);
        margin: auto;
        font-size: 2.375rem;
        line-height: 2.875rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        padding-bottom: 3.125rem;
    }

    .home-busi-tech-container {
        margin-top: 4.375rem;
        width: 100%;


    }

    .PrevHome {

        display: none;
    }

    .font-size-icon-arr-1 {
        font-size: 1.5rem;
        color: var(--font-highlight-color);
    }

    .font-size-icon-arr-2 {
        font-size: 1.5rem;
        color: var(--primary-red);
    }

    .nextHome {
        display: none;
    }

    .home-carousel-blogs-container {
        width: 100%;
        margin-bottom: 3.75rem;
        overflow: hidden;

    }

    .home-blogs-list-container {
        display: flex;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;

    }

    .home-busi-mobile-version {
        width: 100%;
        margin-bottom: 3.75rem;
        overflow: hidden;
        display: none;

    }


    .home-blogs-list-container::-webkit-scrollbar {
        display: none;
    }


    .home-business-slider-container {
        display: flex;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }



    .home-blog-container {
        margin: 0rem 1rem;
        width: 19rem;
        flex-shrink: 0;

    }

    .home-blog-container:hover {
        cursor: pointer;
    }


    .home-blog-container-img {
        width: 100%;
        height: 13.25rem;
        object-fit: cover;
        -webkit-object-fit: cover;
        border-radius: 0.5rem;
        transition: 0.3s;
    }

    .home-blog-container-img:hover {
        transform: scale(1.1);
    }

    .home-blog-container-h3 {
        text-align: left;
        color: #AAAAAA;

        margin-top: 1.5rem;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
    }

    .home-blog-container-h5 {
        text-align: left;
        color: var(--grey-700);
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        margin: 0.75rem 0rem 0rem;

    }

    .home-blog-container-p {
        text-align: left;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        color: #707070;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 0.75rem 0rem;
    }

    .home-blog-container-a {
        text-align: left;
        color: var(--primary-red);
        text-transform: capitalize;
        font-size: 1.125rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        text-decoration: none;
    }

    .home-blog-container-a:hover {
        cursor: pointer;
        color: var(--primary-red);
        text-decoration: none;
    }

    .icon-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--grey-50);
        margin-top: 0.125rem;
        font-size: 1rem;
        line-height: 2rem;
    }

    .pink-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--primary-red);
        margin-top: 0.125rem;

        font-size: 1rem;
        line-height: 2rem;
    }

    .blue-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--font-highlight-color);
        font-size: 1rem;
        line-height: 2rem;
    }





    .hover-the-element {
        text-decoration: none;
    }

    .hover-the-element:hover {
        cursor: pointer;
        text-decoration: none !important;
    }

    .home-blog-container-a {
        text-decoration: none;
    }









    .service_link_route {
        /* width: 17.375rem !important; */
        height: 4rem;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.188rem 1rem #0000000F;
        border-radius: 0.5rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        display: none;
        text-decoration: none;
        margin-bottom: 1rem;


    }

    .show_more_button_hide_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .show_more_button_hide {
        text-align: center;

        color: #4C66F6;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        margin-top: 1.5rem;
        border: none;
        background-color: transparent;
        cursor: pointer;

    }

    .service_link_route:hover {
        text-decoration: none;
        color: var(--grey-900);
        border-radius: 8px;
        background: var(--grey-50, #F8FAFC);
        box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.07), 0px 4px 12px 0px rgba(51, 65, 85, 0.10);
    }

    .service_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1.125rem 1.5rem 1.125rem 2rem;



    }

    .service_skill_text {
        text-align: left;
        color: var(--grey-900);
        font-size: 1rem;
        line-height: 1.25rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
    }

    .service_logo {
        height: 2rem;

    }

    .biArrowRight {
        font-size: 1.25rem;
    }

    .service_wrapper:hover .biArrowRight {
        font-family: var(--font-family-sans-serif);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
    }


    .make_your_team_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 2rem 1rem;
    }

    .make_your_team_content_wrapper {
        width: 100%;
        background-color: #0E0E0E;
        background-image: url("./images/MainPageImages/Mask_Group_300.png");
        border-radius: 0.75rem;
        padding: 2rem;
    }

    .make_your_team_heading {
        text-align: left;

        color: #EDF1F4;
        text-transform: uppercase;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
    }

    .make_your_team_text {
        text-align: left;

        color: #FFFFFF;
        opacity: 1;
        white-space: pre-line;
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        margin-bottom: 0.875rem;
        width: 30rem;
    }

    .make_your_team_text_span {
        background: transparent linear-gradient(262deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat padding-box;
        background-clip: padding-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .benefits_with_us_wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 1.25rem;
    }

    .free_trail_text {
        text-align: left;

        color: #9A9A9A;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.125rem;
        font-family: var(--font-family-sans-serif);
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-right: 1.875rem;
        font-weight: normal;
    }

    .circle_with_arrow {
        color: #9A9A9A;
    }

    .make_your_team_button {
        cursor: pointer;
        background: #EDF1F4 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        border: none;
        width: fit-content;
        height: 3rem;
        text-align: left;

        color: #49549A;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
        padding: 0rem 1rem;
        margin-top: 0.75rem;
        text-transform: uppercase;
    }

    .make_your_team_button>i {
        color: #49549A;
        opacity: 1;
        font-size: 0.75rem;
        font-weight: var(--semibold-weight);
        margin-left: 0.5rem;
    }





    .partners_in_success_wrapper {
        padding: 4.125rem 0rem;
        overflow: hidden;
        width: 100%;
    }



    .partners_logos_main_wrapper {
        overflow: hidden;
        white-space: nowrap;
        padding: 0.5rem 0rem;
        position: relative;


    }

    /* .partners_logos_main_wrapper:before,
    .partners_logos_main_wrapper:after {
        position: absolute;
        top: 0;
      
        height: 100%;
        content: "";
        z-index: 2;
    }

    .partners_logos_main_wrapper:before {
        left: 0;
        background: transparent linear-gradient(270deg, #FFFFFF00 0%, #FFFFFF7F 50%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    }

    .partners_logos_main_wrapper:after {
        right: 0;
        background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF7F 50%, #FFFFFF 100%) 0% 0% no-repeat padding-box;

    } */

    .partners_logos_wrapper {
        display: inline-block;
        align-items: center;
        animation: 90s PartnersLogoSlide infinite linear;
    }

    .partners_logo {
        margin: 0rem 3rem;
        max-height: 3rem;

    }

    @keyframes PartnersLogoSlide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }





    .values_main_wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0rem 1rem;

    }

    .values_wrapper {
        width: 100%;
        background-image: url('./images/MainPageImages/Mask_Group_102877.png');
        padding: 2rem;
        display: flex;
        flex-wrap: wrap;
        gap: 2.25rem;
        background-size: cover;
        background-position: 50% 50%;
        border-radius: 0.5rem;

    }

    .value_container {
        /* width: 19.125rem; */
        width: fit-content;
    }

    .value_main_heading {
        text-align: left;

        opacity: 1;
        font-size: 2rem;
        line-height: 2.25rem;
        color: #FFFFFF;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-top: 1rem;
        margin-bottom: 0rem;
    }

    .value_span_heading {
        color: #8194FF;
    }

    .values_image {
        opacity: 1;
    }

    .value_text {
        text-align: left;

        color: #FFFFFF;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #FFFFFF;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
        margin-top: 0.5rem;
        margin-bottom: 0rem;
    }

    .developer_importance_main_conatiner {
        display: flex;
        flex-direction: column;
        padding: 0rem 1rem;
        gap: 3rem;
    }

    .essential_developer_skills {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        width: 100%;
        padding-bottom: 4rem;



    }

    .developer_skills {
        width: 20.625rem;
    }

    .developer_skills_img {
        width: 3.81rem;
        height: 3.81rem;
    }

    .developer_skills_h2 {
        text-align: left;

        color: var(--grey-900);
        opacity: 1;
        width: 15rem;
        padding-top: 1.25rem;
        margin-bottom: 0rem;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: bold;
    }

    .developer_skills_p {
        text-align: left;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);

        color: #64738B;
        opacity: 1;
        margin-bottom: 0rem;


    }

    .skills_advantage {
        width: fit-content;
    }

    .skills_advantage_h3 {
        text-align: left;
        font-size: 0.8125rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);

        color: #6F7682;
        text-transform: uppercase;
        opacity: 1;
        margin-bottom: 0rem;
    }

    .skills_advantage_h2 {
        text-align: left;
        font-size: 2.125rem;
        line-height: 2.125rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);

        color: var(--grey-900);
        width: 24.68rem;
        opacity: 1;
        margin-top: 0.5rem;
    }

    .skills_advantage_p {
        text-align: left;
        font-size: 1.12rem;
        line-height: 1.75rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;

        max-width: 30rem;
        color: #4B5462;
        opacity: 1;
        margin-bottom: 0rem;
    }

    .skills_advantage_img {
        max-width: 36.5rem;
        margin-left: -8.75rem;
        margin-top: 2.625rem;
        display: none;
    }


    .vetting_process_wrapper {
        padding: 4.375rem 1rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

    .vetting_process_h3 {
        text-align: left;

        color: #6F7682;
        text-transform: uppercase;
        opacity: 1;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
    }

    .vetting_process_h2 {
        text-align: center;

        color: var(--grey-900);
        opacity: 1;
        font-size: 2.125rem;
        line-height: 2.125rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        width: 27.5rem;

    }

    .vetting_process_p {
        text-align: center;

        color: #7C808A;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: normal;
        max-width: 52.875rem;
        padding: 0.125rem 0rem;
    }

    .vetting_process_link {
        width: 13rem;
        height: 3.25rem;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-family-sans-serif);
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: var(--semibold-weight);
        text-transform: uppercase;


    }

    .vetting_process_link:hover {
        color: var(--grey-50);
        text-decoration: none;
    }


    .comparison_table_wrapper {
        display: flex;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .interview_process_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.1875rem 1rem #4C66F60A;
        border-radius: 0.8125rem;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        width: 100%;
        margin-top: 0.8rem;
    }

    .interview_onboarding_wrapper {

        margin-top: 0.8rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        padding: 1rem 0rem 0rem 0rem;

    }


    .interview_heading_h3 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        opacity: 1;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        opacity: 0.43;
        text-decoration: line-through;
        padding: 0rem 0.25rem;
        display: flex;
        align-items: first baseline;
        gap: 0.625rem;
        margin-bottom: 0rem;



    }

    .check_mark_img {
        width: 0.875rem;
        height: 0.875rem;
    }

    .interview_heading_h2 {
        text-align: left;
        color: #383B43;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
    }

    .interview_heading_h4 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: first baseline;
        gap: 0.625rem;
        margin-top: 0rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
        width: 8rem;
    }

    .interview_heading_img {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .vetting_process_verticle_line {
        height: 26.875rem;
        display: none;
    }

    .hiring_process_at_hyno_wrapper {
        width: 11.125rem;
        margin-left: -5rem;


    }

    .hiring_process_details_wrapper {
        background: #BDE8BD 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.188rem 1rem #BDE8BD8D;
        border-radius: 0.375rem 0.813rem 0.813rem 0.375rem;
        opacity: 1;
        padding: 0.5rem 1.25rem 1.25rem 1.25rem;
    }

    .hiring_process_at_others_wrapper {
        opacity: 1;
        width: 14.563rem;
        flex-shrink: 0;

    }

    .hiring_process_other_details_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #E6E6E6;
        border-radius: 0.75rem;
    }

    .hiring_process_a {
        display: flex;
        flex-direction: column;
        align-items: end;


    }

    .our_way_text {
        letter-spacing: 0px;
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: 700;
        padding: 0.75rem 0rem;

    }

    .our_way_text_1 {

        color: var(--grey-900);
        opacity: 1;
        font-size: 0.875rem;
        line-height: 1rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        background: #E6E6E6 0% 0% no-repeat padding-box;
        border-radius: 0.75rem 0.75rem 0rem 0rem;
        opacity: 1;
        width: 100%;
        padding: 1.5rem 1rem;
        margin-bottom: 0rem;
    }

    .other_companies_days_wrapper {

        width: 100%;
        border: 1px solid #E6E6E6;
        padding: 0.5rem 1rem;

    }

    .our_company_days_wrapper {
        border-bottom: 1px solid #9DC49F;
        border-top: 1px solid #9DC49F;
        width: 100%;
        padding: 0.5rem 0rem;

    }

    .traditional_way_text {
        text-align: left;
        color: var(--grey-900);
        font-size: 2.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-bottom: 0rem;
        display: flex;
        align-items: center;
    }

    .no_of_days_heading {
        text-align: left;
        color: #2E492F;
        font-size: 2.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0rem;

    }

    .no_of_days_heading_span {
        text-align: left;

        color: var(--grey-900);
        font-size: 1.438rem;
        line-height: 1.438rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .no_of_days_heading_span_1 {
        text-align: left;

        color: #2E492F;
        font-size: 1.438rem;
        line-height: 1.438rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .middle_arrow_image {
        width: 1.5rem;
    }

    .hiring_process_b {
        width: fit-content;

    }

    .hiring_process_d {
        margin-top: 1.25rem;
        width: 11rem;
        display: flex;
        flex-wrap: wrap;

    }

    .low_cost_text {
        text-align: left;

        color: #7C808A;
        opacity: 1;
        font-size: 0.688rem;
        line-height: 0.813rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 0.25rem;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;


    }

    .low_cost_text>img {
        display: none;
    }

    .low_cost_text>span {
        width: 6px;
        height: 4px;
        background-color: #BEE8BC;
    }

    .hiring_process_expensive {
        opacity: 1;
        width: 9rem;
        margin-top: 1.25rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }


    .expensive_text {
        text-align: left;

        color: #7C808A;
        opacity: 1;
        font-size: 0.688rem;
        line-height: 0.813rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.25rem;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;
    }

    .expensive_text:nth-child(2) {
        order: 2;
    }

    .expensive_text>span {
        width: 6px;
        height: 4px;
        background-color: #FF9898;
    }

    .expensive_text>img {
        display: none;
    }






}

@media (min-width:1201px) and (max-width:1399px) {


    /* New Styles for Home hero section */
    .home_main_wrapper {
        background: #fff 0% 0% no-repeat padding-box;
    }



    .flow-main-container {
        width: 100%;
        background: #EDF1F4 0% 0% no-repeat padding-box;
        opacity: 1;

    }

    .flow-top-container {
        width: 100%;

    }

    .flow-top-content-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .clock-flow-img {
        height: 5.5rem;
        margin-right: -2.5rem;


    }


    .hire_silicon_text_wrapper_a {
        z-index: 4;
    }

    .hire_silicon_text_wrapper_p {
        text-align: center;
        color: #808080;
        margin-top: 0.875rem;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);

    }


    .back_arrow_image {
        width: 7.125rem;
        height: 4.625rem;
        margin-top: 5rem;
        margin-left: -1.875rem;
    }

    .the_hiring_experience_wrapper {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .what_people_main_say_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #E4E8EB 0% 0% no-repeat padding-box;
        padding-bottom: 5rem;
    }

    .what_people_say_container {
        width: 71.25rem;
        margin-top: 3rem;


    }


    .what_people_say_container_h2 {
        text-align: left;
        color: var(--grey-900);
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        width: 30rem;


    }

    .what_people_say_container_p {
        color: var(--grey-500);
        text-transform: uppercase;
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-family: var(--font-family-sans-serif);
        margin-bottom: 0rem;


    }

    .profile-container-details {
        display: flex;
    }

    .client-feedback-container {
        width: max-content;
    }

    .client-feedback-container-img {
        width: 11.875rem;
        border-radius: 50%;
        margin-left: 3.375rem;
    }

    .what_people_say_container_1 {
        display: flex;
        padding: 2.75rem 0rem 2rem 0rem;
    }

    .profile-address-container {
        width: 7.25rem;
    }

    .right_quotes_wrapper {
        width: 7.25rem;
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: flex-end;
    }

    .profile-address-container-h2 {
        width: 6.5rem;
        height: 5.375rem;

    }

    .profile-view-container {
        width: 41.875rem;
        margin-left: 2.5rem;
    }


    .profile-view-container-h2 {
        color: var(--grey-500);
        font-size: var(--xl-h4-font-size);
        line-height: var(--xl-h4-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
    }

    .profile-view-container-p {
        color: var(--grey-500);
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        margin-top: 0.25rem;
        width: 37.875rem;
        margin-bottom: 0.5rem;
    }

    .profile-view-container-h5 {

        letter-spacing: 0.36px;
        color: var(--grey-900);
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        margin-bottom: 0rem;

    }

    .profile-view-container-h5-span {

        color: #646464;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);

    }

    .profile-view-container-img {
        height: 1.25rem;
        margin-top: -1.25rem;

    }

    .carousel-indicators {
        margin-left: -22% !important;
        margin-bottom: -4.5rem !important;



    }

    .carousel-indicators>li {
        width: 0.625rem !important;
        height: 0.625rem !important;
        border-radius: 100% !important;
        color: var(--primary-blue) !important;
        /* margin-top: 200px !important; */

    }

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 1.875rem;
        height: 3px;
        margin: 0rem 0.25rem;
        text-indent: -999px;
        cursor: pointer;
        background-color: var(--primary-blue) !important;
        background-clip: padding-box;
        border-top: 0.625rem solid transparent;
        border-bottom: 0.625rem solid transparent;
        opacity: .5;
        transition: opacity .6s ease;
    }



    .our_blogs_heading_text_wrapper {
        padding-left: calc(50% - 36.25rem);
    }

    .our_blogs_heading_text {
        text-align: left;
        color: var(--grey-900);
        text-transform: uppercase;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-family: var(--font-family-sans-serif);

    }


    .home-busi-content-container {
        width: 72.5rem;
        display: flex;
        margin: auto;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.875rem;
    }

    .home-busi-content-container>h2 {
        text-align: left;
        color: var(--grey-900);
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);


    }

    .home-busi-tech-container {
        margin-top: 7.125rem;
        width: 100%;

    }

    .PrevHome {
        text-align: left;
        color: var(--font-highlight-color);
        opacity: 1;
        background-color: transparent;
        border: 0px;
        cursor: pointer;
        outline: none !important;
        border: none;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
    }

    .PrevHome:hover {
        cursor: pointer;
        outline: none;
        border: none;
    }

    .font-size-icon-arr-1 {
        font-size: 1.5rem;
        color: var(--font-highlight-color);
    }

    .font-size-icon-arr-2 {
        font-size: 1.5rem;
        color: var(--primary-red);
    }

    .nextHome {
        text-align: left;

        background-color: transparent;
        border: 0px;
        color: var(--primary-red);
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
        margin-left: 1.5rem;
        outline: none !important;
        border: none;
    }

    .nextHome:hover {
        cursor: pointer;
        outline: none;
        border: none;
    }

    .home-busi-mobile-version {
        display: none;
    }

    .home-carousel-blogs-container {
        width: 72.5rem;
        padding-bottom: 6.25rem;
        margin: auto;
    }



    .home-blogs-list-container {
        position: relative;
        display: flex;
        transition: transform 0.8s;
        transition: 2s linear;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;


    }

    .home-blogs-list-container::-webkit-scrollbar {
        display: none;
    }

    .slider-div-container {

        /* overflow-x: scroll; */
        -ms-overflow-style: none;
        scrollbar-width: none;
    }



    .hover-the-element {
        text-decoration: none;
    }

    .hover-the-element:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red) !important;
    }


    .home-blog-container {
        width: 21rem;
        flex-shrink: 0;
        margin-right: 2rem;

    }


    .home-blog-container-img {
        width: 100%;
        height: 13.25rem;
        object-fit: cover;
        -webkit-object-fit: cover;
        border-radius: 0.5rem;
        transition: 0.3s;
    }

    .home-blog-container-img:hover {
        transform: scale(1.1);
    }

    .home-blog-container-h3 {

        color: var(--grey-500);
        margin-top: 1.5rem;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        margin: 1rem 0rem 0rem;


    }

    .home-blog-container-h5 {

        color: var(--grey-700);
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        margin: 0.75rem 0rem 0rem;
    }

    .home-blog-container-p {
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        color: var(--grey-500);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 0.5rem 0rem 0.75rem 0rem;

    }

    .home-blog-container-a {
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        color: var(--primary-red);
        text-transform: capitalize;
        text-decoration: none !important;



    }

    .home-blog-container-a:hover {
        cursor: pointer;
        color: var(--primary-red) !important;
        text-decoration: none;
    }

    .icon-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--grey-50);
        margin-top: 0.125rem;

    }

    .pink-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--primary-red);
        margin-top: 0.125rem;

    }

    .blue-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--font-highlight-color);

    }







    .service_link_route {
        height: 4rem;
        background: var(--white, #FFF);
        box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.05), 0px 4px 12px 0px rgba(51, 65, 85, 0.05);
        border-radius: 0.5rem;
        opacity: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-bottom: 1rem;


    }

    .service_link_route:hover {
        text-decoration: none;
        color: var(--grey-900);
        border-radius: 8px;
        background: var(--grey-50, #F8FAFC);
        box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.07), 0px 4px 12px 0px rgba(51, 65, 85, 0.10);
    }

    .show_more_button_hide_wrapper {
        display: none;
    }

    .service_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1.125rem 1.5rem 1.25rem 2rem;
    }

    .service_skill_text {
        text-align: left;
        color: var(--grey-900);
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;

    }

    .service_logo {
        height: 2rem;

    }

    .biArrowRight {
        font-size: 1.25rem;
    }

    .service_wrapper:hover .biArrowRight {
        font-family: var(--font-family-sans-serif);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
    }



    .make_your_team_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 4rem 0rem;
    }

    .make_your_team_content_wrapper {
        width: 72.5rem;
        height: 26.25rem;
        background-color: var(--grey-900);
        background-image: url("./images/MainPageImages/Mask_Group_300.png");
        border-radius: 0.5rem;
        padding: 5.125rem 0rem 4.375rem 5.4375rem;


    }

    .make_your_team_heading {

        color: var(--grey-50);
        text-transform: uppercase;
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-family: var(--font-family-sans-serif);

    }

    .make_your_team_text {
        color: var(--grey-50);
        white-space: pre-line;
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: var(--font-family-sans-serif);
        margin-bottom: 0.875rem;
        font-weight: var(--extra-bold-weight);
        width: 30rem;


    }

    .make_your_team_text_span {
        background: transparent linear-gradient(262deg, #4066FE 0%, #E36A93 100%) 0% 0% no-repeat padding-box;
        background-clip: padding-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;


    }

    .benefits_with_us_wrapper {
        display: flex;
        align-items: center;
        gap: 1.875rem;
        margin-top: 1.25rem;
    }

    .free_trail_text {
        color: var(--grey-500);
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        display: flex;
        align-items: center;
        gap: 0.5rem;


    }

    .circle_with_arrow {
        color: var(--grey-500);
    }

    .make_your_team_button {
        cursor: pointer;
        background: var(--grey-50) 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        border: none;
        width: fit-content;
        height: 3rem;
        text-align: left;

        color: var(--font-highlight-color);
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-family: var(--font-family-sans-serif);
        padding: 0rem 1rem;
        margin-top: 0.75rem;
        font-weight: var(--bold-weight);
        text-transform: uppercase;

    }

    .make_your_team_button:hover {
        color: #6D28D9;
        background: var(--grey-100, #F1F5F9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .make_your_team_button>i {
        color: var(--font-highlight-color);
        opacity: 1;
        font-size: 0.75rem;
        font-weight: var(--semibold-weight);
        margin-left: 0.5rem;

    }




    .partners_in_success_wrapper {
        padding: 4.125rem 0rem;
        overflow: hidden;
        width: 32.5rem;

        margin: auto;
    }



    .partners_logos_main_wrapper {
        overflow: hidden;
        white-space: nowrap;
        padding: 0.5rem 0rem;
        position: relative;




    }

    /* .partners_logos_main_wrapper:before,
    .partners_logos_main_wrapper:after {
        position: absolute;
        top: 0;
        width: 3rem;
        height: 100%;
        content: "";
        z-index: 2;

    }

    .partners_logos_main_wrapper:before {
        left: 0;
        background: transparent linear-gradient(270deg, #FFFFFF00 0%, #FFFFFF7F 50%, var(--grey-50) 100%) 0% 0% no-repeat padding-box;
    }

    .partners_logos_main_wrapper:after {
        right: 0;
        background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF7F 50%, var(--grey-50) 100%) 0% 0% no-repeat padding-box;

    } */

    .partners_logos_wrapper {
        display: inline-block;
        align-items: center;
        animation: 90s PartnersLogoSlide infinite linear;
    }

    .partners_logo {
        margin: 0rem 3rem;
        max-height: 3rem;

    }

    @keyframes PartnersLogoSlide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    .values_main_wrapper {
        width: 100%;
        display: flex;
        justify-content: center;

    }

    .values_wrapper {
        width: 72.5rem;
        height: 19.3125rem;
        background-image: url('./images/MainPageImages/Mask_Group_102877.png');
        padding: 2.625rem 3.75rem 2.1875rem 3.4375rem;
        display: flex;
        gap: 4rem;
        background-position: 50% 50%;
        background-size: cover;


    }

    .value_container {
        width: 19.125rem;
    }

    .value_main_heading {
        text-align: left;

        opacity: 1;
        font-size: 2rem;
        line-height: 2.25rem;
        color: var(--grey-50);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-top: 1.25rem;



    }

    .value_span_heading {
        color: #8194FF;
    }

    .values_image {
        opacity: 1;
    }

    .value_text {
        text-align: left;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        color: var(--grey-50);
        font-family: var(--font-family-sans-serif);
        margin-top: 1rem;

    }

    .developer_importance_main_conatiner {
        display: flex;
        gap: 3.75rem;
        padding: 2rem calc(50% - var(--offset)) 0rem;


    }

    .essential_developer_skills {
        display: grid;
        max-width: 44.5rem;
        padding-bottom: 6rem;
        grid-template-columns: repeat(2, 1fr);

        row-gap: 3rem;
        /* Vertical gap */
        column-gap: 3rem;
        /* Horizontal gap */
    }

    .developer_skills {
        max-width: 20rem;
    }

    .developer_skills_img {
        width: 3.81rem;
        height: 3.81rem;
    }

    .developer_skills_h2 {
        color: var(--grey-900);
        opacity: 1;
        width: 15rem;
        padding-top: 1.25rem;
        margin-bottom: 0rem;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
    }

    .developer_skills_p {
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        color: var(--grey-500);
        margin: 0.5rem 0rem 0rem 0rem;



    }

    .skills_advantage {
        max-width: 30rem;

    }

    .skills_advantage_h3 {
        font-family: var(--font-family-sans-serif);
        font-size: var(--xl-captions-c1-font-size);
        font-weight: var(--semibold-weight);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        margin-bottom: 0rem;

    }

    .skills_advantage_h2 {
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        color: var(--grey-900);
        margin-top: 0.5rem;

    }

    .skills_advantage_p {

        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        color: var(--grey-500);
        margin-bottom: 0rem;



    }

    .skills_advantage_img {
        max-width: 60rem;
        margin-left: -25rem;
        margin-top: 2.625rem;
    }



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

        padding: 3rem 0rem;



    }

    .vetting_process_h3 {

        color: var(--grey-500);
        text-transform: uppercase;
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-family: var(--font-family-sans-serif);


    }

    .vetting_process_h2 {
        color: var(--grey-900);
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
    }

    .vetting_process_p {
        text-align: center;

        color: #7C808A;
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        width: 53rem;
        margin-top: 0.125rem;
        margin-bottom: 1.75rem;
    }

    .vetting_process_link {
        width: 13rem;
        height: 3.25rem;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--grey-50);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-family-sans-serif);
        text-decoration: none;
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
        text-transform: uppercase;

    }

    .vetting_process_link:hover {
        color: var(--grey-50);
        text-decoration: none;
        background-color: var(--primary-red-hover);
    }


    .comparison_table_wrapper {
        display: flex;
        margin-bottom: 1.5rem;

    }

    .interview_process_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.1875rem 1rem #4C66F60A;
        border-radius: 0.8125rem;
        padding: 2.125rem 1.5rem 1.5rem 1.688rem;
        width: 17rem;
        height: 21.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

    .interview_onboarding_wrapper {
        background: #BDE8BD 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.1875rem 1rem #BDE8BDD9;
        border-radius: 0.8125rem;
        padding: 1.6rem 1.5rem 1.5rem 1.688rem;
        width: 17rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;

    }


    .interview_heading_h3 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        opacity: 1;
        font-size: 1.0625rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        opacity: 0.43;
        text-decoration: line-through;
        padding: 0rem 0.25rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 0rem;



    }


    .check_mark_img {
        width: 1rem;
        height: 1rem;
        margin-bottom: -0.14rem;
    }

    .interview_heading_h2 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
    }

    .interview_heading_h4 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 0rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
    }

    .interview_heading_img {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .vetting_process_verticle_line {
        height: 26.875rem;
    }

    .hiring_process_at_hyno_wrapper {
        position: relative;

    }

    .hiring_process_details_wrapper {
        display: flex;
        margin-top: 1.5rem;
        gap: 1.5rem;
    }

    .hiring_process_other_details_wrapper {
        display: flex;
        margin-top: 4.844rem;
        gap: 1.125rem;
    }

    .hiring_process_at_others_wrapper {
        position: relative;
    }

    .hiring_process_a {
        display: flex;
        flex-direction: column;
        align-items: end;
        margin-top: 3.594rem;
        margin-left: -1.7rem;


    }

    .our_way_text {
        letter-spacing: 0px;
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: 700;
    }

    .our_way_text_1 {
        letter-spacing: 0px;
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: 700;

    }

    .other_companies_days_wrapper {
        border-left: 0.5rem solid var(--primary-red);
        padding-left: 1.25rem;
        height: 5rem;
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    .our_company_days_wrapper {
        border-right: 0.5rem solid #BEE8BC;
        padding-right: 1.25rem;
        height: 5rem;

    }

    .traditional_way_text {
        text-align: left;
        color: var(--grey-900);
        font-size: 3rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-bottom: 0rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;

    }

    .no_of_days_heading {
        text-align: left;
        color: var(--grey-900);
        font-size: 3rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0rem;

    }

    .no_of_days_heading_span {
        text-align: left;

        color: var(--grey-900);
        font-size: 2rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .no_of_days_heading_span_1 {
        text-align: left;

        color: var(--grey-900);
        font-size: 2rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .hiring_process_b {
        width: fit-content;
        margin-top: 3.375rem;
        order: 2;

    }

    .hiring_process_d {
        width: fit-content;
        margin-top: 1.75rem;
        position: absolute;
        left: 18.5rem;
        top: 12.313rem;
        width: 11rem;


    }

    .low_cost_text {
        text-align: left;

        color: #7C808A;
        opacity: 1;
        font-size: 1.0625rem;
        line-height: 1.25rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
        width: fit-content;


    }

    .hiring_process_expensive {
        opacity: 1;
        position: absolute;
        top: 18.75rem;
        right: 18.125rem;
        width: 11rem;
    }

    .expensive_text {
        text-align: right;

        color: #7C808A;
        opacity: 1;
        font-size: 1.0625rem;
        line-height: 1.25rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
    }
}

@media (min-width:1400px) {


    /* New Styles for Home hero section */
    .home_main_wrapper {
        background: #fff 0% 0% no-repeat padding-box;
    }







    .flow-main-container {
        width: 100%;
        background: #EDF1F4 0% 0% no-repeat padding-box;
        opacity: 1;

    }

    .flow-top-container {
        width: 100%;

    }

    .flow-top-content-container {
        background-image: url("./images/MainPageImages/white-waves.png");
        display: flex;
        flex-direction: column;
        align-items: center;
    }




    .hire_silicon_text_wrapper_a {
        z-index: 4;
    }

    .hire_silicon_text_wrapper_p {
        text-align: center;
        color: #808080;
        margin-top: 0.875rem;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);

    }





    .back_arrow_image {
        width: 7.125rem;
        height: 4.625rem;
        margin-top: 5rem;
        margin-left: -1.875rem;
    }

    .the_hiring_experience_wrapper {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .what_people_main_say_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #E4E8EB 0% 0% no-repeat padding-box;
        padding-bottom: 5.5rem;
    }

    .what_people_say_container {
        width: 82rem;
        margin-top: 3rem;


    }


    .what_people_say_container_h2 {
        text-align: left;
        color: var(--grey-900);
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        width: 30rem;


    }

    .what_people_say_container_p {
        font-family: var(--font-family-sans-serif);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 0rem;


    }

    .profile-container-details {
        display: flex;
    }

    .client-feedback-container {
        width: max-content;
    }

    .client-feedback-container-img {
        width: 11.875rem;
        border-radius: 50%;
        margin-left: 3.375rem;
    }

    .what_people_say_container_1 {
        display: flex;
        padding: 2.75rem 0rem 2rem 0rem;
    }

    .profile-address-container {
        width: 7.25rem;
    }

    .right_quotes_wrapper {
        width: 7.25rem;
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: flex-end;
    }

    .profile-address-container-h2 {
        width: 6.5rem;
        height: 5.375rem;

    }

    .profile-view-container {
        width: 41.875rem;
        margin-left: 2.5rem;
    }


    .profile-view-container-h2 {
        color: var(--grey-500);
        font-size: var(--xl-h4-font-size);
        line-height: var(--xl-h4-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
    }

    .profile-view-container-p {
        color: var(--grey-500);
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        margin-top: 0.25rem;
        width: 37.875rem;
        margin-bottom: 0.5rem;
    }

    .profile-view-container-h5 {

        letter-spacing: 0.36px;
        color: var(--grey-900);
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        margin-bottom: 0rem;

    }

    .profile-view-container-h5-span {

        color: #646464;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);

    }

    .profile-view-container-img {
        height: 1.25rem;
        margin-top: -1.25rem;

    }

    .carousel-indicators {
        margin-left: -22% !important;
        margin-bottom: -5rem !important;




    }

    .carousel-indicators>li {
        width: 0.625rem !important;
        height: 0.625rem !important;
        border-radius: 100% !important;
        color: var(--primary-blue) !important;
        /* margin-top: 200px !important; */

    }

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 1.875rem;
        height: 3px;
        margin: 0rem 0.25rem;
        text-indent: -999px;
        cursor: pointer;
        background-color: var(--primary-blue) !important;
        background-clip: padding-box;
        border-top: 0.625rem solid transparent;
        border-bottom: 0.625rem solid transparent;
        opacity: .5;
        transition: opacity .6s ease;
    }



    .our_blogs_heading_text_wrapper {
        padding-left: calc(50% - 36.25rem);
    }

    .our_blogs_heading_text {
        text-align: left;
        color: var(--grey-900);
        text-transform: uppercase;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-family: var(--font-family-sans-serif);

    }


    .home-busi-content-container {
        width: 82.5rem;
        display: flex;
        margin: auto;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.875rem;
    }

    .home-busi-content-container>h2 {
        text-align: left;
        color: var(--grey-900);
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);


    }

    .home-busi-tech-container {
        margin-top: 7.125rem;
        width: 100%;

    }

    .PrevHome {
        text-align: left;
        color: var(--font-highlight-color);
        opacity: 1;
        background-color: transparent;
        border: 0px;
        cursor: pointer;
        outline: none !important;
        border: none;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
    }

    .PrevHome:hover {
        cursor: pointer;
        outline: none;
        border: none;
    }

    .font-size-icon-arr-1 {
        font-size: 1.5rem;
        color: var(--font-highlight-color);
    }

    .font-size-icon-arr-2 {
        font-size: 1.5rem;
        color: var(--primary-red);
    }

    .nextHome {
        text-align: left;
        background-color: transparent;
        border: 0px;
        color: var(--primary-red);
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
        margin-left: 1.5rem;
        outline: none !important;
        border: none;
    }

    .nextHome:hover {
        cursor: pointer;
        outline: none;
        border: none;
    }

    .home-busi-mobile-version {
        display: none;
    }

    .home-carousel-blogs-container {
        width: 82.5rem;
        padding-bottom: 6.25rem;
        margin: auto;
    }



    .home-blogs-list-container {
        position: relative;
        display: flex;
        transition: transform 0.8s;
        transition: 2s linear;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;


    }

    .home-blogs-list-container::-webkit-scrollbar {
        display: none;
    }

    .slider-div-container {

        /* overflow-x: scroll; */
        -ms-overflow-style: none;
        scrollbar-width: none;
    }



    .hover-the-element {
        text-decoration: none;
    }

    .hover-the-element:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red) !important;
    }


    .home-blog-container {
        width: 21rem;
        flex-shrink: 0;
        margin-right: 2rem;

    }

    .home-blog-container-img {
        width: 100%;
        height: 13.25rem;
        object-fit: cover;
        -webkit-object-fit: cover;
        border-radius: 0.5rem;
        transition: 0.3s;
    }

    .home-blog-container-img:hover {
        transform: scale(1.1);
    }

    .home-blog-container-h3 {

        color: var(--grey-500);
        margin-top: 1.5rem;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        margin: 1rem 0rem 0rem;


    }

    .home-blog-container-h5 {

        color: var(--grey-700);
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        margin: 0.75rem 0rem 0rem;
    }

    .home-blog-container-p {
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        color: var(--grey-500);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 0.5rem 0rem 0.75rem 0rem;

    }

    .home-blog-container-a {
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        color: var(--primary-red);
        text-transform: capitalize;
        text-decoration: none !important;



    }

    .home-blog-container-a:hover {
        cursor: pointer;
        color: var(--primary-red) !important;
        text-decoration: none;
    }

    .icon-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--grey-50);
        margin-top: 0.125rem;

    }

    .pink-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--primary-red);
        margin-top: 0.125rem;

    }

    .blue-size {
        width: 0.5rem;
        height: 0.75rem;
        color: var(--font-highlight-color);

    }














    .service_link_route {
        /* width: 19.5rem !important; */
        height: 4rem;
        background: var(--white, #FFF);
        box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.05), 0px 4px 12px 0px rgba(51, 65, 85, 0.05);
        border-radius: 0.5rem;
        opacity: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-bottom: 1rem;


    }

    .service_link_route:hover {
        text-decoration: none;
        color: var(--grey-900);
        border-radius: 8px;
        background: var(--grey-50, #F8FAFC);
        box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.07), 0px 4px 12px 0px rgba(51, 65, 85, 0.10);
        height: 4rem;


    }

    .show_more_button_hide_wrapper {
        display: none;
    }

    .service_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1.125rem 1.5rem 1.25rem 2rem;

    }


    .service_skill_text {
        text-align: left;
        color: var(--grey-900);
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--semibold-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;

    }

    .service_logo {
        height: 2rem;

    }

    .biArrowRight {
        font-size: 1.25rem;
    }

    .service_wrapper:hover .biArrowRight {
        font-family: var(--font-family-sans-serif);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
    }


    .make_your_team_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 4rem 0rem;
    }

    .make_your_team_content_wrapper {
        width: 82rem;
        height: 26.25rem;
        background-color: var(--grey-900);
        background-image: url("./images/MainPageImages/Mask_Group_300.png");
        border-radius: 0.5rem;
        padding: 5.125rem 0rem 4.375rem 5.4375rem;


    }

    .make_your_team_heading {

        color: var(--grey-50);
        text-transform: uppercase;
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-family: var(--font-family-sans-serif);

    }

    .make_your_team_text {
        color: var(--grey-50);
        white-space: pre-line;
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: var(--font-family-sans-serif);
        margin-bottom: 0.875rem;
        font-weight: var(--extra-bold-weight);

        width: 30rem;



    }

    .make_your_team_text_span {
        background: transparent linear-gradient(262deg, #4066FE 0%, #E36A93 100%) 0% 0% no-repeat padding-box;
        background-clip: padding-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;


    }

    .benefits_with_us_wrapper {
        display: flex;
        align-items: center;
        gap: 1.875rem;
        margin-top: 1.25rem;
    }

    .free_trail_text {
        color: var(--grey-500);
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        display: flex;
        align-items: center;
        gap: 0.5rem;


    }

    .circle_with_arrow {
        color: var(--grey-500);
    }

    .make_your_team_button {
        cursor: pointer;
        background: var(--grey-50) 0% 0% no-repeat padding-box;
        border-radius: 0.5rem;
        border: none;
        width: fit-content;
        height: 3rem;
        text-align: left;

        color: var(--font-highlight-color);
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-family: var(--font-family-sans-serif);
        padding: 0rem 1.6875rem;
        margin-top: 0.75rem;
        font-weight: var(--bold-weight);
        text-transform: uppercase;

    }

    .make_your_team_button:hover {
        color: #6D28D9;
        background: var(--grey-100, #F1F5F9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    }

    .make_your_team_button>i {
        color: var(--font-highlight-color);
        opacity: 1;
        font-size: 0.75rem;
        font-weight: var(--semibold-weight);
        margin-left: 0.5rem;

    }




    .partners_in_success_wrapper {
        padding: 4.125rem 0rem;
        overflow: hidden;
        width: 32.5rem;

        margin: auto;
    }



    .partners_logos_main_wrapper {
        overflow: hidden;
        white-space: nowrap;
        padding: 0.5rem 0rem;
        position: relative;




    }

    /* .partners_logos_main_wrapper:before,
    .partners_logos_main_wrapper:after {
        position: absolute;
        top: 0;
        width: 5rem;
        height: 100%;
        content: "";
        z-index: 2;

    }

    .partners_logos_main_wrapper:before {
        left: 0;
        background: transparent linear-gradient(270deg, #FFFFFF00 0%, #FFFFFF7F 50%, var(--grey-50) 100%) 0% 0% no-repeat padding-box;
    }

    .partners_logos_main_wrapper:after {
        right: 0;
        background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF7F 50%, var(--grey-50) 100%) 0% 0% no-repeat padding-box;

    } */

    .partners_logos_wrapper {
        display: inline-block;
        align-items: center;
        animation: 90s PartnersLogoSlide infinite linear;
    }

    .partners_logo {
        margin: 0rem 3rem;
        max-height: 3rem;

    }

    @keyframes PartnersLogoSlide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    .values_main_wrapper {
        width: 100%;
        display: flex;
        justify-content: center;

    }

    .values_wrapper {
        width: 72.5rem;
        height: 19.3125rem;
        background-image: url('./images/MainPageImages/Mask_Group_102877.png');
        padding: 2.625rem 3.75rem 2.1875rem 3.4375rem;
        display: flex;
        gap: 4rem;
        background-position: 50% 50%;
        background-size: cover;


    }

    .value_container {
        width: 19.125rem;
    }

    .value_main_heading {
        text-align: left;

        opacity: 1;
        font-size: 2rem;
        line-height: 2.25rem;
        color: var(--grey-50);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-top: 1.25rem;



    }

    .value_span_heading {
        color: #8194FF;
    }

    .values_image {
        opacity: 1;
    }

    .value_text {
        text-align: left;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        color: var(--grey-50);
        font-family: var(--font-family-sans-serif);
        margin-top: 1rem;

    }

    .developer_importance_main_conatiner {
        display: flex;
        gap: 3.75rem;
        padding: 2rem calc(50% - var(--offset)) 0rem;


    }

    .essential_developer_skills {
        display: grid;
        max-width: 44.5rem;
        padding-bottom: 6rem;
        grid-template-columns: repeat(2, 1fr);

        row-gap: 3rem;
        /* Vertical gap */
        column-gap: 3rem;
        /* Horizontal gap */
    }

    .developer_skills {
        max-width: 20rem;
    }

    .developer_skills_img {
        width: 3.81rem;
        height: 3.81rem;
    }

    .developer_skills_h2 {
        color: var(--grey-900);
        opacity: 1;
        width: 15rem;
        padding-top: 1.25rem;
        margin-bottom: 0rem;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
    }

    .developer_skills_p {
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-family: var(--font-family-sans-serif);
        color: var(--grey-500);
        margin: 0.5rem 0rem 0rem 0rem;



    }

    .skills_advantage {
        max-width: 30rem;

    }

    .skills_advantage_h3 {
        font-family: var(--font-family-sans-serif);
        font-size: var(--xl-captions-c1-font-size);
        font-weight: var(--semibold-weight);
        background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        margin-bottom: 0rem;

    }

    .skills_advantage_h2 {
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
        color: var(--grey-900);
        margin-top: 0.5rem;

    }

    .skills_advantage_p {

        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        color: var(--grey-500);
        margin-bottom: 0rem;



    }

    .skills_advantage_img {
        /* max-width: 36.5rem; */
        margin-left: -21rem;
        margin-top: 1rem;
    }



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

        padding: 3rem 0rem;



    }

    .vetting_process_h3 {

        color: var(--grey-500);
        text-transform: uppercase;
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-family: var(--font-family-sans-serif);


    }

    .vetting_process_h2 {
        color: var(--grey-900);
        font-size: var(--xl-h2-font-size);
        line-height: var(--xl-h2-line-height);
        font-family: var(--font-family-sans-serif);
        font-weight: var(--extra-bold-weight);
    }

    .vetting_process_p {
        text-align: center;

        color: #7C808A;
        font-size: var(--xl-body-text-p2-font-size);
        line-height: var(--xl-body-text-p2-line-height);
        font-family: var(--font-family-sans-serif);
        width: 53rem;
        margin-top: 0.125rem;
        margin-bottom: 1.75rem;
    }

    .vetting_process_link {
        width: 13rem;
        height: 3.25rem;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--grey-50);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-family-sans-serif);
        text-decoration: none;
        font-size: var(--xl-captions-c1-font-size);
        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
        text-transform: uppercase;

    }

    .vetting_process_link:hover {
        color: var(--grey-50);
        text-decoration: none;
        background-color: var(--primary-red-hover);
    }


    .comparison_table_wrapper {
        display: flex;
        margin-bottom: 1.5rem;

    }

    .interview_process_wrapper {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.1875rem 1rem #4C66F60A;
        border-radius: 0.8125rem;
        padding: 2.125rem 1.5rem 1.5rem 1.688rem;
        width: 17rem;
        height: 21.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

    .interview_onboarding_wrapper {
        background: #BDE8BD 0% 0% no-repeat padding-box;
        box-shadow: 0rem 0.1875rem 1rem #BDE8BDD9;
        border-radius: 0.8125rem;
        padding: 1.6rem 1.5rem 1.5rem 1.688rem;
        width: 17rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;

    }


    .interview_heading_h3 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        opacity: 1;
        font-size: 1.0625rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--medium-weight);
        opacity: 0.43;
        text-decoration: line-through;
        padding: 0rem 0.25rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 0rem;



    }


    .check_mark_img {
        width: 1rem;
        height: 1rem;
        margin-bottom: -0.14rem;
    }

    .interview_heading_h2 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
    }

    .interview_heading_h4 {
        text-align: left;
        letter-spacing: 0px;
        color: #383B43;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 0rem;
        padding: 0rem 0.25rem;
        margin-bottom: 0rem;
    }

    .interview_heading_img {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .vetting_process_verticle_line {
        height: 26.875rem;
    }

    .hiring_process_at_hyno_wrapper {
        position: relative;

    }

    .hiring_process_details_wrapper {
        display: flex;
        margin-top: 1.5rem;
        gap: 1.5rem;
    }

    .hiring_process_other_details_wrapper {
        display: flex;
        margin-top: 4.844rem;
        gap: 1.125rem;
    }

    .hiring_process_at_others_wrapper {
        position: relative;
    }

    .hiring_process_a {
        display: flex;
        flex-direction: column;
        align-items: end;
        margin-top: 3.594rem;
        margin-left: -1.7rem;


    }

    .our_way_text {
        letter-spacing: 0px;
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: 700;
    }

    .our_way_text_1 {
        letter-spacing: 0px;
        color: var(--grey-900);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: var(--font-family-sans-serif);
        font-weight: 700;

    }

    .other_companies_days_wrapper {
        border-left: 0.5rem solid var(--primary-red);
        padding-left: 1.25rem;
        height: 5rem;
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    .our_company_days_wrapper {
        border-right: 0.5rem solid #BEE8BC;
        padding-right: 1.25rem;
        height: 5rem;

    }

    .traditional_way_text {
        text-align: left;
        color: var(--grey-900);
        font-size: 3rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        margin-bottom: 0rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;

    }

    .no_of_days_heading {
        text-align: left;
        color: var(--grey-900);
        font-size: 3rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--black-weight);
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0rem;

    }

    .no_of_days_heading_span {
        text-align: left;

        color: var(--grey-900);
        font-size: 2rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .no_of_days_heading_span_1 {
        text-align: left;

        color: var(--grey-900);
        font-size: 2rem;
        line-height: 2rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        margin-bottom: 0rem;
    }

    .hiring_process_b {
        width: fit-content;
        margin-top: 3.375rem;
        order: 2;

    }

    .hiring_process_d {
        width: fit-content;
        margin-top: 1.75rem;
        position: absolute;
        left: 18.5rem;
        top: 12.313rem;
        width: 11rem;


    }

    .low_cost_text {
        text-align: left;

        color: #7C808A;
        opacity: 1;
        font-size: 1.0625rem;
        line-height: 1.25rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
        width: fit-content;


    }

    .hiring_process_expensive {
        opacity: 1;
        position: absolute;
        top: 18.75rem;
        right: 18.125rem;
        width: 11rem;
    }

    .expensive_text {
        text-align: right;

        color: #7C808A;
        opacity: 1;
        font-size: 1.0625rem;
        line-height: 1.25rem;
        font-family: var(--font-family-sans-serif);
        font-weight: var(--regular-weight);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
    }
}

.logo_with_lines {
    width: 108px;
    height: 101px;
    margin-bottom: -50px;
    margin-left: -50px;
}