/* =========================
   HEADER BACKGROUND WRAPPER
   Controls overall top background (color / gradient)
========================= */

.Header__headerBg {
   /* Example: background, height */
    // background: linear-gradient(135deg, #0A1628 0%, #102548 50%, #1A3A6E 100%) !important;
    // background-color: rgba(10, 22, 40, 0.85);
}

/* Overlay layer (used for depth / subtle tint) */
.Header__bgColor {
    background: linear-gradient(135deg, #0A1628 0%, #102548 50%, #1A3A6E 100%) !important;
    opacity: 0.4
}
/* =========================
   MAIN NAVIGATION WRAPPER
   Contains logo + menu
========================= */
.Header__menuWrapper {
    /* Example: padding, background */
}

/* Navigation container */
.Header__menuBox {
    /* Example: max-width, alignment */
}


/* =========================
   LOGO SECTION
========================= */
.Header__logoPart {
    /* Controls layout of logo + text */
}

/* Logo link wrapper */
.Header__logoimg {
    /* Spacing around logo */
}

/* Logo image */
.Header__logo {
    /* Control logo size */
    /* Example: height, width */
}

/* Company name text */
.Header__logotxt {
    /* Control font size, weight, color */
}


/* =========================
   NAVIGATION MENU
========================= */
.Header__navbtn {
    /* Controls menu alignment */
}

/* Hamburger menu (mobile) */
.Header__menuClick {
    /* Show/hide in responsive */
}

/* Hamburger icon lines */
.Header__menu {
    /* Styling for menu icon */
}

/* Overlay for mobile menu */
.Header__responsivefreez {
    /* Background overlay when menu opens */
}

.Header__homeNavbarFixed {
 background: linear-gradient(135deg, #0A1628 0%, #102548 50%, #1A3A6E 100%) !important;
   z-index: 100000000;
}
.Readingprogress__fixed_header {
 background: linear-gradient(135deg, #0A1628 0%, #102548 50%, #1A3A6E 100%) !important;
   z-index: 100000000;
}
.Readingprogress__progressBar {
background: linear-gradient(
    135deg,
    #4A6280 0%,
    #5F86BB 50%,
    #8BB4F2 100%
) !important;
}

/* Menu list container */
.Header__nav {
    /* Layout of menu items */
}

/* Individual menu items */
.Header__menuList {
    /* Font size, spacing, hover */
}


/* =========================
   SIGN IN / SIGN OUT
========================= */
/* Usually inside .Header__nav */
.Header__nav a {
    /* Style login/logout buttons */
}


/* =========================
   HERO SECTION (TITLE + SEARCH)
========================= */
.Header__titleSearchWrapper {
    /* Controls banner background + spacing */
}

/* Inner container */
.Header__titleSearchBox {
    /* Layout alignment */
 
}


/* =========================
   WELCOME TEXT
========================= */
.Header__titleDescription {
    /* Controls spacing for text block */
}

/* Main title */
.Header__welcomeTitle {
    /* Font size, weight */
}

/* Description text */
.Header__welcomeDescription {
    /* Font size, color */
}


/* =========================
   SEARCH SECTION
========================= */
.Header__banneralt {
    /* Wrapper for search + actions */
}

/* Sub container */
.Header__searchSubCont {
    /* Layout spacing */
}

/* Search + button wrapper */
.Header__searchalt {
    /* Alignment */

}

/* Search container */
.Header__searchLink {
    /* Width / positioning */
  background: linear-gradient(135deg, #0A1628 0%, #102548 50%, #1A3A6E 100%) !important;
}

/* Search box (Zoho renders input inside) */
.Header__searchBox {
    /* Background, padding */
  
}
/* =========================
   SEARCH INPUT - CLOUDMON STYLE
========================= */
#autoSearchContainer {
    font-size: 13px !important;       /* text size */
    height: 40px !important;          /* overall box height */
    padding: 7px 12px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.05) !important;
    color: #E6EDF5 !important;
}

/* Placeholder */
#autoSearchContainer::placeholder {
    font-size: 13px;
    color: #94A3B8;
}

/* Focus effect */
#autoSearchContainer:focus {
    outline: none;
    border-color: #2F6BFF !important;
    background: rgba(255,255,255,0.08) !important;
}
/* Remove default white background */
.SearchBox__searchTextbox {
    background: rgba(255,255,255,0.025) !important;
}

.SearchBox__searchpart {
    background: rgba(255,255,255,0.025) !important;
}

/* Actual input field (important) */
.Header__searchBox input {
    /* Font size, height, padding */

}
.SearchBox__searchTextbox {

}

/* Placeholder text */
.Header__searchBox input::placeholder {
    /* Placeholder font size + color */
}


/* =========================
   ACTION BUTTONS (+ BUTTON)
========================= */
.Header__panelbtns {
    /* Alignment of action buttons */
}

/* Expandable action menu */
.Header__cdstretchynav {
    /* Positioning */
}

/* Overlay for action menu */
.Header__overlayresponav {
    /* Background overlay */
}

/* Trigger button (+ icon) */
.Header__cdnavtrigger {
    /* Size, icon style */
}

/* Action menu container */
.Header__container {
    /* Background, spacing */
}

/* Action list */
.Header__containerUl {
    /* List layout */
}

/* Background animation element */
.Header__stretchynavbg {
    /* Animation / effect */
}


/* =========================
   BREADCRUMBS
========================= */
.Breadcrumbs__container {
    /* Font size, spacing */
}