.Header__menuBox  {
    max-width: 100% !important; 
    transition: max-width .2s ease;
}
.Header__welcomeTitle{
    color: none !important;

}
.Header__welcomeTitle {
    /* color: #fff; */
    /* display: block; */
    font-size: 3.5rem !important;
    /* font-weight: 700; */
    /* line-height: 3rem; */
    /* margin: .625rem 0 1.5rem; */
    /* text-align: center; */
    margin-bottom: 1rem;
}
.Header__menuList {
    color: #111827 !important;
    display: inline-block;
    margin: 0 10px;
    max-width: 11.313rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.LoginDetail__signin, .LoginDetail__signup {
    color: #111827 !important;
    letter-spacing: inherit;
    max-width: 11.313rem;
    padding: 0 10px;
}
.BreadCrumbs__breadCrumbsLink {
    color: #111827 !important;
    text-decoration: none;
}
.Header__logotxt {
    color: #111827 !important;
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    min-width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* =========================GLOBAL========================= */

body {
    font-family: Inter, sans-serif;

    color: #111827;
    margin: 0;
    padding: 0;

}

/* =========================REMOVE OLD ZOHO ELEMENTS========================= */


/* =========================TOPBAR========================= */

.topbar {
    width: 100%;

    border-bottom: 1px solid #e5e7eb;
   
}


.Header__headerBg,
.Header__bgColor,
.Header__welcomeDescription,
/* .Header__panelbtns, */
/* .Header__menuClick, */
/* .Header__responsivefreez, */
/* .Header__banneralt, */
/* .Header__stretchynavbg, */
/* .Header__cdstretchynav, */
/* .Header__overlayresponav, */
 {
    display: none !important;
}

/* =========================HERO SECTION========================= */

.hero {

    padding: 80px 20px 70px;
    border-bottom: 1px solid #f1f5f9;
}

.hero-content {
    max-width: 1100px;
    margin: auto;
    text-align: center;
}

.hero h1 {
    font-size: 72px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -2px;
    margin-bottom: 24px;
    color: #111827;
}

.hero p {
    font-size: 22px;
    line-height: 1.6;
    color: #6b7280;
    margin-bottom: 45px;
}

/* =========================SEARCH BAR========================= */

.search-box {
    background: #f9fafb;
    border: 1px solid #d1d5db;
    border-radius: 22px;
    padding: 10px 24px;
    max-width: 900px;
    min-height: 64px !important;
    display: flex;
    align-items: center;
    margin: auto;
    box-shadow: none;
}

/* CLEAN INNER SEARCH */

.search-box * {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #111827 !important;
    font-size: 16px !important;
}

/* =========================MAIN CONTENT AREA========================= */

.ContentContainer {
    max-width: 1280px;
    margin: auto;
    padding: 80px 40px;
}

/* =========================REMOVE OLD ZOHO CARD DESIGN========================= */

.KBCategoryContainer,
.CategoryListContainer,
.ListItem,
.KBListView,
.CategoryContainer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* =========================MOBILE========================= */

@media (max-width: 768px) {




.nav-links {
    gap: 20px !important;
    flex-wrap: wrap;
    justify-content: center;
}

.hero {
    padding: 60px 20px;
}

.hero h1 {
    font-size: 42px;
    line-height: 1.1;
}

.hero p {
    font-size: 18px;
}

.search-box {
    min-height: 56px !important;
}

.brand-name {
    font-size: 18px;
}

}
@media (max-width: 48rem) {
    .Header__responsivefreez {
        background-color: #ffffff !important;
        border-radius: 0 0 40% 40%;
        display: none;
        height: 100%;
        overflow: hidden;
        position: fixed;
        right: -100%;
        top: -100%;
        transform: scale3d(0, 0, 0);
        transition: mymove .2s cubic-bezier(.01, .63, .76, .67);
        width: 100%;
      
        z-index: 1;
    }
}
.Header__menu {
    background-color: #050000;
    height: .125rem;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 1.875rem;
}

.Header__menu:after, .Header__menu:before {
    color: black;
    background-color: black;
    content: "";
    height: .125rem;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 1.875rem;
}
/*  acessbility */
.Header__menuList, .LoginDetail__signup, .LoginDetail__signin, .CustomizeContainer__aPlus {
     color: black !important;
}


.BreadCrumbs__breadcrumbsView {
    color: #111827 !important;
    font-size: .875rem;
}

/* ticket */
.TicketFormLeftContainer__part {
    background: var(--color-brand);
    border: .0625rem solid var(--color-lightGrey);
    border-radius: 2rem !important;
    padding: 1.625rem !important;
}

.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumn2, .Layout__twoColumnReverse {
    /* background-color: transparent; */
    /* box-sizing: border-box; */

    /* flex-wrap: wrap; */
    justify-content: center;
    margin: 0 auto;
  

    /* padding: 0 .9375rem 2.5rem; */
    /* position: relative; */
    /* transition: max-width .2s ease; */
}

.Layout__layout2{
display: none;
}


.BreadCrumbs__breadcrumbsView {
  display: none;
    color: #111827 !important;
    font-size: .875rem;
}
