@charset "UTF-8";

.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li {
  transition: all 0.3s ease-out;
}


.softvate-service-overview {
  padding: 125px 0;
  border-block: 1px solid var(--at-neutral-100);
  background: var(--at-neutral-0);
  color: var(--at-neutral-900);
}
.softvate-service-overview__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: clamp(60px, 8vw, 135px);
  align-items: start;
}
.softvate-service-overview__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  color: #4a7dff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.softvate-service-overview__eyebrow::before {
  width: 30px;
  height: 1px;
  background: currentColor;
  content: "";
}
.softvate-service-overview__story h2 {
  max-width: 790px;
  margin: 0;
  color: var(--at-neutral-900);
  font-size: clamp(48px, 5vw, 78px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.055em;
}
.softvate-service-overview__tabs {
  display: flex;
  gap: 8px;
  margin-top: 48px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--at-neutral-200);
}
.softvate-service-overview__tabs button {
  min-width: 118px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--at-neutral-600);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: color .25s ease, background .25s ease, border-color .25s ease;
}
.softvate-service-overview__tabs button:hover {
  border-color: var(--at-neutral-200);
  color: var(--at-neutral-900);
}
.softvate-service-overview__tabs button.is-active {
  border-color: #2f6bff;
  background: #2f6bff;
  color: #fff;
}
.softvate-service-overview__panel {
  max-width: 740px;
  padding-top: 35px;
}
.softvate-service-overview__panel > span {
  color: #4a7dff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.softvate-service-overview__panel h3 {
  max-width: 680px;
  margin: 12px 0 14px;
  color: var(--at-neutral-900);
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.035em;
}
.softvate-service-overview__panel p {
  max-width: 670px;
  margin: 0;
  color: var(--at-neutral-600);
  font-size: 15px;
  line-height: 1.75;
}
.softvate-service-overview__industry {
  display: grid;
  gap: 18px;
  padding: 24px 26px;
  border-radius: 9px;
  background: #0a1020;
}
.softvate-service-overview__industry > span {
  color: rgba(255,255,255,.52);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.softvate-service-overview__industry a {
  display: inline-flex;
  width: fit-content;
}
.softvate-service-overview__industry img {
  display: block;
  width: min(100%, 290px);
  height: auto;
}
.softvate-service-overview__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--at-neutral-200);
  list-style: none;
}
.softvate-service-overview__list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-height: 80px;
  padding: 20px 15px 17px 0;
  border-bottom: 1px solid var(--at-neutral-200);
}
.softvate-service-overview__list li:nth-child(even) {
  padding-left: 19px;
  border-left: 1px solid var(--at-neutral-200);
}
.softvate-service-overview__list li > span {
  padding-top: 2px;
  color: #4a7dff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
}
.softvate-service-overview__list strong {
  color: var(--at-neutral-900);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}
.softvate-service-overview__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 31px;
  color: var(--at-neutral-900);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.softvate-service-overview__link svg {
  width: 18px;
  height: 18px;
  transition: transform .25s ease;
}
.softvate-service-overview__link:hover {
  color: #4a7dff;
}
.softvate-service-overview__link:hover svg {
  transform: translate(3px, -3px);
}
@media (max-width: 1199px) {
  .softvate-service-overview__grid {
    grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr);
    gap: 55px;
  }
  .softvate-service-overview__tabs button {
    min-width: 104px;
  }
}
@media (max-width: 991px) {
  .softvate-service-overview {
    padding: 100px 0;
  }
  .softvate-service-overview__grid {
    grid-template-columns: 1fr;
  }
  .softvate-service-overview__story h2 {
    max-width: 820px;
  }
}
@media (max-width: 767px) {
  .softvate-service-overview {
    padding: 78px 0;
  }
  .softvate-service-overview__grid {
    gap: 42px;
  }
  .softvate-service-overview__story h2 {
    font-size: 43px;
  }
  .softvate-service-overview__tabs {
    gap: 6px;
    margin-top: 36px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .softvate-service-overview__tabs::-webkit-scrollbar {
    display: none;
  }
  .softvate-service-overview__tabs button {
    flex: 0 0 auto;
    min-width: 102px;
    padding: 11px 15px;
  }
  .softvate-service-overview__panel {
    padding-top: 28px;
  }
  .softvate-service-overview__industry {
    padding: 21px;
  }
  .softvate-service-overview__industry img {
    width: min(100%, 250px);
  }
  .softvate-service-overview__list {
    grid-template-columns: 1fr;
  }
  .softvate-service-overview__list li,
  .softvate-service-overview__list li:nth-child(even) {
    min-height: 0;
    padding: 17px 0;
    border-left: 0;
  }
}


.softvate-insights__header {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: clamp(45px, 8vw, 135px);
  align-items: end;
  padding-bottom: 55px;
  border-bottom: 1px solid var(--at-neutral-200);
}
.softvate-insights__header h1 {
  max-width: 940px;
  letter-spacing: -.055em;
}
.softvate-insights__header > p {
  max-width: 470px;
  margin: 0 0 8px;
  color: var(--at-neutral-600);
  font-size: 15px;
  line-height: 1.8;
}
.softvate-insights__filters {
  padding-top: 30px;
}
.softvate-insights .blog-card {
  margin-bottom: 62px;
}
.softvate-insights .blog-card__thumb {
  overflow: hidden;
  border-radius: 12px;
  background: var(--at-neutral-100);
}
.softvate-insights .blog-card__img22 {
  width: 100%;
  aspect-ratio: 16 / 8;
  object-fit: cover;
}
.softvate-insights .blog-card__title {
  max-width: 980px;
  margin-top: 22px;
  font-size: clamp(31px, 3.6vw, 54px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.softvate-article {
  color: var(--at-neutral-900);
}
.softvate-article__header {
  max-width: 1160px;
  margin: 0 auto;
}
.softvate-article__header nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 48px;
  color: var(--at-neutral-500);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.softvate-article__header nav a {
  color: #4a7dff;
}
.softvate-article__category {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 8px 12px;
  border: 1px solid var(--at-neutral-200);
  border-radius: 100px;
  color: #4a7dff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.softvate-article__header h1 {
  max-width: 1120px;
  margin: 0;
  color: var(--at-neutral-900);
  font-size: clamp(54px, 6.4vw, 98px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.058em;
}
.softvate-article__summary {
  max-width: 920px;
  margin: 35px 0 0;
  color: var(--at-neutral-600);
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 1.55;
}
.softvate-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 30px;
  margin-top: 38px;
  padding-top: 25px;
  border-top: 1px solid var(--at-neutral-200);
  color: var(--at-neutral-500);
  font-size: 11px;
  letter-spacing: .04em;
}
.softvate-article__meta strong {
  color: var(--at-neutral-900);
}
.softvate-article__hero {
  max-width: 1500px;
  margin: 70px auto 85px;
  overflow: hidden;
  border-radius: 15px;
  background: var(--at-neutral-100);
}
.softvate-article__hero img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 8;
  object-fit: cover;
}
.softvate-article__body {
  max-width: 830px;
  margin: 0 auto;
}
.softvate-article__introduction {
  margin: 0 0 72px;
  padding-bottom: 60px;
  border-bottom: 1px solid var(--at-neutral-200);
  color: var(--at-neutral-900);
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -.025em;
}
.softvate-article__body > section {
  margin-bottom: 62px;
}
.softvate-article__body h2 {
  margin: 0 0 24px;
  color: var(--at-neutral-900);
  font-size: clamp(30px, 3vw, 43px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.04em;
}
.softvate-article__body p {
  color: var(--at-neutral-700);
  font-size: 17px;
  line-height: 1.85;
}
.softvate-article__body ul {
  display: grid;
  gap: 13px;
  margin: 28px 0 0;
  padding: 25px 28px;
  border-left: 3px solid #4a7dff;
  background: var(--at-neutral-50);
  list-style: none;
}
.softvate-article__body li {
  position: relative;
  padding-left: 19px;
  color: var(--at-neutral-800);
  font-size: 15px;
  line-height: 1.65;
}
.softvate-article__body li::before {
  position: absolute;
  top: .72em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4a7dff;
  content: "";
}
.softvate-article__takeaway {
  margin-top: 85px;
  padding: 35px;
  border-radius: 12px;
  background: linear-gradient(145deg, #111a32, #080b13);
  color: #fff;
}
.softvate-article__takeaway span {
  color: #8eacff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.softvate-article__takeaway p {
  margin: 14px 0 0;
  color: rgba(255,255,255,.88);
  font-size: 20px;
  line-height: 1.65;
}
.softvate-article__back {
  margin-top: 60px;
  padding-top: 28px;
  border-top: 1px solid var(--at-neutral-200);
}
.softvate-article__back a {
  color: var(--at-neutral-900);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.softvate-related-insights__header > span {
  color: #4a7dff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.softvate-related-insights__header h2 {
  margin: 10px 0 0;
  color: var(--at-neutral-900);
  font-size: clamp(42px, 5vw, 72px);
  letter-spacing: -.055em;
}
.softvate-related-insights .blog-card__thumb {
  overflow: hidden;
  border-radius: 10px;
}
.softvate-related-insights .blog-card__img22 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
@media (max-width: 991px) {
  .softvate-insights__header {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .softvate-article__hero {
    margin: 55px auto 65px;
  }
}
@media (max-width: 767px) {
  .softvate-insights {
    padding-top: 115px !important;
    padding-bottom: 75px !important;
  }
  .softvate-insights__header {
    padding-bottom: 38px;
  }
  .softvate-insights__header h1 {
    font-size: 49px;
  }
  .softvate-insights__filters {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }
  .softvate-insights__filters button {
    flex: 0 0 auto;
  }
  .softvate-insights .blog-card__img22 {
    aspect-ratio: 4 / 3;
  }
  .softvate-insights .blog-card__title {
    font-size: 30px;
  }
  .softvate-article {
    padding-top: 115px !important;
    padding-bottom: 75px !important;
  }
  .softvate-article__header nav {
    margin-bottom: 35px;
  }
  .softvate-article__header h1 {
    font-size: 48px;
  }
  .softvate-article__summary {
    font-size: 18px;
  }
  .softvate-article__hero {
    margin: 45px auto 50px;
    border-radius: 10px;
  }
  .softvate-article__hero img {
    aspect-ratio: 4 / 3;
  }
  .softvate-article__introduction {
    margin-bottom: 50px;
    padding-bottom: 42px;
    font-size: 21px;
  }
  .softvate-article__body > section {
    margin-bottom: 48px;
  }
  .softvate-article__body p {
    font-size: 16px;
  }
  .softvate-article__takeaway {
    margin-top: 60px;
    padding: 27px 23px;
  }
  .softvate-article__takeaway p {
    font-size: 18px;
  }
}


.softvate-project-enquiry {
  padding: 110px 0;
  background: var(--at-neutral-0);
}
.softvate-project-enquiry__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: clamp(55px, 8vw, 135px);
  align-items: end;
  padding: clamp(42px, 6vw, 86px);
  overflow: hidden;
  border-radius: 18px;
  background: radial-gradient(circle at 90% 10%, rgba(70,111,255,.35), transparent 32%), linear-gradient(145deg, #111a32, #070a12 72%);
  color: #fff;
}
.softvate-project-enquiry__inner::after {
  position: absolute;
  right: -125px;
  bottom: -190px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 58px rgba(255,255,255,.022), 0 0 0 116px rgba(255,255,255,.014);
  content: "";
}
.softvate-project-enquiry__inner > div {
  position: relative;
  z-index: 1;
}
.softvate-project-enquiry__inner > div:first-child > span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #8eacff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.softvate-project-enquiry__inner > div:first-child > span::before {
  width: 28px;
  height: 1px;
  background: currentColor;
  content: "";
}
.softvate-project-enquiry h2 {
  max-width: 880px;
  margin: 0;
  color: #fff;
  font-size: clamp(43px, 5vw, 76px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.052em;
}
.softvate-project-enquiry__action {
  display: grid;
  justify-items: start;
  gap: 27px;
}
.softvate-project-enquiry__action p {
  max-width: 510px;
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 14px;
  line-height: 1.75;
}
.softvate-project-enquiry__action a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  border-radius: 6px;
  background: #376bff;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  transition: background .25s ease, transform .25s ease;
}
.softvate-project-enquiry__action a:hover {
  background: #4a7dff;
  color: #fff;
  transform: translateY(-2px);
}
.softvate-project-enquiry__action svg {
  width: 18px;
  height: 18px;
}
@media (max-width: 991px) {
  .softvate-project-enquiry {
    padding: 90px 0;
  }
  .softvate-project-enquiry__inner {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}
@media (max-width: 767px) {
  .softvate-project-enquiry {
    padding: 70px 0;
  }
  .softvate-project-enquiry__inner {
    padding: 34px 25px;
    border-radius: 13px;
  }
  .softvate-project-enquiry h2 {
    font-size: 40px;
  }
}

.fz-200 {
  font-size: 150px;
}

.fz-ds-1 {
  font-size: 80px !important;
}

@media screen and (min-width: 1441px) {
  .fz-200 {
    font-size: 200px;
  }
  .fz-ds-1 {
    font-size: 124px !important;
  }
}

.odometer {
  letter-spacing: 12px;
}

.sec-1-services {
  padding-top: 86px;
}

.px-blur-bottom {
  backdrop-filter: blur(10px);
  bottom: 0;
  flex: none;
  height: 80px;
  left: 0;
  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
          mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
  overflow: visible;
  position: fixed;
  right: 0;
  pointer-events: none;
  z-index: 999;
}

.bar {
  width: 10vw;
  height: 105vh;
  background: #1d1d1d;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin-top: 70px;
  padding: 0;
}

.text-truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
}

.border-bottom-900 {
  border-bottom: 1px solid var(--at-neutral-900);
}

.border-100 {
  border: 1px solid var(--at-neutral-100) !important;
}

.border-top-100 {
  border-top: 1px solid var(--at-neutral-100) !important;
}

.border-bottom-100 {
  border-bottom: 1px solid var(--at-neutral-100) !important;
}

:root {
  
  --at-ff-body: 'DM Sans', sans-serif;
  --at-ff-heading: 'Space Grotesk', 'DM Sans', sans-serif;
  --at-heading-font: var(--at-ff-heading);
  --at-ff-fontawesome: "Font Awesome 6 Pro";
  
  --at-fz-body: 14px;
  --at-fz-font-label: 12px;
  --at-fz-font-md: 16px;
  --at-fz-font-lg: 20px;
  --at-fz-font-xl: 22px;
  --at-fz-font-2xl: 28px;
  --at-fz-font-3xl: 32px;
  --at-fz-ds-1: 124px;
  --at-fz-24: 24px;
  --at-fz-10: 10px;
  
  --at-common-white: #ffffff;
  --at-common-white-rgb: 255, 255, 255;
  --at-common-black: #1e1e1e;
  --at-common-black-rgb: 30, 30, 30;
  --at-common-bubbles: #e1eeb7;
  --at-common-dark-white: #1e1e1e;
  --at-common-dark-white-rgb: 30, 30, 30;
  --at-common-dark-black: #FFFFFF;
  --at-common-dark-black-rgb: 255, 255, 255;
  --at-common-dark-bubbles: #040403;
  --at-neutral-0: #FEFEFE;
  --at-neutral-0-rgb: 254, 254, 254;
  --at-neutral-50: #F2F2F2;
  --at-neutral-50-rgb: 242, 242, 242;
  --at-neutral-100: #DFDFDF;
  --at-neutral-200: #CDCCCC;
  --at-neutral-300: #B7B7B7;
  --at-neutral-500: #585959;
  --at-neutral-700: #303030;
  --at-neutral-800: #212121;
  --at-neutral-900: #1D1D1D;
  --at-neutral-950: #0F0F0F;
  --at-neutral-dark-0: #0C0C0C;
  --at-neutral-dark-0-rgb: 12, 12, 12;
  --at-neutral-dark-50: #141414;
  --at-neutral-dark-50-rgb: 20, 20, 20;
  --at-neutral-dark-100: #212121;
  --at-neutral-dark-200: #2D2D2D;
  --at-neutral-dark-300: #404040;
  --at-neutral-dark-500: #B3B3B3;
  --at-neutral-dark-700: #535353;
  --at-neutral-dark-800: #EAEAEA;
  --at-neutral-dark-900: #EFEFEF;
  --at-neutral-dark-950: #F4F4F4;
  --at-grey-1: #5e5959;
  --at-grey-2: #f3f3f3;
  --at-grey-3: #b6bcc6;
  --at-grey-4: #f6f6f6;
  --at-grey-5: #d7cdcd;
  --at-theme-primary: #2F6BFF;
  --at-theme-primary-rgb: 47, 107, 255;
  --at-gradient-primary: linear-gradient(90deg, #08B6FF 0%, #396BFF 55%, #7A43FF 100%);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


body {
  font-size: 16px;
  line-height: 1.2;
  font-weight: normal;
  color: var(--at-neutral-900);
  background-color: var(--at-neutral-0);
  font-family: var(--at-ff-body);
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -5%;
  transition: color 0.3s ease-out;
  color: var(--at-neutral-900);
  font-family: var(--at-ff-body);
}

h1,
.h1 {
  font-size: 70px;
}

h2,
.h2 {
  font-size: 60px;
}

h3,
.h3 {
  font-size: 52px;
}

h4,
.h4 {
  font-size: 38px;
}

h5,
.h5 {
  font-size: 26px;
}

h6,
.h6 {
  font-size: 20px;
}

.fz-font-lg {
  font-size: 18px !important;
}

@media screen and (min-width: 1401px) {
  h1,
  .h1 {
    font-size: 84px;
  }
  h2,
  .h2 {
    font-size: 72px;
  }
  h3,
  .h3 {
    font-size: 64px;
  }
  h4,
  .h4 {
    font-size: 48px;
  }
  h5,
  .h5 {
    font-size: 34px;
  }
  h6,
  .h6 {
    font-size: 24px;
  }
  .fz-font-lg {
    font-size: 20px !important;
  }
}
ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: -2%;
  line-height: 1.2;
  font-family: var(--at-ff-body);
  color: var(--at-neutral-500);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=url],
textarea {
  outline: none;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--at-neutral-900);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  
  color: var(--at-neutral-500);
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder {
  
  color: var(--at-neutral-500);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  
  color: var(--at-neutral-500);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--at-neutral-900);
}
input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--at-neutral-900);
  color: var(--at-neutral-0);
  text-shadow: none;
}

::-moz-selection {
  background: var(--at-neutral-900);
  color: var(--at-neutral-0);
  text-shadow: none;
}

::selection {
  background: var(--at-neutral-900);
  color: var(--at-neutral-0);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--at-neutral-900);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--at-neutral-900);
  font-size: 14px;
  opacity: 1;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  position: relative;
  z-index: 1;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 1400px) {
  .container-2200 {
    max-width: 2200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fz-font-label {
  font-size: var(--at-fz-font-label);
}

.fz-font-md {
  font-size: var(--at-fz-font-md);
}

.fz-font-lg {
  font-size: var(--at-fz-font-lg);
}

.fz-font-xl {
  font-size: var(--at-fz-font-xl);
}

.fz-font-2xl {
  font-size: var(--at-fz-font-2xl);
}

.fz-font-3xl {
  font-size: var(--at-fz-font-3xl);
}

.fz-ds-1 {
  font-size: var(--at-fz-ds-1);
}


.common-white {
  color: var(--at-common-white) !important;
}

.common-black {
  color: var(--at-common-black) !important;
}

.neutral-500 {
  color: var(--at-neutral-500) !important;
}

.neutral-700 {
  color: var(--at-neutral-700) !important;
}

.neutral-900 {
  color: var(--at-neutral-900) !important;
}

.bg-neutral-0 {
  background-color: var(--at-neutral-0) !important;
}

.bg-neutral-50 {
  background-color: var(--at-neutral-50) !important;
}


#smooth-content {
  pointer-events: none;
}
#smooth-content > * {
  pointer-events: auto;
}
#smooth-content main {
  position: relative;
  z-index: 2;
  will-change: transform;
  min-height: 100vh;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-150 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-120 {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-100 {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pb-120 {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pb-110 {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pb-100 {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .fz-font-label {
    font-size: 12px !important;
  }
  .fz-font-md {
    font-size: 18px !important;
  }
  .fz-font-lg {
    font-size: 20px !important;
  }
  .fz-font-xl {
    font-size: 22px !important;
  }
  .fz-font-2xl {
    font-size: 26px !important;
  }
  .fz-font-3xl {
    font-size: 28px !important;
  }
  .fz-ds-1 {
    font-size: 72px !important;
  }
  h1,
  .h1 {
    font-size: 58px;
  }
  h2,
  .h2 {
    font-size: 50px;
  }
  h3,
  .h3 {
    font-size: 42px;
  }
  h4,
  .h4 {
    font-size: 30px;
  }
  h5,
  .h5 {
    font-size: 28px;
  }
  h6,
  .h6 {
    font-size: 20px;
  }
  .fz-200 {
    font-size: 120px;
  }
  .scroll-section .pb-80 {
    padding-bottom: 0;
  }
  .d-md-none {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fz-font-label {
    font-size: 12px !important;
  }
  .fz-font-md {
    font-size: 16px !important;
  }
  .fz-font-lg {
    font-size: 18px !important;
  }
  .fz-font-xl {
    font-size: 20px !important;
  }
  .fz-font-2xl {
    font-size: 24px !important;
  }
  .fz-font-3xl {
    font-size: 26px !important;
  }
  .fz-ds-1 {
    font-size: 60px !important;
  }
  h1,
  .h1 {
    font-size: 54px;
  }
  h2,
  .h2 {
    font-size: 52px;
  }
  h3,
  .h3 {
    font-size: 40px;
  }
  h4,
  .h4 {
    font-size: 36px;
  }
  h5,
  .h5 {
    font-size: 24px;
  }
  h6,
  .h6 {
    font-size: 20px;
  }
  .fz-200 {
    font-size: 80px;
  }
  .scroll-section .pb-80 {
    padding-bottom: 0;
  }
  br {
    display: none;
  }
  .d-md-none {
    display: none;
  }
}
@media (max-width: 574.98px) {
  .fz-font-label {
    font-size: 12px !important;
  }
  .fz-font-md {
    font-size: 14px !important;
  }
  .fz-font-lg {
    font-size: 16px !important;
  }
  .fz-font-xl {
    font-size: 18px !important;
  }
  .fz-font-2xl {
    font-size: 22px !important;
  }
  .fz-font-3xl {
    font-size: 24px !important;
  }
  .fz-ds-1 {
    font-size: 54px !important;
  }
  h1,
  .h1 {
    font-size: 50px;
  }
  h2,
  .h2 {
    font-size: 42px;
  }
  h3,
  .h3 {
    font-size: 36px;
  }
  h4,
  .h4 {
    font-size: 30px;
  }
  h5,
  .h5 {
    font-size: 20px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }
  .fz-200 {
    font-size: 38px;
  }
  .w-75 {
    width: 100% !important;
  }
  br {
    display: none;
  }
  .scroll-section .pb-80 {
    padding-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1750px;
  }
}



.at-header-sidebar-btn {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.at-header-logo {
  display: flex;
  align-items: center;
}
.at-header-logo a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.at-header-spacing {
  padding: 10px 0;
}

.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
}

:root {
  --basic-ease: cubic-bezier(.625, .05, 0, 1);
}

.at-title-text span {
  display: inline-block;
  text-shadow: 0 1.05em var(--at-theme-primary);
  transition: translate 0.3s var(--basic-ease), text-shadow 0.1s 0.15s ease;
}
.at-title-anim:hover .at-title-text span {
  text-shadow: 0 1.05em currentColor;
  translate: 0 -1.05em 0;
  transition: translate 0.5s calc((var(--char) - 1) * 0.024s) var(--basic-ease), text-shadow 0.175s calc((var(--char) - 1) * 0.024s + 0.225s) ease;
}

@keyframes postbox-marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes postbox-marquee-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}


.softvate-careers-page {
  --career-bg: #ffffff;
  --career-surface: #f6f8fb;
  --career-card: #ffffff;
  --career-text: #172033;
  --career-muted: #5d687a;
  --career-border: #dfe4ec;
  --career-accent: #1769d2;
  --career-accent-soft: #eaf2fc;
  color: var(--career-text);
  background: var(--career-bg);
}
[data-bs-theme=dark] .softvate-careers-page {
  --career-bg: #080d17;
  --career-surface: #0e1522;
  --career-card: #121b2a;
  --career-text: #f1f4f8;
  --career-muted: #a7b1c1;
  --career-border: #263246;
  --career-accent: #70aaf2;
  --career-accent-soft: #162844;
}
.softvate-careers-hero {
  position: relative;
  padding: clamp(150px, 15vw, 210px) 0 clamp(80px, 8vw, 120px);
  border-bottom: 1px solid var(--career-border);
  background: var(--career-surface);
}
.softvate-careers-grid { display: none; }
.softvate-careers-eyebrow,
.softvate-careers-heading > div > span {
  display: inline-block;
  margin-bottom: 16px;
  color: var(--career-accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.softvate-careers-hero h1 {
  max-width: 900px;
  margin-bottom: 24px;
  color: var(--career-text);
  font-size: clamp(44px, 6vw, 78px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.04em;
}
.softvate-careers-hero > .container > p {
  max-width: 680px;
  margin-bottom: 30px;
  color: var(--career-muted);
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.65;
}
.softvate-careers-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-bottom: 34px;
}
.softvate-careers-meta span {
  position: relative;
  padding-left: 16px;
  color: var(--career-muted);
  font-size: 14px;
}
.softvate-careers-meta span::before {
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--career-accent);
  content: "";
}
.softvate-careers-primary,
.softvate-careers-apply,
.softvate-careers-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 21px;
  border: 1px solid var(--career-accent);
  border-radius: 6px;
  color: #ffffff;
  font-weight: 600;
  background: #1769d2;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.softvate-careers-primary:hover,
.softvate-careers-apply:hover,
.softvate-careers-cta a:hover {
  border-color: #1055aa;
  color: #ffffff;
  background: #1055aa;
}
.softvate-careers-roles,
.softvate-careers-process {
  scroll-margin-top: 100px;
  padding: clamp(72px, 8vw, 112px) 0;
}
.softvate-careers-roles { background: var(--career-bg); }
.softvate-careers-process { background: var(--career-surface); }
.softvate-careers-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
  align-items: end;
  gap: 50px;
  margin-bottom: clamp(38px, 5vw, 60px);
}
.softvate-careers-heading h2 {
  margin: 0;
  color: var(--career-text);
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.035em;
}
.softvate-careers-heading p {
  margin: 0;
  color: var(--career-muted);
  font-size: 16px;
  line-height: 1.7;
}
.softvate-careers-list {
  border-top: 1px solid var(--career-border);
}
.softvate-career-card {
  border: 0;
  border-bottom: 1px solid var(--career-border);
  border-radius: 0;
  background: transparent;
}
.softvate-career-card > summary {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 40px;
  align-items: center;
  gap: 22px;
  padding: 30px 0;
  cursor: pointer;
  list-style: none;
}
.softvate-career-card > summary::-webkit-details-marker { display: none; }
.softvate-career-index {
  color: var(--career-muted);
  font-size: 13px;
  font-weight: 600;
}
.softvate-career-title-wrap {
  display: grid;
  grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1fr);
  align-items: center;
  gap: 40px;
}
.softvate-career-title-wrap strong {
  color: var(--career-text);
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 600;
  line-height: 1.25;
}
.softvate-career-summary-wrap {
  display: grid;
  gap: 6px;
}
.softvate-career-summary-wrap small {
  color: var(--career-accent);
  font-size: 12px;
  font-weight: 700;
}
.softvate-career-summary-wrap > span {
  color: var(--career-muted);
  line-height: 1.55;
}
.softvate-career-toggle {
  color: var(--career-accent);
  font-size: 25px;
  line-height: 1;
  text-align: center;
  transition: transform 0.2s ease;
}
.softvate-career-card[open] .softvate-career-toggle { transform: rotate(45deg); }
.softvate-career-body {
  padding: 0 0 40px 66px;
}
.softvate-career-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 30px;
}
.softvate-career-facts span {
  padding: 7px 11px;
  border: 1px solid var(--career-border);
  border-radius: 4px;
  color: var(--career-muted);
  background: var(--career-surface);
  font-size: 13px;
}
.softvate-career-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
  margin-bottom: 32px;
}
.softvate-career-columns h3 {
  margin-bottom: 15px;
  color: var(--career-text);
  font-size: 18px;
}
.softvate-career-columns ul { margin: 0; padding-left: 20px; }
.softvate-career-columns li {
  margin-bottom: 10px;
  color: var(--career-muted);
  line-height: 1.6;
}
.softvate-career-apply-note {
  max-width: 720px;
  margin: 0 0 20px;
  color: var(--career-muted);
  font-size: 14px;
  line-height: 1.6;
}
.softvate-careers-process ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.softvate-careers-process li {
  padding: 26px 0 0;
  border-top: 2px solid var(--career-border);
}
.softvate-careers-process li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 28px;
  border-radius: 50%;
  color: var(--career-accent);
  background: var(--career-accent-soft);
  font-size: 12px;
  font-weight: 700;
}
.softvate-careers-process li strong {
  display: block;
  margin-bottom: 10px;
  color: var(--career-text);
  font-size: 19px;
}
.softvate-careers-process li p {
  margin: 0;
  color: var(--career-muted);
  line-height: 1.6;
}
.softvate-careers-cta {
  padding: clamp(70px, 8vw, 105px) 0;
  text-align: center;
  border-top: 1px solid var(--career-border);
  background: var(--career-bg);
}
.softvate-careers-cta p {
  margin-bottom: 10px;
  color: var(--career-accent);
  font-weight: 600;
}
.softvate-careers-cta h2 {
  margin-bottom: 28px;
  color: var(--career-text);
  font-size: clamp(36px, 4vw, 54px);
  letter-spacing: -0.035em;
}
@media (max-width: 991px) {
  .softvate-careers-heading { grid-template-columns: 1fr; gap: 20px; }
  .softvate-career-title-wrap { grid-template-columns: 1fr; gap: 8px; }
  .softvate-careers-process ol { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 42px; }
}
@media (max-width: 575px) {
  .softvate-careers-hero { padding-top: 130px; }
  .softvate-careers-meta { display: grid; }
  .softvate-career-card > summary { grid-template-columns: 28px minmax(0, 1fr) 28px; gap: 8px; padding: 24px 0; }
  .softvate-career-summary-wrap > span { font-size: 14px; }
  .softvate-career-body { padding: 0 0 32px; }
  .softvate-career-columns { grid-template-columns: 1fr; gap: 25px; }
  .softvate-careers-process ol { grid-template-columns: 1fr; }
  .softvate-careers-primary,
  .softvate-careers-apply,
  .softvate-careers-cta a { width: 100%; }
}


.blog-card {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.blog-card__thumb {
  position: relative;
  width: 100%;
}
.blog-card__img-link {
  display: block;
  width: 100%;
  height: 100%;
}
.blog-card__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.blog-card__title {
  font-weight: 600;
  color: var(--at-neutral-900);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
}
.blog-card__title-link {
  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-card__title-link:hover {
  color: var(--at-theme-primary);
}
.blog-card__meta {
  font-family: var(--at-ff-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #585959;
  margin: 0;
}
.blog-card__meta-text {
  color: #585959;
}
.blog-card__author {
  color: var(--at-neutral-900);
  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-card__author:hover {
  color: var(--at-theme-primary, var(--at-neutral-900));
}



.at-main-menu {
  padding: 5px 8px;
}
.at-main-menu nav ul li {
  list-style: none;
  display: inline-block;
  position: relative;
}
.at-main-menu nav ul li.has-dropdown > a {
  color: var(--at-common-black);
  position: relative;
  transition: all 0.4s ease 0.3s ease-out;
}
.at-main-menu nav ul li.has-dropdown > a::after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 8px;
  height: 8px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="none"><path d="M0.119881 4.0916L3.76201 0.14603C3.8265 0.0762058 3.912 0.0286966 4.00771 0.00950819C4.10343 -0.00968026 4.20505 0.000313791 4.29974 0.0382265C4.39443 0.0761392 4.47794 0.140268 4.5397 0.222507C4.60146 0.304746 4.63871 0.401402 4.64673 0.500256L4.96657 4.4493C4.97728 4.58185 4.93474 4.70892 4.8483 4.80257C4.76185 4.89622 4.63858 4.94877 4.50559 4.94867L0.543624 4.94521C0.444446 4.94511 0.345125 4.9157 0.258216 4.8607C0.171308 4.8057 0.100716 4.72759 0.0553628 4.63623C0.0100097 4.54486 -0.00806781 4.44436 0.00341617 4.34742C0.0149001 4.25048 0.0554298 4.16146 0.119881 4.0916Z" fill="%230F0F0F"/></svg>');
}
.at-main-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.at-main-menu nav ul li:hover.has-dropdown > a {
  transition: all 0.4s ease 0.3s ease-out;
}
.at-main-menu nav ul li a {
  font-family: var(--at-ff-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--at-common-black);
  padding: 10px 24px;
  display: inline-block;
  line-height: 1;
}
.at-main-menu nav ul li a:hover {
  color: var(--at-common-black);
}
.at-main-menu nav ul li a::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.at-main-menu nav ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 260px;
  z-index: 99;
  opacity: 0;
  padding: 12px 0;
  transition: 0.5s;
  text-align: start;
  visibility: hidden;
  transform-origin: 0 0;
  transform: scale(1, 0);
  backdrop-filter: blur(20px);
  background: rgba(var(--at-neutral-0-rgb), 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.at-main-menu nav ul li .submenu li {
  width: 100%;
  padding: 0 12px;
  border-radius: 8px;
  margin: 0;
}
.at-main-menu nav ul li .submenu li a {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--at-neutral-500);
  padding: 12px 18px;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  width: 100%;
  font-family: var(--at-ff-body);
  transition: padding-left 0.35s cubic-bezier(0.65, 0, 0.35, 1), background 0.3s ease, color 0.3s ease;
}
.at-main-menu nav ul li .submenu li .submenu {
  top: 0;
  left: 100%;
}
.at-main-menu nav ul li .submenu li:hover > a {
  background: var(--at-neutral-50);
  color: var(--at-neutral-900) !important;
  padding-left: 23px;
}



.at-main-menu > nav > ul > li > a {
  
  --link-desc-room: 4px;
  padding-bottom: calc(10px - var(--link-desc-room));
}
.at-main-menu > nav > ul > li > a .at-link-swap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  line-height: inherit;
  padding-bottom: var(--link-desc-room);
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
  display: block;
  line-height: inherit;
  
  transition: transform 0.45s cubic-bezier(0.5, 1.5, 0.35, 1);
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-1 {
  position: relative;
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  
  transform: translateY(calc(100% + var(--link-desc-room)));
}


.at-main-menu > nav > ul > li:hover > a .at-link-swap .text-1 {
  
  transform: translateY(calc(-100% - var(--link-desc-room)));
}
.at-main-menu > nav > ul > li:hover > a .at-link-swap .text-2 {
  transform: translateY(0);
}



.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../imgs/icons/cross-out.webp), pointer;
}

.at-offcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 460px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--at-common-white);
  z-index: 997;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
@media (max-width: 574.98px) {
  .at-offcanvas {
    width: 100%;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .at-offcanvas {
    width: 400px;
    padding: 40px;
  }
}
.at-offcanvas-logo a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.at-offcanvas.opened {
  opacity: 1;
  visibility: visible;
  right: 0;
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.at-offcanvas-top {
  margin-bottom: 50px;
}
.at-offcanvas-close-btn button {
  color: rgba(var(--at-common-black), 1);
}
.at-offcanvas-close-btn button:hover {
  opacity: 1;
  transform: rotate(90deg);
}
.at-offcanvas-title {
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.8px;
  font-weight: 700;
  color: var(--at-common-black);
}
.at-offcanvas-title.sm {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--at-common-black);
}
.at-offcanvas-contact {
  margin-bottom: 55px;
}
.at-offcanvas-contact ul li {
  list-style: none;
}
.at-offcanvas-contact ul li:not(:last-child) {
  margin-bottom: 2px;
}
.at-offcanvas-contact ul li a {
  display: inline-block;
  color: var(--at-neutral-900);
  position: relative;
  font-family: var(--at-ff-body);
}
.at-offcanvas-gallery {
  margin-bottom: 65px;
}
.at-offcanvas-gallery-img {
  width: 65px;
  height: 65px;
  border-radius: 8px;
  overflow: hidden;
  padding: 4px;
  background: var(--at-neutral-50);
}
.at-offcanvas-gallery-img img {
  transition: 0.9s;
  border-radius: 4px;
  filter: grayscale(100%);
}
.at-offcanvas-gallery-img:hover img {
  transform: scale(1.2) rotate(-2deg);
}
.at-offcanvas-content p {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: var(--at-neutral-900);
  font-family: var(--at-ff-body);
}

.at-offcanvas-social {
  margin-top: 40px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .at-offcanvas-social {
    margin-bottom: 40px;
  }
}
.at-offcanvas-social__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.at-offcanvas-social__link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  color: var(--at-common-black);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--at-ff-body);
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}
.at-offcanvas-social__link:hover {
  color: var(--at-theme-primary, var(--at-common-black));
  opacity: 0.85;
}
.at-offcanvas-social__link svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.at-offcanvas-2-wrapper {
  padding: 100px 100px 0px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .at-offcanvas-2-wrapper {
    padding: 80px 50px 0px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .at-offcanvas-2-wrapper {
    padding: 60px 50px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-offcanvas-2-wrapper {
    padding: 60px 30px 0px;
  }
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 1.5s ease-in-out !important;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(2) > a {
  transition-delay: 1.7s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(3) > a {
  transition-delay: 1.8s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(3) > a {
  transition-delay: 1.9s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(4) > a {
  transition-delay: 2s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(5) > a {
  transition-delay: 2.1s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
  font-size: 48px;
  padding: 0;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--at-common-black);
  font-family: var(--at-ff-body);
  transform: translateY(-300px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.5s ease-in-out !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
    font-size: 54px;
  }
}
@media (max-width: 574.98px) {
  .at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
    font-size: 50px;
  }
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .at-menu-close i {
  font-size: 28px;
  color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: 0.3s;
  color: var(--at-neutral-900);
  letter-spacing: -0.02em;
  font-family: var(--at-ff-body);
  position: relative;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a:hover {
  background-color: initial;
  transform: translateX(15px);
  color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 5px;
  height: 5px;
  z-index: -1;
  background-color: var(--at-neutral-900);
  border-radius: 50%;
  transition: 0.3s;
}
.at-offcanvas-2-wrapper .hamburger-close-btn {
  color: var(--at-common-black);
  cursor: pointer;
  transition: all 0.4s ease;
}
.at-offcanvas-2-wrapper .hamburger-close-btn:hover {
  transform: rotate(90deg);
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
  transform: rotate(0);
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
  color: var(--at-theme-primary);
}
.at-offcanvas-2-wrapper .at-header-logo {
  transform: translateY(-80px);
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s;
  transition: all 1.5s ease-in-out !important;
}
.at-offcanvas-2-left {
  opacity: 0;
  animation-delay: 1s;
  transform: translateY(20px);
}
.at-offcanvas-2-left .at-offcanvas-menu {
  border-bottom: 1px solid var(--at-neutral-100);
  padding-bottom: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .at-offcanvas-2-left .at-offcanvas-menu {
    margin-bottom: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .at-offcanvas-2-left .at-offcanvas-menu {
    margin-bottom: 0;
  }
}
.at-offcanvas-2-left .at-offcanvas-menu ul {
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  max-height: 450px;
  padding-top: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .at-offcanvas-2-left .at-offcanvas-menu ul {
    max-height: 350px;
  }
}

.at-offcanvas-2-area.menu-open {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  height: 100%;
  transition: all 0s 2s;
  width: 600px;
  z-index: 1000;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-offcanvas-2-area.menu-open {
    width: 100%;
  }
}

.at-offcanvas-2-area {
  position: fixed;
  left: 100%;
}
.at-offcanvas-2-area .offcanvas-bg {
  inset: 0;
  border-radius: 20px;
  clip-path: circle(0% at calc(100% - 45px) 45px);
  transition: clip-path 0.7s ease-in-out;
  position: fixed;
  width: 570px;
  margin: 20px;
  right: 0;
  left: auto;
  z-index: 2;
  backdrop-filter: blur(20px);
  background: rgb(var(--at-neutral-0-rgb), 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-offcanvas-2-area .offcanvas-bg {
    margin: 0;
    border-radius: 0;
    width: 100%;
  }
}
.at-offcanvas-2-area.menu-open .offcanvas-bg {
  clip-path: circle(150% at calc(100% - 45px) 45px);
}
.at-offcanvas-2-area.menu-open .offcanvas-menu {
  pointer-events: auto;
}
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li {
  visibility: visible;
  opacity: 1;
}
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li a {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.at-offcanvas-2-area.menu-open .at-header-logo {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.at-offcanvas-2-area.menu-open .at-offcanvas-2-left {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(0.7s + 0.06s);
}
.at-offcanvas-2-area.menu-open .at-offcanvas-2-left .at-offcanvas-menu {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: calc(calc(0.7s + 0.06s) + 0.2s);
}
.at-offcanvas-2-area:not(.menu-open) .offcanvas-menu {
  pointer-events: none;
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left {
  transition-delay: 0.6s;
  opacity: 0;
  transform: translateY(30px);
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left .at-offcanvas-menu {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0.4s;
}
.at-offcanvas-2-area:not(.menu-open) .offcanvas-bg {
  clip-path: circle(0% at calc(100% - 45px) 45px);
  transition-delay: 0.4s;
}
@media (max-width: 574.98px) {
  .at-offcanvas {
    padding: 34px 30px calc(34px + env(safe-area-inset-bottom));
  }
  .at-offcanvas-top {
    margin-bottom: 42px;
  }
  .at-offcanvas-logo img {
    max-width: 200px;
    height: auto;
  }
  .at-offcanvas-menu {
    padding-bottom: 34px !important;
  }
  .at-offcanvas-menu ul {
    padding-left: 0;
  }
  .at-offcanvas-menu ul li > a {
    padding: 8px 0;
    font-size: 25px;
    line-height: 1.16;
    letter-spacing: 0;
  }
  .at-offcanvas-title.sm {
    font-size: 40px;
    line-height: 1.05;
  }
  .at-offcanvas-contact {
    margin-bottom: 44px;
  }
  .at-offcanvas-contact ul {
    padding-left: 0;
  }
  .at-offcanvas-contact ul li a {
    font-size: 21px;
    line-height: 1.24;
  }
  .at-offcanvas-social {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .at-offcanvas-social__grid {
    gap: 12px 18px;
  }
  .at-offcanvas-social__link {
    font-size: 18px;
    gap: 10px;
  }
}


.team-section-carousel {
  position: relative;
}
.team-section-carousel__controls {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin: 0 0 24px;
}
.team-section-swiper-prev,
.team-section-swiper-next {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(83, 143, 255, 0.34);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(47, 107, 255, 0.18), rgba(119, 71, 255, 0.12)),
    rgba(8, 13, 25, 0.86);
  color: #72a5ff;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.26);
  backdrop-filter: blur(12px);
  transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.team-section-swiper-prev span,
.team-section-swiper-next span {
  display: inline-flex;
}
.team-section-swiper-prev span {
  transform: rotate(180deg);
}
.team-section-swiper-prev:hover,
.team-section-swiper-next:hover,
.team-section-swiper-prev:focus-visible,
.team-section-swiper-next:focus-visible {
  border-color: rgba(114, 165, 255, 0.84);
  background:
    linear-gradient(135deg, rgba(47, 107, 255, 0.38), rgba(119, 71, 255, 0.28)),
    #0b1831;
  color: #fff;
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  .team-section-carousel {
    padding-top: 56px !important;
  }
  .team-section-carousel__controls {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
  .team-section-swiper-prev,
  .team-section-swiper-next {
    width: 42px;
    height: 42px;
  }
}
.at-offcanvas-menu ul {
  list-style: none;
}
.at-offcanvas-menu ul li {
  position: relative;
}
.at-offcanvas-menu ul li > a {
  padding: 7px 0;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.at-offcanvas-menu ul li.active > a {
  color: var(--at-common-black);
}
.at-offcanvas-menu ul li.active > .at-menu-close i {
  top: 10px;
  transform: rotate(90deg);
}
.at-offcanvas-menu ul li .submenu {
  display: none;
}
.at-offcanvas-menu ul li .submenu .submenu {
  margin-left: 30px;
}
.at-offcanvas-menu .at-submenu > li > a {
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 16px;
}
.at-offcanvas-menu .at-submenu > li > a:hover {
  background-color: #f8f8fb;
  color: var(--at-common-black);
}

.at-offcanvas-menu .at-link-swap {
  display: inline !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
}

.at-offcanvas-menu .at-link-swap .text-1 {
  display: inline !important;
  transform: none !important;
}

.at-offcanvas-menu .at-link-swap .text-2 {
  display: none !important;
}

.at-menu-close {
  position: absolute;
  right: 7px;
  top: 12px;
}
.at-menu-close i {
  transition: all 0.3s;
  font-size: 18px;
  font-weight: 500;
}

.text-scale-anim {
  white-space: pre-wrap;
  transform-origin: top left;
}

.at-letter-span {
  display: inline-block;
}

.at-word-span {
  display: inline-block;
}
@keyframes footer11-grid {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(57px, 57px);
  }
}
@keyframes footer11-scan {
  0% {
    top: -40%;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    top: 115%;
    opacity: 0;
  }
}



.sec-4-about-form__field {
  margin-bottom: 0;
}
.sec-4-about-form__input {
  display: block;
  width: 100%;
  padding: 16px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--at-neutral-900);
  border-radius: 0;
  outline: none;
  transition: border-color 0.2s ease;
}
.sec-4-about-form__input::-moz-placeholder {
  color: var(--at-neutral-500);
}
.sec-4-about-form__input::placeholder {
  color: var(--at-neutral-500);
}
.sec-4-about-form__input:focus {
  border-bottom-color: var(--at-neutral-900);
}
.sec-4-about-form__textarea {
  min-height: 120px;
  resize: vertical;
  padding-top: 16px;
}
.sec-4-about-form__actions {
  margin-top: 40px;
  margin-bottom: 16px;
}
.sec-4-about-form__disclaimer {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--at-neutral-500);
}
.softvate-contact-details {
  padding: 30px;
  border: 1px solid rgba(120, 165, 255, 0.18);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(14, 31, 65, 0.82), rgba(5, 14, 34, 0.82));
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.045);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}
.softvate-contact-details .icon {
  flex: 0 0 auto;
  color: #5fa4ff;
}
.softvate-contact-points {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.softvate-contact-points span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #aebed9;
  font-size: 14px;
}
.softvate-contact-points span::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #57a6ff;
  box-shadow: 0 0 12px rgba(87, 166, 255, 0.8);
}
.softvate-contact-form {
  padding: clamp(28px, 4vw, 54px);
  border: 1px solid rgba(120, 165, 255, 0.2);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(12, 27, 58, 0.88), rgba(5, 13, 31, 0.9));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
}
.softvate-contact-form .sec-4-about-form__input {
  padding: 18px 2px;
  color: #f1f5ff;
  border-bottom-color: rgba(151, 181, 240, 0.28);
}
.softvate-contact-form .sec-4-about-form__input::placeholder {
  color: #8799b8;
}
.softvate-contact-form .sec-4-about-form__input:focus {
  border-bottom-color: #63a8ff;
  box-shadow: 0 1px 0 rgba(99, 168, 255, 0.22);
}
.softvate-contact-select {
  cursor: pointer;
  color-scheme: dark;
}
.softvate-contact-select option {
  color: #eef4ff;
  background: #08142c;
}
.softvate-contact-form .sec-4-about-form__btn {
  box-shadow: 0 14px 34px rgba(28, 105, 240, 0.2);
}
@media (max-width: 575px) {
  .softvate-contact-details {
    gap: 16px !important;
    padding: 22px 18px;
  }
  .softvate-contact-details a {
    overflow-wrap: anywhere;
  }
  .softvate-contact-form {
    padding: 24px 18px;
    border-radius: 18px;
  }
  .softvate-contact-form .sec-4-about-form__actions {
    margin-top: 28px;
  }
}
.softvate-about-banner {
  position: relative;
  min-height: clamp(420px, 55vw, 820px);
  background: #030817;
  box-shadow: 0 35px 90px rgba(4, 18, 48, 0.18);
}
.softvate-about-banner > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.softvate-about-capability {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 15px;
  border: 1px solid var(--at-neutral-200);
  border-radius: 999px;
  background: var(--at-neutral-50);
  color: var(--at-neutral-900);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .softvate-about-banner {
    min-height: 460px;
  }
}


.softvate-case-study__hero--cinematic { position: relative; min-height: 100svh; display: flex; align-items: flex-end; isolation: isolate; padding-bottom: 105px; background: #05030e; }
.softvate-case-study__hero--cinematic::before { position: absolute; z-index: -2; inset: 0; background: var(--case-hero) center/cover no-repeat; opacity: .43; transform: scale(1.035); animation: edmHeroDrift 15s ease-in-out infinite alternate; content: ""; }
.softvate-case-study__hero--cinematic::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(3,3,10,.96) 0%,rgba(3,3,10,.76) 50%,rgba(3,3,10,.22) 100%),linear-gradient(0deg,#080a12 0%,transparent 52%,rgba(2,3,9,.55) 100%); content: ""; }
.softvate-case-study__hero--cinematic .softvate-case-study__back { margin-bottom: 8vh; }
.softvate-case-study__hero--cinematic h1 { max-width: 900px; margin-top: 22px; color: #fff; font-size: clamp(52px,7vw,108px); line-height: .95; letter-spacing: -.055em; text-shadow: 0 12px 45px rgba(0,0,0,.55); animation: edmTitleIn 1s cubic-bezier(.2,.8,.2,1) both; }
@keyframes edmHeroDrift { to { transform: scale(1.09) translate3d(-1.5%,1%,0); } }
@keyframes edmTitleIn { from { opacity: 0; transform: translateY(55px); } to { opacity: 1; transform: translateY(0); } }
@keyframes edmScrollCue { 0% { transform: translateY(0); } 100% { transform: translateY(200%); } }
@keyframes edmStoryFrames { 0%,28% { opacity: 1; transform: scale(1); } 33%,95% { opacity: 0; transform: scale(1.035); } 100% { opacity: 1; } }
@keyframes edmFrameReveal { from { opacity: .15; transform: perspective(1000px) translateY(70px) rotateX(5deg); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .softvate-case-study__hero--cinematic::before,.softvate-case-study__hero--cinematic h1 { animation: none; }
}
@media (max-width: 767px) {
  .softvate-case-study__hero--cinematic { min-height: 100svh; padding-bottom: 72px; }
  .softvate-case-study__hero--cinematic::after { background: linear-gradient(0deg,#070911 0%,rgba(4,5,11,.72) 72%,rgba(4,5,11,.4)); }
}


.softvate-global-collaboration {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 4%, rgba(38, 111, 255, 0.11), transparent 30%),
    var(--at-neutral-0);
}
.softvate-global-collaboration__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #2878ff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.softvate-global-collaboration__eyebrow::before {
  width: 28px;
  height: 1px;
  background: currentColor;
  content: "";
}
.softvate-global-collaboration__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--at-neutral-200);
  border-left: 1px solid var(--at-neutral-200);
}
.softvate-global-collaboration__card {
  position: relative;
  min-height: 310px;
  padding: clamp(26px, 3vw, 42px);
  border-right: 1px solid var(--at-neutral-200);
  border-bottom: 1px solid var(--at-neutral-200);
  background: color-mix(in srgb, var(--at-neutral-0) 94%, transparent);
  transition: background-color 0.35s ease, transform 0.35s ease;
}
.softvate-global-collaboration__card::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #1f78ff, #6957ff);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.softvate-global-collaboration__card:hover {
  background: var(--at-neutral-50);
  transform: translateY(-4px);
}
.softvate-global-collaboration__card:hover::after {
  transform: scaleX(1);
}
.softvate-global-collaboration__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 56px;
}
.softvate-global-collaboration__icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border: 1px solid rgba(40, 120, 255, 0.34);
  border-radius: 14px;
  background: rgba(40, 120, 255, 0.08);
  color: #2878ff;
}
.softvate-global-collaboration__icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.45;
}
.softvate-global-collaboration__number {
  color: var(--at-neutral-500);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.softvate-global-collaboration__card h3 {
  margin-bottom: 14px;
  color: var(--at-neutral-900);
  font-size: clamp(21px, 2vw, 27px);
  font-weight: 600;
  letter-spacing: -0.035em;
}
.softvate-global-collaboration__card p {
  max-width: 38ch;
  margin: 0;
  color: var(--at-neutral-600);
  font-size: 16px;
  line-height: 1.65;
}
@media (max-width: 991px) {
  .softvate-global-collaboration__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .softvate-global-collaboration {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .softvate-global-collaboration .mb-60 {
    margin-bottom: 38px !important;
  }
  .softvate-global-collaboration__grid {
    grid-template-columns: 1fr;
  }
  .softvate-global-collaboration__card {
    min-height: 0;
    padding: 28px 24px 32px;
  }
  .softvate-global-collaboration__card-top {
    margin-bottom: 34px;
  }
}


.process-scroll .process-card {
  padding: 40px;
  background: var(--at-neutral-0);
}
.process-scroll .process-card__img-wrap img {
  width: 100%;
  height: 100%;
}
.process-scroll .process-card__content {
  padding-left: 0;
}
.process-scroll .process-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 26px;
  border-bottom: 1px solid var(--at-neutral-100);
}
.process-scroll .process-card__title {
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  letter-spacing: -1.8px;
  color: var(--at-neutral-900);
}
.process-scroll .process-card__desc {
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: var(--at-neutral-500);
  margin-bottom: 20px;
  max-width: 75%;
}
.process-scroll .process-card__meta {
  padding-top: 8px;
}
.process-scroll .process-card__meta-text {
  font-size: 16px;
  color: var(--at-neutral-900);
  font-weight: 600;
}
.process-scroll .process-card__meta-label {
  display: inline-block;
  margin-left: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .process-scroll .process-card__title {
    font-size: 24px;
  }
  .process-scroll .process-card__desc {
    font-size: 16px;
  }
  .process-scroll .process-card__img-wrap {
    min-height: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-scroll .process-card__img-wrap {
    aspect-ratio: 16/10;
    min-height: 220px;
  }
  .process-scroll .process-card__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .process-scroll .process-card {
    padding-left: 24px;
    padding-right: 24px;
  }
  .process-scroll .process-card__title {
    font-size: 22px;
  }
  .process-scroll .process-card__desc {
    font-size: 15px;
  }
  .process-scroll .process-card__meta {
    flex-wrap: wrap;
    gap: 12px;
  }
  .process-scroll .process-card__img-wrap {
    min-height: 200px;
  }
  .process-scroll .process-card__content {
    padding-top: 0;
  }
}
@media (max-width: 574.98px) {
  .process-scroll .process-card__title {
    font-size: 20px;
  }
  .process-scroll .process-card__desc {
    font-size: 14px;
  }
  .process-scroll .process-card__img-wrap {
    min-height: 180px;
  }
}



.at-service-card {
  max-height: 480px;
  min-height: 480px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-service-card {
    min-height: 400px;
  }
}
.at-service-card.card-1 {
  position: relative;
}
.at-service-card.card-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.65;
  background: linear-gradient(99deg, #000 5.05%, rgba(0, 0, 0, 0.44) 49.84%, #000 94.63%);
  z-index: 0;
}
.at-service-card.card-2 {
  background: var(--at-common-white);
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-service-card.card-2 {
    margin-top: 0;
  }
}
.at-service-card.card-3 {
  background: #0f0f0f;
}



:root {
  --numOfSlides: 5;
  --slidingAT: 1.3s;
  --controlSize: 60px;
}

.cs-portfolio-tag ul li {
  list-style: none;
  display: inline-block;
}
.cs-portfolio-tag ul li:not(:first-child) {
  margin-left: 5px;
}
.cs-portfolio-tag ul li a,
.cs-portfolio-tag ul li span {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--at-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  padding: 8px 19px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
}
.cs-portfolio-tag ul li a:hover {
  background: var(--at-common-white);
  color: var(--at-common-black);
  border-color: var(--at-common-white);
}
.mg-portfolio-content {
  padding: 23px 0 0 0;
}
.mg-portfolio-content .cs-portfolio-tag {
  width: 40%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mg-portfolio-content .cs-portfolio-tag {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-portfolio-content .cs-portfolio-tag {
    width: 100%;
  }
}
.mg-portfolio-content .cs-portfolio-tag ul li a,
.mg-portfolio-content .cs-portfolio-tag ul li span {
  font-size: 12px;
  color: var(--at-common-black);
  border: 1px solid var(--at-neutral-100);
}
.mg-portfolio-content .cs-portfolio-tag ul li a:hover {
  border-color: var(--at-common-black);
  background: var(--at-common-black);
  color: var(--at-common-white);
}
.mg-portfolio-item {
  border-radius: 10px;
  overflow: hidden;
}
.mg-portfolio-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.mg-portfolio-thumb img {
  border-radius: 10px;
  transition: all 0.6s ease;
  transform-origin: center center;
}

.mg-portfolio-item {
  transition: all 0.6s ease;
}

.scroll-section .wrapper {
  position: relative;
  height: auto;
}
.scroll-section .list {
  height: 100%;
  position: relative;
}
.scroll-section .item {
  min-height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
}
.scroll-section .item:first-child {
  min-height: 100%;
  height: 100%;
}
.scroll-section .item:not(:first-child) {
  position: absolute;
}

.team-card {
  position: relative;
  display: flex;
  flex-direction: column;
}
.team-card-image {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background-color: #f5f5f5;
}
.team-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s ease;
}
.team-card--uniform .team-card-image {
  aspect-ratio: 9 / 11;
}
.team-card--uniform .team-card-image > .anim-zoomin,
.team-card--uniform .team-card-image img,
.team-card--uniform .team-card-placeholder {
  width: 100%;
  height: 100%;
}
.team-card--uniform .team-card-image img {
  display: block;
  object-position: center top;
}
.team-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(12, 16, 24, 0) 0%, rgba(12, 16, 24, 0.88) 72%, #0c1018 100%);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  padding: 25px 81px 33px 30px;
  overflow: hidden;
}
.team-card-name .h6 {
  color: var(--at-common-white);
  font-weight: 600;
  letter-spacing: -0.02em;
  transition: color 0.3s ease;
  line-height: 24px;
}
.team-card-position {
  letter-spacing: -0.28px;
  margin-top: 4px;
}

.team-card:hover .team-card-image img {
  transition: all 0.5s ease;
  filter: none;
  scale: 1.02;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .team-card-content {
    margin-top: 16px;
  }
}
.at-faq-item {
  border-radius: 0;
  box-shadow: 0 0 2px 0 rgba(39, 39, 46, 0.04);
  background: var(--at-neutral-50);
  padding: 10px 30px 10px 30px;
  margin-bottom: 16px;
}
.at-faq-body {
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 14px;
  padding-right: 112px;
  padding-left: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-faq-body {
    padding-right: 0;
  }
}
.at-faq-body p {
  font-weight: 400;
  font-size: 15px;
  line-height: 167%;
  color: var(--at-neutral-700);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-faq-body p br {
    display: none;
  }
}
.at-faq-number {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 42px;
  background: var(--at-neutral-900);
  color: var(--at-common-white);
}
.at-faq-header {
  padding: 15px 0;
}
.at-faq-button {
  background: transparent;
  font-weight: 600;
  font-size: 24px;
  color: var(--at-common-black);
  font-family: var(--at-ff-body);
  position: relative;
  width: 100%;
  text-align: left;
  padding-right: 50px;
}
@media (max-width: 574.98px) {
  .at-faq-button {
    font-size: 18px;
  }
}
.at-faq-button span {
  font-weight: 500;
  margin-right: 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-faq-button span {
    margin-right: 30px;
  }
}
.at-faq-button::before, .at-faq-button:after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 0;
  top: -3px;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 30px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 400;
  color: var(--at-common-black);
  transition: all 0.5s ease;
}
.at-faq-button.collapsed:after {
  content: "\f067";
}



.skill-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.skill-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  background: var(--at-neutral-0);
  border-radius: 16px;
  border: 1px solid var(--at-neutral-100);
}
.skill-card__thumb {
  flex-shrink: 0;
  width: 90px;
  height: 62px;
  border-radius: 8px;
  overflow: hidden;
}
.skill-card__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.skill-card__content {
  flex: 1;
  min-width: 0;
}
.skill-card__title {
  flex: 0 0 500px;
  font-weight: 600;
  letter-spacing: -1.2px;
  color: var(--at-neutral-900);
  margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .skill-card__title {
    flex: 0 0 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-card__title {
    flex: 0 0 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .skill-card__title {
    flex: 0 0 100px;
  }
}
@media (max-width: 574.98px) {
  .skill-card__title {
    flex: 1;
  }
}
.skill-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.skill-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 27px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1.2px;
  color: var(--at-neutral-900, #171717);
  background: var(--at-neutral-50, #fafafa);
  border: 1px solid var(--at-neutral-100, #e5e5e5);
  border-radius: 100px;
  transition: all 0.3s ease;
}
.skill-card__tag:hover {
  background: var(--at-neutral-0);
  border: 1px solid var(--at-neutral-900);
}
.skill-card__tag-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.softvate-skill-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.35s ease, box-shadow 0.35s ease;
}
.softvate-skill-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(105deg, transparent 25%, rgba(65, 132, 255, 0.07) 50%, transparent 75%);
  transform: translateX(-70%);
  transition: opacity 0.35s ease, transform 0.7s ease;
}
.softvate-skill-card:hover {
  transform: translateY(-5px);
  border-color: rgba(65, 132, 255, 0.42);
  box-shadow: 0 20px 50px rgba(8, 38, 94, 0.12);
}
.softvate-skill-card:hover::after {
  opacity: 1;
  transform: translateX(70%);
}
.softvate-skill-card .skill-card__thumb img {
  transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.4s ease;
}
.softvate-skill-card:hover .skill-card__thumb img {
  transform: scale(1.09);
  filter: saturate(1.12);
}
.softvate-skill-tag {
  transition-property: transform, background-color, border-color, box-shadow;
  transition-duration: 0.28s;
  transition-timing-function: ease;
}
.softvate-skill-tag:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(20, 75, 170, 0.12);
}
.softvate-skill-tag .skill-card__tag-icon {
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.3s ease;
}
.softvate-skill-tag:hover .skill-card__tag-icon {
  transform: scale(1.16) rotate(-6deg);
  filter: drop-shadow(0 4px 6px rgba(10, 45, 100, 0.18));
}
@media (prefers-reduced-motion: reduce) {
  .softvate-skill-card,
  .softvate-skill-card::after,
  .softvate-skill-card .skill-card__thumb img,
  .softvate-skill-tag,
  .softvate-skill-tag .skill-card__tag-icon {
    transition: none !important;
    transform: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-card {
    gap: 20px;
    padding: 14px 20px;
  }
  .skill-card__tag {
    font-size: 20px;
    padding: 5px 10px;
  }
  .skill-card__tag-icon {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-card {
    gap: 16px;
    padding: 14px 20px;
  }
  .skill-card__tag {
    font-size: 16px;
    padding: 5px 10px;
  }
  .skill-card__tag-icon {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .skill-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
  }
  .skill-card__tags {
    gap: 6px;
  }
  .skill-card__tag {
    font-size: 16px;
    padding: 5px 10px;
  }
  .skill-card__tag-icon {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 574.98px) {
  .skill-card {
    padding: 14px;
  }
  .skill-card__tag {
    font-size: 16px;
    padding: 4px 8px;
  }
  .skill-card__tag-icon {
    width: 14px;
    height: 14px;
  }
}



.sec-6-home-7 {
  position: relative;
  border-top: 1px solid var(--at-neutral-100, #dfdfdf);
}
.sec-6-home-7__eyebrow {
  color: var(--at-neutral-900, #1d1d1d);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.sec-6-home-7__eyebrow svg {
  transition: transform 0.35s ease;
}
.sec-6-home-7__eyebrow:hover {
  color: var(--at-theme-primary);
}
.sec-6-home-7__eyebrow:hover svg {
  transform: translate(2px, -2px);
}
.sec-6-home-7__title {
  font-family: var(--at-heading-font);
  color: var(--at-neutral-900, #1d1d1d);
  font-size: clamp(2.5rem, 5.5vw, 4.5rem);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.05em;
}
.sec-6-home-7__desc {
  max-width: 494px;
  color: var(--at-neutral-900, #1d1d1d);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-6-home-7__desc {
    font-size: 16px;
    max-width: 100%;
  }
}
.sec-6-home-7__chips {
  gap: 10px;
  width: 100%;
}
.sec-6-home-7__chip {
  display: inline-flex;
  align-items: center;
  height: 55px;
  padding: 0 30px;
  background: var(--at-neutral-950, #0f0f0f);
  color: var(--at-neutral-0, #fefefe);
  overflow: hidden;
  transition: transform 0.35s ease, background 0.35s ease;
}
.sec-6-home-7__chip:hover {
  background: var(--at-theme-primary);
  transform: translateX(4px);
}
.sec-6-home-7__chip-text {
  font-family: var(--at-heading-font);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.sec-6-home-7__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-6-home-7__cards {
    gap: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-6-home-7__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-6-home-7__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-6-home-7__cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.sec-6-home-7__card-wrap {
  min-width: 0;
}
.sec-6-home-7__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 487px;
  padding: 51px 52px;
  border: 1px solid var(--at-neutral-100, #dfdfdf);
  border-radius: 8px;
  background: var(--at-neutral-0, #fefefe);
  overflow: hidden;
  transition: border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}
.sec-6-home-7__card:hover {
  border-color: var(--at-neutral-300, #b7b7b7);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -20px rgba(15, 15, 15, 0.12);
}
.sec-6-home-7__card:hover .sec-6-home-7__card-media img {
  transform: scale(1.06);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-6-home-7__card {
    min-height: 440px;
    padding: 40px 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-6-home-7__card {
    min-height: 420px;
    padding: 36px 32px;
  }
}
@media (max-width: 574.98px) {
  .sec-6-home-7__card {
    min-height: auto;
    padding: 32px 24px;
  }
}
.sec-6-home-7__card-body {
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-bottom: 24px;
}
.sec-6-home-7__card-num {
  font-family: var(--at-heading-font);
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.05em;
  color: var(--at-neutral-300, #b7b7b7);
}
.sec-6-home-7__card-title {
  font-family: var(--at-heading-font);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.05em;
  color: var(--at-neutral-900, #1d1d1d);
}
.sec-6-home-7__card-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.02em;
  color: var(--at-neutral-900, #1d1d1d);
}
.sec-6-home-7__card-media {
  position: relative;
  width: 100%;
  aspect-ratio: 305/185;
  border-radius: 8px;
  overflow: hidden;
  background: var(--at-neutral-100, #dfdfdf);
}
.sec-6-home-7__card-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(0%);
  transition: transform 0.6s ease, filter 0.4s ease;
}
.sec-6-home-7__card-media:hover img {
  filter: grayscale(100%);
  transition: transform 0.6s ease, filter 0.4s ease;
}

@keyframes sec7Home7Spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes sec5-home-9-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes sec-7-home-9-deco-spin {
  to {
    transform: rotate(360deg);
  }
}


@keyframes h10-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scroll-line-drop {
  0% {
    top: -40%;
  }
  100% {
    top: 140%;
  }
}

@keyframes sec-6-home-13-ripple {
  0% {
    opacity: 0.55;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(4);
  }
}
@keyframes sec8home14TickerScroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}


.sec-1-home-15 {
  padding-top: 66px;
  padding-bottom: 80px;
  background-color: var(--at-neutral-0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-home-15 {
    padding-top: 60px;
    padding-bottom: 56px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15 {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
.sec-1-home-15 {
  
}
.sec-1-home-15__card {
  position: relative;
  width: 100%;
  height: 637px;
  max-height: calc(100vh - 160px);
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--at-neutral-900);
  isolation: isolate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-1-home-15__card {
    height: 560px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-1-home-15__card {
    height: 520px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-home-15__card {
    height: 480px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-1-home-15__card {
    height: 560px;
    max-height: none;
  }
}
@media (max-width: 574.98px) {
  .sec-1-home-15__card {
    height: 520px;
    max-height: none;
    border-radius: 12px;
  }
}
.sec-1-home-15__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  pointer-events: none;
}
.sec-1-home-15__grid {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80% auto;
  opacity: 0.5;
  mix-blend-mode: screen;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__grid {
    opacity: 0.35;
    background-size: 130% auto;
  }
}
.sec-1-home-15 {
  
}
.sec-1-home-15__top {
  position: absolute;
  top: 30px;
  left: 35px;
  right: 35px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--at-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__top {
    top: 20px;
    left: 20px;
    right: 20px;
  }
}
.sec-1-home-15__coord {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--at-ff-body);
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--at-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__coord {
    font-size: 12px;
    gap: 6px;
  }
}
.sec-1-home-15__email {
  font-family: var(--at-ff-body);
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--at-common-white);
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.sec-1-home-15__email:hover, .sec-1-home-15__email:focus-visible {
  color: var(--at-common-white);
  opacity: 0.7;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__email {
    font-size: 12px;
  }
}
.sec-1-home-15 {
  
}
.sec-1-home-15__scroll {
  position: absolute;
  right: 40px;
  top: 50%;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  transform: translateY(-50%);
  color: var(--at-neutral-100);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__scroll {
    display: none;
  }
}
.sec-1-home-15__scroll-line {
  display: block;
  width: 1px;
  height: 70px;
  background-color: #fff;
  opacity: 0.7;
  animation: secOneHome15ScrollLine 2.4s ease-in-out infinite;
}
.sec-1-home-15__scroll-label {
  font-family: var(--at-ff-body);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@keyframes secOneHome15ScrollLine {
  0%, 100% {
    transform: scaleY(0.4);
    transform-origin: top;
    opacity: 0.4;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
    opacity: 0.9;
  }
}
.sec-1-home-15 {
  
}
.sec-1-home-15__bottom {
  position: absolute;
  left: 35px;
  right: 35px;
  bottom: 40px;
  z-index: 4;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-home-15__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__bottom {
    left: 20px;
    right: 20px;
    bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}
.sec-1-home-15__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 540px;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__tags {
    max-width: none;
  }
}
.sec-1-home-15__tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 19px;
  background-color: rgba(70, 70, 70, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 32px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  color: #fff;
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.sec-1-home-15__tag svg {
  flex-shrink: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__tag {
    padding: 11px 14px;
    font-size: 13px;
    gap: 8px;
  }
}
.sec-1-home-15__clients {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 15px;
  color: var(--at-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__clients {
    align-items: flex-start;
  }
}
.sec-1-home-15__clients-text {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-align: right;
  color: var(--at-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__clients-text {
    text-align: left;
  }
  .sec-1-home-15__clients-text br {
    display: none;
  }
}
@media (max-width: 574.98px) {
  .sec-1-home-15__clients-text {
    font-size: 14px;
  }
}
.sec-1-home-15 {
  
}
.sec-1-home-15__title-block {
  position: relative;
  padding-top: 44px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-1-home-15__title-block {
    padding-top: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-home-15__title-block {
    padding-top: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-15__title-block {
    padding-top: 22px;
  }
}
.sec-1-home-15__title {
  font-family: var(--at-ff-heading);
  font-weight: 700;
  font-size: 173px;
  line-height: 1;
  letter-spacing: -0.05em;
  text-align: center;
  color: var(--at-neutral-900);
  margin: 0;
}
.sec-1-home-15__service-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 22px;
  color: var(--at-neutral-600);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sec-1-home-15__service-label::before,
.sec-1-home-15__service-label::after {
  width: 34px;
  height: 1px;
  background: currentColor;
  opacity: .45;
  content: "";
}
.sec-1-home-15__title.sec-1-home-15__title--outcome {
  max-width: 1440px;
  margin-inline: auto;
  font-size: clamp(50px, 5.65vw, 96px);
  line-height: .96;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.sec-1-home-15__title--outcome strong {
  font: inherit;
  font-weight: 700;
  background: linear-gradient(90deg, #1fb7ff 0%, #2f6bff 48%, #8b5cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 34px rgba(47, 107, 255, .16);
}
.sec-1-home-15__title--outcome > span {
  display: block;
  white-space: nowrap;
}
.sec-1-home-15__title-line--mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .sec-1-home-15__service-label { margin-bottom: 16px; font-size: 10px; }
  .sec-1-home-15__title.sec-1-home-15__title--outcome {
    font-size: clamp(39px, 10.6vw, 48px);
    line-height: .96;
    letter-spacing: -.055em;
  }
  .sec-1-home-15__title-line--desktop {
    display: none !important;
  }
  .sec-1-home-15__title-line--mobile {
    display: block !important;
    white-space: nowrap !important;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
  .sec-1-home-15__title {
    font-size: 150px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-1-home-15__title {
    font-size: 128px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-1-home-15__title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-1-home-15__title {
    font-size: 92px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-home-15__title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-1-home-15__title {
    font-size: 56px;
  }
}
@media (max-width: 574.98px) {
  .sec-1-home-15__title {
    font-size: 40px;
  }
}
.sec-1-home-15__title-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: -22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-1-home-15__title-meta {
    margin-top: -16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-home-15__title-meta {
    margin-top: -10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-1-home-15__title-meta {
    margin-top: 8px;
  }
}
@media (max-width: 574.98px) {
  .sec-1-home-15__title-meta {
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 8px;
  }
}


.sec-2-home-15 {
  background-color: var(--at-neutral-0);
  border-top: 1px solid var(--at-neutral-200);
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}
.sec-2-home-15 {
  
}

@keyframes sec-2-home-15-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.7);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(74, 222, 128, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
  }
}

.sec-3-home-15 {
  overflow-x: hidden;
  background-color: var(--at-neutral-0);
  padding-top: clamp(34px, 4vw, 52px);
  padding-bottom: clamp(34px, 4vw, 52px);
  border-top: 1px solid var(--at-neutral-200);
  border-bottom: 1px solid var(--at-neutral-200);
}


.sec-4-home-15 {
  background-color: var(--at-neutral-0);
  
}
.sec-4-home-15__title-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 30px;
  border: 1px solid var(--at-neutral-200);
  border-radius: 16px;
  background-color: var(--at-neutral-0);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-4-home-15__title-bar {
    padding: 26px;
    margin-bottom: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-4-home-15__title-bar {
    padding: 24px;
    margin-bottom: 56px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-4-home-15__title-bar {
    padding: 20px;
    margin-bottom: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}
.sec-4-home-15__heading {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 72px;
  line-height: 1.05;
  letter-spacing: -0.05em;
  color: var(--at-neutral-900);
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-4-home-15__heading {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-4-home-15__heading {
    font-size: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-4-home-15__heading {
    font-size: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-4-home-15__heading {
    font-size: 38px;
  }
}
@media (max-width: 574.98px) {
  .sec-4-home-15__heading {
    font-size: 32px;
  }
}
.sec-4-home-15 {
  
}
.sec-4-home-15__cards {
  display: flex;
  flex-direction: column;
  gap: 92px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-4-home-15__cards {
    gap: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-4-home-15__cards {
    gap: 56px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-4-home-15__cards {
    gap: 40px;
  }
}
.sec-4-home-15__card {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1428/1011;
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--at-neutral-200);
  text-decoration: none;
}
@media (max-width: 574.98px) {
  .sec-4-home-15__card {
    border-radius: 12px;
    aspect-ratio: 4/5;
  }
}
.sec-4-home-15__card:hover, .sec-4-home-15__card:focus-visible {
  color: inherit;
}
.sec-4-home-15 {
  
}


.sec-4-home-15 {
  padding-top: clamp(80px, 8vw, 125px) !important;
  padding-bottom: clamp(80px, 8vw, 125px) !important;
}
.sec-4-home-15__title-bar {
  display: block;
  margin-bottom: clamp(48px, 6vw, 82px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.sec-4-home-15__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  column-gap: clamp(56px, 8vw, 136px);
  width: 100%;
  max-width: none;
}
.sec-4-home-15__intro-main {
  min-width: 0;
}
.sec-4-home-15__intro-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 8px;
}
.sec-4-home-15__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: var(--at-primary-600, #1769d2);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.sec-4-home-15__eyebrow i {
  display: block;
  width: 28px;
  height: 1px;
  background: currentColor;
}
.sec-4-home-15__heading {
  max-width: 780px;
  font-size: clamp(44px, 5.2vw, 78px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.sec-4-home-15__intro-aside > p {
  max-width: 490px;
  margin: 0 0 28px;
  color: var(--at-neutral-600);
  font-size: 16px;
  line-height: 1.75;
}
.sec-4-home-15__projects-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-width: 220px;
  padding: 15px 18px 15px 20px;
  border: 1px solid rgba(77, 139, 255, 0.44);
  border-radius: 7px;
  background: rgba(31, 103, 255, 0.08);
  color: var(--at-neutral-900);
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}
.sec-4-home-15__projects-link svg {
  flex: 0 0 auto;
  color: #4d8bff;
  transition: transform 0.25s ease;
}
.sec-4-home-15__projects-link:hover,
.sec-4-home-15__projects-link:focus-visible {
  border-color: #4d8bff;
  background: rgba(31, 103, 255, 0.16);
  color: var(--at-neutral-900);
}
.sec-4-home-15__projects-link:hover svg,
.sec-4-home-15__projects-link:focus-visible svg {
  transform: translateX(4px);
}
.sec-4-home-15__stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(42px, 5vw, 68px) !important;
  border-top: 1px solid var(--at-neutral-200);
  border-bottom: 1px solid var(--at-neutral-200);
}
.sec-4-home-15__stats li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  gap: 5px 18px;
  min-height: 112px;
  padding: 26px 32px;
  border-right: 1px solid var(--at-neutral-200);
}
.sec-4-home-15__stats li:first-child {
  padding-left: 0;
}
.sec-4-home-15__stats li:last-child {
  border-right: 0;
}
.sec-4-home-15__stats .sec-4-home-15__stat-number {
  align-self: start;
  grid-row: 1 / 3;
  color: #4d8bff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}
.sec-4-home-15__stats strong {
  color: var(--at-neutral-900);
  font-size: clamp(24px, 2vw, 31px);
  font-weight: 600;
  line-height: 1;
}
.sec-4-home-15__stats li > span:last-child {
  color: var(--at-neutral-600);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.sec-4-home-15__cards {
  display: flex;
  flex-direction: column;
  gap: clamp(48px, 5vw, 72px) 28px;
}
.sec-4-home-15__project-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {
  .sec-4-home-15__cards.is-3d-scroll-ready {
    position: relative;
    display: block;
    height: min(88vh, 900px);
    overflow: hidden;
    perspective: 1600px;
    perspective-origin: 50% 32%;
    transform-style: preserve-3d;
  }
  .sec-4-home-15__cards.is-3d-scroll-ready .sec-4-home-15__project-row {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
  }
  .sec-4-home-15__cards.is-3d-scroll-ready .sec-4-home-15__card {
    height: 100%;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  }
}
.sec-4-home-15__card {
  display: block;
  width: 100%;
  aspect-ratio: auto;
  overflow: hidden;
  border: 1px solid var(--at-neutral-200);
  border-radius: 14px;
  color: var(--at-neutral-900);
  background: var(--at-neutral-0);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12);
}
.sec-4-home-15__more {
  margin-top: clamp(80px, 9vw, 140px);
}
.sec-4-home-15__all-projects {
  margin-top: 0;
}
.sec-4-home-15__more-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.sec-4-home-15__mini-card {
  position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 16px;
  color: #ffffff;
  background: #070b12;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.14);
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.sec-4-home-15__mini-card:hover,
.sec-4-home-15__mini-card:focus-visible {
  color: #ffffff;
  border-color: rgba(96, 165, 250, 0.72);
  transform: translateY(-5px);
  box-shadow: 0 22px 50px rgba(23, 105, 210, 0.16);
}
.sec-4-home-15__mini-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #070b12;
}
.sec-4-home-15__mini-media::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(180deg, rgba(3, 7, 15, 0.02) 18%, rgba(3, 7, 15, 0.34) 44%, rgba(3, 7, 15, 0.82) 68%, rgba(3, 7, 15, 0.98) 100%);
  pointer-events: none;
}
.sec-4-home-15__mini-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;
}
.sec-4-home-15__mini-card:hover .sec-4-home-15__mini-media img,
.sec-4-home-15__mini-card:focus-visible .sec-4-home-15__mini-media img {
  filter: saturate(1.06);
  transform: scale(1.035);
}
.sec-4-home-15__mini-index {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 6px;
  color: #172033;
  background: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.sec-4-home-15__mini-content {
  position: absolute;
  right: 76px;
  bottom: 22px;
  left: 22px;
  z-index: 2;
  display: block;
}
.sec-4-home-15__mini-category {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(147, 197, 253, 0.28);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(23, 105, 210, 0.88);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.sec-4-home-15__mini-content > strong {
  display: block;
  color: #ffffff;
  font-size: clamp(21px, 1.8vw, 28px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}
.sec-4-home-15__mini-action {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  color: #ffffff;
  background: rgba(8, 15, 28, 0.62);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}
.sec-4-home-15__mini-card:hover .sec-4-home-15__mini-action,
.sec-4-home-15__mini-card:focus-visible .sec-4-home-15__mini-action {
  border-color: #60a5fa;
  background: #1769d2;
  transform: translate(2px, -2px);
}
@media (max-width: 991px) {
  .sec-4-home-15__title-bar {
    margin-bottom: 52px;
    padding: 0;
  }
  .sec-4-home-15__intro {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }
  .sec-4-home-15__intro-aside {
    max-width: 650px;
    padding-bottom: 0;
  }
  .sec-4-home-15__stats {
    margin-top: 14px !important;
  }
  .sec-4-home-15__more-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .sec-4-home-15__stats li {
    min-height: 100px;
    padding: 22px 18px;
  }
  .sec-4-home-15__stats li:first-child {
    padding-left: 0;
  }
  .sec-4-home-15__cards {
    gap: 44px;
  }
  .sec-4-home-15__project-row {
    grid-template-columns: 1fr;
    gap: 44px;
  }
  .sec-4-home-15__more-grid {
    grid-template-columns: 1fr;
  }
  .sec-4-home-15__mini-content {
    right: 68px;
    bottom: 18px;
    left: 18px;
  }
}
@media (max-width: 574.98px) {
  .sec-4-home-15__heading {
    font-size: 38px;
  }
  .sec-4-home-15__intro-aside > p {
    font-size: 16px;
  }
  .sec-4-home-15__projects-link {
    width: 100%;
  }
  .sec-4-home-15__stats {
    grid-template-columns: 1fr;
  }
  .sec-4-home-15__stats li,
  .sec-4-home-15__stats li:first-child {
    min-height: 88px;
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid var(--at-neutral-200);
  }
  .sec-4-home-15__stats li:last-child {
    border-bottom: 0;
  }
}


.sec-4-home-15__mini-card {
  border-color: rgba(104, 145, 211, 0.22);
  border-radius: 18px;
  background: #0b111d;
  box-shadow: 0 18px 48px rgba(2, 8, 20, 0.18);
}
.sec-4-home-15__mini-category {
  margin-bottom: 12px;
  color: #75a7ff;
  background: transparent;
  border: 0;
  padding: 0;
  font-size: 11px;
  letter-spacing: 0.09em;
}
.sec-4-home-15__mini-location {
  display: block;
  margin-top: 22px;
  color: rgba(236, 242, 255, 0.78);
  font-size: 14px;
}
.sec-4-home-15__mini-location b,
.sec-4-home-15__mini-tools > b {
  color: #ffffff;
  font-weight: 600;
}
.sec-4-home-15__mini-tools {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 28px;
  color: rgba(236, 242, 255, 0.76);
  font-size: 14px;
}
.sec-4-home-15__mini-tools > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.sec-4-home-15__tool-mark {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: max-content;
  height: 31px;
  padding: 0 10px;
  place-items: center;
  border: 1px solid rgba(47, 107, 255, 0.22);
  border-radius: 999px;
  color: #2f6bff;
  background: rgba(47, 107, 255, 0.08);
  font-family: var(--at-ff-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.sec-4-home-15__tool-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}
.sec-4-home-15__mini-tools .sec-4-home-15__tool-mark:nth-child(2) {
  border-color: rgba(47, 107, 255, 0.22);
  color: #2f6bff;
  background: rgba(47, 107, 255, 0.08);
}
.sec-4-home-15__mini-tools .sec-4-home-15__tool-mark:nth-child(3) {
  border-color: rgba(47, 107, 255, 0.22);
  color: #2f6bff;
  background: rgba(47, 107, 255, 0.08);
}
.sec-4-home-15__mini-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 48px;
  margin-top: auto;
  padding: 11px 21px;
  border: 1px solid #75a7ff;
  border-radius: 999px;
  color: #f7f9ff;
  background: linear-gradient(110deg, rgba(31, 81, 184, 0.1), rgba(42, 102, 230, 0.68));
  font-size: 15px;
  font-weight: 600;
  transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.sec-4-home-15__mini-card:hover .sec-4-home-15__mini-action,
.sec-4-home-15__mini-card:focus-visible .sec-4-home-15__mini-action {
  border-color: #9fc2ff;
  background: #2869df;
  transform: translateY(-2px);
}
.sec-4-home-15__more-grid {
  align-items: stretch;
}
.sec-4-home-15__mini-card {
  display: flex;
  min-height: 610px;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
}
.sec-4-home-15__mini-media {
  flex: 0 0 auto;
  aspect-ratio: 16 / 10;
  border-bottom: 1px solid rgba(104, 145, 211, 0.18);
  background: #070c16;
}
.sec-4-home-15__mini-media::after {
  display: none;
}
.sec-4-home-15__mini-media img {
  object-fit: contain;
}
.sec-4-home-15__mini-content {
  position: static;
  display: flex;
  min-height: 310px;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px 24px 24px;
}
.sec-4-home-15__mini-content > strong {
  color: #f7f9ff;
  font-size: clamp(23px, 2vw, 30px);
  line-height: 1.12;
  text-shadow: none;
}
.sec-4-home-15__mini-action {
  position: static;
  width: auto;
  height: auto;
  margin-top: auto;
  border-radius: 999px;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
@media (max-width: 767px) {
  .sec-4-home-15__mini-tools {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 26px;
  }
  .sec-4-home-15__mini-card {
    min-height: 560px;
  }
}


.sec-1-portfolio-details-5 {
  position: relative;
  height: 820px;
  background: #050914;
  color: #fff;
}
.sec-1-portfolio-details-5__slider {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.sec-1-portfolio-details-5__slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.sec-1-portfolio-details-5__slide img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-1-portfolio-details-5__veil {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
}
.sec-1-portfolio-details-5__veil--top {
  top: 0;
  height: 100%;
  background: rgba(3, 7, 18, 0.52);
}
.sec-1-portfolio-details-5__veil--bottom {
  bottom: 0;
  height: 240px;
  background: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 0.55) 100%);
}
.sec-1-portfolio-details-5__content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-58%);
  z-index: 2;
}
.sec-1-portfolio-details-5__eyebrow {
  color: var(--at-theme-primary);
  letter-spacing: 0.15em;
}
.sec-1-portfolio-details-5__title {
  color: #fff;
  letter-spacing: -0.05em;
  justify-content: center;
}
.sec-1-portfolio-details-5__tagline {
  color: rgba(255, 255, 255, 0.82);
  letter-spacing: -0.03em;
}
.sec-1-portfolio-details-5 {
  
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-1-portfolio-details-5 {
    height: 720px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-portfolio-details-5 {
    height: 620px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-portfolio-details-5 {
    height: 560px;
  }
  .sec-1-portfolio-details-5__content {
    transform: translateY(-50%);
  }
}
@media (max-width: 574.98px) {
  .sec-1-portfolio-details-5 {
    height: 520px;
  }
  .sec-1-portfolio-details-5__title {
    font-size: 60px !important;
  }
}

@keyframes pd6-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.3333%);
  }
}



.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 574.98px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--at-common-white);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--at-common-black);
  border-radius: 50%;
  transition: all 0.3s ease-out;
}
.back-to-top-btn svg {
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  transform: translateY(-4px);
}



.at-btn {
  gap: 8px;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  padding: 17px 25px;
  text-transform: capitalize;
  color: #FEFEFE;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #1D1D1D;
  border-radius: 50px;
}
.at-btn:hover {
  color: #FEFEFE;
}
.at-btn:hover span span.text-1 {
  transform: translateY(-150%);
}
.at-btn:hover span span.text-2 {
  top: 50%;
  transform: translateY(-50%);
}
.at-btn:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.at-btn:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -13px);
}
.at-btn:hover i.icon-arrow-right svg:first-child {
  transform: translate(16px, 0);
}
.at-btn:hover i.icon-arrow-right svg:last-child {
  transform: translate(16px, 0);
}
.at-btn:hover i.icon-arrow-up-left svg:first-child {
  transform: translate(-16px, -16px);
}
.at-btn:hover i.icon-arrow-up-left svg:last-child {
  transform: translate(-16px, -16px);
}
.at-btn span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.at-btn span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.at-btn span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.at-btn i {
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 16px;
  display: inline-flex;
  margin-left: 4px;
}
.at-btn i svg {
  transform: translateY(-2px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.at-btn i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.at-btn i.icon-arrow-right svg:last-child {
  left: -16px;
  bottom: 0;
}
.at-btn i.icon-arrow-up-left svg:last-child {
  left: 16px;
  bottom: -16px;
}
.at-btn.btn-sm {
  padding: 10px 20px;
}
.at-btn.filter-btn {
  border-radius: 100px;
  border: 1px solid var(--at-neutral-100, #DFDFDF);
  background: var(--at-neutral-0, #FEFEFE);
  color: var(--at-neutral-900);
}
.at-btn.active {
  background: var(--at-neutral-900);
  border-color: var(--at-neutral-900);
  color: var(--at-neutral-0);
}
.at-btn-group {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.at-btn-group > *:nth-child(1) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-end: -52px;
}
.at-btn-group > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
}
.at-btn-group > *:nth-child(3) {
  transform: scale3d(1, 1, 1);
  margin-inline-start: 0;
}
.at-btn-group:hover > *:nth-child(1) {
  transform: scale3d(1, 1, 1);
  margin-inline-end: 0;
  background: #1D1D1D;
}
.at-btn-group:hover > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
  background: #1D1D1D;
}
.at-btn-group:hover > *:nth-child(3) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-start: -52px;
  background: #1D1D1D;
}
.at-btn-group .at-btn-circle {
  text-align: center;
  width: 50px;
  height: 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: #1D1D1D;
  color: #FEFEFE;
}
.at-btn-group .at-btn-circle i {
  transform: rotate(-45deg);
}



@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes arrowLineRotation {
  to {
    transform: rotate(180deg);
  }
}
@keyframes arrowLineRotationRev {
  to {
    transform: rotate(-180deg);
  }
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}



.at-search-form-toggle {
  position: fixed;
  top: 115px;
  left: 50%;
  max-width: 1136px;
  width: 100%;
  padding: 50px 60px 60px;
  border-radius: 16px;
}
@media (max-width: 574.98px) {
  .at-search-form-toggle {
    padding: 15px;
  }
}
.at-search-form-toggle {
  background-color: rgba(var(--at-neutral-50-rgb), 0.9);
  backdrop-filter: blur(20px);
  opacity: 0;
  transform: translate(-50%, calc(-100% - 80px));
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0s, 0s, 0s;
  transition-delay: 0.5s;
  z-index: 9999;
  pointer-events: none;
  visibility: hidden;
}
.at-search-form-toggle.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translate(-50%, 0);
  transition-delay: 0s;
}
.at-search-form-toggle.active .at-search-form-input {
  transform: translate(0, 0) !important;
  opacity: 1;
  transition-delay: 0.5s;
}
.at-search-form-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 16px;
  border-radius: 8px;
}
.at-search-form-input {
  position: relative;
  transform: translateY(-40px);
  transition: all 0.3s ease-in-out !important;
  transition-delay: 0.5s;
  padding: 12px 15px 12px 32px;
  border-radius: 8px;
  opacity: 0;
  border: 1px solid var(--at-neutral-100);
  background: var(--at-neutral-0);
  overflow: hidden;
}
.at-search-form-input input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  font-size: 24px;
  font-weight: 400;
  color: var(--at-common-black);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 636px;
  background: var(--at-neutral-0);
  transition-delay: 0.5s;
  transition: all 0.3s ease-in-out !important;
}
.at-search-form-input input::-moz-placeholder {
  
  font-size: 24px;
  color: var(--at-neutral-500);
}
.at-search-form-input input::placeholder {
  
  font-size: 24px;
  color: var(--at-neutral-500);
}
.at-search-form-input input:focus {
  border-color: transparent;
}
.at-search-form-input input:focus ~ .at-search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 2s;
}
.at-search-form-input .at-search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--at-common-black);
  transition: all 0.5s;
}
.at-search-close {
  color: var(--at-common-black);
  font-size: 40px;
  transition: all 0.3s ease;
}
.at-search-close:hover {
  color: var(--at-neutral-500);
  transform: rotate(180deg);
}
.at-search-body-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  z-index: 99;
  cursor: zoom-out;
  pointer-events: none;
  transform: translateY(calc(-100% - 80px));
  transition: all 0.5s ease-in-out 0s;
  transition-delay: 0.3s;
}
.at-search-body-overlay.active {
  pointer-events: auto;
  transform: translateY(0);
}

.at-categories-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--at-neutral-900);
  margin-bottom: 16px;
  margin-top: 50px;
}
.at-categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.at-categories-item {
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 18px;
  border-radius: 100px;
  border: 1px solid var(--at-neutral-100);
  background: var(--at-neutral-0);
  color: var(--at-neutral-900);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.8px;
  transition: all 0.3s ease;
}
.at-categories-item:hover {
  background: var(--at-neutral-900);
  color: var(--at-neutral-0);
  border-color: var(--at-neutral-900);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.at-search-form-toggle {
  border: 1px solid rgba(65, 137, 255, 0.22);
  background: rgba(5, 9, 18, 0.94);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.46);
}
.at-search-body-overlay {
  background: rgba(2, 7, 18, 0.72);
  backdrop-filter: blur(8px);
}
.at-search-close,
.at-categories-title {
  color: #f7fbff;
}
.at-search-close:hover {
  color: #3aa8ff;
}
.at-search-form-input {
  border-color: rgba(65, 137, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
}
.at-search-form-input input {
  color: #ffffff;
  background: transparent;
}
.at-search-form-input input::placeholder {
  color: rgba(231, 238, 250, 0.62);
}
.at-search-form-input .at-search-focus-border {
  height: 2px;
  background: linear-gradient(90deg, #12c8ff, #2f79ff, #8a5cff);
}
.at-search-form-btn.at-btn {
  background: linear-gradient(135deg, #0caeff, #2e63ff 54%, #8f55ff);
  border: 0;
  color: #fff;
}
.at-categories-list {
  gap: 10px;
}
.at-categories-item {
  border-color: rgba(65, 137, 255, 0.24);
  background: rgba(255, 255, 255, 0.06);
  color: #eaf2ff;
  letter-spacing: 0;
}
.at-categories-item:hover,
.at-categories-item:focus-visible {
  border-color: rgba(58, 168, 255, 0.75);
  background: rgba(58, 168, 255, 0.16);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(31, 111, 255, 0.18);
}
@media (max-width: 574.98px) {
  .at-search-form-toggle {
    top: 76px;
    width: calc(100% - 24px);
    padding: 24px 18px 28px;
    border-radius: 14px;
  }
  .at-search-form-input {
    padding: 12px;
    padding-bottom: 70px;
  }
  .at-search-form-input input,
  .at-search-form-input input::placeholder {
    font-size: 18px;
  }
  .at-search-form-btn {
    top: auto;
    right: 12px;
    bottom: 12px;
    transform: none;
  }
  .at-categories-title {
    margin-top: 28px;
  }
  .at-categories-item {
    padding: 10px 15px;
    font-size: 14px;
  }
}



.nice-select {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  outline: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  color: var(--at-neutral-900);
  padding-left: 55px;
  font-weight: 500;
  background-color: var(--at-neutral-0);
  border-radius: 5px;
  font-size: 20px;
  height: 50px;
  line-height: 48px;
  padding-right: 30px;
  font-family: var(--at-ff-body);
}
.nice-select:hover {
  border-color: ar(--at-theme-primary);
}
.nice-select::before {
  position: absolute;
  content: "";
  width: 48px;
  height: 2px;
  background-color: var(--at-neutral-900);
  top: 50%;
  left: 0;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  transform: translateY(-50%);
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  font-family: var(--at-ff-fontawesome);
  color: var(--at-neutral-900);
  font-weight: 600;
  pointer-events: none;
  font-size: 18px;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  transform: translateY(-50%);
}
.nice-select.open::after {
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: var(--at-neutral-0);
  width: 200px;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 500;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
  border-radius: 12px;
}
.nice-select .option:hover {
  background-color: var(--at-neutral-50);
  color: var(--at-neutral-900);
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}
.nice-select .option.selected {
  font-weight: 400;
  color: var(--at-theme-primary);
}

[data-bs-theme=dark] {
  --at-common-white: var(--at-common-dark-white);
  --at-common-white-rgb: var(--at-common-dark-white-rgb);
  --at-common-black: var(--at-common-dark-black);
  --at-common-black-rgb: var(--at-common-dark-black-rgb);
  --at-common-bubbles: var(--at-common-dark-bubbles);
  --at-neutral-0: var(--at-neutral-dark-0);
  --at-neutral-0-rgb: var(--at-neutral-dark-0-rgb);
  --at-neutral-50: var(--at-neutral-dark-50);
  --at-neutral-50-rgb: var(--at-neutral-dark-50-rgb);
  --at-neutral-100: var(--at-neutral-dark-100);
  --at-neutral-200: var(--at-neutral-dark-200);
  --at-neutral-300: var(--at-neutral-dark-300);
  --at-neutral-500: var(--at-neutral-dark-500);
  --at-neutral-700: var(--at-neutral-dark-700);
  --at-neutral-800: var(--at-neutral-dark-800);
  --at-neutral-900: var(--at-neutral-dark-900);
  --at-neutral-950: var(--at-neutral-dark-950);
}
[data-bs-theme=dark] .at-header-logo img,
[data-bs-theme=dark] .at-offcanvas-logo img {
  filter: none;
}
[data-bs-theme=dark] .dark-mode-invert {
  filter: invert(1);
}
[data-bs-theme=dark] .at-main-menu nav ul li.has-dropdown > a::after {
  filter: invert(1);
}
[data-bs-theme=dark] .changeless {
  --at-common-white: #ffffff;
  --at-common-white-rgb: 255, 255, 255;
  --at-common-black: #1e1e1e;
  --at-common-bubbles: #e1eeb7;
  --at-neutral-950: #0f0f0f;
  --at-neutral-900: #1d1d1d;
  --at-neutral-800: #212121;
  --at-neutral-700: #303030;
  --at-neutral-500: #585959;
  --at-neutral-300: #b7b7b7;
  --at-neutral-100: #dfdfdf;
  --at-neutral-50: #f2f2f2;
  --at-neutral-0: #fefefe;
}


.services-page {
  --services-blue: #1769d2;
  --services-blue-soft: #60a5fa;
}
.services-page .sec-1-services > .bg-neutral-50 {
  overflow: hidden;
  border-bottom: 1px solid var(--at-neutral-200);
  background:
    radial-gradient(circle at 12% 30%, rgba(23, 105, 210, 0.12), transparent 34%),
    radial-gradient(circle at 82% 16%, rgba(96, 165, 250, 0.1), transparent 30%),
    var(--at-neutral-50);
}
.services-page .sec-1-services .section-title {
  max-width: 100%;
  font-size: clamp(76px, 11vw, 178px);
  line-height: 0.88;
  letter-spacing: -0.065em;
}
.services-page .sec-1-services h6 {
  max-width: 540px;
  margin-top: 24px !important;
  color: var(--at-neutral-700);
  font-size: clamp(17px, 1.5vw, 22px);
  line-height: 1.55;
}
.services-page .sec-1-services .scene > div {
  overflow: hidden;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 26px 26px 0 0;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);
}
.services-page .sec-1-services .scene img {
  display: block;
  width: 100% !important;
  height: clamp(560px, 62vw, 760px) !important;
  object-fit: cover !important;
}
.services-page__section-head {
  padding-bottom: 34px;
  border-bottom: 1px solid var(--at-neutral-200);
}
.services-page__eyebrow {
  display: inline-flex;
  margin-bottom: 13px;
  padding: 7px 11px;
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 999px;
  color: var(--services-blue-soft);
  background: rgba(23, 105, 210, 0.08);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.services-page__section-head h2 {
  max-width: 760px;
  color: var(--at-neutral-900);
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.03;
  letter-spacing: -0.05em;
}
.services-page__section-head p {
  color: var(--at-neutral-600);
  font-size: 16px;
  line-height: 1.7;
}
.services-page .sec-2-services .at-service-card,
.services-page .sec-2-services .at-service-card.card-2 {
  min-height: 500px;
  margin-top: 0;
  border: 1px solid var(--at-neutral-200);
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.services-page .sec-2-services .at-service-card:hover {
  border-color: rgba(96, 165, 250, 0.58);
  box-shadow: 0 26px 58px rgba(23, 105, 210, 0.16);
  transform: translateY(-7px);
}
.services-page .sec-2-services .at-service-card-content {
  z-index: 2;
}
.services-page .sec-2-services .at-service-card h6 {
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}
.services-page .sec-2-services .at-service-card-description p {
  font-size: 14px;
  line-height: 1.6;
}
.services-page .sec-2-services .at-service-card img {
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.services-page .sec-2-services .at-service-card:hover img {
  transform: scale(1.035);
}
.services-page .sec-2-about {
  border-top: 1px solid var(--at-neutral-200);
  background:
    linear-gradient(180deg, rgba(23, 105, 210, 0.04), transparent 28%),
    var(--at-neutral-50) !important;
}
.services-page .process-scroll .process-card {
  overflow: hidden;
  border: 1px solid var(--at-neutral-200);
  border-radius: 22px;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.1);
}
.services-page .process-scroll .process-card__img-wrap {
  overflow: hidden;
  min-height: 280px;
  border-radius: 14px;
  background: var(--at-neutral-100);
}
.services-page .process-scroll .process-card__img-wrap img {
  object-fit: cover;
}
.services-page .process-scroll .process-card__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #ffffff;
  background: var(--services-blue);
}
.services-page .home-2-section-9 {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 20%, rgba(37, 99, 235, 0.35), transparent 34%),
    radial-gradient(circle at 80% 80%, rgba(96, 165, 250, 0.2), transparent 34%),
    #07101f;
}
.services-page .home-2-section-9 h1 {
  color: #ffffff;
  text-shadow: 0 0 34px rgba(96, 165, 250, 0.26);
}
.services-page .home-2-section-9 h6 {
  color: rgba(255, 255, 255, 0.7);
}
.services-page .sec-7-about {
  border-top: 1px solid var(--at-neutral-200);
  background: var(--at-neutral-50);
}
.services-page .at-faq-item {
  border-color: var(--at-neutral-200);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.05);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.services-page .at-faq-item:hover {
  border-color: rgba(96, 165, 250, 0.52);
  box-shadow: 0 18px 40px rgba(23, 105, 210, 0.1);
  transform: translateY(-2px);
}
@media (max-width: 991px) {
  .services-page .sec-1-services .scene {
    margin-top: 48px;
  }
  .services-page .sec-1-services .scene img {
    height: clamp(420px, 80vw, 620px) !important;
  }
  .services-page .sec-2-services .at-service-card,
  .services-page .sec-2-services .at-service-card.card-2 {
    min-height: 440px;
  }
}
@media (max-width: 575px) {
  .services-page .sec-1-services .section-title {
    font-size: clamp(68px, 23vw, 108px);
    white-space: normal !important;
  }
  .services-page .sec-1-services .scene img {
    height: 390px !important;
  }
  .services-page__section-head h2 {
    font-size: 42px;
  }
  .services-page .sec-2-services .at-service-card,
  .services-page .sec-2-services .at-service-card.card-2 {
    min-height: 420px;
  }
  .services-page .process-scroll .process-card {
    padding: 24px;
  }
}



.softvate-case-study { --cs-blue: #2f6bff; --cs-line: rgba(255,255,255,.12); overflow: hidden; background: var(--black-2, #0b0d12); color: #f6f7fb; }
.softvate-case-study:not(.softvate-case-study--cinematic),
.softvate-case-study:not(.softvate-case-study--cinematic) *,
.softvate-case-study:not(.softvate-case-study--cinematic) *::before,
.softvate-case-study:not(.softvate-case-study--cinematic) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
.softvate-case-study:not(.softvate-case-study--cinematic) a:hover,
.softvate-case-study:not(.softvate-case-study--cinematic) article:hover { transform: none !important; }
.softvate-case-study--cinematic { --cs-blue: #f00082; --cs-line: rgba(255,255,255,.1); background: #05070d; }
.softvate-case-study--cinematic .softvate-case-study__section-label,
.softvate-case-study--cinematic .softvate-case-study__eyebrow { color: #f00082; }
.softvate-case-study--cinematic .softvate-case-study__chips span { border-color: rgba(240,0,130,.28); background: rgba(240,0,130,.06); }
.softvate-case-study--cinematic .softvate-case-study__chips b,
.softvate-case-study--cinematic .softvate-case-study__timeline li > span { color: #ff4da6; }
.softvate-case-study--cinematic .softvate-case-study__timeline li::before { background: #f00082; box-shadow: 0 0 0 7px rgba(240,0,130,.13); }
.softvate-case-study--cinematic .softvate-case-study__result-grid strong { color: #00d9e8; }
.softvate-case-study--cinematic .softvate-case-study__results { background: linear-gradient(135deg,#120818 0%,#05070d 65%); }
.softvate-case-study--cinematic .softvate-case-study__tech { background: #0a0c14; }
.softvate-case-study .container { position: relative; }
.softvate-case-study__hero { position: relative; overflow: hidden; padding: 172px 0 104px; background: linear-gradient(135deg, #071021 0%, #0a0d14 58%, #10132a 100%); }
.softvate-case-study__hero::before { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(47,107,255,.08) 1px, transparent 1px), linear-gradient(180deg, rgba(47,107,255,.08) 1px, transparent 1px); background-size: 86px 86px; opacity: .28; content: ""; }
.softvate-case-study__hero::after { position: absolute; right: 0; bottom: 0; width: min(42vw, 620px); height: min(42vw, 620px); pointer-events: none; background: radial-gradient(circle at 62% 64%, rgba(47,107,255,.3), transparent 62%); opacity: .72; content: ""; }
.softvate-case-study__back { display: inline-flex; margin-bottom: 70px; color: rgba(255,255,255,.68); font-size: 14px; letter-spacing: .04em; transition: color .25s ease; }
.softvate-case-study__back:hover { color: #fff; }
.softvate-case-study__hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.32fr) minmax(340px,.68fr); gap: clamp(48px,7vw,110px); align-items: end; }
.softvate-case-study__eyebrow,.softvate-case-study__section-label { display: block; color: #7fa3ff; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.softvate-case-study__hero h1,
.softvate-case-study__hero h2 { max-width: 950px; margin: 22px 0 0; color: #fff; font-size: clamp(52px, 6.8vw, 108px); line-height: .95; letter-spacing: -.055em; }
.softvate-case-study__hero-subtitle { max-width: 780px; margin: 30px 0 0; color: rgba(255,255,255,.74); font-size: clamp(20px,2vw,30px); line-height: 1.34; letter-spacing: -.025em; }
.softvate-case-study__lead > p { margin: 0 0 34px; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.65; }
.softvate-case-study__lead dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; margin: 0; padding-top: 25px; border-top: 1px solid var(--cs-line); }
.softvate-case-study__lead dl div { display: grid; gap: 5px; }
.softvate-case-study__lead dt { color: rgba(255,255,255,.42); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.softvate-case-study__lead dd { margin: 0; color: #fff; font-size: 14px; }
.softvate-case-study__hero-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 34px; min-height: 50px; padding: 14px 22px; border: 1px solid rgba(126,161,255,.45); border-radius: 999px; background: rgba(47,107,255,.16); color: #fff; font-weight: 700; transition: transform .25s ease, border-color .25s ease, background-color .25s ease; }
.softvate-case-study__hero-link:hover { color: #fff; border-color: #7fa3ff; background: rgba(47,107,255,.28); transform: translateY(-2px); }
.softvate-case-study__hero-link svg { width: 18px; height: 18px; }
.softvate-case-study__showcase { padding: 90px 0 120px; background: #0d111b; }
.softvate-case-study__showcase .container { min-height: 630px; }
.softvate-case-study__desktop-frame { width: calc(100% - 125px); overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: #06070b; box-shadow: 0 42px 100px rgba(0,0,0,.42); }
.softvate-case-study__browser-bar { display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 17px; background: #171b25; }
.softvate-case-study__browser-bar i { width: 8px; height: 8px; border-radius: 50%; background: #4e5668; }
.softvate-case-study__browser-bar span { margin-left: 12px; color: rgba(255,255,255,.4); font-size: 11px; }
.softvate-case-study__desktop-frame > img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top center; }
.softvate-case-study__phone-frame { position: absolute; right: 12px; bottom: -30px; width: 240px; padding: 9px; overflow: hidden; border: 2px solid #33394a; border-radius: 34px; background: #090a0e; box-shadow: 0 38px 80px rgba(0,0,0,.6); transform: rotate(2deg); }
.softvate-case-study__phone-frame img { display: block; width: 100%; aspect-ratio: 390/844; object-fit: cover; object-position: top center; border-radius: 25px; }
.softvate-case-study__phone-speaker { position: absolute; z-index: 2; top: 16px; left: 50%; width: 60px; height: 16px; border-radius: 12px; background: #08090c; transform: translateX(-50%); }
.softvate-case-study__live-access { padding: 0 0 110px; background: #0d111b; }
.softvate-case-study__live-access .container { display: flex; align-items: end; justify-content: space-between; gap: 50px; padding-top: 40px; border-top: 1px solid var(--cs-line); }
.softvate-case-study__live-access h2 { margin: 14px 0 12px; color: #fff; font-size: clamp(30px, 3vw, 48px); letter-spacing: -.035em; }
.softvate-case-study__live-access p { max-width: 700px; margin: 0; color: rgba(255,255,255,.58); line-height: 1.7; }
.softvate-case-study__live-access a { display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex: 0 0 auto; min-height: 52px; padding: 14px 24px; border: 1px solid #7199ff; border-radius: 999px; background: #2f6bff; color: #fff; font-weight: 700; transition: transform .25s ease, background-color .25s ease; }
.softvate-case-study__live-access a:hover { color: #fff; background: #2458d8; transform: translateY(-2px); }
.softvate-case-study__live-access svg { width: 18px; height: 18px; }
.softvate-case-study__presentation { padding: 120px 0; border-block: 1px solid var(--cs-line); background: #0a0d14; }
.softvate-case-study__presentation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 55px; }
.softvate-case-study__presentation-grid article { padding: 34px; border: 1px solid var(--cs-line); border-radius: 16px; background: #111622; }
.softvate-case-study__presentation-grid article > span { display: block; margin-bottom: 24px; color: #fff; font-size: 22px; font-weight: 700; }
.softvate-case-study__presentation-grid ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.softvate-case-study__presentation-grid li { position: relative; padding-left: 23px; color: rgba(255,255,255,.65); line-height: 1.6; }
.softvate-case-study__presentation-grid li::before { position: absolute; top: .65em; left: 2px; width: 6px; height: 6px; border-radius: 50%; background: #7199ff; content: ""; }
.softvate-case-study__overview,.softvate-case-study__timeline,.softvate-case-study__results,.softvate-case-study__next { padding: 120px 0; }
.softvate-case-study__split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10vw; }
.softvate-case-study__split h2,.softvate-case-study__section-heading h2 { max-width: 750px; margin: 25px 0 28px; color: #fff; font-size: clamp(38px,4.3vw,68px); line-height: 1.04; letter-spacing: -.045em; }
.softvate-case-study__split article > p,.softvate-case-study__section-heading > p { max-width: 700px; color: rgba(255,255,255,.62); font-size: 17px; line-height: 1.75; }
.softvate-case-study__responsibilities ul { margin: 28px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--cs-line); }
.softvate-case-study__responsibilities li { position: relative; padding: 19px 15px 19px 36px; border-bottom: 1px solid var(--cs-line); color: rgba(255,255,255,.82); }
.softvate-case-study__responsibilities li::before { position: absolute; left: 8px; color: #6692ff; content: "✓"; }
.softvate-case-study__tech { padding: 105px 0; border-block: 1px solid var(--cs-line); background: #111622; }
.softvate-case-study__section-heading { display: grid; justify-items: start; }
.softvate-case-study__chips { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.softvate-case-study__chips span { display: inline-flex; align-items: center; gap: 22px; padding: 14px 20px; border: 1px solid rgba(126,161,255,.28); border-radius: 100px; background: rgba(47,107,255,.06); color: rgba(255,255,255,.85); }
.softvate-case-study__chips b { color: #7199ff; font-size: 10px; letter-spacing: .08em; }
.softvate-case-study__timeline ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 62px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--cs-line); }
.softvate-case-study__timeline li { position: relative; padding: 42px 34px 0 0; }
.softvate-case-study__timeline li::before { position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--cs-blue); box-shadow: 0 0 0 7px rgba(47,107,255,.13); content: ""; }
.softvate-case-study__timeline li > span { color: #7199ff; font-size: 11px; letter-spacing: .14em; }
.softvate-case-study__timeline h3 { margin: 18px 0 14px; color: #fff; font-size: 24px; }
.softvate-case-study__timeline li p { color: rgba(255,255,255,.56); font-size: 14px; line-height: 1.7; }
.softvate-case-study__timeline ol.softvate-case-study__timeline--detailed { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; border-top: 0; }
.softvate-case-study__timeline--detailed > li { padding: 34px; border: 1px solid var(--cs-line); border-radius: 14px; background: #101521; }
.softvate-case-study__timeline--detailed > li::before { top: 31px; left: auto; right: 31px; }
.softvate-case-study__timeline--detailed > li ul { display: grid; gap: 10px; margin: 22px 0; padding: 0; list-style: none; }
.softvate-case-study__timeline--detailed > li ul li { position: relative; padding: 0 0 0 19px; color: rgba(255,255,255,.58); font-size: 13px; line-height: 1.55; }
.softvate-case-study__timeline--detailed > li ul li::before { position: absolute; top: .65em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #7199ff; box-shadow: none; content: ""; }
.softvate-case-study__timeline--detailed > li > strong { display: block; padding-top: 17px; border-top: 1px solid var(--cs-line); color: #8aa9ff; font-size: 13px; line-height: 1.5; }
.softvate-case-study__results { background: linear-gradient(135deg,#11182a 0%,#0b0d13 65%); }
.softvate-case-study__result-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 55px; border: 1px solid var(--cs-line); border-radius: 16px; }
.softvate-case-study__result-grid article { padding: 42px; }
.softvate-case-study__result-grid article + article { border-left: 1px solid var(--cs-line); }
.softvate-case-study__result-grid--extended { grid-template-columns: repeat(4,minmax(0,1fr)); }
.softvate-case-study__result-grid--extended article:nth-child(4n + 1) { border-left: 0; }
.softvate-case-study__result-grid--extended article:nth-child(n + 5) { border-top: 1px solid var(--cs-line); }
.softvate-case-study__result-grid strong { display: block; color: #7ea1ff; font-size: clamp(40px,5vw,70px); line-height: 1; letter-spacing: -.05em; }
.softvate-case-study__result-grid h3 { margin: 22px 0 11px; color: #fff; font-size: 20px; }
.softvate-case-study__result-grid p { color: rgba(255,255,255,.54); font-size: 14px; line-height: 1.65; }
.softvate-case-study__quote { padding: 75px 0; background: #2f6bff; color: #fff; }
.softvate-case-study__quote-card { display: grid; grid-template-columns: auto 1fr auto; gap: 35px; align-items: center; }
.softvate-case-study__quote-card > span { font-family: Georgia,serif; font-size: 100px; line-height: .7; opacity: .55; }
.softvate-case-study__quote-card p { margin: 0 0 7px; color: #fff; font-size: clamp(25px,3vw,40px); font-weight: 600; letter-spacing: -.025em; }
.softvate-case-study__quote-card small { color: rgba(255,255,255,.72); }
.softvate-case-study__quote-card a { display: inline-flex; align-items: center; gap: 13px; padding: 15px 21px; border-radius: 100px; background: #fff; color: #0a1020; font-weight: 700; white-space: nowrap; }
.softvate-case-study__quote-card svg,.softvate-case-study__next svg { width: 18px; height: 18px; }
.softvate-case-study__next { background: #090b10; }
.softvate-case-study__next > .container > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 30px; }
.softvate-case-study__next a { display: grid; grid-template-columns: 1fr auto; gap: 7px 20px; align-items: center; padding: 28px; border: 1px solid var(--cs-line); border-radius: 12px; color: #fff; transition: border-color .25s, transform .25s; }
.softvate-case-study__next a:hover { border-color: #477bff; transform: translateY(-3px); }
.softvate-case-study__next a span { color: rgba(255,255,255,.48); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.softvate-case-study__next a strong { font-size: 24px; }
.softvate-case-study__next a svg { grid-area: 1/2/3/3; }
@media (max-width: 991px) {
  .softvate-case-study__hero { padding-top: 150px; }
  .softvate-case-study__hero-grid,.softvate-case-study__split { grid-template-columns: 1fr; gap: 55px; }
  .softvate-case-study__desktop-frame { width: calc(100% - 70px); }
  .softvate-case-study__showcase .container { min-height: 470px; }
  .softvate-case-study__phone-frame { width: 185px; }
  .softvate-case-study__timeline ol { grid-template-columns: repeat(2,1fr); gap: 45px 0; }
  .softvate-case-study__result-grid--extended { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .softvate-case-study__result-grid--extended article:nth-child(odd) { border-left: 0; }
  .softvate-case-study__result-grid--extended article:nth-child(n + 3) { border-top: 1px solid var(--cs-line); }
  .softvate-case-study__result-grid article { padding: 28px; }
}
@media (max-width: 767px) {
  .softvate-case-study__hero { padding: 125px 0 70px; }
  .softvate-case-study__back { margin-bottom: 45px; }
  .softvate-case-study__hero h1,
  .softvate-case-study__hero h2 { font-size: clamp(45px,14vw,68px); }
  .softvate-case-study__lead dl { grid-template-columns: 1fr; }
  .softvate-case-study__showcase { padding: 55px 0 95px; }
  .softvate-case-study__showcase .container { min-height: 315px; }
  .softvate-case-study__desktop-frame { width: calc(100% - 34px); border-radius: 10px; }
  .softvate-case-study__browser-bar { height: 30px; padding: 0 10px; }
  .softvate-case-study__browser-bar span { display: none; }
  .softvate-case-study__desktop-frame > img { aspect-ratio: 16/10; }
  .softvate-case-study__phone-frame { right: 5px; bottom: -32px; width: 112px; padding: 4px; border-radius: 19px; }
  .softvate-case-study__phone-frame img { border-radius: 14px; }
  .softvate-case-study__phone-speaker { top: 8px; width: 32px; height: 8px; }
  .softvate-case-study__live-access { padding-bottom: 75px; }
  .softvate-case-study__live-access .container { align-items: stretch; flex-direction: column; gap: 28px; }
  .softvate-case-study__live-access a { width: 100%; }
  .softvate-case-study__presentation { padding: 78px 0; }
  .softvate-case-study__presentation-grid { grid-template-columns: 1fr; }
  .softvate-case-study__presentation-grid article { padding: 25px; }
  .softvate-case-study__overview,.softvate-case-study__timeline,.softvate-case-study__results,.softvate-case-study__next { padding: 78px 0; }
  .softvate-case-study__tech { padding: 76px 0; }
  .softvate-case-study__split h2,.softvate-case-study__section-heading h2 { font-size: 39px; }
  .softvate-case-study__chips { display: grid; }
  .softvate-case-study__chips span { justify-content: space-between; border-radius: 10px; }
  .softvate-case-study__timeline ol { grid-template-columns: 1fr; gap: 36px; }
  .softvate-case-study__timeline ol.softvate-case-study__timeline--detailed { grid-template-columns: 1fr; }
  .softvate-case-study__result-grid { grid-template-columns: 1fr; }
  .softvate-case-study__result-grid article + article { border-top: 1px solid var(--cs-line); border-left: 0; }
  .softvate-case-study__result-grid--extended { grid-template-columns: 1fr; }
  .softvate-case-study__quote-card { grid-template-columns: auto 1fr; gap: 15px; }
  .softvate-case-study__quote-card > span { font-size: 64px; }
  .softvate-case-study__quote-card a { grid-column: 1/-1; justify-content: center; margin-top: 15px; }
  .softvate-case-study__next > .container > div { grid-template-columns: 1fr; }
}


.softvate-contact-page {
  --contact-blue: #356dff;
  --contact-line: var(--at-neutral-100);
  background: var(--at-neutral-0);
  color: var(--at-neutral-900);
}
.softvate-contact-hero {
  position: relative;
  padding: 190px 0 105px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 25%, rgba(62, 105, 255, .26), transparent 27%),
    linear-gradient(135deg, #07101f 0%, #0b1426 56%, #101b36 100%);
  color: #fff;
}
.softvate-contact-hero::after {
  position: absolute;
  inset: 0;
  opacity: .09;
  background-image: linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);
  background-size: 72px 72px;
  content: "";
}
.softvate-contact-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
  gap: clamp(60px, 9vw, 150px);
  align-items: end;
}
.softvate-contact-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 27px;
  color: #8eacff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.softvate-contact-kicker::before { width: 30px; height: 1px; background: currentColor; content: ""; }
.softvate-contact-hero h1 {
  max-width: 1040px;
  margin: 0;
  color: #fff;
  font-size: clamp(56px, 6.5vw, 100px);
  font-weight: 600;
  line-height: .96;
  letter-spacing: -.058em;
}
.softvate-contact-hero__copy > p {
  max-width: 760px;
  margin: 35px 0 0;
  color: rgba(255,255,255,.64);
  font-size: 17px;
  line-height: 1.75;
}

.softvate-contact-direct > span {
  color: #8eacff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.softvate-contact-main { padding: 110px 0 130px; }
.softvate-contact-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(390px, .8fr); gap: clamp(32px, 5vw, 78px); align-items: start; }
.softvate-contact-form-card { padding: clamp(34px, 5vw, 70px); border: 1px solid var(--contact-line); border-radius: 16px; background: var(--at-neutral-50); }
.softvate-contact-section-head { max-width: 720px; margin-bottom: 50px; }
.softvate-contact-section-head > span { color: var(--contact-blue); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.softvate-contact-section-head h2 { margin: 13px 0 15px; color: var(--at-neutral-900); font-size: clamp(42px, 4.4vw, 66px); font-weight: 600; line-height: 1; letter-spacing: -.05em; }
.softvate-contact-section-head p { max-width: 610px; margin: 0; color: var(--at-neutral-600); font-size: 15px; line-height: 1.75; }
.softvate-contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 30px 28px; }
.softvate-contact-fields label { display: grid; gap: 11px; }
.softvate-contact-fields label > span { color: color-mix(in srgb,var(--at-neutral-900) 68%,transparent); font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.softvate-contact-fields input,
.softvate-contact-fields select,
.softvate-contact-fields textarea {
  width: 100%;
  min-height: 53px;
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb,var(--at-neutral-900) 24%,transparent);
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: var(--at-neutral-900);
  font: inherit;
  font-size: 15px;
  transition: border-color .2s ease;
}
.softvate-contact-fields select { cursor: pointer; color-scheme: dark; }
.softvate-contact-fields select option,
.softvate-contact-select option { background: #0d111b; color: #f7f9ff; }
.softvate-contact-fields select option:disabled,
.softvate-contact-select option:disabled { color: rgba(247,249,255,.45); }
.softvate-contact-fields select option:checked,
.softvate-contact-fields select option:hover,
.softvate-contact-select option:checked,
.softvate-contact-select option:hover { background: #2f6bff; color: #fff; }
.softvate-contact-fields textarea { min-height: 145px; resize: vertical; line-height: 1.65; }
.softvate-contact-fields input::placeholder,
.softvate-contact-fields textarea::placeholder { color: color-mix(in srgb,var(--at-neutral-900) 48%,transparent); opacity: 1; }
.softvate-contact-fields input:focus,
.softvate-contact-fields select:focus,
.softvate-contact-fields textarea:focus { border-color: var(--contact-blue); }
.softvate-contact-fields__message { grid-column: 1 / -1; }
.softvate-contact-form-footer { display: flex; gap: 22px; align-items: center; margin-top: 38px; }
.softvate-contact-form-footer button,
.softvate-contact-map-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 14px 20px;
  border: 0;
  border-radius: 7px;
  background: var(--contact-blue);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}
.softvate-contact-form-footer button:hover,
.softvate-contact-map-card__link:hover { background: #275ce2; color: #fff; transform: translateY(-2px); }
.softvate-contact-form-footer svg,
.softvate-contact-map-card__link svg { width: 18px; height: 18px; }
.softvate-contact-form-footer small { max-width: 260px; color: var(--at-neutral-500); font-size: 10px; line-height: 1.5; }
.softvate-contact-sidebar { display: grid; gap: 25px; }
.softvate-contact-direct { padding: 34px; border-radius: 14px; background: #0a1222; color: #fff; }
.softvate-contact-direct > a { display: block; margin: 15px 0 24px; color: #fff; font-size: clamp(22px, 2.3vw, 31px); font-weight: 600; letter-spacing: -.03em; overflow-wrap: anywhere; }
.softvate-contact-direct__phones { display: flex; flex-wrap: wrap; gap: 9px 22px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); }
.softvate-contact-direct__phones a { color: rgba(255,255,255,.68); font-size: 13px; }
.softvate-contact-map-card { position: relative; min-height: 530px; overflow: hidden; border: 1px solid var(--contact-line); border-radius: 14px; background: var(--at-neutral-50); }
.softvate-contact-map-card iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: saturate(.82) contrast(1.04); }
.softvate-contact-map-card::after { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,transparent 46%,rgba(3,8,18,.68) 100%); content: ""; }
.softvate-contact-map-card__location { position: absolute; z-index: 2; right: 20px; bottom: 86px; left: 20px; display: grid; grid-template-columns: 44px 1fr; gap: 15px; padding: 22px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(6,12,24,.88); box-shadow: 0 18px 48px rgba(0,0,0,.24); color: #fff; backdrop-filter: blur(14px); }
.softvate-contact-map-card__location > svg { width: 32px; color: #7da2ff; }
.softvate-contact-map-card__location span { display: block; margin-bottom: 5px; color: #8eacff; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.softvate-contact-map-card__location strong { display: block; font-size: 22px; line-height: 1.15; }
.softvate-contact-map-card__location p { margin: 8px 0 0; color: rgba(255,255,255,.65); font-size: 12px; line-height: 1.55; }
.softvate-contact-map-card__link { position: absolute; z-index: 3; right: 20px; bottom: 20px; left: 20px; min-height: 47px; }
@media (max-width: 1199px) {
  .softvate-contact-hero__grid { grid-template-columns: minmax(0,1.15fr) minmax(310px,.85fr); gap: 55px; }
  .softvate-contact-layout { grid-template-columns: minmax(0,1fr) 370px; gap: 34px; }
}
@media (max-width: 991px) {
  .softvate-contact-hero { padding: 155px 0 85px; }
  .softvate-contact-hero__grid,
  .softvate-contact-layout { grid-template-columns: 1fr; }
  .softvate-contact-main { padding: 85px 0 100px; }
  .softvate-contact-sidebar { grid-template-columns: .75fr 1.25fr; }
  .softvate-contact-map-card { min-height: 480px; }
}
@media (max-width: 767px) {
  .softvate-contact-hero { padding: 130px 0 70px; }
  .softvate-contact-hero__grid { gap: 42px; }
  .softvate-contact-hero h1 { font-size: 48px; }
  .softvate-contact-hero__copy > p { margin-top: 25px; font-size: 15px; }
  .softvate-contact-main { padding: 68px 0 78px; }
  .softvate-contact-form-card { padding: 29px 22px; border-radius: 12px; }
  .softvate-contact-section-head { margin-bottom: 36px; }
  .softvate-contact-section-head h2 { font-size: 39px; }
  .softvate-contact-fields { grid-template-columns: 1fr; gap: 23px; }
  .softvate-contact-fields__message { grid-column: auto; }
  .softvate-contact-form-footer { display: grid; }
  .softvate-contact-form-footer button { width: 100%; }
  .softvate-contact-sidebar { grid-template-columns: 1fr; }
  .softvate-contact-direct { padding: 27px 23px; }
  .softvate-contact-map-card { min-height: 500px; }
  .softvate-contact-map-card__location { right: 13px; bottom: 78px; left: 13px; padding: 18px; }
  .softvate-contact-map-card__link { right: 13px; bottom: 13px; left: 13px; }
}


.softvate-contact-hero {
  padding: 180px 0 108px;
  min-height: 760px;
  display: flex;
  align-items: center;
  background-image: linear-gradient(90deg,rgba(5,12,24,.98) 0%,rgba(5,12,24,.94) 48%,rgba(5,12,24,.5) 76%,rgba(5,12,24,.34) 100%),url("/assets/imgs/softvate/about-technology.webp");
  background-position: center;
  background-size: cover;
}
.softvate-contact-hero::after { display: none; }
.softvate-contact-hero__grid { display: block; }
.softvate-contact-hero__copy { max-width: 900px; }
.softvate-contact-hero h1 { max-width: 870px; font-size: clamp(54px,5.8vw,88px); line-height: .99; }
.softvate-contact-hero__copy > p { max-width: 700px; margin-top: 30px; }
.softvate-contact-hero__meta { display: flex; flex-wrap: wrap; gap: 11px 26px; margin: 36px 0 0; padding: 24px 0 0; border-top: 1px solid rgba(255,255,255,.12); list-style: none; }
.softvate-contact-hero__meta li { position: relative; padding-left: 15px; color: rgba(255,255,255,.62); font-size: 11px; font-weight: 600; letter-spacing: .025em; }
.softvate-contact-hero__meta li::before { position: absolute; top: .5em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #6d94ff; content: ""; }
.softvate-contact-main { padding-bottom: 115px; }
.softvate-contact-form-card,
.softvate-contact-map-card,
.softvate-contact-direct { border-radius: 5px; }
.softvate-contact-faq { padding: 110px 0 125px; border-top: 1px solid var(--at-neutral-100); background: var(--at-neutral-50); color: var(--at-neutral-900); }
.softvate-contact-faq__layout { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: clamp(55px,8vw,135px); align-items: start; }
.softvate-contact-faq header { position: sticky; top: 110px; }
.softvate-contact-faq header > span { color: var(--contact-blue); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.softvate-contact-faq h2 { max-width: 560px; margin: 14px 0 21px; color: var(--at-neutral-900); font-size: clamp(42px,4.4vw,66px); font-weight: 600; line-height: 1.02; letter-spacing: -.05em; }
.softvate-contact-faq header p { max-width: 460px; margin: 0; color: var(--at-neutral-600); font-size: 14px; line-height: 1.75; }
.softvate-contact-faq__list { border-top: 1px solid var(--at-neutral-200); }
.softvate-contact-faq__list details { border-bottom: 1px solid var(--at-neutral-200); }
.softvate-contact-faq__list summary { display: grid; grid-template-columns: 40px minmax(0,1fr) 24px; gap: 18px; align-items: center; padding: 26px 0; cursor: pointer; list-style: none; }
.softvate-contact-faq__list summary::-webkit-details-marker { display: none; }
.softvate-contact-faq__list summary > span { color: var(--contact-blue); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.softvate-contact-faq__list summary strong { color: var(--at-neutral-900); font-size: 18px; font-weight: 600; letter-spacing: -.015em; }
.softvate-contact-faq__list summary i { display: grid; place-items: center; width: 24px; height: 24px; color: var(--at-neutral-600); font-size: 21px; font-style: normal; transition: transform .2s ease; }
.softvate-contact-faq__list details[open] summary i { transform: rotate(45deg); }
.softvate-contact-faq__list details > p { max-width: 720px; margin: -4px 42px 28px 58px; color: var(--at-neutral-600); font-size: 14px; line-height: 1.75; }
.softvate-whatsapp-widget { position: fixed; z-index: 90; right: 24px; bottom: 24px; display: inline-grid; place-items: center; width: 56px; height: 56px; padding: 0; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: #168a49; box-shadow: 0 13px 35px rgba(0,0,0,.22); color: #fff; }
.softvate-contact-page ~ .back-to-top-wrapper,
body:has(.softvate-contact-page) .back-to-top-wrapper { bottom: 88px; }
.softvate-whatsapp-widget:hover { background: #11773e; color: #fff; transform: translateY(-2px); }
.softvate-whatsapp-widget svg { width: 28px; height: 28px; }
@media (max-width: 991px) {
  .softvate-contact-hero { min-height: 700px; padding: 150px 0 85px; background-position: 58% center; }
  .softvate-contact-hero__grid { grid-template-columns: 1fr; }
  .softvate-contact-faq__layout { grid-template-columns: 1fr; gap: 45px; }
  .softvate-contact-faq header { position: static; }
}
@media (max-width: 767px) {
  .softvate-contact-hero { min-height: 680px; padding: 128px 0 68px; background-image: linear-gradient(90deg,rgba(5,12,24,.97),rgba(5,12,24,.8)),url("/assets/imgs/softvate/about-technology.webp"); background-position: 61% center; }
  .softvate-contact-hero h1 { font-size: 46px; }
  .softvate-contact-hero__meta { display: grid; gap: 10px; margin-top: 28px; }
  .softvate-contact-main { padding-bottom: 72px; }
  .softvate-contact-faq { padding: 75px 0 90px; }
  .softvate-contact-faq h2 { font-size: 40px; }
  .softvate-contact-faq__list summary { grid-template-columns: 29px minmax(0,1fr) 22px; gap: 10px; padding: 22px 0; }
  .softvate-contact-faq__list summary strong { font-size: 16px; }
  .softvate-contact-faq__list details > p { margin: -2px 0 24px 39px; font-size: 13px; }
  .softvate-whatsapp-widget { right: 16px; bottom: 16px; width: 52px; height: 52px; }
  body:has(.softvate-contact-page) .back-to-top-wrapper { bottom: 76px; }
  .softvate-whatsapp-widget svg { width: 27px; height: 27px; }
}


.softvate-about-v2 { padding: 130px 0; overflow: hidden; border-top: 1px solid var(--at-neutral-100); background: var(--at-neutral-0); color: var(--at-neutral-900); }
.softvate-about-v2__header { margin-bottom: 68px; }
.softvate-about-v2__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 27px; color: #4a7dff; font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.softvate-about-v2__eyebrow::before { width: 32px; height: 1px; background: currentColor; content: ""; }
.softvate-about-v2__headline { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(330px,.6fr); gap: 7vw; align-items: end; }
.softvate-about-v2__headline h2 { max-width: 900px; margin: 0; color: var(--at-neutral-900); font-size: clamp(52px,6.1vw,94px); line-height: .96; letter-spacing: -.055em; }
.softvate-about-v2__summary > p { margin: 0; color: var(--at-neutral-600); font-size: 17px; line-height: 1.75; }
.softvate-about-v2__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.softvate-about-v2__actions a { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 12px 17px; border: 1px solid var(--at-neutral-200); border-radius: 100px; color: var(--at-neutral-900); font-size: 12px; font-weight: 700; transition: transform .25s,border-color .25s,background .25s; }
.softvate-about-v2__actions a:hover { border-color: #4a7dff; transform: translateY(-2px); }
.softvate-about-v2__actions a.is-primary { border-color: #2f6bff; background: #2f6bff; color: #fff; }
.softvate-about-v2__actions svg { width: 17px; height: 17px; }
.softvate-about-v2__visual { position: relative; height: clamp(500px,47vw,700px); margin: 0; overflow: hidden; border-radius: 18px; background: #080b13; }
.softvate-about-v2__visual > img { width: 100%; height: 100%; object-fit: cover; object-position: center 54%; }
.softvate-about-v2__visual::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(3,6,12,.78) 0%,rgba(3,6,12,.2) 55%,rgba(3,6,12,.08)),linear-gradient(0deg,rgba(3,6,12,.55),transparent 55%); content: ""; }
.softvate-about-v2__visual::after { position: absolute; z-index: 1; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size: 72px 72px; content: ""; }
.softvate-about-v2__visual-caption { position: absolute; z-index: 2; bottom: 48px; left: 48px; width: min(560px,calc(100% - 96px)); padding: 34px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(6,9,17,.76); box-shadow: 0 25px 70px rgba(0,0,0,.32); color: #fff; backdrop-filter: blur(18px); }
.softvate-about-v2__visual-caption > span { display: block; margin-bottom: 19px; color: #7da2ff; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.softvate-about-v2__visual-caption strong { display: block; font-size: clamp(26px,3vw,42px); line-height: 1.08; letter-spacing: -.04em; }
.softvate-about-v2__visual-caption p { max-width: 470px; margin: 20px 0 0; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.7; }
.softvate-about-v2__visual-index { position: absolute; z-index: 2; top: 34px; right: 34px; display: grid; gap: 3px; justify-items: end; color: #fff; }
.softvate-about-v2__visual-index span { font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.softvate-about-v2__visual-index b { color: rgba(255,255,255,.5); font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.softvate-about-v2__principles { display: grid; grid-template-columns: minmax(190px,.38fr) minmax(0,1.62fr); gap: 5vw; margin-top: 78px; }
.softvate-about-v2__principles-intro span { color: #4a7dff; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.softvate-about-v2__principles-intro p { max-width: 180px; margin: 14px 0 0; color: var(--at-neutral-600); font-size: 13px; line-height: 1.65; }
.softvate-about-v2__principle-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--at-neutral-100); border-bottom: 1px solid var(--at-neutral-100); }
.softvate-about-v2__principle-grid article { min-height: 320px; padding: 30px 34px 28px 0; }
.softvate-about-v2__principle-grid article + article { padding-left: 34px; border-left: 1px solid var(--at-neutral-100); }
.softvate-about-v2__principle-grid article > span { display: block; margin-bottom: 56px; color: #4a7dff; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.softvate-about-v2__principle-grid h3 { margin: 0 0 14px; color: var(--at-neutral-900); font-size: 25px; line-height: 1.15; letter-spacing: -.03em; }
.softvate-about-v2__principle-grid p { margin: 0; color: var(--at-neutral-600); font-size: 14px; line-height: 1.7; }
.softvate-about-v2__principle-grid small { display: block; margin-top: 28px; color: var(--at-neutral-500); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.softvate-about-v2__collaboration { position: relative; display: grid; grid-template-columns: .6fr 1.4fr; gap: 40px; align-items: center; margin-top: 70px; padding: 30px 36px; overflow: hidden; border: 1px solid rgba(105,145,255,.28); border-radius: 16px; background: linear-gradient(135deg,rgba(5,12,28,.9),rgba(10,18,42,.74)); box-shadow: 0 28px 80px rgba(3,8,20,.32); color: #fff; backdrop-filter: blur(20px); }
.softvate-about-v2__collaboration::before { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(47,107,255,.28),transparent 40%), radial-gradient(circle at 91% 8%,rgba(74,125,255,.45),transparent 36%); content: ""; }
.softvate-about-v2__collaboration::after { position: absolute; inset: 1px; pointer-events: none; border-radius: 15px; border: 1px solid rgba(255,255,255,.08); content: ""; }
.softvate-about-v2__collaboration > span { position: relative; z-index: 1; color: #f7f9ff; font-size: 14px; font-weight: 800; letter-spacing: -.01em; }
.softvate-about-v2__collaboration ul { display: flex; justify-content: flex-end; gap: 28px; margin: 0; padding: 0; list-style: none; }
.softvate-about-v2__collaboration li { position: relative; z-index: 1; padding: 9px 13px 9px 28px; border: 1px solid rgba(116,156,255,.26); border-radius: 999px; background: rgba(255,255,255,.07); color: rgba(245,248,255,.78); font-size: 12px; font-weight: 700; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.softvate-about-v2__collaboration li::before { position: absolute; top: 50%; left: 13px; width: 6px; height: 6px; border-radius: 50%; background: #2f6bff; box-shadow: 0 0 0 4px rgba(47,107,255,.1); transform: translateY(-50%); content: ""; }
@media (max-width: 991px) {
  .softvate-about-v2 { padding: 100px 0; }
  .softvate-about-v2__headline { grid-template-columns: 1fr; gap: 28px; }
  .softvate-about-v2__visual { height: 600px; }
  .softvate-about-v2__principles { grid-template-columns: 1fr; gap: 28px; }
  .softvate-about-v2__principles-intro p { max-width: none; }
  .softvate-about-v2__collaboration { grid-template-columns: 1fr; gap: 18px; }
  .softvate-about-v2__collaboration ul { justify-content: flex-start; flex-wrap: wrap; }
}
@media (max-width: 767px) {
  .softvate-about-v2 { padding: 78px 0; }
  .softvate-about-v2__header { margin-bottom: 42px; }
  .softvate-about-v2__headline h2 { font-size: 44px; }
  .softvate-about-v2__summary > p { font-size: 15px; }
  .softvate-about-v2__actions { display: grid; }
  .softvate-about-v2__actions a { justify-content: space-between; }
  .softvate-about-v2__visual { height: 540px; border-radius: 13px; }
  .softvate-about-v2__visual-caption { bottom: 18px; left: 18px; width: calc(100% - 36px); padding: 25px 22px; }
  .softvate-about-v2__visual-caption strong { font-size: 27px; }
  .softvate-about-v2__visual-index { top: 20px; right: 20px; }
  .softvate-about-v2__principles { margin-top: 52px; }
  .softvate-about-v2__principle-grid { grid-template-columns: 1fr; }
  .softvate-about-v2__principle-grid article { min-height: auto; padding: 27px 0; }
  .softvate-about-v2__principle-grid article + article { padding-left: 0; border-top: 1px solid var(--at-neutral-100); border-left: 0; }
  .softvate-about-v2__principle-grid article > span { margin-bottom: 23px; }
  .softvate-about-v2__collaboration { margin-top: 45px; padding: 24px 22px; }
  .softvate-about-v2__collaboration ul { display: grid; gap: 12px; }
}


.softvate-brand-wall { padding: 120px 0; overflow: hidden; border-block: 1px solid var(--at-neutral-100); background: var(--at-neutral-0); }
.softvate-brand-wall__header { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 7vw; align-items: end; margin-bottom: 58px; }
.softvate-brand-wall__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; color: #4a7dff; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.softvate-brand-wall__eyebrow::before { width: 30px; height: 1px; background: currentColor; content: ""; }
.softvate-brand-wall__header h2 { max-width: 880px; margin: 0; color: var(--at-neutral-900); font-size: clamp(42px,4.8vw,72px); line-height: 1.02; letter-spacing: -.05em; }
.softvate-brand-wall__header > p { max-width: 440px; margin: 0 0 5px; color: var(--at-neutral-600); font-size: 15px; line-height: 1.75; }
.softvate-brand-wall__logo { display: grid; place-items: center; width: 100px; height: 100px; padding: 10px; overflow: hidden; border-radius: 11px; background: transparent; }
.softvate-brand-wall__logo.has-white-background { border: 1px solid rgba(19,29,48,.1); background: #fff; box-shadow: 0 12px 32px rgba(15,23,42,.07); }
.softvate-brand-wall__logo.has-dark-background { border: 1px solid rgba(255,255,255,.1); background: #080d19; box-shadow: 0 12px 32px rgba(5,10,20,.14); }
.softvate-brand-wall__logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; transition: transform .35s ease; }
@media (max-width: 991px) {
  .softvate-brand-wall { padding: 95px 0; }
  .softvate-brand-wall__header { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 767px) {
  .softvate-brand-wall { padding: 74px 0; }
  .softvate-brand-wall__header { margin-bottom: 38px; }
  .softvate-brand-wall__header h2 { font-size: 40px; }
  .softvate-brand-wall__header > p { font-size: 14px; }
  .softvate-brand-wall__logo { width: 100px; height: 100px; padding: 10px; }
}
@media (max-width: 390px) {
  .softvate-brand-wall__logo { width: 100px; height: 100px; }
}


.softvate-service-overview {
  position: relative;
  overflow: hidden;
  padding: 120px 0 125px;
  background-color: var(--at-neutral-0);
  background-image: repeating-linear-gradient(135deg, transparent 0, transparent 9px, rgba(74,125,255,.025) 9px, rgba(74,125,255,.025) 11px);
}
.softvate-service-overview__grid--reference {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  grid-template-areas:
    "story ecosystem"
    "panel delivery";
  column-gap: clamp(65px, 8vw, 140px);
  row-gap: 52px;
  align-items: start;
}
.softvate-service-overview__grid--reference .softvate-service-overview__story { grid-area: story; }
.softvate-service-overview__ecosystem { grid-area: ecosystem; padding-top: 4px; }
.softvate-service-overview__grid--reference .softvate-service-overview__panel { grid-area: panel; }
.softvate-service-overview__delivery { grid-area: delivery; }
.softvate-service-overview__grid--reference .softvate-service-overview__story h2 {
  max-width: 700px;
  font-size: clamp(50px, 4.8vw, 76px);
}
.softvate-service-overview__grid--reference .softvate-service-overview__tabs {
  width: 100%;
  margin-top: 42px;
}
.softvate-service-overview__grid--reference .softvate-service-overview__tabs button {
  flex: 1 1 0;
}
.softvate-service-overview__ecosystem .softvate-service-overview__industry {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
  padding: 23px 27px;
  border-radius: 7px;
}
.softvate-service-overview__ecosystem .softvate-service-overview__industry > span {
  max-width: 175px;
  line-height: 1.5;
}
.softvate-service-overview__ecosystem .softvate-service-overview__industry img {
  width: min(100%, 285px);
}
.softvate-service-overview__ecosystem > p {
  max-width: 700px;
  margin: 28px 0 0;
  color: var(--at-neutral-600);
  font-size: 15px;
  line-height: 1.8;
}
.softvate-service-overview__grid--reference .softvate-service-overview__panel {
  max-width: 700px;
  padding-top: 0;
}
.softvate-service-overview__grid--reference .softvate-service-overview__panel h3 {
  max-width: 620px;
  margin-top: 13px;
  font-size: clamp(25px, 2.1vw, 33px);
}
.softvate-service-overview__grid--reference .softvate-service-overview__panel p {
  font-size: 15px;
  line-height: 1.85;
}
.softvate-service-overview__delivery {
  display: grid;
  grid-template-columns: minmax(190px, .7fr) minmax(280px, 1.3fr);
  gap: clamp(35px, 5vw, 72px);
  align-items: center;
}
.softvate-service-overview__identity {
  display: grid;
  place-items: center;
  min-height: 185px;
  padding: 35px 28px;
  border-radius: 8px;
  background: #080d19;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.softvate-service-overview__identity img {
  display: block;
  width: 100%;
  max-width: 265px;
  height: auto;
}
.softvate-service-overview__delivery .softvate-service-overview__list {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 0;
}
.softvate-service-overview__delivery .softvate-service-overview__list li,
.softvate-service-overview__delivery .softvate-service-overview__list li:nth-child(even) {
  grid-template-columns: 22px minmax(0, 1fr);
  min-height: 0;
  padding: 11px 0;
  border: 0;
}
.softvate-service-overview__delivery .softvate-service-overview__list li > span {
  padding-top: 0;
  color: #4a7dff;
  font-size: 14px;
}
.softvate-service-overview__delivery .softvate-service-overview__list strong {
  font-size: 14px;
}
.softvate-service-overview__delivery .softvate-service-overview__link {
  margin-top: 24px;
}
@media (max-width: 1199px) {
  .softvate-service-overview__grid--reference {
    column-gap: 58px;
  }
  .softvate-service-overview__delivery {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 34px;
  }
  .softvate-service-overview__ecosystem .softvate-service-overview__industry {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .softvate-service-overview__grid--reference {
    grid-template-columns: 1fr;
    grid-template-areas:
      "story"
      "ecosystem"
      "panel"
      "delivery";
    row-gap: 42px;
  }
  .softvate-service-overview__ecosystem .softvate-service-overview__industry {
    align-items: center;
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .softvate-service-overview {
    padding: 78px 0;
  }
  .softvate-service-overview__grid--reference .softvate-service-overview__story h2 {
    font-size: 42px;
  }
  .softvate-service-overview__ecosystem .softvate-service-overview__industry {
    align-items: flex-start;
    flex-direction: column;
  }
  .softvate-service-overview__delivery {
    grid-template-columns: 1fr;
  }
  .softvate-service-overview__identity {
    min-height: 150px;
  }
}


.softvate-case-study--cinematic,
.softvate-case-study--cinematic * {
  animation: none !important;
  transition: none !important;
}
.softvate-case-study--cinematic { --edm-accent: #ee2b8f; --edm-muted: rgba(255,255,255,.62); background: #080a0f; }
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic {
  display: block;
  min-height: 0;
  padding: 180px 0 105px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: #0a0c12;
}
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic::before,
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic::after { display: none; }
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic .softvate-case-study__back {
  margin: 0 0 70px;
  color: rgba(255,255,255,.58);
}
.edm-editorial__hero-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.55fr); gap: clamp(60px,9vw,145px); align-items: end; }
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic h1 {
  max-width: 860px;
  margin: 24px 0 0;
  font-size: clamp(48px,6vw,86px);
  line-height: 1;
  letter-spacing: -.05em;
  text-shadow: none;
}
.edm-editorial__hero-aside > p { margin: 0 0 34px; color: var(--edm-muted); font-size: 17px; line-height: 1.72; }
.edm-editorial__hero-aside dl { margin: 0; border-top: 1px solid rgba(255,255,255,.12); }
.edm-editorial__hero-aside dl div { display: grid; grid-template-columns: 88px 1fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.edm-editorial__hero-aside dt { color: rgba(255,255,255,.4); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.edm-editorial__hero-aside dd { margin: 0; color: rgba(255,255,255,.88); font-size: 14px; }
.edm-editorial__hero-aside a,
.edm-editorial__technical a { display: inline-flex; align-items: center; gap: 11px; margin-top: 32px; color: #fff; font-weight: 650; }
.edm-editorial__hero-aside a { padding-bottom: 7px; border-bottom: 1px solid rgba(255,255,255,.65); }
.edm-editorial__hero-aside a svg,
.edm-editorial__technical a svg { width: 17px; height: 17px; }

.edm-editorial__brief,
.edm-editorial__product,
.edm-editorial__platform-views,
.edm-editorial__scope,
.edm-editorial__delivery,
.edm-editorial__outcomes,
.edm-editorial__technical { padding: 110px 0; }
.edm-editorial__brief { background: #0d1017; }
.edm-editorial__brief-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(60px,10vw,160px); }
.edm-editorial__brief h2,
.edm-editorial__section-head h2,
.edm-editorial__scope-head h2,
.edm-editorial__technical h2 { margin: 20px 0 0; color: #fff; font-size: clamp(36px,4vw,58px); line-height: 1.06; letter-spacing: -.04em; }
.edm-editorial__brief-copy > p { margin: 0; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.78; }
.edm-editorial__brief-copy dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin: 48px 0 0; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.12); }
.edm-editorial__brief-copy dt { margin-bottom: 8px; color: rgba(255,255,255,.4); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.edm-editorial__brief-copy dd { margin: 0; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.5; }

.edm-editorial__product { border-top: 1px solid rgba(255,255,255,.08); background: #080a0f; }
.edm-editorial__section-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.52fr); gap: 8vw; align-items: end; }
.edm-editorial__section-head > p { margin: 0 0 5px; color: var(--edm-muted); font-size: 16px; line-height: 1.7; }
.edm-editorial__screens { position: relative; margin-top: 62px; padding-right: 120px; }
.edm-editorial__screens figure { margin: 0; }
.edm-editorial__desktop { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: #05060a; box-shadow: 0 28px 70px rgba(0,0,0,.36); }
.edm-editorial__browser-bar { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 15px; background: #151820; }
.edm-editorial__browser-bar i { width: 7px; height: 7px; border-radius: 50%; background: #515765; }
.edm-editorial__browser-bar span { margin-left: 8px; color: rgba(255,255,255,.35); font-size: 10px; }
.edm-editorial__desktop > img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top; }
.edm-editorial__mobile { position: absolute; right: 0; bottom: -32px; width: 205px; padding: 8px; border: 1px solid rgba(255,255,255,.2); border-radius: 25px; background: #090a0e; box-shadow: 0 25px 60px rgba(0,0,0,.55); }
.edm-editorial__mobile img { display: block; width: 100%; aspect-ratio: 390/844; object-fit: cover; object-position: top; border-radius: 18px; }
.edm-editorial__capabilities { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 92px; border-top: 1px solid rgba(255,255,255,.12); }
.edm-editorial__capabilities article { padding: 30px 28px 0 0; }
.edm-editorial__capabilities article + article { padding-left: 28px; border-left: 1px solid rgba(255,255,255,.12); }
.edm-editorial__capabilities article > span,
.edm-editorial__timeline > li > span { color: var(--edm-accent); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.edm-editorial__capabilities h3 { margin: 17px 0 11px; color: #fff; font-size: 21px; }
.edm-editorial__capabilities p { margin: 0; color: rgba(255,255,255,.53); font-size: 14px; line-height: 1.67; }

.edm-editorial__platform-views { border-top: 1px solid rgba(255,255,255,.1); background: #0d1017; }
.edm-editorial__view-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(280px,.7fr); gap: 22px; margin-top: 58px; }
.edm-editorial__view-card { margin: 0; padding: 12px; border: 1px solid rgba(255,255,255,.12); background: #080a0f; }
.edm-editorial__view-card--feature { grid-column: 1 / -1; }
.edm-editorial__view-card > div { display: flex; align-items: center; justify-content: center; min-height: 0; overflow: hidden; background: #05060a; }
.edm-editorial__view-card--feature > div { aspect-ratio: 16 / 9; }
.edm-editorial__view-card--dashboard > div { aspect-ratio: 16 / 10; }
.edm-editorial__view-card--assistant > div { aspect-ratio: 7 / 10; }
.edm-editorial__view-card img { display: block; width: 100%; height: 100%; object-fit: contain; }
.edm-editorial__view-card figcaption { display: grid; grid-template-columns: 38px 1fr; gap: 7px 14px; padding: 23px 10px 10px; }
.edm-editorial__view-card figcaption > span { grid-row: 1 / 3; color: var(--edm-accent); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.edm-editorial__view-card figcaption strong { color: #fff; font-size: 18px; }
.edm-editorial__view-card figcaption p { max-width: 680px; margin: 0; color: rgba(255,255,255,.52); font-size: 13px; line-height: 1.6; }

.edm-editorial__scope { background: #0d1017; }
.edm-editorial__scope-grid { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: clamp(60px,10vw,150px); }
.edm-editorial__scope-head > p { max-width: 520px; margin: 25px 0 0; color: var(--edm-muted); line-height: 1.72; }
.edm-editorial__scope ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.14); }
.edm-editorial__scope li { display: grid; grid-template-columns: 48px 1fr; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.edm-editorial__scope li span { color: rgba(255,255,255,.36); font-size: 10px; letter-spacing: .1em; }
.edm-editorial__scope li p { margin: 0; color: rgba(255,255,255,.78); line-height: 1.6; }

.edm-editorial__delivery { background: #080a0f; }
.edm-editorial__timeline { margin: 60px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.14); }
.edm-editorial__timeline > li { display: grid; grid-template-columns: 70px minmax(0,1fr) minmax(230px,.45fr); gap: 34px; align-items: start; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.edm-editorial__timeline h3 { margin: 0 0 8px; color: #fff; font-size: 22px; }
.edm-editorial__timeline p { max-width: 650px; margin: 0; color: rgba(255,255,255,.55); font-size: 14px; line-height: 1.65; }
.edm-editorial__timeline strong { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.55; }

.edm-editorial__outcomes { border-block: 1px solid rgba(255,255,255,.1); background: #0d1017; }
.edm-editorial__outcome-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 55px; border: 1px solid rgba(255,255,255,.13); }
.edm-editorial__outcome-grid article { padding: 34px; }
.edm-editorial__outcome-grid article + article { border-left: 1px solid rgba(255,255,255,.13); }
.edm-editorial__outcome-grid strong { display: block; color: #fff; font-size: clamp(28px,3vw,44px); line-height: 1; letter-spacing: -.04em; }
.edm-editorial__outcome-grid h3 { margin: 22px 0 10px; color: #fff; font-size: 18px; }
.edm-editorial__outcome-grid p { margin: 0; color: rgba(255,255,255,.52); font-size: 13px; line-height: 1.65; }

.edm-editorial__technical { background: #080a0f; }
.edm-editorial__technical-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.72fr); gap: 9vw; align-items: start; }
.edm-editorial__technical ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.edm-editorial__technical li { display: inline-flex; align-items: center; gap: 10px; padding: 11px 15px; border: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.78); font-size: 13px; }
.edm-editorial__technical li svg { flex: 0 0 auto; width: 19px; height: 19px; }
.edm-editorial__technical a { margin-top: 42px; padding: 15px 20px; border: 1px solid rgba(255,255,255,.7); }

@media (max-width: 991px) {
  .edm-editorial__hero-grid,
  .edm-editorial__brief-grid,
  .edm-editorial__scope-grid,
  .edm-editorial__technical-grid { grid-template-columns: 1fr; gap: 48px; }
  .edm-editorial__hero-aside { max-width: 680px; }
  .edm-editorial__section-head { grid-template-columns: 1fr; gap: 24px; }
  .edm-editorial__capabilities,
  .edm-editorial__outcome-grid { grid-template-columns: repeat(2,1fr); }
  .edm-editorial__capabilities article:nth-child(3) { padding-left: 0; border-left: 0; }
  .edm-editorial__capabilities article:nth-child(n+3) { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.12); }
  .edm-editorial__outcome-grid article:nth-child(3) { border-left: 0; }
  .edm-editorial__outcome-grid article:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.13); }
}

@media (max-width: 767px) {
  .softvate-case-study--cinematic .softvate-case-study__hero--cinematic { padding: 135px 0 72px; }
  .softvate-case-study--cinematic .softvate-case-study__hero--cinematic .softvate-case-study__back { margin-bottom: 45px; }
  .softvate-case-study--cinematic .softvate-case-study__hero--cinematic h1 { font-size: 48px; }
  .edm-editorial__brief,
  .edm-editorial__product,
  .edm-editorial__platform-views,
  .edm-editorial__scope,
  .edm-editorial__delivery,
  .edm-editorial__outcomes,
  .edm-editorial__technical { padding: 75px 0; }
  .edm-editorial__brief h2,
  .edm-editorial__section-head h2,
  .edm-editorial__scope-head h2,
  .edm-editorial__technical h2 { font-size: 37px; }
  .edm-editorial__brief-copy > p { font-size: 16px; }
  .edm-editorial__brief-copy dl { grid-template-columns: 1fr; gap: 18px; }
  .edm-editorial__screens { margin-top: 42px; padding-right: 0; padding-bottom: 270px; }
  .edm-editorial__mobile { right: 18px; bottom: 0; width: 150px; }
  .edm-editorial__capabilities,
  .edm-editorial__outcome-grid { grid-template-columns: 1fr; }
  .edm-editorial__capabilities { margin-top: 55px; }
  .edm-editorial__capabilities article,
  .edm-editorial__capabilities article + article { margin-top: 0; padding: 25px 0; border-top: 0; border-left: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .edm-editorial__timeline > li { grid-template-columns: 42px 1fr; gap: 18px; }
  .edm-editorial__timeline strong { grid-column: 2; }
  .edm-editorial__outcome-grid article + article { border-top: 1px solid rgba(255,255,255,.13); border-left: 0; }
  .edm-editorial__outcome-grid article { padding: 28px; }
  .edm-editorial__view-grid { grid-template-columns: 1fr; margin-top: 42px; }
  .edm-editorial__view-card--feature { grid-column: auto; }
  .edm-editorial__view-card--feature > div,
  .edm-editorial__view-card--dashboard > div { aspect-ratio: 16 / 10; }
  .edm-editorial__view-card--assistant > div { max-height: 610px; aspect-ratio: 7 / 10; }
}


.softvate-brand-marquee { position: relative; padding-bottom: 110px; background: radial-gradient(circle at 12% 48%,rgba(47,107,255,.08),transparent 28%),radial-gradient(circle at 88% 75%,rgba(99,65,255,.07),transparent 25%),var(--at-neutral-0); }
.softvate-brand-marquee::before { position: absolute; top: 30%; left: 0; width: 1px; height: 38%; background: linear-gradient(transparent,#4a7dff,transparent); opacity: .7; content: ""; }
.softvate-brand-marquee__rows { display: grid; gap: 18px; width: 100%; overflow: hidden; }
.softvate-brand-marquee__viewport { position: relative; width: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.softvate-brand-marquee__track { --marquee-gap: 18px; --marquee-half-gap: 9px; display: flex; gap: var(--marquee-gap); width: max-content; padding-block: 2px; animation: softvateBrandMarqueeLeft 34s linear infinite; will-change: transform; }
.softvate-brand-marquee__track.is-reverse { animation-name: softvateBrandMarqueeRight; animation-duration: 39s; }
.softvate-brand-marquee__rows:hover .softvate-brand-marquee__track { animation-play-state: paused; }
.softvate-brand-marquee__card { position: relative; display: grid; flex: 0 0 100px; place-items: center; width: 100px; height: 100px; overflow: hidden; border: 1px solid var(--at-neutral-100); border-radius: 12px; background: color-mix(in srgb,var(--at-neutral-0) 90%,#2f6bff 10%); box-shadow: 0 10px 24px rgba(8,15,34,.045); transition: border-color .3s ease,transform .3s ease,box-shadow .3s ease; }
.softvate-brand-marquee__card::after { position: absolute; right: 18px; bottom: 13px; width: 20px; height: 1px; background: #4a7dff; opacity: .35; content: ""; }
.softvate-brand-marquee__card:hover { z-index: 2; border-color: rgba(74,125,255,.55); box-shadow: 0 20px 48px rgba(47,107,255,.12); transform: translateY(-3px); }
.softvate-brand-marquee__card .softvate-brand-wall__logo { width: 100px; height: 100px; }
@keyframes softvateBrandMarqueeLeft { from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(-50% - var(--marquee-half-gap)),0,0); } }
@keyframes softvateBrandMarqueeRight { from { transform: translate3d(calc(-50% - var(--marquee-half-gap)),0,0); } to { transform: translate3d(0,0,0); } }
@media (prefers-reduced-motion: reduce) {
  .softvate-brand-marquee__track { animation-play-state: paused; }
}
@media (max-width: 767px) {
  .softvate-brand-marquee { padding-bottom: 72px; }
  .softvate-brand-marquee__rows { gap: 13px; }
  .softvate-brand-marquee__track { --marquee-gap: 13px; --marquee-half-gap: 6.5px; animation-duration: 28s; }
  .softvate-brand-marquee__track.is-reverse { animation-duration: 32s; }
  .softvate-brand-marquee__card { flex-basis: 100px; width: 100px; height: 100px; border-radius: 11px; }
  .softvate-brand-marquee__card .softvate-brand-wall__logo { width: 100px; height: 100px; }
}


.softvate-testimonials { padding: 130px 0; border-top: 1px solid var(--at-neutral-100); background: var(--at-neutral-0); color: var(--at-neutral-900); }
.softvate-testimonials__header { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 7vw; align-items: end; margin-bottom: 65px; }
.softvate-testimonials__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; color: #4a7dff; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.softvate-testimonials__eyebrow::before { width: 30px; height: 1px; background: currentColor; content: ""; }
.softvate-testimonials__header h2 { max-width: 900px; margin: 0; color: var(--at-neutral-900); font-size: clamp(50px,5.7vw,86px); line-height: .98; letter-spacing: -.055em; }
.softvate-testimonials__header > p { max-width: 470px; margin: 0 0 5px; color: var(--at-neutral-600); font-size: 15px; line-height: 1.75; }
.softvate-testimonials__layout { display: grid; grid-template-columns: minmax(290px,.36fr) minmax(0,.64fr); gap: 22px; }
.softvate-testimonials__nav { display: grid; align-content: start; border-top: 1px solid var(--at-neutral-100); }
.softvate-testimonials__nav button { display: grid; grid-template-columns: 40px 1fr; gap: 12px; width: 100%; padding: 22px 12px 22px 0; border: 0; border-bottom: 1px solid var(--at-neutral-100); background: transparent; color: var(--at-neutral-900); text-align: left; transition: padding .25s,background .25s; }
.softvate-testimonials__nav button:hover,.softvate-testimonials__nav button.is-active { padding-left: 14px; background: var(--at-neutral-50); }
.softvate-testimonials__nav button > span { padding-top: 3px; color: #4a7dff; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.softvate-testimonials__nav button div { display: grid; gap: 5px; }
.softvate-testimonials__nav strong { color: var(--at-neutral-900); font-size: 15px; font-weight: 700; }
.softvate-testimonials__nav small { display: flex; align-items: center; gap: 6px; color: var(--at-neutral-500); font-size: 11px; }
.softvate-testimonials__stage { position: relative; display: flex; flex-direction: column; min-height: 590px; padding: clamp(34px,4.5vw,65px); overflow: hidden; border-radius: 16px; background: radial-gradient(circle at 88% 10%,rgba(78,122,255,.3),transparent 30%),linear-gradient(145deg,#10172b,#070a12 68%); box-shadow: 0 28px 80px rgba(5,11,25,.16); color: #fff; }
.softvate-testimonials__stage::before { position: absolute; right: -80px; bottom: -130px; width: 360px; height: 360px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018); content: ""; }
.softvate-testimonials__stage-top { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 25px; align-items: flex-start; }
.softvate-testimonials__owner-label { display: inline-flex; align-items: center; gap: 14px; }
.softvate-testimonials__owner-label > b { display: grid; place-items: center; min-width: 42px; height: 30px; padding: 0 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; background: rgba(255,255,255,.06); color: #8eacff; font-size: 10px; letter-spacing: .1em; }
.softvate-testimonials__owner-label > span { display: grid; gap: 4px; color: #fff; font-size: 13px; font-weight: 700; }
.softvate-testimonials__owner-label small { color: rgba(255,255,255,.5); font-size: 9px; font-weight: 500; letter-spacing: .04em; }
@keyframes softvateFlagWave {
  0% { transform: rotateY(-13deg) skewY(1deg); filter: brightness(.92); }
  50% { transform: rotateY(8deg) skewY(-2deg) scaleX(.97); filter: brightness(1.08); }
  100% { transform: rotateY(-7deg) skewY(1.5deg); filter: brightness(.96); }
}
.softvate-testimonials__status { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 100px; color: rgba(255,255,255,.68); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.softvate-testimonials__status i { width: 7px; height: 7px; border-radius: 50%; background: #f1b84b; box-shadow: 0 0 0 5px rgba(241,184,75,.12); }
.softvate-testimonials__stage blockquote { position: relative; z-index: 1; max-width: 930px; margin: auto 0; padding: 48px 0; color: #fff; font-size: clamp(31px,3.5vw,52px); font-weight: 500; line-height: 1.18; letter-spacing: -.04em; }
.softvate-testimonials__meta { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 25px; align-items: end; padding: 25px 175px 0 0; border-top: 1px solid rgba(255,255,255,.14); }
.softvate-testimonials__meta > div { display: grid; gap: 5px; }
.softvate-testimonials__meta strong { color: #fff; font-size: 17px; }
.softvate-testimonials__meta span { color: rgba(255,255,255,.52); font-size: 11px; }
.softvate-testimonials__meta > a { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-size: 11px; font-weight: 700; }
.softvate-testimonials__meta svg,.softvate-testimonials__controls svg { width: 17px; height: 17px; }
.softvate-testimonials__controls { position: absolute; z-index: 2; right: clamp(34px,4.5vw,65px); bottom: clamp(34px,4.5vw,65px); display: flex; align-items: center; gap: 13px; }
.softvate-testimonials__controls button { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; background: rgba(255,255,255,.06); color: #fff; transition: background .25s,border-color .25s; }
.softvate-testimonials__controls button:hover { border-color: #4a7dff; background: #2f6bff; }
.softvate-testimonials__controls > span { color: rgba(255,255,255,.45); font-size: 10px; font-weight: 700; letter-spacing: .09em; }
@media (max-width: 991px) {
  .softvate-testimonials { padding: 100px 0; }
  .softvate-testimonials__header { grid-template-columns: 1fr; gap: 25px; }
  .softvate-testimonials__layout { grid-template-columns: 1fr; }
  .softvate-testimonials__nav { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 8px; border-top: 0; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .softvate-testimonials__nav button { flex: 0 0 225px; grid-template-columns: 32px 1fr; padding: 16px; border: 1px solid var(--at-neutral-100); border-radius: 10px; scroll-snap-align: start; }
  .softvate-testimonials__nav button:hover,.softvate-testimonials__nav button.is-active { padding-left: 16px; border-color: rgba(74,125,255,.55); }
  .softvate-testimonials__stage { min-height: 540px; }
}
@media (max-width: 767px) {
  .softvate-testimonials { padding: 78px 0; }
  .softvate-testimonials__header { margin-bottom: 38px; }
  .softvate-testimonials__header h2 { font-size: 42px; }
  .softvate-testimonials__header > p { font-size: 14px; }
  .softvate-testimonials__nav button { flex-basis: 205px; }
  .softvate-testimonials__stage { min-height: 500px; padding: 24px; border-radius: 13px; }
  .softvate-testimonials__status { padding: 7px 10px; font-size: 8px; }
  .softvate-testimonials__stage blockquote { padding: 42px 0; font-size: 27px; line-height: 1.24; }
  .softvate-testimonials__meta { display: grid; gap: 18px; padding: 25px 90px 0 0; }
  .softvate-testimonials__controls { right: 24px; bottom: 25px; }
}
@media (max-width: 390px) {
  .softvate-testimonials__stage { min-height: 525px; }
  .softvate-testimonials__stage blockquote { font-size: 25px; }
  .softvate-testimonials__meta { padding-right: 0; padding-bottom: 52px; }
}

.softvate-thank-you { min-height: 100vh; background: #050b18; color: #fff; }
.softvate-thank-you__hero { position: relative; display: grid; min-height: 100vh; place-items: center; overflow: hidden; padding: 150px 0 90px; background: radial-gradient(circle at 76% 22%,rgba(47,107,255,.32),transparent 34%),linear-gradient(135deg,#050b18 0%,#091225 56%,#060814 100%); }
.softvate-thank-you__hero::before { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(126,161,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(126,161,255,.3) 1px,transparent 1px); background-size: 84px 84px; content: ""; }
.softvate-thank-you__hero .container { position: relative; z-index: 1; max-width: 980px; text-align: center; }
.softvate-thank-you__hero span { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; color: #8eacff; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.softvate-thank-you__hero span::before { width: 8px; height: 8px; border-radius: 50%; background: #2f6bff; box-shadow: 0 0 0 8px rgba(47,107,255,.12); content: ""; }
.softvate-thank-you__hero h1 { max-width: 850px; margin: 0 auto; color: #fff; font-size: clamp(54px,7vw,104px); font-weight: 600; letter-spacing: -.06em; line-height: .96; }
.softvate-thank-you__hero p { max-width: 640px; margin: 28px auto 0; color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.75; }
.softvate-thank-you__hero div div { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 42px; }
.softvate-thank-you__hero a { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 14px 22px; border: 1px solid rgba(126,161,255,.34); border-radius: 999px; background: rgba(255,255,255,.06); color: #fff; font-size: 13px; font-weight: 800; transition: transform .2s ease,background .2s ease,border-color .2s ease; }
.softvate-thank-you__hero a:first-child { border-color: #2f6bff; background: #2f6bff; }
.softvate-thank-you__hero a:hover { color: #fff; border-color: #86a6ff; background: rgba(47,107,255,.22); transform: translateY(-2px); }
.softvate-thank-you__hero a svg { width: 18px; height: 18px; }
@media (max-width: 767px) {
  .softvate-thank-you__hero { padding: 130px 0 70px; }
  .softvate-thank-you__hero h1 { font-size: 48px; }
  .softvate-thank-you__hero p { font-size: 15px; }
  .softvate-thank-you__hero div div { display: grid; }
}


.softvate-case-study,
.softvate-case-study--cinematic {
  --cs-line: rgba(22,36,62,.12);
  background: #f7faff !important;
  color: #172033 !important;
}

.softvate-case-study__hero,
.softvate-case-study__hero--cinematic,
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic {
  min-height: auto;
  background:
    radial-gradient(circle at 78% 22%, rgba(47,107,255,.16), transparent 35%),
    linear-gradient(135deg, #ffffff 0%, #eef5ff 72%, #f7faff 100%) !important;
}

.softvate-case-study__hero::before {
  opacity: .18;
}

.softvate-case-study__hero::after,
.softvate-case-study__hero--cinematic::after,
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic::before,
.softvate-case-study--cinematic .softvate-case-study__hero--cinematic::after {
  display: none !important;
}

.softvate-case-study__back,
.softvate-case-study__hero h1,
.softvate-case-study__hero h2,
.softvate-case-study__hero--cinematic h1,
.softvate-case-study__lead dd,
.softvate-case-study__split h2,
.softvate-case-study__section-heading h2,
.softvate-case-study__timeline h3,
.softvate-case-study__presentation-grid article > span,
.softvate-case-study__result-grid h3,
.softvate-case-study__next a,
.edm-editorial__brief h2,
.edm-editorial__section-head h2,
.edm-editorial__scope-head h2,
.edm-editorial__technical h2 {
  color: #101827 !important;
  text-shadow: none !important;
}

.softvate-case-study__back:hover,
.softvate-case-study__next a:hover {
  color: #2f6bff !important;
}

.softvate-case-study__hero-subtitle,
.softvate-case-study__lead > p,
.softvate-case-study__lead dt,
.softvate-case-study__split article > p,
.softvate-case-study__section-heading > p,
.softvate-case-study__presentation-grid li,
.softvate-case-study__responsibilities li,
.softvate-case-study__timeline li p,
.softvate-case-study__timeline--detailed > li ul li,
.softvate-case-study__result-grid p,
.softvate-case-study__live-access p,
.softvate-case-study__browser-bar span,
.edm-editorial__brief-copy p,
.edm-editorial__capabilities p,
.edm-editorial__timeline p,
.edm-editorial__outcome-grid p,
.edm-editorial__technical p {
  color: #526076 !important;
}

.softvate-case-study__showcase,
.softvate-case-study__live-access,
.softvate-case-study__presentation,
.softvate-case-study__overview,
.softvate-case-study__timeline,
.softvate-case-study__results,
.softvate-case-study__tech,
.softvate-case-study__next,
.edm-editorial__product,
.edm-editorial__platform-views,
.edm-editorial__scope,
.edm-editorial__delivery,
.edm-editorial__outcomes,
.edm-editorial__technical {
  background: #f7faff !important;
}

.softvate-case-study__presentation-grid article,
.softvate-case-study__timeline--detailed > li,
.softvate-case-study__result-grid,
.softvate-case-study__next a,
.edm-editorial__view-card,
.edm-editorial__capabilities article,
.edm-editorial__outcome-grid {
  border-color: rgba(22,36,62,.12) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 55px rgba(20,52,96,.08);
}

.softvate-case-study__desktop-frame,
.softvate-case-study__phone-frame,
.edm-editorial__desktop,
.edm-editorial__mobile {
  border-color: rgba(22,36,62,.14) !important;
  background: #ffffff !important;
  box-shadow: 0 28px 80px rgba(20,52,96,.12) !important;
}

.softvate-case-study__browser-bar,
.edm-editorial__browser-bar {
  background: #edf3fb !important;
}

.softvate-case-study__browser-bar i,
.edm-editorial__browser-bar i {
  background: #a9b8cf !important;
}

.softvate-case-study__chips span {
  border-color: rgba(47,107,255,.22) !important;
  background: rgba(47,107,255,.06) !important;
  color: #172033 !important;
}

.softvate-case-study__quote {
  background: linear-gradient(135deg, #2f6bff, #6a45ff) !important;
}

.softvate-contact-hero {
  color: #172033 !important;
  background-image:
    linear-gradient(90deg, rgba(247,250,255,.96), rgba(247,250,255,.78)),
    url("/assets/imgs/softvate/about-technology.webp") !important;
}

.softvate-contact-hero h1 {
  color: #101827 !important;
}

.softvate-contact-hero__copy > p,
.softvate-contact-hero__meta li {
  color: #526076 !important;
}

.softvate-contact-hero__meta {
  border-top-color: rgba(22,36,62,.12) !important;
}


.softvate-contact-form,
.softvate-contact-faq {
  border-color: rgba(22,36,62,.12) !important;
  background: rgba(255,255,255,.88) !important;
  color: #172033 !important;
  box-shadow: 0 20px 60px rgba(20,52,96,.08);
}

.softvate-careers-page {
  --career-bg: #f7faff;
  --career-surface: #ffffff;
  --career-card: #ffffff;
  --career-text: #101827;
  --career-muted: #526076;
  --career-line: #dfe8f6;
}

.softvate-careers-hero,
.softvate-careers-roles,
.softvate-careers-process,
.softvate-careers-cta {
  background: #f7faff !important;
  color: #172033 !important;
}

.softvate-careers-hero h1,
.softvate-careers-heading h2,
.softvate-careers-cta h2,
.softvate-careers-process li strong {
  color: #101827 !important;
}

.softvate-careers-hero > .container > p,
.softvate-careers-heading p,
.softvate-careers-process li p,
.softvate-careers-cta p {
  color: #526076 !important;
}


.softvate-careers-process li {
  border-color: rgba(22,36,62,.12) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 55px rgba(20,52,96,.07);
}

.softvate-testimonials__stage {
  background:
    radial-gradient(circle at 88% 10%, rgba(78,122,255,.18), transparent 30%),
    linear-gradient(145deg, #ffffff, #eef5ff 72%) !important;
  color: #172033 !important;
  border: 1px solid rgba(22,36,62,.12);
}

.softvate-testimonials__stage blockquote,
.softvate-testimonials__meta strong {
  color: #101827 !important;
}

.softvate-testimonials__meta,
.softvate-testimonials__controls button,
.softvate-testimonials__status,
.softvate-testimonials__owner-label > b {
  border-color: rgba(22,36,62,.12) !important;
}

.softvate-testimonials__meta span,
.softvate-testimonials__status,
.softvate-testimonials__owner-label small {
  color: #526076 !important;
}

.softvate-testimonials__controls button {
  background: #ffffff !important;
  color: #2f6bff !important;
}

.softvate-thank-you {
  background: #f7faff !important;
  color: #172033 !important;
}

.softvate-thank-you__hero {
  background:
    radial-gradient(circle at 76% 22%, rgba(47,107,255,.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #eef5ff 60%, #f7faff 100%) !important;
}

.softvate-thank-you__hero h1 {
  color: #101827 !important;
}

.softvate-thank-you__hero p {
  color: #526076 !important;
}

.softvate-thank-you__hero a:not(:first-child) {
  background: #ffffff !important;
  color: #172033 !important;
  border-color: rgba(47,107,255,.24) !important;
}


[data-bs-theme="dark"] {
  background: #0c0c0c;
  color: #efefef;
}


[data-bs-theme="dark"] .softvate-brand-marquee,
[data-bs-theme="dark"] .softvate-testimonials,
[data-bs-theme="dark"] .softvate-careers-page,
[data-bs-theme="dark"] .softvate-careers-hero,
[data-bs-theme="dark"] .softvate-careers-roles,
[data-bs-theme="dark"] .softvate-careers-process,
[data-bs-theme="dark"] .softvate-careers-cta,
[data-bs-theme="dark"] .softvate-thank-you,
[data-bs-theme="dark"] .softvate-case-study,
[data-bs-theme="dark"] .softvate-case-study--cinematic {
  background: #0c0c0c !important;
  color: #efefef !important;
}

[data-bs-theme="dark"] .softvate-contact-hero {
  color: #ffffff !important;
  background-image:
    linear-gradient(90deg, rgba(5,12,24,.97), rgba(5,12,24,.8)),
    url("/assets/imgs/softvate/about-technology.webp") !important;
}

[data-bs-theme="dark"] .softvate-thank-you__hero {
  background:
    radial-gradient(circle at 76% 22%,rgba(47,107,255,.32),transparent 34%),
    linear-gradient(135deg,#050b18 0%,#091225 56%,#060814 100%) !important;
}

[data-bs-theme="dark"] .softvate-careers-page {
  --career-bg: #070b13;
  --career-surface: #0d1320;
  --career-card: #101827;
  --career-text: #f7f9ff;
  --career-muted: #a8b2c4;
  --career-line: rgba(255,255,255,.1);
}


[data-bs-theme="dark"] .softvate-careers-process li,
[data-bs-theme="dark"] .softvate-contact-form,
[data-bs-theme="dark"] .softvate-contact-faq,
[data-bs-theme="dark"] .softvate-contact-direct,
[data-bs-theme="dark"] .softvate-contact-map-card__location,
[data-bs-theme="dark"] .softvate-about-v2__visual-caption,
[data-bs-theme="dark"] .softvate-about-v2__collaboration,
[data-bs-theme="dark"] .softvate-testimonials__stage {
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(10,18,34,.88) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.25);
}

[data-bs-theme="dark"] .softvate-testimonials__stage {
  background:
    radial-gradient(circle at 88% 10%,rgba(78,122,255,.3),transparent 30%),
    linear-gradient(145deg,#10172b,#070a12 68%) !important;
}

[data-bs-theme="dark"] .softvate-careers-hero h1,
[data-bs-theme="dark"] .softvate-careers-heading h2,
[data-bs-theme="dark"] .softvate-careers-cta h2,
[data-bs-theme="dark"] .softvate-careers-process li strong,
[data-bs-theme="dark"] .softvate-contact-hero h1,
[data-bs-theme="dark"] .softvate-contact-direct > a,
[data-bs-theme="dark"] .softvate-contact-map-card__location strong,
[data-bs-theme="dark"] .softvate-about-v2__visual-caption h2,
[data-bs-theme="dark"] .softvate-about-v2__visual-index,
[data-bs-theme="dark"] .softvate-about-v2__collaboration > span,
[data-bs-theme="dark"] .softvate-testimonials__stage blockquote,
[data-bs-theme="dark"] .softvate-testimonials__meta strong,
[data-bs-theme="dark"] .softvate-testimonials__owner-label > span,
[data-bs-theme="dark"] .softvate-testimonials__meta > a,
[data-bs-theme="dark"] .softvate-testimonials__controls > span,
[data-bs-theme="dark"] .softvate-thank-you__hero h1 {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .softvate-careers-hero > .container > p,
[data-bs-theme="dark"] .softvate-careers-heading p,
[data-bs-theme="dark"] .softvate-careers-process li p,
[data-bs-theme="dark"] .softvate-careers-cta p,
[data-bs-theme="dark"] .softvate-contact-hero__copy > p,
[data-bs-theme="dark"] .softvate-contact-hero__meta li,
[data-bs-theme="dark"] .softvate-contact-direct__phones a,
[data-bs-theme="dark"] .softvate-contact-map-card__location p,
[data-bs-theme="dark"] .softvate-about-v2__visual-caption p,
[data-bs-theme="dark"] .softvate-about-v2__visual-index b,
[data-bs-theme="dark"] .softvate-testimonials__meta span,
[data-bs-theme="dark"] .softvate-testimonials__status,
[data-bs-theme="dark"] .softvate-testimonials__owner-label small,
[data-bs-theme="dark"] .softvate-thank-you__hero p {
  color: rgba(255,255,255,.68) !important;
}

[data-bs-theme="dark"] .softvate-contact-select,
[data-bs-theme="dark"] .softvate-contact-select option {
  background: #0d111b !important;
  color: #f7f9ff !important;
}

[data-bs-theme="dark"] .softvate-testimonials__controls button {
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
}

[data-bs-theme="dark"] .softvate-thank-you__hero a:not(:first-child) {
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
  border-color: rgba(126,161,255,.34) !important;
}


html .softvate-case-study,
html .softvate-case-study--cinematic {
  --cs-line: rgba(255,255,255,.12) !important;
  background: #080a0f !important;
  color: #f6f7fb !important;
}

html .softvate-case-study__hero {
  background: linear-gradient(135deg, #071021 0%, #0a0d14 58%, #10132a 100%) !important;
}

html .softvate-case-study__hero--cinematic,
html .softvate-case-study--cinematic .softvate-case-study__hero--cinematic {
  background: #080a0f !important;
}

html .softvate-case-study__hero--cinematic::before {
  display: block !important;
  background: var(--case-hero) center/cover no-repeat !important;
  opacity: .32 !important;
}

html .softvate-case-study__hero--cinematic::after {
  display: block !important;
  background: linear-gradient(90deg,rgba(3,3,10,.96) 0%,rgba(3,3,10,.76) 50%,rgba(3,3,10,.22) 100%),linear-gradient(0deg,#080a12 0%,transparent 52%,rgba(2,3,9,.55) 100%) !important;
}

html .softvate-case-study__showcase,
html .softvate-case-study__live-access,
html .softvate-case-study__presentation,
html .softvate-case-study__overview,
html .softvate-case-study__timeline,
html .softvate-case-study__results,
html .softvate-case-study__tech,
html .softvate-case-study__next,
html .edm-editorial__product,
html .edm-editorial__platform-views,
html .edm-editorial__scope,
html .edm-editorial__delivery,
html .edm-editorial__outcomes,
html .edm-editorial__technical {
  background: #080a0f !important;
}

html .softvate-case-study__presentation-grid article,
html .softvate-case-study__timeline--detailed > li,
html .softvate-case-study__result-grid,
html .softvate-case-study__next a,
html .edm-editorial__view-card,
html .edm-editorial__capabilities article,
html .edm-editorial__scope li,
html .edm-editorial__timeline > li,
html .edm-editorial__outcome-grid,
html .edm-editorial__technical li {
  border-color: rgba(255,255,255,.12) !important;
  background: #101521 !important;
  box-shadow: none !important;
}

html .softvate-case-study__desktop-frame,
html .softvate-case-study__phone-frame,
html .edm-editorial__desktop,
html .edm-editorial__mobile {
  border-color: rgba(255,255,255,.15) !important;
  background: #06070b !important;
  box-shadow: 0 42px 100px rgba(0,0,0,.42) !important;
}

html .softvate-case-study__browser-bar,
html .edm-editorial__browser-bar {
  background: #171b25 !important;
}

html .softvate-case-study__browser-bar i,
html .edm-editorial__browser-bar i {
  background: #4e5668 !important;
}

html .softvate-case-study__hero h1,
html .softvate-case-study__hero h2,
html .softvate-case-study__hero--cinematic h1,
html .softvate-case-study__lead dd,
html .softvate-case-study__split h2,
html .softvate-case-study__section-heading h2,
html .softvate-case-study__timeline h3,
html .softvate-case-study__presentation-grid article > span,
html .softvate-case-study__result-grid h3,
html .softvate-case-study__next a,
html .softvate-case-study__live-access h2,
html .edm-editorial__brief h2,
html .edm-editorial__section-head h2,
html .edm-editorial__scope-head h2,
html .edm-editorial__technical h2,
html .edm-editorial__capabilities h3,
html .edm-editorial__view-card figcaption strong,
html .edm-editorial__timeline h3,
html .edm-editorial__outcome-grid strong,
html .edm-editorial__outcome-grid h3 {
  color: #ffffff !important;
  text-shadow: none;
}

html .softvate-case-study__hero-subtitle,
html .softvate-case-study__lead > p,
html .softvate-case-study__lead dt,
html .softvate-case-study__split article > p,
html .softvate-case-study__section-heading > p,
html .softvate-case-study__presentation-grid li,
html .softvate-case-study__responsibilities li,
html .softvate-case-study__timeline li p,
html .softvate-case-study__timeline--detailed > li ul li,
html .softvate-case-study__result-grid p,
html .softvate-case-study__live-access p,
html .softvate-case-study__browser-bar span,
html .edm-editorial__hero-aside dt,
html .edm-editorial__hero-aside dd,
html .edm-editorial__brief-copy p,
html .edm-editorial__brief-copy dt,
html .edm-editorial__brief-copy dd,
html .edm-editorial__capabilities p,
html .edm-editorial__view-card figcaption p,
html .edm-editorial__scope li span,
html .edm-editorial__scope li p,
html .edm-editorial__timeline p,
html .edm-editorial__timeline strong,
html .edm-editorial__outcome-grid p,
html .edm-editorial__technical p,
html .edm-editorial__technical li {
  color: rgba(255,255,255,.66) !important;
}

html .softvate-case-study__chips span {
  border-color: rgba(126,161,255,.28) !important;
  background: rgba(47,107,255,.06) !important;
  color: rgba(255,255,255,.85) !important;
}

html .softvate-case-study__hero-link,
html .softvate-case-study__hero-link:hover,
html .softvate-case-study__quote,
html .softvate-case-study__quote-card p,
html .softvate-case-study__quote-card small {
  color: #ffffff !important;
}


html[data-bs-theme="dark"] .services-page,
html[data-bs-theme="dark"] .services-page .sec-1-services > .bg-neutral-50,
html[data-bs-theme="dark"] .services-page .sec-2-services,
html[data-bs-theme="dark"] .services-page .sec-2-about,
html[data-bs-theme="dark"] .services-page .sec-7-about {
  background: #080a0f !important;
  color: #f7f9ff !important;
}

html[data-bs-theme="dark"] .services-page .sec-1-services > .bg-neutral-50 {
  background:
    radial-gradient(circle at 12% 30%, rgba(47,107,255,.22), transparent 34%),
    radial-gradient(circle at 82% 16%, rgba(96,165,250,.14), transparent 30%),
    #080a0f !important;
  border-bottom-color: rgba(255,255,255,.1) !important;
}

html[data-bs-theme="dark"] .services-page .sec-1-services .section-title,
html[data-bs-theme="dark"] .services-page .sec-1-services h1,
html[data-bs-theme="dark"] .services-page .sec-1-services h2,
html[data-bs-theme="dark"] .services-page .sec-1-services h3,
html[data-bs-theme="dark"] .services-page .sec-1-services h4,
html[data-bs-theme="dark"] .services-page .sec-1-services h5,
html[data-bs-theme="dark"] .services-page .sec-1-services h6,
html[data-bs-theme="dark"] .services-page__section-head h2,
html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card.card-2 h6,
html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card.card-2 h6 a,
html[data-bs-theme="dark"] .services-page .process-scroll h2,
html[data-bs-theme="dark"] .services-page .process-scroll h3,
html[data-bs-theme="dark"] .services-page .sec-7-about h2,
html[data-bs-theme="dark"] .services-page .sec-7-about h3 {
  color: #ffffff !important;
}

html[data-bs-theme="dark"] .services-page .sec-1-services h6,
html[data-bs-theme="dark"] .services-page__section-head p,
html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card.card-2 p,
html[data-bs-theme="dark"] .services-page .process-scroll p,
html[data-bs-theme="dark"] .services-page .sec-7-about p,
html[data-bs-theme="dark"] .services-page .at-faq-body {
  color: rgba(255,255,255,.68) !important;
}

html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card.card-2,
html[data-bs-theme="dark"] .services-page .process-scroll .process-card,
html[data-bs-theme="dark"] .services-page .at-faq-item {
  border-color: rgba(255,255,255,.12) !important;
  background: #101521 !important;
}

html[data-bs-theme="dark"] .services-page__section-head {
  border-bottom-color: rgba(255,255,255,.12) !important;
}

html[data-bs-theme="dark"] .services-page .sec-1-services .scene > div {
  border-color: rgba(126,161,255,.24) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.38) !important;
}

html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card,
html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card.card-2 {
  border-color: rgba(255,255,255,.12) !important;
  background-color: #101521 !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card h6,
html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card h6 a {
  color: #ffffff !important;
}

html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card-description p {
  color: rgba(255,255,255,.72) !important;
}

html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card.card-2::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8,10,15,.12), rgba(8,10,15,.78));
  content: "";
}

html[data-bs-theme="dark"] .services-page .sec-2-services .at-service-card.card-2 .at-service-card-content {
  color: #ffffff !important;
}

html .softvate-case-study,
html .softvate-case-study * {
  color-scheme: dark;
}

html .softvate-case-study :is(h1,h2,h3,h4,h5,h6,strong,dt,dd,a),
html .softvate-case-study .softvate-case-study__quote-card a {
  color: #ffffff !important;
}

html .softvate-case-study :is(p,li,small,figcaption) {
  color: rgba(255,255,255,.68) !important;
}

html .softvate-case-study .softvate-case-study__section-label,
html .softvate-case-study .softvate-case-study__eyebrow,
html .softvate-case-study__chips b,
html .softvate-case-study__timeline li > span,
html .softvate-case-study__timeline--detailed > li > span,
html .softvate-case-study__result-grid strong,
html .edm-editorial__capabilities article > span,
html .edm-editorial__scope li span,
html .edm-editorial__timeline > li > span {
  color: #7fa3ff !important;
}

html .softvate-case-study--cinematic .softvate-case-study__section-label,
html .softvate-case-study--cinematic .softvate-case-study__eyebrow {
  color: #ff4da6 !important;
}

html .softvate-case-study :is(.softvate-case-study__hero-link,.softvate-case-study__live-access a,.edm-editorial__technical a) {
  border-color: rgba(126,161,255,.42) !important;
  background: rgba(47,107,255,.16) !important;
  color: #ffffff !important;
}


html .edm-editorial__capabilities {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12) !important;
}

html .edm-editorial__capabilities article,
html .edm-editorial__capabilities article + article {
  min-width: 0;
  min-height: 168px;
  padding: 34px 32px !important;
  overflow: visible;
}

html .edm-editorial__capabilities article > span,
html .edm-editorial__scope li span,
html .edm-editorial__timeline > li > span,
html .softvate-case-study__timeline li > span,
html .softvate-case-study__timeline--detailed > li > span {
  display: block;
  min-width: 28px;
  white-space: nowrap;
  line-height: 1.3;
  opacity: 1 !important;
}

html .edm-editorial__capabilities h3 {
  margin-top: 18px !important;
  line-height: 1.18 !important;
}

html .edm-editorial__capabilities p {
  max-width: 35rem;
  line-height: 1.7 !important;
}

html .edm-editorial__scope ol,
html .edm-editorial__timeline {
  border: 1px solid rgba(255,255,255,.12) !important;
  border-bottom: 0 !important;
}

html .edm-editorial__scope li {
  grid-template-columns: 48px minmax(0,1fr) !important;
  gap: 22px !important;
  min-width: 0;
  padding: 24px 32px !important;
  overflow: visible;
}

html .edm-editorial__scope li p {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.65 !important;
}

html .edm-editorial__timeline > li {
  grid-template-columns: 72px minmax(0,1fr) minmax(240px,.42fr) !important;
  gap: 28px !important;
  min-width: 0;
  padding: 34px 32px !important;
  overflow: visible;
}

html .edm-editorial__timeline h3,
html .edm-editorial__timeline p,
html .edm-editorial__timeline strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

html .edm-editorial__timeline strong {
  justify-self: start;
  max-width: 100%;
  line-height: 1.6 !important;
}

html .softvate-case-study__timeline--detailed > li {
  padding: 38px 36px !important;
  overflow: visible;
}

html .softvate-case-study__timeline--detailed > li::before {
  right: 36px !important;
}

@media (max-width: 1199px) {
  html .edm-editorial__capabilities {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 767px) {
  html .edm-editorial__capabilities {
    grid-template-columns: 1fr !important;
  }

  html .edm-editorial__capabilities article,
  html .edm-editorial__capabilities article + article {
    min-height: 0;
    padding: 28px 24px !important;
    border-left: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  html .edm-editorial__scope li,
  html .edm-editorial__timeline > li {
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 16px !important;
    padding: 26px 22px !important;
  }

  html .edm-editorial__timeline strong {
    grid-column: 2 !important;
  }
}


.softvate-seo-trust {
  padding: 110px 0;
  background: #0a0d13;
  color: #f4f7ff;
  border-top: 1px solid rgba(122, 150, 210, .14);
  border-bottom: 1px solid rgba(122, 150, 210, .14);
}
.softvate-seo-trust__header,
.softvate-seo-trust__faq,
.softvate-seo-trust__industries {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(36px, 6vw, 96px);
}
.softvate-seo-trust__header > div > span,
.softvate-seo-trust__section-title > span {
  display: block;
  margin-bottom: 18px;
  color: #4fa3ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.softvate-seo-trust h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 4vw, 62px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.softvate-seo-trust__header > p,
.softvate-seo-trust__section-title > p {
  max-width: 620px;
  margin: 38px 0 0;
  color: rgba(235, 241, 255, .68);
  font-size: 18px;
  line-height: 1.75;
}
.softvate-seo-trust__reasons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 60px;
  border: 1px solid rgba(122, 150, 210, .18);
  border-radius: 22px;
  overflow: hidden;
}
.softvate-seo-trust__reasons article {
  min-height: 290px;
  padding: 38px;
  background: linear-gradient(145deg, rgba(20, 27, 42, .86), rgba(10, 13, 19, .88));
}
.softvate-seo-trust__reasons article + article { border-left: 1px solid rgba(122, 150, 210, .18); }
.softvate-seo-trust__reasons article > span {
  color: #4fa3ff;
  font-size: 13px;
  letter-spacing: .12em;
}
.softvate-seo-trust h3 {
  margin: 56px 0 14px;
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
}
.softvate-seo-trust article p,
.softvate-seo-trust__faq-list p {
  margin: 0;
  color: rgba(235, 241, 255, .64);
  line-height: 1.7;
}
.softvate-seo-trust__industries,
.softvate-seo-trust__faq {
  margin-top: 120px;
  padding-top: 100px;
  border-top: 1px solid rgba(122, 150, 210, .16);
}
.softvate-seo-trust__industry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(122, 150, 210, .18);
}
.softvate-seo-trust__industry-grid article {
  padding: 28px 24px 28px 0;
  border-bottom: 1px solid rgba(122, 150, 210, .18);
}
.softvate-seo-trust__industry-grid article:nth-child(even) {
  padding-left: 28px;
  border-left: 1px solid rgba(122, 150, 210, .18);
}
.softvate-seo-trust__industry-grid h3 { margin: 0 0 10px; font-size: 21px; }
.softvate-seo-trust__section-title p a { color: #66b0ff; text-decoration: underline; text-underline-offset: 4px; }
.softvate-seo-trust__faq-list details { border-bottom: 1px solid rgba(122, 150, 210, .2); }
.softvate-seo-trust__faq-list summary {
  display: grid;
  grid-template-columns: 42px 1fr 24px;
  gap: 18px;
  align-items: center;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
}
.softvate-seo-trust__faq-list summary::-webkit-details-marker { display: none; }
.softvate-seo-trust__faq-list summary span { color: #4fa3ff; font-size: 12px; }
.softvate-seo-trust__faq-list summary strong { color: #f7f9ff; font-size: 18px; }
.softvate-seo-trust__faq-list summary i { color: #4fa3ff; font-size: 24px; font-style: normal; transition: transform .2s ease; }
.softvate-seo-trust__faq-list details[open] summary i { transform: rotate(45deg); }
.softvate-seo-trust__faq-list details > p { padding: 0 42px 24px 60px; }
@media (max-width: 991px) {
  .softvate-seo-trust { padding: 80px 0; }
  .softvate-seo-trust__header,
  .softvate-seo-trust__faq,
  .softvate-seo-trust__industries { grid-template-columns: 1fr; gap: 38px; }
  .softvate-seo-trust__header > p,
  .softvate-seo-trust__section-title > p { margin-top: 0; }
  .softvate-seo-trust__reasons { grid-template-columns: 1fr; }
  .softvate-seo-trust__reasons article { min-height: 0; }
  .softvate-seo-trust__reasons article + article { border-left: 0; border-top: 1px solid rgba(122, 150, 210, .18); }
  .softvate-seo-trust h3 { margin-top: 32px; }
  .softvate-seo-trust__industries,
  .softvate-seo-trust__faq { margin-top: 80px; padding-top: 70px; }
}
@media (max-width: 575px) {
  .softvate-seo-trust { padding: 64px 0; }
  .softvate-seo-trust__reasons article { padding: 28px 24px; }
  .softvate-seo-trust__industry-grid { grid-template-columns: 1fr; }
  .softvate-seo-trust__industry-grid article,
  .softvate-seo-trust__industry-grid article:nth-child(even) { padding: 24px 0; border-left: 0; }
  .softvate-seo-trust__faq-list summary { grid-template-columns: 30px 1fr 20px; gap: 10px; }
  .softvate-seo-trust__faq-list details > p { padding: 0 20px 22px 40px; }
}
.softvate-route-loader {
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% 40%, rgba(42, 111, 255, .12), transparent 32%),
    #080a0f;
}


.softvate-testimonials--dark {
  background:
    radial-gradient(circle at 78% 18%, rgba(47,107,255,.18), transparent 32%),
    linear-gradient(180deg, #080a0f 0%, #0a0d13 100%) !important;
  border-top: 1px solid rgba(122,150,210,.16);
  border-bottom: 1px solid rgba(122,150,210,.16);
  color: #f7f9ff;
}
.softvate-testimonials--dark .softvate-testimonials__header h2 {
  color: #fff;
}
.softvate-testimonials--dark .softvate-testimonials__header > p {
  color: rgba(235,241,255,.66);
}
.softvate-testimonials--dark .softvate-testimonials__nav {
  border-top-color: rgba(122,150,210,.18);
}
.softvate-testimonials--dark .softvate-testimonials__nav button {
  border-bottom-color: rgba(122,150,210,.18);
  color: #f7f9ff;
}
.softvate-testimonials--dark .softvate-testimonials__nav button:hover,
.softvate-testimonials--dark .softvate-testimonials__nav button.is-active {
  background: rgba(47,107,255,.1);
}
.softvate-testimonials--dark .softvate-testimonials__nav strong {
  color: #fff;
}
.softvate-testimonials--dark .softvate-testimonials__nav small {
  color: rgba(235,241,255,.52);
}
.softvate-testimonials--dark .softvate-testimonials__stage {
  min-height: 520px;
  border: 1px solid rgba(122,150,210,.18);
  background:
    radial-gradient(circle at 88% 10%, rgba(78,122,255,.26), transparent 30%),
    linear-gradient(145deg, #10172b, #070a12 68%);
  box-shadow: 0 28px 80px rgba(0,0,0,.24);
}
.softvate-testimonials--dark .softvate-testimonials__stage blockquote {
  color: #fff;
}
.softvate-testimonials--dark .softvate-testimonials__meta {
  padding-right: 135px;
}
@media (max-width: 991px) {
  .softvate-testimonials--dark .softvate-testimonials__nav button {
    border: 1px solid rgba(122,150,210,.18);
    background: rgba(255,255,255,.025);
  }
}
@media (max-width: 767px) {
  .softvate-testimonials--dark .softvate-testimonials__stage {
    min-height: 500px;
  }
  .softvate-testimonials--dark .softvate-testimonials__meta {
    padding-right: 88px;
  }
}

.softvate-offcanvas-team-strip__item {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 1px solid rgba(86, 133, 255, .24);
  border-radius: 10px;
  background: rgba(255, 255, 255, .04);
}

@media (max-width: 767px) {
  .sec-4-home-15 {
    padding-top: 54px !important;
    padding-bottom: 48px !important;
  }

  .sec-4-home-15__title-bar {
    margin-bottom: 34px;
  }

  .sec-4-home-15__stats {
    display: none !important;
  }

  .sec-4-home-15__more-grid {
    gap: 22px;
  }

  .sec-4-home-15__mini-content {
    padding: 24px 24px 26px;
  }

  .sec-4-home-15__mini-tools {
    margin-top: 18px;
  }

  .sec-6-home-7__header {
    padding-top: 66px !important;
    padding-bottom: 34px !important;
  }

  .sec-6-home-7__cards {
    padding-bottom: 66px !important;
  }

  .sec-6-home-7__card {
    min-height: 0;
  }

  .sec-6-home-7__card-body {
    padding: 26px 24px;
  }

  .sec-6-home-7__card-media {
    display: none;
  }

  .home-3-section-9 > div {
    padding-top: 72px !important;
  }

  .team-section-carousel {
    padding-top: 44px !important;
  }

  .home-3-section-9 .pb-70 {
    padding-bottom: 44px !important;
  }

  .softvate-testimonials {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .softvate-testimonials__stage {
    min-height: 420px !important;
  }

  .softvate-project-enquiry {
    padding: 58px 0 !important;
  }
}

/* Homepage process section: dark staggered-bar version */
.sec-6-home-7 {
  background: #0b0b0b !important;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.sec-6-home-7__eyebrow,
.sec-6-home-7__eyebrow:hover {
  color: rgba(236,242,255,.82) !important;
  font-family: var(--at-ff-body);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.sec-6-home-7__title {
  color: #fff !important;
  font-size: clamp(40px, 4.2vw, 64px);
  font-weight: 650;
  letter-spacing: -.045em;
}

.sec-6-home-7__desc {
  max-width: 520px;
  color: #f3f5fb !important;
  font-size: clamp(15px, .95vw, 18px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -.025em;
}

.sec-6-home-7__chips {
  gap: 14px;
  margin-top: 6px;
}

.sec-6-home-7__chip {
  height: 64px;
  border-radius: 0;
  color: #111 !important;
  background: #f4f4f5 !important;
  box-shadow: none;
  transform: none !important;
}

.sec-6-home-7__chip:hover {
  color: #111 !important;
  background: #fff !important;
}

.sec-6-home-7__chip-text {
  font-family: var(--at-ff-body);
  font-size: 15px;
  font-weight: 850;
  letter-spacing: -.04em;
}

.sec-6-home-7__chip--1 {
  width: 420px;
  margin-left: 0;
}

.sec-6-home-7__chip--2 {
  width: 610px;
  margin-left: 300px;
}

.sec-6-home-7__chip--3 {
  width: min(900px, 46vw);
  margin-left: 760px;
}

.sec-6-home-7__chip--4 {
  width: min(690px, 35vw);
  margin-left: auto;
}

.sec-6-home-7__cards {
  gap: 34px;
}

.sec-6-home-7__card {
  min-height: 290px;
  padding: 52px 60px;
  border-color: rgba(255,255,255,.13);
  border-radius: 8px;
  background: #0c0c0c;
  box-shadow: none;
}

.sec-6-home-7__card:hover {
  border-color: rgba(70,140,255,.35);
  box-shadow: none;
  transform: translateY(-3px);
}

.sec-6-home-7__card-body {
  gap: 18px;
  margin-bottom: 0;
}

.sec-6-home-7__card-num {
  color: rgba(255,255,255,.20);
  font-size: 25px;
  font-weight: 850;
}

.sec-6-home-7__card-title {
  color: #fff !important;
  font-size: clamp(21px, 1.45vw, 26px);
  font-weight: 750;
}

.sec-6-home-7__card-desc {
  max-width: 360px;
  color: rgba(255,255,255,.62) !important;
  font-size: 15px;
  line-height: 1.62;
}

.sec-6-home-7__card-media {
  display: none;
}

@media (max-width: 1399px) {
  .sec-6-home-7__chip--2 {
    margin-left: 210px;
  }

  .sec-6-home-7__chip--3 {
    margin-left: 520px;
  }
}

@media (max-width: 1199px) {
  .sec-6-home-7__chip--1,
  .sec-6-home-7__chip--2,
  .sec-6-home-7__chip--3,
  .sec-6-home-7__chip--4 {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .sec-6-home-7__header {
    padding-top: 62px !important;
  }

  .sec-6-home-7__title {
    font-size: clamp(38px, 10vw, 48px);
  }

  .sec-6-home-7__desc {
    text-align: left !important;
  }

  .sec-6-home-7__cards {
    gap: 18px;
  }

  .sec-6-home-7__card {
    padding: 28px 24px;
    min-height: 0;
  }

  .sec-6-home-7__card-body {
    padding: 0 !important;
  }
}

/* Homepage-only light mode */
body.softvate-home-light {
  background: #f6f8fc;
  color: #101827;
}

body.softvate-home-light main#main-content {
  background: #f6f8fc !important;
  color: #101827 !important;
}

body.softvate-home-light .sec-1-home-15,
body.softvate-home-light .softvate-brand-wall,
body.softvate-home-light .softvate-service-overview,
body.softvate-home-light .sec-4-home-15,
body.softvate-home-light .home-3-section-9,
body.softvate-home-light .softvate-testimonials,
body.softvate-home-light .softvate-project-enquiry {
  background: #f6f8fc !important;
  color: #101827 !important;
}

body.softvate-home-light main#main-content h1,
body.softvate-home-light main#main-content h2,
body.softvate-home-light main#main-content h3,
body.softvate-home-light main#main-content h4,
body.softvate-home-light main#main-content h5,
body.softvate-home-light main#main-content h6,
body.softvate-home-light main#main-content p,
body.softvate-home-light main#main-content li,
body.softvate-home-light main#main-content span,
body.softvate-home-light main#main-content strong,
body.softvate-home-light main#main-content a:not(.btn):not([class*="btn"]) {
  color: #101827 !important;
}

body.softvate-home-light .sec-1-home-15__card,
body.softvate-home-light .sec-1-home-15__card *,
body.softvate-home-light .sec-1-home-15__card .text-white {
  color: #ffffff !important;
}

body.softvate-home-light .sec-1-home-15__tag {
  color: #ffffff !important;
  background: rgba(8, 13, 26, .42);
  border-color: rgba(255,255,255,.28);
}

body.softvate-home-light .sec-1-home-15__title,
body.softvate-home-light .sec-1-home-15__title strong,
body.softvate-home-light .softvate-brand-wall h2,
body.softvate-home-light .softvate-service-overview h2,
body.softvate-home-light .sec-4-home-15 h2,
body.softvate-home-light .home-3-section-9 h2,
body.softvate-home-light .softvate-testimonials h2 {
  color: #101827 !important;
}

body.softvate-home-light .sec-1-home-15__title-meta p,
body.softvate-home-light .softvate-brand-wall p,
body.softvate-home-light .softvate-service-overview p,
body.softvate-home-light .sec-4-home-15 p,
body.softvate-home-light .home-3-section-9 p,
body.softvate-home-light .softvate-testimonials p {
  color: #526076 !important;
}

body.softvate-home-light .softvate-brand-wall__logo,
body.softvate-home-light .softvate-service-overview__panel,
body.softvate-home-light .softvate-service-overview__service,
body.softvate-home-light .sec-4-home-15__mini-card,
body.softvate-home-light .team-card,
body.softvate-home-light .softvate-testimonials__stage {
  border-color: rgba(20, 46, 89, .12) !important;
  background: #ffffff !important;
  box-shadow: 0 20px 55px rgba(25, 55, 100, .08);
}

body.softvate-home-light .sec-4-home-15__mini-title,
body.softvate-home-light .sec-4-home-15__mini-location,
body.softvate-home-light .sec-4-home-15__mini-tools-label,
body.softvate-home-light .team-card h3,
body.softvate-home-light .team-card p,
body.softvate-home-light .softvate-testimonials__stage blockquote,
body.softvate-home-light .softvate-testimonials__meta strong {
  color: #101827 !important;
}

body.softvate-home-light .sec-4-home-15__mini-desc,
body.softvate-home-light .softvate-testimonials__meta span {
  color: #5d687b !important;
}

body.softvate-home-light .sec-6-home-7 {
  background: #f6f8fc !important;
  border-color: rgba(20, 46, 89, .1);
}

body.softvate-home-light .sec-6-home-7__eyebrow,
body.softvate-home-light .sec-6-home-7__eyebrow:hover {
  color: #2f6bff !important;
}

body.softvate-home-light .sec-6-home-7__title,
body.softvate-home-light .sec-6-home-7__desc {
  color: #101827 !important;
}

body.softvate-home-light .sec-6-home-7__chip {
  color: #101827 !important;
  background: #ffffff !important;
  border: 1px solid rgba(20,46,89,.12);
  box-shadow: 0 16px 42px rgba(20,52,96,.08);
}

body.softvate-home-light .sec-6-home-7__chip *,
body.softvate-home-light .sec-6-home-7__chip-text {
  color: #101827 !important;
}

body.softvate-home-light .sec-6-home-7__card {
  border-color: rgba(20, 46, 89, .12);
  background: #ffffff;
  box-shadow: 0 20px 55px rgba(25, 55, 100, .08);
}

body.softvate-home-light .sec-6-home-7__card-num {
  color: rgba(47, 107, 255, .42);
}

body.softvate-home-light .sec-6-home-7__card-title {
  color: #101827 !important;
}

body.softvate-home-light .sec-6-home-7__card-desc {
  color: #5d687b !important;
}

body.softvate-home-light .softvate-project-enquiry__inner {
  background:
    radial-gradient(circle at 90% 10%, rgba(70,111,255,.2), transparent 32%),
    linear-gradient(145deg, #ffffff, #eef4ff 72%) !important;
  border-color: rgba(47,107,255,.16);
}

body.softvate-home-light .softvate-project-enquiry h2 {
  color: #101827 !important;
}

body.softvate-home-light .softvate-project-enquiry__action p {
  color: #526076 !important;
}

body.softvate-home-light .softvate-project-enquiry__action a {
  color: #ffffff !important;
}

body.softvate-home-light .softvate-project-enquiry__action a * {
  color: #ffffff !important;
}

body.softvate-home-light .btn,
body.softvate-home-light [class*="btn"] {
  color: inherit;
}

body.softvate-home-light main#main-content .text-white:not(.sec-1-home-15__card .text-white) {
  color: #101827 !important;
}

/* Final homepage light-mode readability pass */
body.softvate-home-light main#main-content :where(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,b,a) {
  color: #101827 !important;
}

body.softvate-home-light main#main-content :where(.neutral-500,.neutral-600,.neutral-700,.text-white) {
  color: #526076 !important;
}

body.softvate-home-light .sec-1-home-15__card :where(a,p,span,li,strong,b,svg),
body.softvate-home-light .sec-1-home-15__card .text-white {
  color: #ffffff !important;
}

body.softvate-home-light .sec-1-home-15__tag {
  background: rgba(6, 12, 25, .46) !important;
}

body.softvate-home-light .softvate-service-overview__tabs button.is-active,
body.softvate-home-light .softvate-service-overview__tabs button.is-active *,
body.softvate-home-light .sec-4-home-15__mini-action,
body.softvate-home-light .sec-4-home-15__mini-action *,
body.softvate-home-light .softvate-project-enquiry__action a,
body.softvate-home-light .softvate-project-enquiry__action a * {
  color: #ffffff !important;
}

body.softvate-home-light .softvate-service-overview__industry {
  background: #ffffff !important;
  border: 1px solid rgba(20,46,89,.12);
}

body.softvate-home-light .softvate-service-overview__industry > span,
body.softvate-home-light .softvate-testimonials__owner-label > span,
body.softvate-home-light .softvate-testimonials__owner-label > span * {
  color: #526076 !important;
}

body.softvate-home-light .softvate-testimonials__controls button {
  color: #2f6bff !important;
  background: #ffffff !important;
  border-color: rgba(47,107,255,.22) !important;
}

body.softvate-home-light .team-card-name .h6,
body.softvate-home-light .team-card-position {
  color: #ffffff !important;
}

body.softvate-home-light .header-15 .at-header-area {
  background: rgba(8, 12, 22, .92) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  backdrop-filter: blur(18px);
}

body.softvate-home-light .header-15 .at-header-logo a {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}

body.softvate-home-light .header-15 .at-main-menu ul li a,
body.softvate-home-light .header-15 .at-header-search-btn,
body.softvate-home-light .header-15 .at-menu-bar {
  color: #f5f8ff !important;
}

/* Keep hero overlay copy readable on the dark hero image */
body.softvate-home-light main#main-content .sec-1-home-15__card,
body.softvate-home-light main#main-content .sec-1-home-15__card a,
body.softvate-home-light main#main-content .sec-1-home-15__card p,
body.softvate-home-light main#main-content .sec-1-home-15__card span,
body.softvate-home-light main#main-content .sec-1-home-15__card strong,
body.softvate-home-light main#main-content .sec-1-home-15__card b,
body.softvate-home-light main#main-content .sec-1-home-15__card li,
body.softvate-home-light main#main-content .sec-1-home-15__card svg,
body.softvate-home-light main#main-content .sec-1-home-15__card .text-white,
body.softvate-home-light main#main-content .sec-1-home-15__email,
body.softvate-home-light main#main-content .sec-1-home-15__tag,
body.softvate-home-light main#main-content .sec-1-home-15__tag span,
body.softvate-home-light main#main-content .sec-1-home-15__tag svg,
body.softvate-home-light main#main-content .sec-1-home-15__clients-text {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.softvate-home-light .sec-4-home-15__mini-card {
  border-color: rgba(20,46,89,.11) !important;
  background: #ffffff !important;
  box-shadow: 0 20px 55px rgba(23, 54, 105, .08) !important;
}

/* Homepage light-mode dark/gradient component exceptions.
   These sit after the broad readability pass so overlay and CTA text stays visible. */
body.softvate-home-light .softvate-project-enquiry__inner {
  background:
    radial-gradient(circle at 92% 18%, rgba(78, 106, 220, .24), transparent 32%),
    linear-gradient(145deg, #10182f 0%, #142148 58%, #0d1428 100%) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 24px 70px rgba(15, 31, 74, .18) !important;
}

body.softvate-home-light .softvate-project-enquiry__inner > div > span {
  color: rgba(231, 238, 255, .74) !important;
}

body.softvate-home-light .softvate-project-enquiry__inner h2 {
  color: #ffffff !important;
}

body.softvate-home-light .softvate-project-enquiry__action p {
  color: rgba(232, 239, 255, .72) !important;
}

body.softvate-home-light .softvate-project-enquiry__action a,
body.softvate-home-light .softvate-project-enquiry__action a :where(span,svg,path),
body.softvate-home-light .sec-4-home-15__mini-action,
body.softvate-home-light .sec-4-home-15__mini-action :where(span,svg,path) {
  color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
}

body.softvate-home-light .sec-4-home-15__mini-action {
  background: linear-gradient(135deg, #2478ff, #705bff) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(36, 120, 255, .22) !important;
}

body.softvate-home-light .sec-4-home-15__mini-action:hover,
body.softvate-home-light .sec-4-home-15__mini-card:hover .sec-4-home-15__mini-action {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1168f3, #5f49ea) !important;
}

body.softvate-home-light .team-card-content {
  background: linear-gradient(180deg, rgba(8, 12, 20, 0) 0%, rgba(7, 12, 22, .82) 58%, rgba(6, 10, 18, .96) 100%) !important;
}

body.softvate-home-light .team-card-content :where(h1,h2,h3,h4,h5,h6,a,p,span,strong,b),
body.softvate-home-light .team-card-name .h6,
body.softvate-home-light .team-card-position {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .28);
}

body.softvate-home-light .team-card-position {
  color: rgba(235, 242, 255, .82) !important;
}

body.softvate-home-light .softvate-brand-marquee__card {
  background: #ffffff !important;
  border-color: rgba(20, 46, 89, .13) !important;
  box-shadow: 0 14px 34px rgba(18, 43, 82, .08) !important;
}

body.softvate-home-light .softvate-brand-marquee__card .softvate-brand-wall__logo,
body.softvate-home-light .softvate-brand-wall__logo.has-white-background,
body.softvate-home-light .softvate-brand-wall__logo.has-dark-background {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.softvate-home-light .softvate-brand-marquee__card img,
body.softvate-home-light .softvate-brand-wall__logo img {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

body.softvate-home-light .softvate-brand-marquee__card:has(.has-white-background) {
  background: #ffffff !important;
}

body.softvate-home-light .softvate-brand-marquee__card.has-white-background {
  background: #ffffff !important;
}

body.softvate-home-light .softvate-brand-marquee__card:has(.has-dark-background),
body.softvate-home-light .softvate-brand-marquee__card.has-dark-background {
  background: #101827 !important;
}

body.softvate-home-light .softvate-brand-marquee__card.has-dark-background {
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 16px 34px rgba(16, 24, 39, .18) !important;
}

body.softvate-home-light .sec-4-home-15__mini-card:hover,
body.softvate-home-light .sec-4-home-15__mini-card:focus-visible {
  border-color: rgba(47,107,255,.28) !important;
  box-shadow: 0 26px 70px rgba(23, 54, 105, .13) !important;
}

body.softvate-home-light .sec-4-home-15__mini-media {
  background: #07101f !important;
  border-bottom-color: rgba(20,46,89,.08) !important;
}

body.softvate-home-light .sec-4-home-15__mini-category {
  color: #2f6bff !important;
}

body.softvate-home-light .sec-4-home-15__mini-content > strong,
body.softvate-home-light .sec-4-home-15__mini-location b,
body.softvate-home-light .sec-4-home-15__mini-tools > b {
  color: #101827 !important;
}

body.softvate-home-light .sec-4-home-15__mini-location,
body.softvate-home-light .sec-4-home-15__mini-tools {
  color: #526076 !important;
}

body.softvate-home-light .sec-4-home-15__tool-mark,
body.softvate-home-light .sec-4-home-15__tool-mark span,
body.softvate-home-light .sec-4-home-15__tool-mark svg {
  color: #2f6bff !important;
}

body.softvate-home-light .sec-4-home-15__mini-action {
  color: #ffffff !important;
  background: linear-gradient(90deg, #1e75ff, #6b6eff) !important;
  border-color: transparent !important;
}

body.softvate-home-light .softvate-service-overview__grid--reference {
  column-gap: clamp(52px, 7vw, 110px);
  row-gap: 44px;
}

body.softvate-home-light .softvate-service-overview__grid--reference .softvate-service-overview__story h2 {
  max-width: 720px;
  font-size: clamp(46px, 4.15vw, 66px);
  line-height: .98;
  letter-spacing: -.065em;
}

body.softvate-home-light .softvate-service-overview__eyebrow {
  color: #22304a !important;
}

body.softvate-home-light .softvate-service-overview__tabs {
  gap: 12px;
  padding: 9px;
  border: 1px solid rgba(20,46,89,.10);
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 18px 50px rgba(23,54,105,.07);
}

body.softvate-home-light .softvate-service-overview__tabs button {
  border: 0 !important;
  border-radius: 999px;
  color: #4d5a70 !important;
  background: transparent;
  font-size: 12px;
}

body.softvate-home-light .softvate-service-overview__tabs button.is-active {
  color: #ffffff !important;
  background: linear-gradient(90deg, #1f75ff, #5f69ff) !important;
  box-shadow: 0 12px 28px rgba(47,107,255,.22);
}

body.softvate-home-light .softvate-service-overview__ecosystem .softvate-service-overview__industry {
  min-height: 136px;
  padding: 24px 30px;
  border: 1px solid rgba(20,46,89,.10);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,250,255,.96)),
    #ffffff !important;
  box-shadow: 0 20px 55px rgba(23,54,105,.08);
}

body.softvate-home-light .softvate-service-overview__ecosystem .softvate-service-overview__industry > span {
  max-width: 165px;
  color: #2f6bff !important;
  font-size: 10px;
  letter-spacing: .16em;
}

body.softvate-home-light .softvate-service-overview__ecosystem .softvate-service-overview__industry a {
  padding: 12px 16px;
  border-radius: 14px;
  background: #ffffff;
}

body.softvate-home-light .softvate-service-overview__ecosystem .softvate-service-overview__industry img {
  display: block;
  width: min(100%, 280px);
  height: auto;
}

body.softvate-home-light .softvate-service-overview__grid--reference .softvate-service-overview__panel {
  padding: 34px 36px;
  border: 1px solid rgba(20,46,89,.10);
  border-radius: 18px;
  background: #ffffff !important;
  box-shadow: 0 20px 55px rgba(23,54,105,.07);
}

body.softvate-home-light .softvate-service-overview__grid--reference .softvate-service-overview__panel h3 {
  font-size: clamp(24px, 2vw, 32px);
}

body.softvate-home-light .softvate-service-overview__identity {
  min-height: 170px;
  border-radius: 18px;
  background: #080d19 !important;
}

body.softvate-home-light .softvate-service-overview__delivery .softvate-service-overview__list li {
  padding: 10px 0;
}

body.softvate-home-light .softvate-service-overview__delivery .softvate-service-overview__list li > span {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #ffffff !important;
  background: #2f6bff;
  font-size: 11px;
}

body.softvate-home-light .softvate-service-overview__link {
  color: #2f6bff !important;
}

body.softvate-home-light .back-to-top-btn {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1e75ff, #6b6eff) !important;
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: 0 16px 38px rgba(47,107,255,.28) !important;
}

body.softvate-home-light .back-to-top-btn svg {
  color: #ffffff !important;
}

body.softvate-home-light .home-3-section-9 .at-btn-group {
  gap: 10px;
}

body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn {
  min-height: 52px;
  padding: 0 24px;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, #1e75ff, #6b6eff) !important;
  box-shadow: 0 14px 34px rgba(47,107,255,.22);
}

body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn,
body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn * {
  color: #ffffff !important;
}

body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn-circle {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(47,107,255,.18) !important;
  border-radius: 999px;
  color: #2f6bff !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(23,54,105,.1);
}

body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn-circle,
body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn-circle * {
  color: #2f6bff !important;
}

body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn-circle:hover,
body.softvate-home-light .home-3-section-9 .at-btn-group .at-btn:hover {
  transform: translateY(-2px);
}

body.softvate-home-light .team-section-swiper-prev,
body.softvate-home-light .team-section-swiper-next {
  border-color: rgba(47,107,255,.2) !important;
  color: #2f6bff !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgba(23,54,105,.14) !important;
}

body.softvate-home-light .team-section-swiper-prev *,
body.softvate-home-light .team-section-swiper-next * {
  color: #2f6bff !important;
}

body.softvate-home-light .team-section-swiper-prev:hover,
body.softvate-home-light .team-section-swiper-next:hover,
body.softvate-home-light .team-section-swiper-prev:focus-visible,
body.softvate-home-light .team-section-swiper-next:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(90deg, #1e75ff, #6b6eff) !important;
  border-color: transparent !important;
}

body.softvate-home-light .team-section-swiper-prev:hover *,
body.softvate-home-light .team-section-swiper-next:hover *,
body.softvate-home-light .team-section-swiper-prev:focus-visible *,
body.softvate-home-light .team-section-swiper-next:focus-visible * {
  color: #ffffff !important;
}

body.softvate-home-light .sec-1-home-15 {
  padding-top: 34px !important;
}

body.softvate-home-light .sec-1-home-15__card :where(a,p,span,li,strong,b,svg),
body.softvate-home-light .sec-1-home-15__card .text-white,
body.softvate-home-light .sec-1-home-15__email,
body.softvate-home-light .sec-1-home-15__tag,
body.softvate-home-light .sec-1-home-15__tag span,
body.softvate-home-light .sec-1-home-15__tag svg,
body.softvate-home-light .sec-1-home-15__clients-text {
  color: #ffffff !important;
}

body.softvate-home-light .sec-1-home-15__email,
body.softvate-home-light .sec-1-home-15__clients-text {
  text-shadow: 0 2px 12px rgba(0,0,0,.55);
}

body.softvate-home-light .sec-1-home-15__tag {
  border-color: rgba(255,255,255,.34) !important;
  background: rgba(5,10,22,.62) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

@media (max-width: 767px) {
  body.softvate-home-light .sec-1-home-15 {
    padding-top: 22px !important;
  }
}

/* Softvate site-wide light mode pass
   Keeps the brand/navigation/footer dark where designed, while converting content pages to a clean light system. */
body.softvate-site-light {
  --softvate-page-bg: #f4f7fb;
  --softvate-surface: #ffffff;
  --softvate-surface-soft: #eef4ff;
  --softvate-text: #101827;
  --softvate-muted: #546176;
  --softvate-line: #dbe4f0;
  --softvate-blue: #2478ff;
  --softvate-blue-dark: #145bd7;
  background: var(--softvate-page-bg) !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light main#main-content {
  background: var(--softvate-page-bg) !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light main#main-content :where(h1,h2,h3,h4,h5,h6) {
  color: var(--softvate-text);
}

body.softvate-site-light main#main-content :where(p,li,small,dd,dt,blockquote) {
  color: var(--softvate-muted);
}

body.softvate-site-light main#main-content :where(a) {
  color: inherit;
}

body.softvate-site-light main#main-content :where(.bg-neutral-0,.bg-neutral-50,.bg-neutral-100,.bg-black,.bg-dark) {
  background-color: transparent !important;
}

body.softvate-site-light main#main-content :where(.text-white) {
  color: inherit !important;
}

body.softvate-site-light .back-to-top-btn {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(36,120,255,.35) !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(135deg, #2478ff 0%, #7458ff 100%) !important;
  box-shadow: 0 16px 34px rgba(36, 120, 255, .26) !important;
}

body.softvate-site-light .back-to-top-btn :where(svg,path,i) {
  color: #fff !important;
  stroke: currentColor !important;
}

/* Dark header and footer retained for contrast and original logo visibility. */
body.softvate-site-light .header-15 .at-header-area,
body.softvate-site-light #header-sticky.header-sticky {
  background: rgba(7, 12, 24, .94) !important;
  border-bottom: 1px solid rgba(91, 132, 255, .18) !important;
  box-shadow: 0 18px 44px rgba(3, 8, 18, .2) !important;
}

body.softvate-site-light .header-15 .at-main-menu ul li a,
body.softvate-site-light .header-15 .at-header-search-btn,
body.softvate-site-light .header-15 .at-menu-bar {
  color: #f5f8ff !important;
}

/* General page surfaces */
body.softvate-site-light :where(.softvate-contact-page,.services-page,.softvate-legal,.softvate-case-study,.softvate-careers-page) {
  background: var(--softvate-page-bg) !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light :where(.softvate-contact-page,.services-page,.softvate-legal,.softvate-case-study,.softvate-careers-page) :where(h1,h2,h3,h4,h5,h6,strong) {
  color: var(--softvate-text) !important;
}

body.softvate-site-light :where(.softvate-contact-page,.services-page,.softvate-legal,.softvate-case-study,.softvate-careers-page) :where(p,li,small,span,dd,dt) {
  color: var(--softvate-muted);
}

body.softvate-site-light :where(.softvate-contact-page,.services-page,.softvate-legal,.softvate-case-study,.softvate-careers-page) :where(.softvate-case-study__section-label,.softvate-case-study__eyebrow,.services-page__eyebrow,.softvate-legal__eyebrow) {
  color: var(--softvate-blue) !important;
}

/* Services listing page */
body.softvate-site-light .services-page .sec-1-services > .bg-neutral-50,
body.softvate-site-light .services-page .sec-2-about,
body.softvate-site-light .services-page .sec-7-about {
  background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%) !important;
  border-color: var(--softvate-line) !important;
}

body.softvate-site-light .services-page .home-2-section-9 {
  background: #ffffff !important;
  color: var(--softvate-text) !important;
  border-block: 1px solid var(--softvate-line) !important;
}

body.softvate-site-light .services-page .home-2-section-9 h1,
body.softvate-site-light .services-page .home-2-section-9 h6 {
  color: var(--softvate-text) !important;
  text-shadow: none !important;
}

body.softvate-site-light .services-page .sec-2-services .at-service-card,
body.softvate-site-light .services-page .sec-2-services .at-service-card.card-2,
body.softvate-site-light .services-page .process-scroll .process-card,
body.softvate-site-light .services-page .at-faq-item {
  background: #ffffff !important;
  border-color: var(--softvate-line) !important;
  box-shadow: 0 18px 46px rgba(30, 51, 86, .08) !important;
}

body.softvate-site-light .services-page .sec-2-services .at-service-card-content :where(h6,p,span,a) {
  color: #ffffff !important;
}

/* Contact page */
body.softvate-site-light .softvate-contact-hero {
  color: var(--softvate-text) !important;
  background: radial-gradient(circle at 82% 18%, rgba(36, 120, 255, .14), transparent 30%), linear-gradient(135deg,#ffffff 0%,#eef4ff 100%) !important;
  border-bottom: 1px solid var(--softvate-line) !important;
}

body.softvate-site-light .softvate-contact-hero::after {
  opacity: .18 !important;
  background-image: linear-gradient(rgba(36,120,255,.12) 1px, transparent 1px), linear-gradient(90deg,rgba(36,120,255,.12) 1px,transparent 1px) !important;
}

body.softvate-site-light .softvate-contact-details,
body.softvate-site-light .softvate-contact-form {
  background: #ffffff !important;
  border: 1px solid var(--softvate-line) !important;
  box-shadow: 0 18px 48px rgba(30, 51, 86, .08) !important;
}

body.softvate-site-light .softvate-contact-form .sec-4-about-form__input,
body.softvate-site-light .softvate-contact-select {
  color: var(--softvate-text) !important;
  background: #ffffff !important;
  border-color: #cbd7e8 !important;
}

body.softvate-site-light .softvate-contact-select option {
  color: var(--softvate-text) !important;
  background: #ffffff !important;
}

/* Case study pages */
body.softvate-site-light .softvate-case-study {
  --cs-line: #dbe4f0;
  --cs-blue: #2478ff;
  background: var(--softvate-page-bg) !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light .softvate-case-study__hero,
body.softvate-site-light .softvate-case-study__hero--cinematic {
  min-height: auto !important;
  color: var(--softvate-text) !important;
  background: radial-gradient(circle at 82% 16%, rgba(36,120,255,.15), transparent 31%), linear-gradient(135deg,#ffffff 0%,#edf4ff 100%) !important;
  border-bottom: 1px solid var(--softvate-line) !important;
}

body.softvate-site-light .softvate-case-study__hero::before,
body.softvate-site-light .softvate-case-study__hero::after,
body.softvate-site-light .softvate-case-study__hero--cinematic::before,
body.softvate-site-light .softvate-case-study__hero--cinematic::after {
  opacity: .12 !important;
}

body.softvate-site-light .softvate-case-study__hero h1,
body.softvate-site-light .softvate-case-study__hero h2,
body.softvate-site-light .softvate-case-study__split h2,
body.softvate-site-light .softvate-case-study__section-heading h2,
body.softvate-site-light .softvate-case-study__live-access h2,
body.softvate-site-light .softvate-case-study__timeline h3,
body.softvate-site-light .softvate-case-study__result-grid h3,
body.softvate-site-light .softvate-case-study__next a,
body.softvate-site-light .softvate-case-study__next a strong,
body.softvate-site-light .edm-editorial__section-head h2,
body.softvate-site-light .edm-editorial__brief h2,
body.softvate-site-light .edm-editorial__scope h2,
body.softvate-site-light .edm-editorial__technical h2,
body.softvate-site-light .edm-editorial__capabilities h3,
body.softvate-site-light .edm-editorial__timeline h3,
body.softvate-site-light .edm-editorial__outcome-grid h3 {
  color: var(--softvate-text) !important;
  text-shadow: none !important;
}

body.softvate-site-light .softvate-case-study__back,
body.softvate-site-light .softvate-case-study__hero-subtitle,
body.softvate-site-light .softvate-case-study__lead > p,
body.softvate-site-light .softvate-case-study__lead dt,
body.softvate-site-light .softvate-case-study__lead dd,
body.softvate-site-light .softvate-case-study__split article > p,
body.softvate-site-light .softvate-case-study__section-heading > p,
body.softvate-site-light .softvate-case-study__responsibilities li,
body.softvate-site-light .softvate-case-study__timeline li p,
body.softvate-site-light .softvate-case-study__result-grid p,
body.softvate-site-light .softvate-case-study__next a span,
body.softvate-site-light .edm-editorial__hero-aside p,
body.softvate-site-light .edm-editorial__brief-copy p,
body.softvate-site-light .edm-editorial__brief-copy dd,
body.softvate-site-light .edm-editorial__capabilities p,
body.softvate-site-light .edm-editorial__view-card figcaption p,
body.softvate-site-light .edm-editorial__scope li p,
body.softvate-site-light .edm-editorial__timeline p,
body.softvate-site-light .edm-editorial__timeline strong,
body.softvate-site-light .edm-editorial__outcome-grid p,
body.softvate-site-light .edm-editorial__technical li {
  color: var(--softvate-muted) !important;
}

body.softvate-site-light .softvate-case-study__showcase,
body.softvate-site-light .softvate-case-study__live-access,
body.softvate-site-light .softvate-case-study__presentation,
body.softvate-site-light .softvate-case-study__overview,
body.softvate-site-light .softvate-case-study__timeline,
body.softvate-site-light .softvate-case-study__tech,
body.softvate-site-light .softvate-case-study__results,
body.softvate-site-light .softvate-case-study__next,
body.softvate-site-light .edm-editorial__brief,
body.softvate-site-light .edm-editorial__product,
body.softvate-site-light .edm-editorial__platform-views,
body.softvate-site-light .edm-editorial__scope,
body.softvate-site-light .edm-editorial__delivery,
body.softvate-site-light .edm-editorial__outcomes,
body.softvate-site-light .edm-editorial__technical {
  background: var(--softvate-page-bg) !important;
  border-color: var(--softvate-line) !important;
}

body.softvate-site-light .softvate-case-study__presentation-grid article,
body.softvate-site-light .softvate-case-study__timeline--detailed > li,
body.softvate-site-light .softvate-case-study__result-grid,
body.softvate-site-light .softvate-case-study__next a,
body.softvate-site-light .edm-editorial__capabilities,
body.softvate-site-light .edm-editorial__capabilities article,
body.softvate-site-light .edm-editorial__view-card,
body.softvate-site-light .edm-editorial__scope ol,
body.softvate-site-light .edm-editorial__scope li,
body.softvate-site-light .edm-editorial__timeline,
body.softvate-site-light .edm-editorial__timeline > li,
body.softvate-site-light .edm-editorial__outcome-grid article,
body.softvate-site-light .edm-editorial__technical li {
  background: #ffffff !important;
  border-color: var(--softvate-line) !important;
  box-shadow: 0 18px 46px rgba(30, 51, 86, .07) !important;
}

body.softvate-site-light .softvate-case-study__desktop-frame,
body.softvate-site-light .softvate-case-study__phone-frame,
body.softvate-site-light .edm-editorial__desktop,
body.softvate-site-light .edm-editorial__mobile,
body.softvate-site-light .edm-editorial__view-card > div {
  background: #0a1020 !important;
  border-color: #cbd7e8 !important;
  box-shadow: 0 22px 60px rgba(30, 51, 86, .16) !important;
}

body.softvate-site-light .softvate-case-study__browser-bar,
body.softvate-site-light .edm-editorial__browser-bar {
  background: #e8eef8 !important;
}

body.softvate-site-light .softvate-case-study__browser-bar span,
body.softvate-site-light .edm-editorial__browser-bar span {
  color: #5c6b80 !important;
}

body.softvate-site-light .softvate-case-study__chips span {
  color: #243047 !important;
  background: #ffffff !important;
  border-color: #cbd7e8 !important;
}

body.softvate-site-light .softvate-case-study__quote {
  background: linear-gradient(135deg,#246dff,#6c5cff) !important;
}

body.softvate-site-light .softvate-case-study__quote-card :where(p,small,span) {
  color: #ffffff !important;
}

/* Legal pages */
body.softvate-site-light .softvate-legal__hero,
body.softvate-site-light .softvate-legal__summary,
body.softvate-site-light .softvate-legal__note {
  background: #ffffff !important;
  border-color: var(--softvate-line) !important;
}

/* Preserve intentional dark text overlays/cards on the homepage hero. */
body.softvate-site-light .sec-1-home-15__card :where(a,p,span,li,strong,b,svg),
body.softvate-site-light .sec-1-home-15__email,
body.softvate-site-light .sec-1-home-15__tag,
body.softvate-site-light .sec-1-home-15__tag span,
body.softvate-site-light .sec-1-home-15__tag svg,
body.softvate-site-light .sec-1-home-15__clients-text,
body.softvate-site-light .services-page .sec-2-services .at-service-card-content :where(h6,p,span,a) {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  body.softvate-site-light .softvate-case-study__hero,
  body.softvate-site-light .softvate-case-study__hero--cinematic {
    padding-top: 118px !important;
  }

  body.softvate-site-light .softvate-case-study__result-grid article,
  body.softvate-site-light .softvate-case-study__timeline--detailed > li {
    padding: 26px !important;
  }
}

/* Typography spacing normalization
   Reduces squeezed template-style tracking while preserving small-label readability. */
body.softvate-site-light :where(h1,h2,h3,h4,h5,h6),
body.softvate-home-light :where(h1,h2,h3,h4,h5,h6),
body.softvate-site-light main#main-content :where(.section-title,.heading,.title,[class*="title"],[class*="headline"]),
body.softvate-home-light main#main-content :where(.section-title,.heading,.title,[class*="title"],[class*="headline"]) {
  letter-spacing: -0.018em !important;
  text-wrap: balance;
}

body.softvate-site-light main#main-content :where(p,li,blockquote,dd,dt,a,button,input,textarea,select,label),
body.softvate-home-light main#main-content :where(p,li,blockquote,dd,dt,a,button,input,textarea,select,label) {
  letter-spacing: 0 !important;
}

body.softvate-site-light main#main-content :where(.softvate-case-study__eyebrow,.softvate-case-study__section-label,.softvate-service-detail__eyebrow,.softvate-service-detail__section-label,.softvate-service-detail__heading>div>span,.services-page__eyebrow,.softvate-contact-section-head>span,.softvate-contact-faq header>span,.softvate-brand-wall__eyebrow,.softvate-testimonials__eyebrow,.softvate-about-v2__eyebrow,.softvate-legal__eyebrow),
body.softvate-home-light main#main-content :where(.softvate-case-study__eyebrow,.softvate-case-study__section-label,.softvate-service-detail__eyebrow,.softvate-service-detail__section-label,.softvate-service-detail__heading>div>span,.services-page__eyebrow,.softvate-contact-section-head>span,.softvate-contact-faq header>span,.softvate-brand-wall__eyebrow,.softvate-testimonials__eyebrow,.softvate-about-v2__eyebrow,.softvate-legal__eyebrow) {
  letter-spacing: 0.08em !important;
}

body.softvate-site-light main#main-content :where(.sec-1-home-15__title,.softvate-about-v2__headline h2,.softvate-testimonials__header h2,.softvate-brand-wall__header h2,.softvate-contact-hero h1,.softvate-contact-section-head h2,.softvate-contact-faq h2,.softvate-case-study__hero h1,.softvate-case-study__hero h2,.softvate-service-detail__hero h1,.services-page .sec-1-services .section-title),
body.softvate-home-light main#main-content :where(.sec-1-home-15__title,.softvate-about-v2__headline h2,.softvate-testimonials__header h2,.softvate-brand-wall__header h2,.softvate-contact-hero h1,.softvate-contact-section-head h2,.softvate-contact-faq h2,.softvate-case-study__hero h1,.softvate-case-study__hero h2,.softvate-service-detail__hero h1,.services-page .sec-1-services .section-title) {
  letter-spacing: -0.012em !important;
}

@media (max-width: 767px) {
  body.softvate-site-light :where(h1,h2,h3,h4,h5,h6),
  body.softvate-home-light :where(h1,h2,h3,h4,h5,h6),
  body.softvate-site-light main#main-content :where(.section-title,.heading,.title,[class*="title"],[class*="headline"]),
  body.softvate-home-light main#main-content :where(.section-title,.heading,.title,[class*="title"],[class*="headline"]) {
    letter-spacing: -0.006em !important;
  }
}

/* Homepage mobile polish */
@media (max-width: 575.98px) {
  body.softvate-site-light .header-15 .at-header-area,
  body.softvate-home-light .header-15 .at-header-area {
    padding: 12px 10px !important;
  }

  body.softvate-site-light .header-15 .at-header-logo img,
  body.softvate-home-light .header-15 .at-header-logo img {
    max-width: 138px !important;
    height: auto !important;
  }

  body.softvate-site-light .sec-1-home-15,
  body.softvate-home-light .sec-1-home-15 {
    padding-top: 18px !important;
    padding-bottom: 34px !important;
  }

  body.softvate-site-light .sec-1-home-15 .container,
  body.softvate-home-light .sec-1-home-15 .container {
    padding-inline: 0 !important;
  }

  body.softvate-site-light .sec-1-home-15__card,
  body.softvate-home-light .sec-1-home-15__card {
    height: 424px !important;
    border-radius: 9px !important;
    box-shadow: 0 18px 42px rgba(16, 34, 70, .14) !important;
  }

  body.softvate-site-light .sec-1-home-15__bg,
  body.softvate-home-light .sec-1-home-15__bg {
    object-position: 56% center !important;
  }

  body.softvate-site-light .sec-1-home-15__top,
  body.softvate-home-light .sec-1-home-15__top {
    top: 14px !important;
    left: 16px !important;
    right: 16px !important;
  }

  body.softvate-site-light .sec-1-home-15__email,
  body.softvate-home-light .sec-1-home-15__email {
    margin-left: auto !important;
    padding: 7px 9px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.92) !important;
    background: rgba(2, 8, 20, .38) !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .02em !important;
    text-shadow: none !important;
    backdrop-filter: blur(10px);
  }

  body.softvate-site-light .sec-1-home-15__bottom,
  body.softvate-home-light .sec-1-home-15__bottom {
    left: 16px !important;
    right: 16px !important;
    bottom: 18px !important;
    gap: 12px !important;
  }

  body.softvate-site-light .sec-1-home-15__tags,
  body.softvate-home-light .sec-1-home-15__tags {
    gap: 7px !important;
    max-width: 305px !important;
  }

  body.softvate-site-light .sec-1-home-15__tag,
  body.softvate-home-light .sec-1-home-15__tag {
    gap: 6px !important;
    padding: 9px 11px !important;
    border-color: rgba(255,255,255,.32) !important;
    border-radius: 999px !important;
    background: rgba(4, 9, 24, .58) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(14px) !important;
  }

  body.softvate-site-light .sec-1-home-15__tag span,
  body.softvate-home-light .sec-1-home-15__tag span {
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.softvate-site-light .sec-1-home-15__tag svg,
  body.softvate-home-light .sec-1-home-15__tag svg {
    width: 9px !important;
    height: 9px !important;
  }

  body.softvate-site-light .sec-1-home-15__clients-text,
  body.softvate-home-light .sec-1-home-15__clients-text {
    max-width: 305px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.54) !important;
  }

  body.softvate-site-light .sec-1-home-15__title-block,
  body.softvate-home-light .sec-1-home-15__title-block {
    padding-top: 18px !important;
  }

  body.softvate-site-light .sec-1-home-15__service-label,
  body.softvate-home-light .sec-1-home-15__service-label {
    gap: 9px !important;
    margin-bottom: 13px !important;
    font-size: 9px !important;
    letter-spacing: .08em !important;
  }

  body.softvate-site-light .sec-1-home-15__service-label::before,
  body.softvate-site-light .sec-1-home-15__service-label::after,
  body.softvate-home-light .sec-1-home-15__service-label::before,
  body.softvate-home-light .sec-1-home-15__service-label::after {
    width: 26px !important;
  }

  body.softvate-site-light .sec-1-home-15__title.sec-1-home-15__title--outcome,
  body.softvate-home-light .sec-1-home-15__title.sec-1-home-15__title--outcome {
    max-width: 355px !important;
    font-size: clamp(34px, 9.4vw, 38px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.006em !important;
  }

  body.softvate-site-light .sec-1-home-15__title-meta,
  body.softvate-home-light .sec-1-home-15__title-meta {
    margin-top: 14px !important;
  }

  body.softvate-site-light .sec-1-home-15__title-meta p,
  body.softvate-home-light .sec-1-home-15__title-meta p {
    max-width: 315px !important;
    margin-inline: auto !important;
    color: #303b50 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
}

/* Light-mode contrast audit
   Final visibility layer for pages converted from the original dark template. */
html[data-bs-theme="light"],
body.softvate-site-light {
  color-scheme: light;
  --softvate-page-bg: #f4f7fb;
  --softvate-surface: #ffffff;
  --softvate-surface-muted: #f8fbff;
  --softvate-text: #101827;
  --softvate-text-muted: #4d5b70;
  --softvate-text-soft: #657387;
  --softvate-line: #dbe4f0;
  --softvate-line-strong: #c5d1e2;
  --softvate-blue: #2478ff;
  --softvate-blue-dark: #1257d8;
}

body.softvate-site-light main#main-content,
body.softvate-home-light main#main-content {
  background: var(--softvate-page-bg) !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light main#main-content :where(h1,h2,h3,h4,h5,h6,strong,b,dt,th,label,legend):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *):not(.at-service-card-content *),
body.softvate-home-light main#main-content :where(h1,h2,h3,h4,h5,h6,strong,b,dt,th,label,legend):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *):not(.at-service-card-content *) {
  color: var(--softvate-text) !important;
}

body.softvate-site-light main#main-content :where(p,li,dd,td,small,figcaption,blockquote,span):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *):not(.at-service-card-content *):not(.softvate-case-study__section-label):not(.softvate-case-study__eyebrow):not(.softvate-service-detail__eyebrow):not(.softvate-service-detail__section-label),
body.softvate-home-light main#main-content :where(p,li,dd,td,small,figcaption,blockquote,span):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *):not(.at-service-card-content *):not(.softvate-case-study__section-label):not(.softvate-case-study__eyebrow):not(.softvate-service-detail__eyebrow):not(.softvate-service-detail__section-label) {
  color:#ffffff;
}

body.softvate-site-light main#main-content :where(a):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *),
body.softvate-home-light main#main-content :where(a):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *) {
  color: var(--softvate-blue-dark);
}

body.softvate-site-light main#main-content :where(a:hover,a:focus-visible):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *),
body.softvate-home-light main#main-content :where(a:hover,a:focus-visible):not(.at-footer-area *):not(.site-footer *):not(.footer-area *):not(.sec-1-home-15__card *):not(.softvate-case-study__quote *) {
  color: #0a47b8;
}

body.softvate-site-light main#main-content :where(input,textarea,select),
body.softvate-home-light main#main-content :where(input,textarea,select) {
  background: #ffffff !important;
  border-color: var(--softvate-line-strong) !important;
  color: var(--softvate-text) !important;
  caret-color: var(--softvate-blue) !important;
}

body.softvate-site-light main#main-content :where(input,textarea,select)::placeholder,
body.softvate-home-light main#main-content :where(input,textarea,select)::placeholder {
  color: #7b8798 !important;
  opacity: 1 !important;
}

body.softvate-site-light main#main-content :where(input,textarea,select):focus,
body.softvate-home-light main#main-content :where(input,textarea,select):focus {
  border-color: var(--softvate-blue) !important;
  box-shadow: 0 0 0 4px rgba(36, 120, 255, .14) !important;
  outline: 0 !important;
}

body.softvate-site-light main#main-content select option,
body.softvate-home-light main#main-content select option,
body.softvate-site-light .softvate-contact-select option,
body.softvate-home-light .softvate-contact-select option {
  background: #ffffff !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light main#main-content :where(table),
body.softvate-home-light main#main-content :where(table) {
  color: var(--softvate-text) !important;
}

body.softvate-site-light main#main-content :where(hr),
body.softvate-home-light main#main-content :where(hr) {
  border-color: var(--softvate-line) !important;
  opacity: 1 !important;
}

/* Case studies: the template contains late dark rules, so light-mode pages get explicit surfaces. */
body.softvate-site-light .softvate-case-study,
body.softvate-site-light .softvate-case-study--cinematic,
body.softvate-home-light .softvate-case-study,
body.softvate-home-light .softvate-case-study--cinematic {
  --cs-line: rgba(22, 36, 62, .12) !important;
  background: var(--softvate-page-bg) !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light .softvate-case-study :where(h1,h2,h3,h4,h5,h6,strong,b,dt,dd):not(.softvate-case-study__quote *),
body.softvate-home-light .softvate-case-study :where(h1,h2,h3,h4,h5,h6,strong,b,dt,dd):not(.softvate-case-study__quote *) {
  color: var(--softvate-text) !important;
}

body.softvate-site-light .softvate-case-study :where(p,li,small,figcaption,span):not(.softvate-case-study__quote *):not(.softvate-case-study__section-label):not(.softvate-case-study__eyebrow),
body.softvate-home-light .softvate-case-study :where(p,li,small,figcaption,span):not(.softvate-case-study__quote *):not(.softvate-case-study__section-label):not(.softvate-case-study__eyebrow) {
  color: var(--softvate-text-muted) !important;
}

body.softvate-site-light .softvate-case-study__eyebrow,
body.softvate-site-light .softvate-case-study__section-label,
body.softvate-site-light .edm-editorial__technical b,
body.softvate-home-light .softvate-case-study__eyebrow,
body.softvate-home-light .softvate-case-study__section-label,
body.softvate-home-light .edm-editorial__technical b {
  color: var(--softvate-blue) !important;
}

body.softvate-site-light .softvate-case-study__hero,
body.softvate-site-light .softvate-case-study__hero--cinematic,
body.softvate-home-light .softvate-case-study__hero,
body.softvate-home-light .softvate-case-study__hero--cinematic {
  background: linear-gradient(135deg, #ffffff 0%, #f1f6ff 58%, #eaf2ff 100%) !important;
}

body.softvate-site-light .softvate-case-study__hero::before,
body.softvate-home-light .softvate-case-study__hero::before {
  opacity: .18 !important;
}

body.softvate-site-light .softvate-case-study__hero h1,
body.softvate-site-light .softvate-case-study__hero h2,
body.softvate-site-light .softvate-case-study__hero-subtitle,
body.softvate-site-light .softvate-case-study__lead > p,
body.softvate-home-light .softvate-case-study__hero h1,
body.softvate-home-light .softvate-case-study__hero h2,
body.softvate-home-light .softvate-case-study__hero-subtitle,
body.softvate-home-light .softvate-case-study__lead > p {
  color: var(--softvate-text) !important;
  text-shadow: none !important;
}

body.softvate-site-light .softvate-case-study__back,
body.softvate-home-light .softvate-case-study__back {
  color: var(--softvate-blue-dark) !important;
}

body.softvate-site-light .softvate-case-study__showcase,
body.softvate-site-light .softvate-case-study__live-access,
body.softvate-site-light .softvate-case-study__presentation,
body.softvate-site-light .softvate-case-study__overview,
body.softvate-site-light .softvate-case-study__timeline,
body.softvate-site-light .softvate-case-study__results,
body.softvate-site-light .softvate-case-study__tech,
body.softvate-site-light .softvate-case-study__next,
body.softvate-site-light .edm-editorial__brief,
body.softvate-site-light .edm-editorial__product,
body.softvate-site-light .edm-editorial__views,
body.softvate-site-light .edm-editorial__scope,
body.softvate-site-light .edm-editorial__delivery,
body.softvate-site-light .edm-editorial__outcome,
body.softvate-site-light .edm-editorial__technical,
body.softvate-home-light .softvate-case-study__showcase,
body.softvate-home-light .softvate-case-study__live-access,
body.softvate-home-light .softvate-case-study__presentation,
body.softvate-home-light .softvate-case-study__overview,
body.softvate-home-light .softvate-case-study__timeline,
body.softvate-home-light .softvate-case-study__results,
body.softvate-home-light .softvate-case-study__tech,
body.softvate-home-light .softvate-case-study__next,
body.softvate-home-light .edm-editorial__brief,
body.softvate-home-light .edm-editorial__product,
body.softvate-home-light .edm-editorial__views,
body.softvate-home-light .edm-editorial__scope,
body.softvate-home-light .edm-editorial__delivery,
body.softvate-home-light .edm-editorial__outcome,
body.softvate-home-light .edm-editorial__technical {
  background: var(--softvate-page-bg) !important;
  border-color: var(--softvate-line) !important;
}

body.softvate-site-light .softvate-case-study__lead dl,
body.softvate-site-light .softvate-case-study__presentation-grid article,
body.softvate-site-light .softvate-case-study__responsibilities ul,
body.softvate-site-light .softvate-case-study__responsibilities li,
body.softvate-site-light .softvate-case-study__timeline--detailed > li,
body.softvate-site-light .softvate-case-study__result-grid,
body.softvate-site-light .softvate-case-study__result-grid article,
body.softvate-site-light .softvate-case-study__next a,
body.softvate-site-light .edm-editorial__view-card,
body.softvate-site-light .edm-editorial__capabilities,
body.softvate-site-light .edm-editorial__capabilities article,
body.softvate-site-light .edm-editorial__scope ol,
body.softvate-site-light .edm-editorial__scope li,
body.softvate-site-light .edm-editorial__timeline,
body.softvate-site-light .edm-editorial__timeline > li,
body.softvate-site-light .edm-editorial__outcome-grid article,
body.softvate-site-light .edm-editorial__technical li,
body.softvate-home-light .softvate-case-study__lead dl,
body.softvate-home-light .softvate-case-study__presentation-grid article,
body.softvate-home-light .softvate-case-study__responsibilities ul,
body.softvate-home-light .softvate-case-study__responsibilities li,
body.softvate-home-light .softvate-case-study__timeline--detailed > li,
body.softvate-home-light .softvate-case-study__result-grid,
body.softvate-home-light .softvate-case-study__result-grid article,
body.softvate-home-light .softvate-case-study__next a,
body.softvate-home-light .edm-editorial__view-card,
body.softvate-home-light .edm-editorial__capabilities,
body.softvate-home-light .edm-editorial__capabilities article,
body.softvate-home-light .edm-editorial__scope ol,
body.softvate-home-light .edm-editorial__scope li,
body.softvate-home-light .edm-editorial__timeline,
body.softvate-home-light .edm-editorial__timeline > li,
body.softvate-home-light .edm-editorial__outcome-grid article,
body.softvate-home-light .edm-editorial__technical li {
  background: var(--softvate-surface) !important;
  border-color: var(--softvate-line) !important;
}

body.softvate-site-light .softvate-case-study__result-grid strong,
body.softvate-home-light .softvate-case-study__result-grid strong {
  color: var(--softvate-blue) !important;
  line-height: 1.08 !important;
}

body.softvate-site-light .softvate-case-study__hero-link,
body.softvate-site-light .softvate-case-study__live-access a,
body.softvate-site-light .edm-editorial__technical a,
body.softvate-home-light .softvate-case-study__hero-link,
body.softvate-home-light .softvate-case-study__live-access a,
body.softvate-home-light .edm-editorial__technical a {
  background: var(--softvate-blue) !important;
  border-color: var(--softvate-blue) !important;
  color: #ffffff !important;
}

body.softvate-site-light .softvate-case-study__quote,
body.softvate-home-light .softvate-case-study__quote {
  background: linear-gradient(135deg, #176cff, #6557ff) !important;
  color: #ffffff !important;
}

body.softvate-site-light .softvate-case-study__quote :where(p,small,span,b,strong),
body.softvate-home-light .softvate-case-study__quote :where(p,small,span,b,strong) {
  color: #ffffff !important;
}

body.softvate-site-light .softvate-case-study__quote-card a,
body.softvate-home-light .softvate-case-study__quote-card a {
  background: #ffffff !important;
  color: #0f172a !important;
}

body.softvate-site-light .softvate-case-study__browser-bar span,
body.softvate-home-light .softvate-case-study__browser-bar span {
  color: #526076 !important;
}

body.softvate-site-light .softvate-case-study__chips span,
body.softvate-home-light .softvate-case-study__chips span {
  background: #ffffff !important;
  border-color: var(--softvate-line-strong) !important;
  color: #253047 !important;
}

body.softvate-site-light .softvate-case-study__chips b,
body.softvate-home-light .softvate-case-study__chips b {
  color: var(--softvate-blue) !important;
}

/* Service, legal and trust sections that came from dark template blocks. */
body.softvate-site-light .softvate-seo-trust,
body.softvate-site-light .softvate-service-detail,
body.softvate-site-light .services-page,
body.softvate-site-light .softvate-legal,
body.softvate-home-light .softvate-seo-trust,
body.softvate-home-light .softvate-service-detail,
body.softvate-home-light .services-page,
body.softvate-home-light .softvate-legal {
  background: var(--softvate-page-bg) !important;
  color: var(--softvate-text) !important;
}

body.softvate-site-light .softvate-seo-trust :where(article,section,div,li):not(.at-footer-area *):not(.site-footer *),
body.softvate-site-light .softvate-service-detail :where(article,section,div,li):not(.softvate-service-detail__media):not(.softvate-service-detail__hero-visual),
body.softvate-site-light .softvate-legal :where(article,section,div,li),
body.softvate-home-light .softvate-seo-trust :where(article,section,div,li):not(.at-footer-area *):not(.site-footer *),
body.softvate-home-light .softvate-service-detail :where(article,section,div,li):not(.softvate-service-detail__media):not(.softvate-service-detail__hero-visual),
body.softvate-home-light .softvate-legal :where(article,section,div,li) {
  border-color: var(--softvate-line);
}

body.softvate-site-light .softvate-seo-trust :where(h1,h2,h3,h4,strong),
body.softvate-site-light .softvate-service-detail :where(h1,h2,h3,h4,strong),
body.softvate-site-light .services-page :where(h1,h2,h3,h4,strong):not(.at-service-card-content *),
body.softvate-site-light .softvate-legal :where(h1,h2,h3,h4,strong),
body.softvate-home-light .softvate-seo-trust :where(h1,h2,h3,h4,strong),
body.softvate-home-light .softvate-service-detail :where(h1,h2,h3,h4,strong),
body.softvate-home-light .services-page :where(h1,h2,h3,h4,strong):not(.at-service-card-content *),
body.softvate-home-light .softvate-legal :where(h1,h2,h3,h4,strong) {
  color: var(--softvate-text) !important;
}

body.softvate-site-light .softvate-seo-trust :where(p,li,span,small),
body.softvate-site-light .softvate-service-detail :where(p,li,span,small):not(.softvate-service-detail__eyebrow):not(.softvate-service-detail__section-label),
body.softvate-site-light .services-page :where(p,li,span,small):not(.at-service-card-content *),
body.softvate-site-light .softvate-legal :where(p,li,span,small),
body.softvate-home-light .softvate-seo-trust :where(p,li,span,small),
body.softvate-home-light .softvate-service-detail :where(p,li,span,small):not(.softvate-service-detail__eyebrow):not(.softvate-service-detail__section-label),
body.softvate-home-light .services-page :where(p,li,span,small):not(.at-service-card-content *),
body.softvate-home-light .softvate-legal :where(p,li,span,small) {
  color: var(--softvate-text-muted) !important;
}

body.softvate-site-light .softvate-service-detail__eyebrow,
body.softvate-site-light .softvate-service-detail__section-label,
body.softvate-home-light .softvate-service-detail__eyebrow,
body.softvate-home-light .softvate-service-detail__section-label {
  color: var(--softvate-blue) !important;
}

/* Overlay UI remains dark by design, but must not inherit broken light colors. */
.at-search-form-toggle,
.at-offcanvas,
.at-offcanvas-2-area .offcanvas-bg {
  color-scheme: dark;
}

.at-offcanvas {
  background: #181818 !important;
  border-left: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: -28px 0 80px rgba(0, 0, 0, .38) !important;
}

.at-offcanvas-2-area .offcanvas-bg {
  background: rgba(24, 24, 24, .96) !important;
  box-shadow: -28px 0 80px rgba(0, 0, 0, .34) !important;
}

.at-search-form-toggle :where(h1,h2,h3,h4,h5,h6,strong,b),
.at-search-form-toggle .at-categories-title,
.at-search-form-toggle .at-search-close,
.at-offcanvas :where(h1,h2,h3,h4,h5,h6,strong,b),
.at-offcanvas .at-offcanvas-title,
.at-offcanvas .at-offcanvas-close-btn button,
.at-offcanvas-2-area.menu-open :where(h1,h2,h3,h4,h5,h6,strong,b),
.at-offcanvas-2-area.menu-open .hamburger-close-btn {
  color: #f7fbff !important;
}

.at-search-form-toggle :where(p,li,span,small,a),
.at-offcanvas :where(p,li,span,small,a),
.at-offcanvas-2-area.menu-open :where(p,li,span,small,a) {
  color: rgba(235, 242, 255, .86) !important;
}

.at-offcanvas-menu .at-link-swap .text-1,
.at-offcanvas-menu .at-link-swap .text-2,
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li > a,
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li > a .text-1,
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li > a .text-2 {
  color: #ffffff !important;
}

.at-search-form-toggle input {
  color: #ffffff !important;
}

.at-search-form-toggle input::placeholder {
  color: rgba(231, 238, 250, .66) !important;
}

.at-offcanvas .at-offcanvas-menu,
.at-offcanvas-2-left .at-offcanvas-menu {
  border-color: rgba(255, 255, 255, .12) !important;
}

.at-offcanvas-social__link:hover,
.at-offcanvas-contact a:hover,
.at-offcanvas-2-area.menu-open a:hover {
  color: #48a5ff !important;
}

/* Reusable floating controls. */
body.softvate-site-light .scroll-top,
body.softvate-site-light .back-to-top,
body.softvate-site-light #back-to-top,
body.softvate-home-light .scroll-top,
body.softvate-home-light .back-to-top,
body.softvate-home-light #back-to-top {
  background: linear-gradient(135deg, #2478ff, #6a5cff) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(36, 120, 255, .28) !important;
}

body.softvate-site-light .scroll-top :where(i,svg,path),
body.softvate-site-light .back-to-top :where(i,svg,path),
body.softvate-site-light #back-to-top :where(i,svg,path),
body.softvate-home-light .scroll-top :where(i,svg,path),
body.softvate-home-light .back-to-top :where(i,svg,path),
body.softvate-home-light #back-to-top :where(i,svg,path) {
  color: #ffffff !important;
  stroke: currentColor;
}

/* Final project-card polish
   Must stay last because earlier light-mode audit rules target generic spans. */
body.softvate-home-light .sec-4-home-15__more-grid {
  gap: clamp(22px, 2vw, 30px) !important;
}

body.softvate-home-light .sec-4-home-15__mini-card {
  overflow: hidden !important;
  border: 1px solid rgba(92, 133, 205, .24) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(248, 251, 255, .82)) !important;
  box-shadow:
    0 22px 60px rgba(30, 58, 105, .11),
    inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
          backdrop-filter: blur(18px) saturate(1.08);
}

body.softvate-home-light .sec-4-home-15__mini-card:hover,
body.softvate-home-light .sec-4-home-15__mini-card:focus-visible {
  border-color: rgba(36, 120, 255, .38) !important;
  box-shadow:
    0 30px 80px rgba(30, 58, 105, .16),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
  transform: translateY(-4px) !important;
}

body.softvate-home-light .sec-4-home-15__mini-media {
  margin: 0 !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(24, 42, 76, .08) !important;
  background: #08101f !important;
}

body.softvate-home-light .sec-4-home-15__mini-media::after {
  background:
    linear-gradient(180deg, rgba(5, 10, 21, .04) 0%, rgba(5, 10, 21, .08) 55%, rgba(5, 10, 21, .20) 100%) !important;
}

body.softvate-home-light .sec-4-home-15__mini-content {
  background: transparent !important;
}

body.softvate-home-light .sec-4-home-15__mini-category {
  color: #1e63df !important;
  background: rgba(36, 120, 255, .08) !important;
  border-color: rgba(36, 120, 255, .16) !important;
}

body.softvate-home-light .sec-4-home-15__mini-content > strong,
body.softvate-home-light .sec-4-home-15__mini-location b,
body.softvate-home-light .sec-4-home-15__mini-tools > b {
  color: #111827 !important;
}

body.softvate-home-light .sec-4-home-15__mini-location,
body.softvate-home-light .sec-4-home-15__mini-tools {
  color: #526076 !important;
}

body.softvate-home-light .sec-4-home-15__tool-mark {
  background: rgba(36, 120, 255, .08) !important;
  border-color: rgba(36, 120, 255, .18) !important;
}

body.softvate-home-light .sec-4-home-15__tool-mark,
body.softvate-home-light .sec-4-home-15__tool-mark :where(span,svg,path) {
  color: #2f6bff !important;
  fill: currentColor !important;
}

body.softvate-home-light .sec-4-home-15__mini-action,
body.softvate-home-light .sec-4-home-15__mini-action *,
body.softvate-home-light .sec-4-home-15__mini-action :where(span,strong,b,svg,path) {
  color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

body.softvate-home-light .sec-4-home-15__mini-action {
  background:
    linear-gradient(135deg, rgba(37, 116, 255, .98), rgba(112, 91, 255, .98)) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 15px 34px rgba(36, 120, 255, .26) !important;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

body.softvate-home-light .sec-4-home-15__mini-card:hover .sec-4-home-15__mini-action,
body.softvate-home-light .sec-4-home-15__mini-card:focus-visible .sec-4-home-15__mini-action {
  color: #ffffff !important;
  background:
    linear-gradient(135deg, #126bff, #5f49ea) !important;
  transform: translateY(-2px) !important;
}

/* Final enquiry CTA contrast */
body.softvate-home-light main#main-content .softvate-project-enquiry__inner,
body.softvate-site-light main#main-content .softvate-project-enquiry__inner {
  color: #ffffff !important;
}

body.softvate-home-light main#main-content .softvate-project-enquiry__inner :where(h1,h2,h3,strong,b),
body.softvate-site-light main#main-content .softvate-project-enquiry__inner :where(h1,h2,h3,strong,b) {
  color: #ffffff !important;
}

body.softvate-home-light main#main-content .softvate-project-enquiry__inner :where(p,span),
body.softvate-site-light main#main-content .softvate-project-enquiry__inner :where(p,span) {
  color: rgba(244, 248, 255, .82) !important;
}

body.softvate-home-light main#main-content .softvate-project-enquiry__inner a,
body.softvate-home-light main#main-content .softvate-project-enquiry__inner a :where(span,svg,path),
body.softvate-site-light main#main-content .softvate-project-enquiry__inner a,
body.softvate-site-light main#main-content .softvate-project-enquiry__inner a :where(span,svg,path) {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Stronger enquiry CTA overrides: beats broad homepage text audit selectors. */
body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__inner-title,
body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner h2#project-enquiry-title,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__inner-title,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner h2#project-enquiry-title {
  color: #ffffff !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner > div:first-child > span,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner > div:first-child > span {
  color: rgba(244, 248, 255, .78) !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__action p,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__action p {
  color: rgba(244, 248, 255, .76) !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__action a,
body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__action a *,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__action a,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__action a * {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Explicit project-enquiry CTA colors.
   These classed selectors intentionally override broad light-mode typography audits. */
body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__label,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__label {
  color: rgba(244, 248, 255, .82) !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__title,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__title {
  color: #ffffff !important;
  text-shadow: none !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__copy,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__copy {
  color: rgba(244, 248, 255, .78) !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry #project-enquiry-label,
body.softvate-site-light #main-content .softvate-project-enquiry #project-enquiry-label {
  color: rgba(244, 248, 255, .82) !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry #project-enquiry-copy,
body.softvate-site-light #main-content .softvate-project-enquiry #project-enquiry-copy {
  color: rgba(244, 248, 255, .78) !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__btn,
body.softvate-home-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__btn *,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__btn,
body.softvate-site-light #main-content .softvate-project-enquiry .softvate-project-enquiry__inner .softvate-project-enquiry__btn * {
  color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

body.softvate-home-light #main-content .softvate-project-enquiry #project-enquiry-label,
body.softvate-home-light #main-content .softvate-project-enquiry #project-enquiry-copy,
body.softvate-site-light #main-content .softvate-project-enquiry #project-enquiry-label,
body.softvate-site-light #main-content .softvate-project-enquiry #project-enquiry-copy {
  color: #ffffff !important;
}

/* Final team-card overlay contrast.
   Team cards sit on photos, so names and roles must remain white in light mode. */
body.softvate-home-light main#main-content .team-card .team-card-content,
body.softvate-home-light main#main-content .team-card .team-card-content .team-card-name,
body.softvate-home-light main#main-content .team-card .team-card-content .team-card-name .h6,
body.softvate-home-light main#main-content .team-card .team-card-content .team-card-position,
body.softvate-home-light main#main-content .team-card .team-card-content :where(h1,h2,h3,h4,h5,h6,a,p,span,strong,b),
body.softvate-site-light main#main-content .team-card .team-card-content,
body.softvate-site-light main#main-content .team-card .team-card-content .team-card-name,
body.softvate-site-light main#main-content .team-card .team-card-content .team-card-name .h6,
body.softvate-site-light main#main-content .team-card .team-card-content .team-card-position,
body.softvate-site-light main#main-content .team-card .team-card-content :where(h1,h2,h3,h4,h5,h6,a,p,span,strong,b) {
  color: #ffffff !important;
}

body.softvate-home-light main#main-content .team-card .team-card-content .team-card-name .h6,
body.softvate-home-light main#main-content .team-card .team-card-content .team-card-position,
body.softvate-site-light main#main-content .team-card .team-card-content .team-card-name .h6,
body.softvate-site-light main#main-content .team-card .team-card-content .team-card-position {
  opacity: 1 !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .42) !important;
}

body.softvate-home-light main#main-content .team-card .softvate-team-card__name,
body.softvate-home-light main#main-content .team-card .softvate-team-card__position,
body.softvate-site-light main#main-content .team-card .softvate-team-card__name,
body.softvate-site-light main#main-content .team-card .softvate-team-card__position {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Final project-card CTA contrast. */
body.softvate-home-light main#main-content .sec-4-home-15__mini-card .sec-4-home-15__mini-action,
body.softvate-home-light main#main-content .sec-4-home-15__mini-card .sec-4-home-15__mini-action *,
body.softvate-site-light main#main-content .sec-4-home-15__mini-card .sec-4-home-15__mini-action,
body.softvate-site-light main#main-content .sec-4-home-15__mini-card .sec-4-home-15__mini-action * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

/* Keep the SLASSCOM logo balanced inside the services ecosystem card. */
body.softvate-home-light main#main-content .softvate-service-overview__industry .softvate-service-overview__slasscom-logo,
body.softvate-site-light main#main-content .softvate-service-overview__industry .softvate-service-overview__slasscom-logo {
  width: clamp(210px, 20vw, 270px) !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

body.softvate-home-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry,
body.softvate-site-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry {
  display: grid !important;
  grid-template-columns: max-content minmax(180px, 270px) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(18px, 2.2vw, 34px) !important;
  min-height: 104px !important;
  padding: 18px 24px !important;
}

body.softvate-home-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry > span,
body.softvate-site-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry > span {
  max-width: 130px !important;
  min-width: 110px !important;
}

body.softvate-home-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry a,
body.softvate-site-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry a {
  display: grid !important;
  place-items: center !important;
  padding: 8px 10px !important;
}

@media (max-width: 767px) {
  body.softvate-home-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry,
  body.softvate-site-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 12px !important;
    min-height: auto !important;
    padding: 18px 16px !important;
    text-align: center !important;
  }

  body.softvate-home-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry > span,
  body.softvate-site-light main#main-content .softvate-service-overview__ecosystem .softvate-service-overview__industry > span {
    max-width: none !important;
    min-width: 0 !important;
  }

  body.softvate-home-light main#main-content .softvate-service-overview__industry .softvate-service-overview__slasscom-logo,
  body.softvate-site-light main#main-content .softvate-service-overview__industry .softvate-service-overview__slasscom-logo {
    width: min(210px, 72vw) !important;
  }
}

/* Final homepage service/about/team polish. */
body.softvate-home-light main#main-content .softvate-service-overview__delivery .softvate-service-overview__list li > span,
body.softvate-site-light main#main-content .softvate-service-overview__delivery .softvate-service-overview__list li > span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #2f6bff, #6b6eff) !important;
  box-shadow: 0 8px 18px rgba(47, 107, 255, .24) !important;
}

body.softvate-home-light main#main-content .softvate-about-v2__headline h2,
body.softvate-site-light main#main-content .softvate-about-v2__headline h2 {
  max-width: 880px !important;
  font-size: clamp(48px, 5.1vw, 82px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.038em !important;
}

body.softvate-home-light main#main-content .softvate-about-v2__headline,
body.softvate-site-light main#main-content .softvate-about-v2__headline {
  align-items: start !important;
}

body.softvate-home-light main#main-content .home-3-section-9 .at-btn-group .at-btn,
body.softvate-home-light main#main-content .home-3-section-9 .at-btn-group .at-btn *,
body.softvate-home-light main#main-content .home-3-section-9 .at-btn-group .at-btn-circle,
body.softvate-home-light main#main-content .home-3-section-9 .at-btn-group .at-btn-circle *,
body.softvate-site-light main#main-content .home-3-section-9 .at-btn-group .at-btn,
body.softvate-site-light main#main-content .home-3-section-9 .at-btn-group .at-btn *,
body.softvate-site-light main#main-content .home-3-section-9 .at-btn-group .at-btn-circle,
body.softvate-site-light main#main-content .home-3-section-9 .at-btn-group .at-btn-circle * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
}

body.softvate-home-light main#main-content .home-3-section-9 .at-btn-group .at-btn,
body.softvate-home-light main#main-content .home-3-section-9 .at-btn-group .at-btn-circle,
body.softvate-site-light main#main-content .home-3-section-9 .at-btn-group .at-btn,
body.softvate-site-light main#main-content .home-3-section-9 .at-btn-group .at-btn-circle {
  background: linear-gradient(135deg, #2478ff, #695cff) !important;
  border-color: rgba(255, 255, 255, .18) !important;
}

@media (max-width: 767px) {
  body.softvate-home-light main#main-content .softvate-about-v2__headline h2,
  body.softvate-site-light main#main-content .softvate-about-v2__headline h2 {
    font-size: clamp(38px, 12vw, 50px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
  }
}

/* Services page card readability pass. */
body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card {
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: #08101f !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card::before,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(6, 12, 24, .20) 0%, rgba(6, 12, 24, .52) 48%, rgba(6, 12, 24, .88) 100%),
    linear-gradient(90deg, rgba(7, 12, 24, .68), rgba(7, 12, 24, .18) 58%, rgba(7, 12, 24, .72));
  content: "" !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card.card-2::after,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card.card-2::after {
  display: none !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card-content,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card-content {
  z-index: 3 !important;
  top: auto !important;
  bottom: 28px !important;
  left: 28px !important;
  right: 28px !important;
  margin: 0 !important;
  max-width: calc(100% - 56px) !important;
  padding: 0 !important;
  transform: none !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card-content,
body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card-content *,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card-content,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card-content * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card-description p,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card-description p {
  max-width: 310px !important;
  color: rgba(255, 255, 255, .86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .86) !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card-icon,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card-icon {
  color: #ffffff !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35));
}

@media (max-width: 767px) {
  body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card-content,
  body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card-content {
    bottom: 22px !important;
    left: 22px !important;
    right: 22px !important;
    max-width: calc(100% - 44px) !important;
  }

  body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card h6,
  body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card h6 {
    font-size: 22px !important;
  }
}

/* Services process: show every step instead of the template stacked-scroll state. */
body.softvate-site-light main#main-content .services-page .process-scroll .wrapper,
body.softvate-home-light main#main-content .services-page .process-scroll .wrapper {
  display: grid !important;
  gap: 24px !important;
  height: auto !important;
  position: relative !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item,
body.softvate-home-light main#main-content .services-page .process-scroll .item,
body.softvate-site-light main#main-content .services-page .process-scroll .item:first-child,
body.softvate-home-light main#main-content .services-page .process-scroll .item:first-child,
body.softvate-site-light main#main-content .services-page .process-scroll .item:not(:first-child),
body.softvate-home-light main#main-content .services-page .process-scroll .item:not(:first-child) {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card {
  margin: 0 !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__desc,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__desc {
  max-width: 100% !important;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* Services process sticky stack: keeps the intended stacked-scroll feel while showing every step. */
body.softvate-site-light main#main-content .services-page .process-scroll,
body.softvate-home-light main#main-content .services-page .process-scroll {
  overflow: visible !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .wrapper,
body.softvate-home-light main#main-content .services-page .process-scroll .wrapper {
  display: block !important;
  height: auto !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item,
body.softvate-home-light main#main-content .services-page .process-scroll .item,
body.softvate-site-light main#main-content .services-page .process-scroll .item:first-child,
body.softvate-home-light main#main-content .services-page .process-scroll .item:first-child,
body.softvate-site-light main#main-content .services-page .process-scroll .item:not(:first-child),
body.softvate-home-light main#main-content .services-page .process-scroll .item:not(:first-child) {
  position: sticky !important;
  top: calc(82px + (var(--stack-index, 1) * 12px)) !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 28px !important;
  z-index: var(--stack-index, 1) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(1) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(1) .process-card {
  transform: translateX(0) scale(1) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(2) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(2) .process-card {
  transform: translateX(18px) scale(.992) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(3) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(3) .process-card {
  transform: translateX(36px) scale(.984) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(4) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(4) .process-card {
  transform: translateX(54px) scale(.976) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card {
  background: rgba(255, 255, 255, .92) !important;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card > img,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card > img,
body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card > a > img,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card > a > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card > a,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card > a {
  z-index: 2 !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card-content,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card-content {
  pointer-events: none !important;
}

@media (max-width: 991px) {
  body.softvate-site-light main#main-content .services-page .process-scroll .item,
  body.softvate-home-light main#main-content .services-page .process-scroll .item,
  body.softvate-site-light main#main-content .services-page .process-scroll .item:first-child,
  body.softvate-home-light main#main-content .services-page .process-scroll .item:first-child,
  body.softvate-site-light main#main-content .services-page .process-scroll .item:not(:first-child),
  body.softvate-home-light main#main-content .services-page .process-scroll .item:not(:first-child) {
    position: relative !important;
    top: auto !important;
  }

  body.softvate-site-light main#main-content .services-page .process-scroll .item .process-card,
  body.softvate-home-light main#main-content .services-page .process-scroll .item .process-card {
    transform: none !important;
  }
}

/* Services page final image/process stability fixes. */
body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card > img,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services .at-service-card > a.p-absolute,
body.softvate-home-light main#main-content .services-page .sec-2-services .at-service-card > a.p-absolute {
  z-index: 2 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card {
  min-height: 360px !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__img-wrap,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__img-wrap {
  height: 270px !important;
  min-height: 0 !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__img-wrap img,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 991px) {
  body.softvate-site-light main#main-content .services-page .process-scroll .process-card,
  body.softvate-home-light main#main-content .services-page .process-scroll .process-card {
    min-height: 0 !important;
  }
}

/* Services page QA cleanup: consistent cards, complete image coverage, and mobile-safe process stack. */
body.softvate-site-light main#main-content .services-page .sec-2-services,
body.softvate-home-light main#main-content .services-page .sec-2-services {
  background: #f4f7fb !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid,
body.softvate-home-light main#main-content .services-page .softvate-services-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card {
  position: relative !important;
  min-height: clamp(430px, 31vw, 560px) !important;
  border: 1px solid rgba(39, 74, 132, .18) !important;
  background: #08111f !important;
  box-shadow: 0 24px 65px rgba(15, 30, 60, .12) !important;
  isolation: isolate !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card > img,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1.01) !important;
  transition: transform .5s ease, filter .5s ease !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card:hover > img,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card:hover > img {
  transform: scale(1.055) !important;
  filter: saturate(1.05) contrast(1.05) !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card::before,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card::before {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  content: "" !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(5, 11, 23, .08) 0%, rgba(5, 11, 23, .46) 45%, rgba(5, 11, 23, .92) 100%),
    linear-gradient(90deg, rgba(5, 11, 23, .60), rgba(5, 11, 23, .10) 58%, rgba(5, 11, 23, .55)) !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card > a,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card > a {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  display: block !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-content,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card-content {
  z-index: 3 !important;
  right: 22px !important;
  bottom: 24px !important;
  left: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-content,
body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-content *,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card-content,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card-content * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-icon,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(255, 255, 255, .20) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .12) !important;
  -webkit-backdrop-filter: blur(14px) !important;
          backdrop-filter: blur(14px) !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card h6,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card h6 {
  max-width: 270px !important;
  margin-bottom: 12px !important;
  font-size: clamp(22px, 1.45vw, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.018em !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-description p,
body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card-description p {
  max-width: 300px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, .84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .84) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll,
body.softvate-home-light main#main-content .services-page .process-scroll {
  overflow: visible !important;
  padding-bottom: 14px !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .wrapper,
body.softvate-home-light main#main-content .services-page .process-scroll .wrapper {
  display: block !important;
  height: auto !important;
  position: relative !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item,
body.softvate-home-light main#main-content .services-page .process-scroll .item,
body.softvate-site-light main#main-content .services-page .process-scroll .item:first-child,
body.softvate-home-light main#main-content .services-page .process-scroll .item:first-child,
body.softvate-site-light main#main-content .services-page .process-scroll .item:not(:first-child),
body.softvate-home-light main#main-content .services-page .process-scroll .item:not(:first-child) {
  position: sticky !important;
  top: calc(82px + (var(--stack-index, 1) * 10px)) !important;
  inset-inline: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 30px !important;
  z-index: var(--stack-index, 1) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(1) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(1) .process-card { transform: translateX(0) scale(1) !important; }
body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(2) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(2) .process-card { transform: translateX(12px) scale(.994) !important; }
body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(3) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(3) .process-card { transform: translateX(24px) scale(.988) !important; }
body.softvate-site-light main#main-content .services-page .process-scroll .item:nth-child(4) .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .item:nth-child(4) .process-card { transform: translateX(36px) scale(.982) !important; }

body.softvate-site-light main#main-content .services-page .process-scroll .process-card,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card {
  min-height: 0 !important;
  padding: clamp(20px, 2.3vw, 34px) !important;
  border: 1px solid rgba(43, 72, 121, .14) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 22px 70px rgba(16, 31, 60, .10) !important;
  -webkit-backdrop-filter: blur(16px) !important;
          backdrop-filter: blur(16px) !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__img-wrap,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__img-wrap {
  overflow: hidden !important;
  height: 240px !important;
  min-height: 0 !important;
  border-radius: 18px !important;
  background: #e9eef7 !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__img-wrap img,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__img-wrap img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__title,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__title {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__desc,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__desc,
body.softvate-site-light main#main-content .services-page .process-scroll .process-card__meta-text,
body.softvate-home-light main#main-content .services-page .process-scroll .process-card__meta-text {
  color: #506079 !important;
  -webkit-text-fill-color: #506079 !important;
}

@media (max-width: 1399px) {
  body.softvate-site-light main#main-content .services-page .softvate-services-grid,
  body.softvate-home-light main#main-content .services-page .softvate-services-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  body.softvate-site-light main#main-content .services-page .softvate-services-grid,
  body.softvate-home-light main#main-content .services-page .softvate-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.softvate-site-light main#main-content .services-page .process-scroll .item,
  body.softvate-home-light main#main-content .services-page .process-scroll .item,
  body.softvate-site-light main#main-content .services-page .process-scroll .item:first-child,
  body.softvate-home-light main#main-content .services-page .process-scroll .item:first-child,
  body.softvate-site-light main#main-content .services-page .process-scroll .item:not(:first-child),
  body.softvate-home-light main#main-content .services-page .process-scroll .item:not(:first-child) {
    position: relative !important;
    top: auto !important;
  }

  body.softvate-site-light main#main-content .services-page .process-scroll .item .process-card,
  body.softvate-home-light main#main-content .services-page .process-scroll .item .process-card {
    transform: none !important;
  }
}

@media (max-width: 575px) {
  body.softvate-site-light main#main-content .services-page .softvate-services-grid,
  body.softvate-home-light main#main-content .services-page .softvate-services-grid {
    grid-template-columns: 1fr !important;
  }

  body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card,
  body.softvate-home-light main#main-content .services-page .softvate-services-grid .at-service-card {
    min-height: 420px !important;
  }

  body.softvate-site-light main#main-content .services-page .process-scroll .process-card__img-wrap,
  body.softvate-home-light main#main-content .services-page .process-scroll .process-card__img-wrap {
    height: 210px !important;
  }
}

/* Services and careers final layout audit. */
body.softvate-site-light main#main-content .services-page {
  overflow-x: clip !important;
  color: #101827 !important;
  background: #f5f8fc !important;
}

body.softvate-site-light main#main-content .services-page .sec-1-services {
  padding-top: 67px !important;
}

body.softvate-site-light main#main-content .services-page .sec-1-services > .bg-neutral-50 {
  background: linear-gradient(135deg, #ffffff 0%, #f3f7fd 100%) !important;
}

body.softvate-site-light main#main-content .services-page .sec-1-services .row {
  min-height: 610px !important;
}

body.softvate-site-light main#main-content .services-page .sec-1-services .section-title {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: clamp(76px, 9vw, 132px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
}

body.softvate-site-light main#main-content .services-page .services-hero-copy {
  max-width: 520px !important;
  margin-top: 24px !important;
  color: #526076 !important;
  -webkit-text-fill-color: #526076 !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  line-height: 1.65 !important;
}

body.softvate-site-light main#main-content .services-page .sec-1-services .scene > div {
  border-radius: 24px !important;
}

body.softvate-site-light main#main-content .services-page .sec-1-services .scene img {
  display: block !important;
  width: 100% !important;
  height: clamp(460px, 45vw, 620px) !important;
  object-fit: cover !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-services {
  padding-top: 88px !important;
  padding-bottom: 96px !important;
}

body.softvate-site-light main#main-content .services-page .services-page__section-head {
  margin-bottom: 40px !important;
  padding-bottom: 28px !important;
}

body.softvate-site-light main#main-content .services-page .services-page__section-head h2,
body.softvate-site-light main#main-content .services-page .services-process-title,
body.softvate-site-light main#main-content .services-page .sec-7-about .section-title {
  color: #101827 !important;
  -webkit-text-fill-color: #101827 !important;
  letter-spacing: -.035em !important;
}

body.softvate-site-light main#main-content .services-page .services-page__section-head h2 {
  font-size: clamp(42px, 4.2vw, 60px) !important;
  line-height: 1.08 !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card {
  min-height: 470px !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-content {
  right: 26px !important;
  bottom: 28px !important;
  left: 26px !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-icon {
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 16px !important;
  border-radius: 13px !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card-icon svg {
  width: 24px !important;
  height: 24px !important;
}

body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card h6 {
  max-width: 310px !important;
  font-size: clamp(23px, 1.8vw, 29px) !important;
  line-height: 1.12 !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-about {
  padding-top: 88px !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-about > .container > .row:first-child {
  padding-bottom: 38px !important;
}

body.softvate-site-light main#main-content .services-page .services-process-title {
  max-width: 620px !important;
  font-size: clamp(42px, 4.2vw, 60px) !important;
  line-height: 1.08 !important;
}

body.softvate-site-light main#main-content .services-page .sec-2-about > .container > .row:first-child h6 {
  color: #35425a !important;
  -webkit-text-fill-color: #35425a !important;
  line-height: 1.6 !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item,
body.softvate-site-light main#main-content .services-page .process-scroll .item:first-child,
body.softvate-site-light main#main-content .services-page .process-scroll .item:not(:first-child) {
  top: calc(72px + (var(--stack-index, 1) * 10px)) !important;
  margin-bottom: 24px !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .item .process-card {
  transform: scale(calc(1 - ((var(--stack-index, 1) - 1) * .006))) !important;
  transform-origin: top center !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card {
  padding: clamp(20px, 2vw, 30px) !important;
  border-radius: 20px !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__img-wrap {
  height: 215px !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__title {
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.2 !important;
}

body.softvate-site-light main#main-content .services-page .process-scroll .process-card__desc {
  margin-top: 24px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact > div {
  width: 100% !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(43, 72, 121, .14) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgba(16, 31, 60, .08) !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__details {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.35fr) minmax(250px, .8fr) auto !important;
  align-items: center !important;
  gap: 42px !important;
  padding: 30px 32px !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__primary {
  display: grid !important;
  gap: 8px !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__label,
body.softvate-site-light main#main-content .services-page .services-process-contact__address > span {
  display: block !important;
  margin-bottom: 2px !important;
  color: #68758a !important;
  -webkit-text-fill-color: #68758a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__phones {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 14px !important;
  color: #2f5ee7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__phones a,
body.softvate-site-light main#main-content .services-page .services-process-contact__phones span {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__email {
  width: fit-content !important;
  color: #101827 !important;
  -webkit-text-fill-color: #101827 !important;
  font-size: clamp(25px, 2.2vw, 34px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
  text-decoration-color: rgba(47, 94, 231, .35) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 5px !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__email:hover {
  color: #2f5ee7 !important;
  -webkit-text-fill-color: #2f5ee7 !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__address {
  margin: 0 !important;
  padding-left: 30px !important;
  border-left: 1px solid rgba(43, 72, 121, .14) !important;
  color: #35425a !important;
  -webkit-text-fill-color: #35425a !important;
  font-size: 15px !important;
  font-style: normal !important;
  line-height: 1.55 !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__button {
  min-width: 190px !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #256dff, #6557ef) !important;
  box-shadow: 0 12px 26px rgba(47, 94, 231, .22) !important;
  white-space: nowrap !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact__button:hover {
  background: linear-gradient(135deg, #185ce7, #5546dd) !important;
  box-shadow: 0 15px 30px rgba(47, 94, 231, .3) !important;
  transform: translateY(-2px) !important;
}

body.softvate-site-light main#main-content .services-page .services-process-contact .at-btn,
body.softvate-site-light main#main-content .services-page .services-process-contact .at-btn * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.softvate-site-light main#main-content .services-page .home-2-section-9 .container {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

body.softvate-site-light main#main-content .services-page .sec-7-about {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

body.softvate-site-light main#main-content .services-page .sec-7-about > .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.softvate-site-light main#main-content .services-page .sec-7-about .accordion {
  padding-top: 0 !important;
}

body.softvate-site-light .softvate-careers-page {
  overflow-x: clip !important;
}

body.softvate-site-light .softvate-careers-hero {
  padding: 145px 0 86px !important;
}

body.softvate-site-light .softvate-careers-hero h1 {
  max-width: 780px !important;
  font-size: clamp(48px, 5.2vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

body.softvate-site-light .softvate-careers-primary,
body.softvate-site-light .softvate-careers-apply,
body.softvate-site-light .softvate-careers-cta a,
body.softvate-site-light .softvate-careers-primary *,
body.softvate-site-light .softvate-careers-apply *,
body.softvate-site-light .softvate-careers-cta a * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.softvate-site-light .softvate-careers-roles,
body.softvate-site-light .softvate-careers-process {
  padding: 82px 0 !important;
}

body.softvate-site-light .softvate-careers-heading {
  margin-bottom: 42px !important;
}

body.softvate-site-light .softvate-careers-heading h2 {
  font-size: clamp(38px, 3.8vw, 52px) !important;
}

body.softvate-site-light .softvate-careers-process li {
  min-height: 190px !important;
  padding: 24px !important;
  border: 1px solid rgba(22, 36, 62, .12) !important;
  border-radius: 14px !important;
}

body.softvate-site-light .softvate-careers-process li > span {
  margin-bottom: 22px !important;
}

body.softvate-site-light .softvate-career-card {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

body.softvate-site-light .softvate-career-card > summary {
  min-height: 124px !important;
}

body.softvate-site-light .softvate-career-title-wrap strong {
  color: #101827 !important;
  -webkit-text-fill-color: #101827 !important;
}

body.softvate-site-light .softvate-career-summary-wrap > span,
body.softvate-site-light .softvate-career-index {
  color: #526076 !important;
  -webkit-text-fill-color: #526076 !important;
}

body.softvate-site-light .softvate-careers-cta {
  padding: 72px 0 !important;
}

@media (max-width: 991px) {
  body.softvate-site-light main#main-content .services-page .sec-1-services .row {
    min-height: 0 !important;
    padding-top: 70px !important;
    padding-bottom: 72px !important;
  }

  body.softvate-site-light main#main-content .services-page .sec-1-services .scene {
    margin-top: 42px !important;
  }

  body.softvate-site-light main#main-content .services-page .sec-1-services .scene img {
    height: min(62vw, 540px) !important;
  }

  body.softvate-site-light main#main-content .services-page .softvate-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.softvate-site-light main#main-content .services-page .process-scroll .item .process-card {
    transform: none !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact > div {
    padding: 0 !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact__details {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 28px !important;
    padding: 26px !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact__address {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    padding-top: 20px !important;
    padding-left: 0 !important;
    border-top: 1px solid rgba(43, 72, 121, .14) !important;
    border-left: 0 !important;
  }
}

@media (max-width: 575px) {
  body.softvate-site-light main#main-content .services-page .sec-1-services {
    padding-top: 58px !important;
  }

  body.softvate-site-light main#main-content .services-page .sec-1-services .row {
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }

  body.softvate-site-light main#main-content .services-page .sec-1-services .section-title {
    font-size: clamp(62px, 22vw, 88px) !important;
    letter-spacing: -.045em !important;
  }

  body.softvate-site-light main#main-content .services-page .sec-1-services .scene img {
    height: 340px !important;
  }

  body.softvate-site-light main#main-content .services-page .sec-2-services,
  body.softvate-site-light main#main-content .services-page .sec-2-about,
  body.softvate-site-light main#main-content .services-page .sec-7-about {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  body.softvate-site-light main#main-content .services-page .services-page__section-head h2,
  body.softvate-site-light main#main-content .services-page .services-process-title {
    font-size: 38px !important;
  }

  body.softvate-site-light main#main-content .services-page .softvate-services-grid {
    grid-template-columns: 1fr !important;
  }

  body.softvate-site-light main#main-content .services-page .softvate-services-grid .at-service-card {
    min-height: 430px !important;
  }

  body.softvate-site-light main#main-content .services-page .process-scroll .process-card__img-wrap {
    height: 190px !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact > div {
    padding: 0 !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact__details {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 22px !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact__email {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    font-size: 25px !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact__address {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.softvate-site-light main#main-content .services-page .services-process-contact__button {
    width: 100% !important;
  }

  body.softvate-site-light .softvate-careers-hero {
    padding: 112px 0 68px !important;
  }

  body.softvate-site-light .softvate-careers-hero h1 {
    font-size: 42px !important;
  }

  body.softvate-site-light .softvate-careers-roles,
  body.softvate-site-light .softvate-careers-process {
    padding: 64px 0 !important;
  }

  body.softvate-site-light .softvate-careers-process li {
    min-height: 0 !important;
  }
}

@media (max-width: 575px) {
  body.softvate-home-light main#main-content .sec-1-home-15 {
    text-align: center !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__title-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 10px !important;
    text-align: center !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__service-label {
    justify-content: center !important;
    width: 100% !important;
    margin-inline: auto !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__title.sec-1-home-15__title--outcome {
    width: 100% !important;
    max-width: 356px !important;
    margin-inline: auto !important;
    color: #101827 !important;
    font-size: clamp(31px, 9.25vw, 35px) !important;
    font-weight: 650 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-wrap: balance !important;
    -webkit-text-fill-color: #101827 !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__title.sec-1-home-15__title--outcome > .sec-1-home-15__title-line--desktop {
    display: none !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__title.sec-1-home-15__title--outcome > .sec-1-home-15__title-line--mobile {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__title.sec-1-home-15__title--outcome strong {
    color: #3d83ff !important;
    font-weight: 650 !important;
    -webkit-text-fill-color: #3d83ff !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__title-meta {
    display: block !important;
    width: 100% !important;
    max-width: 352px !important;
    margin: 16px auto 0 !important;
    text-align: center !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__title-meta p {
    max-width: 352px !important;
    margin-inline: auto !important;
    color: #526076 !important;
    font-size: 12.6px !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-wrap: pretty !important;
    -webkit-text-fill-color: #526076 !important;
  }
}

body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__email,
body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .58) !important;
}

body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients-text {
  max-width: 320px !important;
  letter-spacing: -.01em !important;
  word-spacing: .08em !important;
}

/* Final hero overlay cleanup: keep image text white and remove mobile email pill. */
body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__email,
body.softvate-site-light main#main-content .sec-1-home-15__card .sec-1-home-15__email {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .55) !important;
  opacity: 1 !important;
}

body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__email:hover,
body.softvate-site-light main#main-content .sec-1-home-15__card .sec-1-home-15__email:hover,
body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__email:focus-visible,
body.softvate-site-light main#main-content .sec-1-home-15__card .sec-1-home-15__email:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  opacity: .86 !important;
}

body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients-text,
body.softvate-site-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  word-spacing: .12em !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .58) !important;
}

@media (min-width: 768px) {
  body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__bottom,
  body.softvate-site-light main#main-content .sec-1-home-15__card .sec-1-home-15__bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 18px !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients,
  body.softvate-site-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients {
    align-items: flex-start !important;
  }

  body.softvate-home-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients-text,
  body.softvate-site-light main#main-content .sec-1-home-15__card .sec-1-home-15__clients-text {
    max-width: none !important;
    white-space: nowrap !important;
    text-align: left !important;
  }
}

/* Final case-study polish: consistent light-mode contrast across every project page. */
body.softvate-site-light main#main-content .softvate-case-study {
  --case-surface: rgba(255, 255, 255, .92);
  --case-border: rgba(37, 99, 235, .16);
  --case-text: #101827;
  --case-muted: #4d5b70;
  --case-blue: #2563eb;
  background: #f4f7fb !important;
  color: var(--case-text) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__hero {
  padding-top: clamp(116px, 10vw, 156px) !important;
  padding-bottom: clamp(72px, 8vw, 108px) !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(61, 131, 255, .18), transparent 34%),
    linear-gradient(135deg, #f9fbff 0%, #eef5ff 58%, #e9f1ff 100%) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__hero::before {
  opacity: .12 !important;
}

body.softvate-site-light main#main-content .softvate-case-study__hero-grid {
  align-items: center !important;
}

body.softvate-site-light main#main-content .softvate-case-study__hero h1,
body.softvate-site-light main#main-content .softvate-case-study__hero h2 {
  color: var(--case-text) !important;
  -webkit-text-fill-color: var(--case-text) !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}

body.softvate-site-light main#main-content .softvate-case-study__hero-subtitle,
body.softvate-site-light main#main-content .softvate-case-study__lead > p {
  color: var(--case-muted) !important;
  -webkit-text-fill-color: var(--case-muted) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__lead {
  padding: clamp(24px, 3vw, 34px) !important;
  border: 1px solid var(--case-border) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 24px 70px rgba(31, 45, 74, .08) !important;
  backdrop-filter: blur(14px) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__lead dl {
  gap: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  border: 1px solid rgba(37, 99, 235, .12) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}

body.softvate-site-light main#main-content .softvate-case-study__lead dl div {
  padding: 18px 20px !important;
}

body.softvate-site-light main#main-content .softvate-case-study__lead dl div + div {
  border-left: 1px solid rgba(37, 99, 235, .12) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__lead dt {
  color: #526076 !important;
  -webkit-text-fill-color: #526076 !important;
}

body.softvate-site-light main#main-content .softvate-case-study__lead dd {
  color: #263247 !important;
  -webkit-text-fill-color: #263247 !important;
}

body.softvate-site-light main#main-content .softvate-case-study__hero-link,
body.softvate-site-light main#main-content .softvate-case-study__live-access a,
body.softvate-site-light main#main-content .softvate-case-study__quote-card a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.softvate-site-light main#main-content .softvate-case-study__hero-link,
body.softvate-site-light main#main-content .softvate-case-study__live-access a {
  border-color: rgba(37, 99, 235, .92) !important;
  background: linear-gradient(135deg, #2563eb 0%, #6d5dfc 100%) !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, .22) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__showcase,
body.softvate-site-light main#main-content .softvate-case-study__live-access,
body.softvate-site-light main#main-content .softvate-case-study__presentation,
body.softvate-site-light main#main-content .softvate-case-study__overview,
body.softvate-site-light main#main-content .softvate-case-study__timeline,
body.softvate-site-light main#main-content .softvate-case-study__results,
body.softvate-site-light main#main-content .softvate-case-study__tech,
body.softvate-site-light main#main-content .softvate-case-study__next {
  background: #f4f7fb !important;
}

body.softvate-site-light main#main-content .softvate-case-study__presentation-grid article,
body.softvate-site-light main#main-content .softvate-case-study__timeline--detailed > li,
body.softvate-site-light main#main-content .softvate-case-study__result-grid,
body.softvate-site-light main#main-content .softvate-case-study__result-grid article,
body.softvate-site-light main#main-content .softvate-case-study__next a {
  border-color: var(--case-border) !important;
  background: var(--case-surface) !important;
  box-shadow: 0 18px 44px rgba(31, 45, 74, .06) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__split h2,
body.softvate-site-light main#main-content .softvate-case-study__section-heading h2,
body.softvate-site-light main#main-content .softvate-case-study__timeline h3,
body.softvate-site-light main#main-content .softvate-case-study__presentation-grid article > span,
body.softvate-site-light main#main-content .softvate-case-study__result-grid h3,
body.softvate-site-light main#main-content .softvate-case-study__next a strong {
  color: var(--case-text) !important;
  -webkit-text-fill-color: var(--case-text) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__split article > p,
body.softvate-site-light main#main-content .softvate-case-study__section-heading > p,
body.softvate-site-light main#main-content .softvate-case-study__presentation-grid li,
body.softvate-site-light main#main-content .softvate-case-study__responsibilities li,
body.softvate-site-light main#main-content .softvate-case-study__timeline li p,
body.softvate-site-light main#main-content .softvate-case-study__timeline--detailed > li ul li,
body.softvate-site-light main#main-content .softvate-case-study__result-grid p,
body.softvate-site-light main#main-content .softvate-case-study__next a span {
  color: var(--case-muted) !important;
  -webkit-text-fill-color: var(--case-muted) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__result-grid strong {
  color: var(--case-blue) !important;
  -webkit-text-fill-color: var(--case-blue) !important;
  line-height: 1.15 !important;
  padding-top: 2px !important;
}

body.softvate-site-light main#main-content .softvate-case-study__quote {
  background: linear-gradient(135deg, #102448 0%, #2563eb 100%) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__quote-card a {
  background: rgba(255, 255, 255, .16) !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
}

@media (max-width: 767px) {
  body.softvate-site-light main#main-content .softvate-case-study__hero {
    padding-top: 96px !important;
  }

  body.softvate-site-light main#main-content .softvate-case-study__lead {
    padding: 20px !important;
  }

  body.softvate-site-light main#main-content .softvate-case-study__lead dl {
    grid-template-columns: 1fr !important;
  }

  body.softvate-site-light main#main-content .softvate-case-study__lead dl div + div {
    border-top: 1px solid rgba(37, 99, 235, .12) !important;
    border-left: 0 !important;
  }

  body.softvate-site-light main#main-content .softvate-case-study__result-grid article {
    padding: 26px !important;
  }
}

/* Case-study media and responsibility list polish */
body.softvate-site-light main#main-content .softvate-case-study__showcase {
  padding: clamp(54px, 7vw, 86px) 0 clamp(78px, 8vw, 108px) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__showcase .container {
  min-height: auto !important;
}

body.softvate-site-light main#main-content .softvate-case-study__desktop-frame {
  width: min(100%, 1480px) !important;
  margin-inline: auto !important;
  overflow: hidden !important;
  border: 1px solid #c9d6eb !important;
  border-radius: 16px !important;
  background: #071120 !important;
  box-shadow: 0 34px 90px rgba(28, 45, 80, .12) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__desktop-frame > img,
body.softvate-site-light main#main-content .softvate-case-study__phone-frame img,
body.softvate-site-light main#main-content .edm-editorial__desktop > img,
body.softvate-site-light main#main-content .edm-editorial__mobile img {
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.softvate-site-light main#main-content .softvate-case-study__desktop-frame > img,
body.softvate-site-light main#main-content .edm-editorial__desktop > img {
  aspect-ratio: auto !important;
  max-height: none !important;
  background: #071120 !important;
}

body.softvate-site-light main#main-content .softvate-case-study__phone-frame {
  display: none !important;
}

body.softvate-site-light main#main-content .softvate-case-study__responsibilities ul {
  display: grid !important;
  gap: 12px !important;
  margin-top: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

body.softvate-site-light main#main-content .softvate-case-study__responsibilities li {
  display: grid !important;
  grid-template-columns: 28px 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 18px 20px !important;
  border: 1px solid #d8e2f2 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .78) !important;
  color: #41506a !important;
  -webkit-text-fill-color: #41506a !important;
  line-height: 1.55 !important;
  box-shadow: 0 12px 28px rgba(30, 48, 82, .05) !important;
}

body.softvate-site-light main#main-content .softvate-case-study__responsibilities li::before {
  position: static !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  content: "✓" !important;
}

@media (max-width: 991px) {
  body.softvate-site-light main#main-content .softvate-case-study__desktop-frame {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.softvate-site-light main#main-content .softvate-case-study__showcase {
    padding: 36px 0 58px !important;
  }

  body.softvate-site-light main#main-content .softvate-case-study__desktop-frame {
    border-radius: 12px !important;
  }

  body.softvate-site-light main#main-content .softvate-case-study__responsibilities li {
    grid-template-columns: 24px 1fr !important;
    gap: 12px !important;
    padding: 15px !important;
    font-size: 14px !important;
  }

  body.softvate-site-light main#main-content .softvate-case-study__responsibilities li::before {
    width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
  }
}

/* Final case-study showcase polish.
   Keep project screenshots fully visible and make the responsibilities list read
   like deliberate content cards instead of a flat table. */
main#main-content .softvate-case-study__showcase {
  padding: clamp(48px, 6vw, 82px) 0 clamp(70px, 8vw, 104px) !important;
  background: #f4f7fb !important;
}

main#main-content .softvate-case-study__showcase .container {
  min-height: auto !important;
}

main#main-content .softvate-case-study__desktop-frame {
  display: grid !important;
  place-items: center !important;
  width: min(100%, 1480px) !important;
  margin-inline: auto !important;
  overflow: visible !important;
  border: 1px solid #c9d6eb !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 34px 90px rgba(28, 45, 80, .12) !important;
}

main#main-content .softvate-case-study__browser-bar {
  display: none !important;
}

main#main-content .softvate-case-study__desktop-frame > img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: min(74vh, 780px) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 16px !important;
  background: transparent !important;
}

main#main-content .softvate-case-study__phone-frame {
  display: none !important;
}

main#main-content .softvate-case-study__responsibilities ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

main#main-content .softvate-case-study__responsibilities li {
  display: grid !important;
  grid-template-columns: 28px 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  min-height: 78px !important;
  padding: 18px 20px !important;
  border: 1px solid #d8e2f2 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #41506a !important;
  -webkit-text-fill-color: #41506a !important;
  line-height: 1.55 !important;
  box-shadow: 0 14px 34px rgba(30, 48, 82, .055) !important;
}

main#main-content .softvate-case-study__responsibilities li::before {
  position: static !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #2563eb 0%, #6d5dfc 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  content: "✓" !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .22) !important;
}

@media (max-width: 991px) {
  main#main-content .softvate-case-study__desktop-frame {
    width: 100% !important;
  }

  main#main-content .softvate-case-study__responsibilities ul {
    grid-template-columns: 1fr !important;
  }
}

/* Maintenance page */
body.softvate-maintenance-body {
  overflow-x: hidden;
  background: #060a14 !important;
}

.softvate-maintenance {
  position: relative;
  display: grid;
  min-height: 100svh;
  place-items: center;
  padding: clamp(24px, 4vw, 56px);
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 22% 18%, rgba(0, 196, 255, .22), transparent 30%),
    radial-gradient(circle at 82% 74%, rgba(123, 75, 255, .28), transparent 34%),
    linear-gradient(135deg, #050816 0%, #081126 48%, #05060d 100%);
  color: #ffffff;
}

.softvate-maintenance::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(49, 130, 255, .1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(49, 130, 255, .08) 1px, transparent 1px);
  background-size: 82px 82px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .78), transparent);
  content: "";
}

.softvate-maintenance::after {
  position: absolute;
  z-index: -1;
  right: -14vw;
  bottom: -18vw;
  width: min(58vw, 760px);
  height: min(58vw, 760px);
  border: 1px solid rgba(82, 154, 255, .24);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(33, 150, 255, .16), transparent 58%);
  box-shadow: inset 0 0 90px rgba(83, 82, 255, .2);
  content: "";
}

.softvate-maintenance__panel {
  width: min(100%, 1120px);
  padding: clamp(26px, 5vw, 64px);
  border: 1px solid rgba(148, 180, 255, .24);
  border-radius: clamp(24px, 3vw, 36px);
  background: linear-gradient(135deg, rgba(9, 17, 34, .92), rgba(7, 10, 22, .82));
  box-shadow: 0 42px 120px rgba(0, 0, 0, .44);
  backdrop-filter: blur(18px);
}

.softvate-maintenance__brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: clamp(54px, 8vw, 92px);
}

.softvate-maintenance__brand img {
  width: min(210px, 58vw);
  height: auto;
  object-fit: contain;
}

.softvate-maintenance__brand span,
.softvate-maintenance__eyebrow {
  color: #8bbcff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.softvate-maintenance__content {
  max-width: 850px;
}

.softvate-maintenance__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.softvate-maintenance__eyebrow::before {
  width: 36px;
  height: 1px;
  background: rgba(139, 188, 255, .55);
  content: "";
}

.softvate-maintenance h1 {
  max-width: 850px;
  margin: 0;
  color: #ffffff;
  font-family: "Space Grotesk", "DM Sans", sans-serif;
  font-size: clamp(42px, 7vw, 88px);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.045em;
}

.softvate-maintenance__content > p:last-child {
  max-width: 690px;
  margin: 24px 0 0;
  color: rgba(235, 243, 255, .76);
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.65;
}

.softvate-maintenance__countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: clamp(38px, 6vw, 66px);
}

.softvate-maintenance__countdown-card {
  min-height: 142px;
  padding: 24px 20px;
  border: 1px solid rgba(148, 180, 255, .24);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .045));
}

.softvate-maintenance__countdown-card strong {
  display: block;
  color: #ffffff;
  font-family: "Space Grotesk", "DM Sans", sans-serif;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1;
  letter-spacing: -.04em;
}

.softvate-maintenance__countdown-card span {
  display: block;
  margin-top: 14px;
  color: rgba(235, 243, 255, .68);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.softvate-maintenance__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: clamp(34px, 5vw, 54px);
}

.softvate-maintenance__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 22px;
  border: 1px solid rgba(100, 169, 255, .38);
  border-radius: 999px;
  background: rgba(47, 107, 255, .15);
  color: #ffffff;
  font-weight: 800;
}

.softvate-maintenance__actions a:first-child {
  background: linear-gradient(135deg, #2563eb 0%, #704dff 100%);
  box-shadow: 0 18px 38px rgba(37, 99, 235, .22);
}

.softvate-maintenance__actions a:hover {
  color: #ffffff;
  border-color: rgba(139, 188, 255, .8);
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .softvate-maintenance {
    align-items: stretch;
    padding: 14px;
  }

  .softvate-maintenance__panel {
    display: grid;
    align-content: center;
    min-height: calc(100svh - 28px);
    padding: 24px;
    border-radius: 24px;
  }

  .softvate-maintenance__brand {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 46px;
  }

  .softvate-maintenance__countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .softvate-maintenance__countdown-card {
    min-height: 116px;
    padding: 20px 16px;
    border-radius: 18px;
  }

  .softvate-maintenance__actions {
    flex-direction: column;
  }

  .softvate-maintenance__actions a {
    width: 100%;
  }
}

@media (max-width: 767px) {
  main#main-content .softvate-case-study__showcase {
    padding: 34px 0 56px !important;
  }

  main#main-content .softvate-case-study__desktop-frame {
    border-radius: 14px !important;
  }

  main#main-content .softvate-case-study__desktop-frame > img {
    max-height: none !important;
    border-radius: 13px !important;
  }

  main#main-content .softvate-case-study__responsibilities li {
    grid-template-columns: 24px 1fr !important;
    gap: 12px !important;
    min-height: auto !important;
    padding: 15px !important;
    font-size: 14px !important;
  }

  main#main-content .softvate-case-study__responsibilities li::before {
    width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
  }
}