/**
 * Features page — style upgrade only (page-id-4559 / features, page-id-8820 / ca-cloud-desk-features)
 * Modern cards, TimeERP teal, 3D polish. No content add/remove.
 */

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

body.page-id-4559,
body.page-id-8820 {
  --ft-primary: #25B7A7;
  --ft-bright: #17C3B2;
  --ft-deep: #1A9E8F;
  --ft-navy: #083530;
  --ft-navy-deep: #000000;
  --ft-text: #3D5250;
  --ft-muted: #616365;
  --ft-amber: #B45309;
  --ft-ice: #E8F8F6;
  --ft-ice-2: #EEFAF8;
  --ft-white: #FFFFFF;
  --ft-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --ft-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --ft-shadow: 0 10px 28px rgba(26, 158, 143, 0.1);
  --ft-shadow-hover: 0 22px 44px rgba(8, 53, 48, 0.16);
}

body.page-id-4559 .elementor-4559,
body.page-id-4559 .page-wrapper,
body.page-id-8820 .elementor-8820,
body.page-id-8820 .page-wrapper {
  font-family: var(--ft-body);
  color: var(--ft-text);
  background: linear-gradient(180deg, var(--ft-ice) 0%, var(--ft-white) 8%, var(--ft-white) 92%, var(--ft-ice) 100%);
}

body.page-id-4559 .elementor-4559 h1,
body.page-id-4559 .elementor-4559 h2,
body.page-id-4559 .elementor-4559 h3,
body.page-id-4559 .elementor-4559 h4,
body.page-id-4559 .elementor-4559 h5,
body.page-id-4559 .sec-title h2,
body.page-id-8820 .elementor-8820 h1,
body.page-id-8820 .elementor-8820 h2,
body.page-id-8820 .elementor-8820 h3,
body.page-id-8820 .elementor-8820 h4,
body.page-id-8820 .elementor-8820 h5,
body.page-id-8820 .elementor-heading-title {
  font-family: var(--ft-font) !important;
  letter-spacing: -0.01em;
  color: var(--ft-navy-deep) !important;
}

/* ---------- CA Cloud Desk Features (page 8820) — typography only, match modules ---------- */
body.page-id-8820 .elementor-8820 .elementor-heading-title {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* Hero */
body.page-id-8820 .elementor-element-8f71500 .elementor-heading-title {
  font-size: clamp(1.75rem, 3.4vw, 2.45rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--ft-navy) !important;
  letter-spacing: -0.025em;
}

body.page-id-8820 .elementor-element-8f71500 > .elementor-widget-container {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 820px;
}

/* Section label / mid heading */
body.page-id-8820 .elementor-element-15f5c550 .elementor-heading-title,
body.page-id-8820 .elementor-element-40a99df .elementor-heading-title {
  font-size: clamp(1.35rem, 2.3vw, 1.85rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--ft-navy) !important;
}

/* Top feature cards — title + short line */
body.page-id-8820 .elementor-element-5710ac9 .elementor-heading-title,
body.page-id-8820 .elementor-element-96e8cd7 .elementor-heading-title,
body.page-id-8820 .elementor-element-528caab .elementor-heading-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--ft-navy-deep) !important;
}

body.page-id-8820 .elementor-element-1326f0f,
body.page-id-8820 .elementor-element-53efa96,
body.page-id-8820 .elementor-element-9302c94 {
  font-family: var(--ft-body) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--ft-muted) !important;
}

body.page-id-8820 .elementor-element-1326f0f .elementor-heading-title,
body.page-id-8820 .elementor-element-53efa96 .elementor-heading-title,
body.page-id-8820 .elementor-element-9302c94 .elementor-heading-title {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--ft-muted) !important;
}

/* Feature row titles (were 32px Ubuntu) */
body.page-id-8820 .elementor-element-fe5f49d .elementor-heading-title,
body.page-id-8820 .elementor-element-b98f968 .elementor-heading-title,
body.page-id-8820 .elementor-element-67bd896 .elementor-heading-title,
body.page-id-8820 .elementor-element-bb1c12d .elementor-heading-title,
body.page-id-8820 .elementor-element-3312368 .elementor-heading-title,
body.page-id-8820 .elementor-element-7218d2a .elementor-heading-title,
body.page-id-8820 .elementor-element-edf6010 .elementor-heading-title,
body.page-id-8820 .elementor-element-3a29f05 .elementor-heading-title,
body.page-id-8820 .elementor-element-4ffc37e .elementor-heading-title,
body.page-id-8820 .elementor-element-5d4e9c4 .elementor-heading-title,
body.page-id-8820 .elementor-element-52a6566 .elementor-heading-title,
body.page-id-8820 .elementor-element-173f9e0 .elementor-heading-title,
body.page-id-8820 .elementor-element-2bb6462 .elementor-heading-title,
body.page-id-8820 .elementor-element-eefd7f9 .elementor-heading-title,
body.page-id-8820 .elementor-element-af7ccb8 .elementor-heading-title,
body.page-id-8820 .elementor-element-ab73a17 .elementor-heading-title,
body.page-id-8820 .elementor-element-96562b3 .elementor-heading-title,
body.page-id-8820 .elementor-element-e016975 .elementor-heading-title,
body.page-id-8820 .elementor-element-44cd12e .elementor-heading-title,
body.page-id-8820 .elementor-element-d3fb9f1 .elementor-heading-title,
body.page-id-8820 .elementor-element-e112f99 .elementor-heading-title,
body.page-id-8820 .elementor-element-9352fde .elementor-heading-title {
  font-size: clamp(1.2rem, 2vw, 1.45rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--ft-navy) !important;
  letter-spacing: -0.015em;
}

/* Feature row body copy (were 16px Ubuntu justified) */
body.page-id-8820 .elementor-element-b3a1187,
body.page-id-8820 .elementor-element-f269898,
body.page-id-8820 .elementor-element-949a059,
body.page-id-8820 .elementor-element-943c931,
body.page-id-8820 .elementor-element-c293f97,
body.page-id-8820 .elementor-element-acd48e6,
body.page-id-8820 .elementor-element-535f44e,
body.page-id-8820 .elementor-element-7a6db58,
body.page-id-8820 .elementor-element-4e497e3,
body.page-id-8820 .elementor-element-5b8fbf3,
body.page-id-8820 .elementor-element-e0dc0c5,
body.page-id-8820 .elementor-element-6597148,
body.page-id-8820 .elementor-element-cdff27e,
body.page-id-8820 .elementor-element-bd847e7,
body.page-id-8820 .elementor-element-22667bb,
body.page-id-8820 .elementor-element-c265c6e,
body.page-id-8820 .elementor-element-abebdf5,
body.page-id-8820 .elementor-element-a05aa5a,
body.page-id-8820 .elementor-element-b670c76,
body.page-id-8820 .elementor-element-6c13f7a,
body.page-id-8820 .elementor-element-7b466f9 {
  text-align: left !important;
}

body.page-id-8820 .elementor-element-b3a1187 .elementor-heading-title,
body.page-id-8820 .elementor-element-f269898 .elementor-heading-title,
body.page-id-8820 .elementor-element-949a059 .elementor-heading-title,
body.page-id-8820 .elementor-element-943c931 .elementor-heading-title,
body.page-id-8820 .elementor-element-c293f97 .elementor-heading-title,
body.page-id-8820 .elementor-element-acd48e6 .elementor-heading-title,
body.page-id-8820 .elementor-element-535f44e .elementor-heading-title,
body.page-id-8820 .elementor-element-7a6db58 .elementor-heading-title,
body.page-id-8820 .elementor-element-4e497e3 .elementor-heading-title,
body.page-id-8820 .elementor-element-5b8fbf3 .elementor-heading-title,
body.page-id-8820 .elementor-element-e0dc0c5 .elementor-heading-title,
body.page-id-8820 .elementor-element-6597148 .elementor-heading-title,
body.page-id-8820 .elementor-element-cdff27e .elementor-heading-title,
body.page-id-8820 .elementor-element-bd847e7 .elementor-heading-title,
body.page-id-8820 .elementor-element-22667bb .elementor-heading-title,
body.page-id-8820 .elementor-element-c265c6e .elementor-heading-title,
body.page-id-8820 .elementor-element-abebdf5 .elementor-heading-title,
body.page-id-8820 .elementor-element-a05aa5a .elementor-heading-title,
body.page-id-8820 .elementor-element-b670c76 .elementor-heading-title,
body.page-id-8820 .elementor-element-6c13f7a .elementor-heading-title,
body.page-id-8820 .elementor-element-7b466f9 .elementor-heading-title {
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--ft-muted) !important;
  letter-spacing: 0;
}

/* Bottom CTA cards */
body.page-id-8820 .elementor-element-015972d .elementor-heading-title,
body.page-id-8820 .elementor-element-04033dc .elementor-heading-title,
body.page-id-8820 .elementor-element-31b6cb9 .elementor-heading-title,
body.page-id-8820 .elementor-element-ae750ab .elementor-heading-title,
body.page-id-8820 .elementor-element-fcb48b7 .elementor-heading-title,
body.page-id-8820 .elementor-element-445a700 .elementor-heading-title {
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--ft-navy) !important;
}

body.page-id-8820 .elementor-element-2b96220 .elementor-heading-title,
body.page-id-8820 .elementor-element-ceab47a .elementor-heading-title,
body.page-id-8820 .elementor-element-3d22bc7 .elementor-heading-title {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--ft-muted) !important;
}

/* Read More / CTA buttons — match module link weight */
body.page-id-8820 .elementor-button {
  font-family: var(--ft-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

body.page-id-8820 .elementor-widget-text-editor {
  font-family: var(--ft-body) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: var(--ft-muted) !important;
}

@media (max-width: 767px) {
  body.page-id-8820 .elementor-element-8f71500 .elementor-heading-title {
    font-size: clamp(1.45rem, 6vw, 1.85rem) !important;
  }

  body.page-id-8820 .elementor-element-8f71500 > .elementor-widget-container {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

/* ---------- Header (home-16) ---------- */
/* Theme sets .outer-container { position:absolute }, which collapses header
   height and lets page titles slide under the nav — keep header in normal flow. */
body.page-id-4559 .main-header.home-16 {
  position: relative !important;
  z-index: 100;
  background: linear-gradient(135deg, #1A9E8F 0%, #25B7A7 55%, #083530 100%) !important;
  box-shadow: 0 8px 24px rgba(26, 158, 143, 0.18);
}

body.page-id-4559 .main-header.home-16 .outer-container {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
}

body.page-id-4559 .main-header.home-16 .outer-container,
body.page-id-4559 .main-header.home-16 .container,
body.page-id-4559 .main-header.home-16 .main-box {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  width: 100% !important;
}

body.page-id-4559 .main-header.home-16 .main-box {
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 10px 0 !important;
}

body.page-id-4559 .main-header.home-16 .logo-box,
body.page-id-4559 .main-header.home-16 .menu-area {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

body.page-id-4559 .main-header.home-16 .logo-box .logo {
  padding: 0 !important;
  margin: 0 !important;
}

body.page-id-4559 .main-header.home-16 .menu-area .btn-box {
  margin: 0 0 0 16px !important;
}

body.page-id-4559 .main-header.home-16 .main-menu .navigation > li > a {
  color: #fff !important;
}

body.page-id-4559 .main-header.home-16 .main-menu .navigation > li.current-menu-item > a,
body.page-id-4559 .main-header.home-16 .main-menu .navigation > li.current-menu-ancestor > a {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
}

body.page-id-4559 .main-header.home-16 .main-menu .navigation > li:hover > a {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}

body.page-id-4559 .main-header.home-16 .main-menu .navigation > li.current-menu-item:hover > a,
body.page-id-4559 .main-header.home-16 .main-menu .navigation > li.current-menu-ancestor:hover > a {
  background: rgba(255, 255, 255, 0.16) !important;
}

body.page-id-4559 .sticky-header {
  background: linear-gradient(135deg, #1A9E8F 0%, #25B7A7 55%, #083530 100%) !important;
}

body.page-id-4559 .sticky-header .main-menu .navigation > li > a {
  color: #fff !important;
}

/* ---------- Section shells ---------- */
/* First content block clears the header; empty spacer section stays collapsed */
body.page-id-4559 .elementor-element-9aa411a {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.page-id-4559 .elementor-element-7fa58ceb {
  padding-top: 28px !important;
}

body.page-id-4559 .elementor-element-9aa411a,
body.page-id-4559 .elementor-element-7fa58ceb,
body.page-id-4559 .elementor-element-5c7daaba,
body.page-id-4559 .elementor-element-32284cc0,
body.page-id-4559 .elementor-element-4b799dad {
  position: relative;
  overflow: hidden;
}

body.page-id-4559 .elementor-element-9aa411a > .elementor-container,
body.page-id-4559 .elementor-element-7fa58ceb > .elementor-container,
body.page-id-4559 .elementor-element-5c7daaba > .elementor-container,
body.page-id-4559 .elementor-element-32284cc0 > .elementor-container,
body.page-id-4559 .elementor-element-4b799dad > .elementor-container {
  position: relative;
  z-index: 1;
}

body.page-id-4559 .elementor-element-7fa58ceb,
body.page-id-4559 .elementor-element-32284cc0 {
  background: linear-gradient(180deg, rgba(232, 248, 246, 0.85) 0%, rgba(255, 255, 255, 0.4) 100%);
}

body.page-id-4559 .elementor-element-5c7daaba,
body.page-id-4559 .elementor-element-4b799dad {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(238, 250, 248, 0.55) 100%);
}

/* ---------- Module blocks (service-style-two) ---------- */
body.page-id-4559 .service-style-two {
  position: relative;
  padding: 48px 0 32px !important;
  z-index: 1;
}

body.page-id-4559 .service-style-two.ccd-ft-grid-3d {
  isolation: isolate;
}

body.page-id-4559 .service-style-two .sec-title {
  margin-bottom: 32px !important;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

body.page-id-4559 .service-style-two .sec-title h2 {
  font-size: clamp(1.45rem, 2.4vw, 1.95rem) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-bottom: 24px !important;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}

body.page-id-4559 .service-style-two .sec-title h2::before {
  content: none !important;
  display: none !important;
}

body.page-id-4559 .service-style-two .sec-title h2::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 120px !important;
  height: 2px !important;
  border: none !important;
  border-radius: 0 !important;
  transform: translateX(-50%) !important;
  background: #25B7A7 !important;
  background-image: none !important;
}

body.page-id-4559 .service-style-two .sec-title p,
body.page-id-4559 .service-style-two .sec-title .text {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--ft-muted) !important;
  margin: 0 auto !important;
  max-width: 36rem;
}

body.page-id-4559 .service-style-two .inner-content {
  margin: 0 -10px !important;
}

body.page-id-4559 .service-style-two .inner-content .service-block {
  padding: 0 12px 20px !important;
}

body.page-id-4559 .service-block-two {
  margin-bottom: 0 !important;
  height: 100%;
  perspective: 1100px;
}

body.page-id-4559 .service-block-two .inner-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  height: 100%;
  min-height: 210px;
  padding: 22px 20px 24px !important;
  border-radius: 18px !important;
  text-align: left !important;
  background: var(--ft-white) !important;
  border: 1px solid rgba(37, 183, 167, 0.16);
  box-shadow: var(--ft-shadow) !important;
  overflow: hidden;
  transform-style: preserve-3d;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

body.page-id-4559 .service-block-two .inner-box::before {
  display: none !important;
}

body.page-id-4559 .service-block-two .inner-box::after {
  content: "";
  position: absolute;
  inset: auto -20% -40% auto;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37, 183, 167, 0.12), transparent 70%);
  pointer-events: none;
  transform: translateZ(0);
}

body.page-id-4559 .service-block-two .inner-box .icon-box {
  position: relative;
  z-index: 1;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 0 16px !important;
  border-radius: 14px;
  font-size: 22px !important;
  line-height: 1 !important;
  color: var(--ft-deep) !important;
  background: linear-gradient(145deg, rgba(37, 183, 167, 0.16), rgba(23, 195, 178, 0.08));
  border: 1px solid rgba(37, 183, 167, 0.22);
  box-shadow: 0 6px 16px rgba(26, 158, 143, 0.1);
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease !important;
}

body.page-id-4559 .service-block-two .inner-box h4 {
  position: relative;
  z-index: 1;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: var(--ft-navy-deep) !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
}

body.page-id-4559 .service-block-two .inner-box h4:before,
body.page-id-4559 .service-block-two .inner-box h4:after {
  display: none !important;
  content: none !important;
}

body.page-id-4559 .service-block-two .inner-box h4 a {
  color: inherit !important;
  transition: color 0.25s ease;
}

body.page-id-4559 .service-block-two .inner-box h4 a:hover {
  color: var(--ft-primary) !important;
}

body.page-id-4559 .service-block-two .inner-box .text {
  position: relative;
  z-index: 1;
  flex: 1;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: var(--ft-muted) !important;
  text-align: left !important;
  margin: 0 !important;
}

/* Accent rhythm */
body.page-id-4559 .service-style-two .service-block:nth-child(3n+1) .service-block-two .inner-box {
  border-top: 3px solid #25B7A7;
}

body.page-id-4559 .service-style-two .service-block:nth-child(3n+2) .service-block-two .inner-box {
  border-top: 3px solid #25B7A7;
}

body.page-id-4559 .service-style-two .service-block:nth-child(3n+3) .service-block-two .inner-box {
  border-top: 3px solid #25B7A7;
}

body.page-id-4559 .service-style-two .service-block:nth-child(3n+2) .service-block-two .inner-box .icon-box {
  color: var(--ft-navy) !important;
  background: linear-gradient(90deg, #1A9E8F, #25B7A7);
  border-color: rgba(8, 53, 48, 0.2);
}

body.page-id-4559 .service-style-two .service-block:nth-child(3n+3) .service-block-two .inner-box .icon-box {
  color: #1A9E8F !important;
  background: linear-gradient(145deg, #25B7A7, #17C3B2);
  border-color: rgba(37, 183, 167, 0.28);
}

body.page-id-4559 .service-block-two:hover .inner-box,
body.page-id-4559 .service-block-two .inner-box:hover {
  transform: translateY(-5px);
  border-color: rgba(37, 183, 167, 0.4);
  background: linear-gradient(165deg, #EEFAF8 0%, #ffffff 55%) !important;
  box-shadow: 0 12px 32px rgba(37, 183, 167, 0.14) !important;
}

body.page-id-4559 .service-block-two:hover .inner-box .icon-box {
  transform: translateY(-2px) scale(1.06);
  color: #fff !important;
  background: linear-gradient(145deg, #25B7A7, #3DD5C5) !important;
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(37, 183, 167, 0.32);
}

body.page-id-4559 .service-block-two:hover .inner-box h4,
body.page-id-4559 .service-block-two:hover .inner-box h4 a {
  color: #083530 !important;
}

body.page-id-4559 .service-block-two:hover .inner-box .text {
  color: var(--ft-muted) !important;
}

body.page-id-4559 .service-style-two .service-block:nth-child(3n+1) .service-block-two:hover .inner-box .icon-box,
body.page-id-4559 .service-style-two .service-block:nth-child(3n+2) .service-block-two:hover .inner-box .icon-box,
body.page-id-4559 .service-style-two .service-block:nth-child(3n+3) .service-block-two:hover .inner-box .icon-box {
  color: #fff !important;
}

/* ---------- Soft WebGL stage ---------- */
body.page-id-4559 .ccd-ft-webgl {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.34;
  overflow: hidden;
}

body.page-id-4559 .ccd-ft-webgl canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  body.page-id-4559 .service-style-two {
    padding: 32px 0 24px !important;
  }

  body.page-id-4559 .service-block-two .inner-box {
    min-height: 0;
    padding: 20px 18px !important;
  }
}

@media (max-width: 767px) {
  body.page-id-4559 .ccd-ft-webgl {
    opacity: 0.2;
  }

  body.page-id-4559 .service-style-two .inner-content .service-block {
    padding: 0 8px 14px !important;
  }

  body.page-id-4559 .service-block-two .inner-box {
    padding: 18px 16px !important;
  }

  body.page-id-4559 .service-block-two .inner-box .icon-box {
    width: 46px;
    height: 46px;
    font-size: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-4559 .service-block-two .inner-box,
  body.page-id-4559 .service-block-two .inner-box .icon-box {
    transition: none !important;
  }

  body.page-id-4559 .ccd-ft-webgl {
    display: none !important;
  }
}