/**
* Theme Name: appway Child
* Description: This is a child theme of appway, generated by Merlin WP.
* Author: <a href="https://themeforest.net/user/tonatheme/portfolio">tonatheme</a>
* Template: appway
* Version: 2.0
*/

/* ============================================================
   Color theme — match https://timeerp.com/real_Estate.html exactly
   primary #25B7A7 · primary-dark #1A9E8F · accent #17C3B2
   heading #000 · heading-dark #083530 · text #3D5250 · muted #616365
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --ccd-partner-primary: #25B7A7;
  --ccd-partner-primary-hover: #1A9E8F;
  --ccd-partner-primary-dark: #1A9E8F;
  --ccd-partner-primary-light: #E8F8F6;
  --ccd-partner-bright: #17C3B2;
  --ccd-partner-accent: #17C3B2;
  --ccd-partner-deep: #1A9E8F;
  --ccd-partner-navy: #083530;
  --ccd-partner-navy-deep: #083530;
  --ccd-partner-heading: #000000;
  --ccd-partner-heading-dark: #083530;
  --ccd-partner-text: #3D5250;
  --ccd-partner-muted: #616365;
  --ccd-partner-border: #E8F2F1;
  --ccd-partner-green: #25B7A7;
  --ccd-partner-bg: #E8F8F6;
  --ccd-partner-bg-2: #EEFAF8;
  --ccd-partner-white: #FFFFFF;
  --ccd-nav-font-size: 14.5px;
  /* Header logo: fit within bar, preserve Customizer image aspect ratio */
  --ccd-logo-max-height: 42px;
  --ccd-logo-max-width: 220px;
  --ccd-partner-shadow: 0 8px 28px rgba(26, 158, 143, 0.16);
  --ccd-partner-shadow-sm: 0 2px 10px rgba(26, 158, 143, 0.1);
  --ccd-partner-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --ccd-partner-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Site-wide text + headings (TimeERP real estate) */
body {
  color: var(--ccd-partner-text);
}

h1, h2, h3, h4, h5, h6,
.sec-title h2,
.sec-title h3 {
  color: var(--ccd-partner-heading);
}

/*
 * Section title accent line — Appway draws TWO bars by default:
 *   h2:before = long thin line (130×2)
 *   h2:after  = short thick bar (45×4) overlapping the left end
 * That stack is what looked like a broken/double underline.
 * Keep ONE clean teal accent only.
 */
.sec-title h2:before,
.sec-title h3:before,
.sec-title .title:before,
.comment_titlebox h3.comments_title:before,
#respond h2:before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  animation: none !important;
}

.sec-title h2:after,
.sec-title h3:after,
.sec-title .title:after,
.comment_titlebox h3.comments_title:after,
#respond h2:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: 120px !important;
  height: 2px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  background: #25B7A7 !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  animation: none !important;
}

.sec-title.center h2:after,
.sec-title.center h3:after,
.sec-title.center .title:after {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.sec-title h2,
.sec-title h3,
.sec-title .title {
  position: relative;
  padding-bottom: 12px !important;
  margin-bottom: 24px !important;
}

/* ------------------------------------------------------------------
   HEADER — top bar (same teal family)
   ------------------------------------------------------------------ */
.main-header .header-topbar {
  background: linear-gradient(90deg, var(--ccd-partner-deep) 0%, var(--ccd-partner-primary) 55%, var(--ccd-partner-bright) 100%) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border-bottom: none !important;
  font-family: var(--ccd-partner-body);
  font-size: 12.5px !important;
  font-weight: 500 !important;
  padding: 4px 0 !important;
}

.main-header .header-topbar a {
  color: rgba(255, 255, 255, 0.9) !important;
}

.main-header .header-topbar a:hover {
  color: #ffffff !important;
}

.main-header .header-topbar .topbar-info li,
.main-header .header-topbar .extra-text {
  color: rgba(255, 255, 255, 0.88) !important;
}

.main-header .header-topbar .topbar-info li i {
  color: #ffffff !important;
}

.main-header .header-topbar .extra-text a {
  color: #ffffff !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  padding-bottom: 1px;
}

.main-header .header-topbar .extra-text a:hover {
  color: #E8F8F6 !important;
  border-bottom-color: #E8F8F6;
}

.main-header .header-topbar .social-list li a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  width: 28px;
  height: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.25s ease, transform 0.25s ease;
}

.main-header .header-topbar .social-list li a:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  transform: translateY(-1px);
}

/* ------------------------------------------------------------------
   HEADER — main bar (brand teal #25B7A7) — all header variants
   ------------------------------------------------------------------ */
.main-header,
.main-header.style-three,
.main-header.home-12,
.main-header.style-two {
  font-family: var(--ccd-partner-font);
}

.main-header .header-upper,
.main-header.style-three .header-upper {
  background: var(--ccd-partner-primary) !important;
  box-shadow: var(--ccd-partner-shadow-sm);
  border-bottom: 1px solid rgba(26, 158, 143, 0.25);
}

/* Pages using home-12 (Task, HRMS, etc.) — no .header-upper wrapper */
.main-header.home-12,
.main-header.home-12 .outer-container,
.main-header.home-12 .container,
.main-header.home-12 .main-box {
  background: var(--ccd-partner-primary) !important;
}

.main-header.home-12 {
  box-shadow: var(--ccd-partner-shadow-sm);
  border-bottom: 1px solid rgba(26, 158, 143, 0.25);
  position: relative;
  z-index: 99;
}

/* Theme puts white on .main-box — that hid white menu text */
.main-header .header-upper .main-box,
.main-header.style-three .header-upper .main-box,
.threex.main-header.style-three .header-upper .main-box {
  background: var(--ccd-partner-primary) !important;
}

.main-header .header-upper .outer-container,
.main-header.style-three .header-upper .outer-container,
.main-header .header-upper .container-fluid {
  background: transparent !important;
}

/* Kill theme absolute header + huge logo/nav paddings that cause scroll drift */
.main-header .outer-container,
.main-header.home-12 .outer-container,
.main-header.home-16 .outer-container,
.main-header.style-three .outer-container,
.main-header.style-two .outer-container {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
}

.main-header .outer-container .logo-box .logo,
.main-header.home-12 .outer-container .logo-box .logo,
.main-header.home-16 .outer-container .logo-box .logo,
.main-header.style-three .outer-container .logo-box .logo {
  padding: 0 !important;
  margin: 0 !important;
}

.main-header .main-menu .navigation > li,
.main-header.home-12 .main-menu .navigation > li,
.main-header.home-16 .main-menu .navigation > li {
  padding: 0 2px !important;
  margin: 0 !important;
}

/* Align logo + menu on one centered line */
.main-header .header-upper .main-box,
.main-header.home-12 .main-box,
.main-header.home-16 .main-box,
.main-header .main-box,
.sticky-header .outer-box,
.sticky-header .main-box {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap;
  gap: 12px;
  min-height: 48px;
  padding: 5px 0 !important;
  font-size: var(--ccd-nav-font-size);
  float: none !important;
}

.sticky-header .container,
.sticky-header .main-box {
  font-size: var(--ccd-nav-font-size);
  min-height: 48px;
}

.main-header .logo-box,
.main-header .header-upper .logo-box,
.main-header.home-12 .logo-box,
.main-header.home-16 .logo-box,
.sticky-header .logo-box {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
  background: transparent !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  overflow: visible !important;
}

.main-header .logo-box .logo,
.main-header .logo-box figure.logo,
.main-header .header-upper .logo-box .logo,
.main-header .outer-container .logo-box .logo,
.sticky-header .logo-box,
.sticky-header .logo-box .logo {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  overflow: visible !important;
}

.main-header .menu-area,
.main-header .header-upper .menu-area,
.main-header.home-12 .menu-area {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto;
  justify-content: flex-end;
}

.main-header .main-menu,
.main-header.home-12 .main-menu {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  float: none !important;
}

.main-header .main-menu .navbar-collapse,
.main-header.home-12 .main-menu .navbar-collapse {
  display: flex !important;
  align-items: center !important;
  float: none !important;
}

.main-header .main-menu .navigation,
.main-header.home-12 .main-menu .navigation,
.main-header.style-three .main-menu .navigation {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2px 2px;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-header .main-menu .navigation > li,
.main-header.home-12 .main-menu .navigation > li,
.main-header.style-three .main-menu .navigation > li {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 2px !important;
  height: auto !important;
  line-height: 1 !important;
}

/* Header logo — Customizer image, full aspect ratio, no crop/stretch */
.main-header .logo-box figure.logo,
.main-header .logo-box .logo {
  font-size: inherit;
  line-height: 0;
  overflow: visible !important;
}

.main-header .header-upper .logo-box .logo img,
.main-header .logo-box img,
.main-header.home-12 .logo-box img,
.main-header.home-16 .logo-box img,
.sticky-header .logo-box img,
.header-logo img,
.mobile-menu .nav-logo img {
  width: auto !important;
  height: auto !important;
  max-width: var(--ccd-logo-max-width) !important;
  max-height: var(--ccd-logo-max-height) !important;
  object-fit: contain !important;
  object-position: left center;
  overflow: visible !important;
  display: block;
  background: transparent !important;
  flex-shrink: 0;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-header .logo-box,
.main-header .header-upper .logo-box,
.sticky-header .logo-box {
  padding-left: 6px !important;
  margin-right: 12px !important;
  max-width: none !important;
}

.main-footer .footer-logo img {
  width: auto !important;
  height: auto !important;
  max-height: 72px;
  max-width: 320px;
  display: block;
  background: transparent !important;
  object-fit: contain;
}

@media (max-width: 767px) {
  .main-header .header-upper .main-box,
  .main-header.home-12 .main-box,
  .main-header.home-16 .main-box,
  .main-header .main-box,
  .sticky-header .container {
    min-height: 44px;
    padding: 4px 0 !important;
  }
}

/* Mobile slide-out menu logo */
.mobile-menu .nav-logo img {
  width: auto !important;
  height: auto !important;
  max-height: 50px !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block;
  background: transparent !important;
}

.main-header .main-menu .navigation > li > a,
.main-header.style-three .main-menu .navigation > li > a,
.main-header.home-12 .main-menu .navigation > li > a,
.main-header.home-16 .main-menu .navigation > li > a {
  color: #ffffff !important;
  font-family: var(--ccd-partner-font);
  font-weight: 500 !important;
  font-size: var(--ccd-nav-font-size) !important;
  letter-spacing: 0.01em;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  min-height: 38px;
  line-height: 1.2 !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  vertical-align: middle;
  transition: color 0.12s ease, background 0.12s ease, opacity 0.12s ease !important;
}

.main-header .main-menu .navigation > li,
.sticky-header .main-menu .navigation > li {
  transition: none !important;
}

/*
 * Nav states — single source of truth (WordPress current-* classes only).
 * ACTIVE = current page / Modules ancestor. HOVER = temporary only. Never equate them.
 */
.main-header .main-menu .navigation > li > a,
.main-header.home-12 .main-menu .navigation > li > a,
.main-header.home-16 .main-menu .navigation > li > a,
.main-header.style-three .main-menu .navigation > li > a,
.sticky-header .main-menu .navigation > li > a {
  background: transparent !important;
  transition: color 0.12s ease, background 0.12s ease, opacity 0.12s ease !important;
}

/* HOVER — temporary, subtler than ACTIVE */
.main-header .main-menu .navigation > li:hover > a,
.main-header.home-12 .main-menu .navigation > li:hover > a,
.main-header.home-16 .main-menu .navigation > li:hover > a,
.main-header.style-three .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li:hover > a {
  color: #ffffff !important;
  opacity: 1;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}

/* ACTIVE — only WP current item OR top-level Modules ancestor on module pages */
.main-header .main-menu .navigation > li.current-menu-item > a,
.main-header .main-menu .navigation > li.current_page_item > a,
.main-header .main-menu .navigation > li.current-menu-ancestor > a,
.main-header .main-menu .navigation > li.current-menu-parent > a,
.main-header.home-12 .main-menu .navigation > li.current-menu-item > a,
.main-header.home-12 .main-menu .navigation > li.current-menu-ancestor > a,
.main-header.home-16 .main-menu .navigation > li.current-menu-item > a,
.main-header.home-16 .main-menu .navigation > li.current-menu-ancestor > a,
.main-header.style-three .main-menu .navigation > li.current-menu-item > a,
.main-header.style-three .main-menu .navigation > li.current-menu-ancestor > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a,
.sticky-header .main-menu .navigation > li.current_page_item > a,
.sticky-header .main-menu .navigation > li.current-menu-ancestor > a,
.sticky-header .main-menu .navigation > li.current-menu-parent > a {
  color: #ffffff !important;
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
}

/* Keep ACTIVE look while hovering the current item */
.main-header .main-menu .navigation > li.current-menu-item:hover > a,
.main-header .main-menu .navigation > li.current_page_item:hover > a,
.main-header .main-menu .navigation > li.current-menu-ancestor:hover > a,
.main-header .main-menu .navigation > li.current-menu-parent:hover > a,
.sticky-header .main-menu .navigation > li.current-menu-item:hover > a,
.sticky-header .main-menu .navigation > li.current-menu-ancestor:hover > a {
  background: rgba(255, 255, 255, 0.16) !important;
}

/* Mouse click/focus must NOT look like a second ACTIVE item */
.main-header .main-menu .navigation > li > a:focus,
.main-header .main-menu .navigation > li > a:active,
.main-header .main-menu .navigation > li > a:focus:not(:focus-visible),
.sticky-header .main-menu .navigation > li > a:focus,
.sticky-header .main-menu .navigation > li > a:active,
.sticky-header .main-menu .navigation > li > a:focus:not(:focus-visible) {
  color: #ffffff !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.main-header .main-menu .navigation > li.current-menu-item > a:focus:not(:focus-visible),
.main-header .main-menu .navigation > li.current_page_item > a:focus:not(:focus-visible),
.main-header .main-menu .navigation > li.current-menu-ancestor > a:focus:not(:focus-visible),
.main-header .main-menu .navigation > li.current-menu-parent > a:focus:not(:focus-visible),
.sticky-header .main-menu .navigation > li.current-menu-item > a:focus:not(:focus-visible),
.sticky-header .main-menu .navigation > li.current-menu-ancestor > a:focus:not(:focus-visible) {
  background: rgba(255, 255, 255, 0.16) !important;
}

/* Keyboard only */
.main-header .main-menu .navigation > li > a:focus-visible,
.sticky-header .main-menu .navigation > li > a:focus-visible {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  outline: 2px solid rgba(255, 255, 255, 0.75) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.main-header .main-menu .navigation > li > a:before,
.main-header .main-menu .navigation > li.current > a:before,
.main-header .main-menu .navigation > li:hover > a:before,
.main-header.home-12 .main-menu .navigation > li > a:before {
  display: none !important;
}

/* Instant Modules / Login dropdowns — no 500ms theme delay */
.main-header .main-menu .navigation > li > ul,
.main-header .main-menu .navigation li.dropdown .submenu,
.sticky-header .main-menu .navigation > li > ul {
  transition: opacity 0.08s ease, visibility 0.08s ease, transform 0.08s ease !important;
  transition-delay: 0s !important;
}

.main-header .main-menu .navigation > li.dropdown:hover > ul,
.sticky-header .main-menu .navigation > li.dropdown:hover > ul {
  transition: opacity 0.08s ease, visibility 0.08s ease, transform 0.08s ease !important;
  transition-delay: 0s !important;
}

@media (min-width: 992px) {
  .main-header .main-menu .navigation li.dropdown .dropdown-btn,
  .sticky-header .main-menu .navigation li.dropdown .dropdown-btn {
    display: none !important;
    pointer-events: none !important;
  }
}

.main-header.style-three .outer-container .logo-box .logo {
  padding: 8px 0 !important;
}

.main-header.style-three .main-menu .navigation > li {
  padding: 0 2px !important;
  margin: 0 !important;
}

/* Dropdown / submenu */
.main-header .main-menu .navigation > li > ul,
.main-header .main-menu .navigation li.dropdown .submenu {
  background: var(--ccd-partner-white) !important;
  border: 1px solid rgba(8, 53, 48, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: var(--ccd-partner-shadow) !important;
  padding: 8px 0 !important;
  overflow: hidden;
  top: 100% !important;
}

.main-header .main-menu .navigation > li > ul > li > a,
.main-header .main-menu .navigation li.dropdown .submenu > li > a {
  color: var(--ccd-partner-text) !important;
  font-family: var(--ccd-partner-body);
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 18px !important;
  min-height: 0;
  display: block !important;
}

.main-header .main-menu .navigation > li > ul > li > a:hover,
.main-header .main-menu .navigation li.dropdown .submenu > li > a:hover {
  color: var(--ccd-partner-primary) !important;
  background: var(--ccd-partner-bg) !important;
}

/* Login dropdown — right-align so Client/Partner Login stay in viewport */
.main-header .menu-area,
.main-header .main-menu,
.main-header .main-menu .navbar-collapse,
.main-header .main-menu .navigation,
.sticky-header .menu-area,
.sticky-header .main-menu,
.sticky-header .main-menu .navigation {
  overflow: visible !important;
}

.main-header .main-menu .navigation > li#menu-item-14259,
.main-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]),
.sticky-header .main-menu .navigation > li#menu-item-14259,
.sticky-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) {
  position: relative !important;
  overflow: visible !important;
}

.main-header .main-menu .navigation > li#menu-item-14259 > ul,
.main-header .main-menu .navigation > li#menu-item-14259 > ul.submenu,
.main-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul,
.sticky-header .main-menu .navigation > li#menu-item-14259 > ul,
.sticky-header .main-menu .navigation > li#menu-item-14259 > ul.submenu,
.sticky-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul {
  left: auto !important;
  right: 0 !important;
  top: 100% !important;
  width: 200px !important;
  min-width: 180px !important;
  max-width: min(220px, calc(100vw - 24px)) !important;
  margin: 4px 0 0 !important;
  padding: 8px 0 !important;
  z-index: 10050 !important;
  -webkit-transform-origin: top right !important;
  transform-origin: top right !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.main-header .main-menu .navigation > li#menu-item-14259 > ul > li,
.main-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul > li,
.sticky-header .main-menu .navigation > li#menu-item-14259 > ul > li,
.sticky-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul > li {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.main-header .main-menu .navigation > li#menu-item-14259 > ul > li > a,
.main-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul > li > a,
.sticky-header .main-menu .navigation > li#menu-item-14259 > ul > li > a,
.sticky-header .main-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul > li > a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 16px !important;
  white-space: nowrap !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

@media (max-width: 991px) {
  .mobile-menu .navigation > li#menu-item-14259 > ul,
  .mobile-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .mobile-menu .navigation > li#menu-item-14259 > ul > li > a,
  .mobile-menu .navigation > li.menu-item-has-children:has(> a[title="Login"]) > ul > li > a {
    padding: 12px 16px !important;
    white-space: normal !important;
  }
}

/* Login — no caret/dot; submenu still opens on hover */
.main-header .main-menu .navigation > li.menu-item-has-children > a[title="Login"]::before,
.main-header .main-menu .navigation > li.menu-item-has-children > a[title="Login"]::after,
.main-header .main-menu .navigation > li.dropdown > a[title="Login"]::before,
.main-header .main-menu .navigation > li.dropdown > a[title="Login"]::after,
.sticky-header .main-menu .navigation > li.menu-item-has-children > a[title="Login"]::before,
.sticky-header .main-menu .navigation > li.menu-item-has-children > a[title="Login"]::after,
.sticky-header .main-menu .navigation > li.dropdown > a[title="Login"]::before,
.sticky-header .main-menu .navigation > li.dropdown > a[title="Login"]::after,
.mobile-menu .navigation > li.menu-item-has-children > a[title="Login"]::before,
.mobile-menu .navigation > li.menu-item-has-children > a[title="Login"]::after {
  content: none !important;
  display: none !important;
}
.main-header .main-menu .navigation > li > a[title="Partner Desk"],
.main-header .main-menu .navigation > li > a[title="Partner Login"],
.main-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"],
.sticky-header .main-menu .navigation > li > a[title="Partner Desk"],
.sticky-header .main-menu .navigation > li > a[title="Partner Login"],
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"] {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.main-header .main-menu .navigation > li > a[title="Partner Desk"]:hover,
.main-header .main-menu .navigation > li > a[title="Partner Login"]:hover,
.main-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:hover,
.sticky-header .main-menu .navigation > li > a[title="Partner Desk"]:hover,
.sticky-header .main-menu .navigation > li > a[title="Partner Login"]:hover,
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* Buy Now matches the other nav links. Highlight only on hover or when that page is open. */
.main-header .main-menu .navigation > li > a[title="Buy Now"],
.main-header .main-menu .navigation > li > a[href*="/pricing"],
.sticky-header .main-menu .navigation > li > a[title="Buy Now"],
.sticky-header .main-menu .navigation > li > a[href*="/pricing"] {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.main-header .main-menu .navigation > li:hover > a[title="Buy Now"],
.main-header .main-menu .navigation > li:hover > a[href*="/pricing"],
.sticky-header .main-menu .navigation > li:hover > a[title="Buy Now"],
.sticky-header .main-menu .navigation > li:hover > a[href*="/pricing"] {
  background: rgba(255, 255, 255, 0.08) !important;
}

.main-header .main-menu .navigation > li.current-menu-item > a[title="Buy Now"],
.main-header .main-menu .navigation > li.current_page_item > a[title="Buy Now"],
.main-header .main-menu .navigation > li.current-menu-item > a[href*="/pricing"],
.main-header .main-menu .navigation > li.current_page_item > a[href*="/pricing"],
.sticky-header .main-menu .navigation > li.current-menu-item > a[title="Buy Now"],
.sticky-header .main-menu .navigation > li.current-menu-item > a[href*="/pricing"] {
  background: rgba(255, 255, 255, 0.16) !important;
  border: none !important;
  color: #ffffff !important;
}

/* Get Quote — no purple corner shapes on click */
.main-header .menu-area .btn-box,
.sticky-header .menu-area .btn-box {
  float: none !important;
  margin: 0 0 0 10px !important;
  display: flex !important;
  align-items: center !important;
}

.main-header .menu-area .btn-box a,
.sticky-header .menu-area .btn-box a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  min-height: 38px;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #083530 !important;
  border: 1.5px solid #ffffff !important;
  box-shadow: 0 6px 16px rgba(8, 53, 48, 0.12) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  overflow: hidden;
}

.main-header .menu-area .btn-box a:before,
.main-header .menu-area .btn-box a:after,
.sticky-header .menu-area .btn-box a:before,
.sticky-header .menu-area .btn-box a:after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
  transform: none !important;
}

.main-header .menu-area .btn-box a:hover,
.main-header .menu-area .btn-box a:focus,
.main-header .menu-area .btn-box a:active,
.sticky-header .menu-area .btn-box a:hover,
.sticky-header .menu-area .btn-box a:focus,
.sticky-header .menu-area .btn-box a:active {
  background: #1A9E8F !important;
  background-color: #1A9E8F !important;
  border-color: #1A9E8F !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Hide underline pseudo on CTA / desk links */
.main-header .main-menu .navigation > li > a[title="Partner Desk"]:before,
.main-header .main-menu .navigation > li > a[title="Partner Login"]:before,
.main-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:before,
.main-header .main-menu .navigation > li > a[title="Buy Now"]:before,
.main-header .main-menu .navigation > li > a[href*="/pricing"]:before,
.sticky-header .main-menu .navigation > li > a[title="Partner Desk"]:before,
.sticky-header .main-menu .navigation > li > a[title="Partner Login"]:before,
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:before,
.sticky-header .main-menu .navigation > li > a[title="Buy Now"]:before,
.sticky-header .main-menu .navigation > li > a[href*="/pricing"]:before {
  display: none !important;
}

/* Phone / contact CTA in header */
.main-header .octf-btn-cta .contact-header i {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.2);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.main-header .octf-btn-cta .contact-header span {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: var(--ccd-partner-body);
}

.main-header .octf-btn-cta .contact-header span.main-text,
.main-header .octf-btn-cta .contact-header span.main-text a,
.main-header .octf-btn-cta .contact-header span a {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-family: var(--ccd-partner-font);
}

.main-header .octf-btn-cta .contact-header span.main-text a:hover {
  color: #E8F8F6 !important;
}

/* Mobile toggler */
.main-header .mobile-nav-toggler .icon-bar {
  background: #ffffff !important;
}

/* ------------------------------------------------------------------
   HEADER — sticky (same vertical center as main; no logo/nav drift)
   ------------------------------------------------------------------ */
.sticky-header {
  background: var(--ccd-partner-primary) !important;
  box-shadow: var(--ccd-partner-shadow) !important;
  border-bottom: 1px solid rgba(26, 158, 143, 0.25);
  animation: none !important;
  -webkit-animation: none !important;
}

.fixed-header .sticky-header {
  animation: none !important;
  -webkit-animation: none !important;
}

.sticky-header .outer-box,
.sticky-header .container,
.sticky-header .main-box {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 58px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.sticky-header .logo-box {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.sticky-header .menu-area {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.sticky-header .main-menu {
  float: none !important;
  display: flex !important;
  align-items: center !important;
}

.sticky-header .main-menu .navigation {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sticky-header .main-menu .navigation > li {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 2px !important;
  height: auto !important;
  line-height: 1 !important;
}

.sticky-header .main-menu .navigation > li > a {
  color: #ffffff !important;
  font-family: var(--ccd-partner-font);
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px;
  padding: 6px 10px !important;
  line-height: 1.2 !important;
  background: transparent !important;
}

.sticky-header .main-menu .navigation > li > a:before {
  display: none !important;
  background: transparent !important;
}

/* Legacy theme .current / .active alone must not create a second ACTIVE highlight */
.main-header .main-menu .navigation > li.current:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > a,
.main-header .main-menu .navigation > li.active:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > a,
.sticky-header .main-menu .navigation > li.current:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > a,
.sticky-header .main-menu .navigation > li.active:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > a {
  background: transparent !important;
}

/* Keep CTA buttons correct on sticky hover/focus too */
.sticky-header .main-menu .navigation > li > a[title="Buy Now"],
.sticky-header .main-menu .navigation > li > a[href*="/pricing"] {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
}

.sticky-header .main-menu .navigation > li > a[title="Partner Desk"],
.sticky-header .main-menu .navigation > li > a[title="Partner Login"],
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"],
.sticky-header .main-menu .navigation > li > a[title="Partner Desk"]:hover,
.sticky-header .main-menu .navigation > li > a[title="Partner Login"]:hover,
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:hover,
.sticky-header .main-menu .navigation > li > a[title="Partner Desk"]:focus,
.sticky-header .main-menu .navigation > li > a[title="Partner Login"]:focus,
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:focus {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
}
.sticky-header .main-menu .navigation > li > a[title="Partner Desk"]:hover,
.sticky-header .main-menu .navigation > li > a[title="Partner Login"]:hover,
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:hover,
.sticky-header .main-menu .navigation > li > a[title="Partner Desk"]:focus,
.sticky-header .main-menu .navigation > li > a[title="Partner Login"]:focus,
.sticky-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"]:focus {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* ------------------------------------------------------------------
   FOOTER — same brand teal as header
   ------------------------------------------------------------------ */
.main-footer,
.main-footer.style-two,
.main-footer.style-three {
  background: linear-gradient(165deg, var(--ccd-partner-deep) 0%, var(--ccd-partner-primary) 48%, var(--ccd-partner-bright) 100%) !important;
  font-family: var(--ccd-partner-body);
  color: rgba(255, 255, 255, 0.9) !important;
  position: relative;
  overflow: hidden;
}

.main-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 50% 40% at 10% 20%, rgba(255, 255, 255, 0.12), transparent 60%),
    radial-gradient(ellipse 40% 35% at 90% 80%, rgba(37, 183, 167, 0.12), transparent 55%);
  pointer-events: none;
}

.main-footer .container,
.main-footer .footer-top,
.main-footer .footer-bottom {
  position: relative;
  z-index: 1;
}

.main-footer .footer-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding-top: 64px !important;
  padding-bottom: 32px !important;
}

.main-footer .footer-top .about-widget .text,
.main-footer.style-two .footer-top .about-widget .text {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.main-footer .footer-top .widget-title,
.main-footer .footer-top .widget-title span,
.main-footer.style-two .footer-top .widget-title {
  color: #ffffff !important;
  font-family: var(--ccd-partner-font) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}

.main-footer .footer-top .widget-title:before,
.main-footer.style-two .footer-top .widget-title:before {
  background: #ffffff !important;
  -webkit-mask-image: none !important;
  animation: none !important;
  width: 36px !important;
  height: 3px !important;
  border-radius: 2px;
}

.main-footer .footer-top .widget-title:after,
.main-footer.style-two .footer-top .widget-title:after {
  background: rgba(255, 255, 255, 0.55) !important;
  left: 28px !important;
  width: 10px !important;
  height: 3px !important;
  border-radius: 2px;
}

.main-footer .footer-top .links-widget .list li a,
.main-footer .footer-top .links-widget .list li a:before,
.main-footer .footer-top .contact-widget .list li,
.main-footer .footer-top .contact-widget .list li a,
.main-footer.style-two .footer-top .links-widget .list li a,
.main-footer.style-two .footer-top .links-widget .list li a:before,
.main-footer.style-two .footer-top .contact-widget .list li,
.main-footer.style-two .footer-top .contact-widget .list li a {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 15px !important;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.main-footer .footer-top .links-widget .list li a:hover,
.main-footer .footer-top .links-widget .list li a:hover:before,
.main-footer .footer-top .contact-widget .list li a:hover,
.main-footer.style-two .footer-top .links-widget .list li a:hover,
.main-footer.style-two .footer-top .links-widget .list li a:hover:before,
.main-footer.style-two .footer-top .contact-widget .list li a:hover {
  color: #ffffff !important;
}

.main-footer .footer-top .contact-widget .list li i,
.main-footer.style-two .footer-top .contact-widget .list li i {
  color: #ffffff !important;
}

/* Social icons */
.main-footer .footer-top .about-widget .social-links li a,
.main-footer.style-two .footer-top .about-widget .social-links li a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, transform 0.25s ease;
}

.main-footer .footer-top .about-widget .social-links li a:hover,
.main-footer.style-two .footer-top .about-widget .social-links li a:hover {
  background: var(--ccd-partner-deep) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

.main-footer .footer-top .about-widget .social-links li:first-child {
  margin-right: 10px !important;
}

/* Copyright bar */
.main-footer .footer-bottom {
  background: rgba(26, 158, 143, 0.45);
  padding: 16px 0 !important;
}

.main-footer .footer-bottom .copyright,
.main-footer .footer-bottom .copyright a,
.main-footer.style-two .footer-bottom .copyright,
.main-footer.style-two .footer-bottom .copyright a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 14px !important;
  font-family: var(--ccd-partner-body);
}

.main-footer .footer-bottom .copyright a:hover {
  color: #ffffff !important;
}

/* Soften decorative anim icons on footer */
.main-footer .anim-icons .icon {
  opacity: 0.14;
  filter: none;
}

/* Scroll to top — matches brand teal */
.scroll-top,
.scroll-to-top {
  background: var(--ccd-partner-deep) !important;
  border-color: var(--ccd-partner-deep) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(26, 158, 143, 0.4);
}

.scroll-top:hover,
.scroll-to-top:hover {
  background: var(--ccd-partner-primary-hover) !important;
  border-color: var(--ccd-partner-primary-hover) !important;
}

/* ------------------------------------------------------------------
   TimeERP card hover — #25B7A7 wave fill (feature-block-one sitewide)
   ------------------------------------------------------------------ */
.feature-block-one .inner-box .hover-content {
  background: #25B7A7 !important;
}

.feature-block-one .inner-box:before {
  background: #1A9E8F !important;
}

.feature-block-one .inner-box .hover-content:before {
  background: #1A9E8F !important;
}

.feature-block-one .inner-box .hover-content:after {
  background: #17C3B2 !important;
}

.feature-block-one:hover .inner-box {
  border-color: rgba(37, 183, 167, 0.45);
  box-shadow: 0 16px 40px rgba(37, 183, 167, 0.2);
}

/* ------------------------------------------------------------------
   Mobile header tweaks
   ------------------------------------------------------------------ */
@media (max-width: 991px) {
  .main-header .header-topbar .octf-area-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-header .main-menu .navigation > li > a[title="Partner Login"],
  .main-header .main-menu .navigation > li > a[href*="partner.caclouddesk.com"],
  .main-header .main-menu .navigation > li > a[title="Buy Now"],
  .main-header .main-menu .navigation > li > a[href*="/pricing"] {
    display: inline-block;
    margin: 6px 12px;
    text-align: center;
  }
}

/* ------------------------------------------------------------------
   Buttons — TimeERP #25B7A7, click/hover/focus #1A9E8F
   Beats color.php leftover blues (#45ACC8, #6EC1E4, #31A6C7)
   ------------------------------------------------------------------ */
:root {
  --e-global-color-primary: #25B7A7;
  --e-global-color-accent: #17C3B2;
  --e-global-color-secondary: #083530;
  --e-global-color-text: #3D5250;
}

.theme-btn,
a.theme-btn,
.theme-btn-two,
a.theme-btn-two,
.btn-one,
a.btn-one,
.btn-two,
a.btn-two,
.elementor-button,
button.theme-btn,
button.theme-btn-two,
.message-btn button,
input[type="submit"],
button[type="submit"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #25B7A7 !important;
  color: #083530 !important;
  box-shadow: 0 8px 18px rgba(37, 183, 167, 0.12);
}

.theme-btn i,
.btn-one i {
  background: transparent !important;
  background-color: transparent !important;
  color: #25B7A7 !important;
}

/* SEE MORE — drop the overlapping 50px circle, keep a plain chevron */
body a.theme-btn,
body .theme-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 11px 22px !important;
  white-space: nowrap !important;
}

body a.theme-btn i,
body .theme-btn i,
body a.theme-btn:hover i,
body .theme-btn:hover i,
body a.theme-btn:focus i,
body .theme-btn:focus i,
body a.theme-btn:active i,
body .theme-btn:active i {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #25B7A7 !important;
  font-size: 14px !important;
}

body a.theme-btn:hover i,
body .theme-btn:hover i,
body a.theme-btn:focus i,
body .theme-btn:focus i,
body a.theme-btn:active i,
body .theme-btn:active i {
  color: #ffffff !important;
}

body a.theme-btn:before,
body .theme-btn:before,
body a.theme-btn:hover:before,
body .theme-btn:hover:before {
  display: none !important;
  opacity: 0 !important;
}

.theme-btn:before,
.theme-btn-two:before,
.btn-one:before,
.btn-two:before,
.elementor-button:before {
  opacity: 0 !important;
  background: #17C3B2 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.theme-btn:hover,
.theme-btn:focus,
.theme-btn:active,
a.theme-btn:hover,
a.theme-btn:focus,
a.theme-btn:active,
.theme-btn-two:hover,
.theme-btn-two:focus,
.theme-btn-two:active,
a.theme-btn-two:hover,
a.theme-btn-two:focus,
a.theme-btn-two:active,
.btn-one:hover,
.btn-one:focus,
.btn-one:active,
a.btn-one:hover,
a.btn-one:focus,
a.btn-one:active,
.btn-two:hover,
.btn-two:focus,
.btn-two:active,
a.btn-two:hover,
a.btn-two:focus,
a.btn-two:active,
.elementor-button:hover,
.elementor-button:focus,
.elementor-button:active,
button.theme-btn:hover,
button.theme-btn:focus,
button.theme-btn:active,
button.theme-btn-two:hover,
.message-btn button:hover,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
button[type="submit"]:active {
  background: linear-gradient(180deg, #0d7a6e 0%, #1A9E8F 42%, #25B7A7 100%) !important;
  background-color: #1A9E8F !important;
  border-color: #1A9E8F !important;
  color: #ffffff !important;
}

.theme-btn:hover i,
.theme-btn:focus i,
.theme-btn:active i,
.btn-one:hover i,
.btn-one:focus i,
.btn-one:active i {
  color: #ffffff !important;
  background: transparent !important;
}

/* FAQ open state — keep the question readable (no teal-on-teal blank bar) */
body .faq-section .accordion-box .block .acc-btn.active,
body .faq-section .acc-btn.active,
body .elementor-accordion .elementor-tab-title.elementor-active,
body .elementor-toggle .elementor-tab-title.elementor-active {
  background: #EEFAF8 !important;
  background-color: #EEFAF8 !important;
  color: #083530 !important;
}

body .faq-section .accordion-box .block .acc-btn.active h4,
body .faq-section .acc-btn.active h4,
body .elementor-accordion .elementor-tab-title.elementor-active a,
body .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title,
body .elementor-toggle .elementor-tab-title.elementor-active a,
body .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-title {
  color: #083530 !important;
}

body .faq-section .accordion-box .block .acc-btn .icon-outer,
body .faq-section .accordion-box .block .acc-btn.active .icon-outer,
body .elementor-accordion .elementor-tab-title .elementor-accordion-icon,
body .elementor-toggle .elementor-tab-title .elementor-toggle-icon {
  color: #25B7A7 !important;
  background: transparent !important;
}

body .faq-section .accordion-box .block .acc-content,
body .faq-section .accordion-box .block .acc-content.current,
body .elementor-accordion .elementor-tab-content,
body .elementor-toggle .elementor-tab-content {
  background: #ffffff !important;
  color: #3D5250 !important;
}

body .faq-section .accordion-box .block .content .text,
body .faq-section .acc-content .text {
  color: #3D5250 !important;
}

/* Leftover Elementor heading colors (purple #5863f2, blue #6ec1e4, olive #333300) */
[style*="#5863f2"],
[style*="#5863F2"],
[style*="5863f2"],
[style*="#6ec1e4"],
[style*="#6EC1E4"],
[style*="6ec1e4"],
[style*="#333300"] {
  color: #000000 !important;
}

/* Checklist marks were leftover orange (#ec5f0d). Use the site teal everywhere. */
body .list-item li:before,
body ul.list-item li:before,
body .list-item.getappx li:before,
body #content_block_17 .content-box .list-item li:before,
body .content_block_17 .content-box .list-item li:before,
body #content_block_25 .content-box .list-item li:before,
body .content_block_25 .content-box .list-item li:before,
body #content_block_27 .content-box .list-item li:before,
body .content_block_27 .content-box .list-item li:before,
body .chooseus-section .inner-box .list-item li:before,
body #content_block_34 .content-box .list-item li:before,
body .content_block_34 .content-box .list-item li:before,
body .feature-style-14 .inner-box .content-box .list-item li:before,
body .service-details .service-details-content .bottom-content .list-item li:before {
  color: #25B7A7 !important;
}

/* Partner Desk restored — keep as normal nav item (no hide) */

/* Hide leftover Google reCAPTCHA badge if a script still injects it */
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Beat parent sticky width:155px — keep Customizer AR, never crop */
body .main-header .logo-box img,
body .main-header.home-12 .logo-box img,
body .sticky-header .logo-box img,
body .mobile-menu .nav-logo img {
  width: auto !important;
  height: auto !important;
  max-height: var(--ccd-logo-max-height) !important;
  max-width: var(--ccd-logo-max-width) !important;
  object-fit: contain !important;
}