:root {
  --fz-h1: 52px;
  --lh-h1: 1;
  --fz-h2: 44px;
  --lh-h2: 1.09;
  --fz-h3: 32px;
  --lh-h3: 1.13;
  --fz-h4: 24px;
  --lh-h4: 1.33;
  --fz-h5: 20px;
  --lh-h5: 1.2;
  --fz-h6: 16px;
  --lh-h6: 1.25;
  --fz18: 18px;
  --lh-fz20: 1.22;
  --fz20: 20px;
  --lh-fz20: 1.4;
  --fz22: 22px;
  --lh-fz22: 1.18;
  --fz24: 24px;
  --lh-fz24: 1.33;
  --space-1: 16px;
  --space-2: 24px;
  --space-3: 32px;
  --space-4: 48px;
  --space-5: 64px;
  --space-6: 80px;
  --space-7: 96px;
  --color-txt-on-dark: #C0C4CC;
  --color-red: #ED1B3B;
  --color-header-on-dark: #F3F4FA;
  --color-dark-blue: #05040F;
  --color-primary-black: #05040F;
  --color-primary-white: #F3F4FA;
  --grey-100: #1A1D25;
  --grey-90: #3B4452;
  --grey-80: #525A68;
  --grey-40: #AAB0B9;
  --grey-30: #C0C4CC;
  --grey-6: #F2F2F2;
  --p48: 48px;
  --p96: 96px;
}

@media (max-width: 991px) {
  :root {
    --fz-h2: 40px;
    --lh-h2: 1.1;
    --fz-h3: 30px;
    --lh-h3: 1.2;
    --fz-h4: 22px;
    --fz18: 17px;
    --fz20: 18px;
    --fz22: 20px;
    --fz24: 24px;
    --space-1: 15px;
    --space-2: 20px;
    --space-3: 30px;
    --space-4: 44px;
    --space-5: 48px;
    --space-6: 55px;
    --space-7: 65px;
    --p48: 38px;
    --p96: 60px;
  }
}
@media (max-width: 767px) {
  :root {
    --fz20: 17px;
  }
}
@media (max-width: 575px) {
  :root {
    --fz-h2: 28px;
    --lh-h2: 1.14;
    --fz-h3: 26px;
    --lh-h3: 1.33;
    --fz-h4: 20px;
    --fz18: 16px;
    --fz20: 16px;
    --fz22: 18px;
    --fz24: 20px;
    --space-1: 12px;
    --space-2: 18px;
    --space-3: 25px;
    --space-4: 40px;
    --space-5: 42px;
    --space-6: 48px;
    --space-7: 48px;
    --p48: 20px;
    --p96: 30px;
  }
}
.color-grey-80 {
  color: var(--grey-80);
}

.color-primary {
  color: var(--color-primary-black);
}

.color-red {
  color: var(--color-red);
}

.color-header-on-dark {
  color: #F3F4FA;
}

.color-txt-on-dark {
  color: #C0C4CC;
}

.bg-dark-blue {
  background-color: var(--color-dark-blue);
}

.bg-primary-white {
  background-color: var(--color-primary-white);
}

.fz-20 {
  font-size: var(--fz20);
  line-height: var(--lh-fz20);
}

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

.fz-22 {
  font-size: var(--fz22);
  line-height: var(--lh-fz22);
}

.fz-24 {
  font-size: var(--fz24);
  line-height: var(--lh-fz24);
}

.fz-18 {
  font-size: var(--fz18);
  line-height: var(--lh-fz18);
}

.bdrs-8 {
  border-radius: 8px;
}

.bdrs-16 {
  border-radius: 16px;
}

.bdrs-32 {
  border-radius: 32px;
}

.ov-hidden {
  overflow: hidden;
}

.main-sect .post-content ul, .other-cases-nav, .main-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.team-card__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.team-card img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mt-4 {
  margin-top: 4px;
}

.mt-16 {
  margin-top: var(--space-1);
}

.mt-32 {
  margin-top: var(--space-3);
}

.mt-60 {
  margin-top: 60px;
}

.mt-64 {
  margin-top: var(--space-5);
}

.mt-80 {
  margin-top: var(--space-6);
}

.mt-96 {
  margin-top: var(--space-7);
}

.mta {
  margin-top: auto;
}

.grid-gap-16 {
  display: grid;
  row-gap: var(--space-1);
}
@media (max-width: 575px) {
  .grid-gap-16 {
    row-gap: 8px;
  }
}

.d-flex {
  display: flex;
}

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

.align-start {
  align-items: flex-start;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: var(--space-1);
}

.gap-20 {
  gap: 20px;
}

.gap-30 {
  gap: 30px;
}

.zoom-hover {
  overflow: hidden;
}
.zoom-hover .img-zoom-hover {
  transition: transform 0.3s;
}
.zoom-hover:hover .img-zoom-hover {
  transform: scale(1.02);
}

.main-sect.pad-80 {
  padding-block: var(--space-6);
}
.main-sect.pad-bot-90 {
  padding-block: var(--space-7);
}
.main-sect.pad-100 {
  padding-block: var(--space-7);
}
.main-sect.pad-top-none {
  padding-top: 0 !important;
}
.main-sect.pad-bot-none {
  padding-bottom: 0 !important;
}

.max-460 {
  max-width: 460px;
}

.subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-red);
}
.subtitle--grey {
  color: var(--color-txt-on-dark);
}

.header-h2 {
  font-size: var(--fz-h2);
  font-weight: 600;
  line-height: var(--lh-h2);
  letter-spacing: -2.2px;
}
@media (max-width: 767px) {
  .header-h2 {
    letter-spacing: -1.8px;
  }
}
@media (max-width: 475px) {
  .header-h2 {
    letter-spacing: -1.4px;
  }
}

.header-h3 {
  font-size: var(--fz-h3);
  font-weight: 600;
  line-height: var(--lh-h3);
  letter-spacing: -1.6px;
}

.who-we-are-sect {
  background: linear-gradient(172deg, var(--Blue-Blue-100, #05040F) 13.32%, rgba(32, 29, 111, 0) 103.16%), var(--Blue-Blue-100, #05040F);
  overflow: hidden;
}
.who-we-are-sect.main-sect {
  padding-block: var(--space-7);
}
.who-we-are-sect::before {
  content: "";
  position: absolute;
  width: 4096px;
  height: 2094px;
  opacity: 0.1;
  left: -100%;
  top: -50%;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
}

.txt-img-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .txt-img-block {
    flex-direction: column;
  }
}
.txt-img-block__img {
  max-width: 555px;
  flex-shrink: 0.5;
}
.txt-img-block__img img {
  aspect-ratio: 555/412;
}
.txt-img-block__txt {
  max-width: 460px;
  color: var(--color-txt-on-dark);
}
@media (max-width: 767px) {
  .txt-img-block__txt {
    max-width: none;
  }
}
.txt-img-block__txt h3 {
  font-size: var(--fz-h4);
  line-height: var(--lh-h4);
  margin-bottom: var(--space-1);
}
.txt-img-block__txt p {
  font-size: var(--fz20);
  line-height: var(--lh-fz20);
}
.txt-img-block--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .txt-img-block--reverse {
    flex-direction: column;
  }
}

.img-txt-block {
  border-radius: 16px;
  min-height: 460px;
  display: flex;
  overflow: hidden;
  background: var(--Glass-Gradient, linear-gradient(180deg, var(--Blue-Blue-20, rgba(184, 184, 217, 0.4)) 0%, var(--Blue-Blue-40, rgba(95, 95, 159, 0.4)) 100%));
  box-shadow: 0 8px 24px 0 rgba(5, 4, 15, 0.2);
  backdrop-filter: blur(20px);
}
@media (max-width: 767px) {
  .img-txt-block {
    flex-direction: column;
  }
}
.img-txt-block__txt {
  padding: var(--p48);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 767px) {
  .img-txt-block__txt .btn-arr {
    margin-top: 32px;
  }
}
.img-txt-block__img {
  position: relative;
  width: 50%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .img-txt-block__img {
    width: 100%;
  }
}
.img-txt-block__img img {
  display: block;
  height: 100%;
}
@media (max-width: 767px) {
  .img-txt-block__img img {
    aspect-ratio: 280/200;
    height: auto !important;
    width: 100%;
  }
}

.btn-arr {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 100px;
  border-radius: 100px;
  text-decoration: none;
  color: var(--grey-100);
  background: var(--Gradient-White, linear-gradient(180deg, var(--Grey-Grey-10, #EEF1F3) 0%, var(--Grey-Grey-30, #C0C4CC) 100%));
}
.btn-arr--red {
  gap: 8px;
  color: var(--color-primary-white);
  background: var(--Gradient-Red, linear-gradient(180deg, var(--Primary-Red, #ED1B3B) 0%, var(--Red-Red-60, #B3152E) 100%));
}
.btn-arr--sm {
  padding: 8px 16px;
}
.btn-arr--transparent {
  border: 1px solid currentColor;
  color: var(--color-primary-white);
  padding: 10px 18px;
  background: transparent;
}
.btn-arr--transparent .btn-arr--sm {
  padding: 6px 14px;
}
.btn-arr svg {
  transition: transform 0.3s;
}
.btn-arr:hover svg {
  transform: translateX(4px);
}

.bg-20-year {
  position: relative;
  background: linear-gradient(180deg, rgba(5, 4, 15, 0) 16.5%, var(--Blue-Blue-100, #05040F) 100%), var(--color-dark-blue);
  padding-block: var(--space-6);
}
.bg-20-year::before {
  content: "";
  position: absolute;
  width: 2000px;
  height: 1000px;
  opacity: 0.2;
  left: -30%;
  top: -55%;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
}

.values-block {
  border-radius: var(--Radius-radius-lg, 32px);
  background: var(--Surface-Static-Extra-Light-Vertical, linear-gradient(0deg, var(--Blue-Blue-20, rgba(184, 184, 217, 0.4)) 0%, var(--Blue-Blue-10, rgba(230, 230, 243, 0.4)) 100%), rgba(243, 244, 250, 0.9));
  padding: var(--p96);
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .values-block {
    padding-block: 48px;
    border-radius: 16px !important;
    padding: 24px;
  }
}
@media (max-width: 575px) {
  .values-block {
    padding-inline: 20px;
  }
}

.typical-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 64px 32px;
}
.typical-grid.d-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 992px) {
  .typical-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px 25px;
  }
}
@media (max-width: 767px) {
  .typical-grid {
    grid-template-columns: 1fr;
    gap: 32px 0;
  }
}

.value-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  flex-basis: calc(33.3333% - 22px);
}
@media (max-width: 767px) {
  .value-card {
    flex-basis: 100%;
  }
}
@media (max-width: 575px) {
  .value-card {
    row-gap: 8px;
  }
}
.value-card__header {
  font-size: var(--fz-h4);
  line-height: var(--lh-h4);
}
@media (max-width: 575px) {
  .value-card__header {
    margin-top: 4px;
  }
}

.values-sect {
  position: relative;
  z-index: 2;
}
.values-sect::before {
  content: "";
  position: absolute;
  top: -80%;
  left: -80%;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  width: 4096px;
  height: 2094px;
  opacity: 0.05;
}

.js-opacity-0 {
  opacity: 0;
}

.team-card {
  aspect-ratio: 260/240;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  transition: opacity 0.7s;
}
.team-card img {
  opacity: 0.85;
  transition: opacity 0.6s ease;
}
.team-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(5, 4, 15, 0) 55.72%, var(--Blue-Blue-100, #05040F) 100%);
  background-blend-mode: multiply, normal, normal;
  z-index: 1;
  border-radius: 16px;
}
.team-card:hover img {
  opacity: 1;
}
@media (max-width: 575px) {
  .team-card.hide-member-mobile {
    display: none;
  }
}
.team-card__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  gap: 4px;
  cursor: pointer;
  z-index: 2;
}
.team-card__name {
  color: var(--color-primary-white);
  font-size: 16px !important;
  line-height: 1.25;
  font-weight: 600;
  margin: 0;
}
.team-card__position {
  color: var(--grey-30);
  line-height: 1.5;
}
.team-card__more {
  color: var(--color-red);
  margin-top: 4px;
  text-decoration: underline;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 32px;
  max-width: 850px;
  margin-inline: auto;
}
@media (max-width: 992px) {
  .team-grid {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .team-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .team-grid {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}

.load-more-grad {
  padding: 12px 24px;
  display: inline-flex;
  justify-content: center;
  color: var(--color-primary-white);
  font-weight: 500;
  letter-spacing: -0.32px;
  line-height: 1.25;
  border-radius: 100px;
  text-decoration: none;
  background: var(--Gradient-Red, linear-gradient(180deg, var(--Primary-Red, #ED1B3B) 0%, var(--Red-Red-60, #B3152E) 100%));
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.load-more-grad:hover {
  opacity: 0.9;
}
.load-more-grad.loading {
  pointer-events: none;
  opacity: 0.7;
}

.team-member {
  justify-content: space-between;
  position: relative;
  gap: 20px;
  max-width: 720px;
  margin-inline: auto;
  padding: 48px 32px;
  border-radius: 16px;
  background: var(--Surface-Static-Extra-Light-Vertical, linear-gradient(0deg, var(--Blue-Blue-20, rgba(184, 184, 217, 0.4)) 0%, var(--Blue-Blue-10, rgba(230, 230, 243, 0.4)) 100%), rgba(243, 244, 250, 0.9));
  box-shadow: 0 8px 24px 0 rgba(5, 4, 15, 0.2);
}
@media (max-width: 575px) {
  .team-member {
    padding: 20px;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .team-member {
    max-width: 90vw;
  }
}
.team-member__photo {
  flex-shrink: 0;
}
.team-member__photo img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-member__info {
  flex: 0 1 487px;
}
.team-member__info .color-red {
  display: inline-block;
}
@media (max-width: 575px) {
  .team-member__info .color-red {
    margin-top: 8px;
  }
}
@media (max-width: 575px) {
  .team-member__info {
    flex-basis: auto;
  }
}
.team-member__name {
  font-size: var(--fz-h4);
  line-height: var(--lh-h4);
  color: var(--Text-Colour-text-heading-on-light, #05040F);
  font-style: normal;
  font-weight: 600;
}
.team-member__position {
  color: var(--Text-Colour-text-body-on-light, #3B4452);
}
.team-member__bio {
  color: var(--Text-Colour-text-body-on-light, #3B4452);
  line-height: 24px;
}
@media (max-width: 575px) {
  .team-member__bio {
    margin-top: 8px;
  }
}
.team-member .mfp-close {
  color: transparent;
  background: url("../img_sy/close-team-btn.svg") 50% 50%/14px 14px no-repeat;
}

.container-pos-rel {
  position: relative;
}
.container-pos-rel > .container {
  position: relative;
  z-index: 5;
}

.meet-team-sect::before {
  content: "";
  position: absolute;
  top: -80%;
  left: -80%;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  width: 4096px;
  height: 2094px;
  opacity: 0.07;
}

.our-location-sect::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  opacity: 0.4;
  filter: blur(18px);
  width: 100%;
  height: 100%;
}

.location-block {
  background: var(--Surface-Static-Extra-Light-Vertical, linear-gradient(0deg, var(--Blue-Blue-20, rgba(184, 184, 217, 0.4)) 0%, var(--Blue-Blue-10, rgba(230, 230, 243, 0.4)) 100%), #F3F4FA);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(243, 244, 250, 0.2);
  justify-content: space-between;
  padding: 64px 98px 54px;
  position: relative;
  z-index: 10;
  gap: 20px;
}
@media (max-width: 991px) {
  .location-block {
    padding: 48px 50px;
  }
}
@media (max-width: 767px) {
  .location-block {
    flex-direction: column;
    padding-inline: 20px;
    border-radius: 16px !important;
  }
}
.location-block__txt {
  max-width: 360px;
  flex-direction: column;
  gap: var(--space-1);
}
@media (max-width: 575px) {
  .location-block__txt {
    gap: 8px;
  }
}

.strategy-block {
  gap: 32px;
  position: relative;
  align-items: center;
}
@media (max-width: 767px) {
  .strategy-block {
    flex-direction: column;
    gap: 60px;
    padding-bottom: 30px;
  }
}
.strategy-block::before {
  content: "";
  position: absolute;
  width: 1000px;
  height: 450px;
  opacity: 0.2;
  left: 60px;
  top: -60px;
  filter: blur(8px);
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) center/cover no-repeat;
}
@media (max-width: 767px) {
  .strategy-block::before {
    filter: blur(30px);
    opacity: 0.11;
  }
}
.strategy-block__txt {
  flex: 1 1 560px;
  max-width: 560px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .strategy-block__txt {
    flex-basis: auto;
    gap: 8px;
  }
  .strategy-block__txt .btn-arr {
    margin-top: 8px;
  }
}
.strategy-block__img {
  flex: 1 1 560px;
  max-width: 547px;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .strategy-block__img {
    flex-basis: auto;
  }
}

.main-footer {
  background: linear-gradient(180deg, var(--Blue-Blue-70, #141241) -8.23%, var(--Blue-Blue-100, #05040F) 100%);
  padding-block: 100px;
  color: var(--grey-6);
}
.main-footer .container {
  padding-left: 20px;
  padding-right: 20px;
}
.main-footer .copyright {
  font-size: 14px;
}
@media (max-width: 991px) {
  .main-footer {
    padding-block: 60px;
  }
}
@media (max-width: 575px) {
  .main-footer {
    padding-block: 48px 90px;
  }
}
.main-footer ul {
  min-width: 165px;
}
.main-footer ul a,
.main-footer ul span {
  color: var(--grey-6);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
.main-footer ul a:hover,
.main-footer ul span:hover {
  text-decoration: underline;
}
.main-footer ul span:hover {
  text-decoration: none;
}
.main-footer span {
  color: var(--grey-6);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
.main-footer span a {
  color: var(--grey-6);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
.main-footer span a:hover {
  text-decoration: underline;
}

.footer-top {
  gap: 30px;
}
@media (max-width: 991px) {
  .footer-top {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .footer-top {
    gap: 40px;
  }
}
.footer-top__menues {
  gap: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .footer-top__menues {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .footer-top__menues {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 430px) {
  .footer-top__menues {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.footer-top__menues .ul-title {
  color: var(--color-primary-white);
  line-height: 1.25;
  letter-spacing: -0.32px;
  font-weight: 600;
  font-size: 16px;
}
.footer-top__menues li:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .footer-top__menues li:not(:first-child) {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .footer-top__menues li:not(:first-child) {
    margin-top: 8px;
  }
}

.footer-bottom {
  margin-top: clamp(30px, 8.7719298246%, 100px);
}
@media (max-width: 991px) {
  .footer-bottom {
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (max-width: 430px) {
  .footer-bottom {
    gap: 8px;
  }
}
.footer-bottom ul {
  flex-wrap: wrap;
  row-gap: 2px;
}
@media (max-width: 430px) {
  .footer-bottom ul {
    flex-wrap: nowrap;
    flex-direction: column;
    row-gap: 16px;
  }
}

.case-studies-top {
  padding: 122px 0 var(--space-6);
  background: linear-gradient(172deg, var(--Blue-Blue-100, #05040F) 13.32%, rgba(32, 29, 111, 0) 103.16%), linear-gradient(0deg, var(--Red-Red-100, #1A0307) 0%, var(--Red-Red-100, #1A0307) 100%), var(--Blue-Blue-100, #05040F);
  overflow: hidden;
}
@media (max-width: 575px) {
  .case-studies-top {
    padding-top: 100px;
  }
}
.case-studies-top::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -4%;
  width: 1500px;
  aspect-ratio: 4096/2094;
  opacity: 0.2;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) 50% 50%/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) 50% 50%/cover no-repeat;
  transform: rotate(-5deg);
  filter: blur(54px);
}

section.section-case-study-spotlight {
  position: relative;
  background-image: url("../img/section-case-study-spotlight-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.case-study-featured {
  background: var(--Surface-Interactive-Light-Default, linear-gradient(0deg, var(--Blue-Blue-30, rgba(140, 140, 192, 0.2)) 0%, var(--Blue-Blue-10, rgba(230, 230, 243, 0.2)) 100%));
  box-shadow: 0 8px 24px 0 rgba(5, 4, 15, 0.2);
  width: 100%;
  max-width: 844px;
  margin-inline: auto;
  padding: var(--p48);
  margin-top: 44px;
  position: relative;
  overflow: hidden;
}
.case-study-featured a {
  margin-top: 16px;
}
.case-study-featured.width_md {
  margin-top: 0;
  max-width: 945px;
}
.case-study-featured.width_md .case-study-featured__txt {
  flex: 0 1 409px;
  max-width: 409px;
}
.case-study-featured.width_md .case-study-featured__img {
  flex: 0 0 407px;
  max-width: 407px;
  aspect-ratio: unset;
}
.case-study-featured.width_md .case-study-featured__img img {
  position: static;
}
@media (max-width: 767px) {
  .case-study-featured.width_md .case-study-featured__img {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.case-study-featured:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(0deg, rgba(140, 140, 192, 0.35) 0%, rgba(230, 230, 243, 0.35) 100%);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.case-study-featured:hover:before {
  opacity: 1;
}
@media (max-width: 991px) {
  .case-study-featured {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .case-study-featured {
    flex-direction: column-reverse;
    padding: 20px;
  }
}
.case-study-featured__txt {
  flex: 0 1 309px;
  max-width: 309px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .case-study-featured__txt .grid-gap-16 {
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .case-study-featured__txt {
    flex-basis: auto;
  }
}
@media (max-width: 767px) {
  .case-study-featured__txt .btn-arr {
    margin-top: 32px;
  }
}
.case-study-featured__quote {
  letter-spacing: -0.44px;
}
@media (max-width: 575px) {
  .case-study-featured__quote {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
}
@media (max-width: 767px) {
  .case-study-featured__person {
    line-height: 1.5;
  }
}
.case-study-featured__img {
  flex: 0 0.01 391px;
  max-width: 391px;
  align-self: flex-start;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 991px) {
  .case-study-featured__img {
    flex-shrink: 1;
  }
}
@media (max-width: 767px) {
  .case-study-featured__img {
    max-width: none;
    flex-basis: auto;
  }
}
.case-study-featured__img img {
  width: 100%;
  height: auto;
  display: block;
}

.other-cases-nav {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}
.other-cases-nav-wrap {
  margin-block: clamp(32px, 5.2%, 60px);
  overflow-x: auto;
  padding-bottom: 10px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.other-cases-nav-wrap::-webkit-scrollbar {
  display: none;
}
.other-cases-nav a {
  font-size: 16px;
  text-decoration: none;
  color: var(--color-primary-white);
  letter-spacing: -0.32px;
}
.other-cases-nav a:hover, .other-cases-nav a.current {
  text-decoration: underline;
}
.other-cases-nav li:not(:first-child)::before {
  content: "";
  height: 17px;
  width: 1px;
  background-color: #7E8794;
  display: inline-block;
  margin-inline: 16px;
}

@media (max-width: 767px) {
  .other-cases-grid {
    row-gap: 32px;
  }
}

.load-more-cases-wrap.js-hide-more {
  display: none;
}
@media (max-width: 575px) {
  .load-more-cases-wrap {
    margin-top: 32px;
    justify-content: flex-start;
  }
}

.case-card {
  padding: 20px;
  border-radius: 12px;
  background: var(--Surface-Interactive-Light-Default, linear-gradient(0deg, var(--Blue-Blue-30, rgba(140, 140, 192, 0.2)) 0%, var(--Blue-Blue-10, rgba(230, 230, 243, 0.2)) 100%));
  box-shadow: 0 8px 24px 0 rgba(5, 4, 15, 0.2);
  text-decoration: none;
  transition: opacity 0.7s;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.case-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(0deg, rgba(140, 140, 192, 0.35) 0%, rgba(230, 230, 243, 0.35) 100%);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.case-card:hover:before {
  opacity: 1;
}
.case-card__txt {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.case-card__img {
  z-index: 2;
}
.case-card__img img {
  aspect-ratio: 552/380;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 575px) {
  .case-card__img img {
    aspect-ratio: 552/380;
  }
}
.case-card__quote {
  letter-spacing: -0.36px;
}
@media (max-width: 991px) {
  .case-card__quote {
    font-size: 18px;
  }
}
.case-card__position {
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .case-card__position {
    line-height: 1.5;
  }
}
.case-card .btn-arr {
  margin-top: auto;
}
.case-card:hover .btn-arr svg {
  transform: translateX(3px);
}

.stitch-sections {
  position: relative;
}
.stitch-sections::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 40px;
  background-color: var(--color-dark-blue);
  transform: translateY(-50%);
  filter: blur(20px);
}

.other-cases::before {
  content: "";
  position: absolute;
  top: -700px;
  left: -1941px;
  width: 4096px;
  aspect-ratio: 4096/2094;
  opacity: 0.1;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) 50% 50%/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) 50% 50%/cover no-repeat;
  filter: blur(54px);
}

.single-post-top-sect {
  padding: 160px 0 var(--space-7);
  z-index: 1;
}
@media (max-width: 767px) {
  .single-post-top-sect {
    padding-top: 110px;
  }
}
.single-post-top-sect::before {
  content: "";
  position: absolute;
  top: -130px;
  left: -180px;
  width: 1700px;
  aspect-ratio: 4096/2094;
  opacity: 0.15;
  background: -webkit-image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) 50% 50%/cover no-repeat;
  background: image-set(url("../img_sy/rainbow-bg.webp") type('image/webp'), url("../img_sy/rainbow-bg.jpg") type('image/jpeg')) 50% 50%/cover no-repeat;
  filter: blur(4px);
}
@media (max-width: 767px) {
  .single-post-top-sect::before {
    filter: blur(20px);
  }
}

@media (max-width: 767px) {
  .single-post-top {
    flex-direction: column-reverse;
  }
}
@media (576px <= width <= 767px) {
  .single-post-top {
    gap: 35px;
  }
}
.single-post-top__txt {
  max-width: 460px;
  flex: 0 1 460px;
}
.single-post-top__txt .card-category {
  margin: 0px;
}
.single-post-top__img {
  max-width: 552px;
  flex: 0 1 552px;
}
.single-post-top__img img {
  aspect-ratio: 552/380;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 767px) {
  .single-post-top > div {
    max-width: none;
    flex-basis: auto;
  }
}

.cat-btn {
  font-size: 12px;
  line-height: 1.33;
  padding: 3px 10px 5px 12px;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  transition: opacity 0.3s;
}
.cat-btn:hover {
  opacity: 0.7;
}
.cat-btn--light-yello {
  background-color: #F1D8AD;
  color: #362404;
}
.cat-btn--light-red {
  background-color: #F2B8BF;
  color: #33060E;
}

.post-overview {
  padding: var(--p48);
  border-radius: 32px;
  background: var(--Surface-Static-Extra-Light-Vertical, linear-gradient(0deg, var(--Blue-Blue-20, rgba(184, 184, 217, 0.4)) 0%, var(--Blue-Blue-10, rgba(230, 230, 243, 0.4)) 100%), #F3F4FA);
  box-shadow: 0 8px 24px 0 rgba(5, 4, 15, 0.2);
  backdrop-filter: blur(20px);
}
@media (max-width: 991px) {
  .post-overview {
    padding: 25px;
  }
}

:root {
  --overview-offset: 265px;
  --post-content-shift: 106px ;
}

@media (max-width: 1199px) {
  :root {
    --post-content-shift: 80px;
  }
}
@media (max-width: 991px) {
  :root {
    --post-content-shift: 60px;
  }
}
@media (max-width: 767px) {
  :root {
    --post-content-shift: 60px;
  }
}
.post-overview {
  max-width: 950px;
  margin: 0 auto calc(-1 * var(--overview-offset));
  position: relative;
  z-index: 5;
}
@media (max-width: 1199px) {
  .post-overview {
    max-width: calc(100% - 30px);
  }
}
.post-overview__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}
@media (max-width: 767px) {
  .post-overview__grid {
    gap: 20px 10px;
  }
}
@media (max-width: 490px) {
  .post-overview__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.post-overview-item__txt {
  font-size: 16px;
  margin-top: 12px;
  line-height: 1.5;
}
.post-overview-item__txt p,
.post-overview-item__txt li {
  font-size: inherit !important;
}
.post-overview-item__title {
  line-height: 1.25;
  font-weight: 600;
}

.post-quote {
  margin-block: var(--post-content-gap);
  padding-left: 36px;
  border-left: 4px solid var(--color-red);
}
@media (max-width: 767px) {
  .post-quote {
    padding-left: 20px;
    border-left-width: 2px;
  }
}
.post-quote__quote {
  font-size: var(--fz20);
  font-weight: 600;
  line-height: var(--lh-fz20);
  color: var(--grey-100);
}
.post-quote__quote::before {
  content: "";
  width: 29px;
  height: 20px;
  display: block;
  background: url("../img_sy/quote.svg") center/cover no-repeat;
  margin-bottom: var(--space-1);
}
@media (max-width: 767px) {
  .post-quote__quote::before {
    transform: scale(0.9);
  }
}
.post-quote__author {
  margin-top: var(--space-1);
  color: var(--grey-90);
}

.main-sect.post-content-wrap {
  padding-bottom: var(--space-7);
}
.main-sect .post-content {
  padding: clamp(60px, 10%, 114px) 15px clamp(30px, 10.701754386%, 122px);
  color: #3B4452;
  line-height: 1.5;
}
.main-sect .post-content h1,
.main-sect .post-content h2,
.main-sect .post-content h3,
.main-sect .post-content h4,
.main-sect .post-content h5,
.main-sect .post-content h6 {
  color: var(--grey-100);
  font-weight: 600;
  margin-bottom: var(--space-1);
}
.main-sect .post-content h1 {
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--LineHeight-H6_LineHeight, 20px);
  /* 83.333% */
}
.main-sect .post-content h2 {
  color: var(--Primary-Red, #ED1B3B);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--LineHeight-BodyLg_LineHeight, 28px);
  /* 116.667% */
}
.main-sect .post-content h3 {
  color: var(--grey-100);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
}
.main-sect .post-content h4 {
  color: var(--grey-100);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--LineHeight-H6_LineHeight, 20px);
  /* 125% */
}
.main-sect .post-content h5 {
  color: var(--grey-100);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 120% */
}
.main-sect .post-content h6 {
  color: var(--grey-100);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 120% */
}
.main-sect .post-content p {
  font-size: 16px;
  margin-bottom: var(--space-1);
}
.main-sect .post-content {
  --post-content-gap: 30px;
  --post-content-gap: clamp(30px, (60 / 746) * 100%, 60px);
}
.main-sect .post-content__inner {
  max-width: 746px;
  margin-inline: auto;
}
.main-sect .post-content.has-overview {
  padding-top: calc(var(--overview-offset) + var(--post-content-shift));
}
.main-sect .post-content__img {
  margin-inline: auto;
  margin: 0px auto var(--post-content-gap);
}
@media (max-width: 575px) {
  .main-sect .post-content__img img {
    aspect-ratio: 240/196;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.main-sect .post-content .red-subtitle {
  line-height: 1.25;
  font-weight: 600;
  color: var(--color-red);
  margin-bottom: var(--space-1);
}
.main-sect .post-content .intro-txt {
  font-size: var(--fz20);
  line-height: var(--lh-fz20);
}
.main-sect .post-content .intro-txt p {
  font-size: inherit;
}
.main-sect .post-content hr {
  border-top: 1px solid var(--grey-40);
  margin-block: var(--post-content-gap);
}
.main-sect .post-content strong {
  color: var(--grey-100);
  font-weight: 600;
}
.main-sect .post-content a {
  color: inherit;
}
.main-sect .post-content a:hover {
  text-decoration: underline;
}
.main-sect .post-content ul li {
  font-size: 16px;
  position: relative;
  padding-left: 23px;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .main-sect .post-content ul li {
    padding-left: 15px;
  }
}
.main-sect .post-content ul li::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  top: 10px;
  background-color: currentColor;
  left: 8px;
  top: 10px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .main-sect .post-content ul li::before {
    left: 4px;
  }
}
.main-sect .post-content ul li:has(strong)::before {
  content: "";
  top: 9px;
  width: 4px;
  height: 4px;
}
.main-sect .post-content ul li:has(strong) ul {
  padding-left: 23px;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .main-sect .post-content ul li:has(strong) ul {
    padding-left: 15px;
  }
}

.main-sect .post-content blockquote {
  margin-block: var(--post-content-gap);
  margin-inline: 0;
  padding-left: 36px;
  border-left: 4px solid var(--color-red);
}

@media (max-width: 767px) {
  .main-sect .post-content blockquote {
    padding-left: 20px;
    border-left-width: 2px;
  }
}
.main-sect .post-content blockquote::before {
  content: "";
  width: 29px;
  height: 20px;
  display: block;
  background: url("../img_sy/quote.svg") center/cover no-repeat;
  margin-bottom: var(--space-1);
}

@media (max-width: 767px) {
  .main-sect .post-content blockquote::before {
    transform: scale(0.9);
  }
}
.main-sect .post-content blockquote p {
  font-size: var(--fz20);
  font-weight: 600;
  line-height: var(--lh-fz20);
  color: var(--grey-100);
}

.main-sect .post-content blockquote cite {
  display: block;
  margin-top: var(--space-1);
  font-style: normal;
  color: var(--grey-90);
}

.js-loading {
  position: relative;
  pointer-events: none;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  transform: scale(0.95);
}/*# sourceMappingURL=style-sy.css.map */