/* @font-face {
  font-family: "Red Hat Display";
  src: url("../fonts/redhat/RedHatDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
   font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src: url("../fonts/redhat/RedHatDisplay-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
   font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src: url("../fonts/redhat/RedHatDisplay-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
   font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src: url("../fonts/redhat/RedHatDisplay-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
   font-display: swap;
} */

@import url("./components/footer.css"); 
@import url("./components/subscription-popup.css"); 
@import url("./components/contact-popup.css");

button,
input {
  border: 0;
}
.text-gradient,
i {
  -webkit-text-fill-color: transparent;
}
.slide-from-right,
.slide-to-right {
  transition: transform 275ms ease-in-out;
}
#cm,
#s-cnt {
  width: 100%;
}
#cm,
#cs,
#s-cnt {
  position: fixed;
}
#cm,
#s-cnt,
#s-inr,
.no-visible {
  visibility: hidden;
}
#s-cnt,
#s-hdr {
  display: table;
  top: 0;
}
#s-bns,
#s-hdr {
  height: 4.75em;
}
#c-vln,
#s-ttl {
  display: table-cell;
}
#cm,
#s-bl th,
#s-cnt .b-bn .b-tl {
  font-family: inherit;
}
#cs-ov,
#s-hdr {
  z-index: 2;
}

.card:hover .card__bg,
.card__bg {
  clip-path: circle(150% at 0% 0%);
}
.card:hover .card__icon-wrapper i,
.card__icon-wrapper i {
  filter: brightness(0) invert(1);
}
.accordion-wrapper,
.card-position {
  border-image-slice: 1;
  border-image-source: linear-gradient(137deg, #1edd8e 0%, #53c0d2 100%);
}
*,
.glide,
::after,
::before {
  box-sizing: border-box;
}
#s-bl,
.accordion{
  outline: 0;
}
* {
  margin: 0;
  padding: 0;
}
.has-scroll-smooth [data-scroll-container],
body,
html {
  min-height: 100vh;
  scroll-behavior: smooth;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
canvas,
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: break-word;
}
html {
  font-size: 16px;
}
body {
  font-family: "Red Hat Display", -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
    sans-serif;
  background-color: #f9f9f9;
}
.glide__track,
.has-scroll-smooth body,
main {
  overflow: hidden;
}
#s-cnt .b-bn .b-tl.exp,
a,
button {
  cursor: pointer;
}
ul {
  list-style-type: none;
}
button {
  background-color: transparent;
}
i {
  background: linear-gradient(137deg, #00CB78 10%, #00C3D0 62%);
  background-clip: text;
  -webkit-background-clip: text;
  transition: background-color 0.3s;
}
.stop-scroll {
  overflow: hidden !important;
}
.text-gradient {
  background: linear-gradient(137deg, #00CB78 10%, #00C3D0 35%);
  -webkit-background-clip: text;
}
.container {
  max-width: 73.75rem;
  margin: 0 auto;
  padding: 0 1rem;
}
#s-bl .b-bn,
.cc_div.ie .bar #s-bl thead tr,
.pseudo-down-arrow,
.relative {
  position: relative;
}
.absolute,
.force--consent #cm {
  position: absolute;
}
#c-vln,
#s-inr,
.ripple {
  position: relative;
}
.none {
  display: none !important;
  animation: 0.5s forwards fade-out;
}
#cc_div #cm,
.block {
  display: block !important;
}
.slide-from-right {
  transform: translateX(0) !important;
}
.slide-to-right {
  transform: translateX(100%) !important;
}
.careers-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.right-arrow-wrapper {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  font-weight: 900;
  color: #9273f4;
}
.arrow-icon {
  font-size: 1.25rem;
  background: padding-box text #9273f4;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: middle;
}
.gradient-text,
.pseudo-down-arrow > div::after {
  background: -webkit-linear-gradient(137deg, #53c0d2 40%, #1edd8e 70%);
  -webkit-text-fill-color: transparent;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(5%);
  }
  to {
    transform: translateY(0);
  }
}
.gradient-text {
  background-clip: text;
  -webkit-background-clip: text;
}
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f9f9f9;
}
.ripple {
  overflow: hidden;
}
.ripple span {
  display: block;
  position: absolute;
  z-index: 999;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  animation: 0.5s linear ripple;
}
@keyframes ripple {
  0% {
    width: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: 12.5rem;
    height: 12.5rem;
  }
}
.grid-area-row-1-middle {
  grid-area: 1/2/2/3;
  place-self: self-start !important;
}
.grid-area-row-1-last {
  grid-area: 1/3/2/4;
  place-self: self-start !important;
}
.grid-area-row-2-middle {
  grid-area: 2/2/3/3;
  place-self: end !important;
}
.grid-area-row-2-last {
  grid-area: 2/3/3/4;
  place-self: end !important;
}
.deg-1 {
  transform: rotate(271deg) translate(15.6875rem) rotate(-271deg);
}
.deg-2 {
  transform: rotate(316deg) translate(15.6875rem) rotate(-316deg);
}
.deg-3 {
  transform: translate(15.6875rem);
}
.deg-4 {
  transform: rotate(46deg) translate(15.6875rem) rotate(-46deg);
}
.deg-5 {
  transform: rotate(91deg) translate(15.6875rem) rotate(-91deg);
}
.deg-6 {
  transform: rotate(136deg) translate(15.6875rem) rotate(-136deg);
}
.deg-7 {
  transform: rotate(181deg) translate(15.6875rem) rotate(-181deg);
}
.deg-8 {
  transform: rotate(226deg) translate(15.6875rem) rotate(-226deg);
}
.pseudo-down-arrow::after {
  content: "";
  height: 6.25rem;
  font-size: 1.875rem;
  display: inline-block;
  margin-top: 1rem;
  border-right: 0.125rem dashed #102532;
  background: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(137deg, #1edd8e 0, #53c0d2 100%) border-box;
}
#c-s-in,
#cs,
#s-bl,
#s-c-bnc,
#s-cnt,
#s-inr,
.c-scrollbar {
  height: 100%;
}
.pseudo-down-arrow > div::after {
  content: "<";
  font-size: 1.5625rem;
  display: inline-block;
  position: absolute;
  bottom: -8.8125rem;
  transform: rotate(-90deg) translate(0, -0.0625rem);
  background-clip: text;
  -webkit-background-clip: text;
} /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[data-scroll-direction="horizontal"] [data-scroll-container] {
  display: inline-block;
  height: 100vh;
  white-space: nowrap;
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  white-space: nowrap;
}
#c-vln,
#s-hdr,
#s-ttl,
.arrow-link__icon,
.cc_div .b-tg {
  vertical-align: middle;
}
.c-scrollbar {
  opacity: 0;
  position: absolute;
  z-index: 999;
  right: 0;
  top: 0;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  width: 11px;
}
.c-scrollbar:hover {
  transform: scaleX(1.45);
}
.c-scrollbar:hover,
.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
  opacity: 1;
}
[data-scroll-direction="horizontal"] .c-scrollbar {
  bottom: 0;
  height: 10px;
  top: auto;
  transform: scaleY(1);
  width: 100%;
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  transform: scaleY(1.3);
}
.c-scrollbar_thumb {
  background-color: #000;
  border-radius: 10px;
  cursor: -webkit-grab;
  cursor: grab;
  margin: 2px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
}
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#header #careers-nav.navigation__wrapper .grid__link-item:hover,
#header #our-work-nav.navigation__wrapper .grid__link-item:hover,
.accordion,
.bullets .bullet__button,
.case__button,
.cc_div .b-tg,
.cc_div .b-tg .c-tgl,
.cc_div .cc-link,
.ebook__button-link,
.primary-button,
.works__item {
  cursor: pointer;
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  bottom: 0;
  right: auto;
}
:root {
  --cc-bg: #fff;
  --cc-text: $color-dark-blue;
  --cc-btn-primary-bg: #2d4156;
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: #1d2e38;
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #d8e0e6;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, 0.85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}
.cc_div {
  color: var(--cc-text);
}
#cm,
#s-bl .act .b-acc,
#s-inr,
.cc_div .b-tl,
.cc_div .c-bl {
  border-radius: 0.35em;
}
#s-bl .act .b-acc {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-height: 100%;
  display: block;
  overflow: hidden;
}
.cc_div a,
.cc_div button,
.cc_div input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}
.cc_div a {
  border-bottom: 1px solid;
}
.cc_div a:hover {
  text-decoration: none;
  border-color: transparent;
}
#cm-ov,
#cs-ov,
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr {
  transition: visibility 0.25s linear, opacity 0.25s, transform 0.25s !important;
}
#s-bl .c-bl,
#s-bl tbody tr,
#s-cnt .b-bn .b-tl {
  transition: background-color 0.25s;
}
.c--anim .c-bn {
  transition: background-color 0.25s !important;
}
.c--anim #cm.bar.slide,
.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide #s-inr,
.c--anim .bar.slide + #cs-ov {
  transition: visibility 0.4s, opacity 0.4s, transform 0.4s !important;
}
#cm.bar.slide,
.cc_div .bar.slide #s-inr {
  transform: translateX(100%);
  opacity: 1;
}
#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
  transform: translateX(-100%);
  opacity: 1;
}
#cm.slide,
.cc_div .slide #s-inr {
  transform: translateY(1.6em);
}
#cm.top.slide {
  transform: translateY(-1.6em);
}
#cm.bar.slide {
  transform: translateY(100%);
}
#cm.bar.top.slide {
  transform: translateY(-100%);
}
.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
  opacity: 1;
  transform: scale(1);
  visibility: visible !important;
}
.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle {
  transform: scale(1) translateY(-50%);
}
.show--settings .c--anim #s-cnt {
  visibility: visible !important;
}
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
  visibility: visible !important;
  opacity: 1 !important;
}
#cm {
  padding: 1.1em 1.5em 1.4em;
  z-index: 1;
  background: #fff;
  background: var(--cc-bg);
  max-width: 24.2em;
  bottom: 1.25em;
  right: 1.25em;
  box-shadow: 0 0.625em 1.875em #000;
  box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
  opacity: 0;
  transform: scale(0.95);
  line-height: initial;
}
#c-ttl {
  margin-bottom: 0.7em;
  font-size: 1.05em;
}
#c-txt,
#s-cnt .p {
  font-size: 0.9em;
  line-height: 1.5em;
}
.cloud #c-ttl {
  margin-top: -0.15em;
}
.cc_div #c-bns {
  display: flex;
  justify-content: space-between;
  margin-top: 1.4em;
}
#cm.cloud .c-bn:first-child,
#s-bns .primary-button,
.cc_div #c-bns .primary-button {
  margin: 0;
}
#s-bl .c-bl,
#s-bl .c-bl.b-ex:first-child,
#s-bl .c-bl:last-child {
  margin-bottom: 0.5em;
}
.arrow-link__anchor,
.cc_div #c-bns .c-bn.c_link {
  display: inline-block;
  margin-right: 0.25rem;
  color: #9273f4;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: color 0.35s;
}
#s-cnt #s-rall-bn {
  float: none;
}
#s-cnt {
  left: 0;
  z-index: 101;
}
#s-bl,
#s-cnt .b-bn .b-tl {
  display: block;
  width: 100%;
}
#s-bl {
  overflow-y: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  padding: 1.3em 1.8em;
}
#s-bl .title {
  margin-top: 1.4em;
}
#s-bl .title .b-tl,
.blue-section__heading-1,
.outline-card__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
#s-ttl,
.header__mobile-trigger-icon {
  font-size: 1.5rem;
}
#s-bl .b-bn,
#s-bl .c-bl.b-ex + .c-bl.b-ex,
#s-bl .title:first-child {
  margin-top: 0;
}
#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em;
}
#s-cnt .b-bn .b-tl {
  font-size: 0.95em;
  position: relative;
  padding: 1.3em 6.4em 1.3em 2.7em;
  background: 0 0;
}
#s-bl .c-bl.b-ex,
#s-bl .c-bl:hover {
  background: #e9e9e9;
}
#s-cnt .act .b-bn .b-tl {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#s-bl tbody tr:hover,
#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
  background: rgba(255, 255, 255, 0.7);
}
#s-bl .c-bl {
  padding: 1em;
  border: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
}
#s-bl .b-acc,
.cc_div.ie .bar #c-vln {
  padding-top: 0;
}
#s-bl .c-bl:first-child {
  transition: none;
  padding: 0;
  margin-top: 0;
  border: none;
  margin-bottom: 2em;
}
#s-bl .c-bl:not(.b-ex):first-child:hover {
  background: unset;
}
#s-bl .c-bl.b-ex {
  padding: 0;
  border: none;
  transition: none;
}
#s-bl .c-bl.b-ex + .c-bl {
  margin-top: 2em;
}
#s-bl .b-acc {
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
  display: none;
}
#s-cnt .p {
  margin-top: 0.85em;
  color: #2d4156;
  color: var(--cc-block-text);
}
#s-bns .c-bn,
.cc_div .cc-link {
  color: #9273f4;
  transition: color 0.35s;
  font-weight: 700;
}
.cc_div .b-tg .c-tg.c-ro,
.cc_div .b-tg .c-tgl:disabled {
  cursor: not-allowed;
}
#cs {
  padding: 0 1.7em;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#s-inr {
  max-width: 45em;
  margin: 0 auto;
  transform: scale(0.96);
  opacity: 0;
  padding-top: 4.75em;
  padding-bottom: 4.75em;
  overflow: hidden;
  box-shadow: rgba(3, 6, 9, 0.26) 0 13px 27px -5px;
}
#s-bns,
#s-hdr,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div span.t-lb {
  position: absolute;
}
#s-bns,
#s-hdr,
#s-inr {
  background: #fff;
  background: var(--cc-bg);
}
#s-bns {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 1.8em;
  border-top: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
  display: flex;
  justify-content: space-between;
}
#s-bns .c-bn {
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
}
.cc_div .cc-link {
  font-size: 0.75rem;
  display: inline;
  padding-bottom: 0;
  text-decoration: none;
}
.cc_div .cc-link:active,
.cc_div .cc-link:hover {
  border-color: transparent;
  color: #8367db;
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: linear-gradient(137deg, #1edd8e 0, #53c0d2 100%);
}
#s-hdr {
  width: 100%;
  padding: 0 1.8em;
  border-bottom: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
}
#c-s-in,
#s-c-bn {
  position: relative;
}
#s-ttl {
  font-weight: 700;
  line-height: 1.875rem;
}
#s-c-bn {
  padding: 0;
  width: 1.7em;
  height: 1.7em;
  font-size: 1.45em;
  margin: 0;
  font-weight: initial;
  overflow: hidden;
}
#s-c-bnc {
  display: flex;
  align-items: center;
  justify-content: right;
}
.cc_div span.t-lb {
  top: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
#c_policy__text {
  height: 31.25em;
  overflow-y: auto;
  margin-top: 1.25em;
}
#c-s-in {
  transform: translateY(-50%);
  top: 50%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
}
@media screen and (min-width: 688px) {
  #s-bl::-webkit-scrollbar {
    width: 0.9em;
    height: 100%;
    background: 0 0;
    border-radius: 0 0.25em 0.25em 0;
  }
  #s-bl::-webkit-scrollbar-thumb {
    border: 0.25em solid var(--cc-bg);
    background: #cfd5db;
    background: var(--cc-webkit-scrollbar-bg);
    border-radius: 100em;
  }
  #s-bl::-webkit-scrollbar-thumb:hover {
    background: #9199a0;
    background: var(--cc-webkit-scrollbar-bg-hover);
  }
  #s-bl::-webkit-scrollbar-button {
    width: 10px;
    height: 5px;
  }
}
.cc_div .b-tg {
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  right: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#cm-ov,
#cs-ov,
.force--consent .cc_div {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  visibility: hidden;
}
.glide__slide,
.glide__slide a,
.glide__slides--dragging {
  user-select: none;
}
.cc_div .b-tg .c-tgl {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  margin: 0;
  border: 0;
}
.cc_div .b-tg .c-tg {
  background: #919ea6;
  background: var(--cc-toggle-bg-off);
  transition: background-color 0.25s, box-shadow 0.25s;
  pointer-events: none;
}
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl,
.cc_div span.t-lb {
  width: 3.4em;
  height: 1.5em;
  border-radius: 4em;
}
.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  background: #d5dee2;
  background: var(--cc-toggle-bg-readonly);
}
.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
  box-shadow: none;
}
.cc_div .b-tg .c-tg:after {
  content: "";
  position: relative;
  display: block;
  left: 0.125em;
  top: 0.125em;
  width: 1.25em;
  height: 1.25em;
  border: none;
  box-sizing: content-box;
  background: #fff;
  background: var(--cc-toggle-knob-bg);
  box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
  transition: transform 0.25s;
  border-radius: 100%;
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
  transform: translateX(1.9em);
}
#s-bl table,
#s-bl td,
#s-bl th {
  border: none;
}
#s-bl table {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#s-bl td,
#s-bl th {
  padding: 0.8em 0.625em 0.8em 1.2em;
  text-align: left;
  vertical-align: top;
  font-size: 0.8em;
}
#s-bl th {
  padding: 1.2em;
}
#s-bl thead tr:first-child {
  border-bottom: 1px solid #e9edf2;
  border-color: var(--cc-cookie-table-border);
}
.force--consent #cs,
.force--consent #s-cnt {
  width: 100vw;
}
#cm-ov,
#cs-ov {
  right: 0;
  opacity: 0;
  background: rgba(4, 6, 8, 0.85);
  background: var(--cc-overlay-bg);
  display: none;
  transition: none;
}
.c--anim #cs-ov,
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov,
.navigation__item:hover .navigation__wrapper,
.show--settings #cs-ov {
  display: block;
}
.force--consent .cc_div {
  width: 100vw;
  transition: visibility 0.25s linear;
}
.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
  visibility: visible;
}
.force--consent #cm.bar {
  width: 100vw;
  max-width: 100vw;
}
html.force--consent.show--consent {
  overflow-y: hidden !important;
}
html.force--consent.show--consent,
html.force--consent.show--consent body {
  height: auto !important;
  overflow-x: hidden !important;
}
.cc_div .act .b-bn .exp::before,
.cc_div .b-bn .exp::before {
  border: solid #102532;
  border-width: 0 2px 2px 0;
  padding: 0.2em;
  display: inline-block;
  content: "";
  margin-right: 15px;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  left: 1.2em;
  top: 50%;
}
.cc_div .act .b-bn .b-tl::before {
  transform: translateY(-20%) rotate(225deg);
}
.cc_div .on-i::before {
  border: solid #fff;
  border-color: var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  padding: 0.1em 0.1em 0.45em;
  display: inline-block;
  content: "";
  margin: 0 auto;
  transform: rotate(45deg);
  top: 0.37em;
  left: 0.75em;
  position: absolute;
}
#s-c-bn::after,
#s-c-bn::before {
  content: "";
  position: absolute;
  left: 0.82em;
  top: 0.58em;
  height: 0.6em;
  width: 1.5px;
  background: #102532;
  transform: rotate(45deg);
  border-radius: 1em;
  margin: 0 auto;
}
#s-c-bn::after,
.cc_div .off-i::after {
  transform: rotate(-45deg);
}
.cc_div .off-i,
.cc_div .on-i {
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  display: block;
  text-align: center;
  transition: opacity 0.15s;
}
.cc_div .on-i {
  left: 0;
  opacity: 0;
}
.cc_div .off-i::after,
.cc_div .off-i::before {
  right: 0.8em;
  top: 0.42em;
  content: " ";
  height: 0.7em;
  width: 0.09375em;
  display: block;
  background: #cdd6dc;
  background: var(--cc-toggle-knob-icon-color);
  margin: 0 auto;
  position: absolute;
  transform-origin: center;
}
.cc_div .off-i::before {
  transform: rotate(45deg);
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
  opacity: 0;
}
#cm.box.middle,
#cm.cloud.middle {
  top: 50%;
  transform: translateY(-37%);
  bottom: auto;
}
#cm.box.middle.zoom,
#cm.cloud.middle.zoom {
  transform: scale(0.95) translateY(-50%);
}
#cm.box.center {
  left: 1em;
  right: 1em;
  margin: 0 auto;
}
#cm.cloud {
  max-width: 50em;
  margin: 0 auto;
  text-align: center;
  left: 1em;
  right: 1em;
  overflow: hidden;
  padding: 1.3em 2em;
  width: unset;
}
#cm.bar,
#cm.bar.left,
#cm.bar.right {
  right: 0;
  left: 0;
}
.cc_div .cloud #c-inr {
  display: table;
  width: 100%;
}
.cc_div .cloud #c-inr-i {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding-right: 2.4em;
}
.cc_div .cloud #c-txt {
  font-size: 0.85em;
}
#cm.cloud .c-bn {
  margin: 0.625em 0 0;
  width: 100%;
}
#cm.cloud.left {
  margin-right: 1.25em;
}
#cm.cloud.right {
  margin-left: 1.25em;
}
#cm.bar {
  width: 100%;
  max-width: 100%;
  bottom: 0;
  border-radius: 0;
  position: fixed;
  padding: 2em;
}
#cm.bar #c-inr {
  max-width: 32em;
  margin: 0 auto;
}
#cm.bar #c-bns {
  max-width: 33.75em;
}
#cm.bar #cs,
.cc_div .bar #cs {
  padding: 0;
}
.cc_div .bar #c-s-in {
  top: 0;
  transform: none;
  height: 100%;
  max-height: 100%;
}
.cc_div .bar #s-bl,
.cc_div .bar #s-bns,
.cc_div .bar #s-hdr {
  padding-left: 1.6em;
  padding-right: 1.6em;
}
.cc_div .bar #s-inr {
  margin: 0 0 0 auto;
  border-radius: 0;
  max-width: 32em;
}
.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto;
}
.cc_div .bar #s-bl thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.cc_div .bar #s-bl tr {
  border-top: 1px solid #e3e7ed;
  border-color: var(--cc-cookie-table-border);
}
.cc_div .bar #s-bl td {
  border: none;
  position: relative;
  padding-left: 35%;
}
.cc_div .bar #s-bl td:before {
  position: absolute;
  left: 1em;
  padding-right: 0.625em;
  white-space: nowrap;
  content: attr(data-column);
  color: #000;
  color: var(--cc-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
#cm.top {
  bottom: auto;
  top: 1.25em;
}
#cm.left {
  right: auto;
  left: 1.25em;
}
#cm.right {
  left: auto;
  right: 1.25em;
}
#cm.bar.top,
.cc_div.ie #c-s-in {
  top: 0;
}
@media screen and (max-width: 688px) {
  #cs,
  #s-inr {
    border-radius: 0;
  }
  #cm.cloud.left,
  #cm.cloud.right,
  #s-inr {
    margin: 0;
  }
  #cm,
  #cm.cloud,
  #cm.left,
  #cm.right {
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 1.4em !important;
    right: 1em;
    left: 1em;
    bottom: 1em;
    display: block;
  }
  .force--consent #cm,
  .force--consent #cm.cloud {
    width: auto;
    max-width: 100vw;
  }
  #cm.top {
    top: 1em;
    bottom: auto;
  }
  #cm.bottom {
    bottom: 1em;
    top: auto;
  }
  #cm.bar.bottom {
    bottom: 0;
  }
  #cm.cloud .c-bn {
    font-size: 0.85em;
  }
  #s-bns,
  .cc_div .bar #s-bns {
    padding: 1em 1.3em;
  }
  .cc_div .bar #s-inr {
    max-width: 100%;
    width: 100%;
  }
  .cc_div .cloud #c-inr-i {
    padding-right: 0;
  }
  #cs {
    padding: 0;
  }
  #c-s-in {
    max-height: 100%;
    height: 100%;
    top: 0;
    transform: none;
  }
  .cc_div .b-tg {
    transform: scale(1.1);
    right: 1.1em;
  }
  #s-inr {
    padding-bottom: 7.9em;
  }
  #s-bns {
    height: 7.9em;
  }
  #s-bl,
  .cc_div .bar #s-bl {
    padding: 1.3em;
  }
  #s-hdr,
  .cc_div .bar #s-hdr {
    padding: 0 1.3em;
  }
  #s-bl table {
    width: 100%;
  }
  #s-inr.bns-t {
    padding-bottom: 10.5em;
  }
  .bns-t #s-bns {
    height: 10.5em;
  }
  .cc_div .bns-t .c-bn {
    font-size: 0.83em;
    padding: 0.9em 1.6em;
  }
  #s-cnt .b-bn .b-tl {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
  #s-bl table,
  #s-bl tbody,
  #s-bl td,
  #s-bl th,
  #s-bl thead,
  #s-bl tr,
  #s-cnt {
    display: block;
  }
  #s-bl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #s-bl tr {
    border-top: 1px solid #e3e7ed;
    border-color: var(--cc-cookie-table-border);
  }
  #s-bl td {
    border: none;
    position: relative;
    padding-left: 35%;
  }
  #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: 0.625em;
    white-space: nowrap;
    content: attr(data-column);
    color: #000;
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #cm .c-bn,
  .cc_div .c-bn {
    width: 100%;
    margin-right: 0;
  }
  #s-cnt #s-rall-bn {
    margin-left: 0;
  }
  .cc_div #c-bns {
    flex-direction: column;
  }
  #cm.box,
  #cm.cloud {
    left: 1em;
    right: 1em;
    width: auto;
  }
  .cc_div .cloud #c-bns,
  .cc_div .cloud #c-inr,
  .cc_div .cloud #c-inr-i {
    display: block;
    width: auto;
    min-width: unset;
  }
  .cc_div .cloud #c-txt {
    font-size: 0.9em;
  }
  .cc_div .cloud #c-bns {
    margin-top: 1.625em;
  }
}
#__overlays .mobile-menu__link > a,
.navigation__link {
  color: #102532;
  text-decoration: none;
  font-weight: 700;
}
.cc_div.ie #c-vln {
  height: 100%;
  padding-top: 5.62em;
}
.cc_div.ie #cs {
  max-height: 37.5em;
  position: relative;
  top: 0;
  margin-top: -5.625em;
}
.cc_div.ie .bar #cs {
  margin-top: 0;
  max-height: 100%;
}
.cc_div.ie #cm {
  border: 1px solid #dee6e9;
}
.cc_div.ie .b-tg {
  padding-left: 1em;
  margin-bottom: 0.7em;
}
.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
  left: 1.95em;
}
.cc_div.ie #s-bl table {
  overflow: auto;
}
#case-blue-with-4-cirlce-shapes .case-blue__brands-circle,
.case__line,
.case__text,
.cc_div.ie .b-tg .c-tg,
.cc_div.ie .bar #s-bl td:before {
  display: none;
}
.cc_div.ie .b-tg .c-tgl {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.2em;
  height: auto;
}
.cc_div.ie #s-cnt .b-bn .b-tl {
  padding: 1.3em 6.4em 1.3em 1.4em;
}
.cc_div.ie .bar #s-bl td {
  padding: 0.8em 0.625em 0.8em 1.2em;
}
html.has-scroll-smooth {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.glide__bullets {
  display: flex;
  gap: 1rem;
  justify-content: center;
  height: 0.75rem;
  margin-top: -3rem;
}
.cases-slider .bullet-button,
.glide__bullet {
  cursor: pointer;
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  background: #ddd;
  border-radius: 50%;
}
.glide__bullet:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: opacity 0.35s;
  opacity: 0;
}
.cases-slider .bullet-button--active:before,
.glide__bullet--active:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  opacity: 1;
}
.navigation__link--active:before,
.navigation__link:hover:before {
  width: calc(100% - 0.5rem);
  left: 0;
}
.glide {
  position: relative;
  width: 100%;
}
.glide * {
  box-sizing: inherit;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows,
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.26);
  backdrop-filter: blur(0.625rem);
  -webkit-backdrop-filter: blur(0.625rem);
}
@media (min-width: 64rem) {
  .pseudo-down-arrow::after,
  .pseudo-down-arrow > div::after {
    display: none;
  }
  .header {
    background-color: transparent;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0rem);
    transition: 0.35s;
  }
}
.header--sticky {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(0.625rem);
  -webkit-backdrop-filter: blur(0.625rem);
  transition: 0.5s ease-in;
}
#__overlays,
.navigation__wrapper {
  background-color: #fff;
  top: 0;
  width: 100%;
}
.header__logo {
  z-index: 2;
}
.header__inner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
}
.header__desktop {
  display: none;
  min-height: 4.75rem;
}
.header__mobile {
  min-height: 3.25rem;
}
.header__mobile-trigger {
  line-height: 1rem;
}
.logo--header .logo__img {
  max-width: 13.75rem;
  height: 1.75rem;
}
.logo--mobile-header .logo__img {
  max-width: 8.75rem;
  height: 1.125rem;
}

#case-vas .case-slider video,
.form__header,
.logo__img {
  width: 100%;
}
.navigation__list {
  display: flex;
}
.navigation__item:not(:first-child) {
  margin-left: 1.875rem;
}
.navigation__link {
  position: relative;
  overflow: hidden;
  z-index: 2;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
}
.navigation__link:after,
.navigation__link:before {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  height: 0.25rem;
  border-radius: 0.625rem;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  will-change: transform;
  opacity: 0;
  transform: translateX(-3.125rem);
  transition: opacity 0.35s, transform 0.35s;
}
.navigation__link--active:after,
.navigation__link--active:before,
.navigation__link:hover:after,
.navigation__link:hover:before {
  opacity: 1;
  transform: translateX(0);
}

.navigation__link:hover:after {
  right: 0;
  width: 0.25rem;
}
.navigation__link--active:after {
  right: 0;
  width: 0.25rem;
}
.navigation__wrapper {
  height: 26rem;
  position: absolute;
  left: 0;
  z-index: 1;
  display: none;
  box-shadow: 0 5.75rem 4.625rem 0 rgba(0, 0, 0, 0.1);
}
#__overlays {
  z-index: 101;
  height: 100%;
  position: fixed;
  /* background-image: url("../assets/images/pages/home/card_gradient.png"); */
  background-image: url("../assets/images/pages/home/webp/card_gradient.webp");
  background-repeat: no-repeat;
  background-size: cover;
  /* padding: 1rem; */
  transform: translateX(100%);
}
#__overlays .mobile-menu {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#__overlays .mobile-menu-icon {
  font-size: 1.5rem;
  position: absolute;
  right: 1rem;
}
#__overlays .mobile-menu__logo {
  width: 47%;
  max-width: 12.5rem;
}
#__overlays .mobile-menu__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  margin: 3rem 0;
}
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #__overlays .mobile-menu__wrapper {
      justify-content: start;
      margin: 5rem 0;
      }
    }
#__overlays .mobile-menu__wrapper-bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 95%;
  padding: 20px 0;
}

#__overlays .mobile-menu__link > a {
    display: flex;
    align-items: center;
    /* height: 58px; */
    padding-left: 1rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
margin-bottom: 1.5rem;
}
#__overlays .mobile-menu__link.wwd > a {
   margin-bottom: 1rem;
}
#__overlays .mobile-menu__link.second > a {
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-transform: initial;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 2rem;
}
/* #__overlays .mobile-menu__link.second > a:not(:last-of-type) {
  margin-bottom: 1.25rem;
} */
 #__overlays .mobile-menu__link.second > a {
 margin-bottom: 1rem;
}
#__overlays .mobile-menu__link.second.last-item > a {
 margin-bottom: 1.5rem;
}

#__overlays .mobile-menu__rrss {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.shape {
  width: 100%;
  height: 100%;
}
.shape--line {
  height: 0.25rem;
}
.shape--line,
.shape--line:after {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  border-radius: 0.625rem;
}
.shape--line:after {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  margin-left: auto;
  margin-right: -0.5rem;
}
.shape--circle {
  border-radius: 50%;
}
.shape--stripes {
  position: absolute;
  overflow: hidden;
}
.shape--stripes:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  height: 100%;
  background-image: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  mask-image: url("../assets/svgs/stripe-pattern.svg");
  -webkit-mask-image: url("../assets/svgs/stripe-pattern.svg");
  -webkit-mask-size: contain;
}
.shape--diamond {
  background: url("../assets/svgs/shape-diamond.svg");
}
.shape--diamond-inverted {
  background: url("../assets/svgs/shape-diamond-inverted.svg");
}
.shape--diamond,
.shape--diamond-inverted {
  background-repeat: no-repeat;
}
.shape--gradient-bg {
  background: linear-gradient(137deg, #1edd8e 0, #53c0d2 100%);
}

.card-position__description,
.card-position__mode,
.cases-slider__bullets-content{
  margin-bottom: 1.5rem;
}
.big-statement__bottom-texts{
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}

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

.testimonial__name-wrapper .name {
  display: block;
}

.card:hover .card__description-wrapper,
.card:hover .card__pill-wrapper,
.card__description-wrapper,
.card__pill-wrapper,
.case__button:hover:before{
  opacity: 1;
}

.card,
.testimonial {
  border-radius: 0.625rem;
  background-color: #fff;
}

.card-with-description__wrapper {
  transition: transform 0.35s;
}

.form__input-container input:focus + .form__helpertext::after,
.form__input-container textarea:focus + .form__helpertext::after,
.progress-slider__step.in .bottom__dot:after {
  transform: scaleX(1);
}

@keyframes loader {
  0%,
  4.9% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 3.125rem;
    height: 3.125rem;
    opacity: 0;
  }
}
.case:before,
.case__button:before,
.case__meta:before,
.outline-card {
  width: 100%;
  height: 100%;
}
.testimonial {
  width: 100%;
  box-shadow: 0 3.125rem 3.75rem rgba(6, 6, 6, 0.05);
  padding: 2.25rem 1rem;
  margin-bottom: 5rem;
  -webkit-user-select: none;
  user-select: none;
}
.testimonial__image-wrapper > img {
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  width: 4.5rem;
  overflow: hidden;
}

.testimonial__blockquote {
  color: #102532;
}
.testimonial__blockquote-wrapper {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 25.875rem) {
  .testimonial {
    padding: 2.5rem 3rem;
  }
  .testimonial__blockquote-wrapper {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
  }
}
@media (min-width: 215rem) {
  .testimonial__blockquote-wrapper {
    font-size: 1.35rem;
    line-height: 2.25rem;
  }
}
.testimonial__blockquote::after,
.testimonial__blockquote::before {
  content: '"';
}
.testimonial__name-wrapper {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin: 1.875rem 0;
  text-align: center;
  color: #102532;
}
@media (min-width: 215rem) {
  .testimonial__name-wrapper {
    font-size: 1.35rem;
    line-height: 2.25rem;
  }
}
.testimonial__logo-wrapper {
  max-width: 9.625rem;
  margin: 0 auto;
}
.testimonial.enforcenet .testimonial__logo-wrapper img,
.testimonial.opya .testimonial__logo-wrapper img,
.testimonial.remote .testimonial__logo-wrapper img,
.testimonial.vas .testimonial__logo-wrapper img {
  margin: 0 auto;
  max-height: 2.5rem;
}
.card {
  position: relative;
  box-shadow: 0 3.125rem 3.75rem rgba(6, 6, 6, 0.1);
  min-height: 22.5rem;
  max-width: 28.125rem;
  overflow: hidden;
}
.card__link-wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 2rem 1rem;
  transform: translateY(0);
  color: #fff;
  text-decoration: none;
  transition: color 0.35s, transform 0.35s;
}
.card__icon-wrapper {
  font-size: 4.5rem;
  line-height: 1rem;
  margin-bottom: 0.625rem;
  transform: translateX(-0.625rem);
}
.card__title-wrapper {
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
.card__description-wrapper {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.card__pill {
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-block;
  padding: 1rem 2rem;
  text-transform: uppercase;
  text-decoration: underline;
  color: #00c6d1;
  background-color: #fff;
  border-radius: 3.125rem;
}
.card__bg,
.outline-card:before {
  border-radius: 0.625rem;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  position: absolute;
}
.card__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: clip-path 0.5s;
}
.card:hover .card__link-wrapper {
  transform: translateY(0);
  color: #fff;
}
.outline-card {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  padding: 3rem 1.5rem;
  color: #fff;
}
.case,
.case-content2,
.case__meta {
  z-index: 1;
  position: relative;
}
.outline-card:before {
  content: "";
  z-index: -1;
  inset: 0;
  padding: 0.125rem;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.outline-card__icon {
  display: inline-block;
  margin-bottom: 1.25rem;
  font-size: 3.75rem;
}
.case:before {
  content: "";
  display: none;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent, #f9f9f9 100%);
}
.case.vas.our-work {
  margin-top: 40px;
}
@media (min-width: 64rem) {
  .header__inner-container {
    gap: 1.5rem;
    padding: 1.5rem 0;
  }
  .header__desktop {
    display: flex;
  }
  .header__mobile,
  .testimonial > .glide__bullets {
    display: none;
  }
  .card .card__link-wrapper {
    transform: translateY(3.875rem);
    color: #102532;
  }
  .card .card__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 0.625rem;
    background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
    transition: clip-path 0.5s;
    clip-path: circle(10% at -110% -110%);
  }
  .card .card__icon-wrapper i {
    transition: filter 0.25s;
    filter: none;
  }
  .card .card__description-wrapper,
  .card .card__pill-wrapper {
    opacity: 0;
    transition: opacity 0.35s;
  }
  .card__link-wrapper {
    padding: 2rem;
  }
  .card__icon-wrapper {
    font-size: 5rem;
  }
  .card__title-wrapper {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .outline-card {
    padding: 3.75rem 2.25rem;
  }
  .case:before {
    display: block;
  }
  .case.vas.our-work {
    margin-top: 3.75rem;
  }
}
.case__meta {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.case__meta:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent, #f9f9f9 90%);
}
.case__meta-wrapper {
  transform: translateY(-6.25rem);
}
.case__logo {
  max-width: 5rem;
  margin: 0 auto 1.25rem;
}
.case__title {
  max-width: 80%;
  margin: 0 auto 1.25rem;
  color: #102532;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 700;
  text-align: center;
}
.case__button,
.case__tags {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.case__tags {
  color: #0ecc7e;
  text-align: center;
}
#about-us .text-graph p,
.text-section__description.white,
.text-section__title.white {
  color: #fff;
}
.case__action {
  position: relative;
  z-index: 2;
  margin-top: -4.375rem;
  margin-bottom: 4.375rem;
}
.case__button {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  color: #fff;
  line-height: 7.5rem;
  text-align: center;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  box-shadow: 0 1rem 3.75rem 0 rgba(6, 6, 6, 0.23);
  transition: box-shadow 0.35s;
}
.case__button:hover {
  box-shadow: 0 0.375rem 0.5625rem 0 rgba(6, 6, 6, 0.23);
}
.form__btn:hover,
.primary-button:hover {
  box-shadow: 0 0.375rem 0.5625rem 0 rgba(184, 184, 184, 0.5);
}
.case__button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  transition: opacity 0.35s;
}

.case__button span,
.primary-button span {
  position: relative;
  z-index: 5;
}
.case__content,
.sg-images__left {
  position: relative;
  display: none;
}
@media (min-width: 48rem) {
  .container {
    padding: 0 1.5rem;
  }
  .shape--stripes:after {
    max-width: initial;
    width: 20rem;
    height: 20rem;
    top: -50%;
    left: -50%;
    bottom: initial;
    right: initial;
    -webkit-mask-size: initial;
  }

  .testimonial {
    padding: 3.375rem 4.375rem;
  }
  .testimonial__image-wrapper > img {
    width: 6.25rem;
  }
  .case {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }
  .case__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 1.5rem;
  }
  .case__meta {
    align-items: flex-start;
    justify-content: flex-end;
    background: 0 0 !important;
  }
  .case__meta:before {
    display: none;
  }
  .case__meta-wrapper {
    transform: translate(0, -2rem);
  }
  .case__logo {
    margin: 0 0 1.25rem;
  }
  .case__title {
    max-width: inherit;
    text-align: left;
  }
  .case__tags {
    text-align: left;
  }
  .case__action {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
  }
  .case__button {
    transform: translateY(-2.5rem);
  }
  .case__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: -50%;
  }
  .case.vas {
    /* background-image: url("../assets/images/pages/service-growth/case-vas-bg.png"); */
    background-image: url("../assets/images/pages/service-growth/webp/case-vas-bg.webp");
  }
}
.case__content-wrapper {
  padding: 1.5rem;
  margin-right: -1.5rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 3.125rem 0 0 3.125rem;
  backdrop-filter: blur(0.0625rem);
  -webkit-backdrop-filter: blur(0.0625rem);
}
@media (min-width: 64rem) {
  .case {
    background-size: 40%;
  }
  .case__grid > div {
    padding-bottom: 6.25rem;
  }
  .case__meta {
    min-height: 43.75rem;
  }
  .case__title {
    max-width: initial;
    margin: 0 0 1.25rem;
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
  .case__line {
    display: block;
    width: 3.125rem;
    margin: 1.875rem 0;
  }
  .case__button {
    transform: translateY(-6.5625rem);
  }
  .case__content-wrapper {
    padding: 3rem 1.5rem;
    height: 20.625rem;
  }
}
@media (min-width: 80rem) {
  .glide__bullets {
    margin-top: -1.5rem;
  }
  .testimonial__content-wrapper {
    max-width: 38.75rem;
    margin: 0 auto;
  }
  .case {
    background-size: 31.25rem;
  }
  .case__grid > div {
    padding-bottom: 3.75rem;
  }
  .case__meta-wrapper {
    transform: translate(0, -2.5rem);
  }
  .case__content-wrapper {
    position: absolute;
    left: 0;
    min-width: 50vw;
    padding: 3.75rem 1.5rem 3.75rem 3.75rem;
    background-color: transparent;
    border-radius: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .case__content-wrapper:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 20.5rem;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 3.125rem 0 0 3.125rem;
    backdrop-filter: blur(0.0625rem);
    -webkit-backdrop-filter: blur(0.0625rem);
  }
  .case__content-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    transform: translate(0, 1.5625rem);
  }
}
@media (min-width: 100rem) {
  .case__content-wrapper {
    padding: 3.75rem 4.375rem 3.75rem 3.75rem;
  }
  .case__content-grid {
    max-width: 50.625rem;
    transform: translate(0, 1.125rem);
  }
}
.case__content-grid-right {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.case__aux-image {
  max-width: 12.5rem;
  margin: 0 auto;
}
.case__aux-title {
  max-width: 12.5rem;
  margin: -1.25rem auto 0;
  text-align: center;
}
.case.vas .case__meta {
  /* background-image: url("../assets/images/pages/service-growth/case-vas-bg.png"); */
  background-image: url("../assets/images/pages/service-growth/webp/case-vas-bg.webp");
}
.case.opya .case__meta {
  /* background-image: url("../assets/images/pages/service-idea/case-opya-bg.png"); */
  background-image: url("../assets/images/pages/service-idea/webp/case-opya-bg.webp");
}
.case.opya .case__logo {
  max-width: 8rem;
  margin-bottom: 3.75rem;
}
.case.enforcenet .case__meta {
  /* background-image: url("../assets/images/pages/service-idea/enforcenet-bg.png"); */
  background-image: url("../assets/images/pages/service-idea/webp/enforcenet-bg.webp");
}
.case.enforcenet .case__logo {
  max-width: 10rem;
  margin-bottom: 3.75rem;
}
.case.legal .case__meta {
  /* background-image: url("../assets/images/pages/service-idea/remote-legal-bg.png"); */
  background-image: url("../assets/images/pages/service-idea/webp/remote-legal-bg.webp");
}
.case.legal .case__logo {
  max-width: 13.125rem;
  margin-bottom: 3.75rem;
}
.bullets {
  display: flex;
  gap: 1rem;
}
.bullets--center {
  justify-content: center;
}
.bullets .bullet__button {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  background: #ddd;
  border-radius: 50%;
  transition: background 0.35s;
}
.bullets .bullet__button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.5s 250ms;
}
.bullets .bullet__button--active:before,
.primary-button:hover:before {
  opacity: 1;
}
.single-header {
  padding-top: 7.5rem;
  padding-bottom: 2.5rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center 80%;
}
.single-header .container {
  padding: 0 1rem;
}
.single-header__title,
.text-section__title {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  color: #102532;
}
.single-header__subtitle {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  background: -webkit-linear-gradient(137deg, #53c0d2 0, #1edd8e 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.single-header__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 2.5rem;
  color: #102532;
}
.circle-shape,
.st-image__circle {
  position: absolute;
  top: -1rem;
  right: -0.25rem;
  width: 3.25rem;
  height: 3.25rem;
}
.accordion {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #102532;
  padding: 1.625rem 1.25rem 1.625rem 0;
  text-align: left;
  width: 100%;
  transition: 0.5s;
  transform: translateX(0);
}
.accordion-wrapper {
  border-bottom: 0.0625rem solid;
  border-width: 0.0625rem;
}
.accordion-wrapper:first-child,
.card-position:first-child {
  border-top: 0.0625rem solid;
}
.accordion:hover:not(.active) {
  transition: 0.5s;
  transform: translateX(-4px);
}
.accordion:after {
  content: "\002B";
  float: right;
  background: linear-gradient(137deg, #1edd8e 0, #53c0d2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.accordion.active:after {
  content: "\2212";
}
.accordion__details {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #444;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion.active ~ .accordion__details > p {
  margin-bottom: 1.625rem;
}
.card-position {
  border-bottom: 0.0625rem solid;
  border-width: 0.0625rem;
  padding: 1.5rem 0;
}
.card-position__title {
  line-height: 1.625rem;
}
.card-position__icon-wrapper {
  display: none;
  max-width: 4.25rem;
}
.card-position__tech {
  height: 3.125rem;
  width: 10.125rem;
  border-radius: 0.625rem;
  background-color: #fff;
  box-shadow: 0 1rem 3.75rem 0 rgba(6, 6, 6, 0.1);
  padding: 1rem 2.1875rem;
}
.text-section__title.second {
  margin: 0 1rem;
}
.text-section__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #102532;
  margin-top: 2rem;
}
.text-section__middle-line {
  width: 3.125rem;
  margin: 1.875rem 0;
}
.text-section .careers-link {
  display: block;
  margin-top: 1.875rem;
  line-height: 1.25rem;
}

.text-section .careers-link > a {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}
.text-section .careers-link .arrow-icon {
  position: relative;
  top: 0.3125rem;
}
/* #careers .container, */
#opya .case-content1 .container,
#opya .case-content2 .container,
#opya .case-content3 .container,
#remote-legal .container,
.card-with-description__item-img,
.sg-statement .container,
.si-blue__content {
  padding: 0 1.5rem;
}
.card-with-description__item-img-radius {
  max-width: 95%;
  border-radius: 1rem;
  position: relative;
  right: 1rem;
}
.card-with-description__item-description {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(0.625rem);
  -webkit-backdrop-filter: blur(0.625rem);
  padding: 1.5rem 1.5rem 2rem;
  border-radius: 0.625rem;
  box-shadow: 0 4.75rem 3.75rem 0 rgba(6, 6, 6, 0.1);
  width: 90%;
  margin: 0 auto;
  position: relative;
  bottom: 3.5rem;
  left: 5%;
}
#about-us .text-graph h5,
.round-brand__round {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
}
@media (min-width: 25.875rem) {
  .testimonial__logo-wrapper {
    max-width: 11.25rem;
  }
  .card-with-description__item-img-radius {
    max-width: 100%;
    right: 0;
    margin: 0 auto;
  }
  .card-with-description__item-description {
    width: 100%;
  }
}
.card-with-description__logo {
  max-height: 2.6875rem;
  margin-bottom: 1rem;
  padding-right: 5.625rem;
}
.card-with-description__descriptions {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #102532;
  line-height: 1.3125rem;
}
.card-with-description__descriptions-quote {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
  color: #444;
}
.card-with-description__hashtags {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
  color: #0ecc7e;
  padding-right: 0.5rem;
  text-transform: uppercase;
}
#case-blue-with-4-cirlce-shapes .case-blue__column1,
#case-blue-with-4-cirlce-shapes .case-blue__column2 {
  flex-basis: 60%;
}
#case-blue-with-4-cirlce-shapes .case-blue__brands-grid {
  place-items: start;
}
#case-blue-with-4-cirlce-shapes .case-blue__bottom,
#case-enforcenet .case-blue__bottom,
.case-content2__images {
  margin-top: 4.375rem;
}
#case-blue-with-4-cirlce-shapes .case-blue__right,
#case-enforcenet .case-blue__right,
.tools #mob .card-position__tech {
  place-self: end;
}
#case-blue-with-4-cirlce-shapes .case-blue__brands-triangle {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
}
#case-blue-with-4-cirlce-shapes .case-blue__brands-triangle-2 {
  transform: rotate(-90deg);
  left: 3.125rem;
}
#case-blue-with-4-cirlce-shapes .case-blue__brands-triangle-3 {
  right: 3.125rem;
  transform: rotate(90deg);
}
#case-blue-with-4-cirlce-shapes .case-blue__brands-triangle-4 {
  position: absolute;
  border: 0.03125rem dashed #1edd8e;
  bottom: 5rem;
  width: 9.375rem;
  right: 3.125rem;
  transform-origin: right bottom;
}
.list-icon {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
.list-icon:not(:first-child) {
  margin-top: 2.25rem;
}
.list-icon__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.list-icon__icon {
  font-size: 2.5rem;
}
.list-icon__label {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
}
.round-brand__wrapper {
  width: 6.25rem;
}
.round-brand__wrapper--mobile-push-right {
  margin-left: auto;
}
.round-brand__wrapper--mobile-push-center {
  margin-left: auto;
  margin-right: auto;
}
.round-brand__label {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 0.5rem 0;
}
.round-brand__round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.25rem;
  height: 6.25rem;
  aspect-ratio: 1/1;
  padding: 1rem;
  border-radius: 50%;
}
.sg-image__image,
.st-image__image {
  aspect-ratio: 281/120;
  object-fit: cover;
}
.marquee {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  transform: translateY(50%);
}

.marquee__wrapper {
  display: flex;
  overflow: hidden;
  user-select: none;
}
.marquee__content {
  display: flex;
  justify-content: space-around;
  flex-shrink: 0;
  min-width: 100%;
  white-space: nowrap;
  color: #ebebeb;
  animation: 30s linear infinite scroll;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.marquee__content.forward {
  animation-direction: reverse;
}
.primary-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
  padding: 1.125rem 3.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  background-image: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  border-radius: 3.125rem;
  box-shadow: 0 1.375rem 1.8125rem 0 rgba(184, 184, 184, 0.5);
  transition: box-shadow 0.35s;
  overflow: hidden;
}
#case-enforcenet .case-content3 .text-section__description-rigth p a span {
  text-decoration: underline;
}
.primary-button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3.125rem;
  pointer-events: none;
  transition: opacity 0.35s;
}
.arrow-link {
  display: inline-flex;
  align-items: center;
}
.arrow-link__icon-wrapper {
  line-height: 1;
  transition: transform 0.35s;
}
.arrow-link__icon {
  font-size: 1.125rem;
  background: padding-box text #9273f4;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arrow-link:hover .arrow-link__anchor {
  color: #8367db;
}
.arrow-link:hover .arrow-link__icon-wrapper {
  transform: translateX(0.3125rem);
}
.footer .arrow-link:hover .arrow-link__anchor {
  color: #fff;
}
.footer .arrow-link:hover .arrow-link__icon-wrapper {
  transform: none;
}
.scroll-indicator {
  background: linear-gradient(
      transparent 0,
      transparent 50%,
      #e9e9e9 50%,
      #e9e9e9 100%
    )
    #d1d1d1;
  position: relative;
  width: 52px;
  height: 88px;
  border-radius: 100px;
  background-size: 100% 200%;
  animation: 5s linear infinite colorSlide, 5s ease-out infinite nudgeMouse;
}
.scroll-indicator:after,
.scroll-indicator:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.scroll-indicator:before {
  width: 46px;
  height: 82px;
  background-color: #f9f9f9;
  border-radius: 100px;
}
.scroll-indicator:after {
  background-color: #e9e9e9;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  animation: 5s linear infinite trackBallSlide;
}
@keyframes colorSlide {
  0% {
    background-position: 0 100%;
  }
  20%,
  50%,
  80% {
    background-position: 0 0;
  }
  21%,
  51%,
  81% {
    background-color: #d1d1d1;
  }
  29.99%,
  59% {
    background-color: #e9e9e9;
    background-position: 0 0;
  }
  30%,
  60% {
    background-color: #d1d1d1;
    background-position: 0 100%;
  }
  100%,
  90% {
    background-color: #e9e9e9;
  }
}
@keyframes trackBallSlide {
  0%,
  100%,
  28%,
  29.99%,
  30%,
  58%,
  59.99%,
  60%,
  88% {
    opacity: 1;
    transform: scale(1) translateY(-20px);
  }
  36%,
  6%,
  66% {
    opacity: 1;
    transform: scale(0.9) translateY(5px);
  }
  14%,
  44%,
  74% {
    opacity: 0;
    transform: scale(0.4) translateY(40px);
  }
  15%,
  19%,
  45%,
  49%,
  75%,
  79% {
    opacity: 0;
    transform: scale(0.4) translateY(-20px);
  }
}
@keyframes nudgeMouse {
  0%,
  30%,
  60%,
  90% {
    transform: translateY(0);
  }
  20%,
  50%,
  80% {
    transform: translateY(8px);
  }
}
@keyframes nudgeText {
  0%,
  30%,
  60%,
  90% {
    transform: translateY(0);
  }
  20%,
  50%,
  80% {
    transform: translateY(2px);
  }
}
@keyframes colorText {
  21%,
  51%,
  81% {
    color: #d1d1d1;
  }
  30%,
  60%,
  90% {
    color: #e9e9e9;
  }
}
#about-us .grid-images__wrapper,
#case-vas .case-content3 .container,
#insights .full-image,
#opya .case-slider .parallax__boxes,
.about-us .card-with-description,
.blue-section__img1-wrapper,
.case-card,
.case-grid-images__wrapper,
.case-image1__image,
.case-image2,
.cases-slider,
.cases-slider .case__content,
.cases-slider__bullets-wrapper,
.ebook .container,
.sg-images .container,
.si-blue__image1-wrapper,
.si-blue__images,
.si-header .container,
.si-statement .container,
.st-header .container,
.st-image__image-wrapper{
  position: relative;
}
.cases-slider__list {
  display: flex;
  flex-wrap: nowrap;
}
.cases-slider__slide {
  flex: 1;
  min-width: 100%;
}
.cases-slider__bullets-wrapper.desktop {
  display: none;
}
.cases-slider__title {
  margin-bottom: 1.25rem;
  color: #b8b8b8;
  font-size: 0.75rem;
  text-align: center;
  text-transform: uppercase;
}
.cases-slider__bullets {
  height: 0.75rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.cases-slider .bullet-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.cases-slider .case__action {
  transform-origin: center;
}
.cases-slider .case__content-wrapper:before,
.progress-slider__steps {
  display: none;
}
.cases-slider__slide--in {
  animation: 350ms slide;
}
.cases-slider__slide--in .case__logo {
  animation: 350ms 150ms leftToRight;
}
.cases-slider__slide--in .case__title {
  animation: 350ms 0.3s leftToRight;
}
.cases-slider__slide--in .case__tags {
  animation: 350ms 450ms leftToRight;
}
.cases-slider__slide--in .case__line {
  animation: 350ms 0.6s leftToRight;
}
.cases-slider__slide--in .case__content-wrapper {
  animation: 350ms 750ms rightToLeft;
}
.cases-slider__slide--in .case__content-wrapper:before {
  display: block;
}
.cases-slider__slide--in .case__action {
  animation: 350ms 0.9s action;
}
.cases-slider__slide--in .case__action,
.cases-slider__slide--in .case__content-wrapper,
.cases-slider__slide--in .case__line,
.cases-slider__slide--in .case__logo,
.cases-slider__slide--in .case__tags,
.cases-slider__slide--in .case__title {
  animation-fill-mode: backwards;
}
.cases-slider__slide--out {
  animation: 0.1s forwards slide-out;
}
@keyframes slide {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(1.5rem);
  }
}
@keyframes leftToRight {
  from {
    opacity: 0;
    transform: translateX(-1.5rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes action {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes rightToLeft {
  from {
    opacity: 0;
    transform: translateX(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (min-width: 48rem) {
  .case.opya {
    /* background-image: url("../assets/images/pages/service-idea/case-opya-bg.png"); */
    background-image: url("../assets/images/pages/service-idea/webp/case-opya-bg.webp");
  }
  .case.enforcenet {
    /* background-image: url("../assets/images/pages/service-idea/enforcenet-bg.png"); */
    background-image: url("../assets/images/pages/service-idea/webp/enforcenet-bg.webp");
  }
  .case.legal {
    /* background-image: url("../assets/images/pages/service-idea/remote-legal-bg.png"); */
    background-image: url("../assets/images/pages/service-idea/webp/remote-legal-bg.webp");
  }
  .single-header {
    padding-top: 11.25rem;
    padding-bottom: 6.25rem;
    background-position: center bottom;
  }
  .single-header__title,
  .text-section__title {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  .circle-shape {
    top: 4rem;
    right: 1.125rem;
  }
  .text-section .careers-link {
    max-width: 75%;
  }
  .card-with-description__item-img-radius {
    max-width: 25.875rem;
  }
  .primary-button {
    margin: 0 auto;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 700;
  }
  .arrow-link__anchor {
    font-size: 0.875rem;
  }
  .cases-slider__list {
    padding-bottom: 5rem;
  }
  .cases-slider__bullets-wrapper.desktop {
    display: block;
  }
  .cases-slider__bullets-wrapper.mobile {
    display: none;
  }
  .cases-slider__bullets-content {
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    bottom: 3.5rem;
    margin-bottom: 0;
  }
  .cases-slider__title {
    text-align: left;
  }
  .cases-slider .case__meta {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 64rem) {
  .case__aux-image,
  .case__aux-title {
    max-width: 18.75rem;
  }
  .card-position {
    display: grid;
    grid-template-columns: 35% 22% 43%;
    padding: 3.125rem 0;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-triangle,
  .card-position__icon-wrapper {
    display: block;
  }
  .text-section .careers-link {
    max-width: 100%;
  }
  .card-with-description__item-description {
    position: absolute;
    max-width: 31.25rem;
    left: inherit;
    bottom: -6.25rem;
    padding: 2.1875pxrem;
  }
  .card-with-description__descriptions,
  .marquee__content {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__text {
    transform: none;
    margin-left: 5rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__bottom {
    margin-top: 7rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-wrapper {
    margin: 4.375rem auto;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-triangle-4 {
    width: 100%;
    right: 0;
  }
  .list-icon__icon {
    font-size: 3.5rem;
  }
  .cases-slider__list {
    padding-bottom: 0;
  }
  .cases-slider__bullets-content {
    bottom: 4.5rem;
  }
  .cases-slider .case__meta {
    padding-bottom: 5.625rem;
  }
}
#about-us .light-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.875rem;
}
#about-us .green-block .blue-graph,
#about-us .light-block .blue-graph {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 18.25rem;
}
#about-us .light-block .blue-graph__circle {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.84375rem;
  background-color: #00c6d1;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  text-align: center;
  padding: 0 1.25rem;
  height: 3.6875rem;
  width: 8.6875rem;
  position: relative;
}
#about-us .light-block .blue-graph__circle::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.4375rem;
  left: -0.4375rem;
  bottom: -0.4375rem;
  right: -0.4375rem;
  border: 0.4375rem solid rgba(0, 198, 209, 0.2);
  border-radius: 3.125rem;
}
#about-us .green-block .blue-graph__container2,
#about-us .light-block .blue-graph__container,
#about-us .purple-block .blue-graph__container3 {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
}
#about-us .light-block .blue-graph__container .arrow-up1 {
  width: 1.25rem;
  height: 2.9375rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  right: 1.875rem;
  bottom: -0.9375rem;
}
#about-us .light-block .blue-graph .arrow-down1,
#about-us .light-block .blue-graph .arrow-up2 {
  border: dashed #0ecc7e;
  bottom: -0.9375rem;
  position: absolute;
  height: 2.9375rem;
  right: 1.875rem;
  width: 1.25rem;
}
#about-us .light-block .blue-graph .arrow-down1::after,
#about-us .light-block .blue-graph .arrow-down2::after,
#about-us .light-block .blue-graph .arrow-up2::after,
#about-us .light-block .blue-graph__container .arrow-up1::after {
  content: "<";
  font-size: 1.25rem;
  display: inline-block;
  position: absolute;
  transform: rotate(360deg);
  background: padding-box text #0ecc7e;
  left: -0.375rem;
  top: -0.9375rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#about-us .light-block .blue-graph .arrow-up2 {
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  transform: scale(-1, 1);
  left: 1.875rem;
}
#about-us .light-block .blue-graph .arrow-down1 {
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  transform: scale(1, -1);
  top: -0.9375rem;
}
#about-us .light-block .blue-graph .arrow-down2 {
  width: 1.25rem;
  height: 2.9375rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  right: 1.875rem;
  transform: scale(1, -1);
  transform: rotate(180deg);
  left: 1.875rem;
  bottom: 1.5625rem;
}
#about-us .green-block .blue-graph__container-space,
#about-us .light-block .blue-graph__container-space {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  padding-top: 2.0625rem;
  padding-bottom: 2.0625rem;
}
#about-us .green-block .blue-graph__circle2,
#about-us .green-block .blue-graph__middle {
  display: flex;
  background-color: #0ecc7e;
  padding: 0 1.25rem;
  height: 3.6875rem;
  position: relative;
  box-sizing: border-box;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
#about-us .green-block,
#about-us .purple-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 80rem) {
  .case__aux-image {
    max-width: 100%;
  }
  .case__aux-title {
    max-width: initial;
    text-align: left;
    margin: 0 0 1rem;
  }
  .case__text {
    display: block;
  }
  .case__text:not(:last-child) {
    margin-bottom: 0.75rem;
  }
  .single-header {
    padding-top: 16.25rem;
    padding-bottom: 8.125rem;
    background-position: center 120%;
    background-size: 110%;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__title,
  .single-header__title,
  .text-section__title {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
  .circle-shape {
    width: 5.125rem;
    height: 5.125rem;
  }
  .card-position__description {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
  }
  .text-section__title.second {
    margin: 0 0 0 3rem;
  }
  .text-section__grid {
    display: grid;
    grid-template-columns: 1fr 9.375rem 1fr;
  }
  .text-section__description {
    grid-area: 1/1/2/2;
    display: grid;
    place-items: start;
  }
  .text-section__description-rigth {
    grid-area: 2/3/3/4;
    display: grid;
    place-items: start;
  }
  .text-section__middle-line {
    grid-area: 1/2/2/3;
    margin: 0 auto;
    display: grid;
    place-items: end;
  }
  .text-section .careers-link {
    max-width: none;
    margin-top: 2.5rem;
  }
  .text-section .careers-link > a {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 700;
  }
  .card-with-description__item-img-radius {
    max-width: 30.625rem;
    margin: 0;
  }
  .card-with-description__item-description {
    width: 100%;
    right: -10%;
    bottom: -33%;
  }
  .card-with-description__logo {
    max-height: 2.5rem;
    margin-bottom: 0;
    padding-right: 0;
  }
  .card-with-description__descriptions {
    padding: 1.5rem 0 0.75rem;
  }
  #case-blue-with-4-cirlce-shapes .container {
    display: flex;
    gap: 5%;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__column1 {
    transform: translateX(-3.5rem);
  }
  #case-blue-with-4-cirlce-shapes .case-blue__column2 .round-brand.top {
    grid-area: 1/2/2/3;
  }
  #case-blue-with-4-cirlce-shapes
    .case-blue__column2
    .round-brand.top
    .round-brand__wrapper {
    display: flex;
    flex-direction: column;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__column2 .round-brand.left {
    grid-area: 2/1/3/2;
    margin-top: -1.5rem;
    margin-left: -1rem;
  }
  #case-blue-with-4-cirlce-shapes
    .case-blue__column2
    .round-brand.left
    .round-brand__wrapper {
    display: flex;
    flex-direction: column;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__column2 .round-brand.right {
    grid-area: 2/3/3/4;
    margin-top: -1.5rem;
    margin-right: -1.5rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__column2 .round-brand.bottom {
    grid-area: 3/2/4/3;
    margin-top: -3rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 3.75rem 3.75rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__bottom {
    margin-top: 0;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__right {
    place-self: auto;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-circle {
    display: flex;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-triangle {
    display: none;
  }
  .marquee__content {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .cases-slider__bullets-content {
    bottom: 0;
  }
  .cases-slider .case__meta {
    padding-bottom: 0.75rem;
  }
  #about-us .light-block {
    align-self: flex-start;
    margin-top: 0;
  }
  #about-us .green-block {
    align-self: center;
  }
}
#about-us .green-block .blue-graph__container2 .arrow-up1 {
  width: 1.25rem;
  height: 2.9375rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  right: 1.875rem;
  bottom: -0.9375rem;
}
#about-us .green-block .blue-graph__container2 .arrow-up1::after {
  content: "<";
  font-size: 1.25rem;
  display: inline-block;
  position: absolute;
  transform: rotate(360deg);
  background: padding-box text #0ecc7e;
  left: -0.375rem;
  top: -0.9375rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#about-us .green-block .blue-graph__container2 .arrow-down1::after,
#about-us .green-block .blue-graph__container2 .arrow-up2::after {
  background: padding-box text #0ecc7e;
  position: absolute;
  content: "<";
  display: inline-block;
  -webkit-text-fill-color: transparent;
  font-size: 1.25rem;
  transform: rotate(360deg);
  left: -0.375rem;
  top: -0.9375rem;
}
#about-us .green-block .blue-graph__container2 .arrow-up2 {
  width: 1.25rem;
  height: 2.9375rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  right: 1.875rem;
  transform: scale(-1, 1);
  left: 1.875rem;
  bottom: -0.9375rem;
}
#about-us .green-block .blue-graph__container2 .arrow-up2::after {
  -webkit-background-clip: text;
}
#about-us .green-block .blue-graph__container2 .arrow-down1 {
  width: 1.25rem;
  height: 2.9375rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  bottom: -0.9375rem;
  transform: scale(1, -1);
  right: 1.875rem;
  top: -0.9375rem;
}
#about-us .green-block .blue-graph__container2 .arrow-down1::after {
  -webkit-background-clip: text;
}
#about-us .green-block .blue-graph__container2 .arrow-down2 {
  width: 1.25rem;
  height: 2.9375rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  right: 1.875rem;
  transform: scale(1, -1);
  transform: rotate(180deg);
  left: 1.875rem;
  bottom: 1.5625rem;
}
#about-us .green-block .blue-graph__circle2::after,
#about-us .green-block .blue-graph__middle::after {
  content: "";
  display: block;
  top: -0.4375rem;
  left: -0.4375rem;
  bottom: -0.4375rem;
  right: -0.4375rem;
  position: absolute;
}
#about-us .green-block .blue-graph__container2 .arrow-down2::after {
  content: "<";
  font-size: 1.25rem;
  display: inline-block;
  position: absolute;
  transform: rotate(360deg);
  background: padding-box text #0ecc7e;
  left: -0.375rem;
  top: -0.9375rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#about-us .green-block .blue-graph__middle {
  justify-content: center;
  align-items: center;
  border-radius: 1.84375rem;
  width: 11.5rem;
}
#about-us .green-block .blue-graph__middle::after {
  border: 0.4375rem solid rgba(0, 198, 209, 0.2);
  border-radius: 3.125rem;
}
#about-us .green-block .blue-graph__circle2 {
  justify-content: center;
  align-items: center;
  border-radius: 1.84375rem;
  width: 8.6875rem;
}
#about-us .green-block .blue-graph__circle2::after {
  border: 0.4375rem solid rgba(0, 198, 209, 0.2);
  border-radius: 3.125rem;
}
#about-us .green-block .arrow-middle,
#about-us .green-block .arrow-middle2 {
  border: dashed #0ecc7e;
  border-width: 0 0 0 0.0625rem;
  height: 3.75rem;
  position: relative;
  width: 0;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
#about-us .green-block .arrow-middle2::after,
#about-us .green-block .arrow-middle::after {
  content: "<";
  font-size: 1.25rem;
  display: inline-block;
  position: absolute;
  transform: rotate(270deg);
  background: padding-box text #0ecc7e;
  top: 2.8125rem;
  right: -0.375rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 80rem) {
  #about-us .green-block .arrow-middle2 {
    position: absolute;
    bottom: 17.3125rem;
    right: 22%;
    width: 17.25rem;
    border-width: 0.0625rem 0 0 0.0625rem;
    border-top-left-radius: 0.9375rem;
    height: 2.1875rem;
  }
  #about-us .green-block .arrow-middle2::after {
    transform: rotate(180deg);
    top: -0.9375rem;
    right: -0.375rem;
  }
  #about-us .purple-block {
    align-self: flex-end;
  }
}
#about-us .purple-block .blue-graph {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 14.66875rem;
}
#about-us .purple-block .blue-graph__container3 .arrow-up1 {
  width: 1.25rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0.0625rem 0;
  border-top-right-radius: 0.9375rem;
  right: 1.875rem;
  bottom: -0.9375rem;
  transform: scale(-1, 1);
  height: 5.75rem;
  left: 0;
  top: 50%;
}
#about-us .purple-block .blue-graph__container3 .arrow-up1::after {
  content: "<";
  font-size: 1.25rem;
  display: inline-block;
  position: absolute;
  transform: rotate(360deg);
  background: padding-box text #0ecc7e;
  left: -0.375rem;
  top: -0.9375rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#about-us .purple-block .blue-graph__container3 .arrow-down1::after,
#about-us .purple-block .blue-graph__container3 .arrow-up2::after {
  transform: rotate(360deg);
  background: padding-box text #0ecc7e;
  content: "<";
  font-size: 1.25rem;
  display: inline-block;
  left: -0.375rem;
  top: -0.9375rem;
  position: absolute;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 80rem) {
  #about-us .purple-block .blue-graph__container3 .arrow-up1 {
    border-width: 0.0625rem 0.0625rem 0 0;
    height: 2.9375rem;
    left: 0.5rem;
  }
  #about-us .purple-block .blue-graph__container3 .arrow-up2 {
    display: none;
  }
}
#about-us .purple-block .blue-graph__container3 .arrow-up2 {
  width: 1.25rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  bottom: -0.9375rem;
  right: 0;
  top: 50%;
  height: 5.75rem;
}
#about-us .purple-block .blue-graph__container3 .arrow-up2::after {
  -webkit-background-clip: text;
}
#about-us .purple-block .blue-graph__container3 .arrow-down1 {
  width: 1.25rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  bottom: -0.9375rem;
  right: 0;
  top: 7.5rem;
  height: 5.75rem;
  transform: scale(1, -1);
}
#about-us .purple-block .blue-graph__container3 .arrow-down1::after {
  -webkit-background-clip: text;
}
#about-us .purple-block .blue-graph__container3 .arrow-down2 {
  width: 1.25rem;
  border: dashed #0ecc7e;
  position: absolute;
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 0.9375rem;
  right: 1.875rem;
  transform: scale(1, 1);
  rotate: 180deg;
  height: 5.75rem;
  bottom: 50%;
  left: 0;
}
#about-us .purple-block .blue-graph__container3 .arrow-down2::after {
  content: "<";
  font-size: 1.25rem;
  display: inline-block;
  position: absolute;
  transform: rotate(360deg);
  background: padding-box text #0ecc7e;
  left: -0.375rem;
  top: -0.9375rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 80rem) {
  #about-us .purple-block .blue-graph__container3 .arrow-down1 {
    height: 5.4375rem;
    border-width: 0 0 0 0.0625rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    right: 3.375rem;
    top: 4.6875rem;
  }
  #about-us .purple-block .blue-graph__container3 .arrow-down1::after {
    transform: rotate(90deg);
    right: 0.875rem;
  }
  #about-us .purple-block .blue-graph__container3 .arrow-down2 {
    height: 2.9375rem;
    left: 0.75rem;
  }
}
#about-us .purple-block .blue-graph__container-space3 {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
  padding-top: 2.0625rem;
  padding-bottom: 2.0625rem;
}
#about-us .purple-block .blue-graph__circle3 {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.84375rem;
  background-color: #9273f4;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  text-align: center;
  padding: 0 1.25rem;
  height: 3.6875rem;
  width: 8.6875rem;
  position: relative;
}
#about-us .purple-block .blue-graph__circle3::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.4375rem;
  left: -0.4375rem;
  bottom: -0.4375rem;
  right: -0.4375rem;
  border: 0.4375rem solid rgba(0, 198, 209, 0.2);
  border-radius: 3.125rem;
}
#about-us .text-paragraph {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #fff;
}
#about-us .text-graph {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  position: relative;
  margin-top: 2.625rem;
  text-align: center;
}
#about-us .text-graph h5 {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 90rem) {
  .case.vas.our-work {
    margin-top: 5rem;
  }
  .case__content-grid {
    grid-template-columns: 45% 55%;
  }
  #about-us .green-block .blue-graph,
  #about-us .light-block .blue-graph,
  #about-us .purple-block .blue-graph {
    min-width: 0;
    max-width: 19.4375rem;
  }
  #about-us .green-block .blue-graph__container-space,
  #about-us .light-block .blue-graph__container-space {
    gap: 0.9375rem;
  }
  #about-us .green-block {
    flex-direction: row;
    align-self: flex-start;
    margin-top: 6.25rem;
  }
  #about-us .green-block .arrow-middle {
    display: none;
  }
  #about-us .green-block .arrow-middle2 {
    bottom: 21.75rem;
    right: 18%;
    width: 4.875rem;
    border-width: 0 0 0.0625rem 0.0625rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0.9375rem;
    height: 9.375rem;
  }
  #about-us .green-block .arrow-middle2::after {
    transform: rotate(180deg);
    top: 8.375rem;
    right: -0.5rem;
  }
  #about-us .purple-block {
    align-self: center;
    margin-top: 18.4375rem;
  }
  #about-us .purple-block .blue-graph__container3 .arrow-down2,
  #about-us .purple-block .blue-graph__container3 .arrow-up1 {
    left: -0.3125rem;
  }
  #about-us .purple-block .blue-graph__container-space3 {
    margin-right: 4.6875rem;
  }
  #about-us .text-graph.middle {
    position: absolute;
    bottom: 32%;
    left: 50%;
  }
  #about-us .arrow-big1::after,
  #about-us .arrow-big1::before {
    content: "<";
    font-size: 1.25rem;
    display: inline-block;
    position: absolute;
    transform: scale(1, -1) rotate(270deg);
    -webkit-text-fill-color: transparent;
  }
  #about-us .arrow-big1 {
    border: dashed #0ecc7e;
    position: absolute;
    border-width: 0 0.0625rem 0.0625rem;
    width: 39.375rem;
    height: 7.5rem;
    left: 31%;
    bottom: 25.1875rem;
    border-bottom-left-radius: 0.9375rem;
    border-bottom-right-radius: 0.9375rem;
  }
  #about-us .arrow-big1::after {
    background: padding-box text #0ecc7e;
    left: -0.375rem;
    top: -0.9375rem;
    -webkit-background-clip: text;
  }
  #about-us .arrow-big1::before {
    background: padding-box text #0ecc7e;
    right: -0.4375rem;
    top: -13.5%;
    -webkit-background-clip: text;
  }
}
@media (min-width: 100rem) {
  #case-blue-with-4-cirlce-shapes .case-blue__column2 .round-brand.left {
    margin-left: -3rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__column2 .round-brand.right {
    margin-right: -3.5rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-grid {
    grid-gap: 5.75rem 6.5rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-circle-inner {
    width: 27.875rem;
  }
  #case-blue-with-4-cirlce-shapes .case-blue__brands-circle-outer {
    width: 65.75rem;
  }
  #about-us .green-block .blue-graph__container-space,
  #about-us .light-block .blue-graph__container-space {
    gap: 2.0625rem;
  }
  #about-us .green-block .arrow-middle2 {
    right: 21.5%;
  }
  #about-us .purple-block .blue-graph__container3 .arrow-down1 {
    right: 3.75rem;
  }
  #about-us .text-graph.middle {
    bottom: 32%;
    left: 49%;
  }
}
#about-us .arrow-box1::after,
#about-us .arrow-box2::after {
  content: ">";
  font-size: 1.25rem;
  display: inline-block;
  position: absolute;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 100rem) {
  #about-us .arrow-big1 {
    left: 31%;
    width: 40.625rem;
  }
}
#about-us .arrow-box1 {
  display: flex;
  width: 18.75rem;
  margin-top: 2.1875rem;
  position: relative;
  justify-content: center;
}
#about-us .arrow-box1 .arrow-middle {
  height: 3.75rem;
  border: dashed #0ecc7e;
  border-width: 0 0.0625rem 0 0;
  margin-bottom: 1.875rem;
}
@media (min-width: 80rem) {
  #about-us .purple-block .blue-graph__container-space3 {
    justify-content: flex-start;
  }
  #about-us .text-paragraph {
    width: 31.25rem;
    position: absolute;
    top: 5.625rem;
    right: 0;
  }
  #about-us .arrow-box1 {
    align-self: flex-start;
  }
  #about-us .arrow-box1 .arrow-middle {
    position: absolute;
    height: 2.4375rem;
    width: 120%;
    left: -0.3125rem;
    border: dashed #0ecc7e;
    border-width: 0.0625rem 0 0 0.0625rem;
    right: 0.0625rem;
  }
}
#about-us .arrow-box1::after {
  background: padding-box text #0ecc7e;
  -webkit-background-clip: text;
  transform: rotate(450deg);
  bottom: 0.875rem;
  left: 9.0625rem;
}
@media (min-width: 80rem) {
  #about-us .arrow-box1::after {
    transform: rotate(360deg);
    left: 14.625rem;
    bottom: -0.9375rem;
  }
  #about-us .arrow-box2 {
    margin-top: 18.1875rem;
    margin-right: 1.25rem;
    position: relative;
  }
}
#about-us .arrow-box2 {
  display: flex;
  width: 18.75rem;
  justify-content: center;
}
#about-us .arrow-box2 .arrow-middle2 {
  height: 3.75rem;
  border: dashed #0ecc7e;
  border-width: 0 0.0625rem 0 0;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
@media (min-width: 80rem) {
  #about-us .arrow-box2 .arrow-middle2 {
    position: absolute;
    height: 1.75rem;
    width: 150%;
    border: dashed #0ecc7e;
    border-width: 0.0625rem 0 0 0.0625rem;
    border-top-left-radius: 0.9375rem;
    right: 0.0625rem;
    margin: 0;
  }
}
@media (min-width: 90rem) {
  #about-us .arrow-box1 {
    width: 1.25rem;
    margin-right: 1.5625rem;
    margin-left: 1.875rem;
    margin-top: 8.125rem;
  }
  #about-us .arrow-box1 .arrow-middle {
    height: 5.625rem;
    width: 100%;
    border-width: 0 0 0.0625rem 0.0625rem;
  }
  #about-us .arrow-box1 .arrow-middle2 {
    position: absolute;
    height: 2.4375rem;
    width: 100%;
    left: -0.9375rem;
    border: dashed #0ecc7e;
    border-width: 0.0625rem 0 0;
  }
  #about-us .arrow-box1::after {
    left: -0.0625rem;
    bottom: -6.5625rem;
  }
  #about-us .arrow-box2 {
    margin-right: 0;
    margin-top: 13.125rem;
    width: 6.25rem;
    left: -3.75rem;
    transform: scale(1, -1);
  }
  #about-us .arrow-box2 .arrow-middle2 {
    width: 70%;
    height: 9rem;
  }
  #about-us .arrow-box-middle1 {
    position: relative;
    display: flex;
    width: 1.5625rem;
    height: 0.625rem;
    border: dashed #0ecc7e;
    border-width: 0 0 0.0625rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media (min-width: 100rem) {
  #about-us .arrow-box1 .arrow-middle,
  #about-us .arrow-box1 .arrow-middle2 {
    width: 50%;
  }
  #about-us .arrow-box2 .arrow-middle2 {
    width: 80%;
  }
}
#about-us .arrow-box2::after {
  background: padding-box text #0ecc7e;
  -webkit-background-clip: text;
  transform: rotate(450deg);
  bottom: 25.625rem;
}
@media (min-width: 25.875rem) {
  #about-us .arrow-box2::after {
    bottom: 27rem;
  }
}
@media (min-width: 90rem) {
  #about-us .arrow-box-middle1::after {
    content: ">";
    font-size: 1.25rem;
    display: inline-block;
    position: absolute;
    background: padding-box text #0ecc7e;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    right: -0.4375rem;
    top: -0.375rem;
  }
  #about-us .arrow-box-middle2 {
    position: relative;
    display: flex;
    width: 1.5625rem;
    height: 0.625rem;
    border: dashed #0ecc7e;
    border-width: 0 0 0.0625rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media (min-width: 90rem) {
  #about-us .arrow-box-middle2::after {
    content: ">";
    font-size: 1.25rem;
    display: inline-block;
    position: absolute;
    background: padding-box text #0ecc7e;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    right: -0.4375rem;
    top: -0.375rem;
  }
}
@media (min-width: 90rem) and (min-width: 120rem) {
  #about-us .arrow-box-middle1,
  #about-us .arrow-box-middle2 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
    width: 2.1875rem;
  }
  #about-us .arrow-box-middle1::after,
  #about-us .arrow-box-middle2::after {
    right: -0.5rem;
    top: -0.3125rem;
  }
}
.progress-slider {
  margin-bottom: 5.625rem;
}
.progress-slider__slides {
  display: grid;
  grid-template-columns: repeat(5, 100%);
  margin-bottom: 1.5rem;
}
.progress-slider__slide {
  position: relative;
  transform-origin: center bottom;
  opacity: 0;
}
.progress-slider__slide.in {
  opacity: 1;
  animation: 350ms slide-in;
}
.progress-slider__slide.out {
  animation: 350ms slide-out;
}
.progress-slider__step {
  position: relative;
  width: 20%;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.progress-slider__step .top {
  visibility: hidden;
}
.progress-slider__step .bottom__dot {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.25rem;
  background: #e9e9e9;
  border-radius: 50%;
}
.progress-slider__step .bottom__dot:after,
.progress-slider__step .bottom__dot:before {
  content: "";
  position: absolute;
  left: 0.75rem;
  right: 0.25rem;
  width: calc(100% - pxToRem(16));
  height: 0.0625rem;
  pointer-events: none;
}
.progress-slider__step .bottom__dot:before {
  background: #e9e9e9;
}
.progress-slider__bullet.in .progress-slider__bullet-button,
.progress-slider__step .bottom__dot:after,
.progress-slider__step.in .bottom__dot{
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
}
.progress-slider__step .bottom__dot:after {
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 350ms ease-in-out;
}
.progress-slider__step.in .top {
  visibility: visible;
  animation: 350ms slide-in;
}
.progress-slider__bullets {
  display: none;
  justify-content: center;
  gap: 1.25rem;
}
.progress-slider__bullet {
  line-height: 1;
}
.progress-slider__bullet-button {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #ddd;
}
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(1rem) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(1rem);
  }
}
@keyframes top-in {
  from {
    opacity: 0;
    transform: translateY(-1.5rem) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes top-out {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-1.5rem) scale(0.99);
  }
}
/* .hero__container {
  max-width: 100%;
  padding: 0;
  position: relative;
}
.hero__inner-container .video__container {
  overflow: hidden;
  max-height: 38rem;
}
.hero__inner-container .video__small {
  width: 100%;
  min-height: 38rem;
}
.hero__inner-container img {
  display: none;
  height: 38rem;
  width: auto;
  max-width: initial;
  translate: -18.75rem 0;
}
.hero__text {
  position: absolute;
  top: 13.625rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
.hero__text h2 {
  max-width: 25rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  text-align: center;
  text-shadow: 0 7px 14px rgba(0, 0, 0, 0.5);
  padding: 0 0.875rem;
}

.hero__text h1 {
  max-width: 25rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  text-align: center;
  text-shadow: 0 7px 14px rgba(0, 0, 0, 0.5);
  padding: 0 0.875rem;
} */

.blue-section__left-wrapper,
.case-blue__brands-circle,
.case-content2__img1-wrapper,
.form__description,
.form__middle-line,
.ow-big-statement__img-desktop,
.sg-images__circle,
.sg-images__only-desktop,
.si-header__circle,
.st-header__circle {
  display: none;
}
/* .gallery {
  position: relative;
  margin: -2.875rem 0 3.125rem;
  padding: 1rem 0;
  min-height: 1.125rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.625rem;
  backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
}
.gallery__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  animation: 20s linear infinite scroll;
} */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/* .gallery__img {
  max-height: 17.5vw;
} */

.ebook__content,
.sg-image,
.si-images,
.st-image {
  position: relative;
  z-index: 2;
}
/* .big-statement__heading-wrapper {
  padding: 9.375rem 0;
}
.big-statement__heading {
  color: #102532;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}

.big-statement__bg-layer {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(115px);
}
.big-statement__bg-layer > img {
  max-width: 100%;
} */
.big-statement__bottom-text-2 {
  display: block;
  color: #fff;
}
.blue-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: -1.875rem;
  color: #fff;
  background-color: #102532;
  /* background-image: url("../assets/images/pages/home/big-statement-bg.png"); */
  background-image: url("../assets/images/pages/home/webp/big-statement-bg.webp");

  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}
.blue-section__top-line {
  position: absolute;
  top: 2.75rem;
  left: 31.25rem;
  width: 3.125rem;
}
.blue-section__bottom-line {
  width: 3.125rem;
}
.blue-section__inner-container {
  position: relative;
  padding-top: 4.4375rem;
}
.blue-section__left-text {
  color: transparent;
  font-size: 5rem;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-stroke: 0.0625rem rgba(255, 255, 255, 0.2);
  letter-spacing: -0.125rem;
}
#insights .featured__grid,
.blue-section__content-grid {
  display: grid;
}
.blue-section__images-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 2.5rem;
}
.blue-section__img2-wrapper {
  position: relative;
  z-index: 1;
  transform: translate(1.5rem, -2.5rem);
}
.blue-section__img2 {
  position: relative;
  z-index: 2;
  max-width: 110%;
}
.blue-section__content-wrapper {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -2.5rem;
}
.about-us .card-with-description__descriptions,
.blue-section__description,
.boxes__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.blue-section .text-section {
  margin-bottom: 23.75rem;
}
.blue-section .text-section__title {
  font-size: 1.125rem;
}
.blue-section .text-section__title .block {
  display: inline !important;
}
.blue-section__bottom-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}
.blue-section__bottom-title span {
  display: block;
}
.blue-section__top-shapes {
  position: relative;
  display: grid;
  padding: 1.5rem 0;
}
.blue-section__bottom-shapes {
  position: relative;
  display: grid;
}
.blue-section__bottom-description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 6.875rem;
}
.blue-section__bg-wrapper {
  margin-bottom: 6.875rem;
  position: absolute;
  bottom: 10%;
  z-index: -1;
}
.blue-section__bg-wrapper > img {
  max-width: 120%;
  position: relative;
  right: 2rem;
}
@media (min-width: 48rem) {
  #about-us .arrow-box2::after {
    bottom: 26.8125rem;
  }
  .progress-slider {
    margin: 9.375rem 0 7.5rem;
  }
  .progress-slider__bullets {
    display: none;
  }
  /* .hero {
    background: linear-gradient(245deg, #e3f6ee 0, #f1eef9 100%);
  }
  .hero__container {
    padding: 4.75rem 2rem;
    background: #f9f9f9;
    background: linear-gradient(0deg, #f9f9f9 33%, rgba(249, 249, 249, 0) 100%);
  }
  .hero__inner-container {
    position: relative;
  }
  .hero__inner-container .video__container {
    max-height: 40.9375rem;
  } */
  /* .blue-section__top-shapes,
  .hero__inner-container .video__small,
  .hero__inner-container img {
    display: none;
  }
  .hero__inner-container .video__large {
    display: block;
    width: 100%;
  }
  .hero__text {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    left: -2rem;
    bottom: -5.25rem;
    top: initial;
    width: 80%;
    padding: 1.5rem 1.5rem 1.5rem 1.875rem;
    border-radius: 0 0.625rem 0.625rem 0;
    flex-direction: column;
  }

  .hero__text h2 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    color: #102532;
    max-width: initial;
    text-align: left;
    padding: 0;
    text-shadow: none;
  }

  .hero__text h1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    color: #102532;
    max-width: initial;
    text-align: left;
    padding: 0;
    text-shadow: none;
  } */

  /* .hero__text__top-line {
    display: block;
    width: 3.125rem;
    margin: 1.5rem 0;
  }
  .hero__text p {
    display: block;
    color: #102532;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0rem);
  } */
  /* .gallery {
    margin: 1.875rem 0 5rem;
    padding: 0;
    background-color: #f9f9f9;
    border-radius: 0;
  }
  .gallery__img {
    max-height: 12vw;
  } */
  /* .big-statement__heading-wrapper {
    max-width: 80%;
    margin-left: auto;
    padding: 15rem 0;
    text-align: right;
  }
  .big-statement__bottom-texts,
  .big-statement__heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .big-statement__bg-layer {
    top: inherit;
    right: inherit;
    left: inherit;
    bottom: 50%;
    height: 20rem;
  } */
  .big-statement__bottom-texts,
  .big-statement__heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .blue-section {
    margin-top: -2.625rem;
  }
  .blue-section__top-line {
    top: 1.875rem;
    left: 23.75rem;
  }
  .blue-section__inner-container {
    padding: 8.75rem 0 0;
  }
  .blue-section__left-wrapper {
    display: block;
    position: absolute;
    left: -12rem;
    top: 6.25rem;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  .blue-section__content-grid {
    grid-template-columns: 40% 1fr;
  }
  .blue-section__img1-wrapper {
    transform: translateX(6.875rem);
  }
  .blue-section__img2-wrapper {
    transform: translateY(-3.75rem);
  }
  .blue-section__content-wrapper {
    margin-top: 0;
  }
  .blue-section__heading-1 {
    margin-left: -2rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
  }
  .blue-section__heading-2 {
    display: block;
    padding-left: 1.25rem;
  }
  .blue-section__description {
    padding-top: 1.25rem;
    padding-left: 4.5rem;
  }
  .blue-section .text-section {
    margin-bottom: inherit;
  }
  .blue-section__bottom-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
  }
  .blue-section__bottom-shapes {
    place-items: center;
  }
  .blue-section__bottom-description {
    margin-top: 3.125rem;
    margin-bottom: inherit;
  }
  .blue-section__bg-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.4);
    position: inherit;
  }
  .blue-section__bg-wrapper > img {
    max-width: inherit;
    right: inherit;
  }
}
@media (min-width: 64rem) {
  #about-us .arrow-box2::after {
    bottom: 26rem;
  }
  /* .hero__text {
    left: -3.75rem;
    bottom: -5.25rem;
    width: 52.8125rem;
    padding: 3rem 3rem 3rem 3.75rem;
  }
  .hero__text h2 {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    color: #102532;
    max-width: initial;
    text-align: left;
    padding: 0;
  }

  .hero__text h1 {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    color: #102532;
    max-width: initial;
    text-align: left;
    padding: 0;
  }

  .hero__text__top-line {
    display: block;
    width: 3.125rem;
    margin: 1.5rem 0;
  }
  .hero__text p {
    display: block;
    color: #102532;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0rem);
  } */
  /* .gallery {
    margin: 8.75rem 0 12.5rem;
  } */
  /* .big-statement__heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    transform: translate(0, 3.125rem);
  }

  .big-statement__bg-layer {
    display: flex;
    justify-content: center;
  }
  .big-statement__bg-layer > img {
    max-width: inherit;
    transform: inherit;
  } */
  .big-statement__bottom-texts {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  .blue-section {
    margin-top: -3.75rem;
  }
  .blue-section__top-line {
    top: 2.75rem;
    left: 31.25rem;
  }
  .blue-section__img2-wrapper {
    transform: translateY(-11.25rem);
  }
  .blue-section__heading-1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    transform: translateY(-6.25rem);
  }
  .blue-section__heading-2 {
    padding-left: 2.5rem;
  }
  .blue-section__description {
    transform: translateY(-6.25rem);
  }
  .blue-section .text-section {
    margin-top: -7.5rem;
  }
  .blue-section .text-section__grid {
    grid-template-columns: auto 16.25rem auto;
  }
  .blue-section__bottom-title {
    font-weight: 700;
    line-height: 2.625rem;
    font-size: 2rem;
  }
  .blue-section__bg-wrapper {
    transform: scale(0.85);
  }
}
@media (min-width: 120rem) {
  html {
    font-size: 1vw;
  }
  .case__content-wrapper {
    display: flex;
    align-items: center;
  }
  .case__content-grid {
    transform: translate(0, 2rem);
  }
  .case__text {
    font-size: 0.885rem;
  }
  .single-header {
    padding-top: 14rem;
    padding-bottom: 4rem;
    background-position: center 200%;
  }
  .card-position__icon-wrapper {
    max-width: 4.5rem;
  }
  #about-us .arrow-box2 .arrow-middle2,
  .card-position__icon-wrapper > img {
    width: 100%;
  }
  .text-section__description {
    margin-top: 4rem;
  }
  .card-with-description__item-img-radius {
    width: 33vw;
  }
  #case-blue-with-4-cirlce-shapes
    .case-blue__column2
    .round-brand__round
    > img {
    width: 75%;
  }
  #about-us .text-graph.middle {
    left: 50%;
  }
  #about-us .arrow-big1 {
    width: 41.875rem;
  }
  /* .hero__inner-container .video__container {
    max-height: 37.5rem;
  } */
  /* .big-statement__heading-wrapper {
    padding: 9rem 0 15rem;
  } */
  .blue-section__img2-wrapper {
    transform: translateY(0);
    margin-top: -11.25rem;
  }
  .blue-section__heading-1 {
    font-size: 2.125rem;
    line-height: 3rem;
    margin-left: 0;
    transform: translateY(-2.5rem);
  }
  .blue-section__heading-2 {
    margin-top: 0;
    padding-left: 2rem;
  }
  .blue-section__description {
    transform: translateY(-2.5rem);
  }
  .blue-section .text-section,
  .blue-section .text-section__description {
    margin-top: 0;
  }
  .blue-section__bg-wrapper {
    align-items: flex-end;
    margin-bottom: 12vw;
    transform: scale(1.4);
  }
}
.testimonials {
  padding-bottom: 5rem;
  overflow-x: hidden;
}
/* .testimonials__home .testimonial__blockquote {
  min-height: 9rem;
} */
/* @media (min-width: 25.875rem) {
  .testimonials__home .testimonial__blockquote {
    min-height: 10.5rem;
  }
} */
/* .testimonials__home .testimonial__logo-wrapper {
  display: flex;
  align-items: flex-end;
  min-height: 2.5rem;
} */
/* .cards-section .container {
  position: relative;
  z-index: 10;
}
.cards-section .container__shape {
  transform: translate(0, 1000px);
}
.cards-section__bg-layer {
  position: absolute;
  inset: 0;
  z-index: -1;
  top: 0;
  display: flex;
  text-align: center;
  transform: translateY(3.75rem);
}
.cards-section__bg-wrapper {
  position: absolute;
  transform: translate(0, 1.125rem);
}
.cards-section__bg-wrapper > img {
  max-width: 85%;
  margin: 0 auto;
} */
@media (min-width: 48rem) {
  /* .testimonials__home .testimonial__blockquote {
    min-height: 5.25rem;
  } */
  /* .cards-section {
    padding: 5rem 0;
  }
  .cards-section__bg-layer {
    transform: translateY(-10%);
    align-items: center;
  }
  .cards-section__bg-wrapper {
    left: -8%;
    top: 38%;
  }
  .cards-section__bg-wrapper > img {
    max-width: inherit;
  } */
}
@media (min-width: 90rem) {
  .cards-section__bg-wrapper {
    top: 32%;
    left: -18%;
  }
}
@media (min-width: 120rem) {
  /* .cards-section__bg-wrapper {
    left: -5vw;
    top: 35%;
  }
  .cards-section__bg-wrapper > img {
    width: 85vw;
  } */
}
/* .cards-section__grid {
  display: grid;
  gap: 3.75rem;
  grid-template-columns: repeat(1, 1fr);
} */
#about-us .unique .text-section__title,
#case-vas .case-image2,
.about-us .text-section__grid .text-section__description-rigth p,
.case-content3 .text-section__description-rigth p {
  margin-bottom: 2rem;
}
/* .cards-section__title-wrapper > h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: #102532;
}
.cards-section__shape-wrapper {
  position: relative;
  max-width: 3.125rem;
  margin-bottom: 2rem;
}
.cards-section__description-wrapper {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #444;
  max-width: 3pxToRem 60;
  margin-bottom: 1.5rem;
}
.cards-section__right {
  display: grid;
  justify-content: center;
  gap: 3rem;
}
.cards-section__left {
  margin-bottom: 2.25rem;
} */
/* .we-are-ms {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.we-are-ms > .container {
  max-width: 83rem;
  position: relative;
}
.we-are-ms__content-grid {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  padding: 7.5rem 0 0;
}
.we-are-ms__images-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -1.875rem;
}
.we-are-ms__mobile-heading {
  position: relative;
  display: block;
  z-index: 1;
}
.we-are-ms__shape-container-0,
.we-are-ms__shape-container-1 {
  display: none;
  position: absolute;
  z-index: 1;
  top: -0.9375rem;
  left: -0.9375rem;
  width: 1.875rem;
  height: 1.875rem;
  will-change: transform;
  transform: translateX(15.14%) translateY(6.42639%);
}
.we-are-ms__shape-container-0 > .shape,
.we-are-ms__shape-container-1 > .shape {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  border-radius: 50%;
}
.we-are-ms__shape-container-0 {
  display: block;
}
.we-are-ms__img1 {
  max-width: 18.25rem;
}
.we-are-ms__img2 {
  position: relative;
  transform: translate(3.125rem, -4.375rem);
  max-width: 17.1875rem;
}
.we-are-ms__content-wrapper {
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin-top: -9.375rem;
}
.we-are-ms__mob-text {
  position: relative;
  font-size: 2.25rem;
  font-weight: 700;
  text-align: center;
  line-height: 3rem;
} */
/* @media (min-width: 25.875rem) {
  .we-are-ms__images-wrapper {
    margin-top: -2.5rem;
  }
  .we-are-ms__img1 {
    max-width: 35rem;
    width: 100%;
  }
  .we-are-ms__img2 {
    max-width: 34.375rem;
    transform: translate(5rem, -4.375rem);
    width: 100%;
  }
  .we-are-ms__content-wrapper {
    margin-top: -11.875rem;
  }
  .we-are-ms__mob-text {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    margin-bottom: 1rem;
  }
} */
/* .we-are-ms__heading {
  display: none;
  color: #102532;
  margin-bottom: 3.125rem;
} */
@media (min-width: 48rem) {
  /* .cards-section__grid {
    grid-template-columns: 1fr 23.125rem;
  }
  .cards-section__title-wrapper > h2 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .cards-section__right {
    gap: 4.375rem;
  }
  .cards-section__left {
    margin-bottom: 0;
    height: 44.375rem;
  } */
 
  /* .we-are-ms__content-grid {
    grid-template-columns: calc(50% - 12px) calc(50% - 12px);
    gap: 1.5rem;
  }
  .we-are-ms__images-wrapper {
    display: block;
    z-index: 1;
    margin-top: 0;
  }
  .we-are-ms__mob-text,
  .we-are-ms__mobile-heading,
  .we-are-ms__shape-container-0 {
    display: none;
  }
  .we-are-ms__shape-container-0,
  .we-are-ms__shape-container-1 {
    display: block;
  }
  .we-are-ms__img2 {
    top: -10%;
  }
  .we-are-ms__content-wrapper {
    margin-top: initial;
    margin-left: 3.125rem;
  }
  .we-are-ms__heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    display: block;
    transform: translateX(-3.75rem);
  } */
}
@media (min-width: 64rem) {
  /* .cards-section {
    padding: 12.5rem 0;
  }
  .cards-section__title-wrapper > h2 {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  } */
  /* .we-are-ms__content-grid {
    grid-template-columns: calc(50% - 40px) calc(50% - 40px);
    gap: 5rem;
  }
  .we-are-ms__content-wrapper {
    margin-left: 0;
  }
  .we-are-ms__heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    white-space: nowrap;
  } */
}
@media (min-width: 80rem) {
  #about-us .arrow-box2::after {
    transform: rotate(360deg);
    bottom: -0.9375rem;
    right: -0.3125rem;
  }
  .progress-slider {
    margin: 11.25rem 0 7.5rem;
  }
  .progress-slider__slide video {
    margin: 0 auto;
  }
  /* .gallery__img {
    max-height: 8vw;
  } */
  /* .big-statement__heading {
    padding-left: 5.625rem;
    padding-top: 4.375rem;
    transform: translateY(2rem);
  } */
  .blue-section .text-section__title {
    font-size: 2.25rem;
    line-height: 1.3;
  }
  .blue-section .text-section__title .block {
    display: block !important;
  }
  /* .we-are-ms__img2 {
    top: -16%;
    right: -10%;
  }
  .we-are-ms__content-wrapper {
    justify-content: flex-start;
    margin-top: 5rem;
  }
  .we-are-ms__heading {
    font-size: 4.875rem;
    font-weight: 700;
    line-height: 5.625rem;
    text-shadow: 0 3.125rem 3.75rem rgba(0, 0, 0, 0.1);
    transform: initial;
  }
  .we-are-ms__content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  } */
}
/* .we-are-ms__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  padding: 4.25rem 1.25rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.625rem;
  box-shadow: 0 3.125rem 3.75rem rgba(0, 0, 0, 0.1);
  margin-bottom: 3.75rem;
} */
.case-image1__value {
  text-align: center;
}
/* .we-are-ms__grid-value {
  color: transparent;
  font-size: 1.875rem;
  font-weight: 700;
  background-image: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  background-clip: text;
  -webkit-background-clip: text;
}
.we-are-ms__grid-label {
  display: block;
  color: #102532;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
}
.we-are-ms__description {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #102532;
  margin-bottom: 3.875rem;
} */
#header #our-work-nav.navigation__wrapper .grid__link-item > a,
.our-work .case__badge {
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: 700;
}
/* .we-are-ms__shape-container-2 {
  top: -2.375rem;
  width: 3.125rem;
  height: 0.25rem;
}
.we-are-ms__shape-container-3,
.we-are-ms__shape-container-3-shadow {
  width: 8.125rem;
  height: 8.125rem;
  position: absolute;
  will-change: transform;
}
.we-are-ms__shape-container-2 > .shape {
  width: 100%;
  height: 0.25rem;
  border-radius: 0.625rem;
}
.we-are-ms__shape-container-2 > .shape::after {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  margin-left: auto;
  margin-right: -0.5rem;
  border-radius: 0.625rem;
}
.we-are-ms__right-arrow {
  color: #9273f4;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.we-are-ms__shape-container-3-shadow {
  display: none;
  top: 6.875rem;
  right: -2.5rem;
  transform: translateX(14.15%) translateY(5.86%);
}
.we-are-ms__shape-container-3-shadow > .shape-shadow {
  width: 80%;
  height: 80%;
  background-image: url(../assets/svgs/shape-diamond.svg);
  background-repeat: no-repeat;
  opacity: 0.2;
  filter: blur(0.375rem) brightness(0);
}
.we-are-ms__shape-container-3 {
  display: none;
  top: 5rem;
  right: -2.5rem;
  transform: translateX(15.41%) translateY(6.85%);
}
.we-are-ms__shape-container-3 > .shape {
  width: 80%;
  height: 80%;
  background-image: url("../assets/svgs/shape-diamond.svg");
  background-repeat: no-repeat;
}
.we-are-ms__background-text {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 1.75rem;
}
.we-are-ms__background-text > img {
  max-width: 55%;
} */
/* @media (min-width: 48rem) {
  .we-are-ms__grid {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 5rem;
    padding: 1.25rem;
    gap: 1rem;
    background-color: #fff;
  }
  .we-are-ms__grid-value {
    font-weight: 900;
    font-size: 1.5rem;
  }
  .we-are-ms__shape-container-3-shadow {
    display: block;
    right: 2.5rem;
  }
  .we-are-ms__shape-container-3 {
    right: 1.5rem;
    display: block;
  }
  .we-are-ms__background-text {
    display: block;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .we-are-ms__background-text > img {
    max-width: inherit;
  }
} */
/* @media (min-width: 80rem) {
  .we-are-ms__grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .we-are-ms__background-text {
    transform: translate(-50%, -5%);
  }
} */
/* @media (min-width: 120rem) {
  .we-are-ms__background-text {
    transform: translate(-50%, -15%);
  }
  .we-are-ms__background-text > img {
    max-width: 125%;
  }
} */
.get-in-touch {
  position: relative;
  overflow: hidden;
  padding: 12.1875rem 0 21.6875rem;
  /* background-image: url("../assets/images/pages/home/get-in-touch-bg.png"); */
  background-image: url("../assets/images/pages/home/webp/get-in-touch-bg.webp");

  background-repeat: no-repeat;
  background-position: 10% center;
  background-size: 400%;
}
@media (min-width: 25.875rem) {
  /* .we-are-ms__description {
    margin-bottom: 5rem;
  }
  .we-are-ms__right-arrow {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 700;
  } */
  .get-in-touch {
    padding: 20rem 1.875rem;
  }
}
.get-in-touch__container {
  position: relative;
  z-index: 2;
  text-align: center;
}
.get-in-touch__text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: #102532;
  max-width: 47.5rem;
  margin: 1.9375rem 0.875rem;
}
@media (min-width: 48rem) {
  .get-in-touch {
    margin-top: -3.75rem;
    padding: 16.25rem 0;
    background-size: 100%;
    background-position: 10% 60%;
  }
  .get-in-touch__text {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    max-width: 74%;
    margin: 1.9375rem auto;
  }
}
@media (min-width: 64rem) {
  /* .we-are-ms__grid {
    padding: 1.25rem 2.5rem;
    gap: 1.5rem;
  }
  .we-are-ms__grid-label {
    font-size: 0.75rem;
  }
  .we-are-ms__description {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
  }
  .we-are-ms__shape-container-3-shadow > .shape-shadow,
  .we-are-ms__shape-container-3 > .shape {
    width: 100%;
    height: 100%;
  } */
  .get-in-touch {
    padding: 12.5rem 0 20rem;
    z-index: 1;
  }
  .get-in-touch__text {
    max-width: 47.5rem;
    margin: 0 auto 2.5rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  /* .parallax__home-hero-circle {
    display: block;
    position: absolute;
    top: 3.75rem;
    right: -2.5rem;
    width: 5.125rem;
    height: 5.125rem;
  } */
}
.get-in-touch__middle-line {
  display: none;
  align-items: center;
  width: 3.125rem;
  margin: 0 1rem;
  transform: translateY(-0.625rem);
}
.get-in-touch__shape-after,
.get-in-touch__shape-after::after {
  width: 100%;
  background-image: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  height: 0.25rem;
}
.get-in-touch__shape-after::after {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  margin-left: auto;
  margin-right: -0.5rem;
}
.get-in-touch__bg-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 33%;
  left: 0;
  right: 0;
  z-index: 1;
}
.get-in-touch__bg-text > img {
  max-width: 100%;
  transform: scale(0.85);
}
@media (min-width: 48rem) {
  .get-in-touch__middle-line {
    display: inline-flex;
  }
  .get-in-touch__bg-text > img {
    transform: scale(0.5);
    max-width: inherit;
  }
  .get-in-touch__bg-text {
    top: 30%;
    z-index: 1;
  }
}
@media (min-width: 48rem) and (min-width: 120rem) {
  .get-in-touch__bg-text > img {
    width: 100%;
  }
}
@media (min-width: 80rem) {
  .get-in-touch {
    margin-top: -3.75rem;
    padding: 20rem 0;
  }
  .get-in-touch__bg-text > img {
    transform: inherit;
  }
  .get-in-touch__bg-text {
    top: 48%;
  }
}
@media (min-width: 90rem) {
  .get-in-touch__bg-text {
    top: 46%;
  }
}
/* .testimonials__home {
  position: relative;
  z-index: 3;
  margin-top: -17.5rem;
} */
/* .parallax__home-hero-square {
  display: none;
  position: absolute;
  top: 3.75rem;
  right: -3.75rem;
  width: 7.5rem;
  height: 7.5rem;
} */
/* @media (min-width: 64rem) {
  .parallax__home-hero-square {
    width: 12.5rem;
    height: 12.5rem;
    top: 5rem;
    right: -5rem;
  }
} */
@media (min-width: 120rem) {
  .get-in-touch__bg-text {
    top: 47%;
  }
  /* .parallax__home-hero-square {
    top: 6rem;
    right: -11rem;
  } */
  /* .parallax__home-hero-square .shape--stripes:after {
    top: -30%;
    left: -45%;
  } */
}
/* .parallax__home-hero-square .shape--stripes:after {
  transform: rotate(45deg);
}
.parallax__home-big-statement-circle-gradient {
  position: absolute;
  top: 4.375rem;
  left: 1.875rem;
  width: 3.25rem;
  height: 3.25rem;
}
.parallax__home-big-statement-circle-shadow {
  display: none;
  position: absolute;
  top: 1.5rem;
  width: 6.25rem;
  height: 6.25rem;
}
.parallax__home-big-statement-circle-shadow .shape {
  opacity: 0.2;
  filter: brightness(0.25) blur(0.375rem);
}
.parallax__home-big-statement-circle-gradient .shape--stripes:after,
.parallax__home-big-statement-circle-shadow .shape--stripes:after {
  transform: rotate(-45deg);
}
.parallax__home-big-statement-diamond {
  position: absolute;
  bottom: 7.5rem;
  right: 0;
  width: 3.75rem;
  height: 3.75rem;
} */
/* .parallax__home-big-statement-diamond .shape {
  filter: blur(0.375rem);
}
.parallax__home-blue-section-circle-1 {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: -1.5rem;
  width: 3.125rem;
  height: 3.125rem;
}
.parallax__home-blue-section-circle-2 {
  position: absolute;
  top: -1.9375rem;
  right: -1.9375rem;
  z-index: 1;
  width: 3.875rem;
  height: 3.875rem;
}
.parallax__home-blue-section-circle-2-shadow {
  display: none;
  position: absolute;
  bottom: 5.625rem;
  right: -2.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.parallax__home-blue-section-circle-2-shadow .shape {
  opacity: 0.2;
  filter: blur(0.375rem);
}
.parallax__home-testimonials-diamond {
  position: absolute;
  z-index: 1;
  top: -3.75rem;
  right: -1.875rem;
  width: 6.25rem;
  height: 6.25rem;
}
.parallax__home-testimonials-diamond-shadow {
  position: absolute;
  width: 6.25rem;
  height: 6.25rem;
  z-index: 1;
  top: -1.875rem;
  right: -1.875rem;
} */
/* @media (min-width: 25.875rem) {
  .parallax__home-testimonials-diamond {
    right: 0.875rem;
  }
  .parallax__home-testimonials-diamond-shadow {
    right: 0.375rem;
  }
} */
/* @media (min-width: 48rem) {
  .parallax__home-big-statement-circle-shadow,
  .parallax__home-hero-square {
    display: block;
  }
  .parallax__home-big-statement-circle-gradient {
    top: 0;
    width: 6.25rem;
    height: 6.25rem;
  }
  .parallax__home-big-statement-diamond {
    bottom: 10rem;
    right: -3.75rem;
    width: 7.5rem;
    height: 7.5rem;
  }
  .parallax__home-blue-section-circle-2 {
    width: 5.75rem;
    height: 5.75rem;
    top: initial;
    bottom: 6.25rem;
    right: -2.5rem;
  }
  .parallax__home-blue-section-circle-2-shadow {
    display: block;
  }
  .parallax__home-testimonials-diamond {
    top: -5.625rem;
    right: 25rem;
  }
  .parallax__home-testimonials-diamond-shadow {
    top: -3.125rem;
    right: 24.5rem;
  }
} */
/* .parallax__home-testimonials-diamond-shadow .shape.shadow {
  opacity: 0.2;
  filter: brightness(0) blur(0.25rem);
} */
.parallax__our-work-blue-section-circle-1 {
  display: none;
  position: absolute;
  z-index: 1;
  width: 1.875rem;
  height: 1.875rem;
  filter: blur(0.5rem);
  top: 15%;
  right: 15%;
}
@media (min-width: 80rem) {
  /* .parallax__home-blue-section-circle-2 {
    top: 5rem;
  }
  .parallax__home-blue-section-circle-2-shadow {
    top: 10rem;
  } */
  .parallax__our-work-blue-section-circle-1 {
    top: 22%;
    right: 25%;
  }
}
@media (min-width: 100rem) {
  .progress-slider {
    margin: 11.25rem 0;
  }
  .parallax__our-work-blue-section-circle-1 {
    top: 22vw;
  }
}
.parallax__our-work-big-statement-diamond,
.parallax__our-work-big-statement-diamond-shadow {
  position: absolute;
  margin-bottom: 2.75rem;
  width: 3.25rem;
  height: 5.0625rem;
}
@media (min-width: 48rem) {
  .parallax__our-work-big-statement-diamond,
  .parallax__our-work-big-statement-diamond-shadow {
    width: 7.5rem;
    height: 7.5rem;
    right: 8rem;
  }
}
@media (min-width: 64rem) {
  /* .parallax__home-big-statement-circle-gradient,
  .parallax__home-big-statement-circle-shadow {
    width: 8.125rem;
    height: 8.125rem;
  }
  .parallax__home-big-statement-diamond {
    bottom: 12.5rem;
    right: -6.25rem;
  } */
  .parallax__our-work-blue-section-circle-1 {
    display: block;
  }
  .parallax__our-work-big-statement-diamond,
  .parallax__our-work-big-statement-diamond-shadow {
    right: 1rem;
    bottom: 5rem;
  }
}
.parallax__our-work-big-statement-diamond {
  transform: rotateY(180deg);
  bottom: 0;
  right: 2rem;
}
.parallax__our-work-big-statement-diamond-shadow {
  bottom: -1.25rem;
  right: 1rem;
}
@media (min-width: 48rem) {
  .parallax__our-work-big-statement-diamond-shadow {
    right: 0.5rem;
    bottom: -2.25rem;
  }
}
.parallax__our-work-big-statement-diamond-shadow .shape.shadow {
  opacity: 0.1;
  filter: brightness(0) blur(0.25rem);
}
.parallax__our-work-works-circle {
  display: none;
  position: absolute;
  z-index: 1;
  width: 1.875rem;
  height: 1.875rem;
  filter: blur(0.5rem);
  top: 45%;
  left: 10%;
}
@media (min-width: 64rem) {
  .parallax__our-work-big-statement-diamond-shadow {
    right: 0;
  }
  .parallax__our-work-works-circle {
    display: block;
    z-index: -1;
  }
  .parallax__our-work-header {
    display: none;
    z-index: 1;
    filter: blur(0.5rem);
    width: 1.875rem;
    height: 1.875rem;
    top: 13.3125rem;
    right: 6.25rem;
    position: absolute;
  }
}
@media (min-width: 64rem) and (min-width: 64rem) {
  .parallax__our-work-header {
    display: block;
  }
}
.our-work .case__badge {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  border-radius: 0.3125rem;
  color: #fff;
  padding: 0.5rem 1.5rem;
  margin: 1.375rem auto;
  display: block;
  max-width: 7.1875rem;
}
#header #about-nav.navigation__wrapper,
#header #careers-nav.navigation__wrapper,
#header #insights-nav.navigation__wrapper,
#header #our-work-nav.navigation__wrapper {
  padding: 4.5rem 0 1.6875rem;
}
#header #our-work-nav.navigation__wrapper .grid {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 4fr 2fr 2fr 2fr 2fr;
  grid-gap: 1.25rem;
}
#header #our-work-nav.navigation__wrapper .grid__texts {
  padding-top: 5rem;
  color: #102532;
}
#header #our-work-nav.navigation__wrapper .grid__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.625rem;
}
#header #our-work-nav.navigation__wrapper .grid__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto 0;
  border-radius: 0.625rem;
  background-color: #fff;
  box-shadow: 0 3.125rem 3.75rem rgba(6, 6, 6, 0.1);
  transition: 0.3s ease-in-out;
  padding: 1.25rem;
  text-decoration: none;
  max-height: 11.25rem;
}
#header #careers-nav.navigation__wrapper .grid__link,
#header #our-work-nav.navigation__wrapper .grid__link {
  padding-left: 2rem;
}
#header #our-work-nav.navigation__wrapper .grid__box:hover {
  box-shadow: 0 1.5625rem 1.875rem rgba(6, 6, 6, 0.1);
  transition: 0.3s ease-in-out;
}
#header #our-work-nav.navigation__wrapper .grid__box > img,
#insights .blog__text,
#insights .blog__title,
.case-content1__text,
.st-blue__content {
  margin-bottom: 1.5rem;
}
#header #our-work-nav.navigation__wrapper .grid__box:last-child {
  padding-top: 1.75rem;
}
#header #our-work-nav.navigation__wrapper .grid__box-text {
  line-height: 1.125rem;
  color: #102532;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
#header #our-work-nav.navigation__wrapper .grid__box-badge {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.625rem;
  font-weight: 900;
}
#header #our-work-nav.navigation__wrapper .grid__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1rem 0;
}
#header #our-work-nav.navigation__wrapper .grid__images img {
  margin-left: auto;
}
#header #our-work-nav.navigation__wrapper .grid__link-item:first-child {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #0ecc7e;
}
#header #our-work-nav.navigation__wrapper .grid__link-item:not(:first-child) {
  background: linear-gradient(135deg, #1edd8e 0, #53c0d2 49%, #102532 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 210% 100%;
  background-position: 100%;
  transition: background-position 0.5s ease-in-out;
  padding: 0.8125rem 0;
  border-bottom: 0.0625rem solid #d8d8d8;
}
#header
  #our-work-nav.navigation__wrapper
  .grid__link-item:not(:first-child):hover {
  background-position: 0 105%;
  transition: background-position 0.5s ease-in-out;
}
#header #our-work-nav.navigation__wrapper .grid__link-item > a {
  text-decoration: none;
  color: #102532;
  text-transform: capitalize;
}
@media (min-width: 48rem) {
  .our-work .case__badge {
    display: inline;
    margin: 0 0 0 1rem;
    vertical-align: middle;
  }
  .our-work .case__button {
    transform: translateY(-3.75rem);
  }
  .ow-big-statement {
    /* background-image: url("../assets/images/pages/our-work/Our.Work.png"); */
    background-image: url("../assets/images/pages/our-work/webp/Our.Work.webp");
    background-size: 115%;
    background-position: center 40%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 64rem) {
  .our-work .case__button {
    transform: translateY(-6.5625rem);
  }
  .ow-big-statement {
    background-position: center;
    padding: 0 1.5rem;
  }
}
@media (min-width: 80rem) {
  .ow-big-statement {
    background-position: center -20%;
  }
}
.ow-big-statement__container {
  position: relative;
  max-width: 72.5rem;
  /* background: url("../assets/images/pages/our-work/M.Our.Work.png") center 100%/145%
    no-repeat; */
  background: url("../assets/images/pages/our-work/webp/M.Our.Work.webp") center
    100%/145% no-repeat;
  display: flex;
  align-items: center;
  margin: 5.625rem auto 3.4375rem;
  height: 24.375rem;
  padding-bottom: 0 0 7.8125rem 0;
}
.ow-big-statement__heading {
  padding: 10rem 3rem;
  text-align: center;
  color: #102532;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}
@media (min-width: 25.875rem) {
  .ow-big-statement__container {
    background-size: contain;
  }
  .ow-big-statement__heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 5rem;
  }
  .works__list {
    align-items: center;
  }
}
.ow-big-statement__bg-layer {
  position: absolute;
  z-index: -1;
  filter: invert(1);
}
/* .form-map, */
.works,
.works__item {
  position: relative;
}
.ow-big-statement__img-mobile {
  max-width: 100%;
  position: relative;
}
@media (min-width: 48rem) {
  .ow-big-statement__container {
    margin-top: 3.75rem;
    background-image: none;
  }
  .ow-big-statement__heading {
    max-width: 70%;
    padding: 15rem 0;
    text-align: left;
    margin: 0 auto;
  }
  .ow-big-statement__bg-layer {
    top: 5%;
    left: -8%;
    width: 116%;
  }
  .ow-big-statement__img-mobile {
    display: none;
  }
  .ow-big-statement__img-desktop {
    display: block;
  }
}
.works {
  z-index: 5;
}
@media (min-width: 64rem) {
  .ow-big-statement__heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    text-align: inherit;
    margin: 0;
  }
  .works {
    margin: -9.375rem 1.5rem 11.375rem;
  }
}
@media (min-width: 80rem) {
  .ow-big-statement__container {
    margin-top: 6.25rem;
    margin-bottom: 6.875rem;
  }
  .works {
    margin-bottom: 15.625rem;
  }
}
@media (min-width: 90rem) {
  .ow-big-statement {
    background-position: center 10%;
  }
  .works {
    margin-bottom: 21.875rem;
  }
}
@media (min-width: 100rem) {
  .ow-big-statement {
    background-position: center 20%;
  }
  .works {
    margin-bottom: 25rem;
  }
}
@media (min-width: 64rem) {
  .works__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: inherit;
    max-width: 72.5rem;
    margin: 0 auto;
  }
  .works__item:nth-child(2n) {
    margin-top: 14.4375rem;
  }
}
@media (min-width: 80rem) {
  .works__list {
    gap: 10vw 0;
  }
}
@media (min-width: 100rem) {
  .works__list {
    gap: 12vw 0;
  }
}
.works__item {
  text-decoration: none;
}
.works__item:hover .works__wrapper {
  transform: translateY(-1.25rem);
}
@media (min-width: 120rem) {
  .parallax__our-work-works-circle {
    left: 5%;
  }
  .parallax__our-work-header {
    top: 11.5625rem;
  }
  .works {
    margin-bottom: 15.625rem;
  }
  .works__list {
    gap: 8vw 0;
  }
  .works__item {
    margin-bottom: 8.125rem;
  }
  .works .card-with-description__item-description {
    bottom: -25%;
  }
}
.works .card-with-description__wrapper > #Vas {
  transform: scale(1.25) translateY(40px);
}
/* .form-map {
  display: flex;
  flex-direction: column;
  margin: 3.125rem 0.5rem 0;
}
.parallax__form-map-diamond {
  top: 5.0625rem;
  right: -2rem;
  height: 4.6875rem;
  width: 3rem;
  position: absolute;
  filter: blur(8px);
  z-index: 1;
} */
@media (min-width: 25.875rem) {
  .works__item {
    max-width: 75%;
  }
  /* .parallax__form-map-diamond {
    top: 2rem;
    right: -1.5rem;
  } */
}
/* @media (min-width: 80rem) {
  .parallax__form-map-diamond {
    top: 5rem;
    right: -2rem;
  }
} */
/* .parallax__form-map-diamond-shadow {
  display: none;
  height: 4.6875rem;
  width: 3rem;
  top: 4rem;
  right: -1rem;
  position: absolute;
  z-index: 1;
  filter: blur(8px);
}
.parallax__form-map-diamond-shadow .shape.shadow {
  opacity: 0.1;
  filter: brightness(0);
} */
.ebook__button-link:hover:before,
.form__btn:hover:before {
  opacity: 1;
}
#case-vas .case-statement .text-section__title span,
.si-blue__title span,
.st-blue__content .sg__title span {
  display: block;
}
#remote-legal .case-content1 .card,
.sg-image__image {
  min-height: 12.8125rem;
}
#case-enforcenet .case-float-images,
#case-vas
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__desktop,
#opya
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__desktop,
#remote-legal
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__desktop {
  position: relative;
  z-index: 5;
}

/* @media (min-width: 80rem) {
  .parallax__form-map-diamond-shadow {
    top: 6.75rem;
    right: -1rem;
  }
} */
/* @media (min-width: 90rem) {
  .parallax__form-map-diamond {
    top: 6.25rem;
    right: -5rem;
  }
  .parallax__form-map-diamond-shadow {
    top: 8rem;
    right: -4rem;
  }
} */
/* .form {
  margin-top: 3.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form__label {
  text-transform: uppercase;
  font-family: "Red Hat Display";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3125rem;
  text-align: center;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.form__input,
.form__msg {
  background-color: transparent;
}
.form__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  text-align: center;
  margin-top: 1.375rem;
  color: #102532;
}
.form__form-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-width: 31.25rem;
  margin-top: 4.375rem;
  position: relative;
}
.form__btn,
.form__form-container > label {
  margin-top: 1.875rem;
  line-height: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.form__form-container > label {
  margin-bottom: 0.625rem;
}
.form__input,
.form__msg {
  width: 100%;
  outline: 0;
  padding-bottom: 0.1875rem;
  border-bottom: 0.0625rem solid #000;
}
.form__input::placeholder {
  color: #a0a0a0;
}
.form__msg {
  border: none;
  min-height: 10.625rem;
  resize: none;
  border-bottom: 0.0625rem solid #000;
}
.form__btn,
.form__helpertext::after {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  width: 100%;
}
.form__msg::placeholder {
  color: #a0a0a0;
} */
/* 
.form__helpertext {
  position: absolute;
  transition: width 0.35s;
  width: 100%;
}
.form__helpertext::after {
  content: "";
  height: 0.1875rem;
  position: absolute;
  top: -0.0625rem;
  left: 0;
  border-radius: 0.625rem;
  will-change: transform;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 0.35s, transform 0.35s;
}
.form__btn {
  position: relative;
  overflow: hidden;
  padding: 1.125rem 0;
  border-radius: 1.5625rem;
  box-shadow: 0 1.375rem 1.8125rem 0 rgba(184, 184, 184, 0.5);
  color: #fff;
  transition: box-shadow 0.35s;
}
.form__form-success,
.map__zone-description {
  box-shadow: 0 3.125rem 3.75rem 0 rgba(6, 6, 6, 0.1);
  flex-direction: column;
  display: flex;
}
.form__btn[disabled] {
  background: #a0a0a0;
  cursor: not-allowed;
}
.form__btn:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  transition: opacity 0.35s;
}
#case-enforcenet .case-float-images,
#case-vas
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__desktop,
#opya
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__desktop,
#remote-legal
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__desktop,
.form__btn span {
  position: relative;
  z-index: 5;
}
.form__form-success {
  width: 100%;
  max-width: 31.25rem;
  margin-top: 4.375rem;
  animation: 550ms forwards slide-up;
  padding: 1.875rem 1.5rem 3.125rem;
  background-color: rgba(255, 255, 255, 0.7);
  align-items: center;
}
.form__success-icon {
  max-width: 7.1875rem;
}
.form__title-success {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: #102532;
  text-shadow: 0 3.125rem 3.75rem 0 rgba(6, 6, 6, 0.1);
}
.form__description-success {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: center;
  margin-top: 1.5rem;
  color: #444;
}
.form__home-link {
  margin-top: 1.75rem;
}
.form__input-container.msg > .form__helpertext {
  bottom: 0.5rem;
  position: relative;
}
.form .show-text,
.form__input-container > input:not(:focus):not(:placeholder-shown):invalid {
  border-color: #ff5551;
}
.form__input-container > input.show-text + .form__helpertext,
.form__input-container
  > input:not(:focus):not(:placeholder-shown):invalid
  + .form__helpertext {
  color: red;
}
.form__input-container > input.show-text + .form__helpertext::after,
.form__input-container
  > input:not(:focus):not(:placeholder-shown):invalid
  + .form__helpertext::after {
  content: attr(data-error);
  display: contents;
  border-color: #ff5551;
  color: #ff5551;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.375rem;
  transform: scaleX(1);
  background: 0 0;
}

.map {
  position: relative;
  margin-top: 5.9375rem;
  width: 25.9375rem;
  height: 30rem;
}
.map__bg-img {
  position: absolute;
  z-index: 0;
  left: -2rem;
}
.map__zone-dot {
  position: relative;
  z-index: 10;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #0ecc7e;
  border-radius: 3.125rem;
}
.map__zone-dot:after,
.map__zone-dot:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 3.125rem;
  background: rgba(14, 204, 126, 0.7);
  transform-origin: center;
  transform: scale(1);
}
.map__zone-dot:before {
  animation: 2s ease-out infinite pulse;
}
.map__zone-dot:after {
  animation: 2s ease-out 1s infinite pulse;
}
@keyframes pulse {
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.map__zone-description {
  width: 8.75rem;
  height: 4.375rem;
  padding-left: 0.875rem;
  border-radius: 0.625rem;
  background-color: #fff;
  position: relative;
  z-index: 99;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s;
} */
#header #careers-nav.navigation__wrapper .grid__link-item:not(:first-child){
  background: linear-gradient(135deg, #1edd8e 0, #53c0d2 49%, #102532 50%);
  -webkit-text-fill-color: transparent;
}
/* .map__zone-description:hover {
  transition: 0.3s;
} */
/* .map__zone-description > .arrow {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-top: 0.625rem solid #fff;
}
.map__zone-num {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #102532;
}
#palo-alto {
  top: 7.5rem;
  left: 3.4375rem;
} */
/* @media (min-width: 25.875rem) {
  .form__btn {
    max-width: 17rem;
    margin: 1.875rem auto;
  }
  .form__form-success {
    padding: 1.875rem 3.125rem 4.6875rem;
  }
  .map {
    margin: 3.125rem auto 0;
  }
  .map__bg-img {
    left: 0;
    max-width: inherit;
    width: 100%;
  }
  #palo-alto {
    left: 5.625rem;
  }
} */
@media (min-width: 48rem) {
  .works__item {
    max-width: 55%;
    align-items: center;
  }
  /* .parallax__form-map-diamond {
    height: 5.3125rem;
    width: 3.4375rem;
  }
  .form {
    margin: 3.125rem 0;
  }
  .form__form-success {
    padding: 3.4375rem 5.625rem 7.8125rem;
  }
  .form__title-success {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .map {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45rem;
    margin: 7.5rem auto;
    height: 43.75rem;
  }
  .map__bg-img {
    left: -2rem;
    width: fit-content;
  }
  #palo-alto {
    top: 7rem;
    left: 7rem;
  } */
}
/* @media (min-width: 64rem) {
  .form-map {
    flex-direction: row;
    max-width: 73.75rem;
    margin: 3.125rem auto 0;
  }
  .parallax__form-map-diamond {
    height: 6.375rem;
    width: 4rem;
  }
  .parallax__form-map-diamond-shadow {
    display: block;
    height: 6.375rem;
    width: 4rem;
  }
  .form {
    flex: 1;
    margin: 8.375rem 0 0;
  }
  .form__label {
    text-align: left;
    background: linear-gradient(137deg, #1edd8e 0, #53c0d2 22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.9375rem;
  }
  .form__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    text-align: left;
    margin-top: 0;
  }
  .form__middle-line {
    display: block;
    width: 3.125rem;
    margin-top: 1.875rem;
  }
  .form__description {
    display: block;
    margin-top: 1.875rem;
    color: #102532;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
  }
  .form__form-container,
  .form__form-success {
    max-width: inherit;
  }
  .form__btn {
    max-width: 11.875rem;
    padding: 1rem 0;
    margin: 1.875rem 0 0;
  }
  .map {
    flex: 1;
    height: inherit;
    top: 8.375rem;
    margin: 0;
    width: inherit;
  }
  #palo-alto {
    top: 14.375rem;
    left: 6.5625rem;
  }
} */
/* @media (min-width: 100rem) {
  .parallax__form-map-diamond {
    top: 7.0625rem;
    right: -12.0625rem;
  }
  .parallax__form-map-diamond-shadow {
    top: 8.75rem;
    right: -10.8125rem;
  }
  .map__bg-img {
    left: 0;
    width: -webkit-fill-available;
    width: -moz-available;
  }
  #palo-alto {
    top: 18rem;
    left: 6rem;
  }
}
#palo-alto .map__zone-description {
  top: -6rem;
  left: -4.375rem;
}
#palo-alto .map__zone-description > .arrow {
  top: 4.375rem;
  left: 3.875rem;
}
#palo-alto .map__zone-description:hover {
  transform: translateY(-5px);
}
#palo-alto .map__zone-title {
  color: #0ecc7e;
}
#dallas {
  top: 9.75rem;
  left: 6.875rem;
}
@media (min-width: 25.875rem) {
  #dallas {
    left: 8.75rem;
  }
}
@media (min-width: 48rem) {
  #dallas {
    top: 9.6875rem;
    left: 12.1875rem;
  }
}
@media (min-width: 64rem) {
  #dallas {
    top: 17.1875rem;
    left: 10.625rem;
  }
}
@media (min-width: 100rem) {
  #dallas {
    top: 19.5rem;
    left: 10rem;
  }
} */
/* #dallas .map__zone-dot {
  background-color: #9273f4;
}
#dallas .map__zone-dot:after,
#dallas .map__zone-dot:before {
  background: rgba(146, 115, 244, 0.7);
}
#dallas .map__zone-description {
  top: -2.5rem;
  left: 1.5625rem;
}
#dallas .map__zone-description > .arrow {
  transform: rotate(90deg);
  left: -0.9375rem;
  top: 1.875rem;
}
#dallas .map__zone-description:hover {
  transform: translateX(5px);
}
#dallas .map__zone-title {
  color: #9273f4;
}
#bs-as {
  top: 25rem;
  left: 12.8125rem;
}
@media (min-width: 25.875rem) {
  #bs-as {
    left: 15rem;
  }
}
#bs-as .map__zone-dot {
  background-color: #00c6d1;
}
#bs-as .map__zone-dot:after,
#bs-as .map__zone-dot:before {
  background: rgba(0, 198, 209, 0.7);
}
#bs-as .map__zone-description {
  width: 9.6875rem;
  bottom: -0.9375rem;
  right: 4.3125rem;
}
#bs-as .map__zone-description > .arrow {
  transform: rotate(180deg);
  left: 3.875rem;
  top: -0.625rem;
}
#bs-as .map__zone-description:hover {
  transform: translateY(5px);
}
#bs-as .map__zone-title {
  color: #00c6d1;
} */
/* .schedule {
  padding: 8.125rem 0 6.25rem;
}
.schedule__container {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.schedule__description {
  text-align: center;
  display: inherit;
}
.schedule__middle-line {
  margin-bottom: 1.875rem;
  width: 3.125rem;
}
.schedule__middle-line > .shape {
  width: inherit;
}
.schedule__text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: #102532;
  max-width: 47.5rem;
  margin-bottom: 0.625rem;
  text-decoration: none;
  -webkit-background-clip: text;
  background-size: 210% 100%;
  background-position: 100%;
  transition: background-position 0.5s ease-in-out;
} */
.sg-image__card,
.si-images__card {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(0.375rem);
  box-shadow: 0 3.125rem 3.75rem rgba(6, 6, 6, 0.1);
  border-radius: 0.625rem;
}
.sg-statement,
.si-blue {
  background-size: contain;
  background-repeat: no-repeat;
}
/* .schedule__text:hover {
  background-position: 0 105%;
  transition: background-position 0.5s ease-in-out;
} */
/* @media (min-width: 48rem) {
  #bs-as {
    top: 36.25rem;
    left: 24.6875rem;
  }
  .schedule {
    padding: 0 0 6.25rem;
  }
  .schedule__middle-line {
    margin-left: -0.25pxrem;
  }
  .schedule__text {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    max-width: 74%;
    margin: 1.9375rem auto;
  }
}
@media (min-width: 64rem) {
  #bs-as {
    top: 44.375rem;
    left: 24.6875rem;
  }
  .schedule {
    padding: 6.25rem 0 7.5rem;
  }
  .schedule__text {
    max-width: 47.5rem;
    margin: 0 auto 2.5rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
}
.schedule__bg-text {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 30%;
  left: -30%;
}
.schedule__bg-text > img {
  max-width: 140%;
}
.schedule .right-arrow-wrapper {
  text-transform: uppercase;
} */
#service-growth .single-header {
  /* background-image: url("../assets/images/bg-texts/services-1.png"); */
  background-image: url("../assets/images/bg-texts/webp/services-1.webp");
  background-position: center 70%;
  background-size: 100%;
}
@media (min-width: 48rem) {
  #service-growth .single-header {
    background-size: 115%;
    background-position: center 130%;
  }
}
/* @media (min-width: 80rem) {
  .form__msg {
    min-height: 9.75rem;
  }
  #bs-as .map__zone-description {
    top: -2.5rem;
    left: 1.5625rem;
  }
  #bs-as .map__zone-description > .arrow {
    transform: rotate(90deg);
    left: -0.9375rem;
    top: 1.875rem;
  }
  #service-growth .single-header {
    padding-bottom: 10.125rem;
    background-position: center bottom;
  }
} */
@media (min-width: 90rem) {
  #service-growth .single-header {
    background-position: center 130%;
  }
}
/* @media (min-width: 100rem) {
  #bs-as {
    top: 41rem;
    left: 21rem;
  }
  .schedule {
    padding: 6.25rem 0 8.75rem;
  }
  #service-growth .single-header {
    background-position: center 125%;
  }
  .sg-image__image {
    width: 93vw;
  }
} */
.sg__title {
  margin-bottom: 1.5rem;
  color: #102532;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 700;
}
@media (min-width: 48rem) {
  .sg__title {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}
@media (min-width: 80rem) {
  .sg__title {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}
#insights .news__line,
.case-content1__line,
.case-content2__line,
.case-image4__line,
.sg__line {
  width: 3.125rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 64rem) {
  .sg__line {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
}
#service-growth
  .sg-statement
  .text-section__description-rigth
  p:not(:last-child),
.sg__text {
  margin-bottom: 1rem;
}
.sg__text {
  color: #444;
}
#remote-legal .case-image1,
.sg__text:last-child {
  margin-bottom: 0;
}
@media (min-width: 120rem) {
  /* #palo-alto {
    top: 18rem;
    left: 6.5rem;
  }
  #dallas {
    top: 19rem;
    left: 11rem;
  }
  #bs-as {
    top: 41rem;
    left: 21rem;
  } */
  #service-growth .single-header {
    background-position: center 130%;
  }
  .sg__title {
    font-size: 2.65rem;
  }
  .sg__line {
    margin-bottom: 1.55rem;
  }
  .sg__text {
    font-size: 0.88rem;
  }
}
#service-growth .single-header__subtitle {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  background: -webkit-linear-gradient(137deg, #53c0d2 50%, #1edd8e 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sg-image .container {
  margin-top: -4.25rem;
  padding: 0 1.5rem;
}
.sg-image__image-wrapper {
  position: relative;
  margin-left: -3.75rem;
}
.sg-image__card {
  max-width: 32.5rem;
  padding: 1.5rem;
  backdrop-filter: blur(0.375rem);
}
.sg-image__diamond,
.sg-image__diamond-shadow,
.st-image__diamond,
.st-image__diamond-shadow {
  position: absolute;
  width: 2.8125rem;
  height: 4.375rem;
}
.sg-image__diamond {
  right: 1.25rem;
  bottom: -2.25rem;
}
.sg-image__diamond-shadow {
  right: 0.625rem;
  bottom: -3rem;
  opacity: 0.2;
  filter: brightness(0.25) blur(0.1875rem);
}
.sg-statement {
  position: relative;
  z-index: 1;
  padding-top: 6.25rem;
  padding-bottom: 3.75rem;
  /* background-image: url("../assets/images/pages/service-growth/ms-shape.png"); */
  background-image: url("../assets/images/pages/service-growth/webp/ms-shape.webp");
  background-position: center;
}
.sg-images {
  position: relative;
  z-index: 3;
}
#insights .news__logo,
.case-image3,
.sg-images__content > .sg__line {
  margin-bottom: 1.875rem;
}
.sg-images__image-1 {
  margin-right: 2.5rem;
}
.sg-images__image-2 {
  margin-top: -5rem;
  margin-left: 3.125rem;
  margin-bottom: 2.8125rem;
}
@media (min-width: 160rem) {
  .blue-section__img1-wrapper {
    width: 34vw;
  }
  .blue-section__img1 {
    width: 50vw;
  }
  .blue-section__bg-wrapper {
    margin-bottom: 17vw;
  }
  /* .cards-section__bg-wrapper {
    left: -5vw;
    top: 30%;
  } */
  /* .we-are-ms__heading {
    transform: translateX(0);
  }
  .we-are-ms__background-text {
    transform: translate(-50%, 15%);
  }
  .we-are-ms__background-text > img {
    width: 60vw;
    max-width: inherit;
  } */
  .get-in-touch__middle-line {
    width: 3vw;
  }
  /* .parallax__home-blue-section-circle-2-shadow {
    right: 9rem;
  } */
  .parallax__our-work-blue-section-circle-1 {
    top: 20vw;
  }
  .works__item {
    margin-bottom: 6.25rem;
  }
  .sg-images__image-2 > img {
    width: 100%;
  }
}
.sg-cases {
  padding-top: 4.375rem;
  padding-bottom: 1.25rem;
}
.sg-contact .get-in-touch__bg-text {
  top: 34%;
  left: 0;
}
.about-us .card-with-description__item-img,
.si-blue .container,
.si-images .container {
  padding: 0;
}
.si-images__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.si-images__image1 {
  margin-left: -5vw;
}
.si-images__image2-wrapper {
  transform: translateX(18vw);
}
.si-images__image2 {
  margin-top: -40vw;
}
.si-images__circle {
  position: absolute;
  top: -1.25rem;
  right: 20vw;
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 48rem) {
  .sg-image .container {
    position: relative;
    margin-top: -7.25rem;
  }
  .sg-image__card {
    padding: 4.6875rem 2.8125rem;
  }
  .sg-image__diamond,
  .sg-image__diamond-shadow {
    width: 3.75rem;
    height: 6.25rem;
  }
  .sg-image__diamond {
    right: 2.5rem;
    bottom: 2.5rem;
  }
  .sg-image__diamond-shadow {
    right: 1.875rem;
    bottom: 1.5625rem;
  }
  .sg-statement {
    display: flex;
    align-items: center;
  }
  .sg-statement__wrapper {
    display: flex;
    gap: 2.5rem;
  }
  .sg-statement__left {
    flex: 1;
  }
  .sg-statement__middle {
    align-self: center;
    padding-right: 0.5rem;
  }
  .sg-statement__right {
    flex: 1;
    margin-top: 8.75rem;
  }
  .sg-images__only-mobile {
    display: none;
  }
  .sg-images__only-desktop {
    display: block;
  }
  .sg-images__wrapper {
    display: flex;
  }
  .sg-images__left {
    flex: 1;
    display: block;
  }
  .sg-images__content {
    flex: 1;
    margin-top: 5rem;
    transform: translateX(-2.5rem);
  }
  .sg-images__content .sg__line {
    transform: translateX(1.875rem);
    margin-bottom: 1.5rem;
  }
  .sg-images__content .sg__text {
    transform: translateX(3.75rem);
  }
  .sg-images__image-1 {
    margin-right: 0;
  }
  .sg-images__image-2 {
    min-width: 100%;
    margin-top: 2.5rem;
    margin-left: 0;
    margin-bottom: 0;
  }
  .sg-images__circle {
    display: block;
    position: absolute;
    top: -0.9375rem;
    left: -0.9375rem;
    width: 1.9375rem;
    height: 1.9375rem;
  }
  .sg-cases {
    padding-top: 0;
    margin-bottom: 7.5rem;
  }
  .si-images .container {
    position: relative;
  }
  .si-images__circle {
    width: 5.125rem;
    height: 5.125rem;
    top: -2.5625rem;
  }
}
.si-images__stripes {
  display: none;
  position: absolute;
}
.si-images__stripes:after {
  transform: rotate(-45deg);
}
@media (min-width: 64rem) {
  #service-growth .single-header__subtitle {
    background: -webkit-linear-gradient(137deg, #53c0d2 30%, #1edd8e 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .sg-image__diamond {
    right: 5rem;
    bottom: 5rem;
  }
  .sg-image__diamond-shadow {
    right: 4.375rem;
    bottom: 3.75rem;
  }
  .sg-image .sg__line {
    margin-bottom: 1.5rem;
  }
  .sg-statement {
    min-height: 56.25rem;
    margin-top: -12.5rem;
  }
  .sg-statement__wrapper {
    gap: 4.375rem;
  }
  .sg-statement__left .sg__title {
    margin-bottom: 0;
  }
  .sg-statement__middle {
    height: 0.25rem;
  }
  .sg-statement__right {
    margin-top: 10rem;
  }
  #service-growth .sg-statement {
    margin-bottom: 7.5rem;
  }
  .sg-images {
    margin-top: -12.5rem;
    padding-bottom: 0;
  }
  .si-header__circle {
    display: block;
    position: absolute;
    top: -50%;
    right: 1.5rem;
    width: 5.125rem;
    height: 5.125rem;
  }
  .si-images__grid {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .si-images__image1 {
    margin-left: 0;
  }
  .si-images__image2 {
    margin-top: -12.5rem;
  }
  .si-images__circle {
    display: none;
  }
  .si-images__stripes {
    display: block;
    top: -1rem;
    left: 1rem;
    width: 7.25rem;
    height: 7.25rem;
  }
  .si-images__card-wrapper {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 80rem) {
  .sg-image .container {
    margin-top: -12rem;
  }
  .sg-image__image-wrapper {
    width: fit-content;
  }
  .sg-image__card {
    padding: 4.6875rem 2.8125rem;
  }
  .sg-image__diamond,
  .sg-image__diamond-shadow {
    width: 5rem;
    height: 8.125rem;
  }
  .sg-statement {
    padding-top: 25rem;
    padding-bottom: 25rem;
    background-size: contain;
  }
  .sg-images {
    margin-top: -30vh;
  }
  .sg-images__content {
    transform: translateX(-5.625rem);
  }
  .sg-images__content .sg__line {
    transform: translateX(3.75rem);
    margin-bottom: 1.5rem;
  }
  .sg-images__content .sg__text {
    transform: translateX(7.5rem);
  }
  .sg-images__image-2 {
    margin-top: 6.25rem;
  }
  .si-header .single-header__title {
    max-width: 80%;
  }
  .si-images__stripes {
    top: -2.25rem;
    left: 0.5rem;
    width: 10.5rem;
    height: 10.5rem;
  }
}
.si-images__card {
  max-width: 32.5rem;
  padding: 1.5rem;
  margin: -30vw 1.5rem 0;
  backdrop-filter: blur(0.375rem);
}
.si-images__diamond {
  position: absolute;
  width: 2.8125rem;
  height: 4.375rem;
  right: 1.25rem;
  bottom: -2.25rem;
}
#service-idea .single-header,
#service-team .single-header {
  /* background-image: url("../assets/images/bg-texts/services-1.png"); */
  background-image: url("../assets/images/bg-texts/webp/services-1.webp");
  background-position: center bottom;
  background-size: 100%;
}
.si-statement {
  position: relative;
  padding-bottom: 6.25rem;
}
.si-statement__diamond {
  display: none;
  position: absolute;
  width: 8vw;
  height: 12vw;
  top: 0;
  right: 0;
  opacity: 0.2;
  filter: blur(0.375rem);
}
.si-blue {
  position: relative;
  z-index: 5;
  margin-bottom: 7.5rem;
  background-color: #102532;
  /* background-image: url("../assets/images/pages/home/big-statement-bg.png"); */
  background-image: url("../assets/images/pages/home/webp/big-statement-bg.webp");
  background-position: top center;
}
@media (min-width: 64rem) {
  .si-images__card {
    margin-top: 0;
  }
  .si-images__diamond {
    display: none;
  }
  .si-statement__diamond {
    display: block;
  }
  .si-blue .container {
    padding: 0 1.5rem;
  }
  .si-blue__content .sg__line {
    margin-bottom: 2rem;
  }
}
.si-blue__content .sg__text {
  color: #fff;
  margin-bottom: 3.5rem;
}
.si-blue__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  transform: translateY(-50%);
}
#about-us .blue__title-text-1,
.si-blue__title .blue {
  color: #102532;
}
#about-us .blue__title-text-2,
.case-blue__list,
.si-blue__title .white,
.st-blue__content .sg__text,
.st-blue__content .white {
  color: #fff;
}
@media (min-width: 48rem) {
  .si-images__card {
    padding: 4.6875rem 2.8125rem;
  }
  .si-images__diamond {
    right: 2.5rem;
    bottom: 2.5rem;
  }
  #service-idea .single-header,
  #service-team .single-header {
    background-size: 115%;
    background-position: center 90%;
  }
  .si-statement {
    padding-bottom: 10rem;
  }
  .si-blue {
    margin-bottom: 12.5rem;
  }
  .si-blue__grid {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .si-blue__content {
    position: relative;
    z-index: 2;
    order: 2;
  }
  .si-blue__title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .si-blue__images {
    z-index: 1;
  }
  .si-blue__image1-wrapper {
    margin-top: -3.75rem;
  }
}
.si-blue__image1 {
  max-width: inherit;
  width: calc(100% + 12vw);
  transform: translateX(-12vw);
}
.si-blue__image1-circle {
  position: absolute;
  top: 1.5rem;
  left: -1rem;
  width: 2.6875rem;
  height: 2.6875rem;
}
.si-blue__image2-wrapper {
  position: absolute;
  bottom: -12.5rem;
  right: -12vw;
}
@media (min-width: 100rem) {
  #service-idea .single-header {
    background-position: center 130%;
  }
  .si-blue__image2-wrapper {
    right: -9vw;
  }
}
.si-blue__image2 {
  position: relative;
  z-index: 5;
  max-width: 18.75rem;
}
.si-blue__image2-stripe {
  position: absolute;
  z-index: 1;
  top: -3.25rem;
  left: -1rem;
  width: 6.5rem;
  height: 6.5rem;
}
@media (min-width: 25.875rem) {
  /* .schedule__bg-text {
    top: 15%;
    left: 0;
  }
  .schedule__bg-text > img {
    max-width: 100%;
  } */
  .si-blue__image2 {
    max-width: 22.5rem;
  }
  .si-blue__image2-stripe {
    top: -2.25rem;
  }
  #opya .single-header {
    background-position: center 90%;
    background-size: 150%;
  }
}
.si-blue__image2-stripe:after {
  max-width: initial;
  width: 20rem;
  height: 20rem;
  top: -50%;
  left: -50%;
  bottom: initial;
  right: initial;
  -webkit-mask-size: initial;
  transform: rotate(-45deg);
}
#service-team .single-header__subtitle {
  font-size: 1rem;
}
.st-image .container {
  position: relative;
  margin-top: -2.25rem;
  padding: 0 1.5rem;
}
@media (min-width: 48rem) {
  .st-image .container {
    position: relative;
    margin-top: -11.25rem;
  }
  .st-image__circle {
    top: 4rem;
    right: 1.125rem;
  }
}
@media (min-width: 64rem) {
  .si-blue__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  .si-blue__image1 {
    transform: translate(-12vw, -3.5rem);
  }
  .si-blue__image1-circle {
    top: 0;
    left: -3rem;
    width: 3.3125rem;
    height: 3.3125rem;
  }
  .si-blue__image2-stripe {
    width: 8.125rem;
    height: 8.125rem;
    top: -5rem;
    left: 1rem;
  }
  #service-team .single-header__title span {
    display: block;
  }
  .st-header__circle {
    display: block;
    position: absolute;
    top: -50%;
    right: 1.5rem;
    width: 5.125rem;
    height: 5.125rem;
  }
  .st-image .container {
    margin-top: -7.25rem;
  }
  .st-image__card .sg__line {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 80rem) {
  .si-images__card {
    padding: 4.6875rem 2.8125rem;
  }
  #service-idea .single-header,
  #service-team .single-header {
    padding-bottom: 10.125rem;
  }
  .si-statement .container {
    top: -7vw;
  }
  .si-blue__image1 {
    width: 100%;
    transform: translate(-2.5rem, -3.5rem);
  }
  .si-blue__image1-circle {
    top: -1.5rem;
    left: -0.75rem;
    width: 3.3125rem;
    height: 3.3125rem;
  }
  .st-image .container {
    margin-top: -15rem;
  }
  .st-image__image-wrapper {
    max-width: 73.75rem;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media (min-width: 80rem) and (min-width: 25.875rem) {
  .st-image__image-wrapper {
    padding: 0 2rem;
  }
}
.st-image__image {
  min-height: 13.75rem;
}
.st-image__card {
  max-width: 33.375rem;
  margin-left: auto;
  padding: 1.5rem;
  border-radius: 0.625rem;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 3.125rem 3.75rem rgba(6, 6, 6, 0.1);
  -webkit-backdrop-filter: blur(0.375rem);
  backdrop-filter: blur(0.375rem);
}
.case-image1__card,
.case-image4__card {
  box-shadow: 0 3.125rem 3.75rem 0 rgba(6, 6, 6, 0.1);
}
.st-image__diamond {
  position: absolute;
  /* right: 1.25rem; */
  right: 0;
  bottom: -2.25rem;
}
.st-image__diamond-shadow {
  position: absolute;
  /* right: 0.625rem; */
  right: -0.625rem;
  bottom: -3rem;
  opacity: 0.2;
  filter: brightness(0.25) blur(0.1875rem);
}
.st-blue {
  margin-top: 8.75rem;
  background-color: #102532;
  background-image: url("../assets/images/pages/case-vas/webp/blue-bg.webp");
  background-position: center top;
  background-repeat: no-repeat;
}
.st-blue__content .sg__title {
  transform: translateY(-50%);
  margin-bottom: 0;
}
.st-blue__shape-wrapper {
  display: flex;
  align-items: center;
  order: 2;
}
.st-blue__cards-grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5rem;
  margin-bottom: 4.375rem;
}
.st-blue__cards-grid > div {
  min-height: 16.25rem;
}
.case-vas__gray {
  padding-top: 4.375rem;
}
.case-vas__shape {
  position: absolute;
  top: -2.375rem;
  right: 0;
  width: 4.75rem;
  height: 4.75rem;
}
.case-vas__shape:after {
  transform: rotate(-45deg);
  -webkit-mask-size: auto;
  width: 14.25rem;
  height: 14.25rem;
  top: -70%;
  left: -20%;
  max-width: unset;
}
.case-blue__list-item:before,
.case-content1__list-item:before {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  content: "";
}
#case-vas .case-header {
  padding-bottom: 2.75rem;
}
@media (min-width: 48rem) {
  .st-image__card {
    padding: 3.1875rem 2.8125rem;
  }
  .st-image__diamond,
  .st-image__diamond-shadow {
    width: 3.75rem;
    height: 6.25rem;
  }
  .st-blue {
    margin-bottom: 7.5rem;
  }
  .st-blue__content {
    margin-bottom: 3rem;
  }
  .st-blue__content-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
  }
  .st-blue__content-grid .sg__line {
    margin: 0 0.5rem 0 0;
  }
  .st-blue__content-grid .sg__text {
    margin-bottom: 0;
  }
  .st-blue__content-grid .sg__text:first-child {
    order: 1;
  }
  .st-blue__content-grid .sg__text:last-child {
    order: 3;
  }
  .st-blue__cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .case-header {
    background-size: 100%;
  }
  #case-vas .case-header {
    padding-bottom: 6.25rem;
    background-size: 100%;
    background-position: center bottom;
  }
}
@media (min-width: 80rem) {
  .st-image__circle {
    width: 5.125rem;
    height: 5.125rem;
  }
  .st-image__image {
    width: calc(85% + 4vh);
    margin-left: -4vh;
  }
  .st-image__card {
    padding: 2.75rem;
    margin-top: 7.5rem;
  }
  .st-image__diamond,
  .st-image__diamond-shadow {
    width: 5rem;
    height: 8.125rem;
  }
  .case-vas__gray {
    padding-top: 6.25rem;
  }
  .case-vas__shape {
    top: -3.5625rem;
    right: 5vw;
    width: 7.125rem;
    height: 7.125rem;
  }
  .case-header {
    /* background-image: url("../assets/images/bg-texts/case-study.png"); */
    background-image: url("../assets/images/bg-texts/webp/case-study.webp");
  }
  #case-vas .case-header {
    padding-top: 13.75rem;
    padding-bottom: 7.5rem;
    background-position: center bottom -5%;
  }
  #case-vas .case-header .single-header__subtitle {
    font-size: 1rem;
  }
}
@media (min-width: 100rem) {
  #service-team .single-header {
    background-position: center 130%;
  }
  #case-vas .case-header {
    background-position: center bottom -25%;
  }
}
#case-enforcenet .case-content1__left,
#insights .podcast,
#insights .statement,
#opya .case-image4,
.case-content3,
.case-image1,
.case-image4 {
  margin-bottom: 4.375rem;
}
.case-image1__image img {
  margin: 0 auto;
}
.case-image1__content {
  margin-top: -2.5rem;
}
.case-image1__card {
  margin: 0 -1rem;
  padding: 2rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(0.625rem);
  -webkit-backdrop-filter: blur(0.625rem);
}
.case-blue__brands-circle .dashed-circle:after,
.case-blue__list-item:before,
.case-content1__list-item:before,
.case-image1__number {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
}
.case-image1__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.case-image1__number {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.case-blue,
.case-content1 {
  background-repeat: no-repeat;
}
.case-image1__label {
  display: block;
  color: #102532;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
.case-image1__shape {
  position: absolute;
  top: -1.5rem;
  right: 0;
  width: 2.625rem;
  height: 2.625rem;
}
#case-vas .case-image1__image img {
  transform: scale(1.1);
}
.case-statement {
  padding-bottom: 4.375rem;
}
.case-image2__wrapper1 {
  transform-origin: top center;
  transform: scale(1.2);
}
.case-image2__wrapper2 {
  position: relative;
  margin-left: 2.8125rem;
  transform-origin: top center;
  transform: scale(1.25) translateY(-1.5rem);
}
.case-image3__image1,
.case-image4__image {
  transform: scale(1.2);
}
.case-content1 {
  margin-bottom: 4.375rem;
  /* background-image: url("../assets/images/bg-texts/vas.png"); */
  background-image: url("../assets/images/bg-texts/webp/vas.webp");
  background-position: center 20%;
  background-size: 100%;
}
.case-content1__title,
.case-content2__title {
  margin-bottom: 1.5rem;
  color: #102532;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.case-content1__list-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.case-image3__image2 {
  position: relative;
  z-index: 1;
  margin-top: -11.25rem;
  padding: 0 1.5rem;
}
.case-image3__image3 {
  position: relative;
  z-index: 2;
  margin-top: -4.375rem;
  padding: 0 1.5rem;
}
.case-image4__image {
  transform-origin: center top;
}
.case-image4__card-wrapper {
  margin-top: -1.5rem;
  padding: 0 0.75rem;
}
.case-image4__card {
  margin: 0 -1rem;
  padding: 2.5rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(0.625rem);
  -webkit-backdrop-filter: blur(0.625rem);
  border-radius: 0.625rem;
}
.case-image4__title {
  margin-bottom: 1.5rem;
  color: #102532;
  font-size: 1rem;
  font-weight: 700;
}
.case-image4__text {
  color: #444;
}
#case-vas .case-content2__title {
  max-width: 90%;
}
@media (min-width: 48rem) {
  .case-image1__card {
    max-width: 31.25rem;
    margin: 0 auto;
    border-radius: 0.625rem;
  }
  .case-image1__shape {
    top: -7.5rem;
    width: 5.125rem;
    height: 5.125rem;
  }
  #case-vas .case-statement .text-section__title span {
    display: inline;
  }
  .case-image2__wrapper1 {
    margin-top: 2.25rem;
  }
  .case-image2__wrapper2 {
    display: flex;
    justify-content: flex-end;
    margin: -10rem -3.75rem 0 0;
    transform: scale(1) translateY(0);
  }
  .case-image2__wrapper2 > img {
    width: 75%;
  }
  .case-content1 {
    padding-bottom: 4.375rem;
    /* background-image: url("../assets/images/bg-texts/agricultural.png"); */
    background-image: url("../assets/images/bg-texts/webp/agricultural.webp");
    background-size: 300%;
  }
  .case-content1__grid-list {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
  .case-image3__image1 {
    margin-left: auto;
  }
  .case-image3__image2 {
    max-width: 60%;
    margin-top: -18.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .case-image3__image3 {
    max-width: 60%;
    margin-top: -11.25rem;
  }
  .case-image4 {
    position: relative;
    margin-bottom: 8.75rem;
  }
  .case-image4 .container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }
  .case-image4__image {
    padding-right: 20vw;
  }
  .case-image4__card-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 0;
    padding: 0;
  }
  .case-image4__card {
    max-width: 28.125rem;
    margin: 0;
  }
  #case-vas .case-content2__title {
    max-width: initial;
  }
  .case-blue__word {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
  }
}
.case-blue {
  padding-top: 4.375rem;
  margin-bottom: 6rem;
  background-color: #102532;
  /* background-image: url("../assets/images/pages/case-vas/blue-bg.png"); */
  background-image: url("../assets/images/pages/case-vas/webp/blue-bg.webp");
  background-position: center bottom;
  background-size: cover;
}
.case-blue__subtitle {
  color: #1edd8e;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.case-blue__title {
  margin-bottom: 1.5rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.case-blue__line {
  max-width: 3.125rem;
  margin-bottom: 1.5rem;
}
.case-blue__text {
  margin-bottom: 1.5rem;
  color: #fff;
}
.case-blue__grid-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 1.5rem;
}
.case-blue__list-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
#remote-legal .case-content1 .single-header__subtitle,
.case-blue__column2 {
  margin-bottom: 2.75rem;
}
.case-blue__brands-wrapper {
  position: relative;
  max-width: 18rem;
  margin: 0 auto;
}
.case-blue__brands-grid {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.case-blue__brands-grid > div.triangle-base {
  margin-top: 3.75rem;
  grid-column: 1/-1;
}
.case-blue__brands-triangle {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
}
.case-blue__brands-triangle-1,
.case-blue__brands-triangle-2,
.case-blue__brands-triangle-3 {
  position: absolute;
  border: 0.5px dashed #1edd8e;
}
.case-blue__brands-triangle-1 {
  top: 5.3125rem;
  left: 0;
  right: 0;
  width: 100%;
}
.case-blue__brands-triangle-2 {
  bottom: 6.25rem;
  width: 9.375rem;
  left: 50%;
  transform-origin: left bottom;
  transform: rotate(-50deg);
}
.case-blue__brands-triangle-3 {
  bottom: 6.25rem;
  width: 9.375rem;
  right: 50%;
  transform-origin: right bottom;
  transform: rotate(50deg);
}
.case-blue .round-brand.bottom-35 {
  transform: translateY(35px);
}
@media (min-width: 64rem) {
  .st-image__diamond {
    top: -8.75rem;
    right: 0.75rem;
  }
  .st-image__diamond-shadow {
    top: -7.5rem;
    right: 0.375rem;
  }
  .st-blue {
    margin-top: 12.75rem;
  }
  .st-blue__content-grid {
    gap: 2.25rem;
  }
  .st-blue__content-grid .sg__text:last-child {
    margin-top: 3rem;
  }
  .st-blue__cards-grid {
    gap: 2.75rem;
    margin: 12.5rem 0;
  }
  .st-blue__cards-grid > div:nth-child(2) {
    transform: translateY(4.375rem);
  }
  .st-blue__cards-grid > div:nth-child(3) {
    transform: translateY(8.75rem);
  }
  .case-image1__content {
    margin-top: -3.75rem;
  }
  .case-image1__card {
    padding: 1.5rem 4.375rem;
  }
  .case-content1 {
    background-size: 200%;
    background-position: center bottom;
  }
  .case-content2__images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .case-content2__img1-wrapper {
    display: block;
  }
  .case-content2__img2-wrapper {
    transform-origin: top left;
    transform: translate(-15%, 7.5rem) scale(1.2);
  }
  .case-blue {
    margin-top: -0.25rem;
    padding-top: 18.75rem;
  }
  .case-blue__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 11.25rem 0;
  }
  .case-blue__title {
    margin-bottom: 2.5rem;
  }
  .case-blue__line {
    margin-bottom: 2.5rem;
    transform: translateX(2.5rem);
  }
  .case-blue__text {
    margin-bottom: 2.5rem;
    transform: translateX(5rem);
  }
  .case-blue__grid-list {
    margin-bottom: 0;
    transform: translateX(7.5rem);
  }
  .case-blue__column2 {
    margin-bottom: 0;
  }
  .case-blue__brands-wrapper {
    max-width: 26rem;
  }
  .case-blue__brands-grid > div.triangle-base {
    margin-top: 7.5rem;
    transform: translateY(16px);
  }
  .case-blue__brands-triangle {
    display: none;
  }
  .case-blue__brands-circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.case-blue__brands-circle .dashed-circle {
  position: absolute;
  display: inline-block;
  will-change: transform;
  transform-origin: center;
}
.case-blue__brands-circle .dashed-circle:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.case-blue__brands-circle .dashed-circle:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.case-blue__brands-circle-inner {
  width: 22.5rem;
  margin-top: -4.375rem;
  opacity: 0.75;
  animation: 120s linear infinite rotate;
}
.case-blue__brands-circle-inner:after {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-3 -3 106 106"><circle cx="50" cy="50" r="50" fill="transparent" stroke="black" stroke-width="0.2" style="stroke-dasharray:2, 1" /></svg>')
    center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-3 -3 106 106"><circle cx="50" cy="50" r="50" fill="transparent" stroke="black" stroke-width="0.2" style="stroke-dasharray:2, 1" /></svg>')
    center/contain;
}
.case-blue__brands-circle-outer {
  width: 43.75rem;
  margin-top: -4.375rem;
  transform: scale(10);
  opacity: 0.2;
  animation: 120s linear infinite reverse rotate;
}
.case-blue__brands-circle-outer:after {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-3 -3 106 106"><circle cx="50" cy="50" r="50" fill="transparent" stroke="black" stroke-width="0.2" style="stroke-dasharray:4, 3" /></svg>')
    center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-3 -3 106 106"><circle cx="50" cy="50" r="50" fill="transparent" stroke="black" stroke-width="0.2" style="stroke-dasharray:4, 3" /></svg>')
    center/contain;
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.case-blue__words {
  text-transform: uppercase;
  transform: translateY(50%);
}
.case-blue__word {
  color: #ebebeb;
  white-space: nowrap;
}
#about-us .arrow-section .card-position__title,
.case-content3__title,
.ebook__title {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}
.case-content3 .case-statement {
  padding-bottom: 3.4375rem;
}
.case-card .testimonial {
  padding: 2.25rem 1rem;
}
.case-card .testimonial__image-wrapper img {
  width: 4.5rem;
}
.case-card .testimonial__logo-wrapper img {
  max-width: 5rem;
  margin: 0 auto;
}
.case-card__shape {
  position: absolute;
  z-index: -1;
  top: 7.5rem;
  right: -0.5rem;
  width: 1.1875rem;
  height: 1.1875rem;
  filter: blur(0.5rem);
}
#case-vas
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__blurred,
#opya
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__blurred,
#remote-legal
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__blurred {
  position: absolute;
  z-index: 1;
  top: -2.25rem;
  left: -1.5rem;
}
#case-vas
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__blurred
  img {
  max-width: 50vw;
}
@media (min-width: 48rem) {
  .case-content3__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .case-content3__grid .list-icon:last-child {
    margin-top: 0;
  }
  .case-card__shape {
    display: none;
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    top: -3rem;
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred
    img {
    max-width: 40vw;
  }
}
@media (min-width: 80rem) {
  #case-vas .case-image1 {
    margin-bottom: 6.25rem;
  }
  .case-statement {
    padding-bottom: 6rem;
  }
  #case-vas .case-statement .text-section__description {
    margin-top: 3.75rem;
  }
  .case-image2 {
    margin-bottom: 5rem;
  }
  .case-image2__wrapper1 {
    padding: 0 24vw 0 2vw;
    transform: scale(1);
  }
  .case-image2__wrapper2 {
    width: 60%;
    margin-left: auto;
    padding: 0 2vw;
    transform: scale(1);
  }
  .case-image2__shape {
    position: absolute;
    top: -4.1875rem;
    right: 28vw;
    width: 8.375rem;
    height: 8.375rem;
  }
  .case-image2__shape:after {
    transform: rotate(35deg);
  }
  .case-content1 {
    padding-bottom: 10rem;
    margin-bottom: 0;
    background-size: 140%;
    background-position: left bottom;
  }
  .case-blue__title,
  .case-content1__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  .case-content1__text,
  .case-image4__line {
    margin-bottom: 2.5rem;
  }
  .case-image3 {
    margin-top: -6.25rem;
    margin-bottom: 11.25rem;
  }
  .case-image3__image3 {
    max-width: 36%;
    margin-top: -30rem;
  }
  .case-image4__image {
    padding-right: 40vw;
  }
  .case-image4__card {
    max-width: 40.625rem;
    padding: 4.375rem 2.5rem;
  }
  .case-image4__title {
    margin-bottom: 2.5rem;
    font-size: 2.25rem;
  }
  .case-content2 {
    padding-top: 3.75rem;
    text-align: center;
  }
  .case-content2__title {
    margin-bottom: 2.5rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  .case-content2__line {
    margin: 0 auto 2.5rem;
  }
  .case-content2__images {
    margin-top: 10rem;
  }
  #case-vas .case-content2__text {
    margin: 0 auto;
    max-width: 50rem;
  }
  .case-blue {
    margin-bottom: 13.75rem;
  }
  .case-blue__text.custom-mb {
    margin-bottom: 0.5rem;
  }
  .case-blue__grid-list {
    max-width: 18.75rem;
  }
  .case-blue__word {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .case-content3 {
    margin-bottom: 5.75rem;
  }
  .case-content3__grid {
    gap: 7.5rem;
  }
  #case-vas .case-content3__shape {
    position: absolute;
    top: 3rem;
    right: 3rem;
    width: 1.9375rem;
    height: 1.9375rem;
    filter: blur(0.5rem);
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    top: -3.75rem;
    left: -2.5rem;
  }
}
#case-vas
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__mobile,
#opya .case-slider .progress-slider__slide:first-child .progress-slider__mobile,
#remote-legal
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__mobile {
  position: absolute;
  z-index: 10;
  bottom: -1.5rem;
  right: -0.75rem;
}
#case-vas
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__mobile
  img {
  max-width: 34vw;
}
@media (min-width: 48rem) {
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile {
    bottom: -3.25rem;
  }
}
@media (min-width: 80rem) {
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile {
    bottom: -1.25rem;
    right: -2.5rem;
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 30vw;
  }
}
@media (min-width: 90rem) {
  #service-growth .single-header {
    background-position: center 120%;
  }
  .si-images__stripes {
    left: -5.5rem;
  }
  .si-images__card-wrapper {
    position: relative;
    right: -7vw;
  }
  .si-blue__content .sg__line {
    margin-bottom: 3rem;
    transform: translateX(5rem);
  }
  .si-blue__content .sg__text {
    transform: translateX(10rem);
  }
  .st-image .container {
    right: -7.9375rem;
    margin-top: -19rem;
  }
  .st-blue {
    background-size: cover;
  }
  .case-image2__wrapper2 img {
    width: 75%;
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    left: -10rem;
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile {
    right: -7.5rem;
    bottom: -7.5rem;
  }
}
.case-opya__shape {
  position: absolute;
  top: -2.375rem;
  right: 0;
  width: 4.75rem;
  height: 4.75rem;
  display: none;
}
.case-opya__shape:after {
  transform: rotate(-45deg);
}
@media (min-width: 80rem) {
  .case-opya__shape {
    width: 7.125rem;
    height: 7.125rem;
    display: block;
    top: -10rem;
    right: 2vw;
  }
}
@media (min-width: 100rem) {
  .case-image2__wrapper2 {
    transform: scale(1) translateY(-1.5625rem);
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    left: -13rem;
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 25vw;
  }
  .case-opya__shape {
    right: 7vw;
  }
}
@media (min-width: 64rem) {
  #opya .single-header {
    background-position: center 100%;
    background-size: 110%;
  }
}
@media (min-width: 80rem) {
  #opya .single-header {
    padding-bottom: 6.25rem;
    background-position: center bottom -25%;
  }
  #opya .case-image1 {
    margin-bottom: 7.5rem;
  }
}
@media (min-width: 90rem) {
  #opya .single-header {
    background-position: center bottom -35%;
  }
}
@media (min-width: 100rem) {
  #opya .single-header {
    background-position: center 145%;
    background-size: 110%;
  }
}
#opya .case-image1__shape {
  position: absolute;
  top: 11.25rem;
  right: 11.25rem;
  width: 3.25rem;
  height: 3.25rem;
}
#opya .case-image1__image {
  display: flex;
  align-items: center;
  width: 200%;
  left: -50%;
  bottom: 11.875rem;
}
/* #careers .parallax.about-us-diamond,
#careers .parallax.about-us-diamond-shadow, */
#case-enforcenet .case-blue__brands-circle,
#case-enforcenet .case-float-images__image3,
#case-enforcenet .case-image1 .shape,
#opya .case-image1__img1,
#remote-legal .case-content2__image1,
#remote-legal .case-image3-wrapper .case-image3__image3,
#remote-legal .parallax.case-content2__shape,
#remote-legal .parallax.case-content3,
.case-grid-images__image2,
.case-grid-images__image3 {
  display: none;
}
#opya .case-image1__content {
  margin-top: -25rem;
}
#opya .case-image2__wrapper1 {
  margin-top: -2.5rem;
}
@media (min-width: 80rem) {
  #opya .case-image1__content {
    position: relative;
  }
  #opya .case-image2 {
    margin-bottom: 0;
  }
  #opya .case-image2__wrapper1 {
    padding: 0;
    margin-top: -7rem;
    transform: scale(1.1);
  }
}
#opya .about-opya {
  padding: 4.375rem 0;
}
#opya .case-image3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
#opya .case-image3__image1 {
  position: relative;
  transform: none;
  right: 3.4375rem;
}
@media (min-width: 25.875rem) {
  #opya .case-image1__shape {
    right: 65vw;
  }
  #opya .case-image1__content {
    margin-top: -28.125rem;
  }
  #opya .case-image3__image1 {
    right: 5.3125rem;
  }
}
@media (min-width: 48rem) {
  #opya .case-image1__shape {
    right: 23vw;
    top: 20vw;
  }
  #opya .case-image1__image {
    width: 135%;
    left: -23%;
    top: -25vw;
  }
  #opya .case-image1__img1 {
    display: block;
    width: 100%;
  }
  #opya .case-image1__img2 {
    position: absolute;
    right: 5vw;
    width: 34%;
    bottom: 14%;
  }
  #opya .case-image1__content {
    margin-top: -29.5rem;
  }
  #opya .case-image3__image1 {
    right: 60vw;
  }
  #opya .case-image4 .container {
    position: relative;
  }
}
#opya .case-image3__image2 {
  padding: 0;
  transform: scale(1.2);
  margin-top: -6.5rem;
}
#opya .case-image3__image3 {
  position: relative;
  padding: 0;
  left: 3.4375rem;
}
@media (min-width: 25.875rem) {
  #opya .case-image3__image2 {
    margin-top: -7.5rem;
  }
  #opya .case-image3__image3 {
    margin-top: -9rem;
    left: 40vw;
  }
}
#opya .case-content1 {
  background-size: 100%;
  /* background-image: url("../assets/images/bg-texts/case-opya.png"); */
  background-image: url("../assets/images/bg-texts/webp/case-opya.webp");
  background-position: center 10%;
}
@media (min-width: 64rem) {
  #opya .case-image1__shape {
    top: 22vw;
  }
  #opya .case-image1__img2 {
    right: 1vw;
  }
  #opya .case-image1__content {
    margin-top: -58vw;
  }
  #opya .about-opya {
    padding: 9.375rem 0 10.625rem;
  }
  #opya .case-image3__image1 {
    right: 70vw;
  }
  #opya .case-content1 {
    margin-bottom: 0;
    padding-bottom: 8.375rem;
    background-position: center -50%;
  }
  #opya .case-content2__works-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 1.875rem;
  }
}
@media (min-width: 80rem) {
  #opya .case-image3 {
    align-items: flex-start;
    flex-direction: row;
    margin-bottom: 7vw;
    margin-top: 0;
  }
  #opya .case-image3__image1 {
    right: inherit;
    top: 5vw;
    left: 2vw;
    margin-right: 0;
  }
  #opya .case-image3__image2 {
    margin-top: 0;
    transform: scale(0.9);
  }
  #opya .case-image3__image3 {
    left: inherit;
    align-self: flex-end;
    bottom: -10vw;
    right: 2vw;
  }
  #opya .case-content1 {
    background-size: 83%;
    background-position: center bottom;
  }
  #opya .case-content1 .container {
    padding-bottom: 6.25rem;
  }
}
#opya .case-content1__list-item {
  align-items: flex-start;
}
#opya .case-content1__list-item:before {
  margin-top: 0.4375rem;
  min-width: 0.4375rem;
  max-width: 0.4375rem;
}
#opya .case-content1__list-item span,
#remote-legal .case-content1__paragraph,
.ebook__button {
  display: block;
}
@media (min-width: 80rem) {
  #opya .case-content1__list-item {
    font-size: 1rem;
  }
  #opya .case-image4 {
    margin-bottom: 12.5rem;
  }
}
#opya .case-image4 .container {
  transform: none;
}
/* #careers .parallax.about-us-diamond-shadow, */
#remote-legal .parallax.case-image3__diamond-shadow,
.case-grid-images__shape-shadow {
  transform: translate(0.5rem, 1rem);
  opacity: 0.2;
  filter: brightness(0) blur(0.375rem);
}
@media (min-width: 80rem) {
  #opya .case-image4 .container {
    position: absolute;
    top: 40%;
  }
  #opya .case-image4__image {
    padding-right: 50vw;
  }
}
#opya .case-image4__badge {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 35%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#opya .case-image4__card-wrapper {
  margin-top: 0;
}
#opya .case-image4__card {
  background-color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 80rem) {
  #opya .case-image4__card {
    padding: 5.3125rem 3.5rem;
  }
  #opya .case-content2 {
    padding-top: 10.625rem;
  }
}
#opya .case-content2__work {
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#opya .case-content2__works-wrapper {
  margin: 2.5rem 1.5rem 5rem;
}
#opya .case-content2__images {
  margin: -4.6875rem 0 0;
  transform: translate(-27.5%, 50%);
  width: 200%;
}
@media (min-width: 64rem) {
  #opya .case-content2__images {
    transform: translate(-0.5%, 50%);
  }
}
@media (min-width: 80rem) {
  #opya .case-content2__images {
    transform: scale(0.98) translate(-0.5%, 51%);
  }
}
@media (min-width: 215rem) {
  .testimonial__logo-wrapper {
    max-width: 25%;
  }
  .blue-section__bg-wrapper > img {
    width: 80%;
  }
  /* .parallax__home-hero-square {
    top: 10rem;
    right: -10rem;
  } */
  .parallax__our-work-blue-section-circle-1 {
    top: 15vw;
  }
  #opya .case-content2__images {
    transform: scale(1.05) translate(2.95%, 50%);
  }
}
#opya .case-blue {
  padding-top: 7.5rem;
}
@media (min-width: 25.875rem) {
  #opya .case-content2__images {
    margin-top: 5rem;
  }
  #opya .case-blue {
    padding-top: 9.5rem;
  }
}
#opya .case-content3 {
  margin-bottom: 5.625rem;
  background-repeat: no-repeat;
  background-position: center 27%;
  background-size: 150%;
  background-image: url(../assets/images/bg-texts/results.png);
}
@media (min-width: 48rem) {
  #opya .case-content2__images {
    margin-top: -5rem;
  }
  #opya .case-blue {
    padding-top: 12.5rem;
  }
  #opya .case-content3 {
    margin-bottom: 7.5rem;
  }
}
@media (min-width: 64rem) {
  #opya .case-content3 {
    background-position: center 140%;
  }
}
@media (min-width: 80rem) {
  #opya .case-blue {
    padding-top: 16rem;
  }
  #opya .case-blue .round-brand.bottom-35 {
    transform: none;
  }
  #opya .case-content3 {
    background-size: 100%;
    background-position: center 100%;
  }
  #opya .bg-white > .case-statement {
    padding: 0 0 12.5rem;
  }
}
#opya .testimonial__logo-wrapper img {
  max-width: 8.125rem;
}
#opya .case-card {
  position: relative;
  z-index: 99;
}
#opya
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__blurred
  img {
  max-width: 50vw;
}
@media (min-width: 48rem) {
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    top: -3rem;
  }
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred
    img {
    max-width: 40vw;
  }
}
@media (min-width: 80rem) {
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    top: -3.75rem;
    left: -2.5rem;
  }
}
@media (min-width: 90rem) {
  #opya .case-image2__wrapper1 {
    transform: scale(1.05);
  }
  #opya .case-content1 {
    background-size: 70%;
    background-position: bottom;
  }
  #opya .case-image4 {
    margin-bottom: 10.625rem;
  }
  #opya .case-image4 .container {
    top: 48%;
  }
  #opya .case-content2 {
    padding-top: 14.375rem;
  }
  #opya .case-content3 {
    background-position: center 95%;
    background-size: 95%;
    margin-bottom: 0;
    padding-bottom: 5.75rem;
  }
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    left: -6.25rem;
  }
}
@media (min-width: 100rem) {
  #opya .case-image1__shape {
    width: 5.125rem;
    height: 5.125rem;
    right: 24vw;
  }
  #opya .case-image2__wrapper1 > img {
    max-width: 87.5rem;
    margin: auto;
  }
  #opya .case-content1 {
    background-position: bottom bottom;
    padding: 4rem 0 12.375rem;
  }
  #opya .case-blue {
    padding-top: 27.5rem;
  }
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    left: -7.1875rem;
  }
}
#opya
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__mobile
  img {
  max-width: 27.5vw;
}
@media (min-width: 48rem) {
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 25vw;
  }
  #case-enforcenet .case-header {
    background-size: 100%;
  }
}
@media (min-width: 80rem) {
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile {
    bottom: -1.25rem;
    right: -2.5rem;
  }
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 22vw;
  }
}
@media (min-width: 90rem) {
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile {
    right: -7.5rem;
  }
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 20vw;
  }
  #case-enforcenet .case-image4__card {
    transform: translate(4.375rem, -3.75rem);
  }
}
#opya .case-slider .parallax__boxes.blur {
  position: absolute;
  width: 1.5625rem;
  height: 1.5625rem;
  filter: blur(0.5rem);
  right: 0;
}
@media (min-width: 80rem) {
  #opya .case-slider .parallax__boxes.blur {
    right: 2.5rem;
    bottom: 34.375rem;
    z-index: 10;
  }
  #case-enforcenet .case-header {
    /* background-image: url("../assets/images/bg-texts/case-study.png"); */
    background-image: url("../assets/images/bg-texts/webp/case-study.webp");
    background-position: center bottom;
  }
  #case-enforcenet .case-statement.case-summary {
    margin-bottom: 0;
  }
}
@media (min-width: 100rem) {
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 17.5vw;
  }
  #opya .case-slider .parallax__boxes.blur {
    right: 7.5rem;
    bottom: 38.125rem;
  }
  #case-enforcenet .case-header {
    background-position: center 115%;
  }
}
#case-enforcenet .case-statement.case-summary {
  background: linear-gradient(0deg, #f9f9f9, #fff 80%) no-repeat;
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}
#case-enforcenet > .case-statement:not(.case-summary) {
  /* background-image: url("../assets/images/bg-texts/enforcenet.png"); */
  background-image: url("../assets/images/bg-texts/webp/enforcenet.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.case-grid-images {
  margin-bottom: 7.5rem;
}
.case-grid-images__shape {
  position: absolute;
  top: -2.5rem;
  left: 0;
  width: 3.625rem;
  height: 5.75rem;
}
.case-grid-images__shape-shadow {
  position: absolute;
  width: 3.75rem;
  top: -1.875rem;
  left: 1.5625rem;
}
.case-grid-images__image1 {
  transform-origin: center top;
  transform: scale(1.4);
}
.case-grid-images__image1 img {
  width: 100%;
}
#case-enforcenet .case-content1 {
  padding: 0 1rem;
  margin-bottom: 6.25rem;
  background: 0 0;
}
#case-enforcenet .case-content1__right img {
  width: 100%;
  transform-origin: top right;
  transform: scale(1.1);
}
#case-enforcenet .case-content2 {
  position: relative;
  z-index: 1;
  /* background-image: url("../assets/images/pages/case-enforcenet/ms-shape.png"); */
  background-image: url("../assets/images/pages/case-enforcenet/webp/ms-shape.webp");
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}
#case-enforcenet .case-content3 {
  /* background-image: url("../assets/images/bg-texts/results.png"); */
  background-image: url("../assets/images/bg-texts/webp/results.webp");
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center 27%;
}
#case-enforcenet .case-content3 .text-section__description-rigth p a {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  margin-top: 1.5rem;
  font-size: 0.75rem;
  text-decoration: none;
}
#case-enforcenet .case-image1 {
  margin-bottom: 0;
  padding-bottom: 5.625rem;
}
#case-enforcenet .case-image1__image img {
  transform-origin: center top;
  transform: scale(1.25);
}
#case-enforcenet .case-image1__content {
  margin-top: -0.75rem;
}
#case-enforcenet .case-image1__grid {
  gap: 0;
}
#case-enforcenet .case-image1__card {
  padding: 1.5rem 0;
  background-color: rgba(255, 255, 255, 0.7);
}
#case-enforcenet .case-image1__number {
  font-size: 1.5rem;
}
#case-enforcenet .case-image4__subtitle {
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
}
#case-enforcenet .case-full-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5.625rem;
  margin-bottom: 4.375rem;
  min-height: 87.5rem;
  /* background-image: url("../assets/images/pages/case-enforcenet/map-bg.png"); */
  background-image: url("../assets/images/pages/case-enforcenet/webp/map-bg.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#case-enforcenet .case-full-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  transform-origin: left center;
  transform: scale(2.7) translateX(-5rem);
}
#case-enforcenet .case-full-image:after,
#case-enforcenet .case-full-image:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
}
#case-enforcenet .case-full-image:before {
  top: 0;
  background: linear-gradient(#f9f9f9 0, rgba(249, 249, 249, 0) 100%);
}
#case-enforcenet .case-full-image:after {
  bottom: 0;
}
#case-enforcenet .case-blue {
  padding-top: 15rem;
  margin-top: -10rem;
}
#case-enforcenet .case-blue__column1,
#case-enforcenet .case-blue__column2 {
  flex-basis: 60%;
}
#case-enforcenet .case-blue__brands-grid {
  place-items: start;
}
#case-enforcenet .case-blue__brands-triangle {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
}
#case-enforcenet .case-blue__brands-triangle-2 {
  transform: rotate(-90deg);
  left: 3.125rem;
}
#case-enforcenet .case-blue__brands-triangle-3 {
  right: 3.125rem;
  transform: rotate(90deg);
}
#case-enforcenet .case-blue__brands-triangle-4 {
  position: absolute;
  border: 0.03125rem dashed #1edd8e;
  bottom: 5rem;
  width: 9.375rem;
  right: 3.125rem;
  transform-origin: right bottom;
}
#case-enforcenet .case-card .testimonial__logo-wrapper img {
  max-width: 9.6875rem;
}
#case-enforcenet .case-float-images__images {
  display: block;
  padding-top: 5rem;
}
#case-enforcenet .case-float-images__image1 {
  display: block;
  transform-origin: top center;
  transform: scale(1.1) translateY(-2rem);
}
#case-enforcenet .case-float-images__image2 {
  margin-top: -3.5rem;
  margin-left: -0.75rem;
  transform-origin: left center;
  transform: scale(1.4);
}
#remote-legal .single-header {
  background-position: center 70%;
  background-size: 150%;
}
@media (min-width: 25.875rem) {
  .case-grid-images__shape {
    left: 4vw;
  }
  .case-grid-images__image1 img {
    max-width: 25.875rem;
    margin: 0 auto;
  }
  #case-enforcenet .case-full-image img {
    transform: scale(2) translateX(-5rem);
  }
  #remote-legal .single-header {
    background-position: center 90%;
  }
}
@media (min-width: 48rem) {
  #case-enforcenet .case-statement {
    margin-bottom: 7.5rem;
  }
  .case-grid-images {
    margin-bottom: 2.5rem;
  }
  .case-grid-images__image1 {
    transform: scale(1);
  }
  #case-enforcenet .case-content3 .case-statement {
    margin-bottom: 0;
  }
  #case-enforcenet .case-image1__grid {
    gap: 0.75rem;
  }
  #case-enforcenet .case-image1__card {
    padding: 2rem 1.5rem;
  }
  #case-enforcenet .case-image1__number {
    font-size: 2rem;
  }
  #case-enforcenet .case-image4 {
    margin-bottom: 12.5rem;
  }
  #case-enforcenet .case-image4 .container {
    top: initial;
  }
  #case-enforcenet .case-full-image {
    margin-top: 0;
  }
  #case-enforcenet .case-full-image img {
    transform: scale(1.2) translateX(-5rem);
  }
  #case-enforcenet .case-float-images__images {
    max-width: 50%;
    margin: 0 auto;
  }
  #case-enforcenet .case-float-images__images-wrapper1 {
    width: fit-content;
    margin: 0 auto;
  }
  #remote-legal .single-header {
    background-position: center 85%;
    background-size: 120%;
  }
}
@media (min-width: 64rem) {
  .case-grid-images__shape {
    top: -2.5rem;
    left: 2vw;
    width: 5rem;
    height: 7.875rem;
  }
  #case-enforcenet .case-blue__brands-triangle,
  #case-enforcenet .case-image1 .shape {
    display: block;
  }
  #case-enforcenet .case-blue__bottom {
    margin-top: 7rem;
  }
  #case-enforcenet .case-blue__brands-wrapper {
    margin: 4.375rem auto;
  }
  #case-enforcenet .case-blue__brands-triangle-4 {
    width: 100%;
    right: 0;
  }
  #remote-legal .single-header {
    background-position: center 90%;
    background-size: 100%;
  }
}
@media (min-width: 80rem) {
  #case-enforcenet .case-statement.about .text-section__title {
    margin-bottom: 2rem;
  }
  .case-grid-images {
    margin-bottom: 7.5rem;
  }
  .case-grid-images__grid {
    display: grid;
    grid-template-columns: 30% 45% 25%;
    place-items: center;
  }
  .case-grid-images__image1 img {
    max-width: initial;
  }
  .case-grid-images__image2 {
    display: block;
    transform-origin: center top;
  }
  .case-grid-images__image3 {
    display: block;
    align-self: flex-end;
  }
  #case-enforcenet .case-content1 {
    padding: 0;
    margin-bottom: 10.625rem;
  }
  #case-enforcenet .case-content1__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    place-items: center;
  }
  #case-enforcenet .case-content1__left {
    margin-bttom: 0;
  }
  #case-enforcenet .case-content1__right img {
    transform: scale(1.1) translateX(-3rem);
  }
  #case-enforcenet .case-blue__title,
  #case-enforcenet .case-content1__title,
  #case-enforcenet .case-image4__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  #case-enforcenet .case-content1__text {
    margin-bottom: 4.125rem;
  }
  #case-enforcenet .case-content2 {
    position: relative;
    z-index: 5;
    background-size: cover;
    padding-bottom: 28.75rem;
    margin-bottom: 3.125rem;
  }
  #case-enforcenet .case-content2__text {
    max-width: 80%;
    margin: 0 auto;
  }
  #case-enforcenet .case-content3 {
    margin-bottom: 11.25rem;
    background-position: center 110%;
    background-size: 100%;
  }
  #case-enforcenet .case-content3 .text-section__description-rigth p a {
    margin-top: 3.125rem;
    font-size: 0.875rem;
  }
  #case-enforcenet .case-content3 .case-statement {
    padding-bottom: 4.375rem;
  }
  #case-enforcenet .case-float-images__image1,
  #case-enforcenet .case-image1__image img {
    transform: scale(1);
  }
  #case-enforcenet .case-image1__content {
    margin-top: -13.75rem;
  }
  #case-enforcenet .case-image4 {
    margin: 15rem 0 18.75rem;
  }
  #case-enforcenet .case-image4__image {
    padding-right: 0;
    width: 50%;
    transform: scale(1.2);
  }
  #case-enforcenet .case-image4__card {
    padding: 4.6875rem 3.75rem;
  }
  #case-enforcenet .case-full-image {
    margin-bottom: 11.25rem;
  }
  #case-enforcenet .case-full-image img {
    transform: scale(1);
    max-width: 60vw;
  }
  #case-enforcenet .case-blue .container {
    display: flex;
    gap: 5%;
    padding-top: 12.5rem;
    padding-bottom: 7.5rem;
  }
  #case-enforcenet .case-blue__subtitle {
    font-size: 1rem;
  }
  #case-enforcenet .case-blue__text {
    max-width: 28.75rem;
  }
  #case-enforcenet .case-blue .round-brand.bottom-35 {
    transform: none;
  }
  #case-enforcenet .case-blue .round-brand.top {
    grid-area: 1/2/2/3;
  }
  #case-enforcenet .case-blue .round-brand.left .round-brand__wrapper,
  #case-enforcenet .case-blue .round-brand.top .round-brand__wrapper {
    display: flex;
    flex-direction: column;
  }
  #case-enforcenet .case-blue .round-brand.left {
    grid-area: 2/1/3/2;
    margin-top: -1.5rem;
    margin-left: -1rem;
  }
  #case-enforcenet .case-blue .round-brand.right {
    grid-area: 2/3/3/4;
    margin-top: -1.5rem;
    margin-right: -1.5rem;
  }
  #case-enforcenet .case-blue .round-brand.bottom {
    grid-area: 3/2/4/3;
    margin-top: -3rem;
  }
  #case-enforcenet .case-blue__column1 {
    transform: translateX(-3.5rem);
  }
  #case-enforcenet .case-blue__grid-list {
    max-width: 18.75rem;
    transform: translateX(7.5rem);
  }
  #case-enforcenet .case-blue__brands-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 3.75rem 3.75rem;
  }
  #case-enforcenet .case-blue__bottom {
    margin-top: 0;
  }
  #case-enforcenet .case-blue__right {
    place-self: auto;
  }
  #case-enforcenet .case-blue__brands-circle {
    display: flex;
  }
  #case-enforcenet .case-blue__brands-triangle {
    display: none;
  }
  #case-enforcenet .case-float-images__images {
    max-width: 56.25rem;
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: -26.875rem;
    transform: translateY(8.75rem);
  }
  #case-enforcenet .case-float-images__images-wrapper1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #case-enforcenet .case-float-images__image2 {
    margin-top: -6.875rem;
    transform: scale(1) translateX(1.875rem);
  }
  #case-enforcenet .case-float-images__image3 {
    display: block;
  }
  #remote-legal .single-header {
    background-position: center 105%;
  }
}
@media (min-width: 100rem) {
  #case-enforcenet .case-content3 {
    background-position: center 130%;
  }
  #case-enforcenet .case-blue .round-brand.left {
    margin-left: -3rem;
  }
  #case-enforcenet .case-blue .round-brand.right {
    margin-right: -3.5rem;
  }
  #case-enforcenet .case-blue__brands-grid {
    grid-gap: 5.75rem 6.5rem;
  }
  #case-enforcenet .case-blue__brands-circle-inner {
    width: 27.875rem;
  }
  #case-enforcenet .case-blue__brands-circle-outer {
    width: 65.75rem;
  }
  #remote-legal .single-header {
    background-position: center 120%;
    background-size: 100%;
  }
}
#remote-legal .single-header__subtitle {
  background: linear-gradient(137deg, #1edd8e 0, #53c0d2 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
#remote-legal .parallax.case-image3__diamond,
#remote-legal .parallax.case-image3__diamond-shadow {
  width: 6.25rem;
  height: 6.25rem;
  z-index: 1;
  left: 75%;
  position: absolute;
}
@media (min-width: 48rem) {
  #remote-legal .parallax.case-image3__diamond,
  #remote-legal .parallax.case-image3__diamond-shadow {
    left: 40vw;
  }
  #remote-legal .parallax.case-content2__shape {
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
    display: block;
    top: 28vw;
    left: 46vw;
  }
}
@media (min-width: 64rem) {
  #remote-legal .parallax.case-image3__diamond,
  #remote-legal .parallax.case-image3__diamond-shadow {
    left: 31vw;
  }
  #remote-legal .case-content1 .card__link-wrapper {
    transform: translateY(0);
    color: #fff;
  }
  #remote-legal .case-content1 .card__bg {
    clip-path: circle(150% at 0% 0%);
  }
  #remote-legal .case-content1 .card__icon-wrapper i {
    filter: brightness(0) invert(1);
  }
  #remote-legal .case-content1 .card__description-wrapper,
  #remote-legal .case-content1 .card__pill-wrapper {
    opacity: 1;
  }
}
@media (min-width: 80rem) {
  #remote-legal .parallax.case-image3__diamond,
  #remote-legal .parallax.case-image3__diamond-shadow {
    left: 6vw;
    height: 7.9375rem;
    top: -5vw;
  }
  #remote-legal .parallax.case-content2__shape {
    width: 5.125rem;
    height: 5.125rem;
    z-index: 2;
    top: 30vw;
    left: 38vw;
  }
  #remote-legal .parallax.case-content3 {
    display: none;
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    filter: blur(0.5rem);
    z-index: -1;
    right: 6vw;
    top: 10vw;
  }
}
@media (min-width: 100rem) {
  #remote-legal .parallax.case-image3__diamond,
  #remote-legal .parallax.case-image3__diamond-shadow {
    left: 4vw;
    top: 0;
  }
  #remote-legal .parallax.case-content2__shape {
    top: 32vw;
    left: 38vw;
  }
}
@media (min-width: 120rem) {
  .sg-image__card,
  .si-images__card {
    padding: 4.6875rem 4rem 4.6875rem 3rem;
    max-width: 29rem;
  }
  .sg-statement {
    padding-top: 21rem;
  }
  .sg-statement .sg__title {
    max-width: 55vw;
  }
  .sg-statement__middle {
    height: 0;
    padding-top: 4rem;
  }
  .sg-statement__middle > .sg__line {
    margin: 0 -85%;
  }
  .sg-images__image-1 > img {
    width: 95%;
  }
  .sg-images__circle {
    top: -3rem;
  }
  .si-statement .sg__line {
    margin: 0;
  }
  .si-blue__image2-wrapper {
    right: 0;
    bottom: -8.75rem;
  }
  .st-image__card {
    padding: 4.6875rem 4rem 4.6875rem 3rem;
  }
  #opya .case-content2__work,
  .st-image .sg__text {
    font-size: 1rem;
  }
  #case-vas .case-header {
    padding-bottom: 11.25rem;
    background-position: center bottom;
  }
  .case-image1 {
    margin-top: -3.75rem;
  }
  #case-enforcenet .case-float-images__image1,
  #case-enforcenet .case-float-images__image3,
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__desktop
    img,
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__desktop
    img,
  .case-content2__img1-wrapper img,
  .case-content2__img2-wrapper,
  .case-image2__wrapper1 img,
  .case-image2__wrapper2 {
    width: 100%;
  }
  .case-image2__wrapper2 img {
    width: 45%;
  }
  .case-image3__image1 {
    width: 36%;
    margin-right: 6%;
  }
  .case-image3__image2 {
    max-width: 50%;
  }
  .case-image3__image3 {
    margin-top: -23.75rem;
  }
  #case-vas .case-image4__image {
    padding-right: 0;
    width: 50%;
    transform: scale(1.2);
  }
  #case-vas
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred
    img {
    width: 27.5vw;
  }
  .case-opya__shape {
    top: -13.75rem;
    right: 4vw;
  }
  #opya .single-header {
    background-position: center 110%;
    background-size: 100%;
    padding-bottom: 9rem;
  }
  #opya .case-image3__image1 {
    max-width: 22vw;
  }
  #opya .case-image3__image2 {
    max-width: 56vw;
    width: 100%;
  }
  #opya .case-image3__image3 {
    max-width: 22vw;
    bottom: -5vw;
  }
  #opya .case-image4 {
    margin-bottom: 8.75rem;
  }
  #opya .case-image4 .container {
    top: 50%;
    margin-right: 9vw;
  }
  #opya .case-image4__image {
    padding: 0;
    max-width: 50vw;
    width: 100%;
    margin-left: -2rem;
  }
  #opya .case-content2 {
    padding-top: 18rem;
    margin-top: 3rem;
  }
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    left: -9.375rem;
    top: -5rem;
  }
  #opya
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred
    img {
    width: 27.5vw;
  }
  #case-enforcenet .case-header {
    padding-bottom: 12rem;
    background-position: center 84%;
  }
  .case-grid-images {
    margin: 5rem 0;
  }
  .case-grid-images__image2 {
    transform: scale(1);
  }
  .case-grid-images__image3 {
    transform-origin: center top;
    transform: scale(1);
  }
  #case-enforcenet .case-content1__right img {
    transform: scale(1.4);
  }
  #case-enforcenet .case-content2 {
    margin-bottom: 5rem;
  }
  #case-enforcenet .case-image4 {
    margin: 22rem 0 18.75rem;
  }
  #case-enforcenet .case-image4__card {
    transform: translate(6.25rem, -2.5rem);
  }
  #case-enforcenet .case-blue .round-brand__round > img {
    width: 75%;
  }
  #case-enforcenet .case-card .testimonial__logo-wrapper img {
    width: 100%;
    max-width: initial;
  }
  #case-enforcenet .case-float-images__images {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -25rem;
  }
  #case-enforcenet .case-float-images__image2 {
    width: 100%;
    transform: translateX(4.375rem);
  }
  #remote-legal .single-header {
    background-position: center 110%;
    padding-top: 15rem;
    padding-bottom: 10rem;
  }
  #remote-legal .parallax.case-content2__shape {
    top: 35vw;
    left: 32.5vw;
  }
}
@media (min-width: 215rem) {
  #remote-legal .parallax.case-content2__shape {
    left: 35vw;
  }
}
@media (min-width: 80rem) and (min-width: 64rem) {
  #remote-legal .parallax.case-content3 {
    display: block;
  }
}
#remote-legal .case-content1 {
  background-image: none;
}
#remote-legal .case-content1 .card__title-wrapper {
  font-size: inherit;
  line-height: inherit;
}
#insights .blue__top .text-section__title span,
#insights .statement .text-section__title {
  line-height: 1.2;
}
#remote-legal .case-content1 .card__icon-wrapper {
  font-size: 3rem;
}
#remote-legal .case-content1 .card__icon-wrapper > img {
  max-width: 1.875rem;
}
#remote-legal .case-image1__shape {
  top: 2.5rem;
  right: 0.9375rem;
}
@media (min-width: 25.875rem) {
  #remote-legal .case-image1__shape {
    right: 1rem;
  }
}
@media (min-width: 80rem) {
  #remote-legal .case-content1 {
    margin-bottom: 0;
    padding-bottom: 10.9375rem;
  }
  #remote-legal .case-content1__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    text-align: center;
  }
  #remote-legal .case-content1__text {
    text-align: center;
    max-width: 29.5rem;
    margin: 2.5rem auto;
  }
  #remote-legal .case-content1__line {
    margin: 0 auto 1.5rem;
  }
  #remote-legal .case-content1__paragraph {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #remote-legal .case-content1 .single-header__subtitle {
    text-align: center;
    margin-bottom: 7.1875rem;
  }
  #remote-legal .case-image1__shape {
    top: 4vw;
    right: 3vw;
    width: 5.125rem;
    height: 5.125rem;
  }
  #remote-legal .case-image2__wrapper1 {
    margin-top: -0.5rem;
    padding: 0;
    margin-left: -15vw;
  }
  #remote-legal .case-image2__wrapper1 img {
    width: 77%;
  }
}
#remote-legal .case-image1__img1 {
  transform: scale(1.4);
  margin-top: -3rem;
}
@media (min-width: 64rem) {
  #remote-legal .case-image1__card {
    padding: 1.5rem 1.875rem;
  }
  #remote-legal .case-image1__img1 {
    transform: scale(1.5);
    margin-top: -5rem;
  }
}
@media (min-width: 90rem) {
  #remote-legal .case-image1__shape {
    top: 9vw;
    right: 8vw;
  }
  #remote-legal .case-image1__img1 {
    transform: scale(1.32);
    margin-top: -12rem;
  }
}
@media (min-width: 100rem) {
  #remote-legal .case-image1__shape {
    top: 12vw;
    right: 12vw;
  }
  #remote-legal .case-image1__img1 {
    transform: scale(1.2);
    margin-top: -15rem;
    margin-left: 1rem;
  }
}
@media (min-width: 48rem) {
  #remote-legal .case-content1 .cards-section__right {
    gap: 2rem;
    gap: 0;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.25rem;
    place-content: space-between;
  }
  #remote-legal .case-image1__content {
    margin-top: -7rem;
  }
}
@media (min-width: 90rem) {
  #remote-legal .case-image1__content {
    margin-top: -13rem;
  }
}
#remote-legal .case-image2__wrapper1 {
  transform-origin: bottom;
  margin-bottom: 1.5625rem;
}
#remote-legal .bg-white .case-statement {
  padding: 4.375rem 0 8.75rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 48rem) {
  #remote-legal .bg-white .case-statement {
    overflow: visible;
    padding: 8.75rem 0;
  }
}
#remote-legal .bg-white .case-statement__shape {
  transform: scale(0.75);
  position: absolute;
  top: -7.8125rem;
  right: -7.8125rem;
}
@media (min-width: 64rem) {
  #remote-legal .bg-white .case-statement {
    padding-top: 8rem;
  }
  #remote-legal .bg-white .case-statement__shape {
    top: 0;
    right: -6rem;
  }
}
@media (min-width: 80rem) {
  #remote-legal .bg-white .case-statement__shape {
    top: 3.125rem;
  }
}
@media (min-width: 100rem) {
  #remote-legal .case-image1__content {
    margin-top: -17rem;
  }
  #remote-legal .bg-white .case-statement__shape {
    transform: scale(1.1);
    top: 12vw;
  }
}
@media (min-width: 120rem) {
  #remote-legal .case-image2__wrapper1 {
    margin-left: -4vw;
  }
  #remote-legal .bg-white .case-statement__shape {
    right: -1vw;
  }
}
#remote-legal .case-remote__gray {
  background: url("../assets/images/pages/case-remote/High Level User Flow.png")
    85% 50%/450% no-repeat;
}
@media (min-width: 25.875rem) {
  #remote-legal .case-remote__gray {
    background-size: 300%;
    background-position: 85% 50%;
  }
}
@media (min-width: 48rem) {
  #remote-legal .case-remote__gray {
    background-size: 200%;
    background-position: 90% 58%;
  }
}
#remote-legal .case-remote__gray .case-statement {
  padding-bottom: 2.0625rem;
}
#remote-legal .case-content2__subtext,
.ebook__button-link {
  text-transform: uppercase;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
}
#remote-legal .case-image3-wrapper .case-image3 {
  margin-bottom: 4.375rem;
  position: relative;
}
@media (min-width: 80rem) {
  #remote-legal .case-remote__gray {
    background-size: 100%;
    background-position: center 40%;
  }
  #remote-legal .case-remote__gray .case-statement .text-section__title {
    margin-bottom: 2rem;
  }
  #remote-legal .case-image3-wrapper {
    justify-content: center;
    /* background: url("../assets/images/bg-texts/case-remote.png") center top/160%
      no-repeat; */
    background: url("../assets/images/bg-texts/webp/case-remote.webp") center
      top/160% no-repeat;
  }
  #remote-legal .case-image3-wrapper .case-image3 {
    margin: 0 auto;
    padding: 4.375rem 0;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 100rem) {
  #remote-legal .case-image3-wrapper .case-image3 {
    justify-content: center;
    max-width: 100%;
    height: 41rem;
    gap: 5rem;
  }
}
#remote-legal .case-image3-wrapper .case-image3__image1 {
  top: 5rem;
  left: -2rem;
  position: relative;
}
#remote-legal .case-image3-wrapper .case-image3__image2 {
  margin-top: 1.5rem;
  transform: scale(2);
}
#remote-legal .case-content2__text {
  color: #102532;
  margin-bottom: 2rem;
}
#remote-legal .case-content2__subtext {
  font-weight: 700;
  background-clip: text;
  -webkit-background-clip: text;
}
#remote-legal .case-content2__images {
  margin-top: 4.6875rem;
  position: relative;
  bottom: -2.5rem;
  left: -0.9375rem;
}
@media (min-width: 48rem) {
  #remote-legal .case-image3-wrapper .case-image3__image1 {
    margin-left: inherit;
    transform: none;
    left: -6.25rem;
    max-width: 90%;
  }
  #remote-legal .case-image3-wrapper .case-image3__image2 {
    transform: none;
    max-width: 115%;
    margin-top: -345px;
  }
  #remote-legal .case-content2__images {
    display: flex;
    margin-top: 0;
    bottom: -6.5rem;
  }
  #remote-legal .case-content2__image1 {
    display: block;
    max-width: 55%;
    align-self: flex-start;
  }
}
@media (min-width: 80rem) {
  #remote-legal .case-image3-wrapper .case-image3__image1 {
    top: 0;
    max-width: none;
    width: 35%;
    left: unset;
  }
  #remote-legal .case-image3-wrapper .case-image3__image2 {
    transform: scale(1.2);
    margin: 0;
    padding: 0;
    top: -7rem;
    align-self: flex-end;
    max-width: none;
    width: 35%;
  }
  #remote-legal .case-image3-wrapper .case-image3__image3 {
    display: block;
    align-self: flex-end;
    margin-bottom: -2rem;
    padding: 0;
    max-width: 30%;
    transform: none;
  }
  #remote-legal .case-content2 {
    padding-top: 10.625rem;
  }
  #remote-legal .case-content2__text {
    max-width: 50.875rem;
    margin: 2rem auto;
  }
  #remote-legal .case-content2__images {
    left: 0;
  }
  #remote-legal .case-content2__image1 {
    z-index: 1;
  }
}
@media (min-width: 100rem) {
  #remote-legal .case-image3-wrapper .case-image3__image1 {
    width: 20%;
    flex: inherit;
    left: unset;
    margin: unset;
    transform: scale(1.25);
    align-self: flex-start;
  }
  #remote-legal .case-image3-wrapper .case-image3__image2 {
    width: 32%;
    flex: inherit;
    top: 0;
    align-self: center;
    transform: scale(1.25);
  }
  #remote-legal .case-image3-wrapper .case-image3__image3 {
    flex: inherit;
    align-self: flex-end;
    max-width: 24%;
    transform: scale(1.25);
    margin: 0;
  }
  #remote-legal .case-content2__images {
    bottom: -9.5rem;
  }
  #remote-legal .case-image4 {
    margin-bottom: 0;
  }
}
#remote-legal .case-content2__image2 {
  max-width: 110%;
  position: relative;
  left: -5%;
  bottom: -5vw;
}
@media (min-width: 25.875rem) {
  #remote-legal .case-content2__image2 {
    max-width: 115%;
    left: -10%;
    bottom: -8vw;
  }
}
@media (min-width: 48rem) {
  #remote-legal .case-content2__image2 {
    max-width: 65%;
    align-self: flex-end;
  }
}
@media (min-width: 64rem) {
  #remote-legal .case-content2__image1 {
    max-width: 60%;
  }
  #remote-legal .case-content2__image2 {
    max-width: 60%;
    left: -15vw;
    bottom: 2vw;
  }
}
@media (min-width: 80rem) {
  #remote-legal .case-content2__image2 {
    z-index: 3;
    bottom: -15vw;
    max-width: 65%;
    left: -24vw;
  }
}
@media (min-width: 120rem) {
  #remote-legal .case-image3-wrapper .case-image3 {
    height: 38rem;
  }
  #remote-legal .case-content2 {
    margin-bottom: -8rem;
  }
  #remote-legal .case-content2__images {
    bottom: -8rem;
  }
  #remote-legal .case-content2__image2 {
    max-width: 70%;
    left: -30vw;
  }
}
@media (min-width: 215rem) {
  #remote-legal .case-content2__image2 {
    max-width: 70%;
    bottom: -13vw;
    left: -23vw;
  }
}
@media (min-width: 250rem) {
  .testimonial__blockquote-wrapper,
  .testimonial__name-wrapper {
    font-size: 1.5rem;
  }
  #opya .case-content2__images {
    transform: scale(1.2) translate(9.35%, 45%);
  }
  #remote-legal .parallax.case-content2__shape {
    left: 43vw;
    top: 27vw;
  }
  #remote-legal .case-content2__image2 {
    left: -6vw;
  }
}
#remote-legal .testimonial__logo-wrapper img {
  max-width: 10.4375rem;
}
#remote-legal .case-blue {
  padding-top: 5.375rem;
}
@media (min-width: 48rem) {
  #remote-legal .case-blue {
    padding-top: 9.375rem;
  }
  #remote-legal .case-image4 .container {
    right: auto;
    top: 85%;
  }
  #remote-legal .case-image4__image {
    padding-right: 0;
    padding-left: 20vw;
  }
}
@media (min-width: 64rem) {
  #remote-legal .case-blue {
    padding-top: 17.5rem;
  }
  #remote-legal .case-image4 {
    display: flex;
    justify-content: flex-end;
  }
  #remote-legal .case-image4 .container {
    right: 45%;
    top: 85%;
  }
}
#remote-legal .case-content3 {
  background-repeat: no-repeat;
  background-position: center 60%;
  background-size: 100%;
  background-image: url(../assets/images/bg-texts/results.png);
}
@media (min-width: 48rem) {
  #remote-legal .case-content3 {
    margin-top: 5rem;
    margin-bottom: 7.5rem;
  }
}
@media (min-width: 80rem) {
  #remote-legal .case-blue {
    padding-top: 26.625rem;
  }
  #remote-legal .case-blue .round-brand.bottom-35 {
    transform: none;
  }
  #remote-legal .case-blue .container {
    padding-bottom: 11.25rem;
  }
  #remote-legal .case-blue__words {
    transform: translateY(8.875rem);
  }
  #remote-legal .case-blue__brands-circle-outer {
    width: 55rem;
  }
  #remote-legal .case-image4 .container {
    top: 90%;
    max-width: 45%;
  }
  #remote-legal .case-image4__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  #remote-legal .case-content3 {
    background-position: center 110%;
    margin-bottom: 0;
  }
}
#remote-legal
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__blurred
  img {
  max-width: 50vw;
}
@media (min-width: 48rem) {
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    top: -3rem;
  }
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred
    img {
    max-width: 40vw;
  }
}
@media (min-width: 80rem) {
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    top: -3.75rem;
    left: -6.25rem;
  }
}
#remote-legal
  .case-slider
  .progress-slider__slide:first-child
  .progress-slider__mobile
  img {
  max-width: 30vw;
}
@media (min-width: 80rem) {
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile {
    bottom: -5rem;
    right: -2.5rem;
  }
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 27.5vw;
  }
}
/* #careers .parallax.header__circle-shape .circle-shape {
  top: 4.1875rem;
  right: -1.0625rem;
  box-shadow: 0 16px 60px 0 rgba(6, 6, 6, 0.1);
} */
/* @media (min-width: 48rem) {
  #careers .parallax.header__circle-shape .circle-shape {
    top: 8rem;
    right: 1rem;
  }
} */
@media (min-width: 64rem) {
  #remote-legal .case-image4__image {
    padding: 0;
    width: 60%;
  }
  /* #careers .parallax.header__circle-shape .circle-shape {
    top: 1rem;
    right: 0;
  } */
}
/* @media (min-width: 80rem) {
  #careers .parallax.header__circle-shape .circle-shape {
    right: 2rem;
  }
  #careers .single-header {
    background-position-y: 75%;
  }
} */
@media (min-width: 90rem) {
  #remote-legal .case-image4 .container {
    top: 90%;
    max-width: 45%;
  }
  #remote-legal .case-content3 {
    background-position: center 130%;
  }
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred {
    left: -10rem;
  }
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile {
    right: -7.5rem;
  }
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    max-width: 25vw;
  }
  /* #careers .parallax.header__circle-shape .circle-shape {
    right: -1vw;
  } */
}
/* #careers .parallax.blue-section__circle-shape .circle-shape {
  display: block;
  right: inherit;
  top: 15rem;
  left: -1.625rem;
} */
/* @media (min-width: 25.875rem) {
  #careers .parallax.blue-section__circle-shape .circle-shape {
    top: 21.25rem;
  }
} */
/* #careers .parallax.blue-section__circle-shape-blur {
  position: absolute;
  z-index: 1;
  width: 1.875rem;
  height: 1.875rem;
  filter: blur(0.5rem);
  display: block;
  top: 8.25rem;
  right: 2.75rem;
} */
/* @media (min-width: 48rem) {
  #careers .parallax.blue-section__circle-shape .circle-shape {
    top: 29.25rem;
  }
  #careers .parallax.blue-section__circle-shape-blur {
    top: 14.25rem;
    right: 12.25rem;
  }
  #careers .get-in-touch {
    margin-top: calc(-50vw - 3.75rem);
  }
} */
/* @media (min-width: 64rem) {
  #careers .parallax.blue-section__circle-shape .circle-shape {
    top: 20.0625rem;
  }
  #careers .parallax.blue-section__circle-shape-blur {
    display: block;
    top: 27.375rem;
    right: -0.5rem;
  }
} */
/* #careers .parallax.blue-section__circle-shape-2 .circle-shape {
  display: block;
  top: -2rem;
  right: 0.8125rem;
  z-index: 2;
} */
@media (min-width: 100rem) {
  #remote-legal .case-image4 .container {
    top: 65%;
    max-width: none;
    display: flex;
    justify-content: flex-end;
  }
  #remote-legal .case-image4__image {
    transform: none;
    margin-right: -2rem;
  }
  #remote-legal .case-image4__card {
    max-width: 100%;
    padding: 5.3125rem 3.75rem 5.3125rem 4.8125rem;
  }
  #remote-legal .case-image4__card-wrapper {
    width: 40vw;
    margin-right: 4vw;
  }
  #remote-legal .case-content3 {
    background-position: center 150%;
  }
  /* #careers .parallax.blue-section__circle-shape-2 .circle-shape {
    top: -2.5625rem;
    right: 2.5625rem;
  }
  #careers .parallax.about-us-diamond,
  #careers .parallax.about-us-diamond-shadow {
    display: block;
    position: absolute;
    height: 7.0625rem;
    width: 4.375rem;
    top: -5.625rem;
    z-index: 1;
    right: 4.75rem;
  } */
}
@media (min-width: 120rem) {
  #remote-legal .case-blue {
    padding-top: 28.625rem;
  }
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__blurred
    img,
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__mobile
    img {
    width: 27.5vw;
  }
  #remote-legal
    .case-slider
    .progress-slider__slide:first-child
    .progress-slider__desktop
    img {
    width: 100%;
  }
  /* #careers .parallax.blue-section__circle-shape .circle-shape {
    top: 14vw;
    left: 5vw;
    width: 3.5625rem;
    height: 3.5625rem;
  }
  #careers .parallax.blue-section__circle-shape-blur {
    right: 12.5vw;
    top: 21vw;
  }
  #careers .parallax.about-us-diamond,
  #careers .parallax.about-us-diamond-shadow {
    right: 6.75rem;
  } */
}
@media (min-width: 160rem) {
  #remote-legal .case-image1__img1 {
    margin-left: auto;
    width: 100%;
  }
  #remote-legal .bg-white .case-statement__shape {
    transform: none;
    width: 20%;
    right: -6vw;
    top: 10vw;
  }
  /* #careers .parallax.about-us-diamond,
  #careers .parallax.about-us-diamond-shadow {
    right: 5.75rem;
  } */
}
/* #careers .single-header {
  position: relative;
  background-position: center;
  background-size: 215%; */
  /* background-image: url("../assets/images/bg-texts/careers.png"); */
  /* background-image: url("../assets/images/bg-texts/webp/careers.webp");
} */
/* @media (min-width: 48rem) {
  #careers .single-header {
    background-position: center 75%;
    background-size: 200%;
    padding-right: 1.5rem;
  }
  #careers .single-header .primary-button {
    max-width: 15.3125rem;
  }
} */
/* @media (min-width: 64rem) {
  #careers .get-in-touch {
    margin-top: calc(-30vw);
  }
  #careers .single-header {
    background-position: center 80%;
    background-size: 85%;
  }
} */
/* #careers .single-header .primary-button {
  margin: 2.5rem 0 0;
} */
#header #careers-nav.navigation__wrapper .grid {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 5fr 4.25fr 2.75fr;
  gap: 2.1875rem;
}
#header #careers-nav.navigation__wrapper .grid__texts {
  padding-top: 5rem;
  color: #102532;
}
#header #careers-nav.navigation__wrapper .grid__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.625rem;
}
#header #careers-nav.navigation__wrapper .grid__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1rem 0;
}
#header #careers-nav.navigation__wrapper .grid__images {
  overflow: hidden;
  display: flex;
  align-items: center;
}
#header #careers-nav.navigation__wrapper .grid__images img {
  width: 100%;
}
#header #careers-nav.navigation__wrapper .grid__link ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-top: -1rem;
}
#header #careers-nav.navigation__wrapper .grid__link-item:first-child {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #0ecc7e;
}
#header #careers-nav.navigation__wrapper .grid__link-item:not(:first-child) {
  -webkit-background-clip: text;
  background-size: 210% 100%;
  background-position: 100%;
  transition: background-position 0.5s ease-in-out;
  padding: 0.75rem 0 0.625rem;
  border-bottom: 1px solid #d8d8d8;
}
#header
  #careers-nav.navigation__wrapper
  .grid__link-item:not(:first-child):hover {
  background-position: 0 105%;
  transition: background-position 0.5s ease-in-out;
}
#header #careers-nav.navigation__wrapper .grid__link-item > a {
  text-decoration: none;
  color: #102532;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
  text-transform: capitalize;
}
.definitions {
  display: flex;
  flex-direction: column;
  max-width: 73.75rem;
  margin: 0 auto;
}
.definitions__images {
  margin: 4.375rem -1.5rem 0;
  position: relative;
}
.definitions__img-1 {
  position: relative;
  left: -1rem;
}
.definitions__img-2 {
  position: relative;
  right: -3.75rem;
  top: -10.3125rem;
}
@media (min-width: 25.875rem) {
  .definitions__img-2 {
    right: -7.5rem;
  }
}
@media (min-width: 48rem) {
  .definitions__images {
    display: flex;
    flex-direction: column;
  }
  .definitions__img-1 {
    left: 0;
    width: 75%;
  }
  .definitions__img-2 {
    top: -12rem;
    right: 5rem;
    width: 45%;
    align-self: flex-end;
  }
}
@media (min-width: 64rem) {
  .definitions {
    flex-direction: row;
  }
  .definitions__accordion {
    flex: 0.85;
  }
  .definitions__images {
    margin: 0;
    flex: 1;
    position: relative;
    flex-direction: row;
    align-self: flex-start;
  }
  .definitions__img-1 {
    left: inherit;
    width: fit-content;
  }
  .definitions__img-2 {
    width: 60%;
    position: absolute;
    top: inherit;
    right: -5rem;
    bottom: -9rem;
  }
}
@media (min-width: 90rem) {
  /* #careers .single-header {
    background-size: 120%;
  } */
  .definitions__img-2 {
    right: -9vw;
    bottom: -12vw;
  }
}
.open-positions {
  margin-top: -8.75rem;
  margin-bottom: 8.75rem;
}
.open-positions .single-header__subtitle {
  margin-top: 1.875rem;
  font-size: 1rem;
  background: -webkit-linear-gradient(137deg, #53c0d2 40%, #1edd8e 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.open-positions .primary-button {
  margin: 1.875rem 0 0;
}
.open-positions__positions {
  margin-top: 6.25rem;
}
.open-positions__link .right-arrow-wrapper {
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: 700;
}
/* #careers > .blue-section {
  overflow: visible;
  margin-top: 11.25rem;
  padding-bottom: 4rem;
  z-index: 2;
  background-image: url(../assets/images/pages/careers/blue-bg.png);
  background-position: center;
} */
/* #careers > .blue-section .blue-section__images-wraper {
  display: flex;
  align-items: center;
  position: relative;
  top: -7rem;
  left: -72vw;
} */
/* @media (min-width: 25.875rem) {
  #careers > .blue-section {
    margin-top: 12.25rem;
  }
  #careers > .blue-section .blue-section__images-wraper {
    top: -8rem;
  }
} */
@media (min-width: 48rem) {
  .open-positions {
    margin-top: -10.625rem;
  }
  /* #careers > .blue-section {
    margin-top: 17rem;
    padding-bottom: calc(50vw + 5.25rem);
  }
  #careers > .blue-section .blue-section__images-wraper {
    top: -11rem;
    left: -54vw;
  } */
}
@media (min-width: 64rem) {
  .open-positions {
    margin-top: 9.375rem;
  }
  /* #careers > .blue-section {
    padding-bottom: calc(35vw + 5.25rem);
  }
  #careers > .blue-section .blue-section__images-wraper {
    left: -27vw;
  } */
}
@media (min-width: 80rem) {
  .definitions__img-1 {
    aspect-ratio: 1/1;
  }
  .open-positions__link .right-arrow-wrapper {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 700;
  }
  /* #careers > .blue-section {
    margin-top: calc(26.25rem);
    padding-bottom: calc(30vw + 10rem);
  }
  #careers > .blue-section .blue-section__images-wraper {
    left: -3vw;
  } */
}
/* @media (min-width: 100rem) {
  #careers > .blue-section .blue-section__images-wraper {
    left: inherit;
    justify-content: center;
  }
  #careers > .blue-section .blue-section__texts .text-section__grid {
    margin-top: -1.875rem;
  }
} */
/* #careers > .blue-section .blue-section__img {
  width: 70%;
  margin: 0 -1rem;
} */
/* #careers > .blue-section .blue-section__texts {
  margin-top: -7.5rem;
  margin-bottom: 1.25rem;
} */
.about-us {
  margin-bottom: 7.5rem;
  overflow: visible;
  z-index: 2;
}
.about-us__bottom-img {
  position: relative;
  bottom: 0;
  z-index: 2;
  margin-bottom: 4.8125rem;
}
.about-us__bottom-img > img {
  width: 200%;
  max-width: none;
  position: relative;
  right: 63%;
}
@media (min-width: 25.875rem) {
  .about-us__bottom-img > img {
    width: 150%;
    right: 30%;
  }
  .about-us .card-with-description__item-img {
    margin: 0 auto;
  }
}
.about-us__sensers {
  text-align: center;
  margin-top: 10.1875rem;
}
.about-us__sensers .text-section__description {
  max-width: 50.875rem;
  margin: 2rem auto 0;
}
.about-us__cards {
  margin-bottom: 5.625rem;
  margin-top: 4.25rem;
}
@media (min-width: 48rem) {
  /* #careers > .blue-section .blue-section__texts {
    margin-top: -11rem;
  } */
  .about-us {
    position: relative;
    bottom: 50vw;
  }
  .about-us__bottom-img {
    margin: 0 auto 7.5rem;
    z-index: 5;
  }
  .about-us__bottom-img > img {
    width: 125%;
    right: 20%;
  }
  .about-us__cards {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about-us .card-with-description {
    max-width: 55%;
  }
}
@media (min-width: 64rem) {
  .about-us {
    bottom: 35vw;
  }
  .about-us__bottom-img > img {
    width: 100%;
    right: 0;
  }
  .about-us__cards {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2.5rem 2.5rem;
  }
  .about-us .card-with-description {
    flex-basis: 50%;
  }
}
@media (min-width: 80rem) {
  /* #careers > .blue-section .blue-section__img {
    width: 29%;
  }
  #careers > .blue-section .blue-section__texts .text-section__description {
    margin-top: 5.625rem;
  } */
  .about-us {
    z-index: 3;
  }
  .about-us .text-section__description {
    margin-top: 0;
  }
  .about-us__cards {
    flex-wrap: nowrap;
    height: 50.375rem;
    position: relative;
  }
}
@media (min-width: 120rem) {
  /* #careers .single-header {
    background-size: 100%;
    background-position-y: 85%;
  } */
  .definitions {
    gap: 2.125rem;
  }
  .definitions.container {
    padding: 0 !important;
  }
  .definitions__img-1 {
    height: 40rem;
  }
  /* #careers > .blue-section .blue-section__images-wraper {
    left: 0;
  }
  #careers > .blue-section .blue-section__img {
    width: 100%;
    margin: inherit;
  } */
  .about-us__cards {
    height: 42rem;
  }
  .about-us .card-with-description__item-img {
    max-width: 26.125rem;
    width: 100vw;
  }
}
.about-us .card-with-description__item-description {
  width: 92.5%;
  margin-left: 1.5rem;
  text-align: left;
  bottom: 5.3125rem;
  left: 0;
}
@media (min-width: 25.875rem) {
  .about-us .card-with-description__item-description {
    margin: 0 auto;
    bottom: 6rem;
  }
}
@media (min-width: 48rem) {
  .about-us .card-with-description__item-description {
    width: 100%;
    max-width: none;
  }
}
@media (min-width: 64rem) {
  .about-us .card-with-description.last {
    order: 1;
  }
  .about-us .card-with-description__item-description {
    width: 100%;
    bottom: 1rem;
    left: 0;
    margin-left: 0;
  }
}
@media (min-width: 80rem) {
  .about-us .card-with-description {
    display: flex;
    justify-content: center;
  }
  .about-us .card-with-description.start {
    top: 3.25rem;
  }
  .about-us .card-with-description.middle {
    align-self: flex-end;
  }
  .about-us .card-with-description__item-description {
    max-width: 23.125rem;
    padding: 1.875rem 2.25rem 1.5625rem 1.5625rem;
    left: inherit;
    right: inherit;
  }
  .about-us .card-with-description__descriptions {
    padding: 0;
  }
}
@media (min-width: 100rem) {
  .about-us {
    bottom: 30vw;
  }
  .about-us .text-section__grid {
    margin-top: -2.5625rem;
  }
  .about-us__bottom-img > img {
    max-width: 90rem;
    margin: 0 auto;
  }
  .about-us__sensers .container {
    margin-bottom: 9rem;
  }
  .about-us .card-with-description {
    flex-basis: inherit;
    margin-top: 0;
    align-self: flex-start;
  }
  .about-us .card-with-description.last {
    flex-basis: inherit;
  }
  .about-us .card-with-description__item-img {
    max-width: 26.125rem;
  }
  .about-us .card-with-description__item-description {
    max-width: 23rem;
    right: -3.125rem;
  }
}
.about-us .text-section__grid .arrow-link,
.about-us .text-section__grid .arrow-link__anchor,
.about-us .text-section__grid .arrow-link__icon-wrapper {
  display: inline-block;
}
.about-us .text-section__grid .arrow-link__anchor {
  margin: 0;
}
#about-us .single-header {
  /* background-image: url("../assets/images/bg-texts/about-us.png"); */
  background-image: url("../assets/images/bg-texts/webp/about-us.webp");
  background-size: 300%;
  background-position: center 120%;
}
#about-us .single-header__shape {
  position: absolute;
  top: 0.625rem;
  right: -1.0625rem;
  width: 3.25rem;
  height: 3.25rem;
}
#header #about-nav.navigation__wrapper .grid {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 4.3fr 7fr;
  gap: 4.5625rem;
  overflow: hidden;
}
#header #about-nav.navigation__wrapper .grid__texts {
  padding-top: 5rem;
  color: #102532;
}
#header #about-nav.navigation__wrapper .grid__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.625rem;
}
#header #about-nav.navigation__wrapper .grid__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1rem 0;
}
#header #about-nav.navigation__wrapper .grid__box {
  background-color: #f9f9f9;
  border-radius: 0.625rem;
  padding: 1.25rem;
  display: flex;
  gap: 1.25rem;
}
#header #about-nav.navigation__wrapper .grid__box > img {
  flex-basis: 25%;
  width: 11.375rem;
}
#header #about-nav.navigation__wrapper .grid__box-texts {
  flex-basis: 65%;
  display: grid;
  place-content: center;
}
#header #about-nav.navigation__wrapper .grid__box-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin-bottom: 1.5rem;
}
#header #about-nav.navigation__wrapper .grid__box-description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 1.5rem;
}
#about-us .grid-images,
#insights .news {
  margin-bottom: 6.25rem;
}
#about-us .grid-images__shape {
  position: absolute;
  bottom: -2.25rem;
  right: 10vw;
  width: 7.125rem;
  height: 7.125rem;
}
#about-us .grid-images__shape:after {
  transform: rotate(-45deg);
  -webkit-mask-size: auto;
  width: 14.25rem;
  height: 14.25rem;
  top: -20%;
  left: -20%;
  max-width: unset;
}
#about-us .grid-images__image3,
#about-us .grid-images__shape.shadow,
#insights .featured__diamond,
#insights .featured__diamond-shadow,
#insights .podcast__label{
  display: none;
}
#about-us .grid-images__image1 {
  position: absolute;
  top: 0;
  left: -1.25rem;
  z-index: 1;
  transform: scale(0.7);
  transform-origin: left top;
}
#about-us .grid-images__image2 {
  padding-top: 8.125rem;
  transform: translateX(2.375rem);
}
#insights .blog__link span,
#insights .blog__post-link span,
#insights .news__link span,
#insights .podcast__arrow-link span {
  margin-right: 0.25rem;
  text-decoration: underline;
}
#about-us .unique {
  margin-bottom: 2.5rem;
  /* background-image: url("../assets/images/bg-texts/we-create.png"); */
  background-image: url("../assets/images/bg-texts/webp/we-create.webp");
  background-position: center 63%;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 48rem) {
  #about-us .single-header {
    background-size: 100%;
    background-position: center 100%;
  }
  #about-us .single-header__shape {
    top: -0.9375rem;
  }
  #about-us .grid-images__shape {
    bottom: 1.5rem;
  }
  #about-us .unique {
    background-position: center 90%;
  }
}
#about-us .words {
  position: relative;
  margin: 4.375rem 0 3.75rem;
  background-repeat: no-repeat;
  background-position: center 50%;
  transform: initial;
}
@media (min-width: 64rem) {
  #about-us .single-header {
    background-position: center 110%;
  }
  #about-us .single-header__title {
    max-width: 90%;
  }
  #about-us .words {
    padding-top: 3.75rem;
    background-image: none;
  }
}
#about-us .words .shape--diamond-inverted {
  display: none;
  position: absolute;
  top: 0;
  right: 10vw;
  width: 4.0625rem;
  height: 6.4375rem;
}
#about-us .case-image4 {
  position: relative;
  margin-bottom: 1.875rem;
}
@media (min-width: 48rem) {
  #about-us .case-image4 {
    margin-bottom: 15rem;
  }
}
@media (min-width: 80rem) {
  .about-us .text-section__grid {
    grid-template-rows: auto 1fr;
    margin-top: 4.5625rem;
  }
  #about-us .grid-images__shape {
    bottom: -5rem;
    right: 20vw;
  }
  #about-us .grid-images__shape.shadow {
    position: absolute;
    bottom: -5rem;
    right: 33vw;
    width: 7.125rem;
    height: 7.125rem;
    opacity: 0.2;
    filter: brightness(0.25) blur(0.125rem);
  }
  #about-us .grid-images__shape.shadow:after {
    transform: rotate(-45deg);
  }
  #about-us .grid-images__grid {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    place-items: center;
  }
  #about-us .grid-images__image1 {
    position: relative;
    top: initial;
    left: initial;
    justify-content: center;
    align-items: center;
    transform: scale(1);
    transform-origin: center;
  }
  #about-us .grid-images__image2 {
    padding-top: 0;
    transform: translateX(0.75rem);
  }
  #about-us .grid-images__image3 {
    display: block;
    align-self: flex-end;
    justify-self: flex-end;
    transform: scale(0.75) translateY(7.5rem);
  }
  #about-us .unique {
    margin-bottom: 0;
    padding-bottom: 7.5rem;
  }
  #about-us .unique .text-section__title {
    margin-bottom: 5rem;
  }
  #about-us .words {
    padding-top: 0;
    margin-bottom: 0;
  }
  #about-us .words .shape--diamond-inverted {
    display: block;
    top: -8.75rem;
    left: 5vw;
    right: initial;
    width: 4.0625rem;
    height: 6.4375rem;
  }
  #about-us .words .shape--diamond-inverted.shadow {
    top: -7.5rem;
    opacity: 0.2;
    filter: brightness(0.25) blur(0.375rem);
  }
  #about-us .case-image4 {
    padding-top: 12.5rem;
    padding-bottom: 21.875rem;
    margin-bottom: 2.5rem;
    /* background-image: url("../assets/images/pages/case-enforcenet/ms-shape.png"); */
    background-image: url("../assets/images/pages/case-enforcenet/webp/ms-shape.webp");
    background-position: center -10%;
    background-repeat: no-repeat;
    background-size: 85%;
  }
}
@media (min-width: 90rem) {
  #about-us .case-image4 {
    background-size: 80%;
  }
}
#about-us .case-image4__image {
  transform: scale(1.75);
}
@media (min-width: 48rem) {
  #about-us .case-image4__image {
    transform: scale(1.2) translateX(16vw);
    padding-right: 0;
  }
}
@media (min-width: 80rem) {
  #about-us .case-image4__image {
    padding-left: 10rem;
    transform: scale(1.1) translateX(17vw);
  }
  #about-us .case-image4__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
}
@media (min-width: 100rem) {
  #about-us .single-header__shape {
    top: -3.4375rem;
  }
  #about-us .grid-images__shape {
    bottom: -3.75rem;
  }
  #about-us .grid-images__image1 {
    transform: scale(1);
  }
  #about-us .grid-images__image3 {
    align-self: flex-end;
    justify-self: initial;
  }
  #about-us .case-image4 {
    background-size: 75%;
    padding-bottom: 19.0625rem;
  }
  #about-us .case-image4__image {
    padding-left: 6.875rem;
    transform: scale(1.1) translateX(23vw);
    transform-origin: right top;
  }
}
#about-us .case-image4__card {
  padding: 1.5rem;
}
#about-us .case-image4__card-wrapper {
  margin-top: 4.5rem;
}
#about-us .case-image4__card-wrapper p:not(:last-child),
#insights .statement .text-section__description-rigth p,
.ebook__text:not(:last-child),
.tools .card-position__title {
  margin-bottom: 1rem;
}
@media (min-width: 25.875rem) {
  #about-us .case-image4__card-wrapper {
    margin-top: 6rem;
  }
}
@media (min-width: 48rem) {
  #about-us .case-image4__card-wrapper {
    margin-top: 15rem;
    justify-content: flex-start;
  }
}
@media (min-width: 80rem) {
  #about-us .case-image4__card {
    max-width: 31.25rem;
    padding: 3.375rem 2.75rem;
  }
  #about-us .case-image4__card-wrapper {
    margin-top: 15.625rem;
  }
}
@media (min-width: 100rem) {
  #about-us .case-image4__card-wrapper {
    margin-top: 20vw;
    margin-left: -6vw;
  }
}
#about-us .case-image4__shape {
  position: absolute;
  width: 4.0625rem;
  height: 6.5rem;
  top: 12vw;
  left: 8vw;
  filter: blur(0.75vw);
}
#about-us .arrow-section {
  padding-top: 9.375rem;
  margin-bottom: 2.5rem;
  /* background-image: url("../assets/images/bg-texts/mobile-sense-makers.png"); */
  background-image: url("../assets/images/bg-texts/webp/mobile-sense-makers.webp");
  background-repeat: no-repeat;
  background-position: center 2rem;
}
@media (min-width: 64rem) {
  #about-us .arrow-section {
    position: relative;
    margin-bottom: 15rem;
    /* background-image: url("../assets/images/bg-texts/sense-makers.png"); */
    background-image: url("../assets/images/bg-texts/webp/sense-makers.webp");
    background-position: center bottom;
    background-size: 100%;
  }
  #about-us .arrow-section .card-position__icon-wrapper img {
    margin: 0 auto;
    max-width: 4.25rem;
  }
}
#about-us .arrow-section__title {
  margin-bottom: 0.5rem;
  line-height: 1.25;
}
#about-us .arrow-section__subtitle {
  margin-bottom: 2.5rem;
  font-size: 0.9375rem;
  text-transform: uppercase;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#about-us .arrow-section .open-positions__positions {
  margin-top: 0;
}
#about-us .arrow-section .card-position {
  padding-bottom: 0;
}
#about-us .arrow-section .card-position__icon-wrapper {
  max-width: initial;
}
.ebook {
  margin-bottom: 2.5rem;
}
.ebook__button-link {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 10;
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 7.5rem;
  text-align: center;
  box-shadow: 0 1rem 3.75rem 0 rgba(6, 6, 6, 0.23);
  transition: box-shadow 0.35s;
}
.ebook__button-link:hover {
  box-shadow: 0 0.375rem 0.5625rem 0 rgba(6, 6, 6, 0.23);
}
.ebook__button-link:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  transition: opacity 0.35s;
}
.ebook__button-link span {
  position: relative;
  z-index: 5;
}
.ebook__grid {
  background: linear-gradient(0deg, #fff, #f1f1f1);
  box-shadow: 0 2.5rem 3.75rem rgba(0, 0, 0, 0.1);
}
.ebook__right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1.5rem 5.625rem;
  overflow: hidden;
}
.ebook__right:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 0;
  width: 15rem;
  height: 15rem;
  background-color: #fff;
  border-radius: 50%;
}
@media (min-width: 48rem) {
  .ebook {
    margin-bottom: 10rem;
  }
  .ebook__button-link {
    top: 50%;
    bottom: initial;
    transform: translate(-50%, -50%);
  }
  .ebook__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: linear-gradient(0deg, #fff, #f1f1f1);
  }
  .ebook__right:before {
    width: 25rem;
    height: 25rem;
  }
  .ebook__right {
    padding: 2.5rem 2.5rem 2.5rem 5rem;
  }
}
#about-us .blue {
  background-color: #102532;
  /* background-image: url("../assets/images/pages/case-vas/blue-bg.png"); */
  background-image: url("../assets/images/pages/case-vas/webp/blue-bg.webp");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  height: 118.4375rem;
  position: relative;
  margin-top: 4.375rem;
}
#about-us .blue__container-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 80rem) {
  #about-us .arrow-section {
    background-position: center 90%;
  }
  #about-us .arrow-section .container {
    max-width: 87.5rem;
  }
  #about-us .arrow-section__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    margin-bottom: 1.875rem;
  }
  #about-us .arrow-section__subtitle {
    font-size: 1rem;
  }
  #about-us .arrow-section__headings {
    margin-bottom: 6.25rem;
  }
  #about-us .arrow-section .card-position {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    grid-template-columns: 47% 20% 33%;
  }
  #about-us .arrow-section .card-position__description,
  #about-us .arrow-section .card-position__left {
    margin-bottom: 0;
  }
  #about-us .arrow-section .card-position__icon-wrapper,
  #about-us .arrow-section .card-position__left,
  #about-us .arrow-section .card-position__rigth {
    display: flex;
    align-items: center;
  }
  .ebook__button-link {
    width: 9.75rem;
    height: 9.75rem;
    font-size: 0.75rem;
    line-height: 9.75rem;
  }
  .ebook__left img {
    object-fit: cover;
    width: 100%;
  }
  .ebook__right:before {
    top: 7.5rem;
    right: 0.5rem;
    width: 35rem;
    height: 35rem;
  }
  .ebook__right {
    padding: 2.5rem 7.5rem;
  }
  .ebook__shape {
    position: absolute;
    top: -5rem;
    right: -5rem;
    width: 1.9375rem;
    height: 1.9375rem;
    filter: blur(0.5rem);
  }
  #about-us .blue {
    height: 63.75rem;
  }
  #about-us .blue__container-flex {
    padding: 0 1.25rem;
    flex-direction: row;
    height: 43.75rem;
    margin-top: 4rem;
  }
}
#about-us .blue__title-container {
  position: relative;
  top: -28px;
}
#about-us .blue__title-texts {
  width: 16.3125rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}
#about-us .blue .shape--diamond-inverted {
  position: absolute;
  width: 2.375rem;
  height: 3.625rem;
  bottom: 27.25rem;
  right: 2.0625rem;
}
@media (min-width: 300px) {
  #about-us .blue .single-header__shape {
    display: none;
  }
}
#insights .featured__list-item:before,
#insights .featured__list-item:last-child:after {
  height: 0.0625rem;
  background: linear-gradient(137deg, #1edd8e 10%, #53c0d2 62%);
  content: "";
  display: block;
  width: 100%;
}
#insights .single-header {
  /* background-image: url("../assets/images/bg-texts/insights.png"); */
  background-image: url("../assets/images/bg-texts/webp/insights.webp");
  background-repeat: no-repeat;
  background-size: 29.375rem;
  background-position: center 10.625rem;
}
@media (min-width: 48rem) {
  #about-us .blue__title-container {
    top: -40px;
  }
  #about-us .blue__title-texts {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    width: 37.5rem;
  }
  #about-us .blue .shape--diamond-inverted {
    right: 6.25rem;
  }
  #insights .single-header {
    background-size: 51.25rem;
    background-position: center 13.125rem;
  }
  #insights .single-header__shape {
    top: -3.125rem;
  }
}
@media (min-width: 64rem) {
  #about-us .blue__title-container {
    top: -3.625rem;
  }
  #about-us .blue__title-texts {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  #insights .single-header {
    background-size: 120%;
    background-position: center 10rem;
  }
  #insights .featured__left {
    margin-bottom: 7.5rem;
  }
}
#header #insights-nav.navigation__wrapper .grid__title,
#insights .featured__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.625rem;
}
#insights .single-header__shape {
  position: absolute;
  top: -3.125rem;
  right: -1.0625rem;
  width: 3.25rem;
  height: 3.25rem;
}
@media (min-width: 80rem) {
  #about-us .blue .shape--diamond-inverted {
    left: 20%;
    bottom: 12.5rem;
    width: 4.5625rem;
    height: 7.375rem;
  }
  #about-us .blue .single-header__shape {
    display: block;
    position: absolute;
    right: 11.0625rem;
    top: 11.4375rem;
    width: 2.9375rem;
    height: 2.9375rem;
  }
  #about-us .blue .text-section__middle-line {
    position: relative;
    top: -1.875rem;
  }
  #insights .single-header {
    padding-bottom: 9.375rem;
    background-position: center 15rem;
  }
  #insights .single-header__title span {
    display: block;
  }
  #insights .single-header__subtitle {
    font-size: 1rem;
  }
  #insights .single-header__shape {
    top: -4.5rem;
    right: 2.5rem;
    width: 5.125rem;
    height: 5.125rem;
  }
}
#insights .featured {
  position: relative;
  padding: 0 1rem;
  margin-bottom: 6.25rem;
}
@media (min-width: 48rem) {
  #insights .featured {
    margin-bottom: 10rem;
  }
}
#insights .featured__left {
  order: 2;
}
#insights .featured__left img {
  width: 100%;
  transform: scale(1.2);
  transform-origin: top center;
}
@media (min-width: 80rem) {
  #insights .featured {
    margin-bottom: 13.75rem;
  }
  #insights .featured__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
  #insights .featured__left {
    order: 1;
    overflow: hidden;
    margin-bottom: 0;
    box-shadow: 0 4.9375rem 4.75rem 0 rgba(0, 0, 0, 0.27);
  }
  #insights .featured__left img {
    transform: scale(1.2);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 15%;
  }
}
#insights .featured__right {
  order: 1;
  margin-bottom: 4.375rem;
}
#insights .featured__title {
  display: none;
  color: #102532;
  margin-bottom: 1.5rem;
}
#insights .featured__list-item {
  padding: 1.5rem 0;
  color: #102532;
}
#insights .featured__list-item:before {
  transform: translateY(-1.5rem);
}
#insights .featured__list-item:last-child:after {
  transform: translateY(1.5rem);
}
#insights .featured__subtitle {
  margin-bottom: 0.625rem;
  text-transform: capitalize;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
}
#insights .featured__text {
  margin-bottom: 0.625rem;
  font-size: 0.96875rem;
}
#insights .featured__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #9273f4;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
#insights .featured__link span {
  text-decoration: underline;
}
#insights .podcast__left {
  position: relative;
  z-index: 1;
  padding: 0 1.5rem;
}
#insights .podcast__text,
#insights .podcast__title {
  color: #102532;
  margin-bottom: 1.5rem;
}
#insights .podcast__shape-line {
  width: 3.125rem;
  margin-bottom: 1.75rem;
}
#insights .blog__link,
#insights .blog__post-link,
#insights .podcast__arrow-link {
  display: flex;
  align-items: center;
  color: #9273f4;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
#insights .podcast__arrow-link span {
  display: inline-block;
}
#insights .podcast__right {
  position: relative;
  margin-top: -2.5rem;
}
#insights .podcast__shape-circle {
  position: absolute;
  top: 2.5rem;
  right: 1rem;
  width: 3.0625rem;
  height: 3.0625rem;
}
#insights .podcast__shape-circle-shadow {
  position: absolute;
  bottom: -3rem;
  left: 0.625rem;
  width: 1.6875rem;
  height: 1.6875rem;
  filter: blur(0.5rem);
  opacity: 0.8;
}
#insights .podcast__background {
  /* background-image: url("../assets/images/pages/insights/podcast-bg.png"); */
  background-image: url("../assets/images/pages/insights/webp/podcast-bg.webp");
  background-size: 130%;
  background-position: center top;
  background-repeat: no-repeat;
}
#insights .podcast__right-grid {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
}
#insights .podcast__card {
  order: 2;
  margin: -1.875rem 1rem 0;
  padding: 1.5rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.625rem;
  box-shadow: 0 3.125rem 3.75rem rgba(6, 6, 6, 0.1);
  backdrop-filter: blur(0.4375rem);
  -webkit-backdrop-filter: blur(0.4375rem);
}
@media (min-width: 25.875rem) {
  #insights .podcast__card {
    width: 17.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}
#insights .podcast__subtitle {
  margin-bottom: 0.75rem;
  color: #9273f4;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
#insights .podcast__services-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.25rem;
}
#insights .podcast__svg-link {
  text-decoration: none;
  cursor: pointer;
}
#insights .podcast__svg {
  width: 1.25rem;
  opacity: 0.2;
}
#insights .podcast__image-wrapper {
  padding-top: 5rem;
}
#insights .podcast__image {
  padding-right: 1.125rem;
  margin: 0 auto;
}
#insights .blog {
  margin-bottom: 3.125rem;
  /* background-image: url("../assets/images/bg-texts/articles.png"); */
  background-image: url("../assets/images/bg-texts/webp/articles.webp");
  background-repeat: no-repeat;
  background-size: 31.25rem;
  background-position: center 2.5rem;
}
@media (min-width: 48rem) {
  #insights .podcast__right {
    margin-top: 0;
  }
  #insights .podcast__background {
    background-size: 100%;
  }
  #insights .podcast__image-wrapper {
    margin: 0 auto;
  }
  #insights .blog {
    background-position: center 5.625rem;
  }
  #insights .blog__post {
    max-width: 25rem;
    margin: 0 auto;
  }
}
@media (min-width: 80rem) {
  #insights .featured__right {
    margin-bottom: 0;
    padding-right: 5vw;
  }
  #insights .featured__title {
    display: block;
  }
  #insights .featured__link,
  #insights .podcast__arrow-link {
    font-size: 0.875rem;
  }
  #insights .featured__diamond,
  #insights .featured__diamond-shadow {
    display: block;
    position: absolute;
    right: 4vw;
    width: 4.375rem;
    height: 7rem;
  }
  #insights .featured__diamond {
    top: -8.75rem;
  }
  #insights .featured__diamond-shadow {
    top: -5.625rem;
    filter: blur(0.375rem) brightness(0);
    opacity: 0.15;
  }
  #insights .podcast {
    padding-left: 19vw;
    margin-bottom: 13.75rem;
  }
  #insights .podcast__main-grid {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 3.125rem;
  }
  #insights .podcast__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
  }
  #insights .podcast__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    margin-bottom: 2.5rem;
  }
  #insights .podcast__shape-line {
    margin-bottom: 2.75rem;
  }
  #insights .podcast__text {
    margin-bottom: 1.875rem;
  }
  #insights .podcast__shape-circle {
    top: initial;
    bottom: 0;
    right: 6vw;
  }
  #insights .podcast__shape-circle-shadow {
    left: initial;
    bottom: 4.375rem;
    right: 4vw;
  }
  #insights .podcast__background {
    background-position: right center;
  }
  #insights .podcast__card {
    order: 1;
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 16.75rem;
    text-align: left;
  }
  #insights .podcast__services-list {
    justify-content: flex-start;
    gap: 2.75rem;
  }
  #insights .podcast__svg-link {
    display: flex;
    align-items: center;
  }
  #insights .podcast__svg {
    opacity: 1;
    margin-right: 0.625rem;
  }
  #insights .podcast__label {
    display: inline;
    color: #7d7d7d;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
  }
  #insights .podcast__image-wrapper {
    order: 2;
    padding-top: 0;
    margin: 0;
  }
  #insights .podcast__image {
    max-width: 90%;
    padding: 0 1.5rem 0 8.75rem;
  }
  #insights .blog {
    background-size: 100%;
    background-position: center 12.5rem;
  }
}
@media (min-width: 90rem) {
  #about-us .arrow-section {
    background-size: 120%;
  }
  #about-us .blue__container-flex {
    margin-top: 6rem;
    height: 39.125rem;
    max-width: 95.3125rem;
    margin-right: auto;
    margin-left: auto;
  }
  #insights .single-header__shape {
    right: -2.5rem;
  }
  #insights .featured__left img {
    object-position: left;
  }
  #insights .podcast__left {
    max-width: 80%;
  }
  #insights .podcast__right-grid {
    transform: translateX(-4.375rem);
  }
  #insights .blog {
    background-size: 110%;
    background-position: center 14rem;
  }
}
#insights .blog__content {
  padding: 0 1rem;
  margin-bottom: 3.75rem;
}
#insights .blog__line {
  max-width: 3.125rem;
  margin-bottom: 1.75rem;
}
#insights .blog__link span {
  display: inline-block;
}
#insights .blog__posts-wrapper {
  padding: 0 0.75rem;
}
#insights .blog__posts-grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 3.75rem;
}
#insights .blog__post-img {
  transform-origin: right top;
  transform: scale(1.225) translate(1.0625rem, 0.5rem);
}
#insights .blog__post-img img {
  width: 100%;
}
#insights .blog__post-card {
  padding: 1.5rem 1rem;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0.625rem;
  -webkit-backdrop-filter: blur(0.4375rem);
  backdrop-filter: blur(0.4375rem);
  box-shadow: 0 4.75rem 3.75rem rgba(6, 6, 6, 0.1);
}
#insights .blog__post-title {
  margin-bottom: 0.75rem;
  color: #444;
  font-size: 0.875rem;
  font-weight: 700;
}
#insights .blog__post-text {
  margin-bottom: 0.75rem;
  color: #102532;
}
#insights .blog__post-link span {
  display: inline-block;
}
#insights .full-image__img {
  min-height: 37.5rem;
  object-fit: cover;
  margin: auto;
}
#insights .statement .text-section__title span {
  display: block;
}
#insights .statement .text-section__description-rigth p:nth-child(2) {
  margin-bottom: 1.5rem;
}
#insights .statement .right-arrow-wrapper {
  font-size: 0.75rem;
}
#insights .news__content {
  margin-bottom: 4.375rem;
  padding-right: 2.875rem;
}
#insights .news__content a {
  font-weight: bolder;
  color: #9273f4;
}
#insights .news__title {
  margin-bottom: 1.5rem;
  color: #102532;
}
#insights .news__post {
  position: relative;
  margin-bottom: 4.375rem;
}
#insights .news__post:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
}
#insights .news__post.forbes:before {
  /* background-image: url("../assets/images/bg-texts/forbes.png"); */
  background-image: url("../assets/images/bg-texts/webp/forbes.webp");
  background-position: center 3.75rem;
}
#insights .news__post.nyw:before {
  /* background-image: url("../assets/images/bg-texts/nyw.png"); */
  background-image: url("../assets/images/bg-texts/webp/nyw.webp");
  background-position: center 5rem;
}
#insights .news__post.nnl:before {
  /* background-image: url("../assets/images/bg-texts/nnl.png"); */
  background-image: url("../assets/images/bg-texts/webp/nnl.webp");
  background-position: center 2.5rem;
}
@media (min-width: 25.875rem) {
  #insights .blog__post-img {
    transform: scale(1.225) translate(1.4375rem, 0.5rem);
  }
  #insights .news__post.forbes:before {
    background-position: center 2.5rem;
  }
  #insights .news__post.nnl:before {
    background-position: center 1.25rem;
  }
}
#insights .news__text {
  margin-bottom: 0.625rem;
}
#insights .news__link {
  display: flex;
  align-items: center;
  color: #9273f4;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
#insights .news__link span {
  display: inline-block;
}
#insights .blue {
  background-color: #102532;
  /* background-image: url("../assets/images/pages/home/big-statement-bg.png"); */
  background-image: url("../assets/images/pages/home/webp/big-statement-bg.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}
#insights .blue__top {
  margin-bottom: 2.5rem;
  color: #fff;
  transform: translateY(-1.75rem);
}
#insights .blue__images .blue__image:nth-child(2),
#insights .blue__top .text-section__title span:first-child {
  display: block;
}
#insights .blue__top .text-section__title span:nth-child(2) {
  color: #fff;
}
#insights .blue__top .shape,
#insights .blue__top .text-section__middle-line {
  margin: 1.5rem 0;
}
#insights .blue__top .text-section__description-rigth p {
  margin-bottom: 1.5rem;
}
#insights .blue__top .text-section__description-rigth p:last-child {
  margin-bottom: 0;
}
#insights .blue__middle {
  margin-bottom: 4.375rem;
  padding-bottom: 2.5rem;
}
#insights .blue__images .blue__image:nth-child(2) img {
  transform-origin: center top;
  transform: scale(1.4);
}
#insights .blue__images .blue__image:nth-child(2) .shape {
  position: absolute;
  bottom: -3.25rem;
  right: 1rem;
  width: 2.25rem;
  height: 2.25rem;
}
#insights .blue__image {
  position: relative;
  display: none;
}
#insights .blue__bottom {
  position: relative;
  padding-bottom: 8.75rem;
}
#insights .blue__bottom h2,
#insights .blue__bottom p{
  color: #fff;
}
#insights .blue__bottom .text-section__title span:first-child {
  display: block;
}
#insights .blue__bottom h2 {
  line-height: 1.1;
}
#insights .blue__bottom p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
#insights .blue__diamond {
  position: absolute;
  z-index: 1;
  bottom: 1.25rem;
  left: 0.375rem;
  width: 4rem;
  height: 6.4375rem;
}
#insights .slider {
  padding: 0 1rem;
  margin-top: -4.25rem;
  margin-bottom: 4.375rem;
}
#insights .slider__card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.75rem;
  padding: 3.125rem;
  margin-bottom: 1.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.625rem;
  backdrop-filter: blur(0.375rem);
  -webkit-backdrop-filter: blur(0.375rem);
}
@media (min-width: 48rem) {
  #insights .news__post.nyw:before {
    background-position: center 3.75rem;
  }
  #insights .blue__top {
    transform: translateY(-2.75rem);
  }
  #insights .blue__images .blue__image:nth-child(2) img {
    margin: 0 auto;
  }
  #insights .slider__card {
    width: 100%;
    max-width: 23.875rem;
    margin-left: auto;
    margin-right: auto;
  }
}
#insights .slider .glide__bullets {
  margin-top: 0.75rem;
}
@media (min-width: 80rem) {
  #insights .blog__content {
    text-align: center;
    margin-bottom: 8.3125rem;
  }
  #insights .blog__title {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  #insights .blog__line {
    margin-left: auto;
    margin-right: auto;
  }
  #insights .blog__link {
    justify-content: center;
  }
  #insights .blog__posts-wrapper {
    padding: 0 4.375rem;
  }
  #insights .blog__posts-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  #insights .blog__post:nth-child(2) {
    margin-top: 5rem;
  }
  #insights .blog__post-img {
    transform: scale(1) translateX(-2.5rem);
  }
  #insights .blog__post-card {
    padding: 1.5rem;
    margin-right: 3vw;
    transform: translate(2.5rem, -8.75rem);
  }
  #insights .blog__post-title {
    font-size: 1.125rem;
  }
  #insights .full-image__shape {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 5.125rem;
    height: 5.125rem;
  }
  #insights .news__content {
    padding-right: 0;
    margin-bottom: 6.25rem;
  }
  #insights .news__title {
    margin-bottom: 1.875rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  #insights .news__line {
    margin-bottom: 1.875rem;
  }
  #insights .news__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6.25rem;
  }
  #insights .news__post {
    margin-bottom: 0;
  }
  #insights .news__post:before {
    transform: scale(1.2);
  }
  #insights .news__post.forbes:before,
  #insights .news__post.nyw:before {
    background-size: 120%;
  }
  #insights .news__post.nnl:before {
    background-size: 120%;
    background-position: center 2.5rem;
  }
  #insights .news__logo {
    height: 1.875rem;
  }
  #insights .news__text {
    margin-bottom: 1.5rem;
  }
  #insights .blue__top {
    margin-bottom: 8.75rem;
    transform: translateY(-4rem);
  }
  #insights .blue__top .shape,
  #insights .blue__top .text-section__middle-line {
    margin: 0;
  }
  #insights .blue__middle {
    padding-bottom: 0;
    margin-bottom: 7.5rem;
    transform: scale(1.2);
  }
  #insights .blue__images {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    place-items: center;
    transform: translateX(1.5vw);
  }
  #insights .blue__images .blue__image:nth-child(2) img {
    transform: scale(1);
  }
  #insights .blue__images .blue__image:nth-child(2) .shape,
  #insights .slider .glide__bullets {
    display: none;
  }
  #insights .blue__image {
    display: block;
    margin: 0 -1.25rem;
  }
  #insights .blue__bottom {
    padding-bottom: 13.75rem;
  }
  #insights .blue__diamond {
    bottom: 7.5rem;
    left: 1.5rem;
  }
  #insights .slider {
    margin: -6.25rem auto 11.25rem;
    max-width: 72.5rem;
    padding: 0;
    pointer-events: none;
  }
  #insights .slider__card {
    height: 11.875rem;
  }
}
#header #insights-nav.navigation__wrapper .grid {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 4fr 4fr 4fr;
  gap: 1.25rem;
}
#header #insights-nav.navigation__wrapper .grid__texts {
  padding-top: 5rem;
  color: #102532;
}
#header #insights-nav.navigation__wrapper .grid__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1rem 0;
}
#header #insights-nav.navigation__wrapper .grid__box {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 11.5625rem;
  margin: auto 0;
  text-decoration: none;
  border-radius: 0.625rem;
  background: #f9f9f9;
  color: #102532;
  padding: 0 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#header #insights-nav.navigation__wrapper .grid__box.podcast {
  background: url("../assets/images/pages/insights/card_gradient.png") 0 0 /
    cover no-repeat;
}
#header
  #insights-nav.navigation__wrapper
  .grid__box.podcast
  .browse-icon-wrapper {
  display: inline-block;
  transition: transform 0.35s;
}
#header
  #insights-nav.navigation__wrapper
  .grid__box.podcast:hover
  .browse-icon-wrapper {
  transform: translateX(0.25rem);
}
#header #insights-nav.navigation__wrapper .grid__box-title {
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
#header #insights-nav.navigation__wrapper .grid__box-description {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 1.875rem;
}
#header #insights-nav.navigation__wrapper .grid__box-description .browse-link {
  margin-top: 1rem;
}
#header
  #insights-nav.navigation__wrapper
  .grid__box-description
  .browse-link
  span {
  display: inline;
  font-size: 0.875rem;
  font-weight: 700;
}
#header
  #insights-nav.navigation__wrapper
  .grid__box-description
  .browse-link
  i {
  font-size: 1.125rem;
  line-height: 1;
}
#header #insights-nav.navigation__wrapper .grid__box-image {
  width: 27%;
}
#header #insights-nav.navigation__wrapper .grid .right-arrow-wrapper {
  text-decoration: underline;
}
/* #what-we-do .circle-shape {
  top: 5.125rem;
  right: -1rem;
  box-shadow: 0 1rem 3.75rem 0 rgba(6, 6, 6, 0.23);
} */
@media (min-width: 100rem) {
  #about-us .blue__container-flex,
  #insights .featured {
    padding: 0;
  }
  #insights .single-header__shape {
    right: -5.625rem;
  }
  #insights .featured__left img {
    transform: none;
    height: 100%;
    object-fit: inherit;
  }
  #insights .featured__right {
    padding-right: 14vw;
  }
  #insights .featured__title {
    line-height: 1.5rem;
  }
  #insights .blog__posts-wrapper {
    padding: 0 6.25rem;
  }
  #insights .blog__posts-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 6.25rem;
  }
  /* #what-we-do .circle-shape {
    top: 16.125rem;
  }
  #what-we-do .parallax__boxes {
    display: block;
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
  }
  #what-we-do .parallax__boxes:not(.blur) {
    bottom: -1.5rem;
    left: 22.875rem;
  } */
}
/* #what-we-do .parallax__boxes.blur {
  width: 1.6875rem;
  height: 1.6875rem;
  filter: blur(0.75rem);
  top: 10%;
  right: 35%;
} */
 /* #header #what-we-do-nav.navigation__wrapper {
  padding: 4.5rem 0 1.6875rem;
  position: absolute;
  top: 0;
}
#header #what-we-do-nav.navigation__wrapper .grid {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 4fr 2.5fr 2.5fr 2.5fr;
  gap: 1.25rem;
}
#header #what-we-do-nav.navigation__wrapper .grid__texts {
  padding-top: 5rem;
  color: #102532;
}
#header #what-we-do-nav.navigation__wrapper .grid__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.625rem;
}
#header #what-we-do-nav.navigation__wrapper .grid__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1rem 0;
} */
/* #header #what-we-do-nav.navigation__wrapper .grid__box {
  max-height: 9.5rem;
  place-self: center;
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: #102532;
  box-shadow: 0 50px 60px 0 rgba(6, 6, 6, 0.1);
  border-radius: 0.625rem;
  padding: 2rem 1rem;
  transition: 0.3s ease-in-out;
}
#header #what-we-do-nav.navigation__wrapper .grid__box:hover {
  box-shadow: 0 1.5625rem 1.875rem rgba(6, 6, 6, 0.1);
  transition: 0.3s ease-in-out;
}
#header #what-we-do-nav.navigation__wrapper .grid__box .card__icon-wrapper i {
  filter: none;
  font-size: 3rem;
}
#header #what-we-do-nav.navigation__wrapper .grid__box > p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
}  */
.tools__experts {
  margin: 2rem 0 6.25rem;
}
.tools .card-position {
  padding: 1.5rem 0;
}
.tools .card-position__rigth {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.5rem;
}
.tools .card-position__tech {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 48%;
  padding: 0;
}
.tools .card-position__tech > img {
  max-height: 100%;
}
/* #what-we-do .case-blue {
  padding-top: 0;
  padding-bottom: 11.375rem;
  background-image: none;
}
#what-we-do .case-blue .big-statement__bottom-texts {
  transform: translateY(-50%);
}
#what-we-do .case-blue__brands-circle {
  transform: scale(0.51);
  display: flex;
  justify-content: center;
  align-items: center;
}
#what-we-do .case-blue__mayor::after {
  position: absolute;
  bottom: -2rem;
  left: 50%;
}
#what-we-do .case-blue__mayor > div::after {
  transform: rotate(-90deg) translate(0, 0.125rem) scale(2);
  bottom: -18.125rem;
}
#what-we-do .case-blue__grid {
  margin-bottom: 5.375rem;
}
#what-we-do .case-blue__circles-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.25rem;
  position: relative;
} */
/* @media (min-width: 25.875rem) {
  #what-we-do .case-blue__brands-circle {
    transform: scale(0.6);
  }
  #what-we-do .case-blue__mayor::after {
    bottom: -3.5rem;
  }
  #what-we-do .case-blue__mayor > div::after {
    bottom: -16rem;
  }
  #what-we-do .case-blue__circles-wrapper {
    gap: 8rem;
  }
}
#what-we-do .case-blue__middle-line {
  margin: 0 0 1.875rem;
} */
@media (min-width: 48rem) {
  .tools__experts {
    margin: 2rem 0 8.25rem;
  }
  .tools .card-position {
    display: flex;
    align-items: center;
  }
  .tools .card-position__title {
    margin: 0;
  }
  .tools .card-position__rigth {
    justify-content: flex-end;
    flex: 1;
  }
  .tools .card-position__tech {
    flex-basis: 25%;
  }
  /* #what-we-do .case-blue .big-statement__bottom-texts {
    transform: none;
  }
  #what-we-do .case-blue__grid {
    display: grid;
    grid-template-columns: 40% 15% 45%;
    grid-template-rows: repeat(2, auto);
    margin: 0;
    transform: translateY(-25%);
  }
  #what-we-do .case-blue__middle-line {
    margin: 0;
    grid-area: 2/2/3/3;
    place-self: flex-start center;
  }
  #what-we-do .case-blue .text-section__description-rigth {
    grid-area: 2/3/3/4;
    margin-left: 1rem;
  } */
}
/* #what-we-do .case-blue__circle-text {
  width: 11.375rem;
  height: 11.375rem;
  background: linear-gradient(137deg, #1edd8e 0, #53c0d2 100%);
  border-radius: 100%;
  padding: 0.125rem;
  color: #fff;
  text-align: center;
}
#what-we-do .case-blue__circle-text-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #102532;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  position: relative;
}
#what-we-do .case-blue__circle-text-inner > p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
}
#what-we-do .case-blue__circle-text-inner > p.larger {
  font-size: 1.125rem;
  line-height: 1.4375rem;
}
#what-we-do .case-blue__circle-text.bordered-circle {
  transform: scale(1.7);
  font-size: 1.125rem;
}
#what-we-do .case-blue__brands-circle-inner {
  animation: none;
  opacity: 1;
  z-index: 1;
  width: 31.3125rem;
  height: 31.3125rem;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#what-we-do .case-blue__brands-circle-inner::after,
#what-we-do .case-blue__brands-circle-inner::before,
#what-we-do .case-blue__flex-arrow {
  display: none;
}
#what-we-do .case-blue__brands-circle-outer {
  opacity: 1;
}
#what-we-do .case-blue__brands-circle-outer::after {
  transform: scale(0.75);
} */
@media (min-width: 64rem) {
  #insights .full-image {
    margin-bottom: 3.75rem;
  }
  #insights .statement {
    margin-bottom: 13.75rem;
  }
  #insights .news {
    margin-bottom: 18rem;
  }
  /* #what-we-do .circle-shape {
    top: 16.125rem;
    right: 2rem;
  } */
  .tools .card-position {
    display: grid;
    grid-template-columns: 30% 15% 55%;
    padding: 2.375rem 0;
    min-height: 12.25rem;
    place-content: center;
  }
  .tools .card-position__icon-wrapper {
    display: flex;
  }
  .tools .card-position__left {
    display: flex;
    align-items: center;
  }
  .tools .card-position__rigth {
    display: grid;
    flex: inherit;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 0.5rem;
  }
  .tools .card-position__tech {
    max-width: 8.25rem;
  }
  .tools .card-position__tech > img {
    width: 100%;
  }
  .tools .card-position__tech:nth-last-child(n) {
    place-self: end;
  }
  .tools .card-position__tech:nth-child(-n + 3) {
    place-self: self-start;
  }
  .tools > .single-header__subtitle {
    margin: 2rem 0;
    font-size: 1rem;
  }
  /* #what-we-do .case-blue { */
    /* padding-bottom: 15rem;
    margin-bottom: 0; */
    /* background-image: url("../assets/images/pages/case-vas/blue-bg.png"); */
    /* background-image: url("../assets/images/pages/case-vas/webp/blue-bg.webp"); */
  /* } */
  /* #what-we-do .case-blue__brands-circle {
    position: inherit;
    transform: none;
  }
  #what-we-do .case-blue__mayor::after {
    bottom: inherit;
    transform: rotate(-90deg) translate(6.75rem, 14.375rem);
  }
  #what-we-do .case-blue__mayor > div::after {
    transform: rotate(180deg) translate(-1.875rem, 2.1875rem);
    bottom: inherit;
    right: -10.625rem;
  }
  #what-we-do .case-blue__grid {
    padding: 0 1rem 3.9375rem;
    margin: auto auto 5.375rem;
  }
  #what-we-do .case-blue__circles-wrapper {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 2.5rem;
    gap: 0 0.75rem;
  }
  #what-we-do .case-blue__circle-text {
    flex-shrink: 0;
  }
  #what-we-do .case-blue__circle-text.bordered-circle {
    transform: none;
    position: relative;
    top: 2.1875rem;
  }
  #what-we-do .case-blue__brands-circle-inner {
    width: inherit;
    height: inherit;
  }
  #what-we-do .case-blue__brands-circle-outer {
    margin: 0;
    transform: none;
    width: 170%;
  }
  #what-we-do .case-blue__brands-circle-outer::after {
    transform: none;
  }
  #what-we-do .case-blue__clock {
    transform: scale(0.58) translate(-160px, 62px);
  } */
}
/* @media (min-width: 64rem) and (min-width: 100rem) {
  #what-we-do .case-blue__brands-circle-outer {
    width: 265%;
  }
} */
/* @media (min-width: 100rem) {
  #what-we-do .case-blue {
    padding-bottom: 22.25rem;
  }
  #what-we-do .case-blue__grid {
    margin: auto auto 15.625rem;
  }
  #what-we-do .case-blue__clock {
    transform: scale(0.9) translate(-6.2vw, 40px);
  }
} */
@media (min-width: 215rem) {
  /* #careers .parallax.header__circle-shape .circle-shape {
    right: 0;
  } */
  .about-us__cards {
    height: 45rem;
  }
  /* #what-we-do .case-blue__grid > h3 {
    margin-top: -0.5rem;
  }
  #what-we-do .case-blue__clock {
    transform: scale(0.9) translate(-6.2vw, 2vw);
  } */
}
/* #what-we-do .case-blue .round-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3.1875rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.125rem;
}
#what-we-do .case-blue__violet {
  height: 11.375rem;
  width: 11.375rem;
  border-radius: 100%;
  background: linear-gradient(140.86deg, #9273f4 0, #7d60d8 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 1.375rem;
  text-align: center;
  position: absolute;
  bottom: -17rem;
}
#what-we-do .case-blue__violet > p:first-child {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
#what-we-do .case-blue__violet > p:last-child {
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: 400;
  text-transform: inherit;
} */
.companies {
  padding-top: 4.375rem;
  margin-bottom: 4.375rem;
  text-align: center;
}
.companies__heading {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  margin-bottom: 2rem;
  color: #102532;
}
.companies__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 4.6875rem;
  color: #102532;
}
.companies__logos-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.companies__logo {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 48rem) {
  .companies__description {
    max-width: 60%;
    margin: 0 auto 4.6875rem;
  }
  .companies__logo {
    flex-basis: 33.3%;
  }
}
@media (min-width: 64rem) {
  /* #what-we-do .case-blue__violet {
    position: inherit;
    bottom: inherit;
    flex-shrink: 0;
  }
  #what-we-do .case-blue__flex-arrow {
    flex-basis: 15%;
    flex-grow: 1;
    position: relative;
    display: inline-block;
    border-bottom: 0.1875rem dashed #102532;
    background: linear-gradient(#102532 0 0) padding-box,
      linear-gradient(137deg, #1edd8e 0, #53c0d2 100%) border-box;
  }
  #what-we-do .case-blue__flex-arrow::after {
    content: "<";
    font-size: 1.875rem;
    display: inline-block;
    position: absolute;
    transform: rotate(-180deg);
    background: -webkit-linear-gradient(137deg, #53c0d2 40%, #1edd8e 70%);
    background-clip: text;
    right: -0.625rem;
    top: -1.3125rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #what-we-do .case-blue__flex-arrow.left {
    margin-right: 10%;
  }
  #what-we-do .case-blue__flex-arrow.right {
    margin-left: 10%;
    position: relative;
    right: 2%;
  } */
  .companies {
    padding-top: 11.625rem;
  }
  .companies__description {
    max-width: none;
  }
  .companies__logos-wrapper {
    justify-content: center;
  }
  .companies__logo {
    flex-basis: 25%;
  }
  .our-services {
    margin-bottom: 10.625rem;
  }
}
@media (min-width: 80rem) {
  .tools__experts {
    margin: 2rem 0 14.875rem;
  }
  .tools .card-position {
    grid-template-columns: 30% 25% 45%;
  }
  .tools .card-position__rigth {
    gap: 1rem 0;
  }
  /* #what-we-do .case-blue__circles-wrapper {
    padding: 0 6.25rem;
  }
  #what-we-do .case-blue .round-brand {
    font-size: 1.125rem;
  } */
  .companies {
    margin-bottom: 10.625rem;
  }
  .companies__heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
  }
  .companies__logos-wrapper {
    justify-content: flex-start;
  }
  .companies__logo {
    flex-basis: 20%;
  }
}
.our-services {
  /* background-image: url("../assets/images/bg-texts/wwdMob.png"); */
  background-image: url("../assets/images/bg-texts/webp/wwdMob.webp");
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: top center;
}
.our-services__card-wrapper {
  margin-top: 4.375rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 48rem) {
  .our-services {
    /* background-image: url("../assets/images/bg-texts/WHAT WE DO.png"); */
    background-image: url("../assets/images/bg-texts/webp/WHAT\ WE\ DO.webp");
    background-size: 140%;
    background-position: center 13%;
  }
  .our-services__card-wrapper {
    align-items: center;
  }
}
.our-services .card {
  flex: 1;
  min-height: auto;
}
@media (min-width: 64rem) {
  .our-services__card-wrapper {
    flex-direction: row;
  }
  .our-services .card {
    min-height: 22.3125rem;
  }
  .our-services .card__link-wrapper {
    color: inherit;
    transform: none;
  }
  .our-services .card__title-wrapper {
    font-size: inherit;
    list-style: inherit;
    color: #fff;
  }
  .our-services .card__pill-wrapper {
    opacity: inherit;
  }
  .our-services .card__description-wrapper {
    opacity: inherit;
    color: #fff;
  }
  .our-services .card__icon-wrapper {
    font-size: 3rem;
    filter: brightness(0) invert(1);
  }
}
@media (min-width: 64rem) and (min-width: 80rem) {
  .our-services .card__link-wrapper {
    padding: 2rem;
    min-height: 24.0625rem;
  }
  .our-services .card__title-wrapper {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    padding-right: 0.75rem;
  }
  .our-services .card__icon-wrapper {
    font-size: 5rem;
  }
}
/* #what-we-do .single-header {
  position: relative; */
  /* background-image: url("../assets/images/bg-texts/services-1.png"); */
  /* background-image: url("../assets/images/bg-texts/webp/services-1.webp");
  background-size: 125%;
  background-position: center 80%;
} */
/* @media (min-width: 48rem) {
  #what-we-do .single-header {
    background-size: 100%;
    background-position: center 100%;
  }
} */
@media (min-width: 64rem) {
  .our-services .card .card__bg {
    clip-path: inherit;
  }
  .our-services__texts {
    max-width: 50%;
    margin-left: a;
  }
  /* #what-we-do .single-header {
    background-position: center 130%;
  }
  #what-we-do .sg-image__diamond {
    display: none;
  } */
}
@media (min-width: 80rem) {
  .our-services .card {
    min-height: 20.875rem;
  }
  /* #what-we-do .single-header {
    background-position: center 120%;
  } */
}
@media (min-width: 90rem) {
  .companies__logo {
    flex-basis: 16.66%;
  }
  .companies__logo > img {
    width: 100%;
  }
  /* #what-we-do .single-header {
    background-size: 105%;
    background-position: center 150%;
  } */
}
@media (min-width: 100rem) {
  /* #what-we-do .case-blue__flex-arrow.left {
    margin-right: 13%;
  }
  #what-we-do .case-blue__flex-arrow.right {
    margin-left: 13%;
    position: relative;
    right: 1%;
  } */
  .our-services {
    background-position: center 55%;
  }
  .our-services .case-content1__line,
  .our-services .case-content1__title {
    margin-bottom: 2.5rem;
  }
  /* #what-we-do .single-header {
    padding-bottom: 11.5rem;
    background-position: center 130%;
  }
  #what-we-do .sg-image .container {
    max-width: none;
    bottom: 12.5rem;
  } */
}
/* #what-we-do .sg-image__diamond {
  right: 1rem;
  bottom: -2.1875rem;
}
#what-we-do .sg-image__diamond-shadow {
  filter: brightness(0.25) blur(0.625rem);
}
#what-we-do .sg-image .container {
  margin-top: -2.25rem;
} */
/* @media (min-width: 48rem) {
  #what-we-do .sg-image__diamond {
    right: 14vw;
    bottom: -5vw;
  }
  #what-we-do .sg-image__diamond-shadow {
    right: 12vw;
    bottom: -6vw;
    z-index: -1;
  }
  #what-we-do .sg-image .container {
    margin-top: -4rem;
  }
  #what-we-do .sg-image__card {
    margin: auto;
  }
} */
/* #what-we-do .case-statement {
  padding-top: 6.25rem;
  background-image: url(../assets/images/bg-texts/STRATEGIC.png);
  background-size: 215%;
  background-position: center 45%;
  background-repeat: no-repeat;
} */
/* @media (min-width: 64rem) {
  #what-we-do .sg-image__diamond-shadow {
    display: none;
  }
  #what-we-do .sg-image .sg__line {
    margin-bottom: 1.875rem;
  }
  #what-we-do .sg-image__card {
    margin-right: -1.625rem;
  }
  #what-we-do .case-statement {
    background-size: 150%;
  }
} */
/* @media (min-width: 80rem) {
  #what-we-do .case-statement {
    background-position: center 100%;
  }
} */
/* @media (min-width: 90rem) {
  #what-we-do .case-statement {
    background-position: center 200%;
  }
} */
/* @media (min-width: 100rem) {
  #what-we-do .sg-image__card {
    max-width: 35rem;
  }
  #what-we-do .case-statement {
    background-size: 120%;
    background-position: center 150%;
  }
} */
.boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 4.8125rem;
  position: relative;
}
.boxes .list-icon__icon {
  font-size: 4.5rem;
  margin-left: -0.625rem;
}
.boxes__box {
  color: #102532;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.125rem 1rem 1.5rem;
  background-color: #f9f9f9;
  box-shadow: 0 4.375rem 2.5rem 0 rgba(233, 233, 233, 0.5);
}
@media (min-width: 48rem) {
  .boxes {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .boxes__box {
    flex-basis: 48%;
  }
  .boxes__box > img {
    padding: 0.75rem 0;
  }
}
@media (min-width: 64rem) {
  .boxes__box {
    padding: 3.125rem 1.5rem;
    min-height: 23.5rem;
    max-width: 24.25rem;
  }
}
@media (min-width: 80rem) {
  .boxes {
    padding-bottom: 0;
    margin-bottom: 10.625rem;
  }
  .boxes__box {
    min-height: auto;
  }
}
@media (min-width: 100rem) {
  .boxes {
    max-width: none;
    flex-wrap: nowrap;
    margin: 6.25rem auto 20rem;
  }
  .boxes__title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .boxes__box {
    flex-basis: inherit;
    min-height: 25rem;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .boxes__box > br {
    display: none;
  }
  .boxes__box > img {
    flex-basis: 15%;
  }
  .boxes__box:nth-child(2) {
    top: 50px;
  }
  .boxes__box:nth-child(3) {
    top: 100px;
  }
  .boxes__box:nth-child(4) {
    top: 150px;
  }
}
@media (min-width: 120rem) {
  #about-us .single-header {
    background-position: center 115%;
    padding-bottom: 8.125rem;
  }
  #about-us .grid-images__image1,
  #about-us .grid-images__image2,
  #insights .blue__image,
  #insights .blue__image img,
  #insights .full-image__img {
    width: 100%;
  }
  #about-us .grid-images__image1 img {
    width: 75%;
  }
  #about-us .grid-images__image2 img {
    width: 90%;
    margin: 0 auto;
  }
  #about-us .grid-images__image3 {
    width: 100%;
    align-self: flex-end;
    transform: translateY(6.25rem);
  }
  #about-us .grid-images__image3 img {
    width: 75%;
    margin-left: auto;
  }
  #about-us .case-image4__image {
    padding-left: 10vw;
    transform: scale(1) translateX(20vw);
    width: 100%;
  }
  #about-us .case-image4__card-wrapper {
    margin-top: 3vw;
    margin-left: -6vw;
  }
  #about-us .blue__container-flex {
    margin-top: 6.25rem;
  }
  #insights .single-header {
    background-position: center 11.875rem;
  }
  #insights .podcast__background {
    background-size: contain;
    background-position: center;
  }
  #insights .podcast__image {
    width: 100%;
    max-width: 24vw;
    padding: 0;
    margin: 0 auto;
  }
  #insights .slider__image {
    width: 70%;
  }
  #insights .slider__image.lander {
    width: 8vw;
  }
  /* #what-we-do .circle-shape {
    top: 10rem;
    right: 5.5rem;
  }
  #what-we-do .single-header {
    background-position: center 150%;
    padding-bottom: 10.75rem;
  }
  #what-we-do .sg-image .sg__text {
    font-size: 1rem;
  }
  #what-we-do .case-statement {
    background-size: 110%;
    background-position: center bottom;
    margin: -6.25rem 0;
  } */
  .boxes__box {
    padding: 6.25rem 2rem;
    min-height: 27.8125rem;
  }
}
.boxes__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 100rem) {
  .boxes__title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    flex-basis: 80%;
    margin: 0 0 0 1rem;
  }
  .boxes__text {
    flex-basis: 100%;
  }
}
#mobile-menu-trigger-out {
  cursor: pointer;
}

.products {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -60px;
  gap: 1rem;
}

.product {
  width: 30%;
  min-width: 23.875rem;
}

.card-section_flex {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* .cards-section__right-flex {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 0;
}

.cards-section__left {
  height: fit-content;
}

.cards-section {
  padding: 0;
} */

/* .we-are-ms__img1 {
  max-width: 30rem;
  width: 100%;
} */

/* .new-gallery {
  gap: 1rem;
  list-style: none;
  padding: 4rem 0;
  background-color: #f9f9f9;
} */

.testimonials {
  padding-bottom: 0;
}
/* .testimonials-gallery {
  margin-bottom: 0;
  background-color: #f9f9f9;
} */

@media screen and (max-width: 900px) {
  .products {
    flex-direction: column;
  }

  .product {
    width: 100%;
  }

  /* .cards-section__right-flex {
    flex-direction: column;
  } */
}

#cc-main {
  /** Change font **/
  --cc-font-family: "Red Hat Display";

  /** Change button primary color to black **/
  --cc-btn-primary-bg: #2d4156;
  --cc-btn-primary-border-color: #000000;
  --cc-btn-primary-hover-bg: #444444;
  --cc-btn-primary-hover-border-color: #444444;

  /** Also make toggles the same color as the button **/
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);

  /** Make the buttons a bit rounder **/
  --cc-btn-border-radius: 10px;
}

button.cm__btn[data-role="all"] {
  background-color: #0ecc7e !important;
  color: #fff;
  border: none !important;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

button.pm__btn[data-role="all"] {
  background-color: #0ecc7e !important;
  color: #fff;
  border: none !important;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

button.cm__btn[data-role="necessary"] {
  background-color: #102532 !important;
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

button.pm__btn[data-role="necessary"] {
  background-color: #102532 !important;
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

button.cc-link {
  color: #0ecc7e !important;
  border: 0;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}


/* ADD THIS CODE IN ORDER TO FIX SOME BUGS IN PAGES DIDN'T REFACTORED */
.get-in-touch__btn{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.primary-button {
  max-width: 13.75rem;
}