:root {
    /* --colors-- */
    --grey-900: #0f172a;
    --grey-800: #1e293b;
    --grey-700: #334155;
    --grey-600: #334155;
    --grey-500: #64748b;
    --grey-400: #94a3b8;
    --grey-300: #cbd5e1;
    --grey-200: #e2e8f0;
    --grey-100: #f1f5f9;
    --grey-50: #f8fafc;
    --primary-red: #ff004c;

    --primary-violet: #8b5cf6;
    --white: #ffffff;

    --primary-red-hover: #D90041;

    --primary-blue: #A075F8;



    --font-highlight-color: #4A41E0;


    /* --gradient-1: linear-gradient(268.23deg,
            rgba(255, 97, 97, 1) 0%,
            rgba(124, 60, 255, 1) 100%);
    --gradient-2: linear-gradient(89.78deg,
            rgba(1, 218, 253, 1) 0%,
            rgba(239, 3, 246, 1) 100%);
    --angular-2: conic-gradient(from 180deg at 50% 50%,
            rgba(1, 218, 253, 1) 0%,
            rgba(239, 3, 246, 1) 100%);
    --angular-1: conic-gradient(from 180deg at 50% 50%,
            rgba(139, 92, 246, 1) 0%,
            rgba(255, 0, 76, 1) 100%); */






    --font-color-secondary: #0F172A;
    --font-color-primary: #ffffff;
    --font-color-accent: #6F7682;

    --font-color-muted: #64748B;




    /* Effects */
    --primarybtnshadow-box-shadow: inset 0px -3px 0px 0px rgba(31, 16, 28, 0.1);



    /* font-weight */
    --light-weight: 300;
    --regular-weight: 400;
    --medium-weight: 500;
    --semibold-weight: 600;
    --bold-weight: 700;
    --extra-bold-weight: 800;
    --black-weight: 900;

    --font-family-sans-serif: 'Figtree', sans-serif;


    --font-notice-color: #F8F8FF;
    --font-ivory-color: #C9C6ED;


    --font-emphasis-color: #5845E6;
    --font-subdued-color: #4C66F6;



    --font-subtle-color: #132f48;
    --font-ghost-color: #0F1729;
    --font-olive-color: #41AC6F;

    --font-steel-color: #8890A2;



    /* --font-library-- */
    --xl-h1-main-heading-font-size: 3.37rem;
    --xl-h1-main-heading-line-height: 3.87rem;
    --lg-h1-main-heading-font-size: 2.375rem;
    --lg-h1-main-heading-line-height: 2.75rem;
    --md-h1-main-heading-font-size: 2.375rem;
    --md-h1-main-heading-line-height: 2.75rem;
    --sm-h1-main-heading-font-size: 2.375rem;
    --sm-h1-main-heading-line-height: 2.75rem;

    /* Hero-text-in-supporting-pages */
    --xl-h1-font-size: 3.5rem;
    --xl-h1-line-height: 3.5rem;

    --lg-h1-font-size: 2.375rem;
    --lg-h1-line-height: 2.375rem;
    --md-h1-font-size: 2.375rem;
    --md-h1-line-height: 2.375rem;

    --sm-h1-font-size: 2.375rem;
    --sm-h1-line-height: 2.375rem;

    /* Section Headings */
    --xl-h2-font-size: 3rem;
    --xl-h2-line-height: 3rem;

    --lg-h2-font-size: 2.5rem;
    --lg-h2-line-height: 2.5rem;
    --md-h2-font-size: 2.125rem;
    --md-h2-line-height: 2.125rem;

    --sm-h2-font-size: 2rem;
    --sm-h2-line-height: 2.375rem;

    /* Section Content's Headings */
    --xl-h3-font-size: 1.75rem;
    --xl-h3-line-height: 2rem;

    --lg-h3-font-size: 1.5rem;
    --lg-h3-line-height: 1.75rem;
    --md-h3-font-size: 1.5rem;
    --md-h3-line-height: 1.75rem;

    --sm-h3-font-size: 1.5rem;
    --sm-h3-line-height: 1.75rem;


    --xl-h4-font-size: 1.5rem;
    --xl-h4-line-height: 2rem;
    --lg-h4-font-size: 1.5rem;
    --lg-h4-line-height: 2rem;
    --md-h4-font-size: 1.5rem;
    --md-h4-line-height: 2rem;
    --sm-h4-font-size: 1.5rem;
    --sm-h4-line-height: 2rem;


    /* Body copy with the hero text */
    --xl-body-text-p1-font-size: 1.125rem;
    --xl-body-text-p1-line-height: 1.75rem;

    --lg-body-text-p1-font-size: 1.25rem;
    --lg-body-text-p1-line-height: 2rem;
    --md-body-text-p1-font-size: 1.25rem;
    --md-body-text-p1-line-height: 2rem;

    --sm-body-text-p1-font-size: 1rem;
    --sm-body-text-p1-line-height: 1.25rem;



    /* Body copy with the section's heading */
    --xl-body-text-p2-font-size: 1.125rem;
    --xl-body-text-p2-line-height: 1.75rem;

    --lg-body-text-p2-font-size: 1.37rem;
    --lg-body-text-p2-line-height: 1.75rem;
    --md-body-text-p2-font-size: 1.37rem;
    --md-body-text-p2-line-height: 1.75rem;

    --sm-body-text-p2-font-size: 1rem;
    --sm-body-text-p2-line-height: 1.5rem;




    /* section content */
    --xl-body-text-p3-font-size: 1rem;
    --xl-body-text-p3-line-height: 1.5rem;

    --lg-body-text-p3-font-size: 1rem;
    --lg-body-text-p3-line-height: 1.25rem;
    --md-body-text-p3-font-size: 1rem;
    --md-body-text-p3-line-height: 1.25rem;
    --sm-body-text-p3-font-size: 1rem;
    --sm-body-text-p3-line-height: 1.25rem;


    /* Above section's heading */
    --xl-captions-c1-font-size: 1rem;
    --xl-captions-c1-line-height: 1rem;

    --lg-captions-c1-font-size: 1rem;
    --lg-captions-c1-line-height: 1rem;
    --md-captions-c1-font-size: 1rem;
    --md-captions-c1-line-height: 1rem;
    --sm-captions-c1-font-size: 1rem;
    --sm-captions-c1-line-height: 1rem;




    /* Small Captions */
    --xl-captions-c2-font-size: 0.875rem;
    --xl-captions-c2-line-height: 0.875rem;

    --lg-captions-c2-font-size: 0.688rem;
    --lg-captions-c2-line-height: 0.813rem;
    --md-captions-c2-font-size: 0.688rem;
    --md-captions-c2-line-height: 0.813rem;
    --sm-captions-c2-font-size: 0.688rem;
    --sm-captions-c2-line-height: 0.813rem;



    /* Font Weight */

    --font-family-ink-free: 'Ink Free', sans-serif;
    --font-family-raleway: 'Raleway', sans-serif;

    --custom-padding: 50%;
    --offset: 36.25rem;
    --desktop-screen-size: 72.5rem;


    /* Effects */
    --primarybtnshadow-box-shadow: inset 0px -3px 0px 0px rgba(31, 16, 28, 0.1);
    --cardshadow-1-box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.05),
        0px 8px 12px 0px rgba(51, 65, 85, 0.05);
    --cardshadow-box-shadow: 0px 12px 56px 0px rgba(51, 65, 85, 0.1),
        0px 8px 12px 0px rgba(51, 65, 85, 0.05);



}


html {
    scroll-behavior: smooth;
}

* {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    color: var(--font-color-secondary);
    font-family: var(--font-family-sans-serif, "Figtree");


}

body {
    margin: 0px;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: var(--font-family-sans-serif, "Figtree")
}

.parent_width_image {
    width: 100%;
    max-height: 352px;
    object-fit: cover;
}

.dev_role_text {
    border-radius: 99px;
    background: #CFFAFE;
    display: flex;
    padding: 0px 12px;
    align-items: center;
    gap: 10px;
    color: #155E75;

    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
}

.hire_a_dev_btn {
    border-radius: 4px;
    background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
    width: 100% !important;
    box-shadow: 0px -3px 0px 0px rgba(31, 16, 28, 0.10) inset;
    border: none;
    outline: none;
    padding: 1rem 2rem;
    color: var(--white, #FFFFFF);

    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
}

.hire_a_dev_btn:hover {
    color: var(--white, #FFFFFF);
    text-decoration: none;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}

.white_bg_grey_color_btn {
    height: 3rem;
    width: 146px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--Grey-500, #64748B);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    background-color: transparent;
}

.white_bg_grey_color_btn:hover {
    color: var(--grey-900);
    background-color: var(--grey-100);
}

.talk_to_an_expert_bg {
    background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
    padding: 1px;

}

.talk_to_an_expert_btn {
    border-radius: 4px;
    width: 100% !important;
    outline: none;
    padding: 1rem 2rem;
    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;

    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;

    border: 0px;




}

.download_interview_report_btn {
    color: var(--grey-700, #334155);

    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-decoration-line: underline;
    text-transform: uppercase;
    border: none;
    width: 100%;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 0rem;


}

.dev_project_link {
    text-decoration: none;

}

.exp_company_logo {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 0.25rem;
}

.full_width {
    max-width: 100%;

}

.dotted_line_vert_display {
    border-left: 2px dashed #CBD5E1;
}

.dotted_line_vert {

    margin-left: 1.5rem;
    padding-left: 2.75rem;
    height: 100%;

}

.pre_line_text {
    white-space: pre-line;

}

.position_sticky {
    position: sticky;
    top: 7.125rem;

}


.exp_prog_bar_wrapper {
    border-radius: 0rem 0rem 0.25rem 0.25rem;
    background: var(--grey-200, #E2E8F0);
    width: 100%;
    height: 0.25rem;
    overflow: hidden;
}

.exp_prog_bar_wrapper>p {
    background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
    height: 100%;
}



.view_more_skills_button {
    color: var(--grey-400, #94A3B8);

    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bi_chevron_down_icon {
    transition: transform 0.3s ease;
}

.up_icon {
    transform: rotate(180deg);
}

.link_anchor_text {
    text-decoration: none;
}

.text_align_center {
    text-align: center;
}



/* Colors used */
.color_white {
    color: var(--white, #FFFFFF) !important;
}

.color_grey_50 {
    color: var(--grey-50, #F8FAFC) !important;
}

.color_grey_100 {
    color: var(--grey-100, #F1F5F9) !important;
}

.color_grey_200 {
    color: var(--grey-200, #e2e8f0) !important;
}

.color_grey_300 {
    color: var(--grey-300, #CBD5E1) !important;

}

.color_grey_400 {
    color: var(--grey-400, #94A3B8) !important;
}

.color_grey_500 {
    color: var(--grey-500, #64748B) !important;
}

.color_grey_600 {
    color: var(--grey-600, #475569) !important;
}

.color_grey_700 {
    color: var(--grey-700, #334155) !important;
}

.color_grey_800 {
    color: var(--grey-800, #1E293B) !important;
}

.color_grey_900 {
    color: var(--grey-900, #0F172A) !important;
}

.primary-violet {
    color: var(--primary-violet, #8B5CF6) !important;

}

.primary_red {
    color: var(--primary-red, #ff004c) !important;

}

.primary_violet_1 {
    color: #D2BCFF !important;
}

.highlight_color {
    color: var(--font-highlight-color, #4A41E0) !important;
}

.primary_violet {
    color: var(--primary-violet, #8B5CF6);

}

.gradient_1 {
    background: var(--gradient-1, linear-gradient(268deg, rgba(255, 97, 97, 0.1) 1.86%, rgba(124, 60, 255, 0.1) 96.92%));

}

.bg_white {
    background: var(--white, #FFFFFF) !important;

}

.bg_grey_50 {
    background: var(--grey-50, #F1F5F9);
}

.bg_grey_100 {
    border-radius: 0.25rem;
    background: var(--grey-100, #F8FAFC) !important;
}

.bg_grey_200 {
    background-color: var(--grey-200, #e2e8f0) !important;
}

.bg_grey_300 {
    background-color: var(--grey-300, #CBD5E1) !important;
}

.bg_grey_400 {
    background-color: var(--grey-400, #94A3B8) !important;
}

.bg_grey_500 {
    background-color: var(--grey-500, #64748B) !important;
}

.bg_grey_600 {
    background-color: var(--grey-600, #475569) !important;
}

.bg_grey_700 {
    background-color: var(--grey-700, #334155) !important;
}

.bg_grey_800 {
    background-color: var(--grey-800, #1E293B) !important;
}

.bg_grey_900 {
    background-color: var(--grey-900, #0F172A) !important;
    border-radius: 0.5rem;

}

.bg_gray_wrapper {
    background-image: url("./images/update/Group_104573.png");
    background-size: cover;
    background-color: var(--grey-900, #0F172A) !important;
    border-radius: 0.5rem;
}


.white_f8 {
    background: #F8F8F8;
}



.gradient_2 {

    background: var(--gradient-2, linear-gradient(90deg, #01DAFD 55.29%, #EF03F6 98.56%));
}

.gradient_bg_60 {
    background: linear-gradient(268deg, rgba(255, 97, 97, 0.1) 1.86%, rgba(124, 60, 255, 0.1) 96.92%);
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-size: 100% 50%, 100% 50%;
    background-repeat: no-repeat;
}

.border_radius_4 {
    border-radius: 0.25rem !important;
}

.border_radius_8 {
    border-radius: 0.5rem !important;
}

.border_radius_16 {
    border-radius: 1rem !important;
}

.border_radius_24 {
    border-radius: 1.5rem !important;
}

.border_radius_100 {
    border-radius: 6.25rem !important;
}

.hover_text_underline {
    text-decoration: none !important;
}

.hover_text_underline:hover {
    text-decoration: underline;
}

.font_weight_500 {
    font-weight: 500 !important;

}

.background_grey_900 {
    background-color: var(--grey-900, #0F172A);
}

.font_weight_300 {
    font-weight: 300 !important;
}

.font_weight_400 {
    font-weight: 400 !important;
}

.font_weight_500 {
    font-weight: 500 !important;
}

.font_weight_600 {
    font-weight: 600 !important;
}

.font_weight_700 {
    font-weight: 700 !important;
}

.font_weight_800 {
    font-weight: 800 !important;
}

.font_weight_900 {
    font-weight: 900 !important;
}

.pricing_tag {

    font-size: 5rem;
}

.shadow_sm {
    box-shadow: 0px 0px 30px 0px #FC68FF2E, 0px 0px 16px 0px #329CFFB0;

}

.pricing_tag_span {
    font-size: 2.5rem;
}

.global_h1_underline {
    background-image: linear-gradient(90deg, #9F84D6, #9F84D6);
    background-position: bottom;
    background-size: 100% 10%;
    background-repeat: no-repeat;
}

.click_here_btn_link {
    border: none;
    background-color: transparent;
    font-weight: 800 !important;
}

.click_here_btn_link:hover {
    text-decoration-line: underline;
}



.client_image {
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    border-radius: 51px;
    border: 3px solid #FFF;
    background: lightgray 50% / cover no-repeat;
    box-shadow: 0px 4px 4px 0px rgba(160, 117, 248, 0.15);
}

.faqs_heading_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;

}

.faqs_answer_text {
    position: relative;
    text-align: justify;
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.chevron_icon_down {
    transition: transform 0.3s ease-out;
    /* Add smooth transition for icon changes */
}

.chevron_icon_rotate {
    transform: rotate(180deg);
}


.margin_bottom {
    margin-bottom: 1rem;
}

.margin_top_8 {
    margin-top: 0.5rem;
}

.white_bg_wrapper {
    background-image: url('./images/update/Rectangle_81222.png');
    padding: 1.5rem;
    width: 26.75rem;
    height: 15.25rem;
    background-size: cover;
}

.close_icon_button:hover svg path {
    fill: #FFF;
    /* Change the color to your desired hover color */
}

.landing_bg_gradient {
    background: var(--gradient-1, linear-gradient(268deg, #ffefef 1.86%, #f2ebff 96.92%));
}

.fraunces_font {
    font-family: "Fraunces", serif !important;
}

.landing_bg_wrapper {
    background-image: url('./images/update/Group_104609.png');
    background-size: cover;

}

.landing_bg_testimonials {
    background-image: url('./images/update/Rectangle_150202.png');
    background-size: cover;
}

.form_white_shadow_bg {
    background: var(--white, #FFF);

    /* card shadow 2 */
    box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.05), 0px 8px 12px 0px rgba(51, 65, 85, 0.05);
}

.linear_gradient_pink {

    background: linear-gradient(97deg, #7C3CFF -5.03%, #FF6161 55.36%, #FFDCA7 114.52%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);

    /* background: radial-gradient(168.7% 145.47% at -1.5% 100%, #01DAFD 0%, #EF03F6 100%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); */
}

.gradient_bg_50 {
    background: linear-gradient(to bottom, var(--white) 50%, #0E0E0E 50%);
}

.linear_gradient_blue {
    background: radial-gradient(117.22% 162.8% at -1.5% 100%, #01DAFD 0%, #EF03F6 100%);

}

.input_element {
    border-radius: 0.5rem;
    border: 1px solid var(--grey-300, #CBD5E1);
    border-bottom: 1px solid #dedede;
    padding: 0.5rem;
    color: var(--grey-900, #0F172A);
    font-size: 1rem;
    line-height: 1.125rem;
    outline: none;
    font-family: 'Figtree', sans-serif;
    font-weight: 500;
    height: 3rem;
    width: 100%;
}

.hire_now_button {
    width: 10.375rem;
    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(--white);
    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    font-size: var(--xl-body-text-p3-font-size);
    line-height: var(--xl-body-text-p3-line-height);
    font-weight: var(--semibold-weight);
    text-transform: uppercase;
    border: none;


}

.hire_now_button:hover {
    cursor: pointer;
    text-decoration: none;
    color: var(--white);
    background-color: var(--primary-red-hover);
}

.partners_global_size {
    /* max-height: 1.75rem; */
    max-width: 100%;



}


.border_none {
    border: none !important;
}

.rectangle_150050 {
    background: rgba(255, 255, 255, 0.75);
    border-radius: 0.5rem;
    border-width: 2px solid var(--white);
    box-shadow: 0px 8px 12px 0px rgba(109, 75, 178, 0.17);
    backdrop-filter: blur(22px);
}

.book_a_call_button {
    background-color: transparent;
    color: var(--white, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    padding: 0rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid #FFF;
    height: 3rem;
}

.book_a_call_button:hover {
    background-color: var(--primary-red);
    border: none;

}

.color_gradient_span {
    background: linear-gradient(224deg, #A075F8 10.71%, #4100C3 86.92%);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2.75rem;

}


.book_a_call_image {
    border-radius: 50%;
    border: 3px solid var(--white);
    background: lightgray 50% / cover no-repeat;
    width: 5rem;
    /* card shadow 1 */
    box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.05), 0px 8px 12px 0px rgba(51, 65, 85, 0.05);
}

.details_input_empty {
    border: 1px solid var(--primary-red, #FF004C);
}


.loader_button {
    width: 10.375rem;
    height: 3.25rem;
    background-color: var(--grey-200, #e2e8f0);
    border-radius: 12.5625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loader_contact_us {
    width: 2.5rem;
    height: 2.5rem;
    border: 0.25rem solid var(--grey-400, #94a3b8);
    border-bottom-color: var(--font-highlight-color, #4A41E0);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotationLoader 1s linear infinite;
}

@keyframes rotationLoader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.width_100 {
    width: 100%;
}

.primary_button {
    background: var(--primary-red, #FF004C);
    color: var(--white);

    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    padding: 1rem 2rem;
    border: none;
    /* 114.286% */
    text-transform: uppercase;

    /* primary btn shadow */
    box-shadow: 0px -3px 0px 0px rgba(31, 16, 28, 0.10) inset;
    text-decoration: none;
}

.primary_button:hover {
    text-decoration: none;
    color: var(--white);
    background-color: var(--primary-red-hover);
}

.body_copy_5 {

    font-size: 14px;
    font-weight: 500;
    line-height: 14px;

}

.global_button_white {
    border: none;
    height: 3.25rem;
    width: 11.25rem;

    text-transform: uppercase;
    background: var(--white, #FFF);
    text-decoration: none;


}

.global_button_white:hover {
    background-color: var(--grey-100);
    text-decoration: none;
    color: var(--grey-900);
}

.sub_heading_4 {

    font-size: 24px;
    line-height: 28px;
    font-weight: 700;


}

.body_copy_5 {

    font-size: 12px;
    font-weight: 400;
    line-height: 16px;

}

.body_copy_2b {

    font-size: 18px;
    line-height: 32px;
}

.bullets_list>li {
    list-style-type: disc;


}

.thank_you_wrapper {
    display: none;
}

.thank_you_main_wrapper {

    background-size: cover;
    background-image: url('./images/update/Image_thank_you.png');

}


.select_element_profile {
    width: 100%;
    background-color: transparent;
    padding: 0rem 0.5rem;
    height: 2.5rem;
    border: 1px solid var(--Neutral-Slate-200, #E2E8F0);
    background: var(--white, #FFF);
    /* UI/B4-13/Semi */

    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    /* 100% */
}

.select_location_element {
    color: var(--Neutral-Slate-700, #334155);

    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    position: relative;
    bottom: -0.75rem;
    background-color: var(--white);
    width: fit-content;
    padding: 0rem 0.5rem 0rem 0.25rem;
    margin-left: 0.25rem;


}

.time_overlap_wrapper {
    background: #3B82F6;
    height: 1.25rem;
    overflow: hidden;
    width: 100%;
}

/*Developer Profile Page Loader */
.loader_wrapper {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #0F172A;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.loader_div {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: 0.4;
    background: var(--gradient-1, linear-gradient(268deg, #FF6161 1.86%, #7C3CFF 96.92%));
    animation: loaderAnim 0.7s linear infinite alternate forwards;
}



@keyframes loaderAnim {
    to {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 1);
    }
}

.position_sticky_10 {
    position: sticky;
    top: 17vh;
}

.image_animation {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.2s ease-out;
    /* Add a smooth transition effect */
}

.image_transition {
    transition: transform 0.5s ease-out;
}

.image_jerk {
    transform: scale(1.05);
    /* Adjust as needed */
}

.tech_skills_main_wrapper {
    padding-top: 4rem;
    border-radius: 0rem !important;
}


/* Community Member Card Starts */
.community_member_card {
    width: 20rem;
    height: 26.5rem;
    flex-shrink: 0;
    border-radius: 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    margin-right: 1rem;
    box-shadow: 0px 3px 30px 0px rgba(51, 65, 85, 0.05), 0px 8px 12px 0px rgba(51, 65, 85, 0.05);
    margin-bottom: 1rem;
    background: var(--white, #FFFFFF);

}

.community_member_card_image {
    object-fit: cover;
    width: 104px;
    height: 104px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 5px solid #FFF;
    background: lightgray 50% / cover no-repeat, #D9D9D9;
    box-shadow: 0px 4px 24px 0px rgba(160, 117, 248, 0.24);
    margin-top: -60px;

}

.card_details_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.community_member_name {
    color: var(--grey-900, #0F172A);
    font-family: var(--font-family-sans-serif);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 1rem;
    margin-bottom: 0rem;

}

.community_member_name>img {
    margin-left: 0.25rem;
}

.community_member_role {
    color: var(--grey-700, #0F172A);
    font-family: var(--font-family-sans-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0rem;
    margin-top: 0.6rem;
}

.community_member_toe {
    color: var(--grey-500, #64748B);
    font-family: var(--font-family-sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0.75rem;
    margin-bottom: 0rem;
}

.member_skills_wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.skill_text {
    color: var(--grey-700, #334155);
    font-family: var(--font-family-sans-serif);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding: 0.375rem 1rem;
    border-radius: 50px;
    border: 1px solid var(--grey-300, #CBD5E1);
    background: var(--white);
    margin-bottom: 0rem;
}

.worked_with_text {
    color: var(--grey-500, #64748B);
    font-family: var(--font-family-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-top: 1.5rem;
    margin-bottom: 0rem;

}

.member_logos_wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 0.5rem;
}

.member_company_logo {
    max-height: 2rem;

}

.skills_extra {
    border-radius: 50px;
    background: var(--primary-violet-500, #8B5CF6);
    padding: 0.375rem 1rem;
    color: var(--white, #FFF);
    font-family: var(--font-family-sans-serif);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0rem;
}


.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);

}

.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);

}

.list_type_disc {
    list-style-type: disc !important;
}

/* Community Member Card Ends */



/* Navbar Styles Starts Here */
.our_talent_nav_wrapper>a {
    text-decoration: none !important;
}

.why_hyno_nav_wrapper>a {
    text-decoration: none !important;
}



.menu-btn {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    z-index: 2;
}

.hynoNavbar .menu-right {
    top: 0;
    left: 100%;
}

.hynoNavbar .navbar-dropdown-menu,
.menu-left {
    left: -50%;
    right: 0;
}

.hynoNavbar .menu-left {
    left: -100%;
}

.hynoNavbar .menu-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
}

.hynoNavbar .menu-item:hover {
    color: var(--primary-red);



}

.expand-btn:hover .bi-chevron-down {
    color: var(--primary-red);



}

.hynoNavbar .dropdown:hover .navbar-dropdown-menu {
    opacity: 1;
    visibility: visible;

}

.hynoNavbar .dropdown-right:hover .menu-right {
    left: 100%;
    opacity: 1;
    visibility: visible;
}

.hynoNavbar .dropdown-right:hover .menu-left {
    left: -100%;
}


.menu-items li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

.content .column_wrapper .read-more:hover {
    color: var(--primary-red);
}

/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
    transform: translateX(1rem);
    background: transparent;
}

.menu-btn.open .menu-btn__lines::before {
    transform: rotate(45deg) translate(-0.5rem, 0.5rem);
    background: var(--font-subtle-color);
}

.menu-btn.open .menu-btn__lines::after {
    transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
    background: var(--font-subtle-color);
}

.our_talent_p>strong {
    color: #64748B;


}

/* Navbar Styles Ends Here */



@media (max-width: 576px) {

    /* Typograpy Styles*/

    .bg_grey_900 {
        background-color: var(--grey-900, #0F172A) !important;
        border-radius: 0rem;
    }

    .border_radius_16 {
        border-radius: 0rem !important;
    }

    /* Home Page Styles*/

    .home_hero_text_span {
        position: relative;

        /* height: 3.87rem; */
        vertical-align: bottom;
        overflow: hidden;
    }

    .home_hero_text_span>span {
        color: var(--primary-violet, #8B5CF6);

        /* animation: revealvertical 6s cubic-bezier(0.77, 0, 0.175, 1) 4s infinite; */
    }

    .text_content {
        opacity: 1;
        display: none;

    }

    @keyframes revealvertical {
        0% {
            transform: translateY(0%);
        }

        25% {
            transform: translateY(0%);
        }

        50% {
            transform: translateY(-100%);
        }

        75% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(-200%);
        }
    }

    .exp_skill_text {
        color: #082F49;

        font-size: 14px;
        font-weight: 500;
    }

    .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%);
        }
    }


    .global_h1 {

        font-size: 32px;
        line-height: 40px;
        font-weight: 700;


    }

    .body_copy_1 {
        color: var(--grey-700, #334155);

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;


    }




    .global_h2 {

        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
    }

    .global_h3 {


        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 42px;

    }

    .sub_heading_1 {

        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
    }

    .sub_heading_2 {


        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;

    }

    .sub_heading_3 {


        font-size: 16px;
        font-weight: 600;
        line-height: 16px;

    }



    .bg_blue {
        border-radius: 24px;
        background: linear-gradient(99deg, #7C3CFF 0.86%, #4100C3 100%);
    }


    .caption_1 {

        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;
    }

    .body_copy_2 {

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_3 {

        font-size: 16px;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_4 {

        font-size: 14px;
        line-height: 24px;
        margin: 0rem;
    }



    .pricing_tag {

        font-size: 3rem;
    }

    .pricing_tag_span {

        font-size: 2rem;

    }



    /* Landing Page Vetting process images styles*/
    .margin_top_negative {
        margin-top: -9rem !important;
        margin-bottom: 0.75rem;
    }

    .margin_top_negative_1 {
        margin-top: -14rem !important;
        margin-bottom: 5.5rem;
    }



    /* Navbar Styles Starts Here */
    .hynoNavbar {
        height: 4.375rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.25rem 1rem;
        width: 100%;

    }

    .hynoNavbar.fixed-top {
        position: -webkit-sticky;
        position: fixed;
        z-index: 999;
        background-color: var(--white);
        box-shadow: 0px 1px 0px 0px #F1F5F9;
        top: 0px;
        width: 100%;

    }



    .hynoNavbar .logo {
        margin-left: 0%;
    }



    .hynoNavbar .logo>img {
        width: 4.625rem;
        height: 2.1875rem;
        margin-top: 0.875rem;

    }

    .overflow {
        overflow: hidden;
    }



    .menu-btn {
        display: flex;
    }

    .hynoNavbar .menu-items {
        position: fixed;
        height: 100%;
        max-height: initial;
        overflow-y: auto;
        width: 100%;
        top: 4.375rem;
        left: -100%;
        display: block;
        transform: translateX(-100vh);
        transition: 0.3s ease-out;
        padding-top: 2rem;
        padding-bottom: 6rem;
        padding-left: 0rem;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);



    }

    .menu-items.open {
        left: 0;
        transform: translateY(0);
        z-index: 3;

    }

    .menu-items li:first-child {
        margin-top: 0rem;
    }


    .menu-items .dropdown-right .right-arrow {
        transform: rotate(90deg);
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 1;
        top: 4rem;
        visibility: visible;
        width: auto;
        max-height: 0;
        transform-origin: left;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        width: 102%;
        margin-left: -0.625rem;
    }


    .expand-btn.open+.sample {
        max-height: 100%;
        transform: scaleZ(1);
    }

    .expand-btn.open+.blog.sample {
        max-height: 100%;
        transform: scaleZ(1);
        max-width: fit-content;
    }

    .hynoNavbar .sample {
        border-top: none;
    }

    .mega-menu .content {
        display: flex;
        flex-direction: column;


    }

    .mega-menu .content .column_wrapper {
        width: 100%;

    }



    .content .column_wrapper .mega-links {
        border-left: 0;

    }

    .column_wrapper .mega-links li {
        margin: 0;
    }


    .hire_buttons_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1rem;


    }

    .hire-now-button {
        width: 10.375rem;
        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(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);


    }

    .hire-now-button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--white);
    }

    .join_as_developer_button {
        width: 10.375rem;
        height: 3.25rem;
        background: transparent;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--grey-900);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        border: 1px solid var(--font-color-accent);


    }

    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        padding: 0rem 2.1875rem;
        width: 102%;
        margin-left: -1.25rem;

    }

    .menu-item.first-item {

        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-critical-color);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 4rem;
        font-weight: var(--medium-weight);
        padding-left: 1rem;
        padding-right: 0rem;
        cursor: pointer;
        text-decoration: none;
        font-weight: var(--medium-weight);

    }

    .mega-menu .content {
        background: var(--white);
        display: flex;
        flex-direction: column;
        padding: 0rem;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .content .column_wrapper .mega-links {
        display: flex;
        flex-direction: column;
    }

    .icon-size-black {
        margin-right: 1rem;
    }

    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        content: "";
        position: absolute;
    }

    .hynoNavbar .menu-btn__lines,
    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        width: 1.5rem;
        height: 0.1rem;
        background: var(--font-subtle-color);
        transition: all 0.4s ease-in-out;
    }

    .hynoNavbar .menu-btn__lines::before {
        transform: translateY(-0.5rem);
    }

    .hynoNavbar .menu-btn__lines::after {
        transform: translateY(0.5rem);
    }

    .icon-size-black:hover {
        color: var(--primary-red);

    }

    .icon-size-pink {
        color: var(--primary-red);
        font-size: var(--sm-captions-c2-font-size);
    }

    .why_hyno_nav_wrapper {
        margin: 1rem;
    }

    .why_hyno_nav_h2 {
        width: 14.375rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.625rem;
        line-height: 1.875rem;
        font-weight: var(--black-weight);

    }

    .why_hyno_nav_p {
        width: 20rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: normal;
        margin-top: 1rem;
        color: var(--font-color-muted);
        margin-bottom: 1rem;

    }

    .why_hyno_nav_a {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--primary-red);
        opacity: 1;
        cursor: pointer;
        font-size: var(--sm-captions-c1-font-size);
        line-height: var(--sm-h3-line-height);
        font-weight: var(--medium-weight);
        text-decoration: none;


    }

    .why_hyno_nav_a:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red);
    }

    .column_wrapper_div {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;
    }

    .column_wrapper_tech {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;

    }

    .our_talent_nav_wrapper {
        width: 100%;

    }

    .our_talent_h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-ghost-color);
        opacity: 1;
        font-size: var(--sm-body-text-p2-font-size);
        line-height: var(--sm-body-text-p2-line-height);
        font-weight: var(--bold-weight);

    }

    .our_talent_p {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        font-weight: var(me);
        width: 20rem;


    }

    .navigate_image_wrapper {
        width: 21.375rem;
    }

    .describe_link_image {
        width: 21.375rem;
        height: 13.625rem;
        background-size: cover;

        border-radius: 0.5rem;
    }

    .navigate_link_on_the_image_wrapper {
        width: 21.375rem;
        height: 4rem;
        opacity: 1;
        display: flex;
        align-items: end;
        justify-content: end;
        margin-top: -4.375rem;


    }

    .blue_short_bold_arrow {
        font-size: 2rem;
        font-weight: bolder;
        color: var(--font-subdued-color);
        cursor: pointer;
    }

    .navigate_link_on_the_image {
        background: var(--white) 0% 0% no-repeat padding-box;
        border-radius: 1rem 0.5rem 0.5rem 0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.625rem;
        margin-right: 0.75rem;
        border: none;
        cursor: pointer;
    }


    .job_role_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;


    }

    .job_role_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        font-weight: 500;
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);

    }

    .job_roles_wrapper {
        display: flex;
        flex-direction: column;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
    }

    .technologies_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
        width: 25.6875rem;
    }

    .technologie_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        cursor: pointer;
        width: 8.5rem;
        height: 2.8125rem;

    }

    .technologie_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 8.5rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: 500;
    }

    /* Navbar Styles Ends Here */

    /* Footer Styles Starts Here */

    .icon-size-follow {
        text-align: center;
        text-decoration: none;
        color: #0E0E0E;
        width: 1.125rem;
    }


    .social-icon-media-container {
        display: flex;
        gap: 1.25rem;
        margin-top: 1.5rem;
    }

    .footer-main-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
    }

    .footer-section-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0rem 1.5rem;
        gap: 3rem;


    }

    .hyno-bottom-img {
        width: 4.375rem;

    }

    .fttdfi_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        font-weight: 300;
        line-height: 1.5rem;
        width: 14rem;
    }


    .all-footer-links-wrapper {
        width: 100%;
        margin-bottom: 2rem;

    }

    .footer-list-items-main-container {
        margin-top: 0rem;
    }


    .footer-list-items-container {

        text-decoration: none;
        display: flex;
        flex-direction: column;
        display: none;
    }

    .footer-list-items-container.show_tags_links {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #4B4B4B;
        padding-bottom: 0.625rem;
        margin-bottom: 1.25rem;
    }


    .footer-list-items-container-h2 {
        text-align: left;

        color: var(--grey-50);
        padding-bottom: 1.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 0rem;
        justify-content: space-between;
        font-size: 1rem;
        line-height: 1.5rem;

        font-weight: var(--medium-weight);
        text-transform: uppercase;
    }

    /* Display the arrow icon only on mobile */
    .footer-list-items-container-h2 .chevron_arrow_icons {
        display: inline-block;
    }

    /* Rotate the arrow icon for mobile version */
    .rotate-icon {
        transition: transform 0.3s ease;
        /* Add CSS transition for smooth rotation */
        width: 1.25rem !important;
        height: 1.25rem !important;
        color: var(--grey-50);
    }

    .rotate-icon.rotate {
        transform: rotate(180deg);
    }



    .footer-list-items-container>a {
        margin-bottom: 1.5rem;
        color: #94A3B8;
        text-decoration: none;

        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
    }

    .footer-list-items-container>a:hover {
        text-decoration: none;
        color: #707070;
    }

    .hiring-btn-container {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;

    }

    .hiring-button-footer {
        text-align: center;
        letter-spacing: 0.0225rem;
        color: #FFFFFF;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 0.375rem;
        border: 0rem;
        font-size: 0.875rem;
        line-height: 0.875rem;
        width: 5.375rem;
        height: 1.75rem;
        margin-top: 0.5rem;
        font-weight: var(--medium-weight);
    }

    .bottom-hyno-logo-container {
        margin-top: 3.75rem;
    }

    .follow-us-social-media {
        border-top: 1px solid #1e1e1e;
        width: 100%;
        opacity: 1;
        margin-top: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        padding: 1.25rem;

    }

    .follow-us-social-media>p {
        color: var(--grey-500, #64748B);
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        margin-bottom: 0rem;
        font-weight: var(--semibold-weight);
        order: 2;
    }



    .follow-us-2-container {
        display: flex;
    }

    .social-icon-2-media-container {
        display: flex;
        gap: 1.25rem;
        margin-top: 0rem;
    }



    .address_full_wrapper {
        width: 100%;
        margin-top: 2rem;
    }

    .country_name_text {
        color: var(--grey-300, #CBD5E1);
        font-size: var(--xl-captions-c1-font-size);

        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
    }

    .address_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        line-height: 1.5rem;
        font-weight: var(--regular-weight);
        display: flex;
        gap: 1rem;
        margin: 1rem 0rem 1.5rem 0rem;
    }

    .flag_size {
        width: 1.5rem;
        height: 1.5rem;
    }


    /* Footer Styles Ends Here */


    /* Technology page styles start here */

    .each_link_qa_wrapper {
        list-style: none;
        position: sticky;
        top: 90px;
        display: flex;
        flex-direction: column;
        display: none;

    }

    .skill_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;

        color: var(--grey-400);

    }

    .skill_inactive_link:hover {

        text-decoration: none !important;
        color: var(--grey-400);

    }

    .skill_active_link {
        font-size: 18px;
        line-height: 28px;

        font-weight: 600 !important;
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .skill_active_link:hover {
        text-decoration: none !important;
        color: var(--white, #fff);

    }


    .tech_answers_container {

        padding-bottom: 40px;

    }

    .tech_answers_container::-webkit-scrollbar {
        display: none;
    }

    .tech_answers_container_h2 {
        font-size: 28px;
        line-height: 32px;

        font-weight: var(--bold-weight);
        color: var(--white);


    }

    .tech_answers_container_p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

        margin-top: 1rem;

    }

    .tech_answers_container_div>h3 {
        font-size: 24px;
        line-height: 30px;

        font-weight: var(--bold-weight);
        color: var(--white);

    }

    .tech_answers_container_div>p {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>p>span {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--bold-weight);
        color: var(--grey-400);

    }


    .vertical_line {
        border-left: 1px solid #334155;
        /* Add a left border to create the vertical line */
        height: 70vh;

        display: none;

        /* Make the vertical line height equal to its container */


    }

    .chevron_icon_down {
        color: #94A3B8;
    }

    .tech_answers_container_div>h4 {
        font-size: 18px;
        line-height: 23px;

        font-weight: var(--semibold-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>ul>li {
        font-size: 16px;
        line-height: 28px;

        color: var(--grey-400);
        list-style-type: disc;
    }

    .tech_answers_container_div {
        padding-top: 30px;
        scroll-margin-block-start: 60px;

    }

    .tech_answers_container_wrapper {
        scroll-margin-block-start: 90px;
        padding-top: 0px !important;
    }

    /*Technology page styles ends here */




    /* Community Members Styles starts here */

    .members_of_our_community_main_wrapper {
        width: 100%;
        margin-top: 0.375rem;
        display: flex;
        flex-direction: column;


    }

    .members_of_our_community_wrapper {
        padding: 3rem 1rem 0rem 1rem;
        order: 1;

    }

    .all_community_members_main_wrapper {
        order: 2;

    }

    .community_members_main_wrapper {
        display: flex;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        transition: 2s linear;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin-bottom: 2.5rem;
        padding: 1rem;
    }

    .community_members_main_wrapper::-webkit-scrollbar {
        display: none;
    }

    .community_members_main_wrapper.no_transition_wrapper {
        scroll-behavior: auto;
    }

    .community_members_main_wrapper.dragging_wrapper {
        scroll-snap-type: none;
        scroll-behavior: smooth;
    }

    .community_members_main_wrapper.dragging_wrapper .community_member_wrapper {
        cursor: grab;
        user-select: none;
    }


    .community_member_wrapper {

        text-decoration: none;


    }

    .community_member_wrapper:hover {
        text-decoration: none;
    }


    .previous_next_buttons_wrapper {
        display: flex;
        align-items: center;
        display: none;
    }

    /* Community Members Styles ends here */


    .full_screen_popup {
        display: none;

    }

    .full_screen_popup_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    /* Popup styles  start here*/
    .free_guide_popup {
        display: none;





    }

    .free_guide_popup_wrapper_block {
        /* width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000; */
        display: none;
    }

    .free_guide_popup_wrapper {
        border-radius: 1.25rem;
        background-image: url('./images/CTA\'s/Frame104726.png');
        display: flex;
        justify-content: space-between;
        width: 55rem;
        height: 25.5rem;
        position: relative;


    }

    .free_guide_form_wrapper {

        position: absolute;

        left: 42px;
        bottom: 67px;
        display: flex;
        align-items: center;
        gap: 3rem;




    }

    .free_guide_input_element {
        background-color: transparent;
        height: 3rem;
        border: none;
        outline: none;
        color: #0F172A;

        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-bottom: 1px solid var(--grey-500);

    }

    .download_free_guide_btn {
        border-radius: 99px;
        color: var(--grey-100, #F1F5F9);
        background: var(--primary-violet, #8B5CF6);
        background: rgba(139, 92, 246, 1);
        border: none;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
        font-family: var(--font-family-sans-serif);
        padding: 1rem 1.5rem;
        font-size: 14px;

        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        cursor: pointer;

    }

    .download_free_guide_btn:hover {
        color: var(--white, #FFF);
        background: var(--primary-blue, #A075F8);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_button {
        background: var(--grey-100, #f8fafc);
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        color: var(--grey-900, #0f172a);
        padding: 0.25rem;
    }

    .close_icon_button:hover {
        background: var(--Primary-red, #FF004C);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_image {
        width: 100%;
        width: 1.5rem;
    }

    /* Popup styles  Ends here*/





    .case_stuides_image {

        object-fit: cover;
        transition: 0.3s;
    }

    .case_stuides_image:hover {
        transform: scale(1.1);
    }

    /* Glossary Page CSS starts Here */

    .glossary_main_wrapper {
        /* background-color: purple; */
    }

    .glossary_active_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 700 !important;
        text-decoration: none !important;
        color: var(--grey-900, #0f172a);
        border-bottom: 1px solid var(--grey-300);
        padding-bottom: 10px;
    }

    .glossary_active_link:hover {
        text-decoration: none !important;
        color: var(--grey-700, #0f172a);
    }

    .glossary_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;
        color: var(--grey-500, #64748b);
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: 10px;
    }

    .glossary_inactive_link:hover {
        text-decoration: none !important;
        color: var(--grey-400, #94a3b8);
    }

    .glossary_heading {
        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 0px;
    }

    .glossary_text {

        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: var(--grey-700, #334155);
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .glossary_answers_container {
        border: 1px solid white;
        scroll-margin-block-start: 75px;
        padding-top: 20px;

    }

    .glossary_answers_container>h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 18px;




    }

    .glossary_ul_list {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        margin-top: 20px;

    }

    .glossary_ul_list>li {
        list-style-type: none;
        display: flex;
        gap: 16px;
        align-items: start;
    }

    .glossary_ol_list {
        list-style-type: decimal;
    }

    .glossary_ul_list>li>img {
        margin-top: 12px;
    }

    .icon_link_hover {
        width: 100% !important;
    }

    .icon_link_hover:hover {
        background-color: var(--grey-200);
        cursor: pointer;
    }



    .glossary_answers_container>h3 {

        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;

        color: var(--grey-900, #0f172a);


    }

    .tech_answers_container_wrapper>h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        margin-top: 20px;
        color: var(--grey-900, #0f172a);


    }

    .tech_answers_container_wrapper>p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;

    }

    .glossary_answers_container_h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: var(--grey-700, #334155);
        margin-bottom: 10px;



    }

    .glossary_answers_container_span {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        color: var(--grey-700, #334155);
        margin-bottom: 0px;

    }

    .glossary_answers_container>p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;

    }

    .glossary_answers_container_p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .search_button {
        background-color: var(--primary-violet);
        border: 2px solid red
    }

    .search_button:hover {
        background-color: var(--primary-blue);
    }

    .index_link {
        border: 0px;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: rgba(100, 116, 139, 1);
        text-decoration: none;

    }

    .index_link.active {
        background: var(--primary-violet, #8b5cf6);
        color: var(--white, #fff);
    }

    .index_link:hover {
        background-color: var(--primary-blue, #A075F8);
        color: white;
        text-decoration: none;
    }

    .pageLink_button {
        border: none;
        text-align: left;
        padding: 8px 0px;
        /* Adjusted padding for better alignment */
        background-color: transparent;
        transition: all 0.5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .arrow_right_short {
        display: none;
        transition: all 0.5s;
    }

    .pageLink_button:hover {
        border-radius: 8px;
        background-color: var(--grey-200, #e2e8f0);
        padding: 8px 10px;
    }

    .pageLink_button:hover .arrow_right_short {
        display: block;
        font-size: 26px;
    }

    .margin_block_start {
        scroll-margin-block-start: 170px;
        padding-top: 0px !important;
    }

    /* Glossary Page CSS Ends Here */

}

@media (min-width: 577px) and (max-width: 768px) {
    /* Home Page Styles*/

    .home_hero_text_span {
        position: relative;
        display: inline-block;
        height: 2.87rem;
        vertical-align: bottom;
        overflow: hidden;
    }

    .home_hero_text_span>span {
        color: var(--primary-violet, #8B5CF6);
        display: block;
        animation: revealvertical 6s cubic-bezier(0.77, 0, 0.175, 1) 4s infinite;
    }

    .text_content {
        opacity: 1;

    }

    @keyframes revealvertical {
        0% {
            transform: translateY(0%);
        }

        25% {
            transform: translateY(0%);
        }

        50% {
            transform: translateY(-100%);
        }

        75% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(-200%);
        }
    }

    .exp_skill_text {
        color: #082F49;

        font-size: 14px;
        font-weight: 500;
    }


    .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%);
        }
    }




    .global_h1 {

        font-size: var(--sm-h1-main-heading-font-size);
        line-height: var(--sm-h1-main-heading-line-height);
        font-weight: 700;
    }

    .home_h1 {
        display: flex;
        flex-direction: column;
    }

    .body_copy_1 {
        color: var(--grey-700, #334155);

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;

    }

    .global_h2 {

        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
    }

    .global_h3 {


        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 42px;

    }

    .sub_heading_1 {

        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
    }

    .sub_heading_2 {


        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;

    }

    .sub_heading_3 {


        font-size: 16px;
        font-weight: 600;
        line-height: 16px;

    }



    .bg_blue {
        border-radius: 24px;
        background: linear-gradient(99deg, #7C3CFF 0.86%, #4100C3 100%);
    }


    .caption_1 {

        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;
    }

    .body_copy_2 {

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_3 {


        font-size: 16px;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_4 {

        font-size: 14px;
        line-height: 24px;
        margin: 0rem;
    }



    .pricing_tag {

        font-size: 3rem;
    }

    .pricing_tag_span {

        font-size: 2rem;

    }



    /* Landing Page Vetting process images styles*/
    .margin_top_negative {
        margin-top: -9rem !important;
        margin-bottom: 0.80rem;
    }

    .margin_top_negative_1 {
        margin-top: -14rem !important;
        margin-bottom: 5.5rem;
    }

    /* Navbar Styles Starts Here */
    .hynoNavbar {
        height: 4.375rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.25rem 1rem;
        width: 100%;

    }

    .hynoNavbar.fixed-top {
        position: -webkit-sticky;
        position: fixed;
        z-index: 999;
        background-color: var(--white);
        box-shadow: 0px 1px 0px 0px #F1F5F9;
        top: 0px;
        width: 100%;

    }



    .hynoNavbar .logo {
        margin-left: 0%;
    }



    .hynoNavbar .logo>img {
        width: 4.625rem;
        height: 2.1875rem;
        margin-top: 0.875rem;

    }

    .overflow {
        overflow: hidden;
    }



    .menu-btn {
        display: flex;
    }

    .hynoNavbar .menu-items {
        position: fixed;
        height: 100%;
        max-height: initial;
        overflow-y: auto;
        width: 100%;
        top: 4.375rem;
        left: -100%;
        display: block;
        transform: translateX(-100vh);
        transition: 0.3s ease-out;
        padding-top: 2rem;
        padding-bottom: 6rem;
        padding-left: 0rem;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);



    }

    .menu-items.open {
        left: 0;
        transform: translateY(0);
        z-index: 3;

    }

    .menu-items li:first-child {
        margin-top: 0rem;
    }


    .menu-items .dropdown-right .right-arrow {
        transform: rotate(90deg);
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 1;
        top: 4rem;
        visibility: visible;
        width: auto;
        max-height: 0;
        transform-origin: left;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        width: 102%;
        margin-left: -0.625rem;
    }


    .expand-btn.open+.sample {
        max-height: 100%;
        transform: scaleZ(1);
    }

    .expand-btn.open+.blog.sample {
        max-height: 100%;
        transform: scaleZ(1);
        max-width: fit-content;
    }

    .hynoNavbar .sample {
        border-top: none;
    }

    .mega-menu .content {
        display: flex;
        flex-direction: column;


    }

    .mega-menu .content .column_wrapper {
        width: 100%;

    }



    .content .column_wrapper .mega-links {
        border-left: 0;

    }

    .column_wrapper .mega-links li {
        margin: 0;
    }


    .hire_buttons_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1rem;


    }

    .hire-now-button {
        width: 10.375rem;
        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(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);


    }

    .hire-now-button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--white);
    }

    .join_as_developer_button {
        width: 10.375rem;
        height: 3.25rem;
        background: transparent;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--grey-900);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        border: 1px solid var(--font-color-accent);


    }

    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        padding: 0rem 2.1875rem;
        width: 102%;
        margin-left: -1.25rem;

    }

    .menu-item.first-item {

        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-critical-color);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 4rem;
        font-weight: var(--medium-weight);
        padding-left: 1rem;
        padding-right: 0rem;
        cursor: pointer;
        text-decoration: none;
        font-weight: var(--medium-weight);

    }

    .mega-menu .content {
        background: var(--white);
        display: flex;
        flex-direction: column;
        padding: 0rem;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .content .column_wrapper .mega-links {
        display: flex;
        flex-direction: column;
    }

    .icon-size-black {
        margin-right: 1rem;
    }

    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        content: "";
        position: absolute;
    }

    .hynoNavbar .menu-btn__lines,
    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        width: 1.5rem;
        height: 0.1rem;
        background: var(--font-subtle-color);
        transition: all 0.4s ease-in-out;
    }

    .hynoNavbar .menu-btn__lines::before {
        transform: translateY(-0.5rem);
    }

    .hynoNavbar .menu-btn__lines::after {
        transform: translateY(0.5rem);
    }

    .icon-size-black:hover {
        color: var(--primary-red);

    }

    .icon-size-pink {
        color: var(--primary-red);
        font-size: var(--sm-captions-c2-font-size);
    }

    .why_hyno_nav_wrapper {
        margin: 1rem;
    }

    .why_hyno_nav_h2 {
        width: 14.375rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.625rem;
        line-height: 1.875rem;
        font-weight: var(--black-weight);

    }

    .why_hyno_nav_p {
        width: 20rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: normal;
        margin-top: 1rem;
        color: var(--font-color-muted);
        margin-bottom: 1rem;

    }

    .why_hyno_nav_a {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--primary-red);
        opacity: 1;
        cursor: pointer;
        font-size: var(--sm-captions-c1-font-size);
        line-height: var(--sm-h3-line-height);
        font-weight: var(--medium-weight);
        text-decoration: none;


    }

    .why_hyno_nav_a:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red);
    }

    .column_wrapper_div {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;
    }

    .column_wrapper_tech {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;

    }

    .our_talent_nav_wrapper {
        width: 100%;

    }

    .our_talent_h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-ghost-color);
        opacity: 1;
        font-size: var(--sm-body-text-p2-font-size);
        line-height: var(--sm-body-text-p2-line-height);
        font-weight: var(--bold-weight);

    }

    .our_talent_p {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        font-weight: var(me);
        width: 20rem;


    }

    .navigate_image_wrapper {
        width: 21.375rem;
    }

    .describe_link_image {
        width: 21.375rem;
        height: 13.625rem;
        background-size: cover;

        border-radius: 0.5rem;
    }

    .navigate_link_on_the_image_wrapper {
        width: 21.375rem;
        height: 4rem;
        opacity: 1;
        display: flex;
        align-items: end;
        justify-content: end;
        margin-top: -4.375rem;


    }

    .blue_short_bold_arrow {
        font-size: 2rem;
        font-weight: bolder;
        color: var(--font-subdued-color);
        cursor: pointer;
    }

    .navigate_link_on_the_image {
        background: var(--white) 0% 0% no-repeat padding-box;
        border-radius: 1rem 0.5rem 0.5rem 0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.625rem;
        margin-right: 0.75rem;
        border: none;
        cursor: pointer;
    }


    .job_role_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;


    }

    .job_role_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        font-weight: 500;
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);

    }

    .job_roles_wrapper {
        display: flex;
        flex-direction: column;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
    }

    .technologies_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
        width: 25.6875rem;
    }

    .technologie_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        cursor: pointer;
        width: 8.5rem;
        height: 2.8125rem;

    }

    .technologie_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: var(--sm-body-text-p3-font-size);
        line-height: var(--sm-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 8.5rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: 500;
    }

    /* Navbar Styles Ends Here */

    /* Footer Styles Starts Here */

    .icon-size-follow {
        text-align: center;
        text-decoration: none;
        color: #0E0E0E;
        width: 1.125rem;
    }


    .social-icon-media-container {
        display: flex;
        gap: 1.25rem;
        margin-top: 1.5rem;
    }

    .footer-main-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
    }

    .footer-section-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0rem 1.5rem;
        gap: 3rem;


    }

    .hyno-bottom-img {
        width: 4.375rem;

    }

    .fttdfi_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        font-weight: 300;
        line-height: 1.5rem;
        width: 14rem;
    }


    .all-footer-links-wrapper {
        width: 100%;
        margin-bottom: 2rem;

    }

    .footer-list-items-main-container {
        margin-top: 0rem;
    }


    .footer-list-items-container {

        text-decoration: none;
        display: flex;
        flex-direction: column;
        display: none;
    }

    .footer-list-items-container.show_tags_links {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #4B4B4B;
        padding-bottom: 0.625rem;
        margin-bottom: 1.25rem;
    }


    .footer-list-items-container-h2 {
        text-align: left;

        color: var(--grey-50);
        padding-bottom: 1.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 0rem;
        justify-content: space-between;
        font-size: 1rem;
        line-height: 1.5rem;

        font-weight: var(--medium-weight);
        text-transform: uppercase;
    }

    /* Display the arrow icon only on mobile */
    .footer-list-items-container-h2 .chevron_arrow_icons {
        display: inline-block;
    }

    /* Rotate the arrow icon for mobile version */
    .rotate-icon {
        transition: transform 0.3s ease;
        /* Add CSS transition for smooth rotation */
        width: 1.25rem !important;
        height: 1.25rem !important;
        color: var(--grey-50);
    }

    .rotate-icon.rotate {
        transform: rotate(180deg);
    }



    .footer-list-items-container>a {
        margin-bottom: 1.5rem;
        color: #94A3B8;
        text-decoration: none;

        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
    }

    .footer-list-items-container>a:hover {
        text-decoration: none;
        color: #707070;
    }

    .hiring-btn-container {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;

    }

    .hiring-button-footer {
        text-align: center;
        letter-spacing: 0.0225rem;
        color: #FFFFFF;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 0.375rem;
        border: 0rem;
        font-size: 0.875rem;
        line-height: 0.875rem;
        width: 5.375rem;
        height: 1.75rem;
        margin-top: 0.5rem;
        font-weight: var(--medium-weight);
    }

    .bottom-hyno-logo-container {
        margin-top: 3.75rem;
    }

    .follow-us-social-media {
        border-top: 1px solid #1e1e1e;
        width: 100%;
        opacity: 1;
        margin-top: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        padding: 1.25rem;

    }

    .follow-us-social-media>p {
        color: var(--grey-500, #64748B);
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        margin-bottom: 0rem;
        font-weight: var(--semibold-weight);
        order: 2;
    }



    .follow-us-2-container {
        display: flex;
    }

    .social-icon-2-media-container {
        display: flex;
        gap: 1.25rem;
        margin-top: 0rem;
    }



    .address_full_wrapper {
        width: 100%;
        margin-top: 2rem;
    }

    .country_name_text {
        color: var(--grey-300, #CBD5E1);
        font-size: var(--xl-captions-c1-font-size);

        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
    }

    .address_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        line-height: 1.5rem;
        font-weight: var(--regular-weight);
        display: flex;
        gap: 1rem;
        margin: 1rem 0rem 1.5rem 0rem;
    }

    .flag_size {
        width: 1.5rem;
        height: 1.5rem;
    }

    /* Footer Styles Ends Here */






    /* Technology page styles start here */


    .each_link_qa_wrapper {
        list-style: none;
        position: sticky;
        top: 90px;
        display: flex;
        flex-direction: column;
        display: none;

    }





    .skill_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;

        color: var(--grey-400);

    }

    .skill_inactive_link:hover {

        text-decoration: none !important;
        color: var(--grey-400);

    }

    .skill_active_link {
        font-size: 18px;
        line-height: 28px;

        font-weight: 600 !important;
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .skill_active_link:hover {
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .tech_answers_container {

        padding-bottom: 40px;

    }

    .tech_answers_container::-webkit-scrollbar {
        display: none;
    }

    .tech_answers_container_h2 {
        font-size: 30px;
        line-height: 30px;

        font-weight: var(--bold-weight);
        color: var(--white);


    }

    .tech_answers_container_p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

        margin-top: 1rem;

    }

    .tech_answers_container_div>h3 {
        font-size: 24px;
        line-height: 30px;

        font-weight: var(--bold-weight);
        color: var(--white);

    }

    .tech_answers_container_div>p {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>p>span {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--bold-weight);
        color: var(--grey-400);

    }


    .vertical_line {
        border-left: 1px solid #334155;
        /* Add a left border to create the vertical line */
        height: 70vh;
        /* Make the vertical line height equal to its container */
        display: none;


    }

    .chevron_icon_down {
        color: #94A3B8;
    }

    .tech_answers_container_div>h4 {
        font-size: 18px;
        line-height: 23px;

        font-weight: var(--semibold-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>ul>li {
        font-size: 16px;
        line-height: 28px;


        color: var(--grey-400);
        list-style-type: disc;
    }

    .tech_answers_container_div {
        padding-top: 50px;
        scroll-margin-block-start: 40px;

    }

    .tech_answers_container_wrapper {
        scroll-margin-block-start: 90px;
        padding-top: 0px !important;
    }

    /*Technology page styles ends here */



    /* Community Members Styles starts here */

    .members_of_our_community_main_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;



    }

    .members_of_our_community_wrapper {
        order: 1;
        padding: 3rem 1rem 0rem 1rem;

    }


    .all_community_members_main_wrapper {
        order: 2;
        margin-top: 3.125rem;

    }

    .community_members_main_wrapper {
        display: flex;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        transition: 2s linear;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin-bottom: 2.5rem;
        padding-left: 1rem;


    }

    .community_members_main_wrapper::-webkit-scrollbar {
        display: none;
    }

    .community_members_main_wrapper.no_transition_wrapper {
        scroll-behavior: auto;
    }

    .community_members_main_wrapper.dragging_wrapper {
        scroll-snap-type: none;
        scroll-behavior: smooth;
    }

    .community_members_main_wrapper.dragging_wrapper .community_member_wrapper {
        cursor: grab;
        user-select: none;
    }

    .community_member_wrapper {
        text-decoration: none !important;
    }

    .community_member_wrapper:hover {
        text-decoration: none;

    }

    .previous_next_buttons_wrapper {

        display: none;

    }

    /* Community Members Styles ends here */


    .full_screen_popup {
        display: none;

    }

    .full_screen_popup_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    /* Popup styles  start here*/
    .free_guide_popup {
        display: none;





    }

    .free_guide_popup_wrapper_block {
        /* width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000; */
        display: none;
    }

    .free_guide_popup_wrapper {
        border-radius: 1.25rem;
        background-image: url('./images/CTA\'s/Frame104726.png');
        display: flex;
        justify-content: space-between;
        width: 55rem;
        height: 25.5rem;
        position: relative;


    }

    .free_guide_form_wrapper {

        position: absolute;

        left: 42px;
        bottom: 67px;
        display: flex;
        align-items: center;
        gap: 3rem;




    }

    .free_guide_input_element {
        background-color: transparent;
        height: 3rem;
        border: none;
        outline: none;
        color: #0F172A;

        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-bottom: 1px solid var(--grey-500);

    }

    .download_free_guide_btn {
        border-radius: 99px;
        color: var(--grey-100, #F1F5F9);
        background: var(--primary-violet, #8B5CF6);
        background: rgba(139, 92, 246, 1);
        border: none;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
        font-family: var(--font-family-sans-serif);
        padding: 1rem 1.5rem;
        font-size: 14px;

        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        cursor: pointer;

    }

    .download_free_guide_btn:hover {
        color: var(--white, #FFF);
        background: var(--primary-blue, #A075F8);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_button {
        background: var(--grey-100, #f8fafc);
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        color: var(--grey-900, #0f172a);
        padding: 0.25rem;
    }

    .close_icon_button:hover {
        background: var(--Primary-red, #FF004C);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_image {
        width: 100%;
        width: 1.5rem;
    }

    /* Popup styles  Ends here*/

    .case_stuides_image {

        object-fit: cover;
        transition: 0.3s;
    }

    .case_stuides_image:hover {
        transform: scale(1.1);
    }


    /* Glossary Page CSS starts Here */
    .glossary_main_wrapper {
        /* background-color: purple; */
    }

    .glossary_active_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 700 !important;
        text-decoration: none !important;
        color: var(--grey-900, #0f172a);
        border-bottom: 1px solid var(--grey-300);
        padding-bottom: 10px;
    }

    .glossary_active_link:hover {
        text-decoration: none !important;
        color: var(--grey-700, #0f172a);
    }

    .glossary_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;
        color: var(--grey-500, #64748b);
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: 10px;
    }

    .glossary_inactive_link:hover {
        text-decoration: none !important;
        color: var(--grey-400, #94a3b8);
    }

    .glossary_heading {
        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 0px;
    }

    .glossary_text {

        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: var(--grey-700, #334155);
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .glossary_answers_container {
        border: 1px solid white;
        scroll-margin-block-start: 75px;
        padding-top: 20px;

    }

    .glossary_answers_container>h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 18px;


    }

    .glossary_ul_list {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        margin-top: 20px;

    }

    .glossary_ul_list>li {
        list-style-type: none;
        display: flex;
        gap: 16px;
        align-items: start;
    }

    .glossary_ol_list {
        list-style-type: decimal;
    }

    .glossary_ul_list>li>img {
        margin-top: 12px;
    }

    .icon_link_hover {
        width: 100% !important;
    }

    .icon_link_hover:hover {
        background-color: var(--grey-200);
        cursor: pointer;
    }



    .glossary_answers_container>h3 {

        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;

        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        margin-top: 20px;
        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: var(--grey-700, #334155);
        margin-bottom: 10px;



    }

    .glossary_answers_container_span {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        color: var(--grey-700, #334155);
        margin-bottom: 0px;

    }

    .glossary_answers_container>p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .search_button {
        background-color: var(--primary-violet);
    }

    .search_button:hover {
        background-color: var(--primary-blue);
    }

    .index_link {
        border: 0px;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: rgba(100, 116, 139, 1);
        text-decoration: none;

    }

    .index_link.active {
        background: var(--primary-violet, #8b5cf6);
        color: var(--white, #fff);
    }

    .index_link:hover {
        background-color: var(--primary-blue, #A075F8);
        color: white;
        text-decoration: none;
    }

    .pageLink_button {
        border: none;
        text-align: left;
        padding: 8px 0px;
        /* Adjusted padding for better alignment */
        background-color: transparent;
        transition: all 0.5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .arrow_right_short {
        display: none;
        transition: all 0.5s;
    }

    .pageLink_button:hover {
        border-radius: 8px;
        background-color: var(--grey-200, #e2e8f0);
        padding: 8px 10px;
    }

    .pageLink_button:hover .arrow_right_short {
        display: block;
        font-size: 26px;
    }

    .margin_block_start {
        scroll-margin-block-start: 170px;
        padding-top: 0px !important;
    }

    /* Glossary Pages Ends Here */




}

@media (min-width: 769px) and (max-width: 992px) {
    /* Home Page Styles*/

    .home_hero_text_span {
        position: relative;
        display: inline-block;
        height: 2.87rem;
        vertical-align: bottom;
        overflow: hidden;
    }

    .home_hero_text_span>span {
        color: var(--primary-violet, #8B5CF6);
        display: block;
        animation: revealvertical 6s cubic-bezier(0.77, 0, 0.175, 1) 4s infinite;
    }

    .text_content {
        opacity: 1;

    }

    @keyframes revealvertical {
        0% {
            transform: translateY(0%);
        }

        25% {
            transform: translateY(0%);
        }

        50% {
            transform: translateY(-100%);
        }

        75% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(-200%);
        }
    }

    .exp_skill_text {
        color: #082F49;

        font-size: 14px;
        font-weight: 500;
    }


    .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%);
        }
    }

    .global_h1 {

        font-size: var(--sm-h1-main-heading-font-size);
        line-height: var(--sm-h1-main-heading-line-height);
        font-weight: 700;
    }

    .home_h1 {
        display: flex;
        flex-direction: column;
    }

    .body_copy_1 {
        color: var(--grey-700, #334155);

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;

    }


    .global_h2 {

        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
    }

    .global_h3 {


        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 42px;

    }

    .sub_heading_1 {

        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
    }

    .sub_heading_2 {


        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;

    }

    .sub_heading_3 {


        font-size: 16px;
        font-weight: 600;
        line-height: 16px;

    }



    .bg_blue {
        border-radius: 24px;
        background: linear-gradient(99deg, #7C3CFF 0.86%, #4100C3 100%);
    }


    .caption_1 {

        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;
    }

    .body_copy_2 {

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_3 {


        font-size: 16px;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_4 {

        font-size: 14px;
        line-height: 24px;
        margin: 0rem;
    }






    /* Landing Page Vetting process images styles*/
    .margin_top_negative {
        margin-top: -9rem !important;
        margin-bottom: 0.75rem;
    }

    .margin_top_negative_1 {
        margin-top: -14rem !important;
        margin-bottom: 5.5rem;
    }

    /* Navbar Styles Starts Here */
    .hynoNavbar {
        height: 4.375rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem;
        width: 100%;

    }

    .hynoNavbar.fixed-top {
        position: -webkit-sticky;
        position: fixed;
        z-index: 999;
        background-color: var(--white) !important;
        box-shadow: 0px 1px 0px 0px #F1F5F9;
        top: 0px;
        width: 100%;

    }


    .hynoNavbar .logo {
        margin-left: 0%;
    }



    .hynoNavbar .logo>img {
        width: 4.625rem;
        height: 2.1875rem;
        margin-top: 0.875rem;

    }

    .overflow {
        overflow: hidden;
    }



    .menu-btn {
        display: flex;
    }

    .hynoNavbar .menu-items {
        position: fixed;
        height: 100%;
        max-height: initial;
        overflow-y: auto;
        width: 100%;
        top: 4.375rem;
        left: -100%;
        display: block;
        transform: translateX(-100vh);
        transition: 0.3s ease-out;
        padding-top: 2rem;
        padding-bottom: 6rem;
        background: rgba(255, 255, 255, 0.8);

        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);

    }

    .menu-items.open {
        left: 0;
        transform: translateY(0);
        z-index: 3;

    }

    .menu-items li:first-child {
        margin-top: 0rem;
    }


    .menu-items .dropdown-right .right-arrow {
        transform: rotate(90deg);
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 1;
        top: 4rem;
        visibility: visible;
        width: auto;
        max-height: 0;
        /* transform: scaleX(0); */
        transform-origin: left;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        width: 102%;
        margin-left: -0.625rem;
    }


    .expand-btn.open+.sample {
        max-height: 100%;
        transform: scaleZ(1);
    }

    .expand-btn.open+.blog.sample {
        max-height: 100%;
        transform: scaleZ(1);
        max-width: fit-content;
    }

    .hynoNavbar .sample {
        border-top: none;
    }

    .mega-menu .content {
        display: flex;
        flex-direction: column;


    }

    .mega-menu .content .column_wrapper {
        width: 100%;

    }



    .content .column_wrapper .mega-links {
        border-left: 0rem;

    }

    .column_wrapper .mega-links li {
        margin: 0rem;
    }


    .hire_buttons_wrapper {
        display: flex;
        gap: 1rem;
        padding: 1rem;
        width: 100%;
    }

    .hire-now-button {
        width: 10.375rem;
        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(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);


    }

    .hire-now-button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--white);
    }

    .join_as_developer_button {
        width: 10.375rem;
        height: 3.25rem;
        background: transparent;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--grey-900);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        border: 1px solid var(--font-color-accent);


    }



    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        padding: 0rem 2.1875em;
        width: 102%;
        margin-left: -1.25rem;


    }

    .menu-item.first-item {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-critical-color);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 4rem;
        padding-left: 1rem;
        cursor: pointer;
        text-decoration: none;
        font-weight: var(--medium-weight);



    }

    .mega-menu .content {
        background: var(--white);
        padding: 0rem;
        -webkit-box-shadow: none;
        box-shadow: none;

    }

    .content .column_wrapper .mega-links {
        display: flex;
        flex-direction: column;
    }

    .icon-size-black {
        margin-right: 1.5rem;
    }



    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        content: "";
        position: absolute;
    }

    .hynoNavbar .menu-btn__lines,
    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        width: 1.5rem;
        height: 0.1rem;
        background: var(--font-subtle-color);
        transition: all 0.4s ease-in-out;

    }

    .hynoNavbar .menu-btn__lines::before {
        transform: translateY(-0.5rem);
    }

    .hynoNavbar .menu-btn__lines::after {
        transform: translateY(0.5rem);
    }




    .icon-size-black:hover {
        color: var(--primary-red);

    }

    .icon-size-pink {
        color: var(--primary-red);
        font-size: 0.625rem;
    }



    .why_hyno_nav_wrapper {
        margin: 1rem;
    }

    .why_hyno_nav_h2 {
        width: 14.375rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-ghost-color);
        opacity: 1;
        font-size: 1.625rem;
        line-height: 1.875rem;
        font-weight: var(--black-weight);
    }

    .why_hyno_nav_p {
        width: 20rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: normal;
        margin-top: 1rem;
        color: var(--font-color-muted);
        margin-bottom: 1rem;
    }

    .why_hyno_nav_a {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--primary-red);
        opacity: 1;
        cursor: pointer;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: normal;
        text-decoration: none;


    }

    .why_hyno_nav_a:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red);
    }

    .column_wrapper_div {
        width: 100%;
        display: flex;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;
        flex-wrap: wrap;
    }

    .column_wrapper_tech {
        width: 100%;
        display: flex;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;
    }

    .our_talent_nav_wrapper {
        width: 21.375rem;
    }

    .our_talent_h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: var(--bold-weight);
    }

    .our_talent_p {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.375rem;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        font-weight: var(--regular-weight);

    }

    .navigate_image_wrapper {
        width: 21.375rem;
    }

    .describe_link_image {
        width: 21.375rem;
        height: 13.625rem;
        background-size: cover;

        border-radius: 0.5rem;
    }

    .navigate_link_on_the_image_wrapper {
        width: 21.375rem;
        height: 4rem;
        opacity: 1;
        display: flex;
        align-items: end;
        justify-content: end;
        margin-top: -4.375rem;


    }

    .blue_short_bold_arrow {
        font-size: 2rem;
        font-weight: bolder;
        color: var(--font-subdued-color);
        cursor: pointer;
    }

    .navigate_link_on_the_image {
        background: var(--white) 0% 0% no-repeat padding-box;
        border-radius: 1rem 0.5rem 0.5rem 0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.625rem;
        margin-right: 0.75rem;
        border: none;
        cursor: pointer;
    }


    .job_role_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
    }

    .job_role_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: var(--medium-weight);
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--font-ivory-color);
    }

    .job_roles_wrapper {
        display: flex;
        flex-direction: column;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
    }

    .technologies_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
        width: 25.6875rem;
    }

    .technologie_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        cursor: pointer;
        width: 8.5rem;
        height: 2.8125rem;
    }

    .technologie_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: 500;
        background: var(--white) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 8.5rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);
    }

    /* Navbar Styles Ends Here */

    /* Footer Styles starts here */

    .icon-size-follow {
        text-align: center;
        text-decoration: none;
        color: #0E0E0E;
        width: 1.125rem;
    }


    .social-icon-media-container {
        display: flex;
        gap: 1.25rem;
        margin-left: 2rem;
        margin-top: -0.625rem;
    }

    .footer-main-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
    }

    .footer-section-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0rem 1.5rem;
        gap: 3rem;


    }

    .hyno-bottom-img {
        width: 4.375rem;

    }

    .fttdfi_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        font-weight: 300;
        line-height: 1.5rem;
        width: 14rem;
    }


    .all-footer-links-wrapper {
        width: 100%;

    }

    .footer-list-items-main-container {
        margin-top: 0rem;
    }


    .footer-list-items-container {

        text-decoration: none;
        display: flex;
        flex-direction: column;
        display: none;
    }

    .footer-list-items-container.show_tags_links {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #4B4B4B;
        padding-bottom: 0.625rem;
        margin-bottom: 1.25rem;
    }


    .footer-list-items-container-h2 {
        text-align: left;

        color: var(--grey-50);
        font-size: 1rem;
        line-height: 1.5rem;
        padding-bottom: 1.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 0rem;
        justify-content: space-between;
        font-weight: var(--medium-weight);
        text-transform: uppercase;
    }

    /* Display the arrow icon only on mobile */
    .footer-list-items-container-h2 .chevron_arrow_icons {
        display: inline-block;
    }

    /* Rotate the arrow icon for mobile version */
    .rotate-icon {
        transition: transform 0.3s ease;
        /* Add CSS transition for smooth rotation */
        width: 1.25rem !important;
        height: 1.25rem !important;
        color: var(--grey-50);
    }

    .rotate-icon.rotate {
        transform: rotate(180deg);
    }



    .footer-list-items-container>a {
        margin-bottom: 1.5rem;
        color: #94A3B8;
        text-decoration: none;

        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
    }

    .footer-list-items-container>a:hover {
        text-decoration: none;
        color: #707070;
    }

    .hiring-btn-container {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }


    .hiring-button-footer {
        text-align: center;
        letter-spacing: 0.0225rem;
        color: #FFFFFF;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 0.375rem;
        border: 0rem;
        font-size: 0.875rem;
        line-height: 0.875rem;
        width: 5.375rem;
        height: 1.75rem;
        margin-top: 0.5rem;
        font-weight: var(--medium-weight);
    }

    .bottom-hyno-logo-container {
        margin-top: 3.75rem;

    }

    .follow-us-social-media {
        border-top: 1px solid #1e1e1e;
        opacity: 1;
        padding: 1rem 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-top: 3rem;
    }

    .follow-us-social-media>p {
        color: var(--grey-500, #64748B);
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        margin-bottom: 0rem;
        font-weight: var(--semibold-weight);

    }



    .follow-us-2-container {
        display: flex;
    }

    .social-icon-2-media-container {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        font-size: 1rem;
    }



    .address_full_wrapper {
        width: 100%;
        margin-top: 2rem;
    }

    .country_name_text {
        color: var(--grey-300, #CBD5E1);
        font-size: var(--xl-captions-c1-font-size);

        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
    }

    .address_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        line-height: 1.5rem;
        font-weight: var(--regular-weight);
        display: flex;
        gap: 1rem;
        margin: 1rem 0rem 1.5rem 0rem;
    }

    .flag_size {
        width: 1.5rem;
        height: 1.5rem;
    }


    /* Footer Styles Ends here */






    /* Technology page styles start here */
    .each_link_qa_wrapper {
        list-style: none;
        position: sticky;
        top: 90px;
        display: flex;
        flex-direction: column;
        display: none;

    }






    .skill_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;

        color: var(--grey-400);

    }

    .skill_inactive_link:hover {

        text-decoration: none !important;
        color: var(--grey-400);

    }

    .skill_active_link {
        font-size: 18px;
        line-height: 28px;

        font-weight: 600 !important;
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .skill_active_link:hover {
        text-decoration: none !important;
        color: var(--white, #fff);

    }


    .tech_answers_container {

        padding-bottom: 3rem;

    }

    .tech_answers_container::-webkit-scrollbar {
        display: none;
    }

    .tech_answers_container_h2 {
        font-size: 30px;
        line-height: 30px;

        font-weight: var(--bold-weight);
        color: var(--white);


    }

    .tech_answers_container_p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

        margin-top: 1rem;

    }

    .tech_answers_container_div>h3 {
        font-size: 24px;
        line-height: 30px;

        font-weight: var(--bold-weight);
        color: var(--white);

    }

    .tech_answers_container_div>p {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>p>span {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--bold-weight);
        color: var(--grey-400);

    }

    .vertical_line {
        border-left: 1px solid #334155;
        /* Add a left border to create the vertical line */
        height: 70vh;
        /* Make the vertical line height equal to its container */
        display: none;


    }

    .chevron_icon_down {
        color: #94A3B8;
    }

    .tech_answers_container_div>h4 {
        font-size: 18px;
        line-height: 23px;

        font-weight: var(--semibold-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>ul>li {
        font-size: 16px;
        line-height: 28px;


        color: var(--grey-400);
        list-style-type: disc;
    }

    .tech_answers_container_div {
        padding-top: 40px;
        scroll-margin-block-start: 50px;

    }

    .tech_answers_container_wrapper {
        scroll-margin-block-start: 90px;
        padding-top: 0px !important;
    }

    /*Technology page styles ends here */



    /* Community Members Styles starts here */

    .members_of_our_community_main_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;



    }

    .members_of_our_community_wrapper {
        order: 1;
        padding: 3rem 1rem 0rem 1rem;

    }


    .all_community_members_main_wrapper {
        order: 2;
        margin-top: 3.125rem;

    }

    .community_members_main_wrapper {
        display: flex;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        transition: 2s linear;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin-bottom: 2.5rem;
        padding-left: 1rem;


    }

    .community_members_main_wrapper::-webkit-scrollbar {
        display: none;
    }

    .community_members_main_wrapper.no_transition_wrapper {
        scroll-behavior: auto;
    }

    .community_members_main_wrapper.dragging_wrapper {
        scroll-snap-type: none;
        scroll-behavior: smooth;
    }

    .community_members_main_wrapper.dragging_wrapper .community_member_wrapper {
        cursor: grab;
        user-select: none;
    }

    .community_member_wrapper {
        text-decoration: none !important;
    }

    .community_member_wrapper:hover {
        text-decoration: none;

    }

    .previous_next_buttons_wrapper {

        display: none;

    }

    /* Community Members Styles ends here */

    .full_screen_popup {
        display: none;

    }

    .full_screen_popup_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    /* Popup styles  start here*/
    .free_guide_popup {
        display: none;





    }

    .free_guide_popup_wrapper_block {
        /* width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000; */
        display: none;
    }

    .free_guide_popup_wrapper {
        border-radius: 1.25rem;
        background-image: url('./images/CTA\'s/Frame104726.png');
        display: flex;
        justify-content: space-between;
        width: 55rem;
        height: 25.5rem;
        position: relative;


    }

    .free_guide_form_wrapper {

        position: absolute;

        left: 42px;
        bottom: 67px;
        display: flex;
        align-items: center;
        gap: 3rem;




    }

    .free_guide_input_element {
        background-color: transparent;
        height: 3rem;
        border: none;
        outline: none;
        color: #0F172A;

        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-bottom: 1px solid var(--grey-500);

    }

    .download_free_guide_btn {
        border-radius: 99px;
        color: var(--grey-100, #F1F5F9);
        background: var(--primary-violet, #8B5CF6);
        background: rgba(139, 92, 246, 1);
        border: none;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
        font-family: var(--font-family-sans-serif);
        padding: 1rem 1.5rem;
        font-size: 14px;

        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        cursor: pointer;

    }

    .download_free_guide_btn:hover {
        color: var(--white, #FFF);
        background: var(--primary-blue, #A075F8);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_button {
        background: var(--grey-100, #f8fafc);
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        color: var(--grey-900, #0f172a);
        padding: 0.25rem;
    }

    .close_icon_button:hover {
        background: var(--primary-red, #FF004C);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_image {
        width: 100%;
        width: 1.5rem;
    }

    /* Popup styles  Ends here*/
    .case_stuides_image {
        height: 250px;
        object-fit: cover;
        transition: 0.3s;
    }

    .case_stuides_image:hover {
        transform: scale(1.1);
    }

    /* Glossary Page CSS starts Here */
    .glossary_main_wrapper {
        /* background-color: purple; */
    }

    .glossary_active_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 700 !important;
        text-decoration: none !important;
        color: var(--grey-900, #0f172a);
        border-bottom: 1px solid var(--grey-300);
        padding-bottom: 10px;
    }

    .glossary_active_link:hover {
        text-decoration: none !important;
        color: var(--grey-700, #0f172a);
    }

    .glossary_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;
        color: var(--grey-500, #64748b);
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: 10px;
    }

    .glossary_inactive_link:hover {
        text-decoration: none !important;
        color: var(--grey-400, #94a3b8);
    }

    .glossary_heading {
        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 0px;
    }

    .glossary_text {

        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: var(--grey-700, #334155);
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .glossary_answers_container {
        border: 1px solid white;
        scroll-margin-block-start: 75px;
        padding-bottom: 20px;

    }

    .glossary_answers_container>h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 18px;


    }

    .glossary_ul_list {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        margin-top: 20px;

    }

    .glossary_ul_list>li {
        list-style-type: none;
        display: flex;
        gap: 16px;
        align-items: start;
    }

    .glossary_ol_list {
        list-style-type: decimal;
    }

    .glossary_ul_list>li>img {
        margin-top: 12px;
    }

    .icon_link_hover {
        width: 100% !important;
    }

    .icon_link_hover:hover {
        background-color: var(--grey-200);
        cursor: pointer;
    }



    .glossary_answers_container>h3 {

        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;

        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        margin-top: 20px;
        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: var(--grey-700, #334155);
        margin-bottom: 10px;



    }

    .glossary_answers_container_span {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        color: var(--grey-700, #334155);
        margin-bottom: 0px;

    }

    .glossary_answers_container>p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .search_button {
        background-color: var(--primary-violet);
    }

    .search_button:hover {
        background-color: var(--primary-blue);
    }

    .index_link {
        border: 0px;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: rgba(100, 116, 139, 1);
        text-decoration: none;

    }

    .index_link.active {
        background: var(--primary-violet, #8b5cf6);
        color: var(--white, #fff);
    }

    .index_link:hover {
        background-color: var(--primary-blue, #A075F8);
        color: white;
        text-decoration: none;
    }

    .pageLink_button {
        border: none;
        text-align: left;
        padding: 8px 0px;
        /* Adjusted padding for better alignment */
        background-color: transparent;
        transition: all 0.5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .arrow_right_short {
        display: none;
        transition: all 0.5s;
    }

    .pageLink_button:hover {
        border-radius: 8px;
        background-color: var(--grey-200, #e2e8f0);
        padding: 8px 10px;
    }

    .pageLink_button:hover .arrow_right_short {
        display: block;
        font-size: 26px;
    }

    .margin_block_start {
        scroll-margin-block-start: 170px;
        padding-top: 0px !important;
    }

    /* Glossary Page CSS Ends Here */



}

@media (min-width: 993px) and (max-width: 1200px) {
    /* Home Page Styles*/

    .home_hero_text_span {
        position: relative;
        display: inline-block;
        height: 2.87rem;
        vertical-align: bottom;
        overflow: hidden;
    }

    .home_hero_text_span>span {
        color: var(--primary-violet, #8B5CF6);
        display: block;
        animation: revealvertical 6s cubic-bezier(0.77, 0, 0.175, 1) 4s infinite;
    }

    .text_content {
        opacity: 1;

    }

    @keyframes revealvertical {
        0% {
            transform: translateY(0%);
        }

        25% {
            transform: translateY(0%);
        }

        50% {
            transform: translateY(-100%);
        }

        75% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(-200%);
        }
    }

    .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%);
        }
    }


    .exp_skill_text {
        color: #082F49;

        font-size: 14px;
        font-weight: 500;
    }



    .global_h1 {

        font-size: 42px;
        line-height: 48px;
        font-weight: 700;
    }

    .home_h1 {
        display: flex;
        flex-direction: column;
    }

    .body_copy_1 {
        color: var(--grey-700, #334155);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;

    }

    .global_h2 {
        font-size: 40px;
        font-weight: 800;
        line-height: 48px;
    }

    .global_h3 {

        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 42px;

    }

    .sub_heading_1 {
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
    }

    .sub_heading_2 {

        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;

    }

    .sub_heading_3 {

        font-size: 16px;
        font-weight: 600;
        line-height: 16px;

    }



    .bg_blue {
        border-radius: 24px;
        background: linear-gradient(99deg, #7C3CFF 0.86%, #4100C3 100%);
    }


    .caption_1 {

        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;
    }

    .body_copy_2 {

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_3 {


        font-size: 16px;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_4 {

        font-size: 14px;
        line-height: 24px;
        margin: 0rem;
    }





    /* Landing Page Vetting process images styles*/
    .margin_top_negative {
        margin-top: -9rem !important;
        margin-bottom: 0.75rem;
    }

    .margin_top_negative_1 {
        margin-top: -14rem !important;
        margin-bottom: 5.5rem;
    }

    /* Navbar Styles Starts Here */
    .hynoNavbar {
        height: 4.375rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem;
        width: 100%;

    }

    .hynoNavbar.fixed-top {
        position: -webkit-sticky;
        position: fixed;
        z-index: 999;
        background-color: var(--white) !important;
        box-shadow: 0px 1px 0px 0px #F1F5F9;
        top: 0px;
        width: 100%;

    }


    .hynoNavbar .logo {
        margin-left: 0%;
    }



    .hynoNavbar .logo>img {
        width: 4.625rem;
        height: 2.1875rem;
        margin-top: 0.875rem;

    }

    .overflow {
        overflow: hidden;
    }



    .menu-btn {
        display: flex;
    }

    .hynoNavbar .menu-items {
        position: fixed;
        height: 100%;
        max-height: initial;
        overflow-y: auto;
        width: 100%;
        top: 4.375rem;
        left: -100%;
        display: block;
        transform: translateX(-100vh);
        transition: 0.3s ease-out;
        padding-top: 2rem;
        padding-bottom: 6rem;
        background: rgba(255, 255, 255, 0.8);

        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);

    }

    .menu-items.open {
        left: 0;
        transform: translateY(0);
        z-index: 3;

    }

    .menu-items li:first-child {
        margin-top: 0rem;
    }


    .menu-items .dropdown-right .right-arrow {
        transform: rotate(90deg);
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 1;
        top: 4rem;
        visibility: visible;
        width: auto;
        max-height: 0;
        /* transform: scaleX(0); */
        transform-origin: left;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        width: 102%;
        margin-left: -0.625rem;
    }


    .expand-btn.open+.sample {
        max-height: 100%;
        transform: scaleZ(1);
    }

    .expand-btn.open+.blog.sample {
        max-height: 100%;
        transform: scaleZ(1);
        max-width: fit-content;
    }

    .hynoNavbar .sample {
        border-top: none;
    }

    .mega-menu .content {
        display: flex;
        flex-direction: column;


    }

    .mega-menu .content .column_wrapper {
        width: 100%;

    }



    .content .column_wrapper .mega-links {
        border-left: 0rem;

    }

    .column_wrapper .mega-links li {
        margin: 0rem;
    }


    .hire_buttons_wrapper {
        display: flex;
        gap: 1rem;
        padding: 1rem;
        width: 100%;
    }

    .hire-now-button {
        width: 10.375rem;
        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(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);


    }

    .hire-now-button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--white);
    }

    .join_as_developer_button {
        width: 10.375rem;
        height: 3.25rem;
        background: transparent;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--grey-900);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        border: 1px solid var(--font-color-accent);


    }



    .menu-items .navbar-dropdown-menu,
    .menu-items .menu-right {
        padding: 0rem 2.1875em;
        width: 102%;
        margin-left: -1.25rem;


    }

    .menu-item.first-item {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-critical-color);
        opacity: 1;
        font-size: 1.25rem;
        line-height: 4rem;
        padding-left: 1rem;
        cursor: pointer;
        text-decoration: none;
        font-weight: var(--medium-weight);



    }

    .mega-menu .content {
        background: var(--white);
        padding: 0rem;
        -webkit-box-shadow: none;
        box-shadow: none;

    }

    .content .column_wrapper .mega-links {
        display: flex;
        flex-direction: column;
    }

    .icon-size-black {
        margin-right: 1.5rem;
    }



    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        content: "";
        position: absolute;
    }

    .hynoNavbar .menu-btn__lines,
    .hynoNavbar .menu-btn__lines::before,
    .hynoNavbar .menu-btn__lines::after {
        width: 1.5rem;
        height: 0.1rem;
        background: var(--font-subtle-color);
        transition: all 0.4s ease-in-out;

    }

    .hynoNavbar .menu-btn__lines::before {
        transform: translateY(-0.5rem);
    }

    .hynoNavbar .menu-btn__lines::after {
        transform: translateY(0.5rem);
    }




    .icon-size-black:hover {
        color: var(--primary-red);

    }

    .icon-size-pink {
        color: var(--primary-red);
        font-size: 0.625rem;
    }



    .why_hyno_nav_wrapper {
        margin: 1rem;
    }

    .why_hyno_nav_h2 {
        width: 14.375rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-ghost-color);
        opacity: 1;
        font-size: 1.625rem;
        line-height: 1.875rem;
        font-weight: var(--black-weight);
    }

    .why_hyno_nav_p {
        width: 20rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: normal;
        margin-top: 1rem;
        color: var(--font-color-muted);
        margin-bottom: 1rem;
    }

    .why_hyno_nav_a {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--primary-red);
        opacity: 1;
        cursor: pointer;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: normal;
        text-decoration: none;


    }

    .why_hyno_nav_a:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red);
    }

    .column_wrapper_div {
        width: 100%;
        display: flex;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;
        flex-wrap: wrap;
    }

    .column_wrapper_tech {
        width: 100%;
        display: flex;
        background: var(--white) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 1rem;
        gap: 2rem;
    }

    .our_talent_nav_wrapper {
        width: 21.375rem;
    }

    .our_talent_h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: var(--bold-weight);
    }

    .our_talent_p {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.375rem;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        font-weight: var(--regular-weight);

    }

    .navigate_image_wrapper {
        width: 21.375rem;
    }

    .describe_link_image {
        width: 21.375rem;
        height: 13.625rem;
        background-size: cover;

        border-radius: 0.5rem;
    }

    .navigate_link_on_the_image_wrapper {
        width: 21.375rem;
        height: 4rem;
        opacity: 1;
        display: flex;
        align-items: end;
        justify-content: end;
        margin-top: -4.375rem;


    }

    .blue_short_bold_arrow {
        font-size: 2rem;
        font-weight: bolder;
        color: var(--font-subdued-color);
        cursor: pointer;
    }

    .navigate_link_on_the_image {
        background: var(--white) 0% 0% no-repeat padding-box;
        border-radius: 1rem 0.5rem 0.5rem 0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.625rem;
        margin-right: 0.75rem;
        border: none;
        cursor: pointer;
    }


    .job_role_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
    }

    .job_role_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: var(--medium-weight);
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--font-ivory-color);
    }

    .job_roles_wrapper {
        display: flex;
        flex-direction: column;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
    }

    .technologies_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
        width: 25.6875rem;
    }

    .technologie_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        cursor: pointer;
        width: 8.5rem;
        height: 2.8125rem;
    }

    .technologie_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: 500;
        background: var(--white) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 8.5rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);
    }

    /* Navbar Styles Ends Here */

    /* Footer Styles Starts here */

    .icon-size-follow {
        text-align: center;
        text-decoration: none;
        color: #0E0E0E;
        width: 1.125rem;
    }


    .social-icon-media-container {
        display: flex;
        gap: 1.25rem;
        margin-left: 2rem;
        margin-top: -0.625rem;
    }

    .footer-main-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
    }

    .footer-section-container {
        background: #0E0E0E 0% 0% no-repeat padding-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0rem 1.5rem;
        gap: 3rem;


    }

    .hyno-bottom-img {
        width: 4.375rem;

    }

    .fttdfi_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        font-weight: 300;
        line-height: 1.5rem;
        width: 14rem;
    }


    .all-footer-links-wrapper {
        width: 100%;

    }

    .footer-list-items-main-container {
        margin-top: 0rem;
    }


    .footer-list-items-container {

        text-decoration: none;
        display: flex;
        flex-direction: column;
        display: none;
    }

    .footer-list-items-container.show_tags_links {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #4B4B4B;
        padding-bottom: 0.625rem;
        margin-bottom: 1.25rem;
    }


    .footer-list-items-container-h2 {
        text-align: left;

        color: var(--grey-50);
        font-size: 1rem;
        line-height: 1.5rem;
        padding-bottom: 1.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 0rem;
        justify-content: space-between;
        font-weight: var(--medium-weight);
        text-transform: uppercase;
    }

    /* Display the arrow icon only on mobile */
    .footer-list-items-container-h2 .chevron_arrow_icons {
        display: inline-block;
    }

    /* Rotate the arrow icon for mobile version */
    .rotate-icon {
        transition: transform 0.3s ease;
        /* Add CSS transition for smooth rotation */
        width: 1.25rem !important;
        height: 1.25rem !important;
        color: var(--grey-50);
    }

    .rotate-icon.rotate {
        transform: rotate(180deg);
    }



    .footer-list-items-container>a {
        margin-bottom: 1.5rem;
        color: #94A3B8;
        text-decoration: none;

        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
    }

    .footer-list-items-container>a:hover {
        text-decoration: none;
        color: #707070;
    }

    .hiring-btn-container {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }


    .hiring-button-footer {
        text-align: center;
        letter-spacing: 0.0225rem;
        color: #FFFFFF;
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 0.375rem;
        border: 0rem;
        font-size: 0.875rem;
        line-height: 0.875rem;
        width: 5.375rem;
        height: 1.75rem;
        margin-top: 0.5rem;
        font-weight: var(--medium-weight);
    }

    .bottom-hyno-logo-container {
        margin-top: 3.75rem;

    }

    .follow-us-social-media {
        border-top: 1px solid #1e1e1e;
        opacity: 1;
        padding: 1rem 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-top: 3rem;
    }

    .follow-us-social-media>p {
        color: var(--grey-500, #64748B);
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        margin-bottom: 0rem;
        font-weight: var(--semibold-weight);

    }



    .follow-us-2-container {
        display: flex;
    }

    .social-icon-2-media-container {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        font-size: 1rem;
    }



    .address_full_wrapper {
        width: 100%;
        margin-top: 2rem;
    }

    .country_name_text {
        color: var(--grey-300, #CBD5E1);
        font-size: var(--xl-captions-c1-font-size);

        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
    }

    .address_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        line-height: 1.5rem;
        font-weight: var(--regular-weight);
        display: flex;
        gap: 1rem;
        margin: 1rem 0rem 1.5rem 0rem;
    }

    .flag_size {
        width: 1.5rem;
        height: 1.5rem;
    }

    /* Footer Styles Ends here */





    /* Technology page styles start here */
    .each_link_qa_wrapper {
        list-style: none;
        position: sticky;
        top: 110px;
        display: flex;
        flex-direction: column;
        gap: 1rem;

    }






    .skill_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;

        color: var(--grey-400);

    }

    .skill_inactive_link:hover {

        text-decoration: none !important;
        color: var(--grey-400);

    }

    .skill_active_link {
        font-size: 18px;
        line-height: 28px;

        font-weight: 600 !important;
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .skill_active_link:hover {
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .tech_answers_container {

        padding-bottom: 3rem;

    }

    .tech_answers_container::-webkit-scrollbar {
        display: none;
    }

    .tech_answers_container_h2 {
        font-size: 30px;
        line-height: 30px;

        font-weight: var(--bold-weight);
        color: var(--white);


    }

    .tech_answers_container_p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

        margin-top: 1rem;

    }

    .tech_answers_container_div>h3 {
        font-size: 24px;
        line-height: 30px;

        font-weight: var(--bold-weight);
        color: var(--white);

    }

    .tech_answers_container_div>p {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>p>span {
        font-size: 16px;
        line-height: 28px;

        font-weight: var(--bold-weight);
        color: var(--grey-400);

    }


    .vertical_line {
        border-left: 1px solid #334155;
        /* Add a left border to create the vertical line */
        height: 70vh;
        /* Make the vertical line height equal to its container */


    }

    .chevron_icon_down {
        color: #94A3B8;
    }

    .tech_answers_container_div>h4 {
        font-size: 18px;
        line-height: 23px;

        font-weight: var(--semibold-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>ul>li {
        font-size: 16px;
        line-height: 28px;


        color: var(--grey-400);
        list-style-type: disc;
    }

    .tech_answers_container_div {
        /* padding-top: 100px; */
        scroll-margin-block-start: 60px;
        padding-top: 50px;

    }

    .tech_answers_container_wrapper {
        scroll-margin-block-start: 110px;
        padding-top: 0px !important;
    }


    /*Technology page styles ends here */


    /* Community Members Styles starts here */

    .members_of_our_community_main_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;



    }

    .members_of_our_community_wrapper {
        order: 1;
        padding: 3rem 1rem 0rem 1rem;

    }






    .all_community_members_main_wrapper {
        order: 2;
        margin-top: 3.125rem;

    }

    .community_members_main_wrapper {
        display: flex;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        transition: 2s linear;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin-bottom: 2.5rem;
        padding-left: 1rem;


    }

    .community_members_main_wrapper::-webkit-scrollbar {
        display: none;
    }

    .community_members_main_wrapper.no_transition_wrapper {
        scroll-behavior: auto;
    }

    .community_members_main_wrapper.dragging_wrapper {
        scroll-snap-type: none;
        scroll-behavior: smooth;
    }

    .community_members_main_wrapper.dragging_wrapper .community_member_wrapper {
        cursor: grab;
        user-select: none;
    }

    .community_member_wrapper {
        text-decoration: none !important;
    }

    .community_member_wrapper:hover {
        text-decoration: none;

    }

    .previous_next_buttons_wrapper {

        display: none;

    }

    /* Community Members Styles ends here */
    .full_screen_popup {
        display: none;

    }

    .full_screen_popup_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    /* Popup styles  start here*/
    .free_guide_popup {
        display: none;





    }

    .free_guide_popup_wrapper_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    .free_guide_popup_wrapper {
        border-radius: 1.25rem;
        background-image: url('./images/CTA\'s/Frame104726.png');
        display: flex;
        justify-content: space-between;
        width: 55rem;
        height: 25.5rem;
        position: relative;


    }

    .free_guide_form_wrapper {

        position: absolute;

        left: 42px;
        bottom: 67px;
        display: flex;
        align-items: center;
        gap: 3rem;




    }

    .free_guide_input_element {
        background-color: transparent;
        height: 3rem;
        border: none;
        outline: none;
        color: #0F172A;

        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-bottom: 1px solid var(--grey-500);

    }

    .download_free_guide_btn {
        border-radius: 99px;
        color: var(--grey-100, #F1F5F9);
        background: var(--primary-violet, #8B5CF6);
        background: rgba(139, 92, 246, 1);
        border: none;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
        font-family: var(--font-family-sans-serif);
        padding: 1rem 1.5rem;
        font-size: 14px;

        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        cursor: pointer;

    }

    .download_free_guide_btn:hover {
        color: var(--white, #FFF);
        background: var(--primary-blue, #A075F8);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_button {
        background: var(--grey-100, #f8fafc);
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        color: var(--grey-900, #0f172a);
        padding: 0.25rem;
    }

    .close_icon_button:hover {
        background: var(--Primary-red, #FF004C);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_image {
        width: 100%;
        width: 1.5rem;
    }

    /* Popup styles  Ends here*/

    .case_stuides_image {
        height: 250px;
        object-fit: cover;
        transition: 0.3s;
    }

    .case_stuides_image:hover {
        transform: scale(1.1);
    }


    /* Glossary Page CSS starts Here */
    .glossary_main_wrapper {
        /* background-color: purple; */
    }

    .glossary_active_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 700 !important;
        text-decoration: none !important;
        color: var(--grey-900, #0f172a);
        border-bottom: 1px solid var(--grey-300);
        padding-bottom: 10px;
    }

    .glossary_active_link:hover {
        text-decoration: none !important;
        color: var(--grey-700, #0f172a);
    }

    .glossary_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;
        color: var(--grey-500, #64748b);
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: 10px;
    }

    .glossary_inactive_link:hover {
        text-decoration: none !important;
        color: var(--grey-400, #94a3b8);
    }

    .glossary_heading {
        font-size: 40px;
        font-weight: 800;
        line-height: 48px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 0px;
    }

    .glossary_text {

        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: var(--grey-700, #334155);
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .glossary_answers_container {
        border: 1px solid white;
        scroll-margin-block-start: 75px;
        padding-top: 35px;
    }

    .glossary_answers_container>h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 22px;
    }

    .glossary_ul_list {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        margin-top: 20px;

    }

    .glossary_ul_list>li {
        list-style-type: none;
        display: flex;
        gap: 16px;
        align-items: start;
    }

    .glossary_ol_list {
        list-style-type: decimal;
    }

    .glossary_ul_list>li>img {
        margin-top: 12px;
    }

    .icon_link_hover {
        width: 100% !important;
    }

    .icon_link_hover:hover {
        background-color: var(--grey-200);
        cursor: pointer;
    }



    .glossary_answers_container>h3 {

        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;

        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        margin-top: 20px;
        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: var(--grey-700, #334155);
        margin-bottom: 10px;



    }

    .glossary_answers_container_span {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: var(--grey-700, #334155);
        margin-bottom: 0px;

    }

    .glossary_answers_container>p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .search_button {
        background-color: var(--primary-violet);
    }

    .search_button:hover {
        background-color: var(--primary-blue);
    }

    .index_link {
        border: 0px;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: rgba(100, 116, 139, 1);
        text-decoration: none;

    }

    .index_link.active {
        background: var(--primary-violet, #8b5cf6);
        color: var(--white, #fff);
    }

    .index_link:hover {
        background-color: var(--primary-blue, #A075F8);
        color: white;
        text-decoration: none;
    }

    .pageLink_button {
        border: none;
        text-align: left;
        padding: 8px 0px;
        /* Adjusted padding for better alignment */
        background-color: transparent;
        transition: all 0.5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .arrow_right_short {
        display: none;
        transition: all 0.5s;
    }

    .pageLink_button:hover {
        border-radius: 8px;
        background-color: var(--grey-200, #e2e8f0);
        padding: 8px 10px;
    }

    .pageLink_button:hover .arrow_right_short {
        display: block;
        font-size: 26px;
    }

    .margin_block_start {
        scroll-margin-block-start: 170px;
        padding-top: 0px !important;
    }

    /* Glossary Page CSS Ends Here */




}

@media (min-width: 1201px) and (max-width: 1399px) {
    /* Home Page Styles*/

    .home_hero_text_span {
        position: relative;
        display: inline-block;
        height: 3.87rem;
        vertical-align: bottom;
        overflow: hidden;
    }

    .home_hero_text_span>span {
        color: var(--primary-violet, #8B5CF6);
        display: block;
        animation: revealvertical 6s cubic-bezier(0.77, 0, 0.175, 1) 4s infinite;
    }

    .text_content {
        opacity: 1;

    }

    @keyframes revealvertical {
        0% {
            transform: translateY(0%);
        }

        25% {
            transform: translateY(0%);
        }

        50% {
            transform: translateY(-100%);
        }

        75% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(-200%);
        }
    }

    .exp_skill_text {
        color: #082F49;

        font-size: 14px;
        font-weight: 500;
    }


    .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%);
        }
    }




    .global_h1 {

        font-size: 56px;
        font-weight: 800;
        line-height: 60px;
    }


    .body_copy_1 {
        color: var(--grey-700, #334155);

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;

    }

    .global_h2 {

        font-size: 48px;
        font-weight: 800;
        line-height: 56px;
    }

    .global_h3 {


        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 42px;

    }

    .sub_heading_1 {

        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
    }

    .sub_heading_2 {


        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;

    }

    .sub_heading_3 {


        font-size: 16px;
        font-weight: 600;
        line-height: 16px;

    }



    .bg_blue {
        border-radius: 24px;
        background: linear-gradient(99deg, #7C3CFF 0.86%, #4100C3 100%);
    }


    .caption_1 {

        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;
    }

    .body_copy_2 {

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        margin: 0rem;
    }

    .body_copy_3 {


        font-size: 16px;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_4 {

        font-size: 14px;
        line-height: 24px;
        margin: 0rem;
    }



    /* Landing Page Vetting process images styles*/
    .margin_top_negative {
        margin-top: -9rem !important;
        margin-bottom: 0.766rem;
    }

    .margin_top_negative_1 {
        margin-top: -14rem !important;
        margin-bottom: 5.5rem;
    }

    /* Navbar Styles Starts Here */

    .hynoNavbar {
        background: transparent;
        height: 5.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0rem;
        padding-right: 0rem;
        z-index: 999;


    }

    .hynoNavbar.fixed-top {
        position: -webkit-sticky;
        position: fixed;
        z-index: 999;
        background-color: var(--white) !important;
        box-shadow: 0px 1px 0px 0px #F1F5F9;
        top: 0px;
        width: 100%;

    }


    .hynoNavbar .logo {
        width: 6.625rem;
        height: 3.125rem;
        margin-right: 2rem;

    }

    .hynoNavbar .logo>img {
        width: 6.625rem;
        height: 3.125rem;


    }


    .menu-btn {
        position: relative;
        display: none;
        justify-content: center;
        align-items: center;
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        z-index: 2;
    }


    .icon-size-black {
        color: var(--grey-900);
        font-size: 0.75rem;
        font-weight: var(--bold-weight);
    }


    .hire_buttons_wrapper {
        display: flex;
        gap: 1rem;
        margin-left: 5rem;
    }

    .hire-now-button {
        width: 10.375rem;
        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(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);


    }

    .hire-now-button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--white);
    }

    .join_as_developer_button {
        width: 10.375rem;
        height: 3.25rem;
        background: transparent;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--color-gre);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        border: 1px solid var(--font-color-accent);


    }


    .join_as_developer_button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--grey-900);
        background-color: var(--grey-50);

    }



    .hynoNavbar .menu-items {
        display: flex;
        align-items: center;
        margin-bottom: 0rem;

    }

    .hynoNavbar .dropdown {
        position: relative;
    }

    .hynoNavbar ul li {
        list-style: none;
        transition: 0.3s ease;
        margin-bottom: 0.375rem;
        margin-right: 2.25rem;


    }

    .hynoNavbar ul li .arrow {
        transition: all 0.3s ease-out;
    }



    .hynoNavbar .dropdown {
        position: relative;
    }



    .hynoNavbar .menu-right {
        top: 0;
        left: 100%;
    }

    .hynoNavbar .navbar-dropdown-menu,
    .menu-left {
        left: -50%;
        right: 0;
    }

    .hynoNavbar .menu-left {
        left: -100%;
    }

    .hynoNavbar .menu-item {
        display: flex;
        justify-content: space-between;
        width: 100%;

    }

    .hynoNavbar .menu-item:hover {
        color: var(--font-color-secondary);
        text-decoration: none;
        font-weight: var(--bold-weight);

        background: transparent linear-gradient(262deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat padding-box;
        background-clip: 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;




    }

    .bi-chevron-down {
        transition: transform 0.3s ease;
    }

    .expand-btn:hover .bi-chevron-down {
        color: var(--font-color-secondary);
        transform: rotate(180deg);

        background: transparent linear-gradient(262deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat padding-box;
        background-clip: 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;


    }

    .expand-btn {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);

    }


    .hynoNavbar .dropdown:hover .navbar-dropdown-menu {
        opacity: 1;
        visibility: visible;

    }

    .hynoNavbar .dropdown-right:hover .menu-right {
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .hynoNavbar .dropdown-right:hover .menu-left {
        left: -100%;
    }

    /* mega menu  */

    .hynoNavbar .mega-menu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 5.625rem;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
        z-index: 5;
    }

    .mega-menu .content {
        display: flex;
        max-width: 100%;
        margin: auto;
        padding: 0rem calc(50% - 35.25rem);

        transition: transform 0.3s ease;

        border-radius: 0rem 0rem 1rem 1rem;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);


    }




    .content .column_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .menu-items li:hover .mega-menu {
        opacity: 1;
        visibility: visible;
    }

    .content .column_wrapper .read-more:hover {
        color: var(--primary-red);
    }

    /* animation menu hamburger */
    .menu-btn.open .menu-btn__lines {
        transform: translateX(1rem);
        background: transparent;
    }

    .menu-btn.open .menu-btn__lines::before {
        transform: rotate(45deg) translate(-0.5rem, 0.5rem);
        background: var(--font-subtle-color);

    }

    .menu-btn.open .menu-btn__lines::after {
        transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
        background: var(--font-subtle-color);
    }

    .icon-size-black {
        margin-left: 0.25rem;
        margin-top: 0.125rem;
    }



    .icon-size-black:hover {
        color: var(--primary-red);

    }

    .icon-size-pink {
        color: var(--primary-red);
        font-size: var(--xl-captions-c2-font-size);

    }



    .why_hyno_nav_wrapper {
        margin: 3rem 3rem 3rem 0rem;


    }

    .why_hyno_nav_h2 {
        width: 14.375rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.625rem;
        line-height: 1.875rem;
        font-weight: 900;

    }

    .why_hyno_nav_p {
        width: 20rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: normal;
        margin-top: 1rem;
        color: var(--font-color-muted);
        margin-bottom: 1rem;
    }

    .why_hyno_nav_a {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--primary-red);
        opacity: 1;
        cursor: pointer;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: normal;
        text-decoration: none;

    }

    .why_hyno_nav_a:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red);
    }

    .column_wrapper_div {
        width: 100%;
        display: flex;

        padding: 3rem 0rem;
        gap: 2.625rem;

    }

    .column_wrapper_tech {
        width: 100%;
        display: flex;

        padding: 3rem 0rem 3.125rem 3rem;
        gap: 2.625rem;
    }

    .our_talent_nav_wrapper {
        width: 21.375rem;
    }

    .our_talent_h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: bold;
    }

    .our_talent_p {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.375rem;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        font-weight: normal;

    }

    .navigate_image_wrapper {
        width: 21.375rem;
    }

    .describe_link_image {
        width: 21.375rem;
        height: 13.625rem;
        background-size: cover;

        border-radius: 0.5rem;
    }

    .navigate_link_on_the_image_wrapper {
        width: 21.375rem;
        height: 4rem;
        opacity: 1;
        display: flex;
        align-items: end;
        justify-content: end;
        margin-top: -4.375rem;


    }

    .blue_short_bold_arrow {
        font-size: 2rem;
        font-weight: bolder;
        color: var(--font-subdued-color);
        cursor: pointer;

    }

    .navigate_link_on_the_image {
        background: var(--white) 0% 0% no-repeat padding-box;
        /* box-shadow: 0rem 0.1875rem 0.375rem #4C66F667; */
        border-radius: 1rem 0.5rem 0.5rem 0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.625rem;
        margin-right: 0.75rem;
        border: none;
        cursor: pointer;
    }


    .job_role_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;

    }

    .job_role_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: var(--medium-weight);
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);

    }

    .job_roles_wrapper {
        display: flex;
        flex-direction: column;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
    }

    .technologies_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
        width: 25.6875rem;
    }

    .technologie_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-ghost-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        cursor: pointer;
        width: 8.5rem;
        height: 2.8125rem;

    }

    .technologie_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: 500;
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 8.5rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);
    }

    /* Navbar Styles Ends Here */



    /* Footer Styles Starts here */


    .icon-size-follow {
        text-align: center;
        text-decoration: none;
        color: #0E0E0E;
        width: 1.125rem;
    }

    .social-icon-media-container {
        display: flex;
        gap: 1.25rem;
        margin-top: 1.5rem;
    }

    .footer-main-container {
        background: #0E0E0E;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .footer-section-container {
        width: 72.5rem;
        display: flex;
        flex-wrap: wrap;
        gap: 4rem;
        padding: 5.25rem 0rem 0rem 0rem;



    }

    .hyno-bottom-img {
        width: 6.375rem;
        height: 3rem;
    }

    .fttdfi_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        font-weight: 300;
        line-height: 1.5rem;
        width: 14rem;
    }

    .all-footer-links-wrapper {
        display: flex;
        gap: 4.5rem;

    }


    .address_full_wrapper {
        width: 16rem;
        margin-top: 0rem;

    }

    .country_name_text {
        color: var(--grey-300, #CBD5E1);
        font-size: var(--xl-captions-c1-font-size);

        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
    }

    .address_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        line-height: 1.5rem;
        font-weight: var(--regular-weight);
        display: flex;
        gap: 1rem;
        margin: 1rem 0rem 1.5rem 0rem;
        width: 16rem;
    }

    .flag_size {
        width: 1.5rem;
        height: 1.5rem;
        margin-top: 0.3rem;
    }

    .footer-list-items-main-container {
        margin-bottom: 0rem;

    }

    .footer-list-items-container {
        text-decoration: none;
        display: flex;
        flex-direction: column;
    }

    .footer-list-items-container-h2 {
        color: var(--grey-50);
        margin-bottom: 2rem;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        font-weight: var(--bold-weight);
        text-transform: uppercase;


    }


    .footer-list-items-container>a {
        margin-bottom: 1.5rem;
        color: #94A3B8;
        text-decoration: none;

        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);


    }

    .footer-list-items-container>a:hover {
        text-decoration: none;
        color: var(--primary-red);
    }



    .hiring-button-footer {
        text-align: center;
        letter-spacing: 0.0225rem;
        color: var(--grey-50);
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 0.375rem;
        border: 0rem;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        width: 5.375rem;
        height: 1.75rem;
        margin-top: 0.5rem;
        font-weight: var(--medium-weight);
        cursor: pointer;



    }


    .bottom-hyno-logo-container {
        margin-bottom: 0rem;

        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        width: 23rem;


    }

    .chevron_arrow_icons {
        display: none;
        /* Hide the icon by default on desktop */


    }

    .rotate-icon {
        display: none;
    }

    .follow-us-social-media {
        height: 5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid var(--grey-900);
        width: 72.5rem;



    }

    .follow-us-social-media>p {
        color: var(--grey-500, #64748B);
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        margin-bottom: 0rem;
        font-weight: var(--semibold-weight);


    }




    .follow-us-2-container {
        display: flex;

    }

    .social-icon-2-media-container {
        display: flex;
        gap: 1.25rem;
        font-size: 1.125rem;
        margin-top: -0.625rem;

    }

    /* Footer Styles ends here */






    .thank_you_main_wrapper {

        background-image: url('./images/update/Image_thank_you.png');

        background-size: cover;

    }


    /* Technology page styles start here */

    .tech_skills_main_wrapper {
        padding-top: 5rem;
    }

    .each_link_qa_wrapper {
        list-style: none;
        position: sticky;
        top: 110px;
        display: flex;
        flex-direction: column;
        gap: 1rem;

    }





    .skill_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;

        color: var(--grey-400);

    }

    .skill_inactive_link:hover {

        text-decoration: none !important;
        color: var(--grey-400);

    }

    .skill_active_link {
        font-size: 18px;
        line-height: 28px;

        font-weight: 600 !important;
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .skill_active_link:hover {
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .tech_answers_container {
        padding-bottom: 3rem;

    }

    .tech_answers_container::-webkit-scrollbar {
        display: none;
    }

    .tech_answers_container_h2 {
        font-size: 28px;
        line-height: 32px;

        font-weight: var(--bold-weight);
        color: var(--white);


    }

    .tech_answers_container_p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

        margin-top: 1rem;

    }

    .tech_answers_container_div>h3 {
        font-size: 28px;
        line-height: 32px;

        font-weight: var(--bold-weight);
        color: var(--white);

    }

    .tech_answers_container_div>p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>p>span {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--bold-weight);
        color: var(--grey-400);

    }


    .vertical_line {
        border-left: 1px solid #334155;
        /* Add a left border to create the vertical line */
        height: 70vh;
        /* Make the vertical line height equal to its container */


    }

    .chevron_icon_down {
        color: #94A3B8;
    }

    .tech_answers_container_div>h4 {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--semibold-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>ul>li {
        font-size: 18px;
        line-height: 28px;


        color: var(--grey-400);
        list-style-type: disc;
    }

    .tech_answers_container_div {
        padding-top: 100px;

    }

    .tech_answers_container_wrapper {
        scroll-margin-block-start: 110px;
        padding-top: 0px !important;
    }


    /*Technology page styles ends here */


    /* Community Members Styles starts here */


    .members_of_our_community_main_wrapper {
        width: 100%;
        padding: 6rem 0rem 4rem 0rem;




    }

    .members_of_our_community_wrapper {
        padding-left: calc(50% - var(--offset));


    }



    .members_of_our_community_p {
        width: 43.75rem;


    }

    .all_community_members_main_wrapper {
        opacity: 1;
    }

    .community_members_main_wrapper {
        display: flex;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        transition: 2s linear;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-left: calc(50% - var(--offset));

    }

    .community_members_main_wrapper::-webkit-scrollbar {
        display: none;
    }

    .community_members_main_wrapper.no_transition_wrapper {
        scroll-behavior: auto;
    }

    .community_members_main_wrapper.dragging_wrapper {
        scroll-snap-type: none;
        scroll-behavior: smooth;
    }

    .community_members_main_wrapper.dragging_wrapper .community_member_wrapper {
        cursor: grab;
        user-select: none;
    }

    .community_member_wrapper {

        text-decoration: none;


    }

    .community_member_wrapper:hover {
        text-decoration: none;


    }

    .previous_next_buttons_wrapper {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        padding-left: calc(50% + 25rem);
        margin-top: -2.75rem;
        margin-bottom: 3.5rem;

    }

    /* Community Members Styles ends here */


    .person_with_desk {

        margin-left: -140px;
        margin-top: 20px;
        margin-bottom: -70px;
        width: 600px;
    }



    .full_screen_popup {
        display: none;

    }

    .full_screen_popup_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    /* Popup styles  start here*/
    .free_guide_popup {
        display: none;





    }

    .free_guide_popup_wrapper_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    .free_guide_popup_wrapper {
        border-radius: 1.25rem;
        background-image: url('./images/CTA\'s/Frame104726.png');
        display: flex;
        justify-content: space-between;
        width: 55rem;
        height: 25.5rem;
        position: relative;


    }

    .free_guide_form_wrapper {

        position: absolute;

        left: 42px;
        bottom: 67px;
        display: flex;
        align-items: center;
        gap: 3rem;




    }

    .free_guide_input_element {
        background-color: transparent;
        height: 3rem;
        border: none;
        outline: none;
        color: #0F172A;

        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-bottom: 1px solid var(--grey-500);

    }

    .download_free_guide_btn {
        border-radius: 99px;
        color: var(--grey-100, #F1F5F9);
        background: var(--primary-violet, #8B5CF6);
        background: rgba(139, 92, 246, 1);
        border: none;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
        font-family: var(--font-family-sans-serif);
        padding: 1rem 1.5rem;
        font-size: 14px;

        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        cursor: pointer;

    }

    .download_free_guide_btn:hover {
        color: var(--white, #FFF);
        background: var(--primary-blue, #A075F8);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_button {
        background: var(--grey-100, #f8fafc);
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        color: var(--grey-900, #0f172a);
        padding: 0.25rem;
    }

    .close_icon_button:hover {
        background: var(--Primary-red, #FF004C);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_image {
        width: 100%;
        width: 1.5rem;
    }

    /* Popup styles  Ends here*/
    .case_stuides_image {
        height: 328px;
        object-fit: cover;
        transition: 0.3s;
    }

    .case_stuides_image:hover {
        transform: scale(1.1);
    }

    /* Glossary Page CSS starts Here */
    .glossary_main_wrapper {
        /* background-color: purple; */
    }

    .glossary_active_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 700 !important;
        text-decoration: none !important;
        color: var(--grey-900, #0f172a);
        border-bottom: 1px solid var(--grey-300);
        padding-bottom: 10px;
    }

    .glossary_active_link:hover {
        text-decoration: none !important;
        color: var(--grey-700, #0f172a);
    }

    .glossary_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;
        color: var(--grey-500, #64748b);
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: 10px;
    }

    .glossary_inactive_link:hover {
        text-decoration: none !important;
        color: var(--grey-400, #94a3b8);
    }

    .glossary_heading {
        font-size: 48px;
        font-weight: 800;
        line-height: 56px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 0px;
    }

    .glossary_text {

        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        color: var(--grey-700, #334155);
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .glossary_answers_container {
        border: 1px solid white;
        scroll-margin-block-start: 75px;
        padding-top: 40px;
    }

    .glossary_answers_container>h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 28px;
    }

    .glossary_ul_list {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        margin-top: 20px;

    }

    .glossary_ul_list>li {
        list-style-type: none;
        display: flex;
        gap: 16px;
        align-items: start;
    }

    .glossary_ol_list {
        list-style-type: decimal;
    }

    .glossary_ul_list>li>img {
        margin-top: 12px;
    }

    .icon_link_hover {
        width: 100% !important;
    }

    .icon_link_hover:hover {
        background-color: var(--grey-200);
        cursor: pointer;
    }



    .glossary_answers_container>h3 {

        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;

        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        margin-top: 20px;
        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: var(--grey-700, #334155);
        margin-bottom: 10px;



    }

    .glossary_answers_container_span {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: var(--grey-700, #334155);
        margin-bottom: 0px;

    }

    .glossary_answers_container>p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .search_button {
        background-color: var(--primary-violet);
    }

    .search_button:hover {
        background-color: var(--primary-blue);
    }

    .index_link {
        border: 0px;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: rgba(100, 116, 139, 1);
        text-decoration: none;

    }

    .index_link.active {
        background: var(--primary-violet, #8b5cf6);
        color: var(--white, #fff);
    }

    .index_link:hover {
        background-color: var(--primary-blue, #A075F8);
        color: white;
        text-decoration: none;
    }

    .pageLink_button {
        border: none;
        text-align: left;
        padding: 8px 0px;
        /* Adjusted padding for better alignment */
        background-color: transparent;
        transition: all 0.5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .arrow_right_short {
        display: none;
        transition: all 0.5s;
    }

    .pageLink_button:hover {
        border-radius: 8px;
        background-color: var(--grey-200, #e2e8f0);
        padding: 8px 10px;
    }

    .pageLink_button:hover .arrow_right_short {
        display: block;
        font-size: 26px;
    }

    .margin_block_start {
        scroll-margin-block-start: 170px;
        padding-top: 0px !important;
    }

    /* Glossary CSS Ends Here */




}

@media (min-width: 1400px) {
    /* Home Page Styles*/

    .home_hero_text_span {
        position: relative;
        display: inline-block;
        height: 3.87rem;
        vertical-align: bottom;
        overflow: hidden;
    }

    .text_content {
        opacity: 1;

    }

    .home_hero_text_span>span {
        color: var(--primary-violet, #8B5CF6);
        display: block;
        animation: revealvertical 6s cubic-bezier(0.77, 0, 0.175, 1) 4s infinite;
    }



    @keyframes revealvertical {
        0% {
            transform: translateY(0%);
        }

        25% {
            transform: translateY(0%);
        }

        50% {
            transform: translateY(-100%);
        }

        75% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(-200%);
        }
    }

    .exp_skill_text {
        color: #082F49;

        font-size: 14px;
        font-weight: 500;
    }



    .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%);
        }
    }



    .global_h1 {

        font-size: 56px;

        font-weight: 800;
        line-height: 60px;
    }

    .mlp_h1 {
        font-size: 66px;
        line-height: 74px;
    }

    .body_copy_1 {
        color: var(--grey-700, #334155);

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;

    }


    .global_h2 {

        font-size: 48px;
        font-weight: 800;
        line-height: 56px;
    }

    .global_h3 {


        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 42px;

    }

    .sub_heading_1 {

        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
    }

    .sub_heading_2 {


        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;

    }

    .sub_heading_3 {


        font-size: 16px;
        font-weight: 600;
        line-height: 16px;

    }



    .bg_blue {
        border-radius: 24px;
        background: linear-gradient(99deg, #7C3CFF 0.86%, #4100C3 100%);
    }


    .caption_1 {

        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;
    }

    .body_copy_2 {

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
        margin: 0rem;
    }

    .body_copy_3 {


        font-size: 16px;
        line-height: 24px;
        margin: 0rem;
    }

    .body_copy_4 {

        font-size: 14px;
        line-height: 24px;
        margin: 0rem;
    }

    /* Landing Page Vetting process images styles*/
    .margin_top_negative {
        margin-top: -9rem !important;
        margin-bottom: 0.75rem;
    }

    .margin_top_negative_1 {
        margin-top: -14rem !important;
        margin-bottom: 5.5rem;
    }


    .thank_you_main_wrapper {

        background-image: url('./images/update/Image_thank_you.png');
        width: 100%;
        min-height: 100vh;
        background-size: cover;

    }

    /* Navbar Styles Starts Here */

    .hynoNavbar {
        background: transparent;
        height: 5.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0rem;
        padding-right: 0rem;
        z-index: 999;


    }

    .hynoNavbar.fixed-top {
        position: -webkit-sticky;
        position: fixed;
        top: 0px;
        z-index: 999;
        background-color: var(--white);
        width: 100%;



    }

    .hynoNavbar .logo {
        width: 6.625rem;
        height: 3.125rem;
        margin-right: 7rem;
    }

    .hynoNavbar .logo>img {
        width: 6.625rem;
        height: 3.125rem;


    }

    .menu-btn {
        position: relative;
        display: none;
        justify-content: center;
        align-items: center;
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        z-index: 2;
    }


    .icon-size-black {
        color: var(--grey-900);
        font-size: 0.75rem;
        font-weight: var(--bold-weight);

    }


    .hire_buttons_wrapper {
        display: flex;
        gap: 1rem;
        margin-left: 11.5rem;
    }

    .hire-now-button {
        width: 10.375rem;
        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(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--semibold-weight);


    }

    .hire-now-button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--white);
        background-color: var(--primary-red-hover);
    }

    .join_as_developer_button {
        width: 10.375rem;
        height: 3.25rem;
        background: transparent;
        border-radius: 12.5625rem;
        text-align: center;
        letter-spacing: -0.021rem;
        color: var(--grey-900);

        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);
        border: 1px solid var(--font-color-accent);


    }

    .join_as_developer_button:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--grey-900);
        background-color: var(--grey-50);

    }



    .hynoNavbar .menu-items {
        display: flex;
        align-items: center;
        margin-bottom: 0rem;

    }

    .hynoNavbar .dropdown {
        position: relative;
    }

    .hynoNavbar ul li {
        list-style: none;
        transition: 0.3s ease;
        margin-bottom: 0.375rem;
        margin-right: 2.25rem;


    }

    .hynoNavbar ul li .arrow {
        transition: all 0.3s ease-out;
    }



    .hynoNavbar .dropdown {
        position: relative;
    }



    .hynoNavbar .menu-right {
        top: 0;
        left: 100%;
    }

    .hynoNavbar .navbar-dropdown-menu,
    .menu-left {
        left: -50%;
        right: 0;
    }

    .hynoNavbar .menu-left {
        left: -100%;
    }

    .hynoNavbar .menu-item {
        display: flex;
        justify-content: space-between;
        width: 100%;

    }

    .hynoNavbar .menu-item:hover {
        color: var(--font-color-secondary);
        text-decoration: none;
        font-weight: var(--bold-weight);

        background: transparent linear-gradient(262deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat padding-box;
        background-clip: 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;




    }

    .bi-chevron-down {
        transition: transform 0.3s ease;
    }

    .expand-btn:hover .bi-chevron-down {
        color: var(--font-color-secondary);
        transform: rotate(180deg);

        background: transparent linear-gradient(262deg, #E36A93 0%, #4066FE 100%) 0% 0% no-repeat padding-box;
        background-clip: 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;


    }

    .expand-btn {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--xl-body-text-p3-font-size);
        line-height: var(--xl-body-text-p3-line-height);
        font-weight: var(--medium-weight);

    }


    .hynoNavbar .dropdown:hover .navbar-dropdown-menu {
        opacity: 1;
        visibility: visible;

    }

    .hynoNavbar .dropdown-right:hover .menu-right {
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .hynoNavbar .dropdown-right:hover .menu-left {
        left: -100%;
    }

    /* mega menu  */

    .hynoNavbar .mega-menu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 5.625rem;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
        z-index: 5;
    }

    .mega-menu .content {
        display: flex;
        max-width: 100%;
        margin: auto;
        padding: 0rem calc(50% - 40.125rem);
        transition: transform 0.3s ease;
        border-radius: 0rem 0rem 1rem 1rem;
        background: rgba(255, 255, 255, 0.8);

        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);





    }




    .content .column_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .menu-items li:hover .mega-menu {
        opacity: 1;
        visibility: visible;
    }

    .content .column_wrapper .read-more:hover {
        color: var(--primary-red);
    }

    /* animation menu hamburger */
    .menu-btn.open .menu-btn__lines {
        transform: translateX(1rem);
        background: transparent;
    }

    .menu-btn.open .menu-btn__lines::before {
        transform: rotate(45deg) translate(-0.5rem, 0.5rem);
        background: var(--font-subtle-color);

    }

    .menu-btn.open .menu-btn__lines::after {
        transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
        background: var(--font-subtle-color);
    }

    .icon-size-black {
        margin-left: 0.25rem;
        margin-top: 0.125rem;
    }



    .icon-size-black:hover {
        color: var(--primary-red);

    }

    .icon-size-pink {
        color: var(--primary-red);
        font-size: var(--xl-captions-c2-font-size);

    }



    .why_hyno_nav_wrapper {
        padding: 3rem 0rem;
        width: 25rem;





    }

    .why_hyno_nav_h2 {
        width: 14.375rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.625rem;
        line-height: 1.875rem;
        font-weight: 900;

    }

    /* .why_hyno_nav_p {
        width: 23rem;
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: normal;
        margin-top: 1rem;
        color: var(--font-color-muted);
        margin-bottom: 1rem;
    } */

    .why_hyno_nav_a {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--primary-red);
        opacity: 1;
        cursor: pointer;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: normal;
        text-decoration: none;

    }

    .why_hyno_nav_a:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--primary-red);
    }

    .column_wrapper_div {
        width: 100%;
        display: flex;

        padding: 3rem 0rem;
        gap: 3rem;

    }

    .column_wrapper_tech {
        width: 100%;
        display: flex;

        padding: 3rem 0rem 3.125rem 3rem;
        gap: 2.625rem;
    }

    .our_talent_nav_wrapper {
        width: 25rem;
    }

    .our_talent_h2 {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: bold;
    }

    .our_talent_p {
        text-align: left;
        letter-spacing: 0rem;
        color: var(--font-color-muted);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.375rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-weight: normal;

    }

    .navigate_image_wrapper {
        width: 100%;
    }

    .describe_link_image {
        width: 100%;
        aspect-ratio: 411/279;
        object-fit: cover;
        border-radius: 0.5rem;
    }

    .navigate_link_on_the_image_wrapper {
        width: 100%;
        height: 4rem;
        opacity: 1;
        display: flex;
        align-items: end;
        justify-content: end;
        margin-top: -4.375rem;


    }

    .blue_short_bold_arrow {
        font-size: 2rem;
        font-weight: bolder;
        color: var(--font-subdued-color);
        cursor: pointer;

    }

    .navigate_link_on_the_image {
        background: var(--white) 0% 0% no-repeat padding-box;
        /* box-shadow: 0rem 0.1875rem 0.375rem #4C66F667; */
        border-radius: 1rem 0.5rem 0.5rem 0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.625rem;
        margin-right: 0.75rem;
        border: none;
        cursor: pointer;
    }


    .job_role_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;

    }

    .job_role_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: var(--medium-weight);
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 13.1875rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);

    }

    .job_roles_wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin-top: 1rem;
        margin-left: -1.25rem;

    }

    .technologies_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem 1.25rem;
        margin-top: 1rem;
        margin-left: -1.25rem;
        width: 32rem;


    }

    .technologie_navigate_link {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-ghost-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        background: transparent;
        border: none;
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        cursor: pointer;
        width: 8.5rem;
        height: 2.8125rem;

    }

    .technologie_navigate_link:hover {
        text-align: left;
        letter-spacing: -0.025rem;
        color: var(--font-emphasis-color);
        opacity: 1;
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: 500;
        background: var(--font-notice-color) 0% 0% no-repeat padding-box;
        border: 1px solid var(--font-ivory-color);
        border-radius: 0.375rem;
        opacity: 1;
        padding-left: 1.25rem;
        width: 8.5rem;
        height: 2.8125rem;
        cursor: pointer;
        font-weight: var(--medium-weight);
    }

    /* Navbar Styles Ends Here */

    /* Footer Styles starts here */


    .icon-size-follow {
        text-align: center;
        text-decoration: none;
        color: #0E0E0E;
        width: 1.125rem;
    }

    .social-icon-media-container {
        display: flex;
        gap: 1.25rem;
        margin-top: 1.5rem;
    }

    .footer-main-container {
        background: #0E0E0E;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .footer-section-container {
        width: 72.5rem;
        display: flex;
        flex-wrap: wrap;
        gap: 4rem;
        padding: 5.25rem 0rem 0rem 0rem;



    }

    .hyno-bottom-img {
        width: 6.375rem;
        height: 3rem;
    }

    .fttdfi_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        font-weight: 300;
        line-height: 1.5rem;
        width: 14rem;
    }

    .all-footer-links-wrapper {
        display: flex;
        gap: 4.5rem;

    }


    .address_full_wrapper {
        width: 16rem;
        margin-top: 0rem;

    }

    .country_name_text {
        color: var(--grey-300, #CBD5E1);
        font-size: var(--xl-captions-c1-font-size);

        line-height: var(--xl-captions-c1-line-height);
        font-weight: var(--semibold-weight);
    }

    .address_text {
        color: #94A3B8;
        font-size: var(--xl-captions-c2-font-size);
        line-height: 1.5rem;
        font-weight: var(--regular-weight);
        display: flex;
        gap: 1rem;
        margin: 1rem 0rem 1.5rem 0rem;
        width: 16rem;
    }

    .flag_size {
        width: 1.5rem;
        height: 1.5rem;
        margin-top: 0.3rem;
    }

    .footer-list-items-main-container {
        margin-bottom: 0rem;

    }

    .footer-list-items-container {
        text-decoration: none;
        display: flex;
        flex-direction: column;
    }

    .footer-list-items-container-h2 {
        color: var(--grey-50);
        margin-bottom: 2rem;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        font-weight: var(--bold-weight);
        text-transform: uppercase;


    }


    .footer-list-items-container>a {
        margin-bottom: 1.5rem;
        color: #94A3B8;
        text-decoration: none;

        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);


    }

    .footer-list-items-container>a:hover {
        text-decoration: none;
        color: var(--primary-red);
    }



    .hiring-button-footer {
        text-align: center;
        letter-spacing: 0.0225rem;
        color: var(--grey-50);
        background: var(--primary-red) 0% 0% no-repeat padding-box;
        border-radius: 0.375rem;
        border: 0rem;
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        width: 5.375rem;
        height: 1.75rem;
        margin-top: 0.5rem;
        font-weight: var(--medium-weight);
        cursor: pointer;



    }


    .bottom-hyno-logo-container {
        margin-bottom: 0rem;

        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        width: 23rem;


    }

    .chevron_arrow_icons {
        display: none;
        /* Hide the icon by default on desktop */


    }

    .rotate-icon {
        display: none;
    }

    .follow-us-social-media {
        height: 5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid var(--grey-900);
        width: 72.5rem;



    }

    .follow-us-social-media>p {
        color: var(--grey-500, #64748B);
        font-size: var(--xl-captions-c2-font-size);
        line-height: var(--xl-captions-c2-line-height);
        margin-bottom: 0rem;
        font-weight: var(--semibold-weight);


    }




    .follow-us-2-container {
        display: flex;

    }

    .social-icon-2-media-container {
        display: flex;
        gap: 1.25rem;
        font-size: 1.125rem;
        margin-top: -0.625rem;

    }

    /* Foote Style Ends here */



    /* Technology page styles start here */
    .tech_skills_main_wrapper {
        padding-top: 5rem;
    }

    .each_link_qa_wrapper {
        list-style: none;
        position: sticky;
        top: 110px;
        display: flex;
        flex-direction: column;
        gap: 1rem;

    }





    .skill_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;

        color: var(--grey-400);

    }

    .skill_inactive_link:hover {

        text-decoration: none !important;
        color: var(--grey-400);

    }

    .skill_active_link {
        font-size: 18px;
        line-height: 28px;

        font-weight: 600 !important;
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .skill_active_link:hover {
        text-decoration: none !important;
        color: var(--white, #fff);

    }

    .tech_answers_container {
        padding-bottom: 4rem;

    }

    .tech_answers_container::-webkit-scrollbar {
        display: none;
    }

    .tech_answers_container_h2 {
        font-size: 28px;
        line-height: 32px;

        font-weight: var(--bold-weight);
        color: var(--white);


    }

    .tech_answers_container_p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

        margin-top: 1rem;

    }

    .tech_answers_container_div>h3 {
        font-size: 28px;
        line-height: 32px;

        font-weight: var(--bold-weight);
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;

    }

    .tech_answers_container_div>p {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--regular-weight);
        color: var(--grey-400);

        margin-top: 1rem;

    }

    .tech_answers_container_div>p>span {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--bold-weight);
        color: var(--grey-400);

    }

    .vertical_line {
        border-left: 1px solid #334155;
        /* Add a left border to create the vertical line */
        height: 70vh;
        /* Make the vertical line height equal to its container */


    }

    .chevron_icon_down {
        color: #94A3B8;
    }

    .tech_answers_container_div>h4 {
        font-size: 18px;
        line-height: 28px;

        font-weight: var(--semibold-weight);
        color: var(--grey-400);

    }

    .tech_answers_container_div>ul>li {
        font-size: 18px;
        line-height: 28px;

        color: var(--grey-400);
        list-style-type: disc;
    }

    .tech_answers_container_div {
        /* padding-top: 100px; */
        scroll-margin-block-start: 60px;
        padding-top: 50px;

    }

    .tech_answers_container_wrapper {
        scroll-margin-block-start: 110px;
        padding-top: 0px !important;
    }


    /*Technology page styles ends here */






    /* Community Members Styles starts here */

    .members_of_our_community_main_wrapper {
        width: 100%;
        padding: 6rem 0rem 4rem 0rem;
    }

    .members_of_our_community_wrapper {
        padding-left: calc(50% - 41.25rem);
    }

    .all_community_members_main_wrapper {
        opacity: 1;
    }

    .members_of_our_community_p {

        width: 43.75rem;
    }

    .community_members_main_wrapper {
        display: flex;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
        transition: 2s linear;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-left: calc(50% - 41.25rem);

    }

    .community_members_main_wrapper::-webkit-scrollbar {
        display: none;
    }

    .community_members_main_wrapper.no_transition_wrapper {
        scroll-behavior: auto;
    }

    .community_members_main_wrapper.dragging_wrapper {
        scroll-snap-type: none;
        scroll-behavior: smooth;
    }

    .community_members_main_wrapper.dragging_wrapper .community_member_wrapper {
        cursor: grab;
        user-select: none;
    }

    .community_member_wrapper {
        text-decoration: none;


    }

    .community_member_wrapper:hover {
        text-decoration: none;
    }

    .previous_next_buttons_wrapper {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        padding-left: calc(50% + 30.625rem);
        margin-top: -2.75rem;
        margin-bottom: 3.5rem;
    }

    /* Community Members Styles ends here */


    .person_with_desk {

        margin-left: -160px;
        margin-top: 30px;
        margin-bottom: -70px;
    }




    .full_screen_popup {
        display: none;

    }

    .full_screen_popup_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    /* Popup styles  start here*/
    .free_guide_popup {
        display: none;





    }

    .free_guide_popup_wrapper_block {
        width: 100%;
        height: 100vh;
        background: rgba(105, 105, 105, 0.72);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0rem;
        z-index: 1000;
    }

    .free_guide_popup_wrapper {
        border-radius: 1.25rem;
        background-image: url('./images/CTA\'s/Frame104726.png');
        display: flex;
        justify-content: space-between;
        width: 55rem;
        height: 25.5rem;
        position: relative;


    }

    .free_guide_form_wrapper {

        position: absolute;

        left: 42px;
        bottom: 67px;
        display: flex;
        align-items: center;
        gap: 3rem;




    }

    .free_guide_input_element {
        background-color: transparent;
        height: 3rem;
        border: none;
        outline: none;
        color: #0F172A;

        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border-bottom: 1px solid var(--grey-500);

    }

    .download_free_guide_btn {
        border-radius: 99px;
        color: var(--grey-100, #F1F5F9);
        background: var(--primary-violet, #8B5CF6);
        background: rgba(139, 92, 246, 1);
        border: none;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
        font-family: var(--font-family-sans-serif);
        padding: 1rem 1.5rem;
        font-size: 14px;

        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        cursor: pointer;

    }

    .download_free_guide_btn:hover {
        color: var(--white, #FFF);
        background: var(--primary-blue, #A075F8);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_button {
        background: var(--grey-100, #f8fafc);
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        color: var(--grey-900, #0f172a);
        padding: 0.25rem;
    }

    .close_icon_button:hover {
        background: var(--Primary-red, #FF004C);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);

    }

    .close_icon_image {
        width: 100%;
        width: 1.5rem;
    }

    /* Popup styles  Ends here*/
    .case_stuides_image {
        height: 328px;
        object-fit: cover;
        transition: 0.3s;
    }

    .case_stuides_image:hover {
        transform: scale(1.1);
    }

    /* Glossary Page CSS starts Here */
    .glossary_main_wrapper {
        /* background-color: purple; */
    }

    .glossary_active_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 700 !important;
        text-decoration: none !important;
        color: var(--grey-900, #0f172a);
        border-bottom: 1px solid var(--grey-300);
        padding-bottom: 10px;
    }

    .glossary_active_link:hover {
        text-decoration: none !important;
        color: var(--grey-700, #0f172a);
    }

    .glossary_inactive_link {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400 !important;
        text-decoration: none !important;
        color: var(--grey-500, #64748b);
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: 10px;
    }

    .glossary_inactive_link:hover {
        text-decoration: none !important;
        color: var(--grey-400, #94a3b8);
    }

    .glossary_heading {
        font-size: 48px;
        font-weight: 800;
        line-height: 56px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 0px;
    }

    .glossary_text {

        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        color: var(--grey-700, #334155);
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .glossary_answers_container {
        border: 1px solid white;
        scroll-margin-block-start: 75px;
        padding-top: 45px;
    }

    .glossary_answers_container>h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        color: var(--grey-900, #0f172a);
        margin-bottom: 28px;
    }

    .glossary_ul_list {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        margin-top: 20px;

    }

    .glossary_ul_list>li {
        list-style-type: none;
        display: flex;
        gap: 16px;
        align-items: start;
    }

    .glossary_ol_list {
        list-style-type: decimal;
    }

    .glossary_ul_list>li>img {
        margin-top: 12px;
    }

    .icon_link_hover {
        width: 100% !important;
    }

    .icon_link_hover:hover {
        background-color: var(--grey-200);
        cursor: pointer;
    }



    .glossary_answers_container>h3 {

        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;

        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        margin-top: 20px;
        color: var(--grey-900, #0f172a);

    }

    .tech_answers_container_wrapper>p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: var(--grey-700, #334155);
        margin-bottom: 10px;



    }

    .glossary_answers_container_span {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: var(--grey-700, #334155);
        margin-bottom: 0px;

    }

    .glossary_answers_container>p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .glossary_answers_container_p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--grey-500, #64748b);
        margin-bottom: 16px;
    }

    .search_button {
        background-color: var(--primary-violet);
    }

    .search_button:hover {
        background-color: var(--primary-blue);
    }

    .index_link {
        border: 0px;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: rgba(100, 116, 139, 1);
        text-decoration: none;

    }

    .index_link.active {
        background: var(--primary-violet, #8b5cf6);
        color: var(--white, #fff);
    }

    .index_link:hover {
        background-color: var(--primary-blue, #A075F8);
        color: white;
        text-decoration: none;
    }

    .pageLink_button {
        border: none;
        text-align: left;
        padding: 8px 0px;
        /* Adjusted padding for better alignment */
        background-color: transparent;
        transition: all 0.5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .arrow_right_short {
        display: none;
        transition: all 0.5s;
    }

    .pageLink_button:hover {
        border-radius: 8px;
        background-color: var(--grey-200, #e2e8f0);
        padding: 8px 10px;
    }

    .pageLink_button:hover .arrow_right_short {
        display: block;
        font-size: 26px;
    }

    .margin_block_start {
        scroll-margin-block-start: 170px;
        padding-top: 0px !important;
    }

    /* Glossary CSS Ends Here */


}

.iti {
    width: 100% !important;
    margin: 0.5rem 0rem;
}


.error_filled {
    border: 1px solid #FF004C !important;
}