:where(.portfolio-skip-link) {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 100000;
  padding: 12px 16px;
  border: 2px solid #fff;
  background: #fd5b38;
  color: #111;
  font: 700 14px/1 Arial, sans-serif;
  transform: translateY(-160%);
  transition: transform 160ms ease;
}

:where(.portfolio-skip-link:focus) {
  transform: translateY(0);
}

.elementor-element-e4d3162 .webfolio-button-text {
  color: #111 !important;
  font-weight: 700 !important;
}

.about-page-content .about-cta .about-container > h2 {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid #fd5b38 !important;
  outline-offset: 3px !important;
}

:root {
    --portfolio-home-bg: #0f0f0f;
    --portfolio-home-panel: #121212;
    --portfolio-home-panel-soft: #171717;
    --portfolio-home-border: rgba(255, 255, 255, 0.14);
    --portfolio-home-text: #adb0b2;
    --portfolio-home-heading: #e7e4dc;
    --portfolio-home-heading-strong: #ffffff;
    --portfolio-home-accent: #fd5b38;
    --portfolio-page-max: 1320px;
    --portfolio-page-gutter: clamp(30px, 5vw, 104px);
  }

  .site-header .portfolio-services-menu {
    position: relative !important;
  }

  .site-header .portfolio-services-menu > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
  }

  .site-header .portfolio-nav-caret {
    width: 8px !important;
    height: 8px !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translateY(-3px) rotate(45deg) !important;
    opacity: 0.95 !important;
    transition: transform 180ms ease, opacity 180ms ease, color 180ms ease !important;
  }

  .site-header .portfolio-services-menu:hover > a .portfolio-nav-caret,
  .site-header .portfolio-services-menu:focus-within > a .portfolio-nav-caret {
    transform: translateY(1px) rotate(225deg) !important;
    opacity: 1 !important;
  }

  .site-header .portfolio-services-submenu {
    min-width: 285px !important;
    padding: 14px 0 !important;
    border: 1px solid var(--portfolio-home-border) !important;
    background: rgba(15, 15, 15, 0.98) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34) !important;
    backdrop-filter: blur(10px) !important;
  }

  .site-header .portfolio-services-submenu li {
    margin: 0 !important;
  }

  .site-header .portfolio-services-submenu a {
    display: block !important;
    padding: 12px 22px !important;
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
  }

  .site-header .portfolio-services-submenu a:hover,
  .site-header .portfolio-services-submenu a:focus-visible {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    background: rgba(253, 91, 56, 0.08) !important;
    outline: 0 !important;
  }

  @media (max-width: 767px) {
    :root {
      --portfolio-page-gutter: 16px;
    }

    .site-header .portfolio-nav-caret {
      width: 8px !important;
      height: 8px !important;
    }

    .site-header .portfolio-services-submenu {
      min-width: 0 !important;
      width: 100% !important;
      margin-top: 10px !important;
      padding: 8px 0 10px !important;
      border-color: rgba(255, 255, 255, 0.1) !important;
      background: rgba(255, 255, 255, 0.04) !important;
      box-shadow: none !important;
    }

    .site-header .portfolio-services-submenu a {
      padding: 10px 16px !important;
      font-size: 17px !important;
    }
  }
  body.home {
    background-color: var(--portfolio-home-bg) !important;
  }

  body.home .site-header .elementor-element.elementor-element-80aab2f {
    background: rgba(15, 15, 15, 0.96) !important;
    border-bottom: 1px solid var(--portfolio-home-border) !important;
    backdrop-filter: blur(10px) !important;
  }

  .site-header .elementor-element-80aab2f > .elementor-element-43e5001 {
    width: min(1720px, calc(100% - var(--portfolio-page-gutter))) !important;
    max-width: 1720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .site-header .elementor-element-80aab2f > .elementor-element-43e5001 > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .site-header .elementor-element-59a2313 {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(16px, 2vw, 34px) !important;
    min-width: 0 !important;
  }

  .site-header .elementor-element-0faaca2,
  .site-header .elementor-element-182c7de,
  .site-header .tcg-nav,
  .site-header .main-menu,
  .site-header .menu-main-menu-container {
    min-width: 0 !important;
  }

  .site-header .elementor-element-0faaca2 {
    flex: 0 1 auto !important;
  }

  .site-header .elementor-element-182c7de {
    flex: 1 1 auto !important;
  }

  .site-header .elementor-element-e801562 {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }

  .site-header .home-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(18px, 1.45vw, 32px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header .home-nav > li {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .site-header :is(.home-nav, .mob-nav, .home-nav a, .mob-nav a, .portfolio-navbar-brand, .portfolio-navbar-name, .portfolio-navbar-role) {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .site-header .home-nav > li > a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
  .site-header .elementor-element-e3bfdb6,
  .site-header .elementor-element-0faaca2 {
    min-width: max-content !important;
  }

  .site-header .tcg-logo,
  .site-header .top-logo {
    display: block !important;
  }

  .site-header .top-logo a.portfolio-navbar-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    text-decoration: none !important;
    transition: color 180ms ease, transform 180ms ease !important;
  }

  .site-header .top-logo a.portfolio-navbar-brand:hover,
  .site-header .top-logo a.portfolio-navbar-brand:focus-visible {
    color: var(--portfolio-home-heading-strong) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading-strong) !important;
    transform: translateY(-1px) !important;
    outline: 0 !important;
  }

  .site-header .portfolio-navbar-mark {
    width: 54px !important;
    height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 54px !important;
  }

  .site-header .portfolio-navbar-mark img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
  }

  .site-header .portfolio-navbar-copy {
    display: grid !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 5px !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .site-header .portfolio-navbar-name,
  .site-header .portfolio-navbar-role {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    display: block !important;
    text-align: left !important;
  }

  .site-header .portfolio-navbar-name {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-size: clamp(24px, 1.65vw, 31px) !important;
    text-transform: uppercase !important;
  }

  .site-header .portfolio-navbar-role {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-size: 13.5px !important;
    text-transform: uppercase !important;
  }

  @media (max-width: 1280px) {
    .site-header .home-nav {
      gap: 18px !important;
    }

    .site-header .home-nav > li > a {
      font-size: 16px !important;
    }

    .site-header .portfolio-navbar-mark {
      width: 48px !important;
      height: 48px !important;
      flex-basis: 48px !important;
    }

    .site-header .portfolio-navbar-name {
      font-size: clamp(22px, 1.55vw, 28px) !important;
    }

    .site-header .portfolio-navbar-role {
      font-size: 12.5px !important;
    }
  }

  @media (max-width: 1100px) {
    .site-header .elementor-element-80aab2f > .elementor-element-43e5001 {
      width: min(1100px, calc(100% - 30px)) !important;
    }

    .site-header .elementor-element-59a2313 {
      gap: 16px !important;
    }

    .site-header .elementor-element-182c7de {
      flex: 0 0 auto !important;
      margin-left: auto !important;
    }

    .site-header .elementor-element-e801562,
    .site-header .main-menu {
      display: none !important;
    }

    .site-header .mobile-wrapper {
      display: block !important;
    }

    .site-header .hamburger {
      width: 44px !important;
      height: 44px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .site-header .fat-nav {
      max-height: 100vh !important;
      overflow-y: auto !important;
    }

    .site-header .fat-nav__wrapper {
      width: min(520px, calc(100% - 30px)) !important;
      max-width: 520px !important;
      margin: 0 auto !important;
      padding: 88px 0 44px !important;
    }

    .site-header .fat-list,
    .site-header .mob-nav {
      width: 100% !important;
      max-width: 100% !important;
    }

    .site-header .mob-nav {
      display: grid !important;
      gap: 10px !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .site-header .mob-nav li {
      width: 100% !important;
      margin: 0 !important;
      text-align: left !important;
    }

    .site-header .mob-nav > li > a {
      width: 100% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
      white-space: normal !important;
      font-size: clamp(24px, 6vw, 34px) !important;
      line-height: 1.05 !important;
    }

    .site-header .portfolio-services-submenu {
      position: static !important;
      width: 100% !important;
      min-width: 0 !important;
      display: grid !important;
      visibility: visible !important;
      opacity: 1 !important;
      transform: none !important;
      pointer-events: auto !important;
    }
  }

  @media (max-width: 767px) {
    .site-header .top-logo a.portfolio-navbar-brand {
      gap: 10px !important;
    }

    .site-header .portfolio-navbar-mark {
      width: 42px !important;
      height: 42px !important;
      flex-basis: 42px !important;
    }

    .site-header .portfolio-navbar-name {
      font-size: 22px !important;
    }

    .site-header .portfolio-navbar-role {
      display: none !important;
    }
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e {
    min-height: 100vh !important;
    background-color: var(--portfolio-home-bg) !important;
    background-image:
      linear-gradient(90deg, rgba(15, 15, 15, 0.98) 0%, rgba(15, 15, 15, 0.84) 36%, rgba(15, 15, 15, 0.18) 68%, rgba(15, 15, 15, 0.42) 100%),
      url("/suranga-hero.png") !important;
    background-image:
      linear-gradient(90deg, rgba(15, 15, 15, 0.98) 0%, rgba(15, 15, 15, 0.84) 36%, rgba(15, 15, 15, 0.18) 68%, rgba(15, 15, 15, 0.42) 100%),
      image-set(url("/suranga-hero.avif") type("image/avif"), url("/suranga-hero.webp") type("image/webp"), url("/suranga-hero.png") type("image/png")) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e > .elementor-element-52b55b6 {
    display: none !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e > .elementor-element-158e2ff {
    position: relative !important;
    z-index: 1 !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-59e2ab2 img {
    background: var(--portfolio-home-bg) !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  body.home .elementor-6 :is(.elementor-element-5e50e6e, .elementor-element-cda5d04, .elementor-element-bb9d377, .elementor-element-541080c) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    filter: drop-shadow(0 16px 18px rgba(0, 0, 0, 0.42)) !important;
  }

  body.home .elementor-6 :is(.elementor-element-119501b, .elementor-element-80b3398, .elementor-element-9293487, .elementor-element-0ebcadf) img {
    width: 66px !important;
    height: 66px !important;
    background: transparent !important;
    object-fit: contain !important;
    display: block !important;
  }

  body.home .elementor-6 > .elementor-element:not(.elementor-element-bd6a93e) {
    background-color: var(--portfolio-home-bg) !important;
  }

  body.home .elementor-6 :is(.webfolio-heading-text, .d-rotate, .rotate-text, .wow) {
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    clip-path: none !important;
    transform: none !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e :is(.webfolio-heading, .webfolio-heading-text) {
    font-family: "Barlow Condensed", sans-serif !important;
    letter-spacing: 0 !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-651b0c7 .webfolio-heading {
    color: var(--portfolio-home-accent) !important;
    font-size: clamp(22px, 2.2vw, 30px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-43ba549 .webfolio-heading {
    max-width: 780px !important;
    color: var(--portfolio-home-heading) !important;
    font-size: clamp(58px, 7.2vw, 100px) !important;
    font-weight: 700 !important;
    line-height: 0.96 !important;
    padding: 0.02em 0 0.08em !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-43ba549 .webfolio-heading span {
    color: var(--portfolio-home-accent) !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-3b102d8 .webfolio-heading {
    color: var(--portfolio-home-heading) !important;
    font-size: clamp(32px, 4vw, 52px) !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-6ae2908 .webfolio-heading {
    max-width: 620px !important;
    color: var(--portfolio-home-text) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    text-transform: none !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e :is(
    .elementor-element-eed89cf,
    .elementor-element-c5b83e6,
    .elementor-element-8016dc7
  ) .webfolio-heading {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(18px, 1.5vw, 24px) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e :is(
    .elementor-element-32cc152,
    .elementor-element-ac9f62b,
    .elementor-element-9eebe33
  ) .webfolio-heading {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: clamp(16px, 1.25vw, 20px) !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-transform: none !important;
  }
  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .portfolio-hero-copy-button {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    color: inherit !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    padding: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    transition: color 180ms ease, transform 180ms ease !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .portfolio-hero-copy-button:hover,
  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .portfolio-hero-copy-button:focus-visible {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    outline: 0 !important;
    transform: translateX(3px) !important;
  }

  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .portfolio-hero-copy-button.is-copied::after {
    content: "COPIED" !important;
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body.home .elementor-6 .elementor-element-6d86f70 {
    min-height: 132px !important;
    padding: 24px 0 !important;
    overflow: hidden !important;
    border-top: 1px solid var(--portfolio-home-border) !important;
    border-bottom: 1px solid var(--portfolio-home-border) !important;
  }

  .portfolio-footer {
    position: relative !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 12% 8%, rgba(253, 91, 56, 0.15), transparent 32%),
      radial-gradient(circle at 88% 18%, rgba(116, 38, 27, 0.16), transparent 30%),
      linear-gradient(180deg, rgba(15, 15, 15, 0.98), rgba(12, 12, 12, 1)) !important;
    border-top: 1px solid var(--portfolio-home-border) !important;
    color: var(--portfolio-home-text) !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 82px 0 36px !important;
  }

  .portfolio-footer::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.03), transparent 28%, rgba(255, 255, 255, 0.018)) !important;
    opacity: 0.75 !important;
  }

  .portfolio-footer-container {
    position: relative !important;
    z-index: 1 !important;
    width: min(var(--portfolio-page-max), calc(100% - var(--portfolio-page-gutter))) !important;
    height: auto !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  .portfolio-footer-main {
    display: grid !important;
    grid-template-columns: minmax(250px, 0.9fr) minmax(300px, 1.12fr) minmax(150px, 0.48fr) minmax(280px, 0.82fr) !important;
    gap: clamp(30px, 3.2vw, 58px) !important;
    align-items: start !important;
    padding-bottom: 54px !important;
    border-bottom: 1px solid var(--portfolio-home-border) !important;
  }

  .portfolio-footer-column,
  .portfolio-footer-brand {
    min-width: 0 !important;
  }

  .portfolio-footer-kicker,
  .portfolio-footer-label,
  .portfolio-footer-copy,
  .portfolio-footer-status,
  .portfolio-footer-role {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  .portfolio-footer-link,
  .portfolio-footer-contact-button {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .portfolio-footer-brand-heading {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 11px !important;
    min-width: 0 !important;
  }

  .portfolio-footer-logo {
    width: clamp(76px, 5vw, 86px) !important;
    height: clamp(76px, 5vw, 86px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 clamp(76px, 5vw, 86px) !important;
  }

  .portfolio-footer-logo img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
  }

  .portfolio-footer-kicker {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    display: grid !important;
    gap: 2px !important;
    font-size: clamp(30px, 2.45vw, 40px) !important;
    line-height: 0.88 !important;
    margin: 0 !important;
  }

  .portfolio-footer-kicker span {
    display: block !important;
  }

  .portfolio-footer-role {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    display: block !important;
    font-size: clamp(18px, 1.45vw, 23px) !important;
    line-height: 1.05 !important;
    margin: 0 0 16px !important;
    text-align: left !important;
  }

  .portfolio-footer-text {
    max-width: 340px !important;
    color: var(--portfolio-home-text) !important;
    -webkit-text-fill-color: var(--portfolio-home-text) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin: 0 !important;
  }

  .portfolio-footer-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .portfolio-footer-contact-socials {
    margin-top: 20px !important;
  }

  .portfolio-footer-social {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--portfolio-home-border) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    text-decoration: none !important;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease !important;
    will-change: transform !important;
  }

  .portfolio-footer-social svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
  }

  .portfolio-footer-social:hover,
  .portfolio-footer-social:focus-visible {
    background: var(--portfolio-home-accent) !important;
    border-color: var(--portfolio-home-accent) !important;
    box-shadow: 0 14px 30px rgba(253, 91, 56, 0.26) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    transform: translateY(-4px) scale(1.08) !important;
    outline: 0 !important;
  }

  .portfolio-footer-label {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-size: clamp(18px, 1.35vw, 22px) !important;
    line-height: 1 !important;
    margin: 0 0 18px !important;
    text-transform: none !important;
  }

  .portfolio-footer-nav,
  .portfolio-footer-services,
  .portfolio-footer-contact {
    display: grid !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .portfolio-footer-services,
  .portfolio-footer-nav {
    grid-template-columns: 1fr !important;
  }

  .portfolio-footer-nav li,
  .portfolio-footer-services li,
  .portfolio-footer-contact li {
    list-style: none !important;
    min-width: 0 !important;
  }

  .portfolio-footer-nav li::marker,
  .portfolio-footer-services li::marker,
  .portfolio-footer-contact li::marker {
    content: "" !important;
  }

  .portfolio-footer-link,
  .portfolio-footer-contact-button {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-size: clamp(18px, 1.18vw, 20px) !important;
    line-height: 1.18 !important;
    text-align: left !important;
    text-decoration: none !important;
    transition: color 180ms ease, transform 180ms ease !important;
  }

  .portfolio-footer-link:hover,
  .portfolio-footer-link:focus-visible,
  .portfolio-footer-contact-button:hover,
  .portfolio-footer-contact-button:focus-visible {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    transform: translateX(3px) !important;
    outline: 0 !important;
  }

  .portfolio-footer-contact li {
    display: grid !important;
    gap: 7px !important;
  }

  .portfolio-footer-contact span {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  .portfolio-footer-contact-button {
    width: max-content !important;
    max-width: 100% !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(18px, 1.18vw, 20px) !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
    padding: 0 !important;
    word-break: normal !important;
  }

  .portfolio-footer-contact-button.is-copied::after {
    content: " COPIED" !important;
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-size: 14px !important;
    margin-left: 8px !important;
  }

  .portfolio-footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    padding-top: 26px !important;
  }

  .portfolio-footer-copy {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    text-transform: none !important;
  }

  .portfolio-footer-status {
    color: var(--portfolio-home-text) !important;
    -webkit-text-fill-color: var(--portfolio-home-text) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    text-align: right !important;
    text-transform: none !important;
  }
  body.home .elementor-6 .elementor-element-6d86f70 .main-marq,
  body.home .elementor-6 .elementor-element-3aabd00 .main-marq {
    overflow: hidden !important;
  }

  body.home .elementor-6 .elementor-element-6d86f70 .webfolio-marquee h4,
  body.home .elementor-6 .elementor-element-3aabd00 .webfolio-marquee h4,
  body.home .elementor-6 .elementor-element-6d86f70 .webfolio-marquee .portfolio-marquee-text,
  body.home .elementor-6 .elementor-element-3aabd00 .webfolio-marquee .portfolio-marquee-text {
    margin: 0 !important;
    line-height: 1 !important;
  }

  body.home .elementor-6 .elementor-element-6d86f70 .webfolio-marquee .text,
  body.home .elementor-6 .elementor-element-3aabd00 .webfolio-marquee .text {
    color: rgba(255, 255, 255, 0.9) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(38px, 5.2vw, 68px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    padding: 0.08em 0 0.12em !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .elementor-element-6d86f70 .webfolio-marquee img,
  body.home .elementor-6 .elementor-element-3aabd00 .webfolio-marquee img {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 22px !important;
    opacity: 0.7 !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-a98e62f,
    .elementor-element-b8d08a8,
    .elementor-element-6a05e98,
    .elementor-element-ae790d0,
    .elementor-element-ab28f71,
    .elementor-element-6b9916c,
    .elementor-element-dfb1eb2,
    .elementor-element-9bdd8af,
    .elementor-element-12867ba,
    .elementor-element-c7784c7,
    .elementor-element-89b4372,
    .elementor-element-c28969f
  ) :is(.webfolio-heading, h3, .sub-title) {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-a98e62f,
    .elementor-element-b8d08a8,
    .elementor-element-6a05e98,
    .elementor-element-ae790d0
  ) :is(.webfolio-heading, .sub-title) {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-size: clamp(16px, 1.7vw, 22px) !important;
    line-height: 1 !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-7d5643d,
    .elementor-element-ab28f71,
    .elementor-element-6b9916c,
    .elementor-element-dfb1eb2,
    .elementor-element-9bdd8af,
    .elementor-element-12867ba
  ) :is(.webfolio-heading, h3) {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(40px, 4.4vw, 58px) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    padding: 0.04em 0 0.1em !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .webfolio-testimonials .sec-head .sub-title {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(16px, 1.7vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .webfolio-testimonials .sec-head h3,
  body.home .elementor-6 .webfolio-testimonials .sec-head h3 .rotate-text {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(40px, 4.4vw, 58px) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    padding: 0.04em 0 0.1em !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-7d5643d,
    .elementor-element-ab28f71,
    .elementor-element-6b9916c,
    .elementor-element-dfb1eb2,
    .elementor-element-9bdd8af,
    .elementor-element-12867ba
  ) .webfolio-heading span,
  body.home .elementor-6 .webfolio-testimonials .sec-head h3 :is(.rotate-text span, .light-title) {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 700 !important;
  }

  body.home .elementor-6 .elementor-element-7d5643d .webfolio-heading {
    max-width: 760px !important;
  }

  body.home .elementor-6 .elementor-element-4110398 .webfolio-heading,
  body.home .elementor-6 .webfolio-portfolio-card .excerpt,
  body.home .elementor-6 .webfolio-testimonials .quote,
  body.home .elementor-6 .webfolio-blog .info a {
    color: var(--portfolio-home-text) !important;
    -webkit-text-fill-color: var(--portfolio-home-text) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    text-transform: none !important;
  }

  body.home .elementor-6 .webfolio-portfolio-card .cont {
    height: 100% !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: clamp(18px, 2vw, 30px) !important;
    padding-right: clamp(8px, 1.8vw, 28px) !important;
  }

  body.home .elementor-6 .webfolio-portfolio-card .cont > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.home .elementor-6 .webfolio-portfolio-card .categories {
    margin-bottom: -6px !important;
  }

  body.home .elementor-6 .webfolio-portfolio-card .excerpt {
    max-width: 620px !important;
  }

  body.home .elementor-6 .webfolio-portfolio-card .rmore {
    margin-top: 2px !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-6f408b3,
    .elementor-element-df40e10,
    .elementor-element-d80b45b,
    .elementor-element-08a99c2,
    .elementor-element-c001412,
    .elementor-element-7d7aa56,
    .elementor-element-60487f2,
    .elementor-element-861d8f7
  ) .webfolio-heading {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(40px, 4.5vw, 64px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-d80b45b,
    .elementor-element-08a99c2,
    .elementor-element-c001412,
    .elementor-element-7d7aa56,
    .elementor-element-60487f2,
    .elementor-element-861d8f7
  ) {
    display: none !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-b8eac7a,
    .elementor-element-b8d464a,
    .elementor-element-b42094a,
    .elementor-element-67e37c0,
    .elementor-element-edc9cc2,
    .elementor-element-df4849b
  ) {
    margin-top: 18px !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-73cb645,
    .elementor-element-3ff2fc2,
    .elementor-element-b8eac7a,
    .elementor-element-b8d464a,
    .elementor-element-b42094a,
    .elementor-element-67e37c0,
    .elementor-element-edc9cc2,
    .elementor-element-df4849b
  ) .webfolio-heading {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(20px, 2.2vw, 30px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-895bc28,
    .elementor-element-3c86f1b,
    .elementor-element-36e80c8
  ) .webfolio-heading {
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(30px, 3.2vw, 46px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-8d9905e,
    .elementor-element-66ff0f7,
    .elementor-element-74d1c23,
    .elementor-element-67d3f6c
  ) .webfolio-heading,
  body.home .elementor-6 .webfolio-portfolio-card .categories a,
  body.home .elementor-6 .webfolio-portfolio-card .rmore .text,
  body.home .elementor-6 .webfolio-blog .butn-crev .text,
  body.home .elementor-6 .webfolio-testimonials .position {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .webfolio-portfolio-card .title,
  body.home .elementor-6 .webfolio-blog .title,
  body.home .elementor-6 .webfolio-testimonials .qout-title,
  body.home .elementor-6 .webfolio-testimonials .name {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(30px, 3vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.home .elementor-6 .webfolio-blog .title {
    font-size: clamp(28px, 2.6vw, 38px) !important;
  }

  body.home .elementor-6 :is(
    .webfolio-portfolio-card .card-item,
    .webfolio-blog .item,
    .webfolio-testimonials .item,
    .webfolio-images-carousel .item
  ) {
    background-color: var(--portfolio-home-panel) !important;
    border-color: var(--portfolio-home-border) !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-7bd7411,
    .elementor-element-fc00544,
    .elementor-element-74b83eb,
    .elementor-element-d1313bd,
    .elementor-element-6e1d071,
    .elementor-element-bf24b99
  ) {
    width: clamp(72px, 7vw, 96px) !important;
    height: clamp(72px, 7vw, 96px) !important;
    min-width: clamp(72px, 7vw, 96px) !important;
    padding: 18px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid var(--portfolio-home-border) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24) !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-d624274,
    .elementor-element-e3435e8,
    .elementor-element-2168e7d,
    .elementor-element-1f08aa9,
    .elementor-element-9f9f7be,
    .elementor-element-81e3d98
  ) img {
    width: clamp(38px, 4vw, 54px) !important;
    height: clamp(38px, 4vw, 54px) !important;
    max-width: 54px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-d90be9e,
    .elementor-element-5efcbcd,
    .elementor-element-a8a7a42
  ) {
    overflow: hidden !important;
    border: 1px solid var(--portfolio-home-border) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)), var(--portfolio-home-panel) !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-131b107,
    .elementor-element-bcc7386,
    .elementor-element-da6139d
  ) {
    width: 100% !important;
    height: clamp(168px, 18vw, 238px) !important;
    overflow: hidden !important;
    margin-bottom: clamp(22px, 2.2vw, 32px) !important;
    background: #111 !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-131b107,
    .elementor-element-bcc7386,
    .elementor-element-da6139d
  ) .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-131b107,
    .elementor-element-bcc7386,
    .elementor-element-da6139d
  ) img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.7s ease !important;
  }

  body.home .elementor-6 :is(
    .elementor-element-d90be9e,
    .elementor-element-5efcbcd,
    .elementor-element-a8a7a42
  ):hover :is(
    .elementor-element-131b107,
    .elementor-element-bcc7386,
    .elementor-element-da6139d
  ) img {
    transform: scale(1.045) !important;
  }

  body.home .elementor-6 .webfolio-images-carousel .item {
    min-height: 86px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 22px !important;
  }

  body.home .elementor-6 .webfolio-images-carousel .icon-image img {
    width: auto !important;
    max-width: 118px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    opacity: 0.94 !important;
  }

  body.home .elementor-6 :is(
    .webfolio-heading,
    .webfolio-heading-text,
    .webfolio-heading-text h1,
    .webfolio-heading-text h2,
    .webfolio-heading-text h3,
    .webfolio-heading-text h4,
    .webfolio-heading-text h5,
    .webfolio-heading-text h6,
    .webfolio-marquee .text,
    .webfolio-text-editor,
    .webfolio-text-editor p,
    .elementor-counter-number-wrapper,
    .elementor-counter-number,
    .elementor-counter-title
  ) {
    color: var(--portfolio-home-heading) !important;
  }

  body.home .elementor-6 :is(
    .webfolio-text-editor,
    .webfolio-text-editor p,
    .elementor-widget-text-editor,
    .elementor-widget-text-editor p,
    .webfolio-portfolio-card .excerpt,
    .webfolio-testimonials .quote,
    .webfolio-blog .info a
  ) {
    color: var(--portfolio-home-text) !important;
    -webkit-text-fill-color: var(--portfolio-home-text) !important;
  }

  body.home .elementor-6 :is(
    .webfolio-heading > span,
    .p-color,
    .main-color
  ) {
    color: var(--portfolio-home-accent) !important;
  }

  .devops-logo-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 104px 0 112px !important;
    background: var(--portfolio-home-bg) !important;
    border-top: 1px solid var(--portfolio-home-border) !important;
    border-bottom: 1px solid var(--portfolio-home-border) !important;
  }

  .devops-logo-container {
    width: min(1720px, calc(100% - var(--portfolio-page-gutter))) !important;
    margin: 0 auto !important;
  }

  .devops-logo-kicker {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(18px, 1.6vw, 24px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    margin: 0 0 18px !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  .devops-logo-heading {
    max-width: 960px !important;
    margin: 0 auto !important;
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(44px, 5vw, 78px) !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  .devops-logo-heading span {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
  }

  .devops-logo-marquee {
    position: relative !important;
    overflow: hidden !important;
    margin-top: 56px !important;
    padding: 4px 0 !important;
    mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent) !important;
  }

  .devops-logo-track {
    display: flex !important;
    width: max-content !important;
    gap: 24px !important;
    animation: devops-logo-scroll 46s linear infinite !important;
    will-change: transform !important;
  }

  .devops-logo-item {
    flex: 0 0 auto !important;
    width: clamp(164px, 13vw, 218px) !important;
    min-height: clamp(142px, 11vw, 170px) !important;
    display: grid !important;
    place-items: center !important;
    gap: 16px !important;
    padding: 24px 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24) !important;
  }

  .devops-logo-item img {
    width: clamp(52px, 4.8vw, 72px) !important;
    height: clamp(52px, 4.8vw, 72px) !important;
    object-fit: contain !important;
    display: block !important;
  }

  .devops-logo-name {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(19px, 1.6vw, 25px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  @keyframes devops-logo-scroll {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-50% - 12px), 0, 0); }
  }

  @media (max-width: 767px) {
    .devops-logo-section {
      padding: 72px 0 78px !important;
    }

    .devops-logo-container {
      width: min(100% - 30px, 720px) !important;
    }

    .devops-logo-marquee {
      margin-top: 38px !important;
      mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
    }

    .devops-logo-track {
      gap: 16px !important;
      animation-duration: 38s !important;
    }

    .devops-logo-item {
      width: 148px !important;
      min-height: 130px !important;
      padding: 20px 16px !important;
      border-radius: 16px !important;
    }
  }

  .home-testimonials-3d {
    position: relative !important;
    overflow: hidden !important;
    padding: 108px 0 122px !important;
    background: var(--portfolio-home-bg) !important;
    border-top: 1px solid var(--portfolio-home-border) !important;
    border-bottom: 1px solid var(--portfolio-home-border) !important;
  }

  .home-testimonials-container {
    width: min(1720px, calc(100% - var(--portfolio-page-gutter))) !important;
    margin: 0 auto !important;
  }

  .home-testimonials-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 32px !important;
    margin-bottom: 64px !important;
  }

  .home-testimonials-kicker {
    display: block !important;
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(16px, 1.7vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    margin: 0 0 16px !important;
    text-transform: uppercase !important;
  }

  .home-testimonials-title {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(40px, 4.4vw, 58px) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
  }

  .home-testimonials-title span {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
  }

  .home-testimonials-arrows {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
  }

  .home-testimonials-arrow {
    width: 54px !important;
    height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--portfolio-home-border) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--portfolio-home-heading) !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease !important;
  }

  .home-testimonials-arrow svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
  }

  .home-testimonials-arrow:hover,
  .home-testimonials-arrow:focus-visible {
    background: var(--portfolio-home-accent) !important;
    border-color: var(--portfolio-home-accent) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    outline: 0 !important;
  }

  .home-testimonials-stage {
    position: relative !important;
    height: clamp(390px, 37vw, 500px) !important;
    perspective: 1300px !important;
    transform-style: preserve-3d !important;
  }

  .home-testimonial-card {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: min(520px, calc(100vw - 72px)) !important;
    min-height: clamp(330px, 30vw, 405px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: clamp(28px, 3vw, 40px) !important;
    border: 1px solid var(--portfolio-home-border) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.022)), var(--portfolio-home-panel) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.36) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(-50%, 42px, -220px) scale(0.74) rotateY(0deg) !important;
    transform-origin: center center !important;
    transition: transform 760ms cubic-bezier(0.22, 1, 0.36, 1), opacity 520ms ease, filter 520ms ease !important;
    will-change: transform, opacity !important;
  }

  .home-testimonial-card.is-active {
    z-index: 5 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    filter: none !important;
    transform: translate3d(-50%, 0, 110px) scale(1) rotateY(0deg) !important;
  }

  .home-testimonial-card.is-prev {
    z-index: 3 !important;
    opacity: 0.72 !important;
    filter: saturate(0.85) brightness(0.84) !important;
    transform: translate3d(calc(-50% - min(29vw, 380px)), 44px, -110px) scale(0.84) rotateY(15deg) !important;
  }

  .home-testimonial-card.is-next {
    z-index: 3 !important;
    opacity: 0.72 !important;
    filter: saturate(0.85) brightness(0.84) !important;
    transform: translate3d(calc(-50% + min(29vw, 380px)), 44px, -110px) scale(0.84) rotateY(-15deg) !important;
  }

  .home-testimonial-title {
    color: var(--portfolio-home-accent) !important;
    -webkit-text-fill-color: var(--portfolio-home-accent) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(24px, 2.3vw, 34px) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin: 0 0 24px !important;
    text-transform: uppercase !important;
  }

  .home-testimonial-quote {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: Inter, sans-serif !important;
    font-size: clamp(17px, 1.35vw, 21px) !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
  }

  .home-testimonial-person {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 34px !important;
  }

  .home-testimonial-avatar {
    width: 58px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 58px !important;
    overflow: hidden !important;
    border: 1px solid rgba(253, 91, 56, 0.42) !important;
    border-radius: 50% !important;
    background: rgba(253, 91, 56, 0.13) !important;
    color: var(--portfolio-home-heading-strong) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading-strong) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  .home-testimonial-avatar img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
  }

  .home-testimonial-name {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin: 0 0 5px !important;
    text-transform: uppercase !important;
  }

  .home-testimonial-role {
    color: var(--portfolio-home-text) !important;
    -webkit-text-fill-color: var(--portfolio-home-text) !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }

  @media (max-width: 1024px) {
    .home-testimonials-3d {
      padding: 88px 0 98px !important;
    }

    .home-testimonial-card.is-prev {
      transform: translate3d(calc(-50% - min(32vw, 270px)), 42px, -120px) scale(0.82) rotateY(12deg) !important;
    }

    .home-testimonial-card.is-next {
      transform: translate3d(calc(-50% + min(32vw, 270px)), 42px, -120px) scale(0.82) rotateY(-12deg) !important;
    }
  }

  @media (max-width: 767px) {
    .home-testimonials-3d {
      padding: 76px 0 82px !important;
    }

    .home-testimonials-container {
      width: min(100% - 30px, 720px) !important;
    }

    .home-testimonials-head {
      align-items: flex-start !important;
      flex-direction: column !important;
      gap: 24px !important;
      margin-bottom: 42px !important;
    }

    .home-testimonials-arrow {
      width: 48px !important;
      height: 48px !important;
    }

    .home-testimonials-stage {
      height: 440px !important;
    }

    .home-testimonial-card {
      width: min(100%, 390px) !important;
      min-height: 360px !important;
      padding: 28px 24px !important;
      border-radius: 18px !important;
    }

    .home-testimonial-card.is-prev {
      opacity: 0.36 !important;
      transform: translate3d(calc(-50% - 44vw), 34px, -160px) scale(0.78) rotateY(10deg) !important;
    }

    .home-testimonial-card.is-next {
      opacity: 0.36 !important;
      transform: translate3d(calc(-50% + 44vw), 34px, -160px) scale(0.78) rotateY(-10deg) !important;
    }
  }
  .portfolio-breadcrumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 24px !important;
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: clamp(15px, 1.35vw, 19px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  .portfolio-breadcrumb a,
  .portfolio-breadcrumb-current,
  .portfolio-breadcrumb-separator {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
  }

  .portfolio-breadcrumb a {
    text-decoration: none !important;
    transition: color 180ms ease !important;
  }

  .portfolio-breadcrumb a:hover,
  .portfolio-breadcrumb a:focus-visible {
    color: var(--portfolio-home-accent) !important;
    outline: 0 !important;
  }

  .portfolio-breadcrumb-separator {
    opacity: 0.48 !important;
  }

  .portfolio-breadcrumb-current {
    color: var(--portfolio-home-accent) !important;
    max-width: min(780px, 100%) !important;
    overflow-wrap: anywhere !important;
  }
  body.about-me-page,
  body.contact-page,
  body.projects-page,
  body.project-detail-page,
  body.services-page,
  body.service-detail-page,
  body.blog-page,
  body.blog-detail-page,
  body.privacy-policy-page {
    background-color: var(--portfolio-home-bg) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content,
    .privacy-page-content
  ) {
    background: var(--portfolio-home-bg) !important;
    color: var(--portfolio-home-text) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content,
    .privacy-page-content
  ) :is(
    .about-hero,
    .contact-hero,
    .projects-hero,
    .detail-hero,
    .services-hero,
    .service-detail-hero,
    .blog-hero,
    .blog-detail-hero,
    .about-section,
    .contact-section,
    .projects-section,
    .detail-section,
    .services-section,
    .service-detail-section,
    .blog-section,
    .blog-detail-section,
    .privacy-content
  ) {
    background: var(--portfolio-home-bg) !important;
    border-color: var(--portfolio-home-border) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content,
    .privacy-page-content
  ) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero, .privacy-hero) {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    min-height: 560px !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 165px 0 88px !important;
    background:
      linear-gradient(115deg, rgba(13, 8, 7, 0.86) 0%, rgba(72, 27, 21, 0.5) 48%, rgba(16, 9, 8, 0.84) 100%),
      radial-gradient(circle at 74% 58%, rgba(154, 55, 39, 0.2), transparent 36%),
      linear-gradient(180deg, rgba(255, 210, 190, 0.035), rgba(0, 0, 0, 0.18)),
      url("/banner-wall-bg.png") center center / cover no-repeat,
      var(--portfolio-home-bg) !important;
    background:
      linear-gradient(115deg, rgba(13, 8, 7, 0.86) 0%, rgba(72, 27, 21, 0.5) 48%, rgba(16, 9, 8, 0.84) 100%),
      radial-gradient(circle at 74% 58%, rgba(154, 55, 39, 0.2), transparent 36%),
      linear-gradient(180deg, rgba(255, 210, 190, 0.035), rgba(0, 0, 0, 0.18)),
      image-set(url("/banner-wall-bg.avif") type("image/avif"), url("/banner-wall-bg.webp") type("image/webp"), url("/banner-wall-bg.png") type("image/png")) center center / cover no-repeat,
      var(--portfolio-home-bg) !important;
    border-bottom: 1px solid var(--portfolio-home-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -80px 120px rgba(0, 0, 0, 0.26) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content,
    .privacy-page-content
  ) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero, .privacy-hero)::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(circle at 73% 58%, rgba(238, 101, 68, 0.22), transparent 26%),
      radial-gradient(circle at 48% 44%, rgba(121, 45, 34, 0.26), transparent 34%),
      linear-gradient(112deg, rgba(66, 22, 18, 0.18) 0%, rgba(125, 48, 36, 0.26) 48%, rgba(34, 17, 14, 0.24) 100%) !important;
    opacity: 0.82 !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content,
    .privacy-page-content
  ) :is(.about-container, .contact-container, .projects-container, .detail-container, .services-container, .service-detail-container, .blog-container, .blog-detail-container, .privacy-container) {
    position: relative !important;
    z-index: 1 !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.about-dark, .contact-dark, .projects-cta, .detail-dark, .services-dark, .service-detail-dark) {
    background: var(--portfolio-home-panel) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero)::before {
    background: linear-gradient(90deg, rgba(255, 214, 196, 0.16), rgba(253, 91, 56, 0.13), rgba(255, 255, 255, 0.035)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    right: max(15px, calc((100vw - 1320px) / 2 + 15px)) !important;
    bottom: 38px !important;
    z-index: 0 !important;
    max-width: calc(100% - 30px) !important;
    font-size: clamp(72px, 14vw, 210px) !important;
    line-height: 1 !important;
    opacity: 1 !important;
    text-shadow: 0 30px 80px rgba(0, 0, 0, 0.26) !important;
    white-space: nowrap !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.webfolio-heading-text, .d-rotate, .rotate-text, .wow) {
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    clip-path: none !important;
    transform: none !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.about-title, .contact-title, .projects-title, .detail-title, .services-title, .service-detail-title, .blog-title, .blog-detail-title) {
    max-width: 1060px !important;
    font-size: clamp(48px, 6.2vw, 82px) !important;
    line-height: 1.1 !important;
    padding: 0.04em 0 0.1em !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(p, li, input, textarea, .about-section-copy, .about-hero-copy, .contact-copy, .contact-hero-copy, .projects-hero-copy, .services-note, .services-hero-copy, .detail-hero-copy, .detail-copy p, .service-detail-hero-copy, .service-detail-copy p, .blog-hero-copy, .blog-card p, .blog-detail-hero-copy, .blog-detail-copy > p, .blog-detail-copy-section p) {
    color: var(--portfolio-home-text) !important;
    -webkit-text-fill-color: var(--portfolio-home-text) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(h1, h2, h3, h4, h5, h6, strong, .webfolio-heading, .about-title, .about-section-title, .contact-title, .contact-section-title, .projects-title, .projects-section-title, .detail-title, .detail-section-title, .services-title, .services-section-title, .service-detail-title, .service-detail-section-title, .blog-title, .blog-card h3 a, .blog-widget h3, .blog-detail-title, .blog-detail-copy-section h3, .blog-detail-widget h3, .blog-detail-next strong, .detail-next strong, .service-detail-next strong) {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(
    .about-skill-top,
    .about-skill-top span,
    .projects-tabs span,
    .project-card span,
    .contact-info,
    .contact-info *,
    .contact-form label,
    .contact-form span,
    .contact-form .webfolio-button-content-wrapper,
    .contact-form .webfolio-button-text
  ) {
    color: var(--portfolio-home-heading) !important;
    -webkit-text-fill-color: var(--portfolio-home-heading) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(
    .about-kicker,
    .about-label,
    .contact-kicker,
    .contact-label,
    .projects-kicker,
    .projects-label,
    .project-categories a,
    .detail-kicker,
    .detail-label,
    .detail-tags span,
    .detail-meta span,
    .detail-stat span,
    .services-kicker,
    .services-label,
    .service-body span,
    .service-number,
    .service-detail-kicker,
    .service-detail-label,
    .service-detail-stat span,
    .service-detail-next span,
    .blog-kicker,
    .blog-label,
    .blog-card-meta a,
    .blog-recent-post span,
    .blog-category-list strong,
    .blog-detail-kicker,
    .blog-detail-label,
    .blog-detail-meta span,
    .blog-detail-recent-post span,
    .blog-detail-category-list strong,
    .blog-detail-next span
  ) {
    color: var(--portfolio-home-accent) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(
    .about-value,
    .contact-process-item,
    .contact-availability div,
    .project-card,
    .projects-tabs span,
    .detail-tags span,
    .detail-meta,
    .detail-meta div,
    .detail-stat,
    .service-card,
    .service-icon,
    .service-process div,
    .service-detail-icon,
    .service-detail-deliverables,
    .service-detail-deliverables li,
    .service-detail-process-item,
    .service-detail-stat,
    .service-detail-stats,
    .blog-card,
    .blog-widget,
    .blog-tag-list a,
    .blog-detail-widget,
    .blog-detail-tag-list a,
    .blog-detail-meta span
  ) {
    background: var(--portfolio-home-panel) !important;
    border-color: var(--portfolio-home-border) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(
    .about-list li,
    .about-fact,
    .about-values,
    .about-skill-bar,
    .contact-info,
    .contact-info a,
    .contact-info div,
    .contact-form input,
    .contact-form textarea,
    .contact-process,
    .contact-availability,
    .project-card,
    .detail-actions,
    .detail-gallery img,
    .service-detail-actions,
    .blog-search,
    .blog-category-list a,
    .blog-detail-actions,
    .blog-detail-category-list a
  ) {
    border-color: var(--portfolio-home-border) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.about-skill-bar, .service-icon, .blog-search input, .contact-form input, .contact-form textarea) {
    background: transparent !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.project-more, .service-more, .blog-read-more, .blog-card h3 a, .blog-recent-post, .blog-category-list a, .blog-tag-list a, .detail-next, .service-detail-next, .blog-detail-recent-post, .blog-detail-category-list a, .blog-detail-tag-list a, .blog-detail-next, .contact-info a, .contact-info strong) {
    color: var(--portfolio-home-heading) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.blog-search input, .contact-form input, .contact-form textarea)::placeholder {
    color: rgba(198, 200, 201, 0.65) !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) svg {
    fill: currentColor !important;
  }

  @media (max-width: 1024px) {
    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e {
      background-position: 62% center !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content,
      .privacy-page-content
    ) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero, .privacy-hero) {
      min-height: 480px !important;
      padding: 140px 0 76px !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-title, .contact-title, .projects-title, .detail-title, .services-title, .service-detail-title, .blog-title, .blog-detail-title) {
      font-size: clamp(44px, 7.5vw, 62px) !important;
    }

    .portfolio-footer-main {
      grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
      gap: clamp(26px, 3.5vw, 36px) !important;
      padding-bottom: 48px !important;
    }

    .portfolio-footer-brand {
      grid-column: 1 / -1 !important;
    }

    .portfolio-footer-brand-heading {
      justify-content: flex-start !important;
    }
  }

  @media (max-width: 767px) {
    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e {
      background-image:
        linear-gradient(180deg, rgba(15, 15, 15, 0.94) 0%, rgba(15, 15, 15, 0.84) 46%, rgba(15, 15, 15, 0.92) 100%),
        url("/suranga-hero.png") !important;
      background-image:
        linear-gradient(180deg, rgba(15, 15, 15, 0.94) 0%, rgba(15, 15, 15, 0.84) 46%, rgba(15, 15, 15, 0.92) 100%),
        image-set(url("/suranga-hero.avif") type("image/avif"), url("/suranga-hero.webp") type("image/webp"), url("/suranga-hero.png") type("image/png")) !important;
      background-position: 65% center !important;
      min-height: 760px !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero) {
      min-height: auto !important;
      padding: 120px 0 58px !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero)::before {
      right: 15px !important;
      bottom: 8px !important;
      font-size: clamp(42px, 13vw, 70px) !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-title, .contact-title, .projects-title, .detail-title, .services-title, .service-detail-title, .blog-title, .blog-detail-title) {
      font-size: clamp(36px, 10vw, 48px) !important;
      line-height: 1.12 !important;
    }

    .portfolio-footer {
      padding: 64px 0 84px !important;
    }

    .portfolio-footer-container {
      width: min(100% - 30px, 1320px) !important;
    }

    .portfolio-footer-main,
    .portfolio-footer-bottom {
      display: grid !important;
      grid-template-columns: 1fr !important;
    }

    .portfolio-footer-main {
      gap: 34px !important;
      padding-bottom: 40px !important;
    }

    .portfolio-footer-services {
      grid-template-columns: 1fr !important;
      gap: 11px !important;
    }

    .portfolio-footer-brand-heading {
      gap: 12px !important;
    }

    .portfolio-footer-logo {
      width: 64px !important;
      height: 64px !important;
      flex-basis: 64px !important;
    }

    .portfolio-footer-kicker {
      font-size: clamp(27px, 8.2vw, 34px) !important;
    }

    .portfolio-footer-text {
      max-width: 100% !important;
      font-size: 15px !important;
    }

    .portfolio-footer-link,
    .portfolio-footer-contact-button {
      font-size: 19px !important;
      line-height: 1.25 !important;
    }

    .portfolio-footer-bottom {
      gap: 10px !important;
      padding-top: 22px !important;
    }

    .portfolio-footer-copy {
      font-size: 17px !important;
    }

    .portfolio-footer-status {
      font-size: 14px !important;
      line-height: 1.65 !important;
      text-align: left !important;
    }
  }

  @media (min-width: 768px) and (max-width: 1100px) {
    .portfolio-footer-status {
      margin-right: 72px !important;
    }
  }

  @media (min-width: 1101px) and (prefers-reduced-motion: no-preference) {
    body.home .elementor-6 .webfolio-portfolio-card .card-item.selected-work-reveal {
      opacity: 0;
      transform: translateY(42px) scale(0.985);
      transition: opacity 560ms ease, transform 760ms cubic-bezier(0.22, 1, 0.36, 1);
      will-change: opacity, transform;
    }

    body.home .elementor-6 .webfolio-portfolio-card .card-item.selected-work-reveal.selected-work-visible {
      opacity: 1;
      transform: none;
    }
  }

  /* Shared responsive hardening across every public page. */
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body :is(img, video, canvas, iframe) {
    max-width: 100% !important;
  }

  body :is(a, p, h1, h2, h3, h4, h5, h6, span, strong, li, label, input, textarea, button) {
    overflow-wrap: break-word !important;
  }

  body :is(.container, .container-fluid, .elementor-container, .e-con-inner) {
    max-width: 100% !important;
  }

  body .row {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .row > [class*="col-"] {
    min-width: 0 !important;
  }

  body.home :is(.elementor-section, .elementor-container, .elementor-column, .elementor-widget, .elementor-widget-container, .e-con, .e-con-inner) {
    max-width: 100% !important;
  }

  body.home :is(.webfolio-heading, .webfolio-heading-text, .rotate-text, .webfolio-marquee, .main-marq) {
    max-width: 100% !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.about-container, .contact-container, .projects-container, .detail-container, .services-container, .service-detail-container, .blog-container, .blog-detail-container) {
    width: min(var(--portfolio-page-max), calc(100% - var(--portfolio-page-gutter))) !important;
    max-width: var(--portfolio-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.about-title, .contact-title, .projects-title, .detail-title, .services-title, .service-detail-title, .blog-title, .blog-detail-title) {
    hyphens: auto !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.about-media, .contact-media, .detail-media, .blog-detail-media, .project-image, .service-detail-icon) {
    max-width: 100% !important;
  }

  :is(
    .about-page-content,
    .contact-page-content,
    .projects-page-content,
    .project-detail-content,
    .services-page-content,
    .service-detail-content,
    .blog-page-content,
    .blog-detail-content
  ) :is(.project-more, .service-more, .blog-read-more, .webfolio-button, .detail-next, .service-detail-next, .blog-detail-next) {
    max-width: 100% !important;
    white-space: normal !important;
  }

  .services-page-content .service-icon,
  .service-detail-content .service-detail-icon {
    overflow: hidden !important;
    background: #111 !important;
  }

  .services-page-content .service-icon img,
  .service-detail-content .service-detail-icon img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
  }

  .service-detail-content .service-detail-icon {
    min-height: clamp(360px, 44vw, 520px) !important;
  }

  .service-detail-content .service-detail-icon img {
    min-height: clamp(360px, 44vw, 520px) !important;
  }

  @media (min-width: 1025px) {
    body.home .elementor-6 > .elementor-element:not(.elementor-element-bd6a93e):not(.elementor-element-6d86f70):not(.elementor-element-3aabd00) {
      padding-left: calc(var(--portfolio-page-gutter) / 2) !important;
      padding-right: calc(var(--portfolio-page-gutter) / 2) !important;
    }

    body.home .elementor-6 > .elementor-element:not(.elementor-element-bd6a93e) > .e-con-inner,
    body.home .elementor-6 > .elementor-element:not(.elementor-element-bd6a93e) > .elementor-container {
      width: min(var(--portfolio-page-max), 100%) !important;
      max-width: var(--portfolio-page-max) !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e :is(.elementor-container, .e-con-inner) {
      width: min(1720px, calc(100% - var(--portfolio-page-gutter))) !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

  @media (max-width: 1180px) {
    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e {
      min-height: 860px !important;
      background-position: 60% center !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-container,
    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .e-con-inner {
      width: min(1180px, calc(100% - var(--portfolio-page-gutter))) !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-split, .contact-main, .blog-layout, .blog-detail-layout, .detail-split, .service-detail-split) {
      grid-template-columns: 1fr !important;
      gap: 48px !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.services-head, .projects-head) {
      display: grid !important;
      gap: 28px !important;
      align-items: start !important;
    }

    :is(.blog-sidebar, .blog-detail-sidebar) {
      position: static !important;
    }
  }

  @media (max-width: 1024px) {
    body.home .site-header :is(.elementor-container, .e-con-inner) {
      width: min(100% - 36px, 1024px) !important;
    }

    body.home .elementor-6 :is(.elementor-section, .elementor-top-section, .e-con) {
      padding-left: 18px !important;
      padding-right: 18px !important;
    }

    body.home .elementor-6 :is(.elementor-column, .elementor-widget-wrap) {
      min-width: 0 !important;
    }

    body.home .elementor-6 :is(.webfolio-portfolio-card, .webfolio-blog) {
      max-width: 100% !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-stats, .about-values, .contact-process, .contact-availability, .service-process, .service-detail-stats, .service-detail-process, .detail-meta, .detail-stats, .blog-grid) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-media, .contact-media, .detail-media, .blog-detail-media) {
      min-height: clamp(360px, 52vw, 540px) !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-media img, .contact-media img, .detail-media img, .blog-detail-media img, .project-image img) {
      min-height: inherit !important;
    }
  }

  @media (max-width: 767px) {
    body .row {
      display: block !important;
    }

    body .row > [class*="col-"] {
      width: 100% !important;
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e {
      display: flex !important;
      align-items: flex-end !important;
      min-height: 760px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      background-position: 63% center !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-container,
    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .e-con-inner {
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-638c564,
    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-e3eb761 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-43ba549 .webfolio-heading {
      font-size: clamp(44px, 14vw, 62px) !important;
      line-height: 1.02 !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-3b102d8 .webfolio-heading {
      font-size: clamp(28px, 8vw, 38px) !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-6ae2908 .webfolio-heading {
      font-size: 16px !important;
      line-height: 1.7 !important;
    }

    body.home .elementor-6 :is(.elementor-section, .elementor-top-section, .e-con) {
      padding-left: 8px !important;
      padding-right: 8px !important;
    }

    body.home .elementor-6 :is(.webfolio-portfolio-card, .webfolio-blog, .webfolio-testimonials, .webfolio-heading-text) {
      width: 100% !important;
      max-width: 100% !important;
    }

    body.home .elementor-6 :is(.webfolio-portfolio-card .title, .webfolio-blog .title, .webfolio-testimonials .qout-title, .webfolio-testimonials .name) {
      font-size: clamp(28px, 8vw, 36px) !important;
    }

    body.home .elementor-6 :is(.webfolio-marquee .text) {
      font-size: clamp(32px, 10vw, 48px) !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-container, .contact-container, .projects-container, .detail-container, .services-container, .service-detail-container, .blog-container, .blog-detail-container) {
      width: min(100% - 16px, 720px) !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-section, .contact-section, .projects-section, .detail-section, .services-section, .service-detail-section, .blog-section, .blog-detail-section) {
      padding-top: 64px !important;
      padding-bottom: 64px !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-stats, .about-values, .about-list, .contact-info, .contact-form-grid, .contact-process, .contact-availability, .services-list, .service-card, .service-process, .service-detail-deliverables, .service-detail-stats, .service-detail-process, .detail-meta, .detail-stats, .detail-gallery, .blog-grid, .blog-detail-author, .blog-detail-actions) {
      grid-template-columns: 1fr !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.service-card) {
      min-height: auto !important;
      padding: 28px !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.project-card-content, .blog-card-content, .blog-widget, .blog-detail-widget, .blog-detail-quote, .contact-form, .service-detail-deliverables, .detail-stat, .service-detail-stat, .about-value, .contact-process-item, .contact-availability div) {
      padding: 24px !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.project-card h3, .services-section-title, .service-title, .about-section-title, .contact-section-title, .detail-section-title, .service-detail-section-title, .blog-card h3, .blog-detail-copy-section h3) {
      font-size: clamp(32px, 10vw, 42px) !important;
      line-height: 1.08 !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.project-image, .project-image img, .blog-card-image, .blog-card-image img, .about-media, .about-media img, .contact-media, .contact-media img, .detail-media, .detail-media img, .blog-detail-media, .blog-detail-media img, .detail-gallery img) {
      min-height: clamp(240px, 70vw, 390px) !important;
      height: auto !important;
    }

    :is(.detail-next, .service-detail-next, .blog-detail-next) {
      min-width: 0 !important;
      width: 100% !important;
    }

    :is(.detail-next strong, .service-detail-next strong, .blog-detail-next strong) {
      font-size: clamp(30px, 9vw, 40px) !important;
    }
  }

  @media (max-width: 420px) {
    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e {
      min-height: 720px !important;
      background-position: 68% center !important;
    }

    body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-43ba549 .webfolio-heading {
      font-size: clamp(38px, 13.5vw, 52px) !important;
    }

    :is(
      .about-page-content,
      .contact-page-content,
      .projects-page-content,
      .project-detail-content,
      .services-page-content,
      .service-detail-content,
      .blog-page-content,
      .blog-detail-content
    ) :is(.about-title, .contact-title, .projects-title, .detail-title, .services-title, .service-detail-title, .blog-title, .blog-detail-title) {
      font-size: clamp(32px, 11vw, 42px) !important;
    }

    .portfolio-footer-kicker {
      font-size: clamp(26px, 8.2vw, 32px) !important;
    }
  }

  @media (max-width: 560px) {
    :is(.about-list li, .blog-recent-post, .blog-detail-recent-post, .blog-detail-author) {
      grid-template-columns: 1fr !important;
      gap: 14px !important;
    }

    :is(.blog-recent-post img, .blog-detail-recent-post img) {
      grid-row: auto !important;
      width: 100% !important;
      height: auto !important;
      aspect-ratio: 16 / 10 !important;
    }

    :is(.service-number) {
      font-size: clamp(42px, 16vw, 58px) !important;
    }

    :is(.service-icon) {
      width: 112px !important;
      height: 112px !important;
    }

    :is(.service-icon img) {
      width: 58px !important;
      height: 58px !important;
    }

    .services-page-content .service-icon {
      width: 100% !important;
      height: clamp(170px, 48vw, 230px) !important;
    }

    .services-page-content .service-icon img {
      width: 100% !important;
      height: 100% !important;
    }

    :is(.contact-info strong) {
      font-size: clamp(24px, 8vw, 30px) !important;
    }

    :is(.blog-widget, .blog-detail-widget) {
      min-width: 0 !important;
    }
  }

/* ------------------------------------------------------------------
   Semantic markup fixes. The theme used <h2> for body copy and <h4> for
   marquee items; those are now <p> and <div>. The rules below reproduce
   exactly what the theme's heading selectors gave them, so the visual
   result is unchanged.
   ------------------------------------------------------------------ */
p:where(.portfolio-heading-text) {
  margin: 20px 0 10px;
  color: #222;
  font-family: "Poppins", sans-serif;
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 500;
  line-height: 1.4;
  word-spacing: normal;
  word-wrap: break-word;
}

@media (min-width: 1200px) {
  p:where(.portfolio-heading-text) {
    font-size: 2rem;
  }
}

.webfolio-marquee .main-marq .box .item .portfolio-marquee-text {
  margin: 0;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  word-wrap: break-word;
}

@media (min-width: 1200px) {
  .webfolio-marquee .main-marq .box .item .portfolio-marquee-text {
    font-size: 1.5rem;
  }
}

.webfolio-marquee .main-marq .box .item:nth-of-type(even) .portfolio-marquee-text {
  color: transparent;
  -webkit-text-stroke: 0.5px #fff;
}

.webfolio-marquee .main-marq .box:last-of-type .item:nth-of-type(even) .portfolio-marquee-text {
  color: #fff;
  -webkit-text-stroke: 0;
}

.webfolio-marquee .main-marq .box:last-of-type .item:nth-of-type(odd) .portfolio-marquee-text {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

/* ------------------------------------------------------------------
   UI QA pass: calmer typography, less filler, tighter spacing.
   ------------------------------------------------------------------ */

/* Home hero: the greeting and role line read as sentences, not shouting. */
body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-651b0c7 .webfolio-heading,
body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-3b102d8 .webfolio-heading {
  text-transform: none !important;
}

body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-3b102d8 .webfolio-heading {
  font-size: clamp(26px, 3vw, 40px) !important;
}

/* Hero contact labels: short sentence-case captions in the accent color. */
body.home .elementor-6 .elementor-element.elementor-element-bd6a93e :is(
  .elementor-element-eed89cf,
  .elementor-element-c5b83e6,
  .elementor-element-8016dc7
) .webfolio-heading {
  color: var(--portfolio-home-accent) !important;
  -webkit-text-fill-color: var(--portfolio-home-accent) !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  text-transform: none !important;
}

/* Keep the floating chat launcher clear of the hero contact row. */
@media (min-width: 1025px) and (max-width: 1700px) {
  body.home .elementor-6 .elementor-element.elementor-element-bd6a93e .elementor-element-bae018b {
    padding-right: 120px !important;
  }
}

/* About stats: sentence-case labels. */
body.home .elementor-6 :is(.elementor-element-73cb645, .elementor-element-3ff2fc2) .webfolio-heading {
  text-transform: none !important;
}

/* The generic "DevOps / Engineering" pills on the service cards and the
   template's trust line carry no information. */
body.home .elementor-6 :is(
  .elementor-element-d36117e,
  .elementor-element-f0c88ea,
  .elementor-element-bf842a8,
  .elementor-element-5011f0c,
  .elementor-element-1bc9e4b,
  .elementor-element-71c3343,
  .elementor-element-c7784c7
) {
  display: none !important;
}

/* Project cards: cap the image height so each card no longer fills a screen. */
body.home .elementor-6 .webfolio-portfolio-card .card-item {
  min-height: 0 !important;
}

body.home .elementor-6 .webfolio-portfolio-card .img {
  max-height: 400px !important;
  overflow: hidden !important;
}

body.home .elementor-6 .webfolio-portfolio-card .img img {
  width: 100% !important;
  height: 100% !important;
  max-height: 400px !important;
  object-fit: cover !important;
}

/* Inner-page heroes: a smaller watermark that stays behind the intro copy. */
:is(
  .about-page-content,
  .contact-page-content,
  .projects-page-content,
  .project-detail-content,
  .services-page-content,
  .service-detail-content,
  .blog-page-content,
  .blog-detail-content
) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero) {
  min-height: 460px !important;
  padding: 150px 0 72px !important;
}

:is(
  .about-page-content,
  .contact-page-content,
  .projects-page-content,
  .project-detail-content,
  .services-page-content,
  .service-detail-content,
  .blog-page-content,
  .blog-detail-content
) :is(.about-hero, .contact-hero, .projects-hero, .detail-hero, .services-hero, .service-detail-hero, .blog-hero, .blog-detail-hero)::before {
  bottom: 12px !important;
  font-size: clamp(56px, 8.5vw, 128px) !important;
  opacity: 0.75 !important;
}

:is(
  .about-page-content,
  .contact-page-content,
  .projects-page-content,
  .project-detail-content,
  .services-page-content,
  .service-detail-content,
  .blog-page-content,
  .blog-detail-content
) :is(.about-hero-copy, .contact-hero-copy, .projects-hero-copy, .services-hero-copy, .detail-hero-copy, .service-detail-hero-copy, .blog-hero-copy, .blog-detail-hero-copy) {
  position: relative;
  z-index: 1;
}

/* Services list: no ranking numbers, eyebrows in sentence case. */
.services-page-content .service-card .service-number {
  display: none !important;
}

.services-page-content .service-card .service-body > span {
  text-transform: none !important;
}

/* Service detail: deliverables are a plain grid, not a bulleted list. */
.service-detail-content .service-detail-deliverables {
  list-style: none !important;
}

.service-detail-content .service-detail-deliverables li {
  list-style: none !important;
  text-transform: none !important;
}

.service-detail-content .service-detail-deliverables li::before,
.service-detail-content .service-detail-deliverables li::marker {
  content: none !important;
  display: none !important;
}

/* Contact form: labels in sentence case. */
.contact-page-content .contact-form span {
  text-transform: none !important;
}

/* About page: timeline dates on one line, role titles in sentence case. */
.about-page-content .about-list li {
  grid-template-columns: 160px 1fr !important;
}

.about-page-content .about-list > li > span {
  white-space: nowrap;
}

.about-page-content .about-list h3 {
  font-size: 30px !important;
  text-transform: none !important;
}

.about-page-content .about-list .about-list-company {
  display: block;
  margin: 0 0 10px;
  font-size: 18px !important;
  text-transform: none !important;
}

.about-page-content .about-fact span {
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.about-page-content .about-skill-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-page-content .about-skill-tags li {
  padding: 14px 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.about-page-content .about-value h3 {
  text-transform: none !important;
}

@media (max-width: 640px) {
  .about-page-content .about-list li {
    grid-template-columns: 1fr !important;
  }
}

.about-page-content .about-skill-tags li {
  list-style: none !important;
}

.about-page-content .about-skill-tags li::before,
.about-page-content .about-skill-tags li::marker {
  content: none !important;
  display: none !important;
}