.wrapHeader {
    width: 100%;
    max-width: 100%;
    .rebrand_header {
        .wrap_container {
            width: 100%;
            max-width: 1250px;
            margin: 0 auto;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 64px;
            z-index: 3;
            .left_logo_and_topnav {
                width: 60%;
                display: flex;
                align-items: center;
                .katalon_logo {
                    width: 100px;
                    img {
                        width: 100%;
                    }
                }
                .katalon_topnav {
                    width: 80%;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-left: 50px;
                    .top_nav_item {
                        width: fit-content;
                        text-align: center;
                        transition: 0.1s ease-in-out;
                        height: 64px;
                        align-items: center;
                        display: flex;
                        .top_nav_title {
                            font-family: "Inter";
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 24px;
                            color: #000000;
                            display: flex;
                            align-items: center;
                            padding: 6px 24px;
                            position: relative;
                        }
                        .top_nav_dropdown {
                            display: none;
                            cursor: default;
                            width: 100%;
                            .content_container {
                                padding: 30px 0;
                                max-width: 1300px;
                                margin: 0 auto;
                            }
                            &.solutions {
                                .content_container {
                                    display: flex;
                                    text-align: left;
                                    justify-content: center;
                                    width: 100%;
                                    max-width: 1140px;
                                    .main_content {
                                        display: flex;
                                        column-gap: 60px;
                                        .application_under_test {
                                            width: 50%;
                                            max-width: 680px;
                                            .application_title {
                                                font-family: "Inter Tight";
                                                font-size: 24px;
                                                font-style: normal;
                                                font-weight: 600;
                                                line-height: 32px;
                                                margin-left: 10px;
                                                color: #43509B;
                                            }
                                            .application_list {
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-between;
                                                width: 100%;
                                                transition: 0.2s all ease;
                                                margin-top: 15px;
                                                .application_item {
                                                    width: 47%;
                                                    display: flex;
                                                    gap: 10px;
                                                    padding: 10px;
                                                    .logo_col {
                                                        min-width: 26px;
                                                        margin-top: 7px;
                                                    }
                                                    .content_col {
                                                        .content_title {
                                                            font-family: "Inter";
                                                            font-style: normal;
                                                            font-weight: 600;
                                                            font-size: 16px;
                                                            line-height: 24px;
                                                            color: #000000;
                                                            .arrow_icon {
                                                                font-size: 16px;
                                                                line-height: 24px;
                                                                color: #000000;
                                                                margin-left: 8px;
                                                                opacity: 0;
                                                                transition: 0.2 all ease;
                                                                font-weight: 600;
                                                            }
                                                        }
                                                        .content_desc {
                                                            font-family: "Inter";
                                                            font-size: 13px;
                                                            font-style: normal;
                                                            font-weight: 300;
                                                            line-height: 24px;
                                                            color: #6a6a6a;
                                                        }

                                                    }
                                                    &:hover {
                                                        background: #f8f8f8;
                                                        border-radius: 8px;
                                                        cursor: pointer;
                                                        .content_col .content_title .arrow_icon {
                                                            opacity: 1;
                                                        }
                                                    }
                                                    // &:nth-child(even) {
                                                    //     border-right: 1px solid #E5E5E5;
                                                    // }
                                                }
                                            }
                                        }
                                        .industry {
                                            width: calc(100% - 50% - 60px);
                                            height: fit-content;
                                            border-left: 1px solid #000;
                                            padding-left: 40px;

                                            .enterprise {
                                                padding: 10px 20px;
                                                display: flex;
                                                flex-direction: column;
                                                border-radius: 8px;
                                                &:hover {
                                                    background-color: #f8f8f8;
                                                    .arrow_icon {
                                                        opacity: 1;
                                                    }
                                                }
                                            }

                                            .enterprise_title_container {
                                                position: relative;
                                                display: flex;
                                                justify-content: space-between;
                                                align-items: center;
                                                .arrow_icon {
                                                    opacity: 0;
                                                }
                                            }

                                            .enterprise_title {
                                                color: #43509B;
                                                font-family: "Inter Tight";
                                                font-size: 24px;
                                                font-style: normal;
                                                font-weight: 600;
                                                line-height: 135%; /* 32.4px */
                                            }
                                            .enterprise_description {
                                                font-family: "Inter";
                                                font-size: 14px;
                                                font-style: normal;
                                                font-weight: 300;
                                                line-height: 24px;
                                                color: #6a6a6a;
                                                margin-top: 10px;
                                            }
                                            .industry_line {
                                                width: calc(100% - 40px);
                                                height: 1px;
                                                background-color: #000000;
                                                margin: 20px 0 20px 20px;
                                            }
                                            .industry_title {
                                                font-family: "Inter";
                                                font-size: 14px;
                                                font-style: normal;
                                                font-weight: 500;
                                                line-height: 24px;
                                                color: #43509B;
                                                margin-left: 20px;
                                            }
                                            .industry_list {
                                                display: flex;
                                                flex-wrap: wrap;
                                                margin-top: 14px;
                                                row-gap: 15px;
                                                margin-left: 20px;
                                                .industry_item {
                                                    font-family: "Inter";
                                                    font-size: 14px;
                                                    font-style: normal;
                                                    font-weight: 600;
                                                    line-height: 24px;
                                                    width: calc(100% / 3);
                                                    color: #000;
                                                    .arrow_icon {
                                                        color: #5959eb;
                                                        margin-left: 10px;
                                                        opacity: 0;
                                                        transition: 0.2 all ease;
                                                    }
                                                    &:hover {
                                                        color: #5959eb;
                                                        border-radius: 8px;
                                                        cursor: pointer;
                                                        .arrow_icon {
                                                            opacity: 1;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            &.products {
                                height: 450px;
                                .content_container {
                                    display: flex;
                                    text-align: left;
                                    justify-content: center;
                                    .main_content {
                                        width: 100%;
                                        display: flex;
                                        max-width: 1290px;
                                        margin: 20px auto;
                                        .product_group {
                                            width: 20%;
                                            border-right: 1px solid #D6D6D6;
                                            padding: 0 20px;
                                            &.increase_margin {
                                                margin-bottom: 40px;
                                            }
                                            &.last {
                                                border: none;
                                            }
                                            .product_list {
                                                width: 100%;
                                                display: flex;
                                                flex-direction: column;
                                                gap: 16px;
                                                .product_item {
                                                    width: 100%;
                                                    max-width: 235px;
                                                    padding: 10px;
                                                    margin-left: -10px;
                                                    .content_col {
                                                        .content_title {
                                                            font-family: "Inter";
                                                            font-style: normal;
                                                            font-weight: 600;
                                                            font-size: 16px;
                                                            line-height: 24px;
                                                            color: #000000;
                                                            .arrow_icon {
                                                                font-size: 16px;
                                                                line-height: 24px;
                                                                color: #000000;
                                                                margin-left: 8px;
                                                                opacity: 0;
                                                                transition: 0.2s all ease;
                                                                font-weight: 600;
                                                            }
                                                        }
                                                        .content_desc {
                                                            font-family: "Inter";
                                                            font-size: 13px;
                                                            font-style: normal;
                                                            font-weight: 300;
                                                            line-height: 24px;
                                                            color: #6a6a6a;
                                                            margin-top: 4px;
                                                        }

                                                    }
                                                    &:hover {
                                                        cursor: pointer;
                                                        background: #f8f8f8;
                                                        border-radius: 8px;
                                                        .content_col .content_title .arrow_icon {
                                                            opacity: 1;
                                                        }
                                                    }
                                                }
                                            }
                                            .category_title {
                                                color: #43509B;
                                                font-family: 'Inter';
                                                font-size: 18px;
                                                font-style: normal;
                                                font-weight: 700;
                                                line-height: 135%;
                                                letter-spacing: 1px;
                                                text-transform: uppercase;
                                                min-height: 65px;
                                            }
                                        }
                                        .true_information_card {
                                            width: 250px;
                                            border-radius: 8px;
                                            background: #5959EB;
                                            padding: 20px 10px;
                                            display: flex;
                                            align-items: center;
                                            flex-direction: column;
                                            .card_info {
                                                margin-top: 30px;
                                                .card_title {
                                                    color: #FFF;
                                                    font-family: "Inter Tight";
                                                    font-size: 16px;
                                                    font-style: normal;
                                                    font-weight: 500;
                                                    line-height: 135%; /* 21.6px */
                                                }
                                                .card_desc {
                                                    color: #FFF;
                                                    font-family: 'Inter';
                                                    font-size: 13px;
                                                    font-style: normal;
                                                    font-weight: 300;
                                                    line-height: 150%; /* 19.5px */
                                                    margin-top: 10px;
                                                }
                                            }
                                            &:hover {
                                                cursor: pointer;
                                            }
                                        }
                                    }
                                }
                            }
                            &.resources {
                                height: 450px;
                                .content_container {
                                    display: flex;
                                    text-align: left;
                                    .main_content {
                                        display: flex;
                                        column-gap: 60px;
                                        .resources_left_content {
                                            width: 50%;
                                            .resources_title {
                                                font-family: 'Inter Tight';
                                                font-size: 27px;
                                                font-style: normal;
                                                font-weight: 700;
                                                line-height: 32px;
                                                margin-left: 10px;
                                                color: #43509B;
                                            }
                                            .resources_list {
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-between;
                                                transition: 0.2s all ease;
                                                margin-top: 15px;
                                                .resource_block_item {
                                                    width: 47%;
                                                    display: flex;
                                                    gap: 10px;
                                                    padding: 10px;
                                                    .content_col {
                                                        .content_title {
                                                            font-family: "Inter";
                                                            font-style: normal;
                                                            font-weight: 600;
                                                            font-size: 16px;
                                                            line-height: 24px;
                                                            color: #000000;
                                                            .arrow_icon {
                                                                font-size: 16px;
                                                                line-height: 24px;
                                                                color: #000000;
                                                                margin-left: 8px;
                                                                opacity: 0;
                                                                transition: 0.2 all ease;
                                                                font-weight: 600;
                                                            }
                                                        }
                                                        .content_desc {
                                                            font-family: "Inter";
                                                            font-size: 14px;
                                                            font-style: normal;
                                                            font-weight: 300;
                                                            line-height: 24px;
                                                            color: #6a6a6a;
                                                        }
                                                    }
                                                    &:hover {
                                                        background: #f8f8f8;
                                                        border-radius: 8px;
                                                        cursor: pointer;
                                                        .content_col .content_title .arrow_icon {
                                                            opacity: 1;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .resources_right_content {
                                            width: 50%;
                                            display: flex;
                                            column-gap: 60px;
                                            .resources_col {
                                                width: fit-content;
                                                padding-left: 50px;
                                                border-left: 1px solid #000;
                                                height: fit-content;
                                                .resource_title {
                                                    color: #43509B;
                                                    font-family: 'Inter Tight';
                                                    font-size: 16px;
                                                    font-style: normal;
                                                    font-weight: 600;
                                                    line-height: 24px;
                                                    margin-bottom: 16px;
                                                }
                                                .resource_item {
                                                    font-family: "Inter";
                                                    font-style: normal;
                                                    font-weight: 600;
                                                    font-size: 14px;
                                                    line-height: 24px;
                                                    color: #000000;
                                                    margin-bottom: 16px;
                                                    display: flex;
                                                    .icon_hover {
                                                        opacity: 0;
                                                        margin-left: 5px;
                                                    }
                                                    &:hover {
                                                        color: #5959eb;
                                                        .icon_hover {
                                                            opacity: 1;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            &.ai {
                                .main_content {
                                    max-width: 950px;
                                    margin: 0 auto;
                                    display: flex;
                                    flex-wrap: wrap;
                                    gap: 24px 32px;
                                    .ai_item {
                                        display: flex;
                                        align-items: center;
                                        gap: 8px;
                                        width: 40%;
                                        .ai_icon {
                                            width: 40px;
                                            img {
                                                width: 100%;
                                            }
                                        }
                                        .ai_agent_info {
                                            text-align: left;
                                            padding: 8px;
                                            width: calc(100% - 40px);
                                            .agent_name {
                                                color:#202020;
                                                font-family: "Inter Tight";
                                                font-size: 16px;
                                                font-style: normal;
                                                font-weight: 500;
                                                line-height: 135%;
                                                .arrow_icon {
                                                    font-size: 16px;
                                                    line-height: 24px;
                                                    color: #000000;
                                                    margin-left: 8px;
                                                    opacity: 0;
                                                    transition: 0.2s all ease;
                                                    font-weight: 600;
                                                }
                                            }
                                            .agent_desc {
                                                margin-top: 4px;
                                                color: #6A6A6A;
                                                font-family:'Inter';
                                                font-size: 13px;
                                                font-style: normal;
                                                font-weight: 300;
                                                line-height: 150%;
                                            }
                                            &:hover {
                                                background: #f8f8f8;
                                                border-radius: 8px;
                                                cursor: pointer;
                                                .agent_name .arrow_icon {
                                                    opacity: 1;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        &:hover {
                            cursor: pointer;
                            .top_nav_title {
                                background: #000;
                                border-radius: 4px;
                                color: #fff;
                            }
                            .top_nav_dropdown {
                                display: block;
                            }
                        }
                        &.have_child_menu {
                            &:hover {
                                ~ .overlay_background {
                                    display: block;
                                }
                                .top_nav_title {
                                    background: #000;
                                    border-radius: 4px;
                                    color: #fff;
                                    &::after {
                                        content: ">";
                                        right: 10px;
                                        font-size: 0.7rem;
                                        position: absolute;
                                        transform: rotate(270deg) scaleY(1.6);
                                        transition: all 0.3s;
                                    }
                                }
                            }
                            .top_nav_title {
                                padding-right: 30px;
                                &::after {
                                    content: ">";
                                    right: 10px;
                                    font-size: 0.7rem;
                                    position: absolute;
                                    transform: rotate(90deg) scaleY(1.6);
                                    transition: all 0.3s;
                                }
                                &:hover {
                                    &::after {
                                        content: ">";
                                        right: 10px;
                                        font-size: 0.7rem;
                                        position: absolute;
                                        transform: rotate(270deg) scaleY(1.6);
                                        transition: all 0.3s;
                                    }
                                }
                            }
                        }
                        .top_nav_dropdown {
                            position: absolute;
                            top: 100px;
                            left: 0;
                            background-color: #fff;
                            width: 100%;
                            height: 350px;
                            z-index: 10;
                        }
                    }
                }
            }
            .right_button {
                //width: 25%;
                display: flex;
                align-items: center;
                gap: 12px;
                .btn_secondary {
                    background: #fff;
                    border: 2px solid #0f8461;
                    border-radius: 4px;
                    color: #0f8461;
                    font-family: "Inter";
                    font-style: normal;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    padding: 6px 28px;
                    max-width: 180px;
                    transition: 0.2s ease-in-out;
                    &:hover {
                        background: #0c6a4e;
                        border: 2px solid #0c6a4e;
                        color: #fff;
                        cursor: pointer;
                    }
                    &.not_show {
                        display: none;
                    }
                }
                .btn_primary {
                    background: #0f8461;
                    border-radius: 4px;
                    font-family: "Inter";
                    font-style: normal;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    color: #ffffff;
                    padding: 6px 28px;
                    max-width: 200px;
                    transition: 0.2s ease-in-out;
                    border: 2px solid #0f8461;
                    &:hover {
                        background-color: #0c6a4e;
                        border: 2px solid #0c6a4e;
                        cursor: pointer;
                    }
                    &.not_show {
                        display: none;
                    }
                }
            }
        }

        &.transparent {
            background: transparent;
            &.fixed_top {
                .wrap_container {
                    .left_logo_and_topnav {
                        .katalon_logo {
                            img {
                                content: url("https://d1h3p5fzmizjvp.cloudfront.net/themes/katalon_4/images/header/katalon_logo.svg");
                            }
                        }
                        .katalon_topnav {
                            .top_nav_item {
                                &:hover {
                                    .top_nav_title {
                                        background: #f8f8f8;
                                    }
                                }
                                &.have_child_menu {
                                    &:hover {
                                        .top_nav_title {
                                            background: #f8f8f8;
                                        }
                                    }
                                }
                                .top_nav_title {
                                    color: #000;
                                }
                            }
                        }
                    }
                    .right_button {
                        .btn_contact {
                                background: #fff;
                                border: 2px solid #0f8461;
                                border-radius: 4px;
                                color: #0f8461;
                            &:hover {
                                background: #0c6a4e;
                                border: 2px solid #0c6a4e;
                                color: #fff;
                            }
                        }
                        .btn_start_free_trial {
                            background: #0f8461;
                            border-color: #0f8461;
                            color: #fff;
                            &:hover {
                                background: #0c6a4e;
                                border-color: #0c6a4e;
                            }
                        }
                    }
                }
            }
            .wrap_container {
                background: transparent;
                .left_logo_and_topnav {
                    .katalon_logo {
                        img {
                            content: url("https://d1h3p5fzmizjvp.cloudfront.net/themes/katalon_4/images/pages/finance-software-testing/katalon-logo.svg");
                        }
                    }
                    .katalon_topnav {
                        .top_nav_item {
                            &:hover {
                                .top_nav_title {
                                    background: transparent;
                                }
                            }
                            &.have_child_menu {
                                &:hover {
                                    .top_nav_title {
                                        background: transparent;
                                    }
                                }
                            }
                            .top_nav_title {
                                color: #fff;
                            }
                        }
                    }
                }
                .right_button {
                    .btn_contact {
                        background: transparent;
                        color: #fff;
                        border-color: #fff;
                    }
                    .btn_start_free_trial {
                        color: #000;
                        background: #fff;
                        border-color: #fff;
                        &:hover {
                            color: #000;
                        }
                    }
                }
            }
        }

        &.fixed_top {
            top: 0;
            left: 0;
            width: 100%;
            max-width: 100%;
            position: fixed;
            background: #fff;
            z-index: 100;
            animation-name: fixedTopAniamtion;
            animation-duration: 0.3s;
            .wrap_container .left_logo_and_topnav .katalon_topnav .top_nav_item .top_nav_dropdown {
                top: 64px;
            }
        }
    }
    .homepage_banner {
        width: 100%;
        background-color: #5959eb;
        padding: 6px 0;
        .wrap_container {
            width: 100%;
            max-width: 1250px;
            margin: 0 auto;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left_content {
                //width: 70%;
                display: flex;
                align-items: center;
                .banner_highlight {
                    background: #aeaff5;
                    border-radius: 4px;
                    font-family: "Inter";
                    font-style: normal;
                    font-weight: 700;
                    font-size: 12px;
                    line-height: 20px;
                    color: #35358d;
                    padding: 1px 8px;
                }
                .banner_content {
                    font-family: "Inter";
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 20px;
                    color: #ffffff;
                    .bold_text {
                        font-weight: 600;
                    }
                    .semibold_text {
                        font-weight: 500;
                    }

                    .convert-variation {
                        display: none;
                    }

                    &.convert-promote-variation {
                        .convert-original {
                            display: none;
                        }

                        .convert-variation {
                            display: block;
                        }
                    }
                }
                .banner_link {
                    font-family: "Inter";
                    font-style: normal;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 16px;
                    color: #fff;
                    margin-left: 30px;
                    cursor: pointer;
                    border-bottom: 1px solid #fff;
                    &:hover {
                        cursor: pointer;
                        //text-decoration: underline;
                    }
                }
            }
            .right_content {
                //width: 20%;
                text-align: left;
                display: flex;
                .btn_support,
                .btn_login,
                .btn_contact_us {
                    font-family: "Inter";
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 24px;
                    color: #ffffff;
                    margin-left: 20px;
                    &:hover {
                        cursor: pointer;
                        text-decoration: underline;
                    }
                }
            }
        }
    }
    .overlay_background {
        display: none;
        height: 100vh;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.3;
        position: fixed;
        right: 0;
        top: 150px;
        z-index: 2;
    }

    .rebrand_header_mobile {
        display: none;
        width: 100%;
        padding: 20px;
        .wrap_container {
            width: 100%;
            .top_menu {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .katalon_logo {
                    width: 100px;
                    img {
                        width: 100%;
                    }
                }
                .katalon_menu_icon {
                    align-items: center;
                    display: flex;
                    transition: 0.2s ease-in-out;
                    i {
                        color: #000;
                    }
                }
            }
            .main_menu {
                display: none;
                &.active {
                    width: 100%;
                    background: #fff;
                    height: 100%;
                    position: fixed;
                    left: 0;
                    top: 0;
                    z-index: 100;
                    display: block;
                    padding: 20px 10px;
                    animation-name: openTopAniamtionMobile;
                    animation-duration: 0.3s;
                    overflow: scroll;
                    .top_menu {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .katalon_logo {
                            width: 100px;
                            img {
                                width: 100%;
                            }
                        }
                        .katalon_menu_icon {
                            align-items: center;
                            display: flex;
                            transition: 0.2s ease-in-out;
                            i {
                                color: #000;
                            }
                        }
                    }
                    .btn_section {
                        margin-top: 30px;
                        display: flex;
                        justify-content: space-between;
                        column-gap: 16px;
                        .btn_start_free_trial {
                            background: #0f8461;
                            border-radius: 4px;
                            font-family: "Inter";
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 24px;
                            color: #ffffff;
                            padding: 6px 0;
                            border: 2px solid #0f8461;
                            width: 48%;
                            text-align: center;
                            &:hover {
                                background-color: #0c6a4e;
                                border: 2px solid #0c6a4e;
                                cursor: pointer;
                            }
                        }
                        .btn_contact {
                            background: #fff;
                            border: 2px solid #0f8461;
                            border-radius: 4px;
                            color: #0f8461;
                            font-family: "Inter";
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 24px;
                            color: #0f8461;
                            padding: 6px 0;
                            text-align: center;
                            width: 48%;
                            &:hover {
                                background: #0c6a4e;
                                border: 2px solid #0c6a4e;
                                color: #fff;
                                cursor: pointer;
                            }
                        }
                        .btn_login {
                            font-family: "Inter";
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 24px;
                            color: #000000;
                            //margin-left: 16px;
                            &:hover {
                                cursor: pointer;
                                text-decoration: underline;
                            }
                        }
                        .btn_contact_us {
                            font-family: "Inter";
                            font-style: normal;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 24px;
                            color: #000000;
                            &:hover {
                                cursor: pointer;
                                text-decoration: underline;
                            }
                        }

                        .not_show {
                            display: none;
                        }
                    }
                    .item_dropdown {
                        width: 100%;
                        border-bottom: 1px solid #d6d6d6;
                        &.last_row {
                            border: none;
                            padding-bottom: 50px;
                        }
                        &.have_dropdown_menu {
                            .item_title {
                                &::after {
                                    content: " ";
                                    position: absolute;
                                    width: 9px;
                                    height: 6px;
                                    top: 45%;
                                    right: 5px;
                                    background-image: url("https://d1h3p5fzmizjvp.cloudfront.net/themes/katalon_4/images/header/menu_icon_down.svg");
                                    background-size: cover;
                                    background-repeat: no-repeat;
                                }
                            }
                            .with_link {
                                font-family: "Inter";
                                font-style: normal;
                                font-weight: 600;
                                font-size: 16px;
                                line-height: 24px;
                                color: #000000;
                                padding: 15px 0;
                            }
                        }
                        &.no_menu {
                            width: 100%;
                            .item_title {
                                border-bottom: 1px solid #d6d6d6;
                            }
                        }
                        .item_title {
                            font-family: "Inter";
                            font-style: normal;
                            font-weight: 600;
                            font-size: 16px;
                            line-height: 24px;
                            color: #000000;
                            padding: 15px 0;
                            position: relative;
                        }

                        .item_show {
                            display: none;
                            flex-direction: column;
                            .item {
                                font-family: "Inter";
                                font-style: normal;
                                font-weight: 300;
                                font-size: 16px;
                                line-height: 24px;
                                color: #000000;
                                margin-bottom: 10px;
                                display: block;
                            }
                            .product {
                                margin-top: 10px;
                                .product_title {
                                    font-family: "Inter";
                                    font-style: normal;
                                    font-weight: 600;
                                    font-size: 14px;
                                    line-height: 20px;
                                    color: #43509b;
                                    margin-bottom: 5px;
                                    margin-top: 20px;
                                    &.no_margin {
                                        margin-top: 0;
                                    }
                                }
                                .item {
                                    //height: 18px;
                                    display: flex;
                                    align-items: flex-start;
                                    .new_badge_mobile {
                                        display: inline-block;
                                        margin-top: 3px;
                                        //height: 18px;
                                        margin-left: 2px;
                                    }
                                }
                                .item.testcloud_margin {
                                    margin-bottom: 10px;
                                }
                            }
                            .resources_type {
                                margin-bottom: 20px;
                                .resources_title {
                                    font-family: "Inter";
                                    font-style: normal;
                                    font-weight: 600;
                                    font-size: 14px;
                                    line-height: 20px;
                                    color: #43509b;
                                    margin-bottom: 10px;
                                    text-transform: uppercase;
                                }
                                .item {
                                    margin-bottom: 10px;
                                }
                            }
                            .ai_item {
                                display: flex;
                                align-items: center;
                                gap: 8px;
                                width: 100%;
                                margin-bottom: 12px;
                                .ai_icon {
                                    width: 40px;
                                    flex-shrink: 0;
                                    img {
                                        width: 100%;
                                    }
                                }
                                .ai_agent_info {
                                    text-align: left;
                                    padding: 8px;
                                    .agent_name {
                                        color: #202020;
                                        font-family: "Inter Tight";
                                        font-size: 15px;
                                        font-style: normal;
                                        font-weight: 500;
                                        line-height: 135%;
                                        .arrow_icon {
                                            font-size: 14px;
                                            line-height: 24px;
                                            color: #000000;
                                            margin-left: 8px;
                                            font-weight: 600;
                                        }
                                    }
                                    .agent_desc {
                                        margin-top: 4px;
                                        color: #6A6A6A;
                                        font-family: 'Inter';
                                        font-size: 13px;
                                        font-style: normal;
                                        font-weight: 300;
                                        line-height: 150%;
                                    }
                                }
                            }
                        }
                        .true_information_card {
                            display: flex;
                            align-items: center;
                            flex-direction: row;
                            gap: 12px;
                            border-radius: 8px;
                            background: #5959EB;
                            padding: 16px;
                            margin-top: 16px;
                            margin-bottom: 12px;
                            .card_image {
                                flex-shrink: 0;
                                width: 80px;
                                img {
                                    width: 100%;
                                }
                            }
                            .card_info {
                                .card_title {
                                    color: #FFF;
                                    font-family: "Inter Tight";
                                    font-size: 15px;
                                    font-style: normal;
                                    font-weight: 500;
                                    line-height: 135%;
                                }
                                .card_desc {
                                    color: #FFF;
                                    font-family: 'Inter';
                                    font-size: 13px;
                                    font-style: normal;
                                    font-weight: 300;
                                    line-height: 150%;
                                    margin-top: 6px;
                                }
                            }
                        }
                        &.active.have_dropdown_menu {
                            .item_title::after {
                                background-image: url("https://d1h3p5fzmizjvp.cloudfront.net/themes/katalon_4/images/header/menu_icon_up.svg");
                                background-size: cover;
                                background-repeat: no-repeat;
                            }
                        }
                        &.why_katalon_dropdown {
                            margin-top: 40px;
                        }
                    }
                }
            }
        }
        &.fixed_top {
            top: 0;
            left: 0;
            width: 100%;
            max-width: 100%;
            position: fixed;
            background: #fff;
            z-index: 100;
            // animation-name: openTopAniamtionMobile;
            // animation-duration: .3s;
            .wrap_container {
                .top_menu {
                    .katalon_menu_icon {
                        i {
                            color: #000 !important;
                        }
                    }
                }
            }
        }
        &.transparent {
            .wrap_container {
                .top_menu {
                    .katalon_menu_icon {
                        i {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .custom_header_for_pf {
        width: 100%;
        max-width: 1250px;
        margin: 0 auto;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 64px;
    }
    
    
    @media screen and (max-width: 600px) {
        .rebrand_header {
            display: none;
        }
        .homepage_banner {
            .wrap_container {
                display: flex;
                flex-direction: column;
                .right_content {
                    display: none;
                }
                .left_content {
                    flex-direction: column;
                    padding: 10px;
                    text-align: left;
                    align-items: flex-start;
                    .banner_content {
                        margin-left: 0;
                        //margin-top: 10px;
                    }
                    .banner_link {
                        margin-left: 0;
                        margin-top: 10px;
                    }
                }
            }
            &.not_show {
                display: none;
            }
        }
        .rebrand_header_mobile {
            display: block;
            .main_menu.active .btn_section {
                row-gap: 10px;
            }
        }
        // update for PF
        .custom_header_for_pf {
            width: 100%;
            padding: 20px;
        }
    }

    @media screen and (min-width: 600px) and (max-width: 1023.8px) {
        .rebrand_header {
            display: none;
        }
        .homepage_banner {
            .wrap_container {
                display: flex;
                flex-direction: column;
                .right_content {
                    display: none;
                }
                .left_content {
                    flex-direction: column;
                    padding: 10px;
                    text-align: left;
                    align-items: flex-start;
                    .banner_content {
                        margin-left: 0;
                        //margin-top: 10px;
                    }
                    .banner_link {
                        margin-left: 0;
                        margin-top: 10px;
                    }
                }
            }
            &.not_show {
                display: none;
            }
        }
        .rebrand_header_mobile {
            display: block;
        }
        // update for PF
        .custom_header_for_pf {
            width: 100%;
            padding: 20px;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1300px) {
        .rebrand_header {
            padding: 0 20px;
            .wrap_container {
                .left_logo_and_topnav {
                    width: 55%;
                    .katalon_topnav {
                        .top_nav_item {
                            .top_nav_title {
                                padding: 6px 10px;
                            }
                            .top_nav_dropdown {
                                height: fit-content;
                                .content_container {
                                    padding: 30px 20px;
                                }
                                &.products {
                                    .content_container {
                                        .main_content {
                                            column-gap: 30px;
                                            margin: 0 auto;
                                            .left_content {
                                                width: 45%;
                                            }
                                            .right_content {
                                                width: 60%;
                                                padding-left: 30px;
                                            }
                                        }
                                    }
                                }
                                &.resources {
                                    .content_container {
                                        .main_content {
                                            column-gap: 30px;
                                            .resources_left_content {
                                                width: 55%;
                                            }
                                            .resources_right_content {
                                                width: 45%;
                                                .resources_col {
                                                    padding-left: 30px;
                                                }
                                            }
                                        }
                                    }
                                }
                                &.solutions .content_container .left_content {
                                    width: 40%;
                                }
                            }
                        }
                    }
                }
                .right_button {
                    .btn_primary {
                        padding: 6px;
                        font-size: 13px;
                        &.not_show {
                            display: none;
                        }
                    }
                    .btn_secondary {
                        padding: 6px 20px;
                        font-size: 13px;
                    }
                }
            }
        }
        .homepage_banner {
            padding: 6px 20px;
        }
        // update for PF
        .custom_header_for_pf {
            width: 100%;
            padding: 20px;
        }
    }
}