/* ==========================================================================
AM8ZE-Legacy.css (2026-11-13)
TEMPORARY file. All CSS that used to live in the Custom <head> of
www.am8ze.com, moved here unchanged in behaviour so the existing Embed Code
pages keep working while pages are rebuilt with native Odoo blocks.
Rules: ASCII only, English comments. Priority overrides are kept on purpose
(the old pages depend on them). Delete sections as their pages are rebuilt;
delete the whole file when no Embed Code page is left.

Cascade order is the same as the old head (sections 1 to 5, top to bottom).
Fonts are NOT loaded here any more: use the <link> tags in the head
(Inter, Poppins, IBM Plex Mono), see AM8ZE-Theme.css header.

CONTENTS
1. Site-wide legacy rules (header, hero, forms, footer, Embed Code containers, mobile fixes)
2. Blog layout (was /web/content/3821/az-blog-layout-b.css)
3. Blog list: titles and Read more colors, post grid, post tables
4. Blog mobile fix
5. Blog sticky side columns
========================================================================== */

/* ==========================================================================
1. Site-wide legacy rules
========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Century Gothic', 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
body, p, a, span, li, button, input, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.s_cover {
  background-color: #060A22 !important;

  color: #F6F5F1 !important;
  position: relative;
  overflow: hidden;
}
/* Default gradient background: only when the hero has no background image set in Odoo */
.s_cover:not([style*="background-image"]) {
  background-image:
    radial-gradient(ellipse 60% 70% at 78% 50%, rgba(40,80,190,.18) 0%, rgba(40,80,190,.06) 50%, rgba(40,80,190,0) 80%),
    linear-gradient(180deg, rgba(10,20,60,0) 0%, rgba(10,20,60,.30) 100%) !important;
}
.s_cover::before {
  display: none !important;
}
/* When the hero has a background image: drop the blue glow and add a dark layer on the left so text stays readable */
.s_cover[style*="background-image"]::after {
  display: none !important;
}
body:not(.editor_enable) .s_cover[style*="background-image"]::before {
  display: block !important;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(6,10,34,.88) 0%, rgba(6,10,34,.62) 42%, rgba(6,10,34,.10) 75%, rgba(6,10,34,0) 100%);
}
.s_cover[style*="background-image"] {
  background-size: cover !important;
  background-position: 70% 50% !important;
}

.s_cover::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  left: -22%;
  top: 5%;
  width: 60%;
  height: 95%;
  border-radius: 50%;
  background: #1E88E5;
  opacity: .34;
  filter: blur(200px);
  animation: am8Glow 12s ease-in-out infinite alternate;
}
@keyframes am8Glow {
  0%   { transform: translate(0,0) scale(1);       opacity: .28; }
  100% { transform: translate(6%,-4%) scale(1.1);  opacity: .40; }
}
@media (prefers-reduced-motion: reduce) {
  .s_cover::after { animation: none; }
}

@media (max-width: 991.98px) {
  .s_cover::after {
    filter: none;
    animation: none;
    opacity: 1;
    left: -45%;
    top: -5%;
    width: 130%;
    height: 75%;
    background: radial-gradient(closest-side, rgba(30,136,229,.38), rgba(30,136,229,.12) 55%, rgba(30,136,229,0));
  }
}
.s_cover > * {
  position: relative;
  z-index: 2;
}
.am8ze-eyebrow {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #E2A33D;
  border: 1px solid rgba(226, 163, 61, 0.3);
  background: rgba(226, 163, 61, 0.06);
  padding: 6px 14px;
  border-radius: 4px;
  display: inline-block;
}
code, pre, .o_code {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: inherit !important;
}

body:not(.editor_enable):has(#wrapwrap #wrap > :first-child.s_cover),
body:not(.editor_enable):has(#wrapwrap #wrap > :first-child .az-smart-function-block),
body:not(.editor_enable):has(#wrapwrap #wrap > :first-child .az-built-env-page),
body:not(.editor_enable):has(#wrapwrap #wrap > :first-child .az-vista-hero-block),
body:not(.editor_enable):has(#wrapwrap #wrap > :first-child .az-nova-hero-block),
body:not(.editor_enable):has(#wrapwrap #wrap > :first-child.az-dark-hero),
body:not(.editor_enable):has(#wrapwrap #wrap > :first-child .az-dark-hero),
body:not(.editor_enable).az-dark-hero-auto {
  --am8ze-menu-text-color: #F6F5F1;
}

body:not(.editor_enable) #wrap > :first-child {
  padding-top: 140px !important;
}
body:not(.editor_enable) #wrap > :first-child:has(.az-nova-hero-block),
body:not(.editor_enable) #wrap > :first-child:has(.az-ind-hero),
body:not(.editor_enable) #wrap > :first-child:has(.az-be-hero),
body:not(.editor_enable) #wrap > :first-child:has(.az-bi-hero),
body:not(.editor_enable) #wrap > :first-child:has(.az-mfg-hero-wrapper) {
  padding-top: 0 !important;
}

body:not(.editor_enable) #wrapwrap > header {
  position: fixed !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out !important;
}

@media (min-width: 992px) {
  body:not(.editor_enable):is(
    :has(#wrapwrap #wrap > :first-child.s_cover),
    :has(#wrapwrap #wrap > :first-child .az-smart-function-block),
    :has(#wrapwrap #wrap > :first-child .az-built-env-page),
    :has(#wrapwrap #wrap > :first-child .az-vista-hero-block),
    :has(#wrapwrap #wrap > :first-child .az-nova-hero-block),
    :has(#wrapwrap #wrap > :first-child.az-dark-hero),
    :has(#wrapwrap #wrap > :first-child .az-dark-hero),
    .az-dark-hero-auto
  ) #wrapwrap > header:not(.az-scrolled),

  body:not(.editor_enable):is(
    :has(#wrapwrap #wrap > :first-child.s_cover),
    :has(#wrapwrap #wrap > :first-child .az-smart-function-block),
    :has(#wrapwrap #wrap > :first-child .az-built-env-page),
    :has(#wrapwrap #wrap > :first-child .az-vista-hero-block),
    :has(#wrapwrap #wrap > :first-child .az-nova-hero-block),
    :has(#wrapwrap #wrap > :first-child.az-dark-hero),
    :has(#wrapwrap #wrap > :first-child .az-dark-hero),
    .az-dark-hero-auto
  ) #wrapwrap > header:not(.az-scrolled) .navbar,

  body:not(.editor_enable):is(
    :has(#wrapwrap #wrap > :first-child.s_cover),
    :has(#wrapwrap #wrap > :first-child .az-smart-function-block),
    :has(#wrapwrap #wrap > :first-child .az-built-env-page),
    :has(#wrapwrap #wrap > :first-child .az-vista-hero-block),
    :has(#wrapwrap #wrap > :first-child .az-nova-hero-block),
    :has(#wrapwrap #wrap > :first-child.az-dark-hero),
    :has(#wrapwrap #wrap > :first-child .az-dark-hero),
    .az-dark-hero-auto
  ) #wrapwrap > header:not(.az-scrolled) .navbar-collapse,

  body:not(.editor_enable):is(
    :has(#wrapwrap #wrap > :first-child.s_cover),
    :has(#wrapwrap #wrap > :first-child .az-smart-function-block),
    :has(#wrapwrap #wrap > :first-child .az-built-env-page),
    :has(#wrapwrap #wrap > :first-child .az-vista-hero-block),
    :has(#wrapwrap #wrap > :first-child .az-nova-hero-block),
    :has(#wrapwrap #wrap > :first-child.az-dark-hero),
    :has(#wrapwrap #wrap > :first-child .az-dark-hero),
    .az-dark-hero-auto
  ) #wrapwrap > header:not(.az-scrolled) .container,

  body:not(.editor_enable):is(
    :has(#wrapwrap #wrap > :first-child.s_cover),
    :has(#wrapwrap #wrap > :first-child .az-smart-function-block),
    :has(#wrapwrap #wrap > :first-child .az-built-env-page),
    :has(#wrapwrap #wrap > :first-child .az-vista-hero-block),
    :has(#wrapwrap #wrap > :first-child .az-nova-hero-block),
    :has(#wrapwrap #wrap > :first-child.az-dark-hero),
    :has(#wrapwrap #wrap > :first-child .az-dark-hero),
    .az-dark-hero-auto
  ) #wrapwrap > header:not(.az-scrolled) .container-fluid,

  body:not(.editor_enable):is(
    :has(#wrapwrap #wrap > :first-child.s_cover),
    :has(#wrapwrap #wrap > :first-child .az-smart-function-block),
    :has(#wrapwrap #wrap > :first-child .az-built-env-page),
    :has(#wrapwrap #wrap > :first-child .az-vista-hero-block),
    :has(#wrapwrap #wrap > :first-child .az-nova-hero-block),
    :has(#wrapwrap #wrap > :first-child.az-dark-hero),
    :has(#wrapwrap #wrap > :first-child .az-dark-hero),
    .az-dark-hero-auto
  ) #wrapwrap > header:not(.az-scrolled) div:not(.dropdown-menu):not(.o_mega_menu):not([class*="btn"]) {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;

    transition: background-color 0.25s ease-in-out !important;
  }

  #wrapwrap > header:not(.az-scrolled) .navbar-nav > .nav-item > .nav-link,
  #wrapwrap > header:not(.az-scrolled) .navbar-nav > .nav-item > .nav-link span,
  #wrapwrap > header:not(.az-scrolled) .navbar-nav > li > a,
  #wrapwrap > header:not(.az-scrolled) .navbar-nav > li > a span,
  #wrapwrap > header:not(.az-scrolled) #top_menu > .nav-item > .nav-link,
  #wrapwrap > header:not(.az-scrolled) #top_menu > .nav-item > .nav-link span,
  #wrapwrap > header:not(.az-scrolled) .navbar-nav .nav-link *:not(.dropdown-menu):not(.dropdown-menu *):not(.o_mega_menu):not(.o_mega_menu *) {
    color: var(--am8ze-menu-text-color, #12182B) !important;
  }

  body #wrapwrap > header:not(.az-scrolled) .navbar-nav > .nav-item:hover > .nav-link,
  body #wrapwrap > header:not(.az-scrolled) .navbar-nav > .nav-item > .nav-link:hover,
  body #wrapwrap > header:not(.az-scrolled) .navbar-nav > li:hover > a,
  body #wrapwrap > header:not(.az-scrolled) .navbar-nav > li > a:hover {
    color: #F2A93B !important;
  }
}
@media (min-width: 992px) {
  body:not(.editor_enable) #wrapwrap .navbar-nav .nav-item.dropdown > .dropdown-menu,
  body:not(.editor_enable) #wrapwrap .navbar-nav .nav-item.dropdown > .o_mega_menu {
    transition: none !important;
    transform: none !important;
  }
  body:not(.editor_enable) #wrapwrap .navbar-nav .nav-item.dropdown:hover > .dropdown-menu,
  body:not(.editor_enable) #wrapwrap .navbar-nav .nav-item.dropdown:hover > .o_mega_menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    transform: none !important;
  }
}

@media (min-width: 992px) {
  body:not(.editor_enable) #wrapwrap header .o_mega_menu {
    top: 100% !important;
    margin-top: 0px !important;
    transform: none !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
  }

  #wrapwrap header .dropdown {
    position: relative !important;
  }
  body:not(.editor_enable) #wrapwrap header .dropdown-menu:not(.o_mega_menu) {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 0px !important;
    transform: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  }
}
@media (max-width: 991.98px) {
  body:not(.editor_enable) #wrapwrap header .o_mega_menu,
  body:not(.editor_enable) #wrapwrap header .dropdown-menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

@media (max-width: 991.98px) {
  #wrapwrap > header,
  #wrapwrap > header .navbar,
  #wrapwrap > header .navbar-collapse,
  #wrapwrap > header .container,
  #wrapwrap > header .container-fluid {
    background-color: #ffffff !important;
    background: #ffffff !important;
  }
  #wrapwrap > header .navbar-nav > .nav-item > .nav-link,
  #wrapwrap > header .navbar-nav > .nav-item > .nav-link span,
  #wrapwrap > header .navbar-nav > li > a,
  #wrapwrap > header .navbar-nav > li > a span,
  #wrapwrap > header #top_menu > .nav-item > .nav-link,
  #wrapwrap > header #top_menu > .nav-item > .nav-link span,
  #wrapwrap > header .navbar-nav .nav-link *:not(.dropdown-menu):not(.dropdown-menu *):not(.o_mega_menu):not(.o_mega_menu *) {
    color: #12182B !important;
  }

  #wrapwrap > header .o_mega_menu,
  #wrapwrap > header .dropdown-menu {
    background-color: #ffffff !important;
    background: #ffffff !important;
  }
}

body:not(.editor_enable) #wrapwrap header .s_mega_menu_tabs_list {
  display: none !important;
}
body:not(.editor_enable) #wrapwrap header .s_mega_menu_tabs_content {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

body:not(.editor_enable) #wrapwrap header .dropdown-menu:not(:has(a)) {
  display: none !important;
}
body:not(.editor_enable) #wrapwrap header .o_mega_menu :empty:not(img):not(i):not(svg):not(br):not(hr):not(input[type="submit"]) {
  display: none !important;
}
body:not(.editor_enable) #wrapwrap header .o_mega_menu input {
  display: none !important;
}
body:not(.editor_enable) #wrapwrap header .dropdown-menu::before,
body:not(.editor_enable) #wrapwrap header .dropdown-menu::after,
body:not(.editor_enable) #wrapwrap header .o_mega_menu::before,
body:not(.editor_enable) #wrapwrap header .o_mega_menu::after,
body:not(.editor_enable) #wrapwrap header .nav-item::before,
body:not(.editor_enable) #wrapwrap header .nav-item::after,
body:not(.editor_enable) #wrapwrap header .nav-link::before,
body:not(.editor_enable) #wrapwrap header .nav-link::after,
body:not(.editor_enable) #wrapwrap header .o_mega_menu_caret,
body:not(.editor_enable) #wrapwrap header .caret,
body:not(.editor_enable) #wrapwrap header [class*="caret"] {
  display: none !important;
  content: none !important;
}

#wrapwrap > header.az-scrolled,
#wrapwrap > header.az-scrolled .navbar,
#wrapwrap > header.az-scrolled .navbar-collapse,
#wrapwrap > header.az-scrolled .container,
#wrapwrap > header.az-scrolled .container-fluid,
#wrapwrap > header.az-scrolled div:not(.dropdown-menu):not(.o_mega_menu):not([class*="btn"]) {
  background-color: #ffffff !important;
  background: #ffffff !important;

  transition: background-color 0.25s ease-in-out !important;
}
#wrapwrap > header.az-scrolled {
  box-shadow: 0 4px 20px rgba(18, 24, 43, 0.08) !important;
  border-bottom: 1px solid rgba(18, 24, 43, 0.08) !important;
}

body #wrapwrap > header.az-scrolled .navbar-nav > .nav-item > .nav-link,
body #wrapwrap > header.az-scrolled .navbar-nav > .nav-item > .nav-link span,
body #wrapwrap > header.az-scrolled .navbar-nav > li > a,
body #wrapwrap > header.az-scrolled .navbar-nav > li > a span,
body #wrapwrap > header.az-scrolled #top_menu > .nav-item > .nav-link,
body #wrapwrap > header.az-scrolled #top_menu > .nav-item > .nav-link span,
body #wrapwrap > header.az-scrolled .navbar-nav .nav-link *:not(.dropdown-menu):not(.dropdown-menu *):not(.o_mega_menu):not(.o_mega_menu *) {
  color: #12182B !important;
}

body #wrapwrap > header.az-scrolled .navbar-nav > .nav-item:hover > .nav-link,
body #wrapwrap > header.az-scrolled .navbar-nav > .nav-item:hover > .nav-link span,
body #wrapwrap > header.az-scrolled .navbar-nav > .nav-item.show > .nav-link,
body #wrapwrap > header.az-scrolled .navbar-nav > .nav-item.show > .nav-link span,
body #wrapwrap > header.az-scrolled .navbar-nav > li.show > a,
body #wrapwrap > header.az-scrolled .navbar-nav > li.show > a span {
  color: #0D7377 !important;
}

#wrapwrap#wrapwrap > header .dropdown-menu a,
#wrapwrap#wrapwrap > header .dropdown-menu a span,
#wrapwrap#wrapwrap > header .dropdown-menu *,
#wrapwrap#wrapwrap .navbar .dropdown-menu a {
  color: #12182B !important;
}

#wrapwrap#wrapwrap header .o_mega_menu a,
#wrapwrap#wrapwrap header .o_mega_menu a span,
#wrapwrap#wrapwrap header .o_mega_menu .nav-link,
#wrapwrap#wrapwrap header .o_mega_menu .nav-link span,
#wrapwrap#wrapwrap header .o_mega_menu h1,
#wrapwrap#wrapwrap header .o_mega_menu h2,
#wrapwrap#wrapwrap header .o_mega_menu h3,
#wrapwrap#wrapwrap header .o_mega_menu h4,
#wrapwrap#wrapwrap header .o_mega_menu h5,
#wrapwrap#wrapwrap header .o_mega_menu h6,
#wrapwrap#wrapwrap header .o_mega_menu *,
#wrapwrap#wrapwrap header [data-name="Mega Menu"] a,
#wrapwrap#wrapwrap header [data-name="Mega Menu"] .nav-link,
#wrapwrap#wrapwrap header [data-name="Mega Menu"] *,
#wrapwrap#wrapwrap header .s_mega_menu_odoo_menu a,
#wrapwrap#wrapwrap header .s_mega_menu_odoo_menu .nav-link,
#wrapwrap#wrapwrap header .s_mega_menu_odoo_menu *,
.o_mega_menu.o_mega_menu.o_mega_menu a,
.o_mega_menu.o_mega_menu.o_mega_menu a span,
.o_mega_menu.o_mega_menu.o_mega_menu .nav-link,
.o_mega_menu.o_mega_menu.o_mega_menu .nav-link span,
.o_mega_menu.o_mega_menu.o_mega_menu *,
.s_mega_menu_odoo_menu.s_mega_menu_odoo_menu.s_mega_menu_odoo_menu a,
.s_mega_menu_odoo_menu.s_mega_menu_odoo_menu.s_mega_menu_odoo_menu .nav-link,
.s_mega_menu_odoo_menu.s_mega_menu_odoo_menu.s_mega_menu_odoo_menu * {
  color: #000000 !important;
}
#wrapwrap .o_mega_menu a:hover,
#wrapwrap .navbar .dropdown-menu a:hover {
  color: #0d7377 !important;
  background-color: transparent !important;
}

#wrapwrap > header {
  --bs-dropdown-link-active-bg: rgba(13, 115, 119, 0.12);
  --bs-dropdown-link-active-color: #0D7377;
}
#wrapwrap > header .dropdown-menu a:active,
#wrapwrap > header .dropdown-menu a:focus,
#wrapwrap > header .dropdown-menu a.active,
#wrapwrap > header .dropdown-menu .dropdown-item:active,
#wrapwrap > header .dropdown-menu .dropdown-item:focus,
#wrapwrap > header .dropdown-menu .dropdown-item.active,
#wrapwrap > header .dropdown-menu .nav-link:active,
#wrapwrap > header .dropdown-menu .nav-link:focus,
#wrapwrap > header .dropdown-menu .nav-link.active,
#wrapwrap > header .o_mega_menu a:active,
#wrapwrap > header .o_mega_menu a:focus,
#wrapwrap > header .o_mega_menu a.active,
#wrapwrap > header .o_mega_menu .nav-link:active,
#wrapwrap > header .o_mega_menu .nav-link:focus,
#wrapwrap > header .o_mega_menu .nav-link.active,
#wrapwrap > header .accordion-body a:active,
#wrapwrap > header .accordion-body a:focus,
#wrapwrap > header .accordion-body a.active,
#wrapwrap > header .accordion-collapse a:active,
#wrapwrap > header .accordion-collapse a:focus,
#wrapwrap > header .accordion-collapse a.active {
  background-color: rgba(13, 115, 119, 0.12) !important;
  color: #0D7377 !important;
}
#wrapwrap > header .dropdown-menu a:active span,
#wrapwrap > header .dropdown-menu a:focus span,
#wrapwrap > header .dropdown-menu a.active span,
#wrapwrap > header .o_mega_menu a:active span,
#wrapwrap > header .o_mega_menu a:focus span,
#wrapwrap > header .o_mega_menu a.active span,
#wrapwrap > header .accordion-body a:active span,
#wrapwrap > header .accordion-body a:focus span,
#wrapwrap > header .accordion-collapse a:active span {
  color: #0D7377 !important;
}

#wrapwrap > header .navbar-nav > .nav-item,
#top_menu > .nav-item {
  position: relative;
}
#wrapwrap > header .navbar-nav > .nav-item.az-nav-current > .nav-link,
#wrapwrap > header .navbar-nav > .nav-item.az-nav-current > .nav-link span,
#top_menu > .nav-item.az-nav-current > .nav-link,
#top_menu > .nav-item.az-nav-current > .nav-link span {
  color: #0D7377 !important;
  font-weight: 700 !important;
}
#wrapwrap > header .navbar-nav > .nav-item.az-nav-current > .nav-link::after,
#top_menu > .nav-item.az-nav-current > .nav-link::after {
  content: '';
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: -9px;
  height: 3px;
  border-radius: 3px;
  background: #0D7377 !important;
}

#wrapwrap > header .navbar-nav > .nav-item.az-nav-current > .nav-link,
#top_menu > .nav-item.az-nav-current > .nav-link,
#wrapwrap > header .navbar-nav > .nav-item.show > .nav-link,
#top_menu > .nav-item.show > .nav-link {
  background: rgba(13, 115, 119, 0.12) !important;
  border-radius: 8px !important;
}
#wrapwrap > header .navbar-nav > .nav-item.show > .nav-link::after,
#top_menu > .nav-item.show > .nav-link::after {
  content: '';
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: -9px;
  height: 3px;
  border-radius: 3px;
  background: #0D7377 !important;
}
#wrapwrap .navbar-brand img,
#wrapwrap > header .navbar-brand img,
#wrapwrap .o_header_affix .navbar-brand img,
#wrapwrap .o_header_is_scrolled .navbar-brand img {
  height: 76px !important;
  max-height: 76px !important;
  min-height: 76px !important;
  width: auto !important;
  transition: none !important;
}
#wrapwrap header .navbar-brand {
  margin-right: 14px !important;
}
#wrapwrap > header #top_menu > .nav-item > .nav-link {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  white-space: nowrap !important;
}
#wrapwrap > header .js_usermenu .nav-link,
#wrapwrap > header .o_user_menu .nav-link {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #wrapwrap .navbar-brand img,
  #wrapwrap > header .navbar-brand img,
  #wrapwrap .o_header_affix .navbar-brand img,
  #wrapwrap .o_header_is_scrolled .navbar-brand img {
    height: 52px !important;
    max-height: 52px !important;
    min-height: 52px !important;
    width: auto !important;
  }
  #wrapwrap header .navbar-brand {
    margin-right: 6px !important;
  }
  #wrapwrap > header #top_menu > .nav-item > .nav-link {
    font-size: 13px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    white-space: nowrap !important;
  }
  #wrapwrap > header .js_usermenu .nav-link,
  #wrapwrap > header .o_user_menu .nav-link {
    font-size: 12.5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  #wrapwrap header .btn-primary,
  #wrapwrap header .btn[class*="btn-"],
  #wrapwrap .navbar .btn-primary,
  #wrapwrap .navbar .btn[class*="btn-"] {
    padding: 7px 13px !important;
    margin-left: 4px !important;
  }
  #wrapwrap header .btn-primary::before,
  #wrapwrap header .btn[class*="btn-"]::before,
  #wrapwrap .navbar .btn-primary::before,
  #wrapwrap .navbar .btn[class*="btn-"]::before {
    font-size: 12.5px !important;
  }
}
#wrapwrap > header .navbar {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  transition: none !important;
}
#wrapwrap > header .container,
#wrapwrap > header .container-fluid {
  max-width: 1200px !important;
}

#wrapwrap > header .btn-primary,
#wrapwrap > header .btn[class*="btn-"],
#wrapwrap .navbar .btn-primary,
#wrapwrap .navbar .btn[class*="btn-"] {
  font-size: 0 !important;
  background-color: #F2A93B !important;
  border-color: #F2A93B !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  box-shadow: 0 4px 14px rgba(242, 169, 59, 0.35) !important;
  transition: all 0.25s ease-in-out !important;
}
#wrapwrap > header .btn-primary::before,
#wrapwrap > header .btn[class*="btn-"]::before,
#wrapwrap .navbar .btn-primary::before,
#wrapwrap .navbar .btn[class*="btn-"]::before {
  content: "Book Consultancy" !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #12182B !important;
  display: inline-block !important;
}
#wrapwrap > header .btn-primary:hover,
#wrapwrap > header .btn[class*="btn-"]:hover {
  background-color: #E2932B !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(242, 169, 59, 0.5) !important;
}

footer *, #footer * {
  border-top: none !important;
}
.o_footer_copyright {
  padding-top: 24px !important;
  margin-top: 32px !important;
  position: relative !important;
  width: 100% !important;
}
body:not(.editor_enable) #wrap > #o_wblog_post_top {
  padding-top: 0 !important;
}
.o_record_cover_container,
.o_wblog_post_title_header,
.o_wblog_post_title_container,
section.o_wblog_post_title,
.o_blog_post_title {
  margin-top: 0 !important;
  padding-top: 140px !important;
}
body:not(.editor_enable) #wrap.js_blog .o_container_small:has(#o_wblog_post_content),
body:not(.editor_enable) #wrap.js_blog #o_wblog_post_content {
  max-width: 1200px !important;
}
.am8ze-trust-container,
.az-bi-ai-inner,
.az-bi-cap-inner,
.az-bi-featured__inner,
.az-bi-header__inner,
.az-bi-hero-inner,
.az-bi-main__inner,
.az-bi-why-inner,
.az-container-1240,
.az-home-bey-inner,
.az-home-ind-inner,
.az-home-outcomes-inner,
.az-home-plat-inner,
.az-home-stats-inner,
.az-home-trust-inner,
.az-ind-cs-inner,
.az-ind-grid-inner,
.az-ind-hero-inner,
.az-ind-why-inner,
.az-inv-container,
.az-mfg-hero-grid,
.az-mfg-demo-head,
.az-mfg-demo-grid,
.az-mfg-cap-head,
.az-mfg-cap-grid,
.az-mfg-mon-head,
.az-mfg-mon-grid,
[class*="az-mfg-"][class*="-head"],
[class*="az-mfg-"][class*="-grid"],
[class*="az-mfg-"][class*="-inner"],
.az-nova-hero-container,
.az-nova-shift-container,
.az-plat-cap-inner,
.az-plat-hero-inner,
.az-plat-pil-inner,
.az-plat-why-inner,
.az-res-inner,
.az-res-section__inner {
  max-width: 1200px !important;
}

section:has(.az-bleed) {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}
.container:has(> .az-bleed),
.container-fluid:has(> .az-bleed),
.s_embed_code_embedded:has(> .az-bleed) {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.row:has(> .az-bleed) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
[class*="col-"]:has(> .az-bleed) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  flex: 0 0 100% !important;
}
.az-bleed {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}
.az-container-1400 {
  width: calc(100vw - 48px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.az-body-text { font-size: 17px !important; }
.az-badge-text { font-size: 14px !important; }
.az-cta-text { font-size: 15px !important; }

.az-section-header {
  text-align: center !important;
  max-width: 760px !important;
  margin: 0 auto 56px !important;
}
.az-section-header h2 {
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #0B2545 !important;
  margin: 0 0 16px !important;
}
@media (min-width: 768px) {
  .az-section-header h2 { font-size: 38px !important; }
}
.az-section-header p {
  font-size: 16px !important;
  color: #475569 !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}
.az-heading-color { color: #0B2545 !important; }
.az-body-color { color: #334155 !important; }
.az-accent-color { color: #0D7377 !important; }

.az-btn-accent {
  background: #0D7377 !important;
  color: #ffffff !important;
}
.az-btn-accent:hover {
  background: #0a5c60 !important;
  color: #ffffff !important;
}
.az-btn-brand {
  background: #F2A93B !important;
  color: #0B2545 !important;
}
.az-btn-brand:hover {
  background: #ffbf5c !important;
  color: #0B2545 !important;
}

.az-form-block h1 {
  font-family: 'Century Gothic', 'Poppins', sans-serif !important;
  font-weight: 800 !important;
  color: #0B2545 !important;
  letter-spacing: -0.5px !important;
}
.az-form-block p:not(label):not(.s_website_form_label) {
  font-family: 'Inter', sans-serif !important;
  color: #334155 !important;
  line-height: 1.7 !important;
}
.az-form-block label,
.az-form-block .s_website_form_label {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: #0B2545 !important;
  font-size: 14.5px !important;
}
.az-form-block .form-control,
.az-form-block textarea,
.az-form-block input {
  font-family: 'Inter', sans-serif !important;
  border-radius: 10px !important;
  border-color: rgba(11,37,69,.15) !important;
}
.az-form-block .form-control:focus,
.az-form-block textarea:focus,
.az-form-block input:focus {
  border-color: #0D7377 !important;
  box-shadow: 0 0 0 3px rgba(13,115,119,.12) !important;
}
.az-form-block .btn-primary,
.az-form-block .s_website_form_send {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  background-color: #0D7377 !important;
  border-color: #0D7377 !important;
  border-radius: 9999px !important;
  padding: 12px 30px !important;
}
.az-form-block .btn-primary:hover,
.az-form-block .s_website_form_send:hover {
  background-color: #0a5c60 !important;
  border-color: #0a5c60 !important;
}

.az-custom-contact-form {
  background: transparent !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  padding: 0 !important;
}
.az-custom-contact-form label,
.az-custom-contact-form .col-form-label,
.az-custom-contact-form .form-label {
  color: #0B2545 !important;
  font-family: 'Century Gothic', -apple-system, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}
.az-custom-contact-form .s_website_form_mark {
  color: #ef4444 !important;
  font-weight: bold;
}
.az-custom-contact-form .form-control,
.az-custom-contact-form input,
.az-custom-contact-form select,
.az-custom-contact-form textarea {
  background: #ffffff !important;
  border: 1px solid rgba(11, 37, 69, 0.12) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14.5px !important;
  color: #0B2545 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}
.az-custom-contact-form .form-control:focus,
.az-custom-contact-form input:focus,
.az-custom-contact-form select:focus,
.az-custom-contact-form textarea:focus {
  border-color: #0D7377 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1) !important;
}
.az-custom-contact-form .form-check-label {
  color: #0B2545 !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
}
.az-custom-contact-form .s_website_form_submit,
.az-custom-contact-form .o_website_form_send_wrapper {
  text-align: right !important;
  margin-top: 24px !important;
}
.az-custom-contact-form .btn-primary,
.az-custom-contact-form button.o_website_form_send {
  background-color: #e8952a !important;
  color: #060919 !important;
  font-weight: 700 !important;
  padding: 12px 44px !important;
  font-size: 15px !important;
  border-radius: 24px !important;
  border: none !important;
  box-shadow: 0 6px 16px rgba(232, 149, 42, 0.2) !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 180px !important;
  cursor: pointer !important;
}
.az-custom-contact-form .btn-primary:hover,
.az-custom-contact-form button.o_website_form_send:hover {
  background-color: #0B2545 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(11, 37, 69, 0.25) !important;
  transform: translateY(-2px) !important;
}

.o_footer_copyright {
  border-top: none !important;
}

footer .container,
#footer .container,
.o_footer .container {
  max-width: 1200px !important;
  width: 100% !important;
}
.o_footer_copyright {
  max-width: 1200px !important;
}

.az-highlight {
  background: linear-gradient(
    100deg,
    var(--orange-600, #e8952a) 0%,
    var(--orange-600, #e8952a) 32%,
    var(--orange-500, #f2a93c) 46%,
    var(--orange-500, #f2a93c) 50%,
    var(--orange-500, #f2a93c) 54%,
    var(--orange-600, #e8952a) 68%,
    var(--orange-600, #e8952a) 100%
  ) !important;
  background-size: 260% 100% !important;
}
@media (min-width: 992px) {
  #wrapwrap header .container {
    width: 100% !important;
    max-width: 1200px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
  #wrapwrap header #top_menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  #wrapwrap header .js_usermenu,
  #wrapwrap header .o_user_menu {
    margin-left: auto !important;
  }
}
#wrapwrap > header .container,
#wrapwrap > header .container-fluid,
#wrapwrap footer .container,
#wrapwrap footer .container-fluid,
.o_footer_copyright,
#wrapwrap #wrap > .container,
#wrapwrap #wrap section > .container,
#wrapwrap #wrap .s_embed_code_embedded > .container,
body:not(.editor_enable) #wrap [class*="-container"],
body:not(.editor_enable) #wrap [class*="_container"],
body:not(.editor_enable) #wrap [class*="-inner"],
body:not(.editor_enable) #wrap [class*="_inner"],
body:not(.editor_enable) #wrap [class*="__inner"],
body:not(.editor_enable) #wrap [class*="-layout"],
body:not(.editor_enable) #wrap [class*="-grid"]:not(.az-cs-showcase-grid):not(.row),
body:not(.editor_enable) #wrap .az-inner,
body:not(.editor_enable) #wrap .az-container-1400,
body:not(.editor_enable) #wrap .az-regional-stats,
body:not(.editor_enable) #wrap .az-stats-starfield,
body:not(.editor_enable) #wrap .az-how-it-works,
body:not(.editor_enable) #wrap .az-mc-wrap,
body:not(.editor_enable) #wrap .am8-grant-notice__in,
body:not(.editor_enable) #wrap .s_cover .container,
body:not(.editor_enable) #wrap .az-cs-showcase-container,
body:not(.editor_enable) #wrap .az-cs-hero-container,
body:not(.editor_enable) #wrap .az-cs-diligence-container,
body:not(.editor_enable) #wrap .az-sc-case-study-container,
body:not(.editor_enable) #wrap .az-sc-capabilities-container,
body:not(.editor_enable) #wrap .az-sc-cta-container,
body:not(.editor_enable) #wrap .az-trust-container,
body:not(.editor_enable) #wrap .az-problem-container,
body:not(.editor_enable) #wrap .az-home-bey-inner,
body:not(.editor_enable) #wrap .s_cards_soft > .container,
body:not(.editor_enable) #wrap .s_cards_soft .az-ai-show,
body:not(.editor_enable) #wrap .s_key_benefits > .container,
body:not(.editor_enable) #wrap .s_key_benefits .az-ai-models-section,
body:not(.editor_enable) #wrap .s_key_benefits .az-ai-container,
body:not(.editor_enable) #wrap .az-home-ind-inner,
body:not(.editor_enable) #wrap .az-res-inner,
body:not(.editor_enable) #wrap .az-plat-hero-inner,
body:not(.editor_enable) #wrap .az-plat-pil-inner,
body:not(.editor_enable) #wrap .az-plat-why-inner,
body:not(.editor_enable) #wrap .az-plat-cap-inner,
body:not(.editor_enable) #wrap .az-res-section__inner,
body:not(.editor_enable) #wrap .az-ind-hero-inner,
body:not(.editor_enable) #wrap .az-ind-grid-inner,
body:not(.editor_enable) #wrap .az-ind-cs-inner,
body:not(.editor_enable) #wrap .az-ind-why-inner,
/* Blog list banner fix (Business Insight): align to the 1200px container */
html[data-main-object^="blog.blog("] #o_wblog_blog_top .container,
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_page_cover > .container,
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_record_cover_container > .container,
#o_wblog_blog_top .container,
#o_wblog_blog_top .o_wblog_post_page_cover > .container,
#o_wblog_blog_top .o_record_cover_container > .container,
/* Blog post banner fix */
html[data-main-object^="blog.post("] #o_wblog_post_top .container,
html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_page_cover > .container,
#o_wblog_post_top .container,
#o_wblog_post_top .o_wblog_post_page_cover > .container,
body.az-post #o_wblog_post_top .az-hero,
body.az-post #o_wblog_post_main,
#o_wblog_post_main > .container,
#o_wblog_post_top > .container,
/* Blog topic filter and post list */
html[data-main-object^="blog.blog("] .az-blog-filters,
html[data-main-object^="blog.blog("] #o_wblog_index_content > .container {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}
html[data-main-object^="blog.blog("] #o_wblog_blog_top .container,
#o_wblog_blog_top .container {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
div[data-editor-sub-message] {
  display: none !important;
}
@media (max-width: 1199.98px) {
  body:not(.editor_enable) #wrap .az-cs-showcase-grid {
    grid-template-columns: 1fr !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    gap: 32px !important;
  }
}
html body:not(.editor_enable) section:has([class*="az-"]),
html body:not(.editor_enable) section:has(.s_embed_code_embedded),
html body:not(.editor_enable) section.s_embed_code,
section:has([class*="az-"]),
section:has(.s_embed_code_embedded),
section.s_embed_code {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  width: 100% !important;
}
html body:not(.editor_enable) section:has(.az-mfg-cta-block) {
  background: linear-gradient(135deg, #0a0e27 0%, #0b2545 55%, #0d7377 130%) !important;
  background-color: #0a0e27 !important;
}
html body:not(.editor_enable) section:has(.az-sc-hero-wrapper) {
  background: linear-gradient(135deg, #0B2545 0%, #0D7377 100%) !important;
  background-color: #0B2545 !important;
}

@media (max-width: 767.98px) {
  #wrapwrap #wrap section.s_embed_code > .container,
  #wrapwrap #wrap section.s_embed_code .container,
  #wrapwrap #wrap section.s_embed_code .container-fluid,
  #wrapwrap #wrap section.s_embed_code .s_embed_code_embedded,
  #wrapwrap #wrap .container:has(> .s_embed_code_embedded),
  #wrapwrap #wrap .container-fluid:has(> .s_embed_code_embedded),
  #wrapwrap #wrap .container:has(> [class*="az-"][class*="-wrapper"]),
  #wrapwrap #wrap .container:has(> .az-bleed),
  #wrapwrap #wrap .s_embed_code_embedded:has([class*="az-"]) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #wrapwrap #wrap section:has([class*="az-"]) .row,
  #wrapwrap #wrap section:has(.s_embed_code_embedded) .row,
  #wrapwrap #wrap section.s_embed_code .row,
  #wrapwrap #wrap .row:has([class*="az-"]) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #wrapwrap #wrap section:has([class*="az-"]) [class*="col-"],
  #wrapwrap #wrap section:has(.s_embed_code_embedded) [class*="col-"],
  #wrapwrap #wrap section.s_embed_code [class*="col-"],
  #wrapwrap #wrap [class*="col-"]:has([class*="az-"]) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 0 0 100% !important;
  }
  html body:not(.editor_enable) #wrap .s_embed_code_embedded > div,
  html body:not(.editor_enable) #wrap .s_embed_code_embedded > [class*="az-"],
  /* Root wrappers named *-wrapper (outer roots only, not inner wrappers) */
  html body:not(.editor_enable) #wrap .az-sc-flow-section-wrapper,
  html body:not(.editor_enable) #wrap .az-sc-hero-wrapper,
  html body:not(.editor_enable) #wrap .az-sc-caps-wrapper,
  html body:not(.editor_enable) #wrap .az-sc-cs-wrapper,
  html body:not(.editor_enable) #wrap .az-mfg-hero-wrapper,
  html body:not(.editor_enable) #wrap .az-mfg-cap-wrapper,
  html body:not(.editor_enable) #wrap .az-mfg-demo-wrapper,
  html body:not(.editor_enable) #wrap .az-mfg-mon-wrapper,
  html body:not(.editor_enable) #wrap .az-re-caps-wrapper,
  html body:not(.editor_enable) #wrap .az-re-portfolio-wrapper,
  html body:not(.editor_enable) #wrap .az-re-prob-wrapper,
  html body:not(.editor_enable) #wrap .az-trust-wrapper,
  html body:not(.editor_enable) #wrap .az-ts-features-wrapper,
  html body:not(.editor_enable) #wrap .az-ts-features-grid-wrapper,
  html body:not(.editor_enable) #wrap .az-trading-hero-wrapper,
  html body:not(.editor_enable) #wrap .az-trading-inventory-wrapper,
  html body:not(.editor_enable) #wrap .az-trading-sales-wrapper,
  html body:not(.editor_enable) #wrap .az-halo-cta-wrapper,
  html body:not(.editor_enable) #wrap .az-halo-tiers-wrapper,
  html body:not(.editor_enable) #wrap .az-ai-showcase-wrapper,
  html body:not(.editor_enable) #wrap .az-assoc-features-wrapper,
  /* Home */
  html body:not(.editor_enable) #wrap .az-home-bey,
  html body:not(.editor_enable) #wrap .az-home-cta,
  html body:not(.editor_enable) #wrap .az-home-ind,
  html body:not(.editor_enable) #wrap .az-problem-block,
  /* Vista ERP */
  html body:not(.editor_enable) #wrap .az-vista-hero-dark-globe,
  html body:not(.editor_enable) #wrap .az-vista-tabs-block-premium,
  html body:not(.editor_enable) #wrap .az-vista-cta-block,
  html body:not(.editor_enable) #wrap .az-vista-faq,
  html body:not(.editor_enable) #wrap .az-vista-grow,
  /* Nova */
  html body:not(.editor_enable) #wrap .az-nova-hero-block,
  html body:not(.editor_enable) #wrap .az-nova-closing-block,
  html body:not(.editor_enable) #wrap .az-nova-pillars-block,
  /* Supply Chain */
  html body:not(.editor_enable) #wrap .az-sc-hero,
  html body:not(.editor_enable) #wrap .az-sc-feat,
  html body:not(.editor_enable) #wrap .az-sc-why,
  html body:not(.editor_enable) #wrap .az-sc-ai,
  html body:not(.editor_enable) #wrap .az-sc-cta,
  html body:not(.editor_enable) #wrap .az-sc-cta-block,
  /* Manufacturing */
  html body:not(.editor_enable) #wrap .az-mfg-cta-block,
  /* Industries */
  html body:not(.editor_enable) #wrap .az-ind-hero,
  html body:not(.editor_enable) #wrap .az-ind-grid-sec,
  html body:not(.editor_enable) #wrap .az-ind-cs,
  html body:not(.editor_enable) #wrap .az-ind-why,
  html body:not(.editor_enable) #wrap .az-ind-cta,
  /* BI */
  html body:not(.editor_enable) #wrap .az-bi-hero,
  html body:not(.editor_enable) #wrap .az-bi-cap,
  html body:not(.editor_enable) #wrap .az-bi-why,
  html body:not(.editor_enable) #wrap .az-bi-ai,
  html body:not(.editor_enable) #wrap .az-bi-cta,
  /* Platform */
  html body:not(.editor_enable) #wrap .az-plat-hero,
  html body:not(.editor_enable) #wrap .az-plat-pil,
  html body:not(.editor_enable) #wrap .az-plat-why,
  html body:not(.editor_enable) #wrap .az-plat-cap,
  html body:not(.editor_enable) #wrap .az-plat-cta,
  /* Resources */
  html body:not(.editor_enable) #wrap .az-res-hero,
  html body:not(.editor_enable) #wrap .az-res-cta,
  /* Case Studies */
  html body:not(.editor_enable) #wrap .az-cs-hero-section,
  html body:not(.editor_enable) #wrap .az-cs-showcase-section,
  html body:not(.editor_enable) #wrap .az-cs-diligence-section,
  /* About */
  html body:not(.editor_enable) #wrap .az-about,
  html body:not(.editor_enable) #wrap .az-about-amazing,
  html body:not(.editor_enable) #wrap .az-about-cta,
  /* Contact */
  html body:not(.editor_enable) #wrap .az-contact-hero,
  html body:not(.editor_enable) #wrap .az-contact-cta,
  /* Edge / Grant */
  html body:not(.editor_enable) #wrap .az-edge-hero,
  html body:not(.editor_enable) #wrap .az-edge-why,
  html body:not(.editor_enable) #wrap .az-edge-chg,
  html body:not(.editor_enable) #wrap .az-edge-ai,
  html body:not(.editor_enable) #wrap .az-edge-cta,
  html body:not(.editor_enable) #wrap .az-gc-hero,
  html body:not(.editor_enable) #wrap .az-gc-crit,
  html body:not(.editor_enable) #wrap .az-grant-section,
  /* Ops / HR / Proj / Fin / Assoc */
  html body:not(.editor_enable) #wrap .az-ops-hero,
  html body:not(.editor_enable) #wrap .az-ops-why,
  html body:not(.editor_enable) #wrap .az-ops-ai,
  html body:not(.editor_enable) #wrap .az-ops-cta,
  html body:not(.editor_enable) #wrap .az-hr-hero,
  html body:not(.editor_enable) #wrap .az-hr-hl,
  html body:not(.editor_enable) #wrap .az-proj-hero,
  html body:not(.editor_enable) #wrap .az-proj-why,
  html body:not(.editor_enable) #wrap .az-proj-ai,
  html body:not(.editor_enable) #wrap .az-proj-cs,
  html body:not(.editor_enable) #wrap .az-proj-ins,
  html body:not(.editor_enable) #wrap .az-proj-cta,
  html body:not(.editor_enable) #wrap .az-fin,
  html body:not(.editor_enable) #wrap .az-fin-why,
  html body:not(.editor_enable) #wrap .az-fin-ai,
  html body:not(.editor_enable) #wrap .az-fin-cta,
  html body:not(.editor_enable) #wrap .az-assoc-hero,
  html body:not(.editor_enable) #wrap .az-assoc-dash,
  html body:not(.editor_enable) #wrap .az-assoc-dd,
  html body:not(.editor_enable) #wrap .az-assoc-cta,
  /* InvoiceNow / Inventory / Trading */
  html body:not(.editor_enable) #wrap .az-inv,
  html body:not(.editor_enable) #wrap .az-inv-how,
  html body:not(.editor_enable) #wrap .az-inv-inc,
  html body:not(.editor_enable) #wrap .az-inv-res,
  html body:not(.editor_enable) #wrap .az-inv-faqs,
  html body:not(.editor_enable) #wrap .az-inv-cta,
  html body:not(.editor_enable) #wrap .az-invoicenow-page-premium,
  html body:not(.editor_enable) #wrap .az-retail-hero-section,
  html body:not(.editor_enable) #wrap .az-retail-light-section,
  html body:not(.editor_enable) #wrap .az-re-hero,
  html body:not(.editor_enable) #wrap .az-re-page,
  html body:not(.editor_enable) #wrap .az-re-cta-block,
  /* AI / Blog / HALO */
  html body:not(.editor_enable) #wrap .az-blog-cta,
  html body:not(.editor_enable) #wrap .az-mcta-section,
  html body:not(.editor_enable) #wrap .az-mc-card,
  html body:not(.editor_enable) #wrap .az-starry-section,
  html body:not(.editor_enable) #wrap .az-sift-section,
  /* Standalone classes */
  html body:not(.editor_enable) #wrap .az-how-it-works,
  html body:not(.editor_enable) #wrap .az-regional-stats,
  html body:not(.editor_enable) #wrap .az-stats-starfield,
  html body:not(.editor_enable) #wrap .az-trust-wrapper,
  html body:not(.editor_enable) #wrap .az-block,
  html body:not(.editor_enable) #wrap .az-mh-hero,
  html body:not(.editor_enable) #wrap .az-be-hero,
  html body:not(.editor_enable) #wrap .az-edu,
  html body:not(.editor_enable) #wrap .az-edu-ai,
  html body:not(.editor_enable) #wrap .az-edu-fnd,
  html body:not(.editor_enable) #wrap .az-edu-cta,
  html body:not(.editor_enable) #wrap .az-psf-cta,
  html body:not(.editor_enable) #wrap .az-rt-cta,
  html body:not(.editor_enable) #wrap .az-built-env-cta,
  html body:not(.editor_enable) #wrap .az-marquee-section,
  html body:not(.editor_enable) #wrap .az-prof-services-page,
  html body:not(.editor_enable) #wrap .az-halo-unified-page,
  html body:not(.editor_enable) #wrap .az-blog01 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  #wrapwrap header .container,
  #wrapwrap header .container-fluid,
  #wrapwrap footer .container,
  #wrapwrap footer .container-fluid,
  html[data-main-object^="blog.blog("] #o_wblog_blog_top .container,
  html[data-main-object^="blog.blog("] #o_wblog_index_content > .container,
  body.az-post #o_wblog_post_main,
  body:not(.editor_enable) #wrap .s_cover .container,
  #wrapwrap #wrap > .container,
  #wrapwrap #wrap section:not(.s_embed_code):not(:has(> .s_embed_code_embedded)) > .container,

  /* 3.1b Odoo containers that hold the headings and custom AI blocks on the Home page (s_cards_soft and s_key_benefits) */
  html body:not(.editor_enable) #wrap section.s_cards_soft .container,
  html body:not(.editor_enable) #wrap section.s_cards_soft > .container,
  html body:not(.editor_enable) #wrap section.s_key_benefits .container,
  html body:not(.editor_enable) #wrap section.s_key_benefits > .container,
  html body:not(.editor_enable) #wrap section:has(> .container > .az-ai-show) > .container,
  html body:not(.editor_enable) #wrap section:has(> .container > .az-ai-models-section) > .container,
  html body:not(.editor_enable) #wrap .az-ai-show,
  html body:not(.editor_enable) #wrap .az-ai-models-section,
  html body:not(.editor_enable) #wrap .az-ai-container,

  /* 3.2 Content wrappers of all custom blocks on every page (16px side padding site-wide) */
  html body:not(.editor_enable) #wrap [class*="-inner"],
  html body:not(.editor_enable) #wrap [class*="_inner"],
  html body:not(.editor_enable) #wrap [class*="__inner"],
  html body:not(.editor_enable) #wrap [class*="-container"],
  html body:not(.editor_enable) #wrap [class*="_container"],
  html body:not(.editor_enable) #wrap [class*="__container"],
  html body:not(.editor_enable) #wrap [class*="-layout"],
  html body:not(.editor_enable) #wrap .az-inner,
  html body:not(.editor_enable) #wrap .az-container-1400,
  html body:not(.editor_enable) #wrap .az-container-1240,
  html body:not(.editor_enable) #wrap .az-home-bey-inner,
  html body:not(.editor_enable) #wrap .az-sc-flow-wrapper,
  html body:not(.editor_enable) #wrap .az-sc-hero-inner,
  html body:not(.editor_enable) #wrap .az-cta-container,
  html body:not(.editor_enable) #wrap .az-ind-hero-inner,
  html body:not(.editor_enable) #wrap .az-ind-grid-inner,
  html body:not(.editor_enable) #wrap .az-ind-cs-inner,
  html body:not(.editor_enable) #wrap .az-ind-why-inner,
  html body:not(.editor_enable) #wrap .az-ind-cta-inner,
  html body:not(.editor_enable) #wrap .az-mfg-hero-inner,
  html body:not(.editor_enable) #wrap .az-mfg-cap-head,
  html body:not(.editor_enable) #wrap .az-mfg-cap-grid,
  html body:not(.editor_enable) #wrap .az-mfg-mon-grid,
  html body:not(.editor_enable) #wrap .am8-grant-notice__in,
  html body:not(.editor_enable) #wrap .az-cs-showcase-container,
  html body:not(.editor_enable) #wrap .az-cs-hero-container,
  html body:not(.editor_enable) #wrap .az-cs-diligence-container,
  html body:not(.editor_enable) #wrap .az-sc-case-study-container,
  html body:not(.editor_enable) #wrap .az-sc-capabilities-container,
  html body:not(.editor_enable) #wrap .az-sc-cta-container,
  html body:not(.editor_enable) #wrap .az-trust-container,
  html body:not(.editor_enable) #wrap .az-problem-container,
  html body:not(.editor_enable) #wrap .az-home-ind-inner,
  html body:not(.editor_enable) #wrap .az-res-inner,
  html body:not(.editor_enable) #wrap .az-plat-hero-inner,
  html body:not(.editor_enable) #wrap .az-plat-pil-inner,
  html body:not(.editor_enable) #wrap .az-plat-why-inner,
  html body:not(.editor_enable) #wrap .az-plat-cap-inner,
  html body:not(.editor_enable) #wrap .az-res-section__inner,
  html body:not(.editor_enable) #wrap .az-mc-wrap,
  html body:not(.editor_enable) #wrap .s_cover .o_grid_item:has(.am8-typed-wrap) .s_embed_code_embedded > div,
  html body:not(.editor_enable) #wrap .s_cover .o_grid_item:has(.am8-typed-wrap) .s_embed_code_embedded,
  html body:not(.editor_enable) #wrap .s_cover .o_grid_item:has(.am8-typed-wrap),
  html body:not(.editor_enable) #wrap .s_cover div:has(> .am8-typed-wrap),
  html body:not(.editor_enable) #wrap .s_cover div:has(> .am8-h1) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  html body:not(.editor_enable) #wrap [class*="-inner"] > [class*="-grid"],
  html body:not(.editor_enable) #wrap [class*="-container"] > [class*="-grid"],
  html body:not(.editor_enable) #wrap .az-sc-flow-grid,
  html body:not(.editor_enable) #wrap .az-home-bey-grid,
  html body:not(.editor_enable) #wrap .az-home-bey-head,
  html body:not(.editor_enable) #wrap .az-sc-flow-head {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-avatar,
  html body:not(.editor_enable) #wrap .az-mfg-demo-avatar,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-avatar"] {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-bubble,
  html body:not(.editor_enable) #wrap .az-mfg-demo-bubble,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-bubble"] {
    width: auto !important;
    max-width: calc(100% - 50px) !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-bubble p,
  html body:not(.editor_enable) #wrap .az-mfg-demo-bubble p {
    color: #0f172a !important;
    font-size: 13.5px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-msg-row.user .az-mfg-hero-bubble p,
  html body:not(.editor_enable) #wrap .az-mfg-demo-msg-row.user .az-mfg-demo-bubble p {
    color: #ffffff !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-highlight,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-highlight"] {
    width: auto !important;
    max-width: none !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-badge-logo,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-badge-logo"] {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-eyebrow,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-eyebrow"] {
    width: auto !important;
    max-width: max-content !important;
    display: inline-flex !important;
    padding: 6px 18px !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-head h2 {
    font-size: clamp(21px, 5.8vw, 26px) !important;
    line-height: 1.3 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    text-wrap: balance !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 22px 18px !important;
    border: 1px solid rgba(11, 37, 69, .06) !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-card-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-icon {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: radial-gradient(circle at 30% 25%, #17B8C4 0%, #0D7377 55%, #0B2545 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-icon svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    display: block !important;
    flex-shrink: 0 !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-card h4 {
    font-family: 'Century Gothic', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0B2545 !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
  html body:not(.editor_enable) #wrap .az-home-bey-card p,
  html body:not(.editor_enable) #wrap .az-home-bey-card .az-body-text {
    color: #4b5563 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-cap-head h2,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-head"] h2 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    text-wrap: wrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 0 4px !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-cap-head h2 .grad,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-head"] h2 .grad {
    display: inline !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-cap-icon,
  html body:not(.editor_enable) #wrap [class*="az-mfg-"][class*="-icon"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-chat-container {
    height: 380px !important;
    overflow: hidden !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-demo-chat-container {
    height: 390px !important;
    overflow: hidden !important;
  }
  html body:not(.editor_enable) section:has(.az-mfg-cta-block),
  html body:not(.editor_enable) section:has([class*="az-mfg-cta-block"]) {
    background: linear-gradient(135deg, #0a0e27 0%, #0b2545 55%, #0d7377 130%) !important;
    background-color: #0a0e27 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-cta-block {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: transparent !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-cta-block .az-cta-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin: 0 auto !important;
  }
  html body:not(.editor_enable) #wrap .az-ind-hero,
  .az-ind-hero {
    padding-top: 130px !important;
    padding-bottom: 48px !important;
  }
  html body:not(.editor_enable) #wrap .az-bi-hero,
  .az-bi-hero {
    padding-top: 130px !important;
    padding-bottom: 48px !important;
  }
  html body:not(.editor_enable) #wrap .az-nova-hero-block,
  .az-nova-hero-block {
    padding-top: 130px !important;
  }
  html body:not(.editor_enable) #wrap .az-mfg-hero-wrapper,
  .az-mfg-hero-wrapper {
    padding-top: 130px !important;
  }
  html body:not(.editor_enable) #wrap .az-sc-hero-wrapper,
  .az-sc-hero-wrapper {
    padding-top: 130px !important;
    padding-bottom: 48px !important;
  }
  html[data-main-object^="blog.blog("] #o_wblog_blog_top,
  body:has(#o_wblog_blog_top) #o_wblog_blog_top {
    padding-top: 130px !important;
  }
  html[data-main-object^="blog.blog("] #o_wblog_blog_top .container {
    padding: 24px 10px 24px !important;
  }
  html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_name {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
  html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_subtitle {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }
  .az-blog-filters {
    padding: 12px 10px !important;
    margin: 0 auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .az-blog-filters::-webkit-scrollbar {
    display: none !important;
  }
  .az-blog-filters a {
    flex: 0 0 auto !important;
    padding: 8px 14px !important;
    font-size: 13.5px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
  }
  #o_wblog_index_content > .container {
    padding-top: 18px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #o_wblog_posts_loop_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
  #o_wblog_posts_loop > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #o_wblog_posts_loop > .row > .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
  #o_wblog_posts_loop .o_wblog_post {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    position: static !important;
  }
  #o_wblog_posts_loop .o_wblog_post > div:has(> .o_wblog_post_cover_nocard),
  #o_wblog_posts_loop .o_wblog_post .o_wblog_post_cover_nocard {
    position: static !important;
    width: 100% !important;
    order: 0 !important;
    margin-bottom: 12px !important;
  }
  #o_wblog_posts_loop .o_wblog_post .o_record_cover_container {
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  #o_wblog_posts_loop .o_wblog_post > div.py-2 {
    order: 1 !important;
    width: 100% !important;
    margin-bottom: 4px !important;
  }
  #o_wblog_posts_loop .o_wblog_post .py-2 .d-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
  }
  #o_wblog_posts_loop .o_wblog_post .az-pin-badge {
    font-size: 10.5px !important;
    padding: 2px 7px !important;
    margin-right: 6px !important;
  }
  #o_wblog_posts_loop .o_wblog_post .o_tag {
    font-size: 11px !important;
    padding: 4px 8px !important;
    margin-right: 4px !important;
  }
  #o_wblog_posts_loop .o_wblog_post time {
    font-size: 12.5px !important;
  }
  #o_wblog_posts_loop .o_wblog_post .o_blog_post_title,
  #o_wblog_posts_loop .o_blog_post_title {
    order: 2 !important;
    width: 100% !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 6px 0 10px !important;
  }
  #o_wblog_posts_loop .o_wblog_post .az-teaser,
  #o_wblog_posts_loop .o_wblog_post .o_wblog_read_text {
    order: 3 !important;
    width: 100% !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
    margin: 0 0 12px !important;
    -webkit-line-clamp: 2 !important;
  }
  #o_wblog_posts_loop .o_wblog_post > div.mt-3 {
    order: 4 !important;
    width: 100% !important;
    margin-top: 10px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  #o_wblog_posts_loop .o_wblog_post > div.mt-3::before {
    font-size: 13.5px !important;
    padding-left: 34px !important;
    min-height: 26px !important;
    background-size: 26px 26px !important;
  }
  #o_wblog_posts_loop .o_wblog_post .btn-primary::after {
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  #o_wblog_posts_loop hr {
    margin: 24px 0 !important;
  }
  body.az-post #o_wblog_post_top .az-hero,
  html[data-main-object^="blog.post("] #o_wblog_post_top .az-hero {
    padding: 130px 10px 28px !important;
    gap: 18px !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.az-post #o_wblog_post_top .az-hero-meta,
  html[data-main-object^="blog.post("] .az-hero-meta {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }
  body.az-post .az-pill,
  html[data-main-object^="blog.post("] .az-pill {
    font-size: 11.5px !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
  }
  body.az-post .az-date,
  html[data-main-object^="blog.post("] .az-date {
    font-size: 13px !important;
    margin-left: 4px !important;
  }
  body.az-post #o_wblog_post_top .az-hero h1.o_wblog_post_name,
  html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_name {
    font-size: clamp(22px, 6.2vw, 28px) !important;
    line-height: 1.3 !important;
    color: #111827 !important;
    margin: 0 0 14px !important;
    text-align: left !important;
    text-wrap: balance !important;
  }
  body.az-post #o_wblog_post_top .az-hero .o_wblog_post_subtitle,
  html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_subtitle {
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #374151 !important;
    margin: 0 0 16px !important;
    text-align: left !important;
  }
  body.az-post .az-author {
    gap: 10px !important;
    margin-top: 8px !important;
  }
  body.az-post .az-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    font-size: 13px !important;
  }
  body.az-post .az-author b {
    font-size: 15px !important;
  }
  body.az-post .az-author small {
    font-size: 12.5px !important;
  }
  body.az-post #o_wblog_post_top .az-hero-img {
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    border-radius: 12px !important;
    margin-top: 14px !important;
    box-shadow: 0 6px 20px -8px rgba(18,24,43,.3) !important;
  }
  body.az-post #o_wblog_post_main,
  html[data-main-object^="blog.post("] #o_wblog_post_main {
    padding: 20px 10px 48px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.az-post .az-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }
  body.az-post .az-toc {
    display: none !important;
  }
  body.az-post .az-center {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.az-post .az-side {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 36px !important;
    position: static !important;
  }
  body.az-post .az-share {
    gap: 8px !important;
    margin-bottom: 20px !important;
    font-size: 13.5px !important;
  }
  body.az-post .az-share span {
    font-size: 13.5px !important;
    font-weight: 600 !important;
  }
  body.az-post .az-share a {
    width: 34px !important;
    height: 34px !important;
    font-size: 13px !important;
  }
  body.az-post #o_wblog_post_main .az-center .o_wblog_post_content_field,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field,
  .az-blog01 {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #1f2937 !important;
  }
  body.az-post #o_wblog_post_main .az-center .o_wblog_post_content_field p,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field p,
  .az-blog01 p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 16px !important;
    word-break: break-word !important;
  }
  body.az-post #o_wblog_post_main .az-center .o_wblog_post_content_field h2,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field h2,
  .az-blog01 h2 {
    font-size: 21px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 32px 0 12px !important;
    scroll-margin-top: 90px !important;
  }
  body.az-post #o_wblog_post_main .az-center .o_wblog_post_content_field h3,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field h3,
  .az-blog01 h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 24px 0 10px !important;
  }
  body.az-post #o_wblog_post_main .az-center .o_wblog_post_content_field ul,
  body.az-post #o_wblog_post_main .az-center .o_wblog_post_content_field ol,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field ul,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field ol,
  .az-blog01 ul, .az-blog01 ol {
    padding-left: 20px !important;
    margin-bottom: 18px !important;
  }
  body.az-post #o_wblog_post_main .az-center .o_wblog_post_content_field li,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field li,
  .az-blog01 li {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 8px !important;
  }
  body.az-post .o_wblog_post_content_field table,
  body.az-post table,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field table,
  .az-blog01 table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-collapse: collapse !important;
    margin: 18px 0 24px !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
  }
  body.az-post .o_wblog_post_content_field th,
  body.az-post .o_wblog_post_content_field td,
  body.az-post th,
  body.az-post td,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field th,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field td,
  .az-blog01 th, .az-blog01 td {
    min-width: 120px !important;
    padding: 9px 11px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    border: 1px solid #e5e7eb !important;
    vertical-align: top !important;
    white-space: normal !important;
  }
  body.az-post .o_wblog_post_content_field tr:first-child th,
  body.az-post .o_wblog_post_content_field tr:first-child td,
  body.az-post tr:first-child th,
  body.az-post tr:first-child td,
  html[data-main-object^="blog.post("] tr:first-child th,
  html[data-main-object^="blog.post("] tr:first-child td,
  .az-blog01 tr:first-child th, .az-blog01 tr:first-child td {
    background: #16264a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
  }
  body.az-post .o_wblog_post_content_field tr:nth-child(even) td,
  body.az-post tr:nth-child(even) td,
  html[data-main-object^="blog.post("] tr:nth-child(even) td,
  .az-blog01 tr:nth-child(even) td {
    background: #f9fafb !important;
  }
  body.az-post .o_wblog_post_content_field blockquote,
  body.az-post blockquote,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field blockquote,
  .az-blog01 .az-b-box {
    padding: 16px 14px 6px !important;
    margin: 16px 0 24px !important;
    border-radius: 10px !important;
    border-left: 4px solid #1f7a74 !important;
    background: #f7f5f0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  body.az-post .o_wblog_post_content_field blockquote > :first-child,
  body.az-post blockquote > :first-child,
  html[data-main-object^="blog.post("] blockquote > :first-child,
  .az-blog01 .az-b-box-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: #1f7a74 !important;
    margin-bottom: 10px !important;
  }
  body.az-post .o_wblog_post_content_field blockquote li,
  body.az-post blockquote li,
  html[data-main-object^="blog.post("] blockquote li,
  .az-blog01 .az-b-box li {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 8px !important;
  }
  body.az-post .o_wblog_post_content_field img,
  body.az-post img,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    margin: 16px 0 !important;
    display: block !important;
  }
  body.az-post .az-card {
    padding: 22px 16px !important;
    border-radius: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.az-post .az-card .eb {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }
  body.az-post .az-card h3 {
    font-size: 19px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
  }
  body.az-post .az-card p {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
  }
  body.az-post .az-card .az-btn {
    display: block !important;
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 14.5px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  body.az-post .az-related {
    padding: 16px 14px 6px !important;
    border-radius: 14px !important;
    margin-top: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.az-post .az-related h6 {
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }
  body.az-post .az-related a {
    gap: 12px !important;
    padding: 10px 0 !important;
  }
  body.az-post .az-related .th {
    flex: 0 0 80px !important;
    height: 50px !important;
    border-radius: 6px !important;
  }
  body.az-post .az-related b {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
  body.az-post .az-related small {
    font-size: 12px !important;
  }
  .az-blog-cta,
  .az-b-cta {
    padding: 22px 16px 20px !important;
    border-radius: 14px !important;
    margin: 32px 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .az-blog-cta h2,
  .az-b-cta h2 {
    font-size: 19px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
  }
  .az-blog-cta p,
  .az-b-cta p {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 16px !important;
  }
  .az-blog-cta a,
  .az-b-cta a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    padding: 12px 16px !important;
    font-size: 14.5px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
  }
}
@media (min-width: 768px) {
  body:not(.editor_enable) #wrap .s_cover .row.o_grid_mode {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body:not(.editor_enable) #wrap .s_cover .o_grid_item {
    max-width: none !important;
  }
  body:not(.editor_enable) #wrap .s_cover .s_embed_code_embedded {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body:not(.editor_enable) #wrap .s_cover .o_grid_item:has(.am8-typed-wrap) .s_embed_code_embedded > div {
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
  }
}
#wrapwrap footer .col-lg-3 .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
#wrapwrap footer .col-lg-3 .container .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#wrapwrap footer .col-lg-3 .container [class*="col-lg-"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}
#wrapwrap footer .list-unstyled {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
#wrapwrap footer .list-unstyled li {
  margin-bottom: 0 !important;
  line-height: 2 !important;
  font-size: 15px !important;
  white-space: nowrap !important;
}
#wrapwrap footer .list-unstyled li a {
  line-height: 2 !important;
  display: inline !important;
  white-space: nowrap !important;
}
#wrapwrap footer .col-lg-3 h5 {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}
html, body, #wrapwrap, #wrap, main {
  overflow-x: clip !important;
}

/* ==========================================================================
2. Blog layout (former az-blog-layout-b.css)
========================================================================== */
html[data-main-object^="blog.post("] {
--azb-navy:#12142b; --azb-ink:#12142b; --azb-muted:#4b5074; --azb-teal:#1f7a74;
--azb-cream:#f7f5f0; --azb-line:#e3e1da; --azb-orange:#f0ad3e;
}

html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_page_cover{
background-color:#050811!important; min-height:0!important; height:auto!important; color:#fff;
background-image:
radial-gradient(circle at 70% 30%, rgba(242,169,59,.08) 0%, transparent 60%),
radial-gradient(1px 1px at 20px 30px, #fff, rgba(0,0,0,0)),
radial-gradient(1.5px 1.5px at 40px 70px, #fff, rgba(0,0,0,0)),
radial-gradient(1px 1px at 50px 160px, #fff, rgba(0,0,0,0)),
radial-gradient(1.5px 1.5px at 80px 120px, #fff, rgba(0,0,0,0)),
radial-gradient(1px 1px at 110px 40px, #fff, rgba(0,0,0,0)),
radial-gradient(2px 2px at 150px 180px, #fff, rgba(0,0,0,0)),
radial-gradient(1px 1px at 200px 90px, #fff, rgba(0,0,0,0)),
radial-gradient(1.5px 1.5px at 240px 140px, #fff, rgba(0,0,0,0))!important;
background-size:100% 100%,250px 250px,250px 250px,250px 250px,250px 250px,250px 250px,250px 250px,250px 250px,250px 250px!important;
}
html[data-main-object^="blog.post("] #o_wblog_post_top .o_record_cover_image,
html[data-main-object^="blog.post("] #o_wblog_post_top .o_record_cover_filter{ display:none!important; }
html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_page_cover > .container{
padding-top:112px!important; padding-bottom:56px!important; justify-content:center!important; align-items:center;
}
html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_title::before{
content:"Business Insight"; display:inline-flex; align-items:center; font-size:12px; font-weight:700; color:#F2A93B;
border:1.5px solid rgba(242,169,59,.4); background:rgba(242,169,59,.08); padding:6px 16px; border-radius:9999px;
margin-bottom:18px; text-transform:uppercase; letter-spacing:.06em; line-height:1.4;
}
html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_name{
font-family:'Century Gothic','Poppins',sans-serif!important; color:#fff!important; font-weight:800!important;
font-size:30px!important; line-height:1.25!important; letter-spacing:-.5px; max-width:1240px; margin:0 auto 16px!important; text-wrap:balance;
}
@media (min-width:768px){ html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_name{ font-size:41px!important; } }
html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_subtitle{
color:rgba(255,255,255,.8)!important; font-size:17px!important; line-height:1.75!important;
max-width:820px; margin:0 auto!important; text-wrap:balance;
}
html[data-main-object^="blog.post("] #o_wblog_post_content_jump{ display:none!important; }

html[data-main-object^="blog.post("] #o_wblog_post_main{ padding-top:44px!important; }
html[data-main-object^="blog.post("] #o_wblog_post_main .o_container_small{ max-width:880px!important; }
html[data-main-object^="blog.post("] #o_wblog_post_main nav.breadcrumb{ font-size:14px; margin-bottom:6px!important; }
html[data-main-object^="blog.post("] #o_wblog_post_main nav.breadcrumb a{ color:var(--azb-teal); }
html[data-main-object^="blog.post("] #o_wblog_post_info{ font-size:15px; color:var(--azb-muted)!important; margin-bottom:34px!important;
padding-bottom:18px; border-bottom:1px solid var(--azb-line); }
html[data-main-object^="blog.post("] .o_wblog_post_content_field{
font-size:19px!important; line-height:1.8!important; color:var(--azb-ink);
}
html[data-main-object^="blog.post("] .o_wblog_post_content_field :is(p,li,h2,h3,h4,blockquote,td,th){ text-align:left!important; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field :is(p,li){ font-size:inherit!important; text-wrap:pretty; margin-bottom:16px; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field h2{
font-size:clamp(24px,2.2vw,30px)!important; line-height:1.3!important; font-weight:600!important; color:var(--azb-ink)!important; margin:52px 0 14px!important;
}
html[data-main-object^="blog.post("] .o_wblog_post_content_field h3{
font-size:21px!important; line-height:1.4!important; font-weight:600!important; color:var(--azb-ink)!important; margin:30px 0 8px!important;
}
html[data-main-object^="blog.post("] .o_wblog_post_content_field :is(ul,ol){ padding-left:26px; margin:0 0 22px; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field li{ margin-bottom:10px; padding-left:4px; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field a{ color:var(--azb-teal); text-decoration:underline; text-underline-offset:3px; }

html[data-main-object^="blog.post("] .o_wblog_post_content_field blockquote{
background:var(--azb-cream); border-left:4px solid var(--azb-teal)!important; border-radius:12px;
padding:22px 28px 8px!important; margin:8px 0 36px!important; font-style:normal!important; font-size:18px!important; color:var(--azb-ink)!important;
}
html[data-main-object^="blog.post("] .o_wblog_post_content_field blockquote *{ font-style:normal!important; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field blockquote > :first-child{
font-size:14px!important; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--azb-teal)!important; margin-bottom:12px;
}

html[data-main-object^="blog.post("] .o_wblog_post_content_field table{
width:100%!important; border-collapse:collapse; font-size:16px; line-height:1.55; margin:18px 0 28px; display:block; overflow-x:auto;
}
html[data-main-object^="blog.post("] .o_wblog_post_content_field :is(th,td){ border:1px solid var(--azb-line)!important; padding:11px 13px!important; vertical-align:top; min-width:140px; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:first-child :is(th,td){ background:var(--azb-navy)!important; color:#fff!important; font-weight:600; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:nth-child(even) td{ background:#faf9f6; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:not(:first-child) td:first-child{ font-weight:600; }

html[data-main-object^="blog.post("] .o_wblog_post_content_field img{ border-radius:12px; max-width:100%; height:auto; }

@media (max-width:767px){
html[data-main-object^="blog.post("] #o_wblog_post_top .o_wblog_post_page_cover > .container{ padding:96px 16px 40px!important; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field{ font-size:17px!important; }
html[data-main-object^="blog.post("] .o_wblog_post_content_field blockquote{ padding:18px 18px 4px!important; }
}

/* ================= BLOG LIST PAGE (blog.blog): "Latest Insights" style layout ================= */
html[data-main-object^="blog.blog("]{ --azl-ink:#1d2333; --azl-muted:#555b6e; --azl-teal:#1f7a74; --azl-line:#dfe5ee; --azl-tint:#eef3fb; }
/* Menu: dark text (this page has a light background) */
html body:not(.editor_enable):has(#wrapwrap #wrap > #o_wblog_blog_top){ --am8ze-menu-text-color:#12182B; }
/* Light banner */
html body:not(.editor_enable) #wrap > #o_wblog_blog_top{ padding-top:138px!important; }
@media (max-width:991px){ html body:not(.editor_enable) #wrap > #o_wblog_blog_top{ padding-top:96px!important; } }
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_record_cover_container{ padding:0!important; }
html[data-main-object^="blog.blog("] #o_wblog_blog_top{ background:var(--azl-tint); }
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_page_cover{
background:var(--azl-tint)!important; background-image:none!important; min-height:0!important; height:auto!important; color:var(--azl-ink)!important;
}
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_record_cover_image,
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_record_cover_filter{ display:none!important; }
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_page_cover > .container{
max-width:1400px; width:100%; padding:44px 15px 44px!important; align-items:flex-start!important;
}
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_title{ text-align:left!important; width:100%; }
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_title span{ color:inherit!important; }
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_name{
color:var(--azl-ink)!important; font-weight:700!important; text-transform:none; letter-spacing:0;
font-size:clamp(24px,2vw,28px)!important; line-height:1.3!important; margin:0 0 10px!important; text-align:left!important;
}
html[data-main-object^="blog.blog("] #o_wblog_blog_top .o_wblog_post_subtitle{
color:var(--azl-muted)!important; font-size:16px!important; line-height:1.65!important; max-width:620px; text-align:left!important; text-wrap:pretty;
}
/* Topic filter block (az-blog-filters) sits under the banner */
html[data-main-object^="blog.blog("] .az-blog-filters{ background:#fff; box-shadow:0 0 0 100vmax #fff; clip-path:inset(0 -100vmax); max-width:1400px; margin:0 auto; padding:40px 15px 28px; display:flex; flex-wrap:wrap; gap:14px 16px; border-bottom:1px solid var(--azl-line); }
html[data-main-object^="blog.blog("] .az-blog-filters p{ display:none; }
html[data-main-object^="blog.blog("] .az-blog-filters a{
display:inline-block; border:1px solid var(--azl-line); background:#fff; color:var(--azl-ink)!important; text-decoration:none!important;
font-size:15px; font-weight:500; padding:10px 20px; border-radius:6px; line-height:1.2; white-space:nowrap; transition:background .15s,color .15s;
}
html[data-main-object^="blog.blog("] .az-blog-filters a.on,
html[data-main-object^="blog.blog("] .az-blog-filters a:hover{ background:var(--azl-tint); color:var(--azl-teal)!important; border-color:#c7d6ea; }
/* Hide the default search bar */
html[data-main-object^="blog.blog("] #o_wblog_blog_top + nav.navbar,
html[data-main-object^="blog.blog("] #o_wblog_blog_top ~ nav.navbar{ display:none!important; }
/* Content frame */
html[data-main-object^="blog.blog("] #o_wblog_index_content > .container{ max-width:1400px; padding-left:15px; padding-right:15px; padding-top:36px!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop_container{ max-width:none!important; flex:1 1 0; padding-left:15px!important; padding-right:15px!important; }
/* Each post: image on the left (absolute), text on the right stacked in rows */
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post{ display:flex!important; flex-wrap:wrap; align-items:center; align-content:flex-start; position:relative; padding-left:444px; min-height:210px; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div{ width:100%; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div:nth-of-type(1){ order:3; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div.py-2{ order:2; width:auto; padding:0!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div:has(> .o_wblog_post_cover_nocard){ position:absolute; left:0; top:0; width:404px!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div:has(> a > .o_wblog_read_text){ display:contents; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div > a:has(> .o_wblog_read_text){ order:4; width:100%; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .o_wblog_post_short_tag_section{ order:1; width:auto; padding:0!important; margin-right:12px; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div.mt-3{ order:5; margin-top:16px!important; display:flex; justify-content:space-between; align-items:center; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div.mt-3::before{ content:"AM8ZE Team"; display:inline-flex; align-items:center; font-size:15px; font-weight:600; color:var(--azl-ink); padding-left:40px; min-height:30px; background:radial-gradient(circle at 15px 15px,#2b7a9e 0,#1c3f7a 14px,transparent 15px) left center/30px 30px no-repeat; }
/* Cover image */
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .o_wblog_post_cover_nocard{ margin:0!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .o_record_cover_container{
height:auto!important; aspect-ratio:1200/630; min-height:0!important; margin:0!important; border-radius:14px!important; box-shadow:none!important; background-color:#12142b;
}
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post_list_author{ display:none!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_record_cover_image{ background-size:cover!important; background-position:center!important; }
/* Tags, date, title, teaser */
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_tag{
background:var(--azl-tint)!important; color:#2d5c9a!important; border:1px solid #c7d6ea; font-weight:500; font-size:11px; letter-spacing:.04em; text-transform:uppercase;
padding:5px 9px; border-radius:4px; margin:0 6px 0 0!important;
}
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post time{ font-weight:400!important; color:var(--azl-muted); font-size:13px; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post time::before{ content:"\2022"; margin-right:10px; color:#9aa1b2; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_blog_post_title{
font-size:24px!important; line-height:1.3!important; font-weight:700!important; color:#1f5fa8!important; margin:12px 0 12px!important; text-wrap:balance; padding:0!important;
}
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_blog_post_title:hover{ color:#163f72!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_read_text{
font-size:16px!important; line-height:1.65!important; color:var(--azl-muted)!important; margin:0!important;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-wrap:pretty;
}
/* Read more button turned into a text link */
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .btn-primary{
background:none!important; border:0!important; padding:0!important; box-shadow:none!important; font-size:0!important; color:#1f5fa8!important;
}
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .btn-primary i{ display:none; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .btn-primary::after{ content:"Read the article \2192"; font-size:15px; font-weight:700; white-space:nowrap; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop hr{ border-color:var(--azl-line); opacity:1; margin:0!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop > .row > .pb-4{ padding-bottom:30px!important; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop > .row > .col-12.mt-2{ margin:0 0 30px!important; }
/* Right column (enable "Sidebar" in the blog options) */
html[data-main-object^="blog.blog("] #o_wblog_sidebar{ position:sticky; top:150px; }
@media (min-width:768px){ html[data-main-object^="blog.blog("] #o_wblog_sidebar{ margin-left:40px; } }
html[data-main-object^="blog.blog("] #o_wblog_sidebar > .oe_structure + .o_wblog_sidebar_block,
html[data-main-object^="blog.blog("] #o_wblog_sidebar > .oe_structure + a + .o_wblog_sidebar_block,
html[data-main-object^="blog.blog("] #o_wblog_sidebar > a.fa-rss-square{ display:none!important; }
html[data-main-object^="blog.blog("] #o_wblog_sidebar .o_wblog_sidebar_block{ border:1px solid var(--azl-line); border-radius:14px; padding:22px!important; margin-bottom:20px; }
html[data-main-object^="blog.blog("] #o_wblog_sidebar .o_wblog_sidebar_block h6{ border:0!important; font-size:12px!important; letter-spacing:.08em; color:var(--azl-muted)!important; margin-bottom:12px!important; padding:0!important; }
html[data-main-object^="blog.blog("] #o_wblog_sidebar .o_tag{ background:#fff!important; color:var(--azl-ink)!important; border:1px solid var(--azl-line); border-radius:6px!important; padding:6px 12px!important; font-weight:500; font-size:13px; margin:0 6px 8px 0!important; }
/* Tablet */
@media (min-width:768px) and (max-width:1199px){
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post{ padding-left:324px; min-height:158px; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div:has(> .o_wblog_post_cover_nocard){ width:300px!important; }
}
/* Phone */
@media (max-width:767px){
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post{ padding-left:0; min-height:0; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post > div:has(> .o_wblog_post_cover_nocard){ position:static; width:100%!important; order:0; margin-bottom:14px; }
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .o_blog_post_title{ font-size:20px!important; }
html[data-main-object^="blog.blog("] .az-blog-filters{ flex-wrap:nowrap; overflow-x:auto; }
html[data-main-object^="blog.blog("] #o_wblog_sidebar{ position:static; }
}

/* ==========================================================================
3. Blog list titles, post grid and post tables
========================================================================== */
html body:not(.editor_enable) #o_wblog_posts_loop .o_blog_post_title,
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_blog_post_title,
#o_wblog_posts_loop .o_blog_post_title {
  color: #111827 !important;
  transition: color 0.15s ease !important;
}
html body:not(.editor_enable) #o_wblog_posts_loop .o_blog_post_title:hover,
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_blog_post_title:hover,
#o_wblog_posts_loop .o_blog_post_title:hover {
  color: #e8952a !important;
}

html body:not(.editor_enable) #o_wblog_posts_loop .o_wblog_post .btn-primary,
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .btn-primary,
#o_wblog_posts_loop .o_wblog_post .btn-primary {
  color: #111827 !important;
  transition: color 0.15s ease !important;
}
html body:not(.editor_enable) #o_wblog_posts_loop .o_wblog_post .btn-primary:hover,
html[data-main-object^="blog.blog("] #o_wblog_posts_loop .o_wblog_post .btn-primary:hover,
#o_wblog_posts_loop .o_wblog_post .btn-primary:hover {
  color: #e8952a !important;
}
body.az-post .az-grid,
html[data-main-object^="blog.post("] .az-grid {
  grid-template-columns: 210px minmax(0, 1fr) 280px !important;
  gap: 36px !important;
}
@media (max-width: 1199.98px) {
  body.az-post .az-grid,
  html[data-main-object^="blog.post("] .az-grid {
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 32px !important;
  }
}

body.az-post .o_wblog_post_content_field table,
body.az-post table,
html[data-main-object^="blog.post("] .o_wblog_post_content_field table {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  margin: 24px 0 30px !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  overflow: visible !important;
}
body.az-post .o_wblog_post_content_field :is(th, td),
body.az-post :is(th, td),
html[data-main-object^="blog.post("] .o_wblog_post_content_field :is(th, td) {
  min-width: 0 !important;
  padding: 11px 13px !important;
  border: 1px solid #e5e7eb !important;
  vertical-align: top !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
body.az-post .o_wblog_post_content_field tr:first-child :is(th, td),
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:first-child :is(th, td) {
  background: #16264a !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}
body.az-post .o_wblog_post_content_field tr:first-child th:first-child,
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:first-child th:first-child {
  width: 16% !important;
}
body.az-post .o_wblog_post_content_field tr:first-child th:nth-child(2),
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:first-child th:nth-child(2) {
  width: 42% !important;
}
body.az-post .o_wblog_post_content_field tr:first-child th:nth-child(3),
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:first-child th:nth-child(3) {
  width: 42% !important;
}
body.az-post .o_wblog_post_content_field tr:nth-child(even) td,
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:nth-child(even) td {
  background: #f9fafb !important;
}
body.az-post .o_wblog_post_content_field tr:not(:first-child) td:first-child,
html[data-main-object^="blog.post("] .o_wblog_post_content_field tr:not(:first-child) td:first-child {
  font-weight: 600 !important;
  color: #0b2545 !important;
}
@media (max-width: 767.98px) {
  body.az-post .o_wblog_post_content_field table,
  body.az-post table,
  html[data-main-object^="blog.post("] .o_wblog_post_content_field table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
  }
  body.az-post .o_wblog_post_content_field :is(th, td),
  body.az-post :is(th, td),
  html[data-main-object^="blog.post("] .o_wblog_post_content_field :is(th, td) {
    min-width: 100px !important;
    font-size: 13px !important;
    padding: 9px 10px !important;
  }
}

/* ==========================================================================
4. Blog mobile fix
========================================================================== */
@media (max-width: 991.98px) {
  html body.az-post #wrapwrap #o_wblog_post_top .az-hero {
    padding: 156px 16px 28px !important;
  }
  html body.az-post #wrapwrap #wrap #o_wblog_post_main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  html body.az-post #wrapwrap #wrap .az-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
5. Blog sticky side columns
========================================================================== */
@media (min-width: 992px) {
  html body.az-post #wrapwrap #wrap section#o_wblog_post_main {
    overflow: visible !important;
  }
  html body.az-post #wrapwrap #wrap .az-grid {
    align-items: start !important;
  }
  html body.az-post #wrapwrap #wrap .az-toc,
  html body.az-post #wrapwrap #wrap .az-side {
    position: sticky !important;
    top: 120px !important;
    align-self: start !important;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}