/* ==========================================================================
   FIX SOLUTIONS DROPDOWN & SINGLE NORMAL ARROW
   ========================================================================== */

/* 1. HIDE Hello Elementor's duplicate native triangle arrow (content: "C5") */
.site-navigation ul.menu li.menu-item-has-children:after,
.site-navigation ul.menu li.menu-item-has-children::after,
.site-header .site-navigation ul.menu li.menu-item-has-children:after,
.site-header .site-navigation ul.menu li.menu-item-has-children::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* 2. Single, normal, clean dropdown chevron indicator */
.site-header .site-navigation .menu > li.menu-item-has-children > a::after {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  border-right: 1.5px solid #64748b !important;
  border-bottom: 1.5px solid #64748b !important;
  transform: rotate(45deg) translateY(-2px) !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
}

.site-header .site-navigation .menu > li.menu-item-has-children:hover > a::after {
  transform: rotate(-135deg) translateY(-1px) !important;
  border-color: #0066cc !important;
}

/* 3. Dropdown Menu Card (Solutions) */
.site-header .site-navigation .menu .sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 250px !important;
  width: 250px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1) !important;
  padding: 8px !important;
  margin: 4px 0 0 0 !important;
  list-style: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(6px) !important;
  transition: all 0.2s ease !important;
  z-index: 999999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.site-header .site-navigation .menu > li:hover > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* 4. Dropdown Items - PURE NORMAL TEXT (NEVER RED BUTTON!) */
.site-header .site-navigation .menu .sub-menu li,
.site-header .site-navigation .menu .sub-menu li:last-child {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.site-header .site-navigation .menu .sub-menu li a,
.site-header .site-navigation .menu .sub-menu li:last-child a,
.site-header .site-navigation .menu ul.sub-menu li a,
.site-header .site-navigation .menu ul.sub-menu li:last-child a {
  display: block !important;
  background: transparent !important;
  color: #334155 !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transform: none !important;
  margin: 0 !important;
  border: none !important;
  line-height: 1.4 !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
}

.site-header .site-navigation .menu .sub-menu li a:hover,
.site-header .site-navigation .menu .sub-menu li:last-child a:hover,
.site-header .site-navigation .menu ul.sub-menu li a:hover,
.site-header .site-navigation .menu ul.sub-menu li:last-child a:hover {
  background: #f1f5f9 !important;
  color: #0066cc !important;
  box-shadow: none !important;
  transform: translateX(3px) !important;
}

/* 5. Contact Button - STRICTLY ONLY THE TOP-LEVEL LAST ITEM */
.site-header .site-navigation .menu > li:last-child > a {
  background: #e11d48 !important;
  color: #ffffff !important;
  padding: 10px 22px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  margin-left: 8px !important;
  box-shadow: 0 4px 12px rgba(225, 29, 72, 0.25) !important;
  transition: all 0.2s ease !important;
}

.site-header .site-navigation .menu > li:last-child > a:hover {
  background: #be123c !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(225, 29, 72, 0.35) !important;
}







.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentcolor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentcolor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li ul a{color:#333}.site-navigation ul.menu li ul a:focus,.site-navigation ul.menu li ul a:hover{color:#222}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;inset-block-start:100%;inset-inline-start:0;max-width:calc(100vw - 2rem);min-width:150px;position:absolute;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{inset-block-start:0;inset-inline-start:100%}.site-navigation ul.menu li:last-child>ul,.site-navigation ul.menu li:nth-last-child(2)>ul{inset-inline-end:0;inset-inline-start:auto}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}

/* ONEZO ZOHO-STYLE MEGA MENU */
/* ==========================================================================
   ONEZO HEADER & NAVBAR CORE STYLES
   ========================================================================== */
.site-header {
  position: relative !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  z-index: 99999 !important;
}

.site-header .header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 12px 28px !important;
  min-height: 72px !important;
}

.site-header .site-branding img {
  max-height: 48px !important;
  width: auto !important;
  display: block !important;
}

.site-header .site-navigation .menu {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
}

.site-header .site-navigation .menu > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header .site-navigation .menu > li > a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  line-height: 1.4 !important;
}

.site-header .site-navigation .menu > li > a:hover,
.site-header .site-navigation .menu > li > a.onezo-nav-active {
  color: #0066cc !important;
  background: #f8fafc !important;
}

/* Chevron indicator on Products */
.site-header .site-navigation .menu > li > a[href*="products"]::after {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  border-right: 2px solid #64748b !important;
  border-bottom: 2px solid #64748b !important;
  transform: rotate(45deg) translateY(-2px) !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
  margin-left: 6px !important;
}

.site-header .site-navigation .menu > li > a[href*="products"].onezo-nav-active::after,
.site-header .site-navigation .menu > li:hover > a[href*="products"]::after {
  transform: rotate(-135deg) translateY(-1px) !important;
  border-color: #0066cc !important;
}

/* Chevron indicator on Solutions */
.site-header .site-navigation .menu > li.menu-item-has-children > a::after {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  border-right: 2px solid #64748b !important;
  border-bottom: 2px solid #64748b !important;
  transform: rotate(45deg) translateY(-2px) !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
  margin-left: 6px !important;
}

.site-header .site-navigation .menu > li.menu-item-has-children:hover > a::after {
  transform: rotate(-135deg) translateY(-1px) !important;
  border-color: #0066cc !important;
}

/* Contact Red CTA Button */
.site-header .site-navigation .menu > li:last-child > a {
  background: #e11d48 !important;
  color: #ffffff !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  margin-left: 8px !important;
  box-shadow: 0 4px 12px rgba(225, 29, 72, 0.25) !important;
  transition: all 0.2s ease !important;
}

.site-header .site-navigation .menu > li:last-child > a:hover {
  background: #be123c !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(225, 29, 72, 0.35) !important;
}

/* Standard Dropdown Menu (Solutions) */
.site-header .site-navigation .menu .sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 260px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
  padding: 8px !important;
  margin: 6px 0 0 0 !important;
  list-style: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition: all 0.2s ease !important;
  z-index: 999999 !important;
}

.site-header .site-navigation .menu > li:hover > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.site-header .site-navigation .menu .sub-menu li {
  margin: 0 !important;
  padding: 0 !important;
}

.site-header .site-navigation .menu .sub-menu li a {
  display: block !important;
  padding: 10px 14px !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: all 0.15s ease !important;
}

.site-header .site-navigation .menu .sub-menu li a:hover {
  background: #f1f5f9 !important;
  color: #0066cc !important;
  transform: translateX(3px) !important;
}

/* ==========================================================================
   AUTHENTIC ZOHO-STYLE MEGA MENU (STRICT PRODUCTS ONLY)
   ========================================================================== */
#onezo-mega-menu.onezo-mega-overlay {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.18) !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 2px solid #cbd5e1 !important;
  z-index: 999999 !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}

#onezo-mega-menu.onezo-mega-overlay.onezo-open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.onezo-mega-container {
  width: 100% !important;
  max-width: 1380px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
}

/* Top Tab Bar: Onezo Lite & Enterprise Solutions */
.onezo-mega-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 0 32px !important;
  background: #ffffff !important;
  height: 54px !important;
  box-sizing: border-box !important;
}

.onezo-mega-tabs {
  display: flex !important;
  gap: 12px !important;
  height: 100% !important;
  align-items: center !important;
}

.onezo-mega-tab {
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  height: 100% !important;
  padding: 0 20px !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  outline: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

.onezo-mega-tab:hover {
  color: #0f172a !important;
  background: #f8fafc !important;
}

.onezo-mega-tab.active {
  color: #e11d48 !important; /* Zoho signature red underline */
  border-bottom: 3px solid #e11d48 !important;
  font-weight: 700 !important;
}

.onezo-mega-top-actions {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.onezo-mega-explore-link {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0066cc !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}

.onezo-mega-explore-link:hover {
  color: #004d99 !important;
  text-decoration: underline !important;
}

.onezo-mega-close-btn {
  background: transparent !important;
  border: none !important;
  font-size: 20px !important;
  color: #64748b !important;
  cursor: pointer !important;
  padding: 6px 8px !important;
  line-height: 1 !important;
  transition: color 0.15s ease !important;
  outline: none !important;
  box-shadow: none !important;
}

.onezo-mega-close-btn:hover {
  color: #0f172a !important;
}

/* Mega Menu Body: Flexible Cards + Featured Hero Card */
.onezo-mega-content-wrapper {
  padding: 24px 32px 30px 32px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

.onezo-mega-flex-layout {
  display: flex !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.onezo-cards-wrapper {
  flex: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

/* ==========================================================================
   PASTEL SUITE CARDS (MATCHING ZOHO EXACTLY)
   ========================================================================== */
.onezo-p-card {
  border-radius: 8px !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  min-height: 165px !important;
}

.onezo-p-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

/* Width allocations for balanced rows */
.onezo-cards-wrapper .card-row-3 {
  flex: 1 1 calc(33.333% - 12px) !important;
  min-width: 250px !important;
}

.onezo-cards-wrapper .card-row-2 {
  flex: 1 1 calc(50% - 10px) !important;
  min-width: 280px !important;
}

.onezo-p-card-top {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

/* Outline Vector Icon */
.onezo-p-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.onezo-p-icon svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}

.onezo-p-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

.onezo-p-desc {
  font-size: 13.5px !important;
  color: #4b5563 !important;
  line-height: 1.45 !important;
  margin: 0 0 16px 0 !important;
  flex-grow: 1 !important;
}

.onezo-p-try {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0066cc !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.15s ease !important;
}

.onezo-p-try:hover {
  color: #004d99 !important;
  text-decoration: underline !important;
}

/* Color Themes for Pastel Cards */
.p-card-blue {
  background: #f0f7ff !important;
  border: 1px solid #e0eeff !important;
}
.p-card-blue .onezo-p-icon svg {
  stroke: #0284c7 !important;
}

.p-card-rose {
  background: #fdf2f2 !important;
  border: 1px solid #fee2e2 !important;
}
.p-card-rose .onezo-p-icon svg {
  stroke: #e11d48 !important;
}

.p-card-purple {
  background: #faf4fc !important;
  border: 1px solid #f2e2f8 !important;
}
.p-card-purple .onezo-p-icon svg {
  stroke: #9333ea !important;
}

.p-card-mint {
  background: #eefaf7 !important;
  border: 1px solid #ccfbf1 !important;
}
.p-card-mint .onezo-p-icon svg {
  stroke: #0d9488 !important;
}

.p-card-green {
  background: #f2faf5 !important;
  border: 1px solid #dcf3e5 !important;
}
.p-card-green .onezo-p-icon svg {
  stroke: #16a34a !important;
}

.p-card-amber {
  background: #fdf6ed !important;
  border: 1px solid #fdecd8 !important;
}
.p-card-amber .onezo-p-icon svg {
  stroke: #d97706 !important;
}

/* ==========================================================================
   FEATURED HERO BOX (RIGHT COLUMN - MATCHING ZOHO ONE YELLOW BANNER)
   ========================================================================== */
.onezo-hero-banner {
  width: 320px !important;
  min-width: 320px !important;
  background: #fecd05 !important; /* Authentic Zoho One Yellow */
  border-radius: 8px !important;
  padding: 30px 24px 24px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
}

.onezo-hero-top {
  position: relative !important;
  z-index: 2 !important;
}

.onezo-hero-icon {
  margin-bottom: 14px !important;
}

.onezo-hero-badge {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #713f12 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 8px !important;
}

.onezo-hero-title {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #1c1917 !important;
  line-height: 1.15 !important;
  margin: 0 0 14px 0 !important;
}

.onezo-hero-desc {
  font-size: 13.5px !important;
  color: #44403c !important;
  line-height: 1.5 !important;
  margin: 0 0 24px 0 !important;
}

.onezo-hero-btn {
  display: block !important;
  width: 100% !important;
  background: #e11d48 !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 13px 20px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.3) !important;
  transition: all 0.2s ease !important;
}

.onezo-hero-btn:hover {
  background: #be123c !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(225, 29, 72, 0.4) !important;
}

.onezo-hero-visual {
  margin-top: 18px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
}

.onezo-hero-visual svg {
  max-width: 200px !important;
  height: auto !important;
  display: inline-block !important;
}

@media (max-width: 1100px) {
  .onezo-mega-flex-layout {
    flex-direction: column !important;
  }
  .onezo-hero-banner {
    width: 100% !important;
    min-width: 100% !important;
  }
}
@media (max-width: 768px) {
  #onezo-mega-menu.onezo-mega-overlay {
    display: none !important;
  }
}