@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src: url('../../assets/fonts/metropolis-all-100-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-100-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url('../../assets/fonts/metropolis-all-100-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-100-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src: url('../../assets/fonts/metropolis-all-200-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-200-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url('../../assets/fonts/metropolis-all-200-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-200-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('../../assets/fonts/metropolis-all-300-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-300-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('../../assets/fonts/metropolis-all-300-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-300-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('../../assets/fonts/metropolis-all-400-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-400-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../../assets/fonts/metropolis-all-400-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-400-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url('../../assets/fonts/metropolis-all-500-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-500-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('../../assets/fonts/metropolis-all-500-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-500-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('../../assets/fonts/metropolis-all-600-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-600-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('../../assets/fonts/metropolis-all-600-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-600-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url('../../assets/fonts/metropolis-all-700-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-700-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('../../assets/fonts/metropolis-all-700-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-700-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url('../../assets/fonts/metropolis-all-800-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-800-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('../../assets/fonts/metropolis-all-800-normal.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-800-normal.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url('../../assets/fonts/metropolis-all-900-italic.woff2') format('woff2'), url('../../assets/fonts/metropolis-all-900-italic.woff') format('woff');
}
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url('../../assets/fonts/metropolis-all-900-normal.woff2') format('woff2'), url('./assets/fonts/metropolis-all-900-normal.woff') format('woff');
}
.checkboxBgMixin {
  content: "";
  position: absolute;
  top: -13px;
  left: -13px;
  height: 40px;
  width: 40px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50px;
}
@media (hover: hover) and (pointer: fine) {
  .activeItemMixin:hover {
    color: #00abbe;
  }
  .activeItemMixin:hover svg {
    fill: #00abbe;
  }
}
.activeItemMixin:active {
  opacity: 0.8;
}
.activeItemMixin:active,
.activeItemMixin:focus-visible {
  color: #00abbe;
}
.activeItemMixin:active svg,
.activeItemMixin:focus-visible svg {
  fill: #00abbe;
}
.popupBgMixin {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(4, 3, 49, 0.72);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  opacity: 1;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  pointer-events: auto;
}
.popupBgMixin:not(.open) {
  opacity: 0;
  pointer-events: none;
}
.customListMixin {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.customListMixin li {
  display: flex;
  color: #ffffff;
}
.customListMixin li:not(:last-of-type) {
  margin-bottom: 16px;
}
.checkListMixin {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.checkListMixin li {
  display: flex;
  color: #ffffff;
}
.checkListMixin li:not(:last-of-type) {
  margin-bottom: 16px;
}
.checkListMixin li::before {
  content: "";
  min-width: 35px;
  background: url("../../assets/icons/listCheck.svg") no-repeat 0% 50%;
}
.blueUnderlineLinkMixin {
  color: #00abbe;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .blueUnderlineLinkMixin:hover {
    opacity: 0.8;
  }
}
.blueUnderlineLinkMixin:active {
  opacity: 0.8;
}
.previewCardHoverMixin {
  cursor: pointer;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .previewCardHoverMixin:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 575px) {
  .previewCardHoverMixin:active {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
@media (max-width: 575px) and (hover: hover) and (pointer: fine) {
  .previewCardHoverMixin:hover {
    transform: none;
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
.collapsibleMixin.open .collapse-button {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid #00abbe;
  color: #00abbe;
  fill: #00abbe;
  box-sizing: border-box;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .collapsibleMixin.open .collapse-button {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
}
.collapsibleMixin.open .collapse-button svg {
  transform: rotate(180deg);
  fill: #00abbe;
}
.collapsibleMixin p,
.collapsibleMixin .body1 {
  color: #ffffff;
}
.collapsibleMixin ul {
  padding-left: 20px;
}
.collapsibleMixin .collapse-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  padding: 15px 24px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  overflow-x: auto;
}
.collapsibleMixin .collapse-button svg {
  width: 10px;
  min-width: 10px;
  height: 10px;
  fill: #ffffff;
  transition: 0.2s ease-out;
}
.collapsibleMixin .collapse-button:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
  color: #00abbe;
}
.collapsibleMixin .collapse-button:active svg {
  fill: #00abbe;
}
.collapsibleMixin .collapse-content {
  padding: 0 24px;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.collapsibleMixin .collapse-content ul:first-child,
.collapsibleMixin .collapse-content p:first-child,
.collapsibleMixin .collapse-content a:first-child {
  margin-top: 32px;
}
.collapsibleMixin .collapse-content ul:last-child,
.collapsibleMixin .collapse-content p:last-child,
.collapsibleMixin .collapse-content a:last-child {
  margin-bottom: 24px;
}
.collapsibleMixin .text-button {
  margin-top: 20px;
}
.collapsibleMixin .text-button svg {
  width: 17px;
  height: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .collapsibleMixin .collapse-button:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
    color: #00abbe;
  }
  .collapsibleMixin .collapse-button:hover svg {
    fill: #00abbe;
  }
}
body {
  position: relative;
  margin: 0;
  background: url("../../assets/images/stars.webp"), url("../../assets/images/spaceSecond.png"), #040331;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Metropolis";
  letter-spacing: 0.5px;
}
@media (max-width: 575px) {
  body {
    background: url("../../assets/images/stars.webp"), url("../../assets/images/spaceS.webp"), #040331;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
body.page-privacy,
body.page-cookie,
body.tag-hash-blog,
body.tag-template,
body.author-template {
  background: white;
}
body.home-template,
body.page-about {
  background: url("../../assets/images/stars.webp"), url("../../assets/images/space.webp"), #040331;
  background-size: cover;
  background-repeat: no-repeat;
}
textarea,
input {
  font-family: "Metropolis";
}
a {
  text-decoration: none;
  outline: none;
}
a,
button {
  cursor: pointer;
}
p,
span,
a,
em {
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
img {
  color: #ffffff;
  margin: 0;
}
h1,
h2,
h3,
h4 {
  font-weight: bold;
}
h5,
h6 {
  font-weight: 600;
}
h1 {
  font-size: 64px;
  line-height: 80px;
}
@media (max-width: 800px) {
  h1 {
    font-size: 56px;
    line-height: 70px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
h2 {
  font-size: 48px;
  line-height: 64px;
}
@media (max-width: 800px) {
  h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
h3 {
  font-size: 36px;
  line-height: 54px;
}
@media (max-width: 800px) {
  h3 {
    font-size: 32px;
    line-height: 48px;
  }
}
@media (max-width: 575px) {
  h3 {
    font-size: 24px;
    line-height: 36px;
  }
}
h4 {
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 800px) {
  h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  h4 {
    font-size: 17px;
    line-height: 26px;
  }
}
h5 {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 800px) {
  h5 {
    font-size: 18px;
    line-height: 27px;
  }
}
h6 {
  font-size: 18px;
  line-height: 28px;
}
@media (max-width: 800px) {
  h6 {
    font-size: 17px;
    line-height: 26px;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: transparent 0px 0px 0px 1000px inset;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  caret-color: #ffffff;
}
.header {
  position: fixed;
  width: 100%;
  z-index: 10;
  background-color: transparent;
  transition: all 0.2s ease-out;
  height: 96px;
  opacity: 0;
}
.header a.header-nav-item,
.header p.collapse-button {
  color: rgba(255, 255, 255, 0.64);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.header.scrolled {
  background-color: #040331;
}
@media (max-width: 800px) {
  .header {
    height: 80px;
  }
}
@media (max-width: 575px) {
  .header {
    height: 64px;
  }
}
.header.page-privacy,
.header.page-cookie,
.header.tag-hash-blog,
.header.tag-template,
.header.author-template {
  border-bottom: 1px solid rgba(145, 158, 171, 0.24);
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .header.page-privacy .icon-button-medium:hover,
  .header.page-cookie .icon-button-medium:hover,
  .header.tag-hash-blog .icon-button-medium:hover,
  .header.tag-template .icon-button-medium:hover,
  .header.author-template .icon-button-medium:hover {
    background: rgba(145, 158, 171, 0.12);
  }
}
.header.page-privacy .icon-button-medium:active,
.header.page-cookie .icon-button-medium:active,
.header.tag-hash-blog .icon-button-medium:active,
.header.tag-template .icon-button-medium:active,
.header.author-template .icon-button-medium:active {
  background: rgba(145, 158, 171, 0.12);
}
.header.page-privacy .logo,
.header.page-cookie .logo,
.header.tag-hash-blog .logo,
.header.tag-template .logo,
.header.author-template .logo,
.header.page-privacy .buttons-container .menu svg,
.header.page-cookie .buttons-container .menu svg,
.header.tag-hash-blog .buttons-container .menu svg,
.header.tag-template .buttons-container .menu svg,
.header.author-template .buttons-container .menu svg,
.header.page-privacy .buttons-container .magnifier,
.header.page-cookie .buttons-container .magnifier,
.header.tag-hash-blog .buttons-container .magnifier,
.header.tag-template .buttons-container .magnifier,
.header.author-template .buttons-container .magnifier {
  fill: #212b36;
}
.header.page-privacy .buttons-container .divider-vertical,
.header.page-cookie .buttons-container .divider-vertical,
.header.tag-hash-blog .buttons-container .divider-vertical,
.header.tag-template .buttons-container .divider-vertical,
.header.author-template .buttons-container .divider-vertical {
  background: rgba(145, 158, 171, 0.24);
}
.header.page-privacy .header-nav-item .collapse-button > svg,
.header.page-cookie .header-nav-item .collapse-button > svg,
.header.tag-hash-blog .header-nav-item .collapse-button > svg,
.header.tag-template .header-nav-item .collapse-button > svg,
.header.author-template .header-nav-item .collapse-button > svg {
  fill: #637381;
}
.header.page-privacy a,
.header.page-cookie a,
.header.tag-hash-blog a,
.header.tag-template a,
.header.author-template a,
.header.page-privacy .collapse-button,
.header.page-cookie .collapse-button,
.header.tag-hash-blog .collapse-button,
.header.tag-template .collapse-button,
.header.author-template .collapse-button {
  color: #637381;
}
.header.page-privacy .inner-header nav .header-nav-item.open .collapse-button:after,
.header.page-cookie .inner-header nav .header-nav-item.open .collapse-button:after,
.header.tag-hash-blog .inner-header nav .header-nav-item.open .collapse-button:after,
.header.tag-template .inner-header nav .header-nav-item.open .collapse-button:after,
.header.author-template .inner-header nav .header-nav-item.open .collapse-button:after {
  bottom: -70%;
  background: #ffffff;
  border: 1px solid rgba(145, 158, 171, 0.24);
}
.header.page-privacy .inner-header .collapse-content,
.header.page-cookie .inner-header .collapse-content,
.header.tag-hash-blog .inner-header .collapse-content,
.header.tag-template .inner-header .collapse-content,
.header.author-template .inner-header .collapse-content {
  background: #ffffff;
  border: 1px solid rgba(145, 158, 171, 0.24);
  backdrop-filter: none;
}
.header.page-privacy .inner-header .collapse-content > div:not(:last-of-type),
.header.page-cookie .inner-header .collapse-content > div:not(:last-of-type),
.header.tag-hash-blog .inner-header .collapse-content > div:not(:last-of-type),
.header.tag-template .inner-header .collapse-content > div:not(:last-of-type),
.header.author-template .inner-header .collapse-content > div:not(:last-of-type) {
  border-right: 1px solid rgba(145, 158, 171, 0.24);
}
.header.page-privacy .inner-header .collapse-content a.overline:not(:hover),
.header.page-cookie .inner-header .collapse-content a.overline:not(:hover),
.header.tag-hash-blog .inner-header .collapse-content a.overline:not(:hover),
.header.tag-template .inner-header .collapse-content a.overline:not(:hover),
.header.author-template .inner-header .collapse-content a.overline:not(:hover),
.header.page-privacy .inner-header .collapse-content p.overline,
.header.page-cookie .inner-header .collapse-content p.overline,
.header.tag-hash-blog .inner-header .collapse-content p.overline,
.header.tag-template .inner-header .collapse-content p.overline,
.header.author-template .inner-header .collapse-content p.overline {
  color: #637381;
}
.header.page-privacy .inner-header .collapse-content a.overline:not(:hover) svg,
.header.page-cookie .inner-header .collapse-content a.overline:not(:hover) svg,
.header.tag-hash-blog .inner-header .collapse-content a.overline:not(:hover) svg,
.header.tag-template .inner-header .collapse-content a.overline:not(:hover) svg,
.header.author-template .inner-header .collapse-content a.overline:not(:hover) svg,
.header.page-privacy .inner-header .collapse-content p.overline svg,
.header.page-cookie .inner-header .collapse-content p.overline svg,
.header.tag-hash-blog .inner-header .collapse-content p.overline svg,
.header.tag-template .inner-header .collapse-content p.overline svg,
.header.author-template .inner-header .collapse-content p.overline svg {
  fill: #637381;
}
.header.page-privacy .inner-header .collapse-content .page-link .body1,
.header.page-cookie .inner-header .collapse-content .page-link .body1,
.header.tag-hash-blog .inner-header .collapse-content .page-link .body1,
.header.tag-template .inner-header .collapse-content .page-link .body1,
.header.author-template .inner-header .collapse-content .page-link .body1 {
  color: #212b36;
}
@media (hover: hover) and (pointer: fine) {
  .header.page-privacy .inner-header .collapse-content .page-link:hover,
  .header.page-cookie .inner-header .collapse-content .page-link:hover,
  .header.tag-hash-blog .inner-header .collapse-content .page-link:hover,
  .header.tag-template .inner-header .collapse-content .page-link:hover,
  .header.author-template .inner-header .collapse-content .page-link:hover {
    background: rgba(145, 158, 171, 0.12);
  }
}
.inner-header {
  max-width: 1152px;
  padding: 0 24px 0;
  margin: 0 auto;
  position: relative;
  display: flex;
  height: 100%;
}
@media (max-width: 800px) {
  .inner-header {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .inner-header {
    padding: 0 20px 0;
  }
}
.inner-header > a {
  display: flex;
  margin: 38px 24px 0 0;
  height: fit-content;
}
.inner-header nav {
  display: flex;
}
.inner-header nav div.header-nav-item {
  margin: 36px 0 21px;
  padding: 0 24px 15px;
}
.inner-header nav a.header-nav-item {
  margin: 36px 24px;
}
.inner-header nav .header-nav-item.expertise,
.inner-header nav .header-nav-item.solutions,
.inner-header nav .header-nav-item.company {
  position: relative;
}
.inner-header nav .header-nav-item.expertise .collapse-content {
  left: -85%;
}
.inner-header nav .header-nav-item.solutions .collapse-content {
  left: -265%;
}
.inner-header nav .header-nav-item.company .collapse-content {
  left: 5%;
}
.inner-header nav .header-nav-item.services .collapse-content {
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (hover: hover) and (pointer: fine) {
  .inner-header nav .header-nav-item:hover {
    color: #00abbe;
  }
}
.inner-header nav .header-nav-item.open .collapse-button {
  color: #00abbe;
}
.inner-header nav .header-nav-item.open .collapse-button svg {
  fill: #00abbe;
  transform: rotate(180deg);
}
.inner-header nav .header-nav-item .collapse-button {
  position: relative;
}
.inner-header nav .header-nav-item .collapse-button svg {
  width: 10px;
  height: 7px;
  margin-left: 4px;
  fill: rgba(255, 255, 255, 0.64);
  transition: 0.1s ease-out;
}
.inner-header nav .header-nav-item:not(.open) .collapse-content {
  opacity: 0;
  pointer-events: none;
}
.inner-header nav .header-nav-item.open .collapse-button:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  right: 0;
  bottom: -63%;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  transform: rotate(135deg);
  border-radius: 0 0 0 0.15em;
  background: rgba(4, 3, 49, 0.4);
  backdrop-filter: blur(60px);
  z-index: 10;
}
.inner-header .collapse-content {
  position: absolute;
  top: 34px;
  display: flex;
  width: max-content;
  max-width: 99vw;
  pointer-events: auto;
  opacity: 1;
  background: rgba(4, 3, 49, 0.4);
  backdrop-filter: blur(60px);
  -webkit-backdrop-filter: blur(60px);
  border-radius: 24px;
}
.inner-header .collapse-content a {
  width: fit-content;
}
@media (hover: hover) and (pointer: fine) {
  .inner-header .collapse-content a:hover {
    color: #00abbe;
  }
  .inner-header .collapse-content a:hover svg {
    fill: #00abbe;
  }
}
.inner-header .collapse-content a:active {
  opacity: 0.8;
}
.inner-header .collapse-content a:active,
.inner-header .collapse-content a:focus-visible {
  color: #00abbe;
}
.inner-header .collapse-content a:active svg,
.inner-header .collapse-content a:focus-visible svg {
  fill: #00abbe;
}
.inner-header .collapse-content .overline {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 24px 8px;
  color: rgba(255, 255, 255, 0.64);
}
.inner-header .collapse-content .overline svg {
  fill: rgba(255, 255, 255, 0.64);
}
.inner-header .collapse-content .highlighted {
  margin: 34px 0 16px;
  padding: 1px 8px;
  width: fit-content;
  color: #e02d69;
  background: rgba(225, 54, 114, 0.16);
  border-radius: 6px;
  font-size: 12px;
  line-height: 20px;
}
.inner-header .collapse-content .image-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 12px;
}
.inner-header .collapse-content > div {
  padding: 24px;
}
.inner-header .collapse-content > div:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}
.inner-header .collapse-content .page-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}
.inner-header .collapse-content .page-link .body1 {
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .inner-header .collapse-content .page-link:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 16px;
  }
}
.inner-header .collapse-content .industries,
.inner-header .collapse-content .solutions {
  display: grid;
  gap: 8px 24px;
}
.inner-header .collapse-content .industries {
  grid-template-columns: auto auto;
}
.inner-header .collapse-content .solutions {
  grid-template-columns: auto auto auto;
}
.inner-header .collapse-content .page-links-container {
  display: flex;
  flex-direction: column;
  gap: 8px 24px;
}
.inner-header .collapse-content table tr td:first-of-type,
.inner-header .collapse-content table tr td:nth-of-type(2) {
  padding-right: 18px;
}
.inner-header .collapse-content table tr:nth-of-type(2) td a {
  margin-bottom: 8px;
}
.inner-header .buttons-container {
  display: flex;
  align-items: center;
  margin-left: auto;
  align-self: flex-start;
  padding-top: 30px;
}
.inner-header .buttons-container .magnifier {
  fill: #ffffff;
}
.inner-header .buttons-container .divider-vertical {
  width: 1px;
  height: 24px;
  margin: 0 20px;
  background: rgba(255, 255, 255, 0.12);
}
.inner-header .buttons-container .menu {
  display: none;
}
.inner-header .buttons-container .menu svg {
  min-width: 24px;
  height: 24px;
  fill: #ffffff;
}
.inner-header .img-container {
  position: relative;
}
@media (max-width: 1024px) {
  .inner-header {
    align-items: center;
  }
  .inner-header > a {
    margin-top: 0;
  }
  .inner-header nav,
  .inner-header .divider-vertical,
  .inner-header .contact-link {
    display: none;
  }
  .inner-header .buttons-container {
    padding-top: 0;
    align-self: center;
  }
  .inner-header .buttons-container .menu {
    display: flex;
    margin-left: 10px;
  }
}
.on-demand-developers-bg {
  background: rgba(0, 171, 190, 0.16);
}
.data-science-development-bg {
  background: rgba(185, 59, 216, 0.16);
}
.artificial-intelligence-development-services-bg {
  background: rgba(63, 98, 241, 0.16);
}
.machine-learning-development-bg {
  background: rgba(0, 171, 190, 0.16);
}
.google-chrome-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(234, 67, 53, 0.2);
  backdrop-filter: blur(13.5914px);
}
.image-bg.safari-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(18, 174, 241, 0.2);
  backdrop-filter: blur(13.5914px);
}
.image-bg.edge-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(62, 207, 164, 0.2);
  backdrop-filter: blur(10.8731px);
}
.blue-bg {
  background: rgba(0, 171, 190, 0.16);
}
#lottie-container {
  position: absolute;
  top: -10px;
  left: 20px;
  width: 110px;
  height: 110px;
  pointer-events: none;
}
@media (max-width: 1024px) {
  #lottie-container {
    left: 30px;
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 800px) {
  #lottie-container {
    left: 40px;
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 575px) {
  #lottie-container {
    left: 30px;
    top: -20px;
  }
}
.happy-birthday {
  display: none;
  position: absolute;
  top: -15px;
  left: -13px;
}
.happy-birthday.show {
  display: block;
}
.footer {
  padding: 80px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.footer.page-privacy,
.footer.page-cookie,
.footer.tag-hash-blog,
.footer.tag-template,
.footer.author-template {
  background: #040331;
}
@media (max-width: 575px) {
  .footer {
    padding: 60px 0;
  }
}
.footer-inner {
  max-width: 1152px;
  padding: 0 24px 0;
  margin: 0 auto;
  display: flex;
}
@media (max-width: 800px) {
  .footer-inner {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .footer-inner {
    padding: 0 20px 0;
  }
}
.footer-inner .company-name {
  margin-top: 40px;
  max-width: 368px;
}
.footer-inner > div,
.footer-inner .nav-desktop {
  flex: 1 1 0;
}
.footer-inner .logo {
  margin-bottom: 24px;
}
.footer-inner p.body3 {
  max-width: 368px;
}
.footer-inner .contact-info {
  margin: 16px 0 40px;
}
.footer-inner .contact-info a {
  width: fit-content;
}
.footer-inner .goodfirm-widget {
  margin-left: -15px;
  margin-top: 22px;
  width: fit-content;
}
.footer-inner .nav-desktop {
  display: flex;
  column-gap: 24px;
}
.footer-inner .nav-desktop div {
  display: flex;
  flex-direction: column;
}
.footer-inner .nav-desktop > div {
  row-gap: 32px;
  flex: 1 1 0;
}
.footer-inner .nav-desktop > div > div {
  gap: 8px;
}
.footer-inner .nav-desktop .typography6 {
  margin-bottom: 4px;
}
.footer-inner .nav-desktop a {
  width: fit-content;
}
@media (hover: hover) and (pointer: fine) {
  .footer-inner .nav-desktop a:hover {
    color: #00abbe;
  }
  .footer-inner .nav-desktop a:hover svg {
    fill: #00abbe;
  }
}
.footer-inner .nav-desktop a:active {
  opacity: 0.8;
}
.footer-inner .nav-desktop a:active,
.footer-inner .nav-desktop a:focus-visible {
  color: #00abbe;
}
.footer-inner .nav-desktop a:active svg,
.footer-inner .nav-desktop a:focus-visible svg {
  fill: #00abbe;
}
.footer-inner .footer-nav-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .footer-inner p.body3 {
    max-width: 309px;
  }
}
@media (max-width: 800px) {
  .footer-inner .nav-desktop {
    display: none;
  }
  .footer-inner p.body3,
  .footer-inner .company-name {
    max-width: none;
  }
  .footer-inner .typography6 {
    margin-top: 16px;
  }
  .footer-inner .footer-nav-mobile {
    display: block;
  }
  .footer-inner .footer-nav-mobile .nav-item.open .collapse-button {
    color: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item.open .collapse-button svg {
    fill: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item a {
    margin-left: 12px;
  }
  .footer-inner .footer-nav-mobile .nav-item a:active {
    opacity: 0.8;
  }
  .footer-inner .footer-nav-mobile .nav-item a:active,
  .footer-inner .footer-nav-mobile .nav-item a:focus-visible {
    color: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item a:active svg,
  .footer-inner .footer-nav-mobile .nav-item a:focus-visible svg {
    fill: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item a.point::before {
    content: "•";
    padding: 0 8px;
    color: rgba(255, 255, 255, 0.64);
    font-size: 15px;
  }
  .footer-inner .footer-nav-mobile .nav-item a:not(.point) {
    font-weight: 700;
  }
  .footer-inner .footer-nav-mobile .nav-item .collapse-content {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .footer-inner .footer-nav-mobile .nav-item .collapse-button {
    display: flex;
    align-items: center;
    margin: 0 0 24px;
    width: fit-content;
    cursor: pointer;
  }
  .footer-inner .footer-nav-mobile .nav-item .collapse-button:active {
    opacity: 0.8;
  }
  .footer-inner .footer-nav-mobile .nav-item .collapse-button:active,
  .footer-inner .footer-nav-mobile .nav-item .collapse-button:focus-visible {
    color: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item .collapse-button:active svg,
  .footer-inner .footer-nav-mobile .nav-item .collapse-button:focus-visible svg {
    fill: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item .collapse-button svg {
    width: 10px;
    height: 7px;
    fill: #ffffff;
    margin-left: 8px;
    transition: 0.2s ease-out;
  }
  .footer-inner .footer-nav-mobile .nav-item a {
    display: flex;
    width: fit-content;
  }
  .footer-inner .footer-nav-mobile .nav-item a:last-of-type {
    margin-bottom: 24px;
  }
  .footer-inner .footer-nav-mobile .nav-item:not(.open) .collapse-button svg {
    transform: rotate(-90deg);
  }
}
@media (max-width: 800px) and (hover: hover) and (pointer: fine) {
  .footer-inner .footer-nav-mobile .nav-item a:hover {
    color: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item a:hover svg {
    fill: #00abbe;
  }
}
@media (max-width: 800px) and (hover: hover) and (pointer: fine) {
  .footer-inner .footer-nav-mobile .nav-item .collapse-button:hover {
    color: #00abbe;
  }
  .footer-inner .footer-nav-mobile .nav-item .collapse-button:hover svg {
    fill: #00abbe;
  }
}
@media (max-width: 575px) {
  .footer-inner .typography6 {
    margin-top: 0;
  }
  .footer-inner .contact-info {
    margin: 24px 0;
  }
}
.footer-socials {
  display: flex;
  justify-content: center;
  column-gap: 16px;
  flex-wrap: wrap;
  width: 195px;
  margin: 16px 0 40px;
}
.footer-socials .icon-button-medium svg {
  height: 18px;
  width: 18px;
  fill: #ffffff;
}
@media (max-width: 800px) {
  .footer-socials {
    justify-content: start;
    width: unset;
    column-gap: 8px;
  }
}
@media (max-width: 575px) {
  .footer-socials {
    margin-bottom: 24px;
  }
}
.footer-rights > div {
  max-width: 1152px;
  padding: 24px 24px 24px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .footer-rights > div {
    padding: 24px 32px 24px;
  }
}
@media (max-width: 575px) {
  .footer-rights > div {
    padding: 24px 20px 24px;
  }
}
.footer-rights p {
  margin-right: 10px;
}
.footer-rights.page-privacy,
.footer-rights.page-cookie,
.footer-rights.tag-hash-blog,
.footer-rights.tag-template,
.footer-rights.author-template {
  background: #040331;
}
.topic {
  max-width: 1152px;
  padding: 54px 24px 222px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .topic {
    padding: 54px 32px 222px;
  }
}
@media (max-width: 575px) {
  .topic {
    padding: 54px 20px 222px;
  }
}
.topic img {
  position: absolute;
  z-index: -1;
}
.topic p {
  margin: 24px 0 40px;
  width: 100%;
}
.topic:not(.topic-home, .topic-about) .topic-container {
  position: relative;
}
.topic a:first-of-type:not(:last-of-type) {
  margin-right: 24px;
}
.topic.topic-cloud-app,
.topic.topic-web-app,
.topic.topic-web-app-v2,
.topic.topic-careers {
  padding-bottom: 120px;
}
@media (max-width: 1024px) {
  .topic {
    padding-top: 32px;
    padding-bottom: 200px;
  }
}
@media (max-width: 800px) {
  .topic {
    padding-bottom: 184px;
  }
  .topic.hide-img-on-tablet {
    text-align: center;
  }
  .topic.hide-img-on-tablet p,
  .topic.hide-img-on-tablet h1 {
    max-width: none;
  }
  .topic.hide-img-on-tablet img {
    display: none;
  }
  .topic.hide-img-on-tablet .buttons-container {
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .topic {
    padding-top: 40px;
    padding-bottom: 120px;
  }
  .topic:not(.topic-home, .topic-about, .topic-careers) .topic-container {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
  }
  .topic:not(.topic-home, .topic-about, .topic-careers) .topic-container p,
  .topic:not(.topic-home, .topic-about, .topic-careers) .topic-container h1 {
    max-width: none;
  }
  .topic:not(.topic-home, .topic-about, .topic-careers) .topic-container img {
    display: none;
  }
  .topic:not(.topic-home, .topic-about, .topic-careers) .topic-container .buttons-container {
    margin: 0 auto;
  }
  .topic.topic-cloud-app,
  .topic.topic-web-app,
  .topic.topic-web-app-v2,
  .topic.topic-careers {
    padding-bottom: 100px;
  }
  .topic .buttons-container {
    display: flex;
    justify-content: space-between;
    max-width: 330px;
  }
  .topic a:first-of-type:not(:last-of-type) {
    margin-right: 0px;
  }
}
@media (max-width: 370px) {
  .topic button {
    width: 100%;
  }
  .topic .buttons-container {
    display: block;
    max-width: none;
  }
  .topic .contained-button-pink {
    margin-bottom: 15px;
  }
}
.topic-home {
  padding-top: 126px;
}
.topic-home .topic-container {
  max-width: 750px;
}
.topic-home .topic-container p {
  max-width: 735px;
  color: #ffffff;
}
.topic-home .planet {
  top: -255px;
  margin-left: 45%;
  width: 1000px;
}
@media (max-width: 1440px) {
  .topic-home .planet {
    width: 880px;
  }
}
@media (max-width: 1024px) {
  .topic-home {
    padding-top: 104px;
  }
  .topic-home .planet {
    top: -310px;
    margin-left: 40%;
  }
}
@media (max-width: 800px) {
  .topic-home .topic-container {
    max-width: 644px;
  }
  .topic-home .planet {
    top: -333px;
    margin-left: 39%;
  }
}
@media (max-width: 575px) {
  .topic-home {
    padding-top: 56px;
  }
  .topic-home .topic-container {
    max-width: 480px;
  }
  .topic-home .planet {
    top: -130px;
    margin-left: 25%;
    width: 520px;
  }
}
.topic-about .topic-container {
  max-width: 777px;
}
.topic-about .planet {
  top: 89px;
  margin-left: 54%;
  width: 539.27px;
}
@media (max-width: 1440px) {
  .topic-about .planet {
    margin-left: 63%;
  }
}
@media (max-width: 1024px) {
  .topic-about .topic-container {
    max-width: 630px;
  }
  .topic-about .planet {
    margin-left: 70%;
  }
}
@media (max-width: 800px) {
  .topic-about .topic-container {
    max-width: 564px;
  }
  .topic-about .topic-container .body1 {
    max-width: 536px;
  }
  .topic-about .planet {
    top: 66px;
    width: 446px;
  }
}
@media (max-width: 575px) {
  .topic-about .planet {
    top: 137px;
    width: 218.73px;
  }
}
.topic-webPortal h1 {
  max-width: 619px;
}
.topic-webPortal p {
  max-width: 430px;
}
.topic-webPortal img {
  margin-left: 42%;
  top: -26%;
  width: 719px;
  height: 590px;
}
@media (max-width: 800px) {
  .topic-webPortal img {
    margin-left: 56%;
    width: 664px;
    height: 544.72px;
  }
  .topic-webPortal h1 {
    max-width: 550px;
  }
}
.topic-crm h1,
.topic-crm p {
  max-width: 564px;
}
.topic-crm img {
  margin-left: 56%;
  top: -10%;
  width: 536px;
  height: 470px;
}
@media (max-width: 1024px) {
  .topic-crm h1,
  .topic-crm p {
    max-width: 534px;
  }
  .topic-crm img {
    margin-left: 63%;
    top: -8%;
  }
}
@media (max-width: 800px) {
  .topic-crm h1,
  .topic-crm p {
    max-width: 390px;
  }
}
.topic-hrm h1,
.topic-hrm p {
  max-width: 433px;
}
.topic-hrm img {
  margin-left: 49%;
  top: -5%;
  width: 532px;
  height: 450px;
}
@media (max-width: 1024px) {
  .topic-hrm img {
    margin-left: 55%;
  }
}
@media (max-width: 800px) {
  .topic-hrm img {
    margin-left: 66%;
  }
}
.topic-cms h1,
.topic-cms p {
  max-width: 430px;
}
.topic-cms img {
  margin-left: 55%;
  top: -15%;
  width: 477.19px;
  height: 481px;
}
@media (max-width: 1024px) {
  .topic-cms img {
    margin-left: 53%;
    top: -17%;
  }
}
@media (max-width: 800px) {
  .topic-cms img {
    margin-left: 61%;
    top: -12%;
    width: 432.68px;
    height: 436.13px;
  }
}
.topic-onDemand h1,
.topic-onDemand p {
  max-width: 755px;
}
.topic-onDemand img {
  margin-left: 71%;
  top: 3%;
  width: 405px;
  height: 336.33px;
}
@media (max-width: 1024px) {
  .topic-onDemand h1,
  .topic-onDemand p {
    max-width: 481px;
  }
  .topic-onDemand img {
    margin-left: 55%;
    top: 13%;
  }
}
.topic-python h1,
.topic-python p {
  max-width: 716px;
}
.topic-python img {
  margin-left: 70%;
  top: 7%;
  width: 405px;
  height: 371.09px;
}
@media (max-width: 1024px) {
  .topic-python img {
    margin-left: 77%;
  }
}
.topic-caseStudies p {
  max-width: 430px;
}
.topic-caseStudies img {
  margin-left: 45%;
  top: -11%;
  width: 674px;
  height: 337px;
}
@media (max-width: 1024px) {
  .topic-caseStudies img {
    margin-left: 49%;
  }
}
@media (max-width: 800px) {
  .topic-caseStudies img {
    margin-left: 64%;
    top: 0%;
    width: 568px;
    height: 284px;
  }
}
@media (max-width: 575px) {
  .topic-caseStudies .topic-container .buttons-container {
    display: block;
  }
  .topic-caseStudies .topic-container button {
    width: inherit;
  }
}
.topic-marketplace h1,
.topic-marketplace p {
  max-width: 708px;
}
.topic-marketplace img {
  margin-left: 69%;
  top: -6%;
  width: 405px;
  height: 362.13px;
}
@media (max-width: 1024px) {
  .topic-marketplace h1,
  .topic-marketplace p {
    max-width: 655px;
  }
  .topic-marketplace img {
    top: 5%;
  }
}
.topic-workflow-automation h1,
.topic-workflow-automation p {
  max-width: 708px;
}
.topic-workflow-automation img {
  margin-left: 68%;
  top: 3%;
  width: 443px;
  height: 260px;
}
@media (max-width: 1024px) {
  .topic-workflow-automation p,
  .topic-workflow-automation h1 {
    max-width: 567px;
  }
  .topic-workflow-automation img {
    margin-left: 63%;
    top: 20%;
  }
}
.topic-cloud-app {
  padding-bottom: 120px;
}
.topic-cloud-app h1,
.topic-cloud-app p {
  max-width: 708px;
}
.topic-cloud-app img {
  margin-left: 69%;
  top: -7%;
  width: 405px;
  height: 330.07px;
}
@media (max-width: 1024px) {
  .topic-cloud-app h1,
  .topic-cloud-app p {
    max-width: 565px;
  }
  .topic-cloud-app img {
    margin-left: 61%;
    top: 0%;
  }
}
@media (max-width: 575px) {
  .topic-cloud-app {
    letter-spacing: 0;
  }
}
.topic-remote-monitoring p,
.topic-remote-monitoring h1 {
  max-width: 731px;
}
.topic-remote-monitoring img {
  margin-left: 69%;
  top: 2%;
  width: 405px;
  height: 333.85px;
}
@media (max-width: 1024px) {
  .topic-remote-monitoring img {
    margin-left: 80%;
  }
}
.topic-virtual-assistant h1,
.topic-virtual-assistant p {
  max-width: 708px;
}
.topic-virtual-assistant img {
  margin-left: 70%;
  top: 9%;
  width: 405px;
  height: 302.97px;
}
@media (max-width: 1024px) {
  .topic-virtual-assistant h1,
  .topic-virtual-assistant p {
    max-width: 524px;
  }
  .topic-virtual-assistant img {
    margin-left: 58%;
    top: 19%;
  }
}
.topic-react h1,
.topic-react p {
  max-width: 430px;
}
.topic-react img {
  margin-left: 48%;
  top: 2%;
  width: 597px;
  height: 420px;
}
@media (max-width: 1024px) {
  .topic-react img {
    top: 2%;
    margin-left: 53%;
  }
}
@media (max-width: 800px) {
  .topic-react p {
    max-width: 386px;
  }
  .topic-react img {
    margin-left: 57%;
    width: 616px;
    height: 434px;
  }
}
.topic-web-app {
  padding-bottom: 120px;
}
.topic-web-app h1,
.topic-web-app p {
  max-width: 435px;
}
.topic-web-app img {
  margin-left: 52%;
  top: 3%;
  width: 512px;
}
@media (max-width: 800px) {
  .topic-web-app h1,
  .topic-web-app p {
    max-width: 390px;
  }
  .topic-web-app img {
    margin-left: 58%;
    width: 426.81px;
    height: 319px;
  }
}
.topic-web-app-v2 h1 {
  max-width: 587px;
}
.topic-web-app-v2 p {
  max-width: 544px;
}
.topic-web-app-v2 img {
  margin-left: 59%;
  top: 6%;
  width: 512px;
}
@media (max-width: 1024px) {
  .topic-web-app-v2 img {
    margin-left: 64%;
  }
}
.topic-browser-extension h1,
.topic-browser-extension p {
  max-width: 587px;
}
.topic-browser-extension img {
  margin-left: 62%;
  top: -8%;
  width: 429.54px;
  height: 512px;
}
@media (max-width: 1024px) {
  .topic-browser-extension img {
    margin-left: 68%;
  }
}
.topic-edge h1,
.topic-cyber-security h1,
.topic-edge p,
.topic-cyber-security p {
  max-width: 536px;
}
.topic-edge img,
.topic-cyber-security img {
  margin-left: 59%;
  top: -4%;
  width: 430px;
}
@media (max-width: 1024px) {
  .topic-edge img,
  .topic-cyber-security img {
    margin-left: 61%;
  }
}
.topic-edge img {
  width: 512px;
  margin-left: 55%;
}
.topic-cyber-security img {
  top: -2%;
  width: 480px;
}
.topic-shopify h1,
.topic-shopify p {
  max-width: 433px;
}
.topic-shopify img {
  margin-left: 55%;
  top: -10%;
  width: 512px;
  height: 512px;
}
@media (max-width: 1024px) {
  .topic-shopify img {
    margin-left: 53%;
  }
}
@media (max-width: 800px) {
  .topic-shopify p {
    max-width: 386px;
  }
  .topic-shopify img {
    top: -2%;
    margin-left: 57%;
    width: 460px;
    height: 460px;
  }
}
.topic-si h1,
.topic-si p {
  max-width: 616px;
}
.topic-si img {
  margin-left: 60%;
  top: -9%;
  width: 479px;
  height: 512px;
}
@media (max-width: 1024px) {
  .topic-si img {
    margin-left: 75%;
    top: -7%;
  }
}
.topic-chrome h1,
.topic-chrome p {
  max-width: 708px;
}
.topic-chrome img {
  margin-left: 69%;
  top: 0%;
  width: 405px;
  height: 372.4px;
}
@media (max-width: 1024px) {
  .topic-chrome img {
    margin-left: 80%;
    top: 9%;
  }
}
.topic-net h1,
.topic-net p {
  max-width: 744px;
}
.topic-net img {
  margin-left: 71%;
  top: 16%;
  width: 400px;
  height: 309.87px;
}
@media (max-width: 1024px) {
  .topic-net img {
    margin-left: 82%;
  }
}
.topic-nodejs h1,
.topic-nodejs p {
  max-width: 433px;
}
.topic-nodejs img {
  margin-left: 56%;
  top: 10%;
  width: 512px;
  height: 382.72px;
}
@media (max-width: 1024px) {
  .topic-nodejs img {
    margin-left: 52%;
  }
}
@media (max-width: 800px) {
  .topic-nodejs h1,
  .topic-nodejs p {
    max-width: 386px;
  }
  .topic-nodejs img {
    margin-left: 61%;
    top: 0;
  }
}
.topic-pwa h1,
.topic-pwa p {
  max-width: 433px;
}
.topic-pwa img {
  margin-left: 59%;
  top: -4%;
  width: 351.58px;
  height: 500px;
}
@media (max-width: 1024px) {
  .topic-pwa img {
    margin-left: 55%;
  }
}
@media (max-width: 800px) {
  .topic-pwa h1,
  .topic-pwa p {
    max-width: 386px;
  }
  .topic-pwa img {
    margin-left: 59%;
    top: -6%;
    width: 337.52px;
    height: 480px;
  }
}
.topic-safari h1,
.topic-safari p {
  max-width: 536px;
}
.topic-safari img {
  margin-left: 59%;
  top: 6%;
  width: 437.7px;
  height: 440px;
}
@media (max-width: 1024px) {
  .topic-safari img {
    margin-left: 61%;
  }
}
.topic-automation h1,
.topic-ecommerce h1,
.topic-saas h1,
.topic-aws h1,
.topic-automation p,
.topic-ecommerce p,
.topic-saas p,
.topic-aws p {
  max-width: 744px;
}
.topic-automation img,
.topic-ecommerce img,
.topic-saas img,
.topic-aws img {
  margin-left: 71%;
  top: -18%;
  width: 380px;
  height: auto;
}
@media (max-width: 1024px) {
  .topic-automation img,
  .topic-ecommerce img,
  .topic-saas img,
  .topic-aws img {
    margin-left: 82%;
  }
}
.topic-ecommerce img {
  top: -1%;
  height: 356px;
}
.topic-saas h1 {
  letter-spacing: 0.4px;
}
.topic-saas img {
  top: -1%;
}
.topic-aws img {
  top: 9%;
}
@media (max-width: 800px) {
  .topic-aws.hide-img-on-tablet h1 {
    max-width: 735px;
    margin: 0 auto;
  }
}
.topic-api h1,
.topic-api p {
  max-width: 536px;
}
.topic-api img {
  top: 5%;
  width: 512px;
  margin-left: 57%;
}
@media (max-width: 1024px) {
  .topic-api img {
    margin-left: 59%;
  }
}
@media (max-width: 800px) {
  .topic-api.hide-img-on-tablet h1 {
    max-width: 700px;
    margin: 0 auto;
  }
}
.topic-bpa h1,
.topic-bpa p {
  max-width: 744px;
}
.topic-bpa img {
  top: 5%;
  width: 548px;
  margin-left: 61%;
}
@media (max-width: 1024px) {
  .topic-bpa img {
    margin-left: 70%;
  }
}
.topic-mvp h1,
.topic-mvp p {
  max-width: 588px;
}
.topic-mvp img {
  top: 1%;
  width: 556px;
  margin-left: 59%;
}
@media (max-width: 1024px) {
  .topic-mvp img {
    margin-left: 67%;
  }
}
.topic-fintech h1,
.topic-healthtech h1,
.topic-ios h1,
.topic-fintech p,
.topic-healthtech p,
.topic-ios p {
  max-width: 544px;
}
.topic-fintech img,
.topic-healthtech img,
.topic-ios img {
  top: -1%;
  width: 478px;
  height: 411.1px;
  margin-left: 59%;
}
@media (max-width: 1024px) {
  .topic-fintech img,
  .topic-healthtech img,
  .topic-ios img {
    margin-left: 64%;
  }
}
.topic-healthtech img {
  top: 2%;
}
.topic-careers .topic-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 56px 35px;
}
.topic-careers h1 {
  max-width: 587px;
  min-width: 587px;
}
.topic-careers p {
  max-width: 544px;
  margin-bottom: 0;
}
.topic-careers img {
  position: static;
  border-radius: 16px;
  object-fit: cover;
  object-position: left;
}
@media (max-width: 1024px) {
  .topic-careers img {
    margin-right: -13%;
  }
  .topic-careers h1 {
    min-width: 400px;
  }
}
@media (max-width: 800px) {
  .topic-careers .topic-container {
    flex-direction: column;
  }
  .topic-careers p,
  .topic-careers h1 {
    max-width: unset;
    min-width: unset;
    text-align: center;
  }
  .topic-careers img {
    margin-right: 0;
    width: 100%;
    height: auto;
    max-height: 376px;
  }
}
@media (max-width: 575px) {
  .topic-careers .topic-container {
    row-gap: 64px;
  }
}
.topic-data-science.hide-img-on-tablet h1,
.topic-data-science.hide-img-on-tablet p {
  max-width: 703px;
}
.topic-data-science.hide-img-on-tablet img {
  top: 1%;
  width: 405px;
  height: 339px;
  margin-left: 70%;
}
@media (max-width: 1024px) {
  .topic-data-science.hide-img-on-tablet h1,
  .topic-data-science.hide-img-on-tablet p {
    max-width: 477px;
  }
  .topic-data-science.hide-img-on-tablet img {
    top: 16%;
    margin-left: 54%;
  }
}
@media (max-width: 800px) {
  .topic-data-science.hide-img-on-tablet h1 {
    max-width: 730px;
  }
  .topic-data-science.hide-img-on-tablet p {
    max-width: unset;
  }
}
.topic-machine-learning h1,
.topic-machine-learning p {
  max-width: 708px;
}
.topic-machine-learning img {
  top: 1%;
  width: 405px;
  height: 345.036px;
  margin-left: 70%;
}
@media (max-width: 1024px) {
  .topic-machine-learning h1,
  .topic-machine-learning p {
    max-width: 574px;
  }
  .topic-machine-learning img {
    top: 10%;
    margin-left: 63%;
  }
}
.topic-ai h1,
.topic-ai p {
  max-width: 703px;
}
.topic-ai img {
  top: 3%;
  width: 405px;
  height: 336px;
  margin-left: 69%;
}
@media (max-width: 1024px) {
  .topic-ai h1,
  .topic-ai p {
    max-width: 653px;
  }
  .topic-ai img {
    top: 12%;
    margin-left: 72%;
  }
}
.topic-insurance h1,
.topic-insurance p {
  max-width: 579px;
}
.topic-insurance img {
  top: 0;
  width: 536px;
  height: 470px;
  margin-left: 58%;
}
@media (max-width: 1024px) {
  .topic-insurance h1,
  .topic-insurance p {
    max-width: 574px;
  }
  .topic-insurance img {
    margin-left: 64%;
  }
}
.topic-edtech h1,
.topic-edtech p {
  max-width: 544px;
}
.topic-edtech img {
  top: 5%;
  width: 478px;
  height: 358x;
  margin-left: 59%;
}
@media (max-width: 1024px) {
  .topic-edtech img {
    margin-left: 64%;
  }
}
.topic-app-modernization h1,
.topic-app-modernization p {
  max-width: 508px;
}
.topic-app-modernization img {
  top: 5%;
  width: 405px;
  height: 432.9px;
  margin-left: 60%;
}
@media (max-width: 1024px) {
  .topic-app-modernization img {
    margin-left: 57%;
  }
}
@media (max-width: 800px) {
  .topic-app-modernization.hide-img-on-tablet h1 {
    max-width: 720px;
    margin: 0 auto;
  }
}
.topic-media-entertainment h1,
.topic-media-entertainment p {
  max-width: 800px;
}
.topic-media-entertainment img {
  top: 0%;
  width: 349px;
  height: 306px;
  margin-left: 76%;
}
@media (max-width: 1024px) {
  .topic-media-entertainment h1,
  .topic-media-entertainment p {
    max-width: 740px;
  }
  .topic-media-entertainment img {
    top: 9%;
    margin-left: 81%;
  }
}
.topic-real-estate h1,
.topic-real-estate p {
  max-width: 564px;
}
.topic-real-estate img {
  top: 10%;
  width: 546px;
  height: 350px;
  margin-left: 54%;
}
@media (max-width: 1024px) {
  .topic-real-estate img {
    margin-left: 64%;
  }
}
.topic-iot h1,
.topic-iot p {
  max-width: 544px;
}
.topic-iot img {
  top: 1%;
  width: 654px;
  height: 320px;
  margin-left: 49%;
}
@media (max-width: 1024px) {
  .topic-iot img {
    margin-left: 52%;
  }
}
.topic-greentech h1,
.topic-greentech p {
  max-width: 462px;
}
.topic-greentech img {
  top: 2%;
  width: 493px;
  height: 464px;
  margin-left: 52%;
}
.vertical-tabs-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .vertical-tabs-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .vertical-tabs-section {
    padding: 0 20px 240px;
  }
}
.vertical-tabs-section .vertical-tabs-header {
  text-align: center;
  margin-bottom: 80px;
}
.vertical-tabs-section .vertical-tabs-header h2,
.vertical-tabs-section .vertical-tabs-header .body1 {
  margin: 0 auto;
  max-width: 760px;
}
.vertical-tabs-section .vertical-tabs-header h2 {
  margin-bottom: 24px;
}
.vertical-tabs-section.home {
  padding-bottom: 180px;
}
.vertical-tabs-section.home .vertical-tabs.with-bg {
  height: 615px;
}
.vertical-tabs-section.web-portal,
.vertical-tabs-section.sis {
  padding-bottom: 200px;
}
.vertical-tabs-section.web-app-v2-services {
  padding-bottom: 120px;
}
.vertical-tabs-section.web-app-v2-services .vertical-tabs.without-bg p.body1 {
  color: #ffffff;
}
.vertical-tabs-section.home .vertical-tabs-header h2,
.vertical-tabs-section.web-portal .vertical-tabs-header h2 {
  max-width: 675px;
}
.vertical-tabs-section.home .vertical-tabs-header .body1,
.vertical-tabs-section.web-portal .vertical-tabs-header .body1 {
  max-width: 480px;
}
.vertical-tabs-section.sis .tabs {
  flex: 1 1 0;
}
.vertical-tabs-section.automation .vertical-tabs-header h2 {
  max-width: 675px;
}
.vertical-tabs-section.web-app .vertical-tabs.with-bg {
  height: 570px;
}
.vertical-tabs-section.pwa .vertical-tabs.with-bg {
  height: 496px;
}
.vertical-tabs-section.pwa .tabs {
  max-width: 340px;
}
.vertical-tabs-section.marketplace,
.vertical-tabs-section.web-app-security,
.vertical-tabs-section.si-methodologies,
.vertical-tabs-section.web-app-v2-services {
  max-width: 760px;
}
.vertical-tabs-section.marketplace h2,
.vertical-tabs-section.web-app-security h2,
.vertical-tabs-section.si-methodologies h2,
.vertical-tabs-section.web-app-v2-services h2 {
  max-width: 706px;
}
.vertical-tabs-section.marketplace .vertical-tabs-header,
.vertical-tabs-section.web-app-security .vertical-tabs-header,
.vertical-tabs-section.si-methodologies .vertical-tabs-header,
.vertical-tabs-section.web-app-v2-services .vertical-tabs-header {
  max-width: unset;
}
@media (max-width: 1024px) {
  .vertical-tabs-section.pwa .vertical-tabs.with-bg {
    height: 588px;
  }
  .vertical-tabs-section.pwa .tabs {
    max-width: 266px;
  }
}
@media (max-width: 800px) {
  .vertical-tabs-section {
    padding-bottom: 200px;
  }
  .vertical-tabs-section .vertical-tabs-header {
    max-width: 548px;
    margin: 0 auto 72px;
  }
  .vertical-tabs-section.home {
    padding-bottom: 160px;
  }
  .vertical-tabs-section.pwa .vertical-tabs.with-bg,
  .vertical-tabs-section.web-app .vertical-tabs.with-bg,
  .vertical-tabs-section.home .vertical-tabs.with-bg {
    height: unset;
  }
  .vertical-tabs-section.sis,
  .vertical-tabs-section.web-portal {
    padding-bottom: 180px;
  }
  .vertical-tabs-section.web-app-v2-services {
    padding-bottom: 100px;
  }
  .vertical-tabs-section.si-methodologies h2 {
    max-width: 665px;
  }
}
@media (max-width: 575px) {
  .vertical-tabs-section {
    padding-bottom: 120px;
  }
  .vertical-tabs-section .vertical-tabs-header {
    margin-bottom: 56px;
  }
  .vertical-tabs-section.home,
  .vertical-tabs-section.sis,
  .vertical-tabs-section.web-portal,
  .vertical-tabs-section.web-app-v2-services {
    padding-bottom: 120px;
  }
}
.vertical-tabs {
  display: flex;
  position: relative;
}
.vertical-tabs .typography5 {
  letter-spacing: 0.2px;
}
.vertical-tabs p.body1:not(:last-child) {
  margin-bottom: 20px;
}
.vertical-tabs a {
  color: #00abbe;
}
.vertical-tabs a:hover {
  opacity: 0.8;
}
.vertical-tabs.with-bg {
  gap: 110px;
  padding: 64px;
  box-sizing: border-box;
}
.vertical-tabs.with-bg ul {
  padding-left: 20px;
  margin: 20px 0 0;
}
.vertical-tabs.with-bg ul:not(:last-child) {
  margin-bottom: 20px;
}
.vertical-tabs.with-bg .body1 {
  color: #ffffff;
}
.vertical-tabs.with-bg .typography4 {
  margin-bottom: 24px;
}
.vertical-tabs.with-bg .collapsible-card:not(.open) .collapse-button {
  border-color: transparent;
}
.vertical-tabs.without-bg {
  gap: 80px;
}
.vertical-tabs.without-bg ul {
  padding: 0;
}
.vertical-tabs.without-bg .tabs {
  gap: 24px;
  width: 340px;
  max-width: unset;
}
.vertical-tabs.without-bg .tabcontent {
  padding: 0;
}
.vertical-tabs.without-bg .tabcontent .typography5,
.vertical-tabs.without-bg .tabcontent p:not(:first-of-type):not(:last-child) {
  margin-bottom: 16px;
}
.vertical-tabs.without-bg .collapsible-card .collapse-button {
  justify-content: center;
  padding: 23px 24px;
  text-align: center;
  border-radius: 12px;
}
@media (max-width: 1024px) {
  .vertical-tabs.with-bg {
    gap: 8vw;
  }
  .vertical-tabs.with-bg .collapse-button {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 800px) {
  .vertical-tabs.with-bg {
    padding: unset;
  }
  .vertical-tabs.with-bg .purple-navy-bg-circles,
  .vertical-tabs.with-bg .purple-navy-bg,
  .vertical-tabs.with-bg .tabcontent {
    display: none;
  }
  .vertical-tabs.with-bg .tabs {
    gap: 16px;
    max-width: 551px;
    min-width: unset;
    margin: 0 auto;
  }
  .vertical-tabs.with-bg .typography5 {
    font-size: 17px;
    line-height: 26px;
  }
  .vertical-tabs.with-bg .collapse-content,
  .vertical-tabs.with-bg .collapse-button svg {
    display: block;
  }
  .vertical-tabs.with-bg .collapsible-card:not(.open) .collapse-button {
    border-color: rgba(255, 255, 255, 0.16);
  }
  .vertical-tabs.with-bg .collapse-button {
    padding: 23px 24px;
  }
  .vertical-tabs.without-bg .tabs {
    max-width: 41vw;
  }
}
@media (max-width: 575px) {
  .vertical-tabs.with-bg .collapse-button,
  .vertical-tabs.without-bg .collapse-button {
    padding: 15px 24px;
  }
  .vertical-tabs.without-bg .tabcontent {
    display: none;
  }
  .vertical-tabs.without-bg .tabs {
    gap: 16px;
    width: unset;
    max-width: unset;
    width: 100%;
  }
  .vertical-tabs.without-bg .collapse-content,
  .vertical-tabs.without-bg .collapse-button svg {
    display: block;
  }
  .vertical-tabs.without-bg .collapsible-card .collapse-button {
    justify-content: space-between;
    text-align: start;
    border-radius: 8px;
  }
  .vertical-tabs.without-bg p.body1 {
    color: rgba(255, 255, 255, 0.64);
  }
}
.tabs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 370px;
}
@media (max-width: 1024px) {
  .tabs {
    max-width: 342px;
  }
}
.tabcontent {
  display: none;
  flex: 1 1 0;
  padding-right: 10px;
  overflow-y: auto;
}
.tabcontent::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.tabcontent::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.tabcontent::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}
.tabcontent.open {
  display: block;
}
.collapsible-card.open .collapse-button {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid #00abbe;
  color: #00abbe;
  fill: #00abbe;
  box-sizing: border-box;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .collapsible-card.open .collapse-button {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
}
.collapsible-card.open .collapse-button svg {
  transform: rotate(180deg);
  fill: #00abbe;
}
.collapsible-card p,
.collapsible-card .body1 {
  color: #ffffff;
}
.collapsible-card ul {
  padding-left: 20px;
}
.collapsible-card .collapse-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  padding: 15px 24px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  overflow-x: auto;
}
.collapsible-card .collapse-button svg {
  width: 10px;
  min-width: 10px;
  height: 10px;
  fill: #ffffff;
  transition: 0.2s ease-out;
}
.collapsible-card .collapse-button:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
  color: #00abbe;
}
.collapsible-card .collapse-button:active svg {
  fill: #00abbe;
}
.collapsible-card .collapse-content {
  padding: 0 24px;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.collapsible-card .collapse-content ul:first-child,
.collapsible-card .collapse-content p:first-child,
.collapsible-card .collapse-content a:first-child {
  margin-top: 32px;
}
.collapsible-card .collapse-content ul:last-child,
.collapsible-card .collapse-content p:last-child,
.collapsible-card .collapse-content a:last-child {
  margin-bottom: 24px;
}
.collapsible-card .text-button {
  margin-top: 20px;
}
.collapsible-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .collapsible-card .collapse-button:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
    color: #00abbe;
  }
  .collapsible-card .collapse-button:hover svg {
    fill: #00abbe;
  }
}
.collapsible-card .collapse-content,
.collapsible-card .collapse-button svg {
  display: none;
}
.key-industries {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .key-industries {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .key-industries {
    padding: 0 20px 240px;
  }
}
.key-industries > p {
  max-width: 480px;
}
.key-industries .key-industries-header {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  margin-bottom: 80px;
  width: 100%;
  text-align: start;
}
.key-industries .key-industries-header .body1 {
  max-width: 461px;
}
.key-industries .key-industries-header h2 {
  max-width: 560px;
  min-width: 340px;
}
.key-industries .swiper-industry .swiper-slide {
  width: unset;
}
.key-industries .swiper-pagination-bullet {
  display: none;
}
.key-industries.webPortal h2,
.key-industries.marketplace h2,
.key-industries.net h2,
.key-industries.mvp h2 {
  max-width: 700px;
}
.key-industries.webPortal > .body1,
.key-industries.marketplace > .body1,
.key-industries.net > .body1,
.key-industries.mvp > .body1 {
  max-width: 760px;
}
.key-industries.python > .body1,
.key-industries.remote-monitoring > .body1,
.key-industries.react > .body1 {
  max-width: 760px;
}
.key-industries.python h2,
.key-industries.remote-monitoring h2,
.key-industries.react h2 {
  max-width: 854px;
}
.key-industries.pwa h2,
.key-industries.safari h2,
.key-industries.saas h2,
.key-industries.edge h2,
.key-industries.pwa .body1,
.key-industries.safari .body1,
.key-industries.saas .body1,
.key-industries.edge .body1 {
  max-width: 760px;
}
@media (max-width: 1024px) {
  .key-industries .key-industries-header .body1 {
    max-width: 393px;
  }
  .key-industries.webPortal h2 {
    max-width: 760px;
  }
}
@media (max-width: 800px) {
  .key-industries {
    padding-bottom: 200px;
  }
  .key-industries .swiper-slide {
    margin-bottom: 81px;
  }
  .key-industries .swiper-pagination-bullet {
    display: inline-block;
  }
  .key-industries .key-industries-header {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 72px;
  }
  .key-industries .key-industries-header h2,
  .key-industries .key-industries-header .body1 {
    max-width: none;
    min-width: unset;
    text-align: center;
  }
  .key-industries.webPortal h2 {
    max-width: 650px;
  }
  .key-industries.remote-monitoring .body1 {
    max-width: 554px;
  }
}
@media (max-width: 575px) {
  .key-industries {
    padding-bottom: 120px;
  }
  .key-industries .swiper-slide {
    margin-bottom: 64px;
  }
  .key-industries .key-industries-header {
    margin-bottom: 56px;
  }
  .key-industries.webPortal h2 {
    max-width: 520px;
  }
}
.industries-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.industries-container.swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px 40px;
}
@media (max-width: 800px) {
  .industries-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .industries-container.swiper-wrapper {
    display: flex;
    gap: 0;
  }
}
@media (max-width: 575px) {
  .industries-container {
    grid-template-columns: 1fr;
    gap: 24px 0;
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  a.industry-card:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
a.industry-card:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
}
.industry-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-sizing: border-box;
  border-radius: 16px;
  padding: 40px;
  height: 100%;
}
.industry-card .image-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  padding: 18px;
  border-radius: 22px;
}
.industry-card .image-bg svg {
  width: 64px;
  height: 64px;
}
.industry-card .typography5 {
  margin-bottom: 16px;
  max-width: 21vw;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0px;
}
.industry-card.swiper-slide .typography5 {
  max-width: unset;
}
.industry-card .industry-card-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.industry-card > p:last-of-type:not(:last-child),
.industry-card div.industry-card-content:not(:last-child) {
  margin-bottom: 40px;
}
.industry-card a:not(.text-button) {
  color: #00abbe;
}
.industry-card a:not(.text-button):hover {
  opacity: 0.8;
}
.industry-card .text-button {
  margin-top: auto;
}
.industry-card .text-button svg {
  width: 17px;
  height: 8px;
}
.industry-card:not(.swiper-slide) .text-button:hover,
.industry-card:not(.swiper-slide) .text-button:active {
  background: none;
}
@media (max-width: 800px) {
  .industry-card .image-bg {
    padding: 13.5px;
  }
  .industry-card .image-bg svg {
    width: 53px;
    height: 53px;
  }
  .industry-card .typography5 {
    max-width: 27vw;
  }
  .industry-card.swiper-slide {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .industry-card {
    width: 100%;
  }
  .industry-card .typography5 {
    max-width: none;
  }
  .industry-card.swiper-slide {
    padding: 32px 24px;
  }
  .industry-card:not(.swiper-slide) {
    flex-direction: row;
    padding: 16px 24px;
    text-align: start;
  }
  .industry-card:not(.swiper-slide) .image-bg {
    padding: 9px;
    margin-right: 20px;
    border-radius: 16px;
  }
  .industry-card:not(.swiper-slide) .image-bg svg {
    width: 30px;
    height: 30px;
  }
  .industry-card:not(.swiper-slide) .typography5,
  .industry-card:not(.swiper-slide) > div:first-of-type {
    margin-bottom: 0;
  }
  .industry-card:not(.swiper-slide) p:not(.typography5) {
    display: none;
  }
  .industry-card:not(.swiper-slide) .text-button {
    fill: rgba(255, 255, 255, 0.64);
    margin-left: auto;
    margin-top: initial;
  }
}
@media (max-width: 370px) {
  .industry-card:not(.swiper-slide) {
    overflow-x: auto;
  }
  .industry-card:not(.swiper-slide) .image-bg {
    margin-right: 10px;
  }
}
.custom-ecommerce-software-development-bg {
  background: rgba(255, 175, 0, 0.16);
}
.cyber-security-development-bg {
  background: rgba(0, 171, 190, 0.16);
}
.fintech-software-development-bg {
  background: rgba(185, 59, 216, 0.16);
}
.healthtech-solutions-bg {
  background: rgba(255, 81, 79, 0.16);
}
.real-estate-software-development-bg {
  background: rgba(12, 214, 110, 0.16);
}
.edtech-software-development-bg {
  background: rgba(63, 98, 241, 0.16);
}
.insurance-software-development-bg {
  background: rgba(124, 198, 21, 0.16);
}
.marketing-bg {
  background: rgba(225, 54, 114, 0.16);
}
.telecommunications-bg {
  background: rgba(255, 111, 7, 0.16);
}
.media-entertainment-development-bg {
  background: rgba(117, 75, 242, 0.16);
}
.pharmaceuticals-bg {
  background: rgba(138, 221, 255, 0.16);
}
.enterprise-bg {
  background: rgba(61, 177, 255, 0.16);
}
.sustainability-solutions-bg {
  background: rgba(144, 251, 158, 0.16);
}
.clients-feedback {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 72px;
}
@media (max-width: 800px) {
  .clients-feedback {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .clients-feedback {
    padding: 0 20px 240px;
  }
}
.clients-feedback .feedback-swiper-container {
  margin-right: -11%;
  width: 75%;
}
.clients-feedback .feedback-swiper-container .swiper-buttons {
  margin-left: 0;
  margin-right: 0;
}
.clients-feedback .feedback-swiper-container .swiper-slide {
  display: flex;
}
.clients-feedback .feedback-swiper-container .swiper-wrapper {
  display: flex;
}
@media (max-width: 1440px) {
  .clients-feedback .feedback-swiper-container {
    width: 750px;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .clients-feedback .feedback-swiper-container {
    width: 510px;
  }
}
@media (max-width: 800px) {
  .clients-feedback {
    padding-bottom: 200px;
    flex-direction: column;
  }
  .clients-feedback .feedback-swiper-container,
  .clients-feedback > h2 {
    width: 100%;
    text-align: center;
  }
  .clients-feedback .feedback-swiper-container .swiper-buttons {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .clients-feedback {
    padding-bottom: 120px;
    column-gap: 56px;
  }
  .clients-feedback > h2 {
    margin: 0 auto;
    max-width: 250px;
  }
}
.feedback {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 25px;
}
.feedback .body1 {
  color: #ffffff;
}
.feedback .author-info {
  display: flex;
  margin-top: auto;
}
.feedback .author-info div p:not(.subtitle1) {
  font-size: 13px;
  line-height: 24px;
  opacity: 0.64;
}
.feedback img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  object-fit: cover;
  margin: 5px 12px 0 0;
}
@media (max-width: 800px) {
  .feedback {
    max-width: 510px;
    margin: 0 auto;
    padding-top: 0;
    gap: 40px;
  }
  .feedback .author-info {
    flex-direction: column;
  }
  .feedback .author-info .subtitle1 {
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
  }
  .feedback .body1 {
    font-size: 20px;
    line-height: 36px;
  }
  .feedback img {
    width: 80px;
    height: 80px;
    margin: 0 0 24px;
  }
}
@media (max-width: 575px) {
  .feedback {
    gap: 24px;
  }
  .feedback .subtitle1 {
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
  }
  .feedback .body1 {
    line-height: 30px;
  }
}
.star {
  width: 14px;
  height: 14px;
  fill: rgba(255, 255, 255, 0.48);
}
.star.filled {
  fill: #ffaf00;
}
@media (max-width: 800px) {
  .star {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 575px) {
  .star {
    width: 14px;
    height: 14px;
  }
}
.success-stories {
  padding-bottom: 240px;
  display: none;
  flex-direction: column;
}
.success-stories h2 {
  margin-bottom: 24px;
}
.success-stories .success-stories-header {
  max-width: 1152px;
  padding: 0 24px 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 80px;
  margin-bottom: 70px;
  width: calc(100% - 48px);
}
@media (max-width: 800px) {
  .success-stories .success-stories-header {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .success-stories .success-stories-header {
    padding: 0 20px 0;
  }
}
.success-stories.custom-case-study .success-stories-header {
  display: none;
}
.success-stories .success-stories-description {
  max-width: 460px;
}
.success-stories .swiper-wrapper {
  padding: 10px 0 0 10px;
}
.success-stories .swiper-buttons {
  margin-top: 80px;
  align-self: center;
}
.success-stories > a {
  display: none;
}
.success-stories.crm .success-stories-description,
.success-stories.webPortal .success-stories-description,
.success-stories.cloud-app .success-stories-description,
.success-stories.web-app .success-stories-description,
.success-stories.web-app-v2 .success-stories-description,
.success-stories.marketplace .success-stories-description {
  max-width: inherit;
}
.success-stories.crm .success-stories-description h2,
.success-stories.webPortal .success-stories-description h2,
.success-stories.cloud-app .success-stories-description h2,
.success-stories.web-app .success-stories-description h2,
.success-stories.web-app-v2 .success-stories-description h2,
.success-stories.marketplace .success-stories-description h2 {
  max-width: 850px;
}
.success-stories.crm .success-stories-description .body1,
.success-stories.webPortal .success-stories-description .body1,
.success-stories.cloud-app .success-stories-description .body1,
.success-stories.web-app .success-stories-description .body1,
.success-stories.web-app-v2 .success-stories-description .body1,
.success-stories.marketplace .success-stories-description .body1 {
  max-width: 760px;
}
.success-stories.webPortal,
.success-stories.hrm,
.success-stories.cms,
.success-stories.post {
  padding-bottom: 120px;
}
.success-stories.python,
.success-stories.shopify,
.success-stories.chrome,
.success-stories.net,
.success-stories.pwa,
.success-stories.safari,
.success-stories.automation,
.success-stories.ecommerce,
.success-stories.edge,
.success-stories.cyber-security,
.success-stories.aws,
.success-stories.api,
.success-stories.bpa,
.success-stories.mvp,
.success-stories.ios {
  padding-bottom: 200px;
}
.success-stories.hrm .success-stories-description,
.success-stories.si .success-stories-description {
  max-width: none;
}
.success-stories.hrm .success-stories-description .body1,
.success-stories.si .success-stories-description .body1 {
  max-width: 555px;
}
.success-stories.cms .success-stories-description {
  max-width: 680px;
}
.success-stories.automation .success-stories-description {
  max-width: 725px;
}
.success-stories.api .success-stories-description {
  max-width: 695px;
}
.success-stories.onDemand {
  padding-bottom: 180px;
}
.success-stories.onDemand .success-stories-description {
  max-width: 567px;
}
.success-stories.python .success-stories-description {
  max-width: none;
}
.success-stories.python .success-stories-description h2 {
  max-width: 790px;
}
.success-stories.python .success-stories-description .body1 {
  max-width: 760px;
}
.success-stories.workflow-automation .success-stories-description {
  max-width: 741px;
}
.success-stories.virtual-assistant .success-stories-description {
  max-width: 530px;
}
.success-stories.saas .success-stories-description {
  max-width: 604px;
}
.success-stories.react .success-stories-description,
.success-stories.browser-extension .success-stories-description,
.success-stories.ecommerce .success-stories-description,
.success-stories.about .success-stories-description {
  max-width: 760px;
}
.success-stories.shopify .success-stories-description,
.success-stories.chrome .success-stories-description,
.success-stories.net .success-stories-description,
.success-stories.nodejs .success-stories-description,
.success-stories.pwa .success-stories-description {
  max-width: 854px;
}
@media (max-width: 1024px) {
  .success-stories .swiper-container {
    padding-left: 14px;
  }
  .success-stories.crm .success-stories-description,
  .success-stories.webPortal .success-stories-description,
  .success-stories.python .success-stories-description,
  .success-stories.cloud-app .success-stories-description,
  .success-stories.marketplace .success-stories-description {
    max-width: 680px;
  }
  .success-stories.cms .success-stories-description .body1 {
    max-width: 600px;
  }
  .success-stories.shopify .success-stories-description,
  .success-stories.chrome .success-stories-description,
  .success-stories.net .success-stories-description,
  .success-stories.nodejs .success-stories-description,
  .success-stories.pwa .success-stories-description,
  .success-stories.api .success-stories-description {
    max-width: 726px;
  }
}
@media (max-width: 800px) {
  .success-stories {
    padding-bottom: 200px;
  }
  .success-stories .success-stories-header {
    margin-bottom: 62px;
    width: 100%;
    box-sizing: border-box;
  }
  .success-stories .swiper-container {
    padding-left: 22px;
  }
  .success-stories.crm .success-stories-description,
  .success-stories.webPortal .success-stories-description,
  .success-stories.cloud-app .success-stories-description,
  .success-stories.marketplace .success-stories-description {
    max-width: none;
  }
  .success-stories.hrm,
  .success-stories.cms,
  .success-stories.webPortal,
  .success-stories.post {
    padding-bottom: 100px;
  }
  .success-stories.cms .success-stories-description .body1,
  .success-stories.saas .success-stories-description .body1 {
    max-width: 500px;
  }
  .success-stories.automation .success-stories-description {
    max-width: 456px;
  }
  .success-stories.api .success-stories-description {
    max-width: 455px;
  }
  .success-stories.hrm .success-stories-description .body1,
  .success-stories.si .success-stories-description .body1 {
    max-width: 460px;
    margin: 0 auto;
  }
  .success-stories.onDemand {
    padding-bottom: 160px;
  }
  .success-stories.onDemand .success-stories-description {
    max-width: 475px;
  }
  .success-stories.python,
  .success-stories.shopify,
  .success-stories.chrome,
  .success-stories.net,
  .success-stories.pwa,
  .success-stories.safari,
  .success-stories.automation,
  .success-stories.ecommerce,
  .success-stories.edge,
  .success-stories.cyber-security,
  .success-stories.aws,
  .success-stories.api,
  .success-stories.bpa,
  .success-stories.mvp,
  .success-stories.ios {
    padding-bottom: 180px;
  }
  .success-stories.react .success-stories-description {
    max-width: 540px;
  }
  .success-stories.web-app .success-stories-description,
  .success-stories.web-app-v2 .success-stories-description,
  .success-stories.browser-extension .success-stories-description,
  .success-stories.shopify .success-stories-description,
  .success-stories.chrome .success-stories-description,
  .success-stories.net .success-stories-description,
  .success-stories.pwa .success-stories-description,
  .success-stories.ecommerce .success-stories-description,
  .success-stories.about .success-stories-description {
    max-width: 548px;
  }
  .success-stories.shopify .success-stories-description h2 {
    max-width: 450px;
  }
}
@media (max-width: 575px) {
  .success-stories {
    padding-bottom: 120px;
  }
  .success-stories .swiper-container {
    padding-left: 10px;
  }
  .success-stories.hrm,
  .success-stories.cms,
  .success-stories.webPortal,
  .success-stories.onDemand,
  .success-stories.python,
  .success-stories.shopify,
  .success-stories.chrome,
  .success-stories.net,
  .success-stories.pwa,
  .success-stories.safari,
  .success-stories.automation,
  .success-stories.ecommerce,
  .success-stories.edge,
  .success-stories.cyber-security,
  .success-stories.aws,
  .success-stories.api,
  .success-stories.bpa,
  .success-stories.mvp,
  .success-stories.ios {
    padding-bottom: 120px;
  }
  .success-stories.post {
    padding-bottom: 60px;
  }
  .success-stories .swiper-buttons {
    display: none;
  }
  .success-stories .success-stories-header {
    margin-bottom: 46px;
    width: unset;
    gap: 0;
  }
  .success-stories .success-stories-header .text-button {
    display: none;
  }
  .success-stories .success-stories-description {
    width: unset;
    text-align: center;
  }
  .success-stories.crm .success-stories-description h2,
  .success-stories.webPortal .success-stories-description h2,
  .success-stories.shopify .success-stories-description h2 {
    max-width: unset;
  }
  .success-stories.cms .success-stories-description .body1 {
    max-width: none;
  }
  .success-stories > a {
    display: block;
    margin: 56px auto 0;
  }
  .success-stories > a .contained-button-blue {
    padding: 11px 33.5px;
  }
}
.project > a {
  width: fit-content;
}
@media (hover: hover) and (pointer: fine) {
  .project > a:hover .typography4,
  .project > a:hover .typography5 {
    color: #00abbe;
  }
}
.project .project-photo {
  position: relative;
  height: 342px;
  width: 556px;
  margin-bottom: 24px;
  transform: scale(1);
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .project .project-photo:hover {
    transform: scale(1.02);
  }
}
.project .project-photo a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border-radius: 24px;
}
.project .project-photo .case-img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
  object-position: top left;
}
.project .body1,
.project .typography4 {
  color: #ffffff;
}
.project .typography4 {
  margin-bottom: 16px;
}
.project .body1 {
  margin-bottom: 24px;
}
@media (max-width: 800px) {
  .project .project-photo {
    width: 454px;
    height: 304px;
  }
}
@media (max-width: 575px) {
  .project .project-photo {
    width: 245px;
    height: 190px;
  }
  .project .body1,
  .project .project-tags-container {
    display: none;
  }
  .project .typography4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
  }
}
.project-tags-container {
  display: flex;
  gap: 16px 12px;
  flex-wrap: wrap;
}
.text-cards-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .text-cards-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .text-cards-section {
    padding: 0 20px 240px;
  }
}
.text-cards-section .text-cards-section-header {
  display: flex;
  justify-content: space-between;
  gap: 24px 50px;
  margin-bottom: 80px;
}
.text-cards-section .text-cards-section-header .body1 {
  max-width: 464px;
}
.text-cards-section .text-cards-section-header h2 {
  max-width: 550px;
  min-width: 550px;
}
.text-cards-section .text-cards-section-header.vertical {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
  text-align: center;
}
.text-cards-section .text-cards-section-header.vertical h2,
.text-cards-section .text-cards-section-header.vertical .body1 {
  max-width: unset;
}
.text-cards-section a:not(.text-button) {
  color: #00abbe;
}
.text-cards-section a:not(.text-button):hover {
  opacity: 0.8;
}
.text-cards-section .contact-card {
  padding: 40px;
  text-align: start;
}
.text-cards-section .contact-card .typography5 {
  margin-bottom: 8px;
}
.text-cards-section .contact-card .body1 {
  margin-bottom: 24px;
}
.text-cards-section .collapsible-text-card {
  display: none;
}
.text-cards-section.benefits,
.text-cards-section.web-app {
  padding-bottom: 120px;
}
.text-cards-section.shopify .text-cards-section-header h2 {
  max-width: 700px;
}
.text-cards-section.shopify .text-cards-section-header .body1 {
  max-width: 369px;
}
.text-cards-section.aws h2 {
  max-width: 466px;
  min-width: unset;
}
@media (max-width: 1024px) {
  .text-cards-section .text-cards-section-header h2 {
    max-width: 500px;
    min-width: 430px;
  }
  .text-cards-section .text-cards-section-header .body1 {
    max-width: 393px;
  }
  .text-cards-section .contact-card {
    padding: 40px 24px;
  }
  .text-cards-section.python-apps .text-cards-section-header h2,
  .text-cards-section.automation .text-cards-section-header h2,
  .text-cards-section.web-app .text-cards-section-header h2 {
    max-width: 559px;
    min-width: 390px;
  }
  .text-cards-section.python-apps .text-cards-section-header .body1,
  .text-cards-section.automation .text-cards-section-header .body1,
  .text-cards-section.web-app .text-cards-section-header .body1 {
    max-width: 329px;
  }
  .text-cards-section.shopify .text-cards-section-header .body1 {
    max-width: 308px;
  }
  .text-cards-section.shopify .text-cards-section-header h2 {
    max-width: 570px;
  }
}
@media (max-width: 800px) {
  .text-cards-section {
    padding-bottom: 200px;
  }
  .text-cards-section .text-cards-section-header {
    flex-direction: column;
    text-align: center;
    margin-bottom: 72px;
  }
  .text-cards-section .text-cards-section-header .body1,
  .text-cards-section .text-cards-section-header h2 {
    width: 100%;
    max-width: unset;
    min-width: unset;
  }
  .text-cards-section .contact-card {
    display: none;
  }
  .text-cards-section.benefits,
  .text-cards-section.web-app {
    padding-bottom: 100px;
  }
  .text-cards-section.python-apps .text-cards-section-header .body1,
  .text-cards-section.automation .text-cards-section-header .body1,
  .text-cards-section.web-app .text-cards-section-header .body1,
  .text-cards-section.shopify .text-cards-section-header .body1,
  .text-cards-section.python-apps .text-cards-section-header h2,
  .text-cards-section.automation .text-cards-section-header h2,
  .text-cards-section.web-app .text-cards-section-header h2,
  .text-cards-section.shopify .text-cards-section-header h2 {
    max-width: initial;
    min-width: initial;
  }
  .text-cards-section.aws .text-cards-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .text-cards-section {
    padding-bottom: 120px;
  }
  .text-cards-section.benefits,
  .text-cards-section.web-app {
    padding-bottom: 120px;
  }
  .text-cards-section.python-apps .text-cards-section-header h2,
  .text-cards-section.shopify .text-cards-section-header h2 {
    letter-spacing: 0;
  }
  .text-cards-section .text-cards-section-header {
    margin-bottom: 56px;
  }
  .text-cards-section .collapsible-text-card {
    display: block;
  }
}
.text-cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .text-cards-container a.text-card:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
.text-cards-container a.text-card:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
}
@media (max-width: 800px) {
  .text-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .text-cards-container .text-card:last-child:not(:nth-child(even)) {
    grid-column: 1/-1;
  }
}
@media (max-width: 575px) {
  .text-cards-container {
    display: block;
  }
}
.text-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  box-sizing: border-box;
}
.text-card .typography6 {
  letter-spacing: 0.3px;
}
.text-card .text-button {
  margin-top: auto;
}
.text-card .text-button svg {
  width: 17px;
  height: 8px;
}
.text-card .text-button:hover {
  background: none;
}
@media (max-width: 575px) {
  .text-card {
    display: none;
  }
}
.collapsible-text-card.open .collapse-button {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid #00abbe;
  color: #00abbe;
  fill: #00abbe;
  box-sizing: border-box;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .collapsible-text-card.open .collapse-button {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
}
.collapsible-text-card.open .collapse-button svg {
  transform: rotate(180deg);
  fill: #00abbe;
}
.collapsible-text-card p,
.collapsible-text-card .body1 {
  color: #ffffff;
}
.collapsible-text-card ul {
  padding-left: 20px;
}
.collapsible-text-card .collapse-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  padding: 15px 24px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  overflow-x: auto;
}
.collapsible-text-card .collapse-button svg {
  width: 10px;
  min-width: 10px;
  height: 10px;
  fill: #ffffff;
  transition: 0.2s ease-out;
}
.collapsible-text-card .collapse-button:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
  color: #00abbe;
}
.collapsible-text-card .collapse-button:active svg {
  fill: #00abbe;
}
.collapsible-text-card .collapse-content {
  padding: 0 24px;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.collapsible-text-card .collapse-content ul:first-child,
.collapsible-text-card .collapse-content p:first-child,
.collapsible-text-card .collapse-content a:first-child {
  margin-top: 32px;
}
.collapsible-text-card .collapse-content ul:last-child,
.collapsible-text-card .collapse-content p:last-child,
.collapsible-text-card .collapse-content a:last-child {
  margin-bottom: 24px;
}
.collapsible-text-card .text-button {
  margin-top: 20px;
}
.collapsible-text-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .collapsible-text-card .collapse-button:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
    color: #00abbe;
  }
  .collapsible-text-card .collapse-button:hover svg {
    fill: #00abbe;
  }
}
.collapsible-text-card:not(:last-of-type) {
  margin-bottom: 16px;
}
.tech-stack-bg {
  position: relative;
  margin-bottom: 120px;
}
.tech-stack-bg .purple-navy-bg-circles,
.tech-stack-bg .purple-navy-bg {
  border-radius: unset;
}
@media (max-width: 800px) {
  .tech-stack-bg {
    margin-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .tech-stack-bg {
    display: none;
  }
  .tech-stack-bg.cms,
  .tech-stack-bg.marketplace {
    display: block;
    margin-bottom: 60px;
  }
}
.tech-stack {
  max-width: 1152px;
  padding: 120px 24px 120px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 800px) {
  .tech-stack {
    padding: 120px 32px 120px;
  }
}
@media (max-width: 575px) {
  .tech-stack {
    padding: 120px 20px 120px;
  }
}
.tech-stack .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  width: 100%;
  margin-top: 80px;
}
.tech-stack .wrapper > div {
  flex: 1 1 0;
}
.tech-stack .wrapper .img-container {
  max-width: 600px;
}
.tech-stack .wrapper .img-container img {
  width: 100%;
}
.tech-stack.healthtech .tech-cards {
  display: grid;
  grid-template-columns: auto auto;
  gap: 120px 40px;
  max-width: 450px;
}
.tech-stack.healthtech .frontend {
  width: 140px;
}
.tech-stack.fintech .tech-cards {
  display: grid;
  grid-template-columns: auto auto;
  gap: 80px;
  max-width: 450px;
}
.tech-stack.fintech .tech-cards .tech-card:not(.ai-ml) {
  max-width: unset;
}
.tech-stack.fintech .backend {
  order: 1;
}
.tech-stack.fintech .frontend {
  order: 2;
  width: 140px;
}
.tech-stack.fintech .database {
  order: 3;
}
.tech-stack.fintech .ai-ml {
  order: 4;
}
.tech-stack.fintech .cloud {
  order: 5;
}
.tech-stack.hrm h2,
.tech-stack.cms h2,
.tech-stack.onDemand h2,
.tech-stack.ecommerce h2,
.tech-stack.cyber-security h2,
.tech-stack.mvp h2,
.tech-stack.healthtech h2 {
  max-width: 760px;
}
.tech-stack.cloud-app {
  max-width: 760px;
}
.tech-stack.cloud-app .database {
  display: none;
}
.tech-stack.cloud-app .contact-card h3,
.tech-stack.web-app .contact-card h3 {
  max-width: 550px;
}
.tech-stack .tech-stack-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  text-align: start;
  width: 100%;
}
.tech-stack .tech-stack-head h2 {
  max-width: 629px;
}
.tech-stack .tech-stack-head .body1 {
  max-width: 385px;
}
.tech-stack > p {
  max-width: 760px;
}
.tech-stack h2 {
  margin-bottom: 24px;
}
.tech-stack .typography5 {
  margin-bottom: 24px;
  text-align: start;
}
.tech-stack .tech-cards {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.tech-stack .tech-cards.ai-tech .tech-card {
  flex: 1 1 0;
  max-width: 140px;
}
.tech-stack .tech-card {
  width: 218px;
}
.tech-stack .tech-card.database {
  width: 140px;
  min-width: 140px;
}
.tech-stack .tech-card.cloud {
  width: fit-content;
}
.tech-stack .contact-card {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .tech-stack .tech-stack-head h2 {
    max-width: 520px;
  }
  .tech-stack .tech-card {
    width: auto;
    max-width: 218px;
  }
}
@media (max-width: 800px) {
  .tech-stack {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .tech-stack .tech-stack-head {
    flex-direction: column;
    gap: 0;
    text-align: center;
  }
  .tech-stack .tech-stack-head .body1 {
    max-width: 100%;
  }
  .tech-stack .wrapper {
    margin-top: 72px;
  }
  .tech-stack .wrapper .img-container {
    display: none;
  }
  .tech-stack .tech-cards {
    gap: 26px;
  }
  .tech-stack .tech-cards.ai-tech {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 40px;
  }
  .tech-stack .tech-cards.ai-tech .tech-card {
    max-width: unset;
    width: unset;
  }
  .tech-stack .tech-card {
    max-width: 140px;
  }
  .tech-stack .tech-card.cloud .tech-container {
    flex-wrap: wrap;
  }
  .tech-stack.cloud-app .tech-card.backend {
    max-width: 218px;
  }
  .tech-stack.cloud-app .contact-card h3,
  .tech-stack.web-app .contact-card h3 {
    max-width: unset;
  }
  .tech-stack.cyber-security h2,
  .tech-stack.mvp h2 {
    max-width: 700px;
  }
  .tech-stack.healthtech .tech-cards {
    display: flex;
    max-width: unset;
  }
  .tech-stack.fintech .tech-cards {
    grid-template-columns: 1fr 1fr auto;
    gap: 40px;
    max-width: unset;
  }
  .tech-stack.fintech .cloud {
    order: 3;
  }
  .tech-stack .contact-card {
    margin-top: 72px;
  }
}
@media (max-width: 575px) {
  .tech-stack {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .tech-stack .wrapper {
    margin-top: 56px;
  }
  .tech-stack .tech-cards {
    flex-direction: column;
    gap: 40px;
  }
  .tech-stack .tech-cards .tech-card {
    max-width: none;
  }
  .tech-stack .tech-cards .tech-card.database {
    width: inherit;
  }
  .tech-stack .contact-card {
    margin-top: 56px;
  }
}
.tech-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.tech-icon-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 64px;
  border-radius: 12px;
}
.tech-icon-bg svg,
.tech-icon-bg img {
  height: 55%;
  width: 55%;
}
.nodejs-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(140, 200, 75, 0.2);
}
.python-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(56, 126, 184, 0.2);
}
.php-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(138, 154, 221, 0.2);
}
.net-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(163, 118, 250, 0.2);
}
.go-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(0, 172, 215, 0.2);
}
.ruby-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(198, 26, 4, 0.2);
}
.react-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(97, 218, 251, 0.2);
}
.angular-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(226, 50, 55, 0.2);
}
.vue-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(65, 184, 131, 0.2);
}
.aws-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(255, 153, 0, 0.2);
}
.google-cloud-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(66, 133, 244, 0.2);
}
.azure-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(47, 166, 231, 0.2);
}
.postgresql-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(51, 103, 145, 0.2);
}
.mysql-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(76, 153, 174, 0.2);
}
.redis-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(198, 48, 43, 0.2);
}
.mongodb-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(108, 172, 72, 0.2);
}
.swift-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(240, 81, 56, 0.2);
}
.xcode-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(3, 169, 244, 0.2);
}
.other-tech-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(255, 255, 255, 0.2);
}
.other-tech-bg p {
  font-size: 25px;
}
.tensorflow-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(237, 142, 36, 0.2);
}
.scikit-learn-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(52, 153, 205, 0.2);
}
.pandas-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(67, 48, 166, 0.2);
}
.numpy-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), rgba(77, 171, 207, 0.2);
}
.awards {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .awards {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .awards {
    padding: 0 20px 240px;
  }
}
.awards > .body1 {
  max-width: 560px;
}
.awards .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  height: fit-content;
}
.awards .swiper-slide {
  display: flex;
}
.awards .swiper-slide img {
  width: 100%;
}
.awards .swiper-buttons {
  margin-top: 80px;
}
@media (max-width: 800px) {
  .awards {
    padding-bottom: 200px;
  }
}
.contact-form-container {
  max-width: 1152px;
  padding: 0 24px 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 50px;
}
@media (max-width: 800px) {
  .contact-form-container {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .contact-form-container {
    padding: 0 20px 0;
  }
}
.contact-form-container .body2 {
  max-width: 255px;
  color: rgba(255, 255, 255, 0.64);
}
.contact-form-container .contact-form-header > h1,
.contact-form-container .contact-form-header h2 {
  margin-bottom: 16px;
}
.contact-form-container .contact-form-header > .body2 {
  margin-bottom: 32px;
}
.contact-form-container .contact-form-header .subtitle1 {
  max-width: 290px;
  margin-bottom: 48px;
}
.contact-form-container .contact-form-header .dotted-divider {
  margin: 24px 0 24px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
}
.contact-form-container .contact-form-header .dotted-divider + p {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}
.contact-form-container .contact-info a {
  padding: 16px;
  font-weight: 700;
}
.contact-form-container .contact-info a svg {
  margin-right: 16px;
}
.contact-form-container .socials {
  display: flex;
  margin-top: 16px;
  gap: 8px;
}
.contact-form-container .socials svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
}
@media (max-width: 1024px) {
  .contact-form-container {
    flex-direction: column;
  }
  .contact-form-container .contact-form-header {
    text-align: center;
  }
  .contact-form-container .contact-form-header > p:first-of-type {
    max-width: none;
    margin-bottom: 80px;
  }
  .contact-form-container .contact-info,
  .contact-form-container .socials,
  .contact-form-container .dotted-divider,
  .contact-form-container .dotted-divider + p {
    display: none;
  }
}
@media (max-width: 800px) {
  .contact-form-container .contact-form-header > p:first-of-type {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .contact-form-container .contact-form-header > p:first-of-type {
    margin-bottom: 56px;
  }
}
.contact-form {
  position: relative;
  padding: 64px;
  border-radius: 24px;
  width: 747px;
  max-width: 65%;
  box-sizing: border-box;
}
.contact-form a {
  font-size: 14px;
  line-height: 26px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .contact-form a:hover {
    opacity: 0.8;
  }
}
.contact-form a:active {
  opacity: 0.8;
}
.contact-form .inputs-container {
  display: flex;
  gap: 0 24px;
  margin-bottom: 4px;
}
.contact-form .inputs-container > div:first-child {
  width: 51%;
}
.contact-form .inputs-container > div:last-child {
  width: 47%;
}
.contact-form .file-and-policy-container {
  display: flex;
  justify-content: space-between;
  column-gap: 24px;
  margin-bottom: 10px;
}
.contact-form .file-and-policy-container .custom-checkbox-container {
  width: 51%;
}
.contact-form .file-and-policy-container .custom-checkbox-container .text-helper {
  margin-left: 4px;
}
.contact-form .file-and-policy-container .file-container {
  max-width: 47%;
}
.contact-form .file-and-policy-container .file-container .text-helper {
  margin-left: 0;
}
.contact-form .file-name {
  color: #ffffff;
}
.contact-form .file-attachment {
  display: none;
  align-items: center;
}
.contact-form .file-attachment .body2 {
  margin: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.contact-form .file-attachment + .text-helper {
  min-height: unset;
}
.contact-form .file-attachment.show {
  display: flex;
}
.contact-form .form-buttons {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}
.contact-form .icon-button-small svg,
.contact-form .icon-button-outlined svg {
  fill: #ffffff;
}
.contact-form .floating-textarea {
  height: 216px;
  box-sizing: border-box;
}
.contact-form > div:last-of-type {
  display: flex;
  gap: 24px;
}
.contact-form > div:last-of-type .badges-container {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  max-width: 270px;
  flex: 1 1 0;
}
.contact-form > div:last-of-type .badges-container img:first-of-type {
  width: 48%;
}
.contact-form > div:last-of-type .badges-container img:last-of-type {
  width: 40%;
}
@media (max-width: 1024px) {
  .contact-form {
    max-width: 760px;
    width: 100%;
  }
  .contact-form .inputs-container > div:first-of-type,
  .contact-form .inputs-container > div:last-of-type {
    width: 50%;
  }
}
@media (max-width: 800px) {
  .contact-form {
    padding: 64px 8%;
  }
}
@media (max-width: 575px) {
  .contact-form {
    padding: 24px;
    max-width: 450px;
  }
  .contact-form .floating-textarea {
    height: 128px;
  }
  .contact-form .inputs-container {
    flex-direction: column;
    margin-bottom: 24px;
  }
  .contact-form .inputs-container > div:first-child,
  .contact-form .inputs-container > div:last-child {
    width: 100%;
  }
  .contact-form .file-and-policy-container {
    flex-direction: column;
  }
  .contact-form .file-and-policy-container .custom-checkbox-container {
    width: 100%;
  }
  .contact-form .file-and-policy-container .file-container {
    margin-left: 5px;
    max-width: none;
  }
  .contact-form .contained-button-pink {
    width: 215px;
  }
  .contact-form > div:last-of-type {
    flex-direction: column-reverse;
  }
  .contact-form > div:last-of-type .badges-container {
    margin-left: auto;
  }
}
@media (max-width: 370px) {
  .contact-form {
    overflow: auto;
  }
  .contact-form .contained-button-pink {
    width: unset;
  }
  .contact-form > div:last-of-type .badges-container {
    display: none;
  }
}
.custom-checkbox-container {
  position: relative;
}
.custom-checkbox-container > div {
  display: flex;
}
.custom-checkbox-container .checkbox-label-container {
  margin-left: 10px;
}
.custom-checkbox-container label {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  cursor: pointer;
}
.custom-checkbox {
  position: relative;
  height: 18px;
  width: 18px;
  min-width: 18px;
  border: 2px solid rgba(255, 255, 255, 0.64);
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-checkbox:focus-visible:after {
  content: "";
  position: absolute;
  top: -13px;
  left: -13px;
  height: 40px;
  width: 40px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50px;
}
@media (hover: hover) and (pointer: fine) {
  .custom-checkbox:hover::after {
    content: "";
    position: absolute;
    top: -13px;
    left: -13px;
    height: 40px;
    width: 40px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50px;
  }
}
.custom-checkbox:checked {
  border-color: #00abbe;
}
.custom-checkbox:checked::before {
  content: "";
  display: block;
  height: 14px;
  width: 14px;
  background: no-repeat url("../../assets/icons/check.svg") 50%;
}
.custom-checkbox:checked:hover::after,
.custom-checkbox:checked:focus-visible:after {
  background: rgba(0, 171, 190, 0.08);
}
.floating-container {
  position: relative;
}
.floating-textarea textarea,
.floating-input {
  width: 100%;
  color: #ffffff;
  outline: none;
  border: none;
  font-size: 14px;
  line-height: 26px;
  box-sizing: border-box;
}
.floating-textarea textarea:focus ~ label,
.floating-input:focus ~ label {
  color: #00abbe;
}
.floating-input.error {
  border-radius: 8px;
  background: rgba(255, 81, 79, 0.08);
}
@media (hover: hover) and (pointer: fine) {
  .floating-input.error:hover {
    background: rgba(255, 81, 79, 0.16);
  }
}
.floating-input.error:focus {
  background: rgba(255, 81, 79, 0.08);
}
.floating-input.error:focus ~ label,
.floating-input.error ~ label,
.floating-input.error textarea:focus ~ label,
.floating-input.error textarea ~ label {
  color: #ff514f;
}
.floating-textarea:not(.error),
.floating-input:not(.error) {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .floating-textarea:not(.error):hover,
  .floating-input:not(.error):hover {
    background: rgba(255, 255, 255, 0.08);
  }
}
.floating-textarea:not(.error):focus,
.floating-input:not(.error):focus,
.floating-textarea:not(.error):focus-within,
.floating-input:not(.error):focus-within {
  background: rgba(255, 255, 255, 0.12);
}
.floating-textarea {
  position: relative;
  padding: 30px 6px 22px 12px;
  cursor: text;
}
.floating-textarea textarea {
  resize: none;
  height: 100%;
  padding: 0 6px 0 0;
  background: transparent;
}
.floating-textarea textarea::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.floating-textarea textarea::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.floating-textarea textarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}
.floating-textarea textarea:focus ~ label,
.floating-textarea textarea:not(:placeholder-shown) ~ label {
  transform: translateY(-40%) scale(0.85);
  -webkit-transform: translateY(-40%) scale(0.85);
}
.floating-input {
  padding: 23px 12px 7px;
  margin: 0;
}
.floating-input:focus ~ label,
.floating-input:not(:placeholder-shown) ~ label {
  transform: translateY(-70%) scale(0.85);
  -webkit-transform: translateY(-70%) scale(0.85);
}
.floating-label {
  position: absolute;
  left: 12px;
  top: 20px;
  color: rgba(255, 255, 255, 0.32);
  font-size: 14px;
  transform-origin: left top;
  pointer-events: none;
  user-select: none;
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.text-helper {
  margin-left: 12px;
  min-height: 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #ff514f;
  margin-bottom: 4px;
}
.file-input {
  display: none;
}
.faq {
  max-width: 760px;
  padding: 240px 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .faq {
    padding: 240px 32px 0;
  }
}
@media (max-width: 575px) {
  .faq {
    padding: 240px 20px 0;
  }
}
.faq.hide {
  display: none;
}
.faq.crm,
.faq.cloud-app {
  padding-top: 0;
}
.faq h2 {
  margin-bottom: 80px;
  text-align: center;
}
.faq.open .collapse-content {
  padding-bottom: 20px;
  max-height: unset;
}
.faq.open .collapse-button {
  background: none;
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  .faq.open .collapse-button:hover {
    background-color: transparent;
  }
}
.faq.open .collapse-button:active {
  background-color: transparent;
}
@media (max-width: 800px) {
  .faq {
    max-width: 560px;
    padding-top: 200px;
  }
  .faq h2 {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .faq {
    padding-top: 120px;
  }
  .faq h2 {
    margin-bottom: 56px;
  }
}
.faq-item .collapse-button {
  padding: 20px 30px 20px 5px;
  background: url("../../assets/icons/plusWhite.svg") no-repeat 100% 50%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .faq-item .collapse-button:hover {
    background-color: rgba(0, 171, 190, 0.08);
  }
}
.faq-item .collapse-button:active {
  background-color: rgba(0, 171, 190, 0.08);
}
.faq-item.open .collapse-button {
  background-image: url("../../assets/icons/minusWhite.svg");
}
.faq-item.open .collapse-content {
  padding-bottom: 20px;
}
.faq-item .collapse-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 5px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.faq-item .collapse-content ul,
.faq-item .collapse-content ol {
  padding-left: 20px;
  margin: 0;
}
.faq-item .collapse-content ul li,
.faq-item .collapse-content ol li {
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}
.faq-item .collapse-content a {
  color: #00abbe;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .faq-item .collapse-content a:hover {
    opacity: 0.8;
  }
}
.faq-item .collapse-content a:active {
  opacity: 0.8;
}
.latest-posts {
  max-width: 1152px;
  padding: 240px 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .latest-posts {
    padding: 240px 32px 0;
  }
}
@media (max-width: 575px) {
  .latest-posts {
    padding: 240px 20px 0;
  }
}
.latest-posts .text-button {
  display: none;
}
.latest-posts .text-button svg {
  width: 17px;
  height: 8px;
}
.latest-posts h2 {
  margin-bottom: 24px;
}
.latest-posts .latest-posts-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 30px;
  margin-bottom: 80px;
}
.latest-posts .latest-posts-header .body1 {
  max-width: 460px;
}
.latest-posts .latest-posts-header .text-button {
  display: flex;
}
@media (max-width: 800px) {
  .latest-posts {
    padding-top: 200px;
  }
  .latest-posts .latest-posts-header {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .latest-posts {
    padding-top: 120px;
  }
  .latest-posts .latest-posts-header {
    margin-bottom: 56px;
    text-align: center;
  }
  .latest-posts .latest-posts-header .body1 {
    max-width: unset;
  }
  .latest-posts .latest-posts-header .text-button {
    display: none;
  }
  .latest-posts .text-button {
    display: flex;
    margin: 56px auto 0;
  }
}
.posts-container {
  display: grid;
  gap: 32px;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-areas: "one two three" "one two five" "one four five";
}
.posts-container picture {
  height: 100%;
}
.posts-container img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}
.posts-container .typography6 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.posts-container .post {
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .posts-container .post:hover {
    transform: scale(1.02);
  }
}
.posts-container .post:first-of-type {
  grid-area: one;
  position: relative;
}
.posts-container .post:first-of-type img {
  position: absolute;
  left: 1px;
  width: 99.5%;
  z-index: -1;
}
.posts-container .post:first-of-type .post-content {
  gap: 16px;
  padding: 200px 40px 40px;
  min-height: 740px;
  height: 100%;
  border-radius: 16px;
  box-sizing: border-box;
  background: linear-gradient(0deg, #181740 0%, rgba(4, 3, 49, 0.05) 71.94%, rgba(4, 3, 49, 0) 100%), linear-gradient(180deg, rgba(4, 3, 49, 0) -1.23%, #181740 80%);
}
.posts-container .post:nth-of-type(2) {
  grid-area: two;
}
.posts-container .post:nth-of-type(3) {
  grid-area: three;
}
.posts-container .post:nth-of-type(4) {
  grid-area: four;
}
.posts-container .post:nth-of-type(5) {
  grid-area: five;
}
.posts-container .post:nth-of-type(6) {
  display: none;
  grid-area: six;
}
.posts-container .post-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
}
.posts-container .post-content p:first-of-type,
.posts-container .post-content span {
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.64);
}
@media (max-width: 1024px) {
  .posts-container .post:first-of-type .post-content {
    min-height: 640px;
  }
}
@media (max-width: 800px) {
  .posts-container {
    grid-template-areas: "one  four" "two  five" "three  six";
    grid-template-columns: 1fr 1fr;
    gap: 24px 40px;
  }
  .posts-container img {
    height: 80px;
    width: 80px;
  }
  .posts-container .post {
    flex-direction: row;
  }
  .posts-container .post:first-of-type img {
    position: static;
    width: 80px;
  }
  .posts-container .post:first-of-type .post-content {
    gap: 8px;
    padding: 0;
    min-height: unset;
    background: none;
  }
  .posts-container .post:first-of-type .post-content .body1 {
    display: none;
  }
  .posts-container .post:first-of-type .post-content .typography3 {
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .posts-container .post:nth-of-type(6) {
    display: flex;
  }
  .posts-container .post-content {
    flex-direction: column-reverse;
  }
}
@media (max-width: 575px) {
  .posts-container {
    grid-template-columns: 1fr;
    grid-template-areas: "one" "two" "three" "four" "five";
  }
  .posts-container .post:nth-of-type(6) {
    display: none;
  }
}
.sidebar-bg {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  background: rgba(4, 3, 49, 0.72);
  transition: opacity 0.8s ease-out;
  pointer-events: auto;
}
.sidebar-bg:not(.open) {
  opacity: 0;
  pointer-events: none;
}
.sidebar-bg.page-privacy.open,
.sidebar-bg.page-cookie.open,
.sidebar-bg.tag-hash-blog.open,
.sidebar-bg.tag-template.open,
.sidebar-bg.author-template.open {
  background: rgba(145, 158, 171, 0.72);
}
.sidebar.page-privacy,
.sidebar.page-cookie,
.sidebar.tag-hash-blog,
.sidebar.tag-template,
.sidebar.author-template {
  background: #ffffff;
  border-bottom: 1px solid rgba(145, 158, 171, 0.24);
  box-shadow: -20px 20px 64px -8px rgba(145, 158, 171, 0.2);
}
.sidebar.page-privacy .logo,
.sidebar.page-cookie .logo,
.sidebar.tag-hash-blog .logo,
.sidebar.tag-template .logo,
.sidebar.author-template .logo,
.sidebar.page-privacy .sidebar-top .close-menu svg,
.sidebar.page-cookie .sidebar-top .close-menu svg,
.sidebar.tag-hash-blog .sidebar-top .close-menu svg,
.sidebar.tag-template .sidebar-top .close-menu svg,
.sidebar.author-template .sidebar-top .close-menu svg {
  fill: #212b36;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar.page-privacy .icon-button-medium:hover,
  .sidebar.page-cookie .icon-button-medium:hover,
  .sidebar.tag-hash-blog .icon-button-medium:hover,
  .sidebar.tag-template .icon-button-medium:hover,
  .sidebar.author-template .icon-button-medium:hover {
    background: rgba(145, 158, 171, 0.12);
  }
}
.sidebar.page-privacy .icon-button-medium:active,
.sidebar.page-cookie .icon-button-medium:active,
.sidebar.tag-hash-blog .icon-button-medium:active,
.sidebar.tag-template .icon-button-medium:active,
.sidebar.author-template .icon-button-medium:active {
  background: rgba(145, 158, 171, 0.12);
}
.sidebar.page-privacy p.collapse-button,
.sidebar.page-cookie p.collapse-button,
.sidebar.tag-hash-blog p.collapse-button,
.sidebar.tag-template p.collapse-button,
.sidebar.author-template p.collapse-button,
.sidebar.page-privacy a.overline:not(:hover),
.sidebar.page-cookie a.overline:not(:hover),
.sidebar.tag-hash-blog a.overline:not(:hover),
.sidebar.tag-template a.overline:not(:hover),
.sidebar.author-template a.overline:not(:hover) {
  color: #212b36;
}
.sidebar.page-privacy p.collapse-button svg,
.sidebar.page-cookie p.collapse-button svg,
.sidebar.tag-hash-blog p.collapse-button svg,
.sidebar.tag-template p.collapse-button svg,
.sidebar.author-template p.collapse-button svg,
.sidebar.page-privacy a.overline:not(:hover) svg,
.sidebar.page-cookie a.overline:not(:hover) svg,
.sidebar.tag-hash-blog a.overline:not(:hover) svg,
.sidebar.tag-template a.overline:not(:hover) svg,
.sidebar.author-template a.overline:not(:hover) svg {
  fill: #212b36;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar.page-privacy p.collapse-button:hover,
  .sidebar.page-cookie p.collapse-button:hover,
  .sidebar.tag-hash-blog p.collapse-button:hover,
  .sidebar.tag-template p.collapse-button:hover,
  .sidebar.author-template p.collapse-button:hover {
    color: #00abbe;
  }
  .sidebar.page-privacy p.collapse-button:hover svg,
  .sidebar.page-cookie p.collapse-button:hover svg,
  .sidebar.tag-hash-blog p.collapse-button:hover svg,
  .sidebar.tag-template p.collapse-button:hover svg,
  .sidebar.author-template p.collapse-button:hover svg {
    fill: #00abbe;
  }
}
.sidebar.page-privacy p.collapse-button:active,
.sidebar.page-cookie p.collapse-button:active,
.sidebar.tag-hash-blog p.collapse-button:active,
.sidebar.tag-template p.collapse-button:active,
.sidebar.author-template p.collapse-button:active {
  opacity: 0.8;
}
.sidebar.page-privacy p.collapse-button:active,
.sidebar.page-cookie p.collapse-button:active,
.sidebar.tag-hash-blog p.collapse-button:active,
.sidebar.tag-template p.collapse-button:active,
.sidebar.author-template p.collapse-button:active,
.sidebar.page-privacy p.collapse-button:focus-visible,
.sidebar.page-cookie p.collapse-button:focus-visible,
.sidebar.tag-hash-blog p.collapse-button:focus-visible,
.sidebar.tag-template p.collapse-button:focus-visible,
.sidebar.author-template p.collapse-button:focus-visible {
  color: #00abbe;
}
.sidebar.page-privacy p.collapse-button:active svg,
.sidebar.page-cookie p.collapse-button:active svg,
.sidebar.tag-hash-blog p.collapse-button:active svg,
.sidebar.tag-template p.collapse-button:active svg,
.sidebar.author-template p.collapse-button:active svg,
.sidebar.page-privacy p.collapse-button:focus-visible svg,
.sidebar.page-cookie p.collapse-button:focus-visible svg,
.sidebar.tag-hash-blog p.collapse-button:focus-visible svg,
.sidebar.tag-template p.collapse-button:focus-visible svg,
.sidebar.author-template p.collapse-button:focus-visible svg {
  fill: #00abbe;
}
.sidebar.page-privacy p.overline,
.sidebar.page-cookie p.overline,
.sidebar.tag-hash-blog p.overline,
.sidebar.tag-template p.overline,
.sidebar.author-template p.overline {
  color: #637381;
}
.sidebar.page-privacy .page-link,
.sidebar.page-cookie .page-link,
.sidebar.tag-hash-blog .page-link,
.sidebar.tag-template .page-link,
.sidebar.author-template .page-link {
  background: rgba(145, 158, 171, 0.08);
}
.sidebar.page-privacy .page-link .body1,
.sidebar.page-cookie .page-link .body1,
.sidebar.tag-hash-blog .page-link .body1,
.sidebar.tag-template .page-link .body1,
.sidebar.author-template .page-link .body1 {
  color: #212b36;
}
.sidebar.page-privacy .contained-button-white,
.sidebar.page-cookie .contained-button-white,
.sidebar.tag-hash-blog .contained-button-white,
.sidebar.tag-template .contained-button-white,
.sidebar.author-template .contained-button-white {
  background: #212b36;
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar.page-privacy .contained-button-white:hover,
  .sidebar.page-cookie .contained-button-white:hover,
  .sidebar.tag-hash-blog .contained-button-white:hover,
  .sidebar.tag-template .contained-button-white:hover,
  .sidebar.author-template .contained-button-white:hover {
    background: none;
    color: #212b36;
    border: 1px solid #212b36;
  }
}
.sidebar {
  position: fixed;
  z-index: 11;
  top: -100%;
  padding: 33px 14px 24px 20px;
  max-height: 85vh;
  background: #24234c;
  box-shadow: -24px 24px 72px -8px rgba(0, 0, 0, 0.24);
  transition: top 0.4s ease-out;
}
.sidebar.open {
  top: 0;
}
.sidebar .sidebar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar .sidebar-top a {
  display: flex;
}
.sidebar .sidebar-top .close-menu {
  margin-right: 10px;
}
.sidebar .sidebar-top .close-menu svg {
  fill: #ffffff;
}
.sidebar .image-bg {
  display: flex;
  padding: 6px;
  border-radius: 9.6px;
}
.sidebar .image-bg svg,
.sidebar .image-bg img {
  width: 20px;
  height: 20px;
}
.sidebar .page-links-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 11px 0;
}
.sidebar .page-link {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px;
  background: rgba(4, 3, 49, 0.16);
  border-radius: 16px;
}
.sidebar .page-link p {
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar .page-link:hover {
    background: rgba(145, 158, 171, 0.12);
  }
}
.sidebar .highlighted {
  margin: 16px 0;
  padding: 1px 8px;
  width: fit-content;
  color: #e02d69;
  background: rgba(225, 54, 114, 0.16);
  border-radius: 6px;
  font-size: 12px;
  line-height: 20px;
}
.sidebar .overline {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 11px 0;
  width: fit-content;
  color: rgba(255, 255, 255, 0.64);
}
.sidebar .overline svg {
  fill: #ffffff;
}
.sidebar a.overline {
  color: #ffffff;
}
.sidebar p.collapse-button {
  padding: 11px 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
}
.sidebar nav {
  margin: 38px 0 16px;
  padding-right: 10px;
  overflow-y: scroll;
  max-height: calc(100vh - 280px);
}
.sidebar nav::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.sidebar nav::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.sidebar nav::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}
.sidebar .sidebar-item.open .collapse-button {
  color: #00abbe;
}
.sidebar .sidebar-item.open .collapse-button svg {
  fill: #00abbe;
}
.sidebar .sidebar-item:not(.open) .collapse-button svg {
  transform: rotate(-90deg);
}
@media (hover: hover) and (pointer: fine) {
  .sidebar .collapse-button:hover,
  .sidebar nav a:hover {
    color: #00abbe;
  }
  .sidebar .collapse-button:hover svg,
  .sidebar nav a:hover svg {
    fill: #00abbe;
  }
}
.sidebar .collapse-button:active,
.sidebar nav a:active {
  opacity: 0.8;
}
.sidebar .collapse-button:active,
.sidebar nav a:active,
.sidebar .collapse-button:focus-visible,
.sidebar nav a:focus-visible {
  color: #00abbe;
}
.sidebar .collapse-button:active svg,
.sidebar nav a:active svg,
.sidebar .collapse-button:focus-visible svg,
.sidebar nav a:focus-visible svg {
  fill: #00abbe;
}
.sidebar .collapse-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.sidebar .collapse-button svg {
  width: 10px;
  height: 7px;
  fill: #ffffff;
  transition: 0.2s ease-out;
}
.sidebar .collapse-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
}
.sidebar .buttons-container {
  display: flex;
  gap: 8px;
  width: calc(100% - 10px);
}
.sidebar .buttons-container a {
  flex: 1 1 0;
}
.sidebar .buttons-container button {
  width: 100%;
}
@media (max-width: 800px) {
  .sidebar {
    padding: 22px 22px 24px 32px;
  }
}
@media (max-width: 575px) {
  .sidebar {
    padding: 14px 10px 24px 20px;
  }
  .sidebar .buttons-container {
    flex-direction: column;
  }
  .sidebar nav {
    max-height: calc(100vh - 333px);
  }
}
.form-popup-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(4, 3, 49, 0.72);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  opacity: 1;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  pointer-events: auto;
}
.form-popup-bg:not(.open) {
  opacity: 0;
  pointer-events: none;
}
.form-popup-bg:not(.open) .loader {
  display: none;
}
.form-popup {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  box-sizing: border-box;
  width: 360px;
  max-width: 70%;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
}
.form-popup .success-img,
.form-popup .error-img {
  width: auto;
  height: 80px;
  margin-bottom: 40px;
}
.form-popup .body2 {
  margin-top: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.64);
}
.form-popup:not(.open) {
  display: none;
}
@media (max-width: 575px) {
  .form-popup {
    padding: 30px;
    min-height: 200px;
  }
  .form-popup .success-img,
  .form-popup .error-img {
    height: 60px;
    margin-bottom: 20px;
  }
}
@media (max-width: 370px) {
  .form-popup {
    padding: 20px;
    max-width: 90%;
  }
}
.close-popup {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50px;
  top: -15%;
  right: -15%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .close-popup:hover {
    background: rgba(0, 171, 190, 0.08);
  }
}
.close-popup:active {
  background: rgba(0, 171, 190, 0.08);
}
.close-popup svg {
  width: 10px;
  height: 10px;
  fill: #ffffff;
}
@media (max-width: 370px) {
  .close-popup {
    top: 3%;
    right: 3%;
    width: 40px;
    height: 40px;
    background: transparent;
  }
}
.policy-container {
  max-width: 760px;
  padding: 0 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .policy-container {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .policy-container {
    padding: 0 20px 0;
  }
}
.policy-container h1 {
  padding-top: 80px;
}
.policy-container h3 {
  font-size: 24px;
  line-height: 36px;
  margin: 40px 0 16px;
}
.policy-container p {
  margin-bottom: 25px;
}
.policy-container hr {
  height: 1px;
  background-color: rgba(145, 158, 171, 0.24);
  border: none;
  margin: 48px 0;
}
.policy-container ul {
  padding-left: 20px;
}
.policy-container ul li {
  font-size: 16px;
  line-height: 28px;
}
.policy-container a {
  color: #00abbe;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .policy-container a:hover {
    opacity: 0.8;
  }
}
.policy-container a:active {
  opacity: 0.8;
}
@media (max-width: 800px) {
  .policy-container {
    max-width: 548px;
  }
  .policy-container h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .policy-container h1 {
    padding-top: 60px;
  }
  .policy-container h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
.cookies-popup {
  position: fixed;
  bottom: 0;
  padding: 64px 24px;
  z-index: 11;
  width: 100%;
  height: 254px;
  background: url("../../assets/images/cookieBg.webp"), #040331;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
  transition: bottom 0.5s ease-out;
  -webkit-transition: bottom 0.5s ease-out;
}
.cookies-popup:not(.open) {
  bottom: -254px;
}
@media (max-width: 800px) {
  .cookies-popup {
    padding: 30px 32px;
  }
}
@media (max-width: 575px) {
  .cookies-popup {
    padding: 30px 20px;
  }
}
@media (max-width: 370px) {
  .cookies-popup {
    padding: 30px 10px;
  }
}
.cookies-inner-container {
  max-width: 1152px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.cookies-inner-container h3 {
  margin-bottom: 16px;
}
.cookies-inner-container a {
  font-size: 16px;
  line-height: 28px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .cookies-inner-container a:hover {
    opacity: 0.8;
  }
}
.cookies-inner-container a:active {
  opacity: 0.8;
}
.cookies-inner-container .cookies-text {
  width: 45%;
  min-width: 530px;
}
.cookies-inner-container .buttons-container {
  align-self: center;
}
.cookies-inner-container .buttons-container .contained-button-blue {
  margin-right: 24px;
}
@media (max-width: 1024px) {
  .cookies-inner-container .cookies-text {
    width: 57%;
    min-width: auto;
    margin-right: 10px;
  }
  .cookies-inner-container .buttons-container .contained-button-blue {
    margin-right: 20px;
  }
}
@media (max-width: 800px) {
  .cookies-inner-container {
    flex-direction: column;
  }
  .cookies-inner-container .cookies-text {
    width: 100%;
    margin-right: 0px;
  }
  .cookies-inner-container .buttons-container {
    align-self: flex-start;
  }
}
@media (max-width: 575px) {
  .cookies-inner-container {
    text-align: center;
  }
  .cookies-inner-container h3 {
    margin-bottom: 5px;
  }
  .cookies-inner-container .buttons-container {
    align-self: center;
    margin-top: 10px;
  }
}
@media (max-width: 370px) {
  .cookies-inner-container h3 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 38px;
  }
  .cookies-inner-container p,
  .cookies-inner-container a {
    font-size: 14px;
    line-height: 24px;
  }
  .cookies-inner-container .buttons-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .cookies-inner-container .buttons-container button {
    font-size: 12px;
    width: 50%;
  }
  .cookies-inner-container .buttons-container .outlined-button-standard {
    padding: 8px 16px;
  }
  .cookies-inner-container .buttons-container .contained-button-blue {
    padding: 9px 16px;
    margin-right: 10px;
  }
}
.settings-popup-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(4, 3, 49, 0.72);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  opacity: 1;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  pointer-events: auto;
}
.settings-popup-bg:not(.open) {
  opacity: 0;
  pointer-events: none;
}
.settings-popup-bg:not(.open) .settings-popup {
  display: none;
}
.settings-popup {
  display: flex;
  flex-direction: column;
  width: 712px;
  max-width: 90%;
  max-height: 90%;
  min-height: 330px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
}
.settings-popup .typography6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settings-popup .typography5,
.settings-popup .typography6 {
  margin-bottom: 16px;
}
.settings-popup .body2 {
  margin-bottom: 24px;
}
.settings-popup .settings-popup-header {
  padding: 24px 24px 0;
}
.settings-popup .settings-content {
  margin: 24px 4px 24px 24px;
  overflow: auto;
}
.settings-popup .settings-content::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.settings-popup .settings-content::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.settings-popup .settings-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}
.settings-popup .settings-content .typography6,
.settings-popup .settings-content .body2 {
  margin-right: 20px;
}
.settings-popup .settings-content .body2:last-of-type {
  margin-bottom: 0;
}
.settings-popup .settings-popup-buttons {
  padding: 24px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
}
.settings-popup .settings-popup-buttons .outlined-button-standard {
  margin-right: 24px;
}
@media (max-width: 575px) {
  .settings-popup {
    min-height: 250px;
  }
  .settings-popup .body2 {
    margin-bottom: 12px;
  }
  .settings-popup .settings-popup-header {
    padding: 12px 12px 0;
  }
  .settings-popup .settings-content {
    margin: 12px 4px 12px 12px;
  }
  .settings-popup .settings-content .typography6,
  .settings-popup .settings-content .body2 {
    margin-right: 8px;
  }
  .settings-popup .settings-popup-buttons {
    padding: 24px 12px;
  }
  .settings-popup .settings-popup-buttons .outlined-button-standard {
    margin-right: 10px;
  }
}
@media (max-width: 370px) {
  .settings-popup .typography5,
  .settings-popup .typography6 {
    margin-bottom: 10px;
  }
  .settings-popup .body2 {
    font-size: 12px;
    line-height: 20px;
  }
  .settings-popup .settings-popup-buttons {
    justify-content: space-between;
    padding: 12px;
  }
  .settings-popup .settings-popup-buttons button {
    padding: 3px 12px;
    font-size: 12px;
    width: 50%;
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 20px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:disabled + .slider {
  background-color: rgba(255, 255, 255, 0.16);
  cursor: default;
}
.switch input:checked:disabled + .slider {
  background-color: rgba(0, 171, 190, 0.48);
}
.switch input:checked + .slider {
  background: #00abbe;
}
.switch input:checked + .slider::before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px rgba(0, 171, 190, 0.48);
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(145, 158, 171, 0.48);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider::before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider.round {
  border-radius: 50px;
}
.slider.round::before {
  border-radius: 50%;
}
.who-we-are > div:first-of-type {
  max-width: 1152px;
  padding: 0 24px 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 50px;
}
@media (max-width: 800px) {
  .who-we-are > div:first-of-type {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .who-we-are > div:first-of-type {
    padding: 0 20px 0;
  }
}
.who-we-are > div:first-of-type .body1 {
  max-width: 564px;
  color: #ffffff;
}
.who-we-are img {
  width: 100%;
  height: auto;
  max-height: 648px;
  border-radius: 16px;
  object-fit: cover;
}
.who-we-are .swiper-wrapper {
  display: flex;
}
.who-we-are .photo-swiper-container {
  max-width: 1152px;
  padding: 0px 24px 0;
  margin: 0 auto;
  position: relative;
  margin: 80px auto;
}
@media (max-width: 800px) {
  .who-we-are .photo-swiper-container {
    padding: 0px 32px 0;
  }
}
@media (max-width: 575px) {
  .who-we-are .photo-swiper-container {
    padding: 0px 20px 0;
  }
}
.who-we-are .swiper-slide {
  margin-bottom: 66px;
  display: flex;
}
.who-we-are .info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  gap: 8px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 16px;
  box-sizing: border-box;
}
.who-we-are .info-card p:not(.typography2) {
  font-size: 18px;
}
@media (max-width: 800px) {
  .who-we-are .info-card {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .who-we-are .info-card {
    padding: 40px;
  }
}
.who-we-are .info-cards-container {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 800px) {
  .who-we-are .info-cards-container {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .who-we-are .info-cards-container {
    padding: 0 20px 240px;
  }
}
@media (max-width: 1024px) {
  .who-we-are > div:first-of-type .body1 {
    max-width: 476px;
  }
  .who-we-are .info-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .who-we-are img {
    max-height: 549px;
  }
}
@media (max-width: 800px) {
  .who-we-are > div:first-of-type .body1 {
    max-width: 364px;
  }
  .who-we-are .photo-swiper-container {
    margin: 72px auto;
  }
  .who-we-are .info-cards-container {
    padding-bottom: 200px;
  }
  .who-we-are img {
    max-height: 414px;
  }
}
@media (max-width: 575px) {
  .who-we-are > div:first-of-type {
    flex-direction: column;
  }
  .who-we-are > div:first-of-type .body1 {
    max-width: unset;
  }
  .who-we-are .photo-swiper-container {
    margin: 56px auto;
  }
  .who-we-are .swiper-side-buttons {
    display: none;
  }
  .who-we-are .info-cards-container {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-bottom: 120px;
  }
  .who-we-are .info-card {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }
  .who-we-are img {
    margin: auto;
    max-height: 189px;
    max-width: 400px;
  }
}
.fively-story {
  padding-bottom: 240px;
}
.fively-story .container {
  max-width: 1152px;
  padding: 0 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .fively-story .container {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .fively-story .container {
    padding: 0 20px 0;
  }
}
.fively-story .br {
  border-radius: 32px;
}
.fively-story .story-header {
  display: flex;
  justify-content: space-between;
  gap: 24px 40px;
  margin-bottom: 80px;
}
.fively-story .story-header .body1 {
  flex: 1 1 0;
  max-width: 564px;
}
.fively-story .story-header h2 {
  flex: 1 1 0;
  max-width: 462px;
}
.fively-story .story-header .subtitle1 {
  color: rgba(255, 255, 255, 0.64);
}
.fively-story img {
  max-width: 100%;
  min-width: 120px;
  height: auto;
}
.fively-story .swiper-slide {
  background-image: url("../../assets/images/about/story/slideBg.webp");
  background-size: contain;
  margin: auto;
}
.fively-story .swiper-slide:not(.swiper-slide-active) .highlighted-info {
  opacity: 0;
}
.fively-story .story-swiper-text {
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 1024px) {
  .fively-story .story-swiper-text {
    font-size: 20px;
    line-height: 30px;
  }
  .fively-story .swiper-slide {
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 800px) {
  .fively-story {
    padding-bottom: 200px;
  }
  .fively-story .story-swiper-text,
  .fively-story .typography4 {
    font-size: 15px;
    line-height: 23px;
  }
  .fively-story .story-header {
    flex-direction: column;
    margin-bottom: 72px;
  }
  .fively-story .story-header h2,
  .fively-story .story-header .body1 {
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .fively-story {
    display: none;
  }
}
.highlighted-info {
  padding: 24px;
  width: fit-content;
  height: fit-content;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(37px);
  -webkit-backdrop-filter: blur(37px);
  border-radius: 16px;
  opacity: 1;
  transition: opacity 2s;
}
.highlighted-info img {
  min-width: unset;
  max-width: unset;
}
.highlighted-info.small {
  padding: 16px;
}
@media (max-width: 1024px) {
  .highlighted-info {
    padding: 20px;
  }
}
@media (max-width: 800px) {
  .highlighted-info {
    padding: 16px;
  }
}
.story-swiper .swiper-horizontal > .swiper-pagination-bullets,
.story-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: unset;
}
.story-swiper .swiper-wrapper {
  display: flex;
}
.swiper-pagination.custom-pagination {
  position: relative;
  display: flex;
  gap: 23px;
  margin-top: 80px;
  cursor: pointer;
}
.swiper-pagination.custom-pagination .custom-pagination-item {
  flex: 1 1 0;
  padding: 23px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: none;
}
.swiper-pagination.custom-pagination .custom-pagination-item:hover {
  background: rgba(0, 171, 190, 0.08);
  color: #00abbe;
  border-color: transparent;
}
.swiper-pagination.custom-pagination .custom-pagination-item.swiper-pagination-bullet-active {
  border: 1px solid #00abbe;
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  color: #00abbe;
  background-color: transparent;
}
.swiper-pagination.custom-pagination .custom-pagination-item.swiper-pagination-bullet-active:hover {
  background: rgba(0, 171, 190, 0.08);
}
@media (max-width: 800px) {
  .swiper-pagination.custom-pagination {
    margin-top: 72px;
    padding: 23px 20px;
  }
}
.year-2022 .top-section {
  display: flex;
  gap: 55px;
  justify-content: space-between;
}
.year-2022 .bottom-section {
  display: flex;
  gap: 15px;
}
.year-2022 .bottom-section > div:last-child {
  flex-grow: 1;
}
.year-2022 .dogq {
  display: flex;
  gap: 35px;
  margin-bottom: 42px;
}
.year-2022 .dogq .story-swiper-text {
  max-width: 340px;
}
.year-2022 .dogq img {
  margin-top: 20px;
}
.year-2022 .clutch {
  display: flex;
  gap: 40px;
  align-items: center;
}
.year-2022 .clutch .story-swiper-text {
  max-width: 415px;
}
.year-2022 .quality {
  display: flex;
  gap: 65px;
  margin: 48px 0 24px;
}
.year-2022 .quality .highlighted-info {
  margin-top: 5px;
}
.year-2022 .quality img {
  border-radius: 24px;
}
.year-2022 .top-dev {
  display: flex;
  gap: 25px;
  align-items: center;
}
.year-2022 .top-dev .story-swiper-text {
  max-width: 312px;
}
.year-2022 .employees {
  margin-bottom: 20px;
}
.year-2022 .employees .story-swiper-text {
  max-width: 400px;
}
.year-2022 .employees .highlighted-info {
  position: absolute;
  top: 15%;
  left: 25px;
}
.year-2022 .employees > div {
  position: relative;
  display: flex;
}
.year-2022 .employees > div > div:not(.highlighted-info) {
  margin: 10px 0 0 auto;
}
.year-2022 .employees img {
  border-radius: 16px;
}
.year-2022 .goodfirms {
  background-image: url("../../assets/images/awards/goodfirms.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 30%;
}
.year-2022 .goodfirms .story-swiper-text {
  max-width: 398px;
  margin: 0 50px 38px 40px;
}
.year-2022 .tech-behemoths {
  max-width: 415px;
  margin: 17px 0 0 auto;
}
@media (max-width: 1024px) {
  .year-2022 .top-section > div,
  .year-2022 .bottom-section > div {
    flex: 1 1 0;
  }
  .year-2022 .dogq,
  .year-2022 .clutch,
  .year-2022 .quality,
  .year-2022 .top-dev {
    gap: 20px;
  }
  .year-2022 .tech-behemoths {
    max-width: 350px;
  }
}
@media (max-width: 800px) {
  .year-2022 .top-section > div:first-of-type {
    flex-grow: 2;
  }
  .year-2022 .employees .highlighted-info {
    left: -25%;
    bottom: -5%;
    top: unset;
  }
  .year-2022 .employees .highlighted-info .typography2 {
    font-size: 32px;
    line-height: 42px;
  }
  .year-2022 .clutch .story-swiper-text {
    max-width: 270px;
  }
  .year-2022 .goodfirms img {
    width: 120px;
  }
  .year-2022 .goodfirms .story-swiper-text {
    margin-bottom: 24px;
    max-width: 250px;
  }
  .year-2022 .quality {
    margin: 24px 0;
  }
  .year-2022 .dogq {
    align-items: center;
    margin-bottom: 24px;
  }
  .year-2022 .dogq p,
  .year-2022 .dogq div {
    flex: 1 1 0;
  }
  .year-2022 .dogq img {
    margin-top: 0;
  }
  .year-2022 .tech-behemoths {
    max-width: 250px;
  }
}
.year-2021 .top-section {
  display: flex;
  gap: 65px;
  justify-content: space-between;
  margin-bottom: 65px;
}
.year-2021 .top-section > div:first-of-type {
  margin-top: 25px;
}
.year-2021 .bottom-section {
  display: flex;
  gap: 30px;
}
.year-2021 .top-b2b-company {
  position: relative;
  margin-bottom: 45px;
}
.year-2021 .top-b2b-company .story-swiper-text {
  max-width: 450px;
}
.year-2021 .top-b2b-company .highlighted-info {
  position: absolute;
  right: 7%;
  top: 63%;
  padding: 20px 24px;
}
.year-2021 .academy {
  display: flex;
  gap: 35px;
  align-items: flex-end;
  margin-left: 50px;
}
.year-2021 .academy .story-swiper-text {
  max-width: 325px;
}
.year-2021 .academy-img {
  position: relative;
  height: fit-content;
  max-width: 42%;
}
.year-2021 .academy-img .planet {
  position: absolute;
  bottom: -40%;
  left: -25%;
}
.year-2021 .employees {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 400px;
  margin-left: auto;
}
.year-2021 .employees .highlighted-info {
  margin: auto 10% 0 auto;
}
.year-2021 .employees .story-swiper-text {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .year-2021 .bottom-section > div:first-of-type {
    max-width: 58%;
  }
  .year-2021 .top-section {
    margin-bottom: 55px;
  }
  .year-2021 .top-b2b-company .story-swiper-text {
    max-width: 380px;
  }
  .year-2021 .top-b2b-company .highlighted-info {
    right: 10%;
    padding: 12px 16px;
  }
  .year-2021 .academy {
    margin-left: 20px;
  }
  .year-2021 .academy .story-swiper-text {
    max-width: 275px;
  }
  .year-2021 .academy-img .planet {
    width: 183px;
    height: 183px;
  }
  .year-2021 .employees .story-swiper-text {
    max-width: 340px;
  }
}
@media (max-width: 800px) {
  .year-2021 .top-section {
    margin-bottom: 44px;
  }
  .year-2021 .top-b2b-company {
    margin-bottom: 25px;
  }
  .year-2021 .top-b2b-company .story-swiper-text {
    max-width: 287px;
  }
  .year-2021 .academy {
    height: 150px;
    gap: 25px;
  }
  .year-2021 .academy .story-swiper-text {
    max-width: 208px;
  }
  .year-2021 .academy img {
    min-width: 50px;
  }
  .year-2021 .academy-img {
    margin: auto;
  }
  .year-2021 .academy-img .planet {
    height: 138px;
    width: 138px;
  }
  .year-2021 .employees .story-swiper-text {
    max-width: 255px;
  }
}
.year-2020 .top-section {
  display: flex;
  gap: 50px;
  margin-bottom: 100px;
}
.year-2020 .top-section > div {
  flex: 1 1 0;
}
.year-2020 .top-section img {
  margin-left: 70px;
}
.year-2020 .bottom-section {
  display: flex;
  gap: 52px;
}
.year-2020 .bottom-section > div {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.year-2020 .bottom-section > div:first-child img {
  margin: auto 0 auto auto;
  max-width: 88%;
}
.year-2020 .bottom-section .story-swiper-text {
  margin: auto auto 15px;
  max-width: 400px;
}
.year-2020 .clutch .story-swiper-text {
  margin: 0 auto;
  max-width: 450px;
}
.year-2020 .clutch .highlighted-info {
  margin: 5px 0 20px auto;
  padding: 20px 24px;
}
.year-2020 .clutch .clutch-widget {
  transform: scale(1.5);
  width: fit-content;
  margin-left: 85px;
}
.year-2020 .employees {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.year-2020 .employees .highlighted-info:last-child {
  margin-top: -55px;
}
@media (max-width: 1024px) {
  .year-2020 .clutch .story-swiper-text {
    max-width: 400px;
  }
  .year-2020 .clutch .highlighted-info {
    padding: 20px;
  }
  .year-2020 .bottom-section .story-swiper-text {
    max-width: 330px;
  }
}
@media (max-width: 800px) {
  .year-2020 .clutch .story-swiper-text {
    max-width: 300px;
  }
  .year-2020 .clutch .highlighted-info {
    padding: 16px;
  }
  .year-2020 .clutch .clutch-widget {
    transform: scale(1.1);
    margin-left: 20px;
  }
  .year-2020 .top-section {
    margin-bottom: 70px;
  }
  .year-2020 .top-section img {
    max-width: 180px;
    margin-left: 30px;
  }
  .year-2020 .bottom-section {
    gap: 30px;
  }
  .year-2020 .bottom-section > div:first-child img {
    max-width: 100%;
  }
  .year-2020 .bottom-section .story-swiper-text {
    max-width: 235px;
  }
  .year-2020 .highlighted-info img {
    height: 50px;
    width: 50px;
  }
}
.year-2019 .top-section {
  display: flex;
  gap: 40px;
}
.year-2019 .top-section > div:last-child {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.year-2019 .bottom-section {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.year-2019 .bottom-section > div {
  flex: 1 1 0;
}
.year-2019 .material-ui {
  margin-top: 80px;
}
.year-2019 .material-ui .story-swiper-text {
  margin-bottom: 25px;
  max-width: 450px;
}
.year-2019 .material-ui > div {
  margin-left: 30px;
}
.year-2019 .material-ui img {
  border-radius: 40px;
  transform: rotate(-5.51deg);
  margin-bottom: 30px;
}
.year-2019 .material-ui .typography4 {
  margin-left: 20px;
}
.year-2019 .clutch {
  display: flex;
  gap: 20px;
  margin: 20px 0 0 30px;
}
.year-2019 .clutch .story-swiper-text {
  max-width: 325px;
  align-self: flex-end;
}
.year-2019 .clutch > div {
  align-self: center;
}
.year-2019 .ecommerce-mob {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 20px;
  margin-right: 30px;
}
.year-2019 .ecommerce-mob img {
  border-radius: 40px;
  transform: rotate(5deg);
  margin-top: 20px;
}
.year-2019 .ecommerce-mob .typography4 {
  max-width: 212px;
  margin-bottom: 50px;
}
.year-2019 .ecommerce-mob + .story-swiper-text {
  max-width: 400px;
  margin-bottom: 30px;
}
.year-2019 .employees {
  position: relative;
  display: flex;
}
.year-2019 .employees div:not(.highlighted-info) {
  margin: 0 30px 0 auto;
}
.year-2019 .employees .highlighted-info {
  position: absolute;
  right: 0;
  top: -30%;
}
@media (max-width: 1024px) {
  .year-2019 .clutch .story-swiper-text {
    max-width: 250px;
  }
  .year-2019 .material-ui {
    margin-top: 50px;
  }
}
@media (max-width: 800px) {
  .year-2019 .material-ui > div,
  .year-2019 .clutch {
    margin-left: 0;
  }
  .year-2019 .clutch img {
    min-width: 80px;
  }
  .year-2019 .clutch .story-swiper-text {
    max-width: 200px;
  }
  .year-2019 .employees div:not(.highlighted-info),
  .year-2019 .ecommerce-mob {
    margin-right: 0px;
  }
  .year-2019 .ecommerce-mob + .story-swiper-text {
    max-width: 250px;
    margin-bottom: 45px;
  }
}
.year-2018 {
  display: flex;
  justify-content: space-between;
  gap: 100px;
}
.year-2018 .left-section {
  flex-basis: 60%;
  margin-top: 30px;
}
.year-2018 .right-section {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.year-2018 .employees {
  width: fit-content;
  margin-left: auto;
}
.year-2018 .employees > div {
  display: flex;
  flex-direction: column;
}
.year-2018 .employees .highlighted-info {
  align-self: flex-end;
  margin-bottom: -9%;
  margin-right: -13%;
}
.year-2018 .story-swiper-text {
  max-width: 450px;
  margin-bottom: 35px;
}
.year-2018 .satellite {
  margin-left: 25%;
}
@media (max-width: 1024px) {
  .year-2018 .story-swiper-text {
    max-width: 350px;
  }
}
@media (max-width: 800px) {
  .year-2018 {
    gap: 70px;
  }
  .year-2018 .story-swiper-text {
    max-width: 255px;
  }
  .year-2018 .highlighted-info img {
    height: 50px;
    width: 50px;
  }
}
.who-our-client-is {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
@media (max-width: 800px) {
  .who-our-client-is {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .who-our-client-is {
    padding: 0 20px 200px;
  }
}
.who-our-client-is > div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 24px 40px;
}
.who-our-client-is > div:first-of-type .body1 {
  flex: 1 1 0;
  max-width: 564px;
}
.who-our-client-is > div:first-of-type h2 {
  flex: 1 1 0;
  max-width: 466px;
}
.who-our-client-is > div:first-of-type .subtitle1 {
  color: rgba(255, 255, 255, 0.64);
}
.who-our-client-is .tile-cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 40px;
}
.who-our-client-is .tile-card {
  gap: 40px;
}
.who-our-client-is .tile-card img {
  margin-bottom: 0;
}
.who-our-client-is .cases-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.who-our-client-is .case-card {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  transition: transform 0.2s ease-out;
}
.who-our-client-is .case-card .arrow {
  display: none;
  fill: rgba(255, 255, 255, 0.64);
}
.who-our-client-is .case-card svg:not(.arrow) {
  height: 48px;
  max-width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .who-our-client-is .case-card:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 1024px) {
  .who-our-client-is .cases-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .who-our-client-is .cases-container .case-card:last-child {
    grid-column: 1/-1;
  }
  .who-our-client-is .case-card {
    order: unset;
    justify-content: space-between;
  }
  .who-our-client-is .case-card .arrow {
    display: block;
  }
}
@media (max-width: 800px) {
  .who-our-client-is {
    row-gap: 72px;
    padding-bottom: 180px;
  }
  .who-our-client-is > div:first-of-type {
    flex-direction: column;
    text-align: center;
  }
  .who-our-client-is > div:first-of-type h2,
  .who-our-client-is > div:first-of-type .body1 {
    max-width: unset;
  }
  .who-our-client-is .tile-cards-container {
    grid-template-columns: 1fr;
  }
  .who-our-client-is .tile-card {
    flex-direction: row;
    align-items: center;
  }
  .who-our-client-is .tile-card img {
    width: 80px;
    height: 80px;
  }
  .who-our-client-is .case-card svg:not(.arrow) {
    height: 40px;
  }
}
@media (max-width: 575px) {
  .who-our-client-is {
    row-gap: 56px;
    padding-bottom: 120px;
  }
  .who-our-client-is .tile-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .who-our-client-is .tile-card img {
    width: 64px;
    height: 64px;
  }
  .who-our-client-is .cases-container {
    grid-template-columns: 1fr;
  }
  .who-our-client-is .case-card {
    padding: 20px 24px;
  }
  .who-our-client-is .case-card svg:not(.arrow) {
    height: 32px;
  }
}
.patient-management-platform {
  order: 1;
}
.patient-management-platform svg:not(.arrow) {
  width: 128px;
}
@media (max-width: 800px) {
  .patient-management-platform svg:not(.arrow) {
    width: 106px;
  }
}
@media (max-width: 575px) {
  .patient-management-platform svg:not(.arrow) {
    width: 85px;
  }
}
.insurance-digitalization {
  order: 2;
}
.insurance-digitalization svg:not(.arrow) {
  width: 160px;
  transform: scale(1.5);
}
@media (max-width: 800px) {
  .insurance-digitalization svg:not(.arrow) {
    width: 133px;
  }
}
@media (max-width: 575px) {
  .insurance-digitalization svg:not(.arrow) {
    width: 107px;
  }
}
.iam-automation {
  order: 3;
}
.iam-automation svg:not(.arrow) {
  width: 115px;
}
@media (max-width: 800px) {
  .iam-automation svg:not(.arrow) {
    width: 96px;
  }
}
@media (max-width: 575px) {
  .iam-automation svg:not(.arrow) {
    width: 77px;
  }
}
.b2b-blockchain-platform {
  order: 4;
}
.b2b-blockchain-platform svg:not(.arrow) {
  width: 206px;
}
@media (max-width: 800px) {
  .b2b-blockchain-platform svg:not(.arrow) {
    width: 172px;
  }
}
@media (max-width: 575px) {
  .b2b-blockchain-platform svg:not(.arrow) {
    width: 138px;
  }
}
.ecommerce-platform-development {
  order: 5;
}
.ecommerce-platform-development svg:not(.arrow) {
  width: 125px;
}
@media (max-width: 800px) {
  .ecommerce-platform-development svg:not(.arrow) {
    width: 105px;
  }
}
@media (max-width: 575px) {
  .ecommerce-platform-development svg:not(.arrow) {
    width: 84px;
  }
}
.insurance-claims-automation {
  order: 6;
}
.insurance-claims-automation svg:not(.arrow) {
  width: 149px;
}
@media (max-width: 800px) {
  .insurance-claims-automation svg:not(.arrow) {
    width: 124px;
  }
}
@media (max-width: 575px) {
  .insurance-claims-automation svg:not(.arrow) {
    width: 99px;
  }
}
.shopify-case-study {
  order: 7;
}
.shopify-case-study svg:not(.arrow) {
  width: 234px;
}
@media (max-width: 800px) {
  .shopify-case-study svg:not(.arrow) {
    width: 195px;
  }
}
@media (max-width: 575px) {
  .shopify-case-study svg:not(.arrow) {
    width: 156px;
  }
}
.medical-resource-management {
  order: 8;
}
.medical-resource-management svg:not(.arrow) {
  width: 245px;
}
@media (max-width: 800px) {
  .medical-resource-management svg:not(.arrow) {
    width: 205px;
  }
}
@media (max-width: 575px) {
  .medical-resource-management svg:not(.arrow) {
    width: 164px;
  }
}
.identity-verification-services {
  order: 9;
}
.identity-verification-services svg:not(.arrow) {
  width: 233px;
}
@media (max-width: 800px) {
  .identity-verification-services svg:not(.arrow) {
    width: 194px;
  }
}
@media (max-width: 575px) {
  .identity-verification-services svg:not(.arrow) {
    width: 155px;
  }
}
.our-mission {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: grid;
  grid-template-areas: "title mission" "img text";
  grid-template-columns: 1fr 2.5fr;
  gap: 80px;
}
@media (max-width: 800px) {
  .our-mission {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .our-mission {
    padding: 0 20px 240px;
  }
}
.our-mission h2 {
  grid-area: title;
}
.our-mission .img-container {
  grid-area: img;
}
.our-mission .mission {
  grid-area: mission;
  font-size: 32px;
  line-height: 48px;
}
.our-mission .body1 {
  grid-area: text;
  height: 283.5px;
  columns: 175px 2;
  column-gap: 80px;
  column-fill: auto;
  color: #ffffff;
}
.our-mission img {
  border-radius: 32px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .our-mission .body1 {
    min-height: 336px;
  }
  .our-mission img {
    height: 100%;
  }
}
@media (max-width: 800px) {
  .our-mission {
    padding-bottom: 200px;
    grid-template-columns: 1fr 1.46fr;
    gap: 72px 40px;
  }
  .our-mission .mission {
    font-size: 28px;
    line-height: 44px;
  }
  .our-mission .body1 {
    column-count: 1;
  }
  .our-mission img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .our-mission {
    padding-bottom: 120px;
    grid-template-areas: "title" "mission" "img" "text";
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .our-mission img {
    height: 280px;
  }
  .our-mission .img-container,
  .our-mission .mission {
    margin-bottom: 32px;
  }
  .our-mission .mission {
    font-size: 20px;
    line-height: 32px;
  }
}
.team {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .team {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .team {
    padding: 0 20px 240px;
  }
}
.team .team-header {
  margin: 0 auto 80px;
  text-align: center;
  max-width: 565px;
}
.team .team-header h2 {
  margin-bottom: 24px;
}
.team .team-header .subtitle1 {
  color: rgba(255, 255, 255, 0.64);
}
.team .team-cards-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px 24px;
}
.team .team-card {
  text-align: center;
}
.team .team-card .typography6 {
  margin: 20px 0 4px;
}
.team .team-card img {
  width: 100%;
  height: 282px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
.team .team-card.active.shuffle {
  display: block;
  animation: fade-in 1s forwards ease-in;
}
.team .team-card.shuffle {
  display: none;
  animation: fade-out 1s forwards ease-out;
}
.team .cta-container {
  display: grid;
  grid-template-columns: 1fr 1fr 3fr;
  gap: 24px;
  margin-top: 80px;
}
.team .cta-container .contact-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 64px;
  text-align: start;
}
.team .cta-container .contact-card button {
  margin-top: 40px;
}
.team .cta-container .contact-card .typography5 {
  font-weight: 500;
}
.team .team-swiper-container {
  display: none;
}
@media (max-width: 1024px) {
  .team .team-card img {
    height: 234px;
  }
}
@media (max-width: 800px) {
  .team {
    padding-bottom: 200px;
  }
  .team .team-header {
    margin-bottom: 72px;
  }
  .team .team-cards-container,
  .team .cta-container .team-card {
    display: none;
  }
  .team .team-card img {
    height: 474px;
  }
  .team .cta-container {
    grid-template-columns: 1fr;
    margin-top: 72px;
  }
  .team .cta-container .contact-card {
    padding: 40px;
  }
  .team .team-swiper-container {
    display: block;
  }
}
@media (max-width: 575px) {
  .team {
    padding-bottom: 120px;
  }
  .team .team-header {
    margin-bottom: 56px;
  }
  .team .team-card img {
    height: 445px;
    width: 100%;
    max-width: 445px;
  }
  .team .cta-container {
    margin-top: 56px;
  }
  .team .cta-container .contact-card {
    padding: 24px;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.products {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .products {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .products {
    padding: 0 20px 240px;
  }
}
.products .products-header {
  display: flex;
  justify-content: space-between;
  gap: 24px 40px;
  margin-bottom: 80px;
}
.products .products-header h2 {
  flex: 1 1 0;
  max-width: 393px;
}
.products .products-header .body1 {
  flex: 1 1 0;
  max-width: 564px;
}
@media (max-width: 1024px) {
  .products .products-header .body1 {
    max-width: 476px;
  }
}
@media (max-width: 800px) {
  .products {
    padding-bottom: 200px;
  }
  .products .products-header {
    flex-direction: column;
    margin-bottom: 72px;
  }
  .products .products-header h2,
  .products .products-header .body1 {
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .products {
    padding-bottom: 120px;
  }
  .products .products-header {
    margin-bottom: 56px;
  }
}
.product-cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 800px) {
  .product-cards-container {
    grid-template-columns: 1fr;
  }
}
.product-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 16px;
}
.product-card .typography6,
.product-card .typography4 {
  margin-bottom: 4px;
}
.product-card .body1 {
  color: #ffffff;
}
.product-card .preview-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px;
  object-fit: cover;
}
.product-card .card-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.product-card .card-content .body1:not(:last-child) {
  margin-bottom: 8px;
}
.product-card .text-button {
  margin-top: auto;
}
.product-card .text-button:hover {
  background: none;
  opacity: 1;
}
.product-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (max-width: 575px) {
  .product-card {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 15px 24px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .product-card .preview-img {
    padding: 9px;
    border-radius: 16px;
  }
  .product-card .preview-img img,
  .product-card .preview-img svg {
    height: 30px;
    width: 30px;
  }
  .product-card .card-content {
    flex-direction: row;
    gap: 10px;
    padding: 0;
  }
  .product-card .card-content .body1 {
    display: none;
  }
  .product-card .typography6,
  .product-card .typography4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.4px;
  }
  .product-card .text-button {
    margin-top: 0;
    margin-left: auto;
  }
  .product-card .text-button p {
    display: none;
  }
  .product-card .text-button svg {
    fill: rgba(255, 255, 255, 0.64);
    margin-left: 0;
  }
}
@media (max-width: 370px) {
  .product-card {
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    text-align: center;
  }
  .product-card .card-content {
    flex-direction: column;
  }
  .product-card .text-button {
    margin: 0 auto;
  }
}
.product-card .preview-img {
  padding: 0;
  height: 100%;
  width: 100%;
}
.product-card picture {
  height: 244px;
}
@media (max-width: 1024px) {
  .product-card picture {
    height: 206px;
  }
}
@media (max-width: 800px) {
  .product-card {
    flex-direction: row;
    column-gap: 16px;
  }
  .product-card picture {
    flex: 2 1 0;
    max-width: 368px;
    min-height: 206px;
    height: 100%;
  }
  .product-card .card-content {
    padding: 24px;
    flex: 1 1 0;
  }
}
@media (max-width: 575px) {
  .product-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.08);
    border: none;
  }
  .product-card picture {
    max-width: unset;
    width: 100%;
    min-height: 244px;
  }
  .product-card picture .preview-img {
    border-radius: 0;
  }
  .product-card .card-content {
    flex-direction: column;
    gap: 0;
    padding: 20px;
  }
  .product-card .card-content .body1 {
    display: block;
  }
}
.newsletter {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .newsletter {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .newsletter {
    padding: 0 20px 200px;
  }
}
.newsletter h2 {
  margin-bottom: 20px;
}
.newsletter .body1 {
  margin-bottom: 40px;
  color: #ffffff;
}
.newsletter a {
  color: #00abbe;
}
.newsletter a:hover {
  opacity: 0.8;
}
.newsletter .newsletter-bg {
  padding: 90px 120px 90px 100px;
  border-radius: 16px;
  background: url("../../assets/images/newsletter.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
.newsletter .buttons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}
.newsletter.saas .body1 {
  max-width: 466px;
}
.newsletter.saas h2 {
  letter-spacing: 0.4px;
}
.newsletter.aws .body1,
.newsletter.bpa .body1,
.newsletter.mvp .body1 {
  max-width: 820px;
}
@media (max-width: 1024px) {
  .newsletter .newsletter-bg {
    padding: 64px 100px;
  }
}
@media (max-width: 800px) {
  .newsletter {
    padding-bottom: 180px;
  }
  .newsletter .newsletter-bg {
    padding: 64px;
  }
}
@media (max-width: 575px) {
  .newsletter {
    padding-bottom: 120px;
    text-align: center;
  }
  .newsletter .body1 {
    margin-bottom: 32px;
  }
  .newsletter .newsletter-bg {
    padding: 40px;
  }
  .newsletter .buttons-container {
    flex-direction: column;
  }
  .newsletter .buttons-container button {
    width: 100%;
    max-width: 300px;
  }
}
@media (max-width: 370px) {
  .newsletter .newsletter-bg {
    padding: 20px;
    overflow-y: auto;
  }
}
.dev-steps {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .dev-steps {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .dev-steps {
    padding: 0 20px 240px;
  }
}
.dev-steps h2 {
  margin: 0 auto 24px;
  max-width: 480px;
  text-align: center;
}
.dev-steps.web-portal h2 {
  margin-bottom: 80px;
}
.dev-steps > .body1 {
  margin: 0 auto 80px;
  max-width: 760px;
  text-align: center;
}
.dev-steps.hrm h2 {
  max-width: 720px;
}
.dev-steps.si h2,
.dev-steps.net h2,
.dev-steps.pwa h2,
.dev-steps.automation h2,
.dev-steps.ecommerce h2,
.dev-steps.aws h2,
.dev-steps.api h2,
.dev-steps.fintech h2,
.dev-steps.healthtech h2,
.dev-steps.ios h2,
.dev-steps.browser h2 {
  max-width: 760px;
}
.dev-steps.pwa .typography5 {
  letter-spacing: 0.4px;
}
.dev-steps.cloud-app {
  padding-bottom: 120px;
}
.dev-steps.remote-monitoring h2,
.dev-steps.react h2 {
  max-width: 510px;
}
.dev-steps.web-app h2,
.dev-steps.shopify h2,
.dev-steps.web-app-v2 h2 {
  max-width: unset;
}
.dev-steps.remote-monitoring,
.dev-steps.react,
.dev-steps.web-app {
  padding-bottom: 200px;
}
.dev-steps.web-app-v2 .six-steps-container {
  gap: 40px;
}
.dev-steps.web-app-v2 .six-steps-container .step {
  text-align: start;
}
.dev-steps .contact-card {
  padding: 40px;
  text-align: start;
}
.dev-steps .contact-card .typography5 {
  margin-bottom: 8px;
}
.dev-steps .contact-card .body1 {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .dev-steps .contact-card {
    padding: 24px;
  }
  .dev-steps.browser .typography5 {
    letter-spacing: 0.6px;
  }
}
@media (max-width: 800px) {
  .dev-steps {
    padding-bottom: 200px;
  }
  .dev-steps > .body1 {
    margin-bottom: 72px;
  }
  .dev-steps.web-portal h2 {
    margin-bottom: 72px;
  }
  .dev-steps.cloud-app {
    padding-bottom: 100px;
  }
  .dev-steps.remote-monitoring,
  .dev-steps.react,
  .dev-steps.web-app {
    padding-bottom: 180px;
  }
  .dev-steps.si h2 {
    max-width: 650px;
  }
  .dev-steps.cyber-security h2 {
    max-width: unset;
  }
  .dev-steps .contact-card {
    padding: 40px 24px;
  }
}
@media (max-width: 575px) {
  .dev-steps {
    padding-bottom: 120px;
  }
  .dev-steps > .body1 {
    margin-bottom: 56px;
  }
  .dev-steps.web-portal h2 {
    margin-bottom: 56px;
  }
  .dev-steps.cloud-app,
  .dev-steps.remote-monitoring,
  .dev-steps.react,
  .dev-steps.web-app {
    padding-bottom: 120px;
  }
  .dev-steps .contact-card {
    display: none;
  }
}
.four-steps-container {
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.four-steps-container .step {
  max-width: 258px;
}
@media (max-width: 1024px) {
  .four-steps-container .step {
    max-width: 226px;
  }
}
@media (max-width: 800px) {
  .four-steps-container .step {
    text-align: start;
  }
}
.six-steps-container {
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 40px;
}
.six-steps-container .step {
  max-width: 357px;
  text-align: center;
}
@media (max-width: 1024px) {
  .six-steps-container .step {
    max-width: 309px;
  }
}
.four-steps-container,
.six-steps-container {
  display: grid;
}
.four-steps-container .step > div,
.six-steps-container .step > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .four-steps-container,
  .six-steps-container {
    column-gap: 24px;
  }
}
@media (max-width: 800px) {
  .four-steps-container,
  .six-steps-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .four-steps-container .step,
  .six-steps-container .step {
    max-width: 348px;
  }
}
@media (max-width: 575px) {
  .four-steps-container,
  .six-steps-container {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .four-steps-container .step,
  .six-steps-container .step {
    max-width: none;
    text-align: start;
  }
  .four-steps-container .step > div,
  .six-steps-container .step > div {
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
}
.number-blue {
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  background: linear-gradient(135deg, #8ba6fa 0%, #3f62f1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 575px) {
  .number-blue {
    font-size: 40px;
    line-height: 50px;
  }
}
.number-violet {
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  background: linear-gradient(135deg, #b293fb 0%, #754bf2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 575px) {
  .number-violet {
    font-size: 40px;
    line-height: 50px;
  }
}
.number-lilac {
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  background: linear-gradient(135deg, #ee89f3 0%, #b93bd8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 575px) {
  .number-lilac {
    font-size: 40px;
    line-height: 50px;
  }
}
.number-coral {
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  background: linear-gradient(135deg, #f68597 0%, #e13672 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 575px) {
  .number-coral {
    font-size: 40px;
    line-height: 50px;
  }
}
.number-peach {
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  background: linear-gradient(135deg, #FFA895 0%, #FF514F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 575px) {
  .number-peach {
    font-size: 40px;
    line-height: 50px;
  }
}
.number-orange {
  font-weight: 700;
  font-size: 64px;
  line-height: 80px;
  background: linear-gradient(135deg, #FFB96A 0%, #FF6F07 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 575px) {
  .number-orange {
    font-size: 40px;
    line-height: 50px;
  }
}
.web-portal-vs-mob-app {
  max-width: 760px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .web-portal-vs-mob-app {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .web-portal-vs-mob-app {
    padding: 0 20px 240px;
  }
}
.web-portal-vs-mob-app > .body1,
.web-portal-vs-mob-app .typography4,
.web-portal-vs-mob-app h2 {
  text-align: center;
}
.web-portal-vs-mob-app h2 {
  margin: 0 auto 24px;
}
.web-portal-vs-mob-app > .body1 {
  width: 100%;
  margin-bottom: 80px;
}
.web-portal-vs-mob-app > div {
  display: flex;
  justify-content: space-between;
}
.web-portal-vs-mob-app .mob-app-pros,
.web-portal-vs-mob-app .web-portal-pros {
  width: 315px;
}
.web-portal-vs-mob-app .mob-app-pros .typography4,
.web-portal-vs-mob-app .web-portal-pros .typography4 {
  margin-bottom: 32px;
}
.web-portal-vs-mob-app .mob-app-pros .body1:not(:last-of-type),
.web-portal-vs-mob-app .web-portal-pros .body1:not(:last-of-type) {
  margin-bottom: 16px;
}
.web-portal-vs-mob-app .mob-app-pros ul,
.web-portal-vs-mob-app .web-portal-pros ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.web-portal-vs-mob-app .mob-app-pros li,
.web-portal-vs-mob-app .web-portal-pros li {
  padding-left: 33px;
  text-indent: -35px;
  color: #ffffff;
}
.web-portal-vs-mob-app .mob-app-pros li:before,
.web-portal-vs-mob-app .web-portal-pros li:before {
  content: "";
  background: no-repeat url("../../assets/icons/plusBlue.svg") 50%;
  padding-right: 15px;
  margin-right: 20px;
}
@media (max-width: 800px) {
  .web-portal-vs-mob-app {
    padding-bottom: 200px;
  }
  .web-portal-vs-mob-app br {
    display: none;
  }
  .web-portal-vs-mob-app > .body1 {
    margin: 0 auto 72px;
  }
  .web-portal-vs-mob-app .web-portal-pros {
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .web-portal-vs-mob-app {
    padding-bottom: 120px;
  }
  .web-portal-vs-mob-app > .body1 {
    margin-bottom: 56px;
  }
  .web-portal-vs-mob-app h2 {
    max-width: 300px;
  }
  .web-portal-vs-mob-app > div {
    flex-direction: column;
    width: 95%;
    margin: 0 auto;
  }
  .web-portal-vs-mob-app .web-portal-pros {
    margin: 0 0 56px;
  }
  .web-portal-vs-mob-app .web-portal-pros,
  .web-portal-vs-mob-app .mob-app-pros {
    width: auto;
  }
}
@media (max-width: 370px) {
  .web-portal-vs-mob-app > div {
    width: 100%;
  }
}
.dev-costs {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .dev-costs {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .dev-costs {
    padding: 0 20px 240px;
  }
}
.dev-costs.marketplace {
  padding-bottom: 120px;
}
.dev-costs.marketplace h2 {
  margin-bottom: 24px;
}
.dev-costs.marketplace > .body1 {
  max-width: 554px;
}
.dev-costs h2 {
  max-width: 490px;
}
.dev-costs h2,
.dev-costs > .body1 {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.dev-costs .timeline {
  margin: 86px auto 80px;
  max-width: 760px;
}
@media (max-width: 800px) {
  .dev-costs {
    padding-bottom: 200px;
  }
  .dev-costs.marketplace {
    padding-bottom: 100px;
  }
  .dev-costs .timeline {
    margin-top: 78px;
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .dev-costs {
    padding-bottom: 120px;
  }
  .dev-costs h2,
  .dev-costs.marketplace > .body1 {
    max-width: 400px;
  }
  .dev-costs .timeline {
    max-width: 450px;
  }
  .dev-costs.marketplace {
    padding-bottom: 60px;
  }
  .dev-costs .timeline {
    margin-top: 62px;
    margin-bottom: 56px;
  }
}
.timeline p {
  position: relative;
}
.timeline .description {
  padding-top: 8px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.64);
}
.timeline .description::after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: rgba(145, 158, 171, 0.24);
  top: 0;
  bottom: 0;
}
.timeline .typography5::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #00abbe;
  top: 6px;
  border-radius: 50%;
}
.timeline .container {
  position: relative;
  margin-bottom: 6px;
  width: 50%;
  box-sizing: border-box;
}
.timeline .container.right {
  left: 50%;
  padding-left: 20px;
}
.timeline .container.right .description::after {
  left: -21px;
}
.timeline .container.right .typography5::after {
  left: -27px;
}
.timeline .container.left {
  left: 0;
  padding-right: 21px;
  text-align: right;
}
.timeline .container.left .description::after {
  right: -21px;
}
.timeline .container.left .typography5::after {
  right: -27px;
}
.timeline .container:last-of-type {
  margin-bottom: 0;
}
.timeline .container:last-of-type .description::after {
  display: none;
}
@media (max-width: 575px) {
  .timeline .container {
    width: inherit;
  }
  .timeline .container.right {
    left: 0%;
  }
  .timeline .container.left {
    left: 0;
    padding-right: 0;
    padding-left: 20px;
    text-align: left;
  }
  .timeline .container.left .description::after {
    left: -21px;
  }
  .timeline .container.left .typography5::after {
    left: -27px;
  }
}
.crm-info {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 800px) {
  .crm-info {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .crm-info {
    padding: 0 20px 240px;
  }
}
.crm-info > h2 {
  margin: 0 auto 24px;
}
.crm-info .body1 {
  margin: 0 auto 80px;
}
.crm-info > h2,
.crm-info .body1 {
  max-width: 760px;
}
.crm-info .cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.crm-info .info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  gap: 8px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(37px);
  -webkit-backdrop-filter: blur(37px);
  border-radius: 16px;
  box-sizing: border-box;
}
.crm-info .info-card p:not(.typography2) {
  font-size: 18px;
}
@media (max-width: 800px) {
  .crm-info .info-card {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .crm-info .info-card {
    padding: 40px;
  }
}
@media (max-width: 800px) {
  .crm-info {
    padding-bottom: 200px;
  }
  .crm-info .body1 {
    margin-bottom: 72px;
  }
  .crm-info .cards-container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
@media (max-width: 575px) {
  .crm-info {
    padding-bottom: 120px;
  }
  .crm-info .body1 {
    margin-bottom: 56px;
  }
  .crm-info .cards-container {
    gap: 24px;
    grid-template-columns: 1fr;
  }
}
.hrm-software {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .hrm-software {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .hrm-software {
    padding: 0 20px 200px;
  }
}
.hrm-software h2 {
  max-width: 350px;
}
.hrm-software .body1 {
  max-width: 563px;
}
.hrm-software .body1:first-of-type {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .hrm-software .body1 {
    max-width: 476px;
  }
}
@media (max-width: 800px) {
  .hrm-software {
    padding-bottom: 180px;
  }
  .hrm-software .body1 {
    max-width: 364px;
  }
}
@media (max-width: 575px) {
  .hrm-software {
    padding-bottom: 120px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .hrm-software h2 {
    margin-bottom: 24px;
    max-width: none;
  }
  .hrm-software .body1 {
    max-width: 445px;
  }
}
.hrms-features {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 800px) {
  .hrms-features {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .hrms-features {
    padding: 0 20px 240px;
  }
}
.hrms-features div {
  max-width: 368px;
}
.hrms-features p {
  margin: 24px 0;
}
.hrms-features img {
  position: absolute;
  top: 50px;
  margin-left: 38%;
  width: 800px;
  height: 528px;
}
@media (max-width: 1024px) {
  .hrms-features img {
    top: -10px;
    margin-left: 45%;
    width: 891px;
    height: 586px;
  }
}
@media (max-width: 800px) {
  .hrms-features {
    padding-bottom: 180px;
  }
  .hrms-features img {
    width: 864px;
    height: 570px;
    top: 10px;
    margin-left: 53%;
  }
}
@media (max-width: 575px) {
  .hrms-features {
    padding-bottom: 120px;
  }
  .hrms-features div {
    max-width: none;
  }
  .hrms-features h2 {
    max-width: 450px;
    margin: 0 auto;
  }
  .hrms-features h2,
  .hrms-features p {
    text-align: center;
  }
  .hrms-features img {
    height: auto;
    width: 100%;
    position: static;
    margin: 56px 0 0;
  }
}
.hrms-modules {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .hrms-modules {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .hrms-modules {
    padding: 0 20px 240px;
  }
}
.hrms-modules h2,
.hrms-modules p {
  max-width: 565px;
}
.hrms-modules p {
  margin-top: 24px;
}
.hrms-modules .blue-bullet-list {
  min-width: fit-content;
  width: 330px;
}
@media (max-width: 1024px) {
  .hrms-modules div {
    margin-right: 40px;
  }
  .hrms-modules h2,
  .hrms-modules p {
    max-width: 475px;
  }
  .hrms-modules .blue-bullet-list {
    margin-top: 50px;
  }
}
@media (max-width: 800px) {
  .hrms-modules {
    padding-bottom: 200px;
  }
  .hrms-modules p {
    max-width: 360px;
  }
  .hrms-modules .blue-bullet-list {
    min-width: 250px;
  }
}
@media (max-width: 575px) {
  .hrms-modules {
    flex-direction: column;
    padding-bottom: 120px;
  }
  .hrms-modules div {
    text-align: center;
    margin: 0 0 56px;
  }
  .hrms-modules h2 {
    margin: 0 auto;
  }
  .hrms-modules p {
    margin: 24px auto;
    max-width: none;
  }
  .hrms-modules .blue-bullet-list {
    min-width: inherit;
    width: inherit;
    margin-top: 0;
  }
}
.error-page {
  max-width: 1152px;
  padding: 110px 24px 150px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 800px) {
  .error-page {
    padding: 110px 32px 150px;
  }
}
@media (max-width: 575px) {
  .error-page {
    padding: 110px 20px 150px;
  }
}
.error-page .error-type {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 150px;
  line-height: 150px;
}
.error-page .body1 {
  margin: 24px 0 40px;
  max-width: 432px;
}
.error-page .outlined-button-standard {
  margin-left: 24px;
}
.error-page img {
  position: absolute;
  top: -30px;
  margin-left: 17%;
  width: 758px;
  height: 512px;
}
@media (max-width: 1024px) {
  .error-page {
    padding-top: 88px;
    padding-bottom: 129px;
  }
}
@media (max-width: 800px) {
  .error-page {
    padding-top: 73px;
    padding-bottom: 97px;
  }
  .error-page .error-type {
    font-size: 142px;
    line-height: 142px;
  }
  .error-page img {
    margin-left: 10%;
    width: 715.07px;
    height: 483px;
  }
}
@media (max-width: 575px) {
  .error-page {
    padding-top: 88px;
    padding-bottom: 82px;
    text-align: center;
  }
  .error-page .error-type {
    font-size: 132px;
    line-height: 132px;
  }
  .error-page .body1 {
    margin-right: auto;
    margin-left: auto;
  }
  .error-page img {
    display: none;
  }
  .error-page button {
    width: 45%;
    max-width: 155px;
  }
}
@media (max-width: 370px) {
  .error-page .error-type {
    font-size: 90px;
    line-height: 90px;
  }
  .error-page button {
    width: 100%;
    max-width: none;
  }
  .error-page .outlined-button-standard {
    margin: 20px 0 0;
  }
}
.case-studies {
  padding-bottom: 240px;
}
.case-studies h2 {
  max-width: 545px;
  margin: 0 auto;
}
.case-studies > div:not(.swiper-container) {
  max-width: 1152px;
  padding: 0 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .case-studies > div:not(.swiper-container) {
    padding: 0 32px 0;
  }
}
@media (max-width: 575px) {
  .case-studies > div:not(.swiper-container) {
    padding: 0 20px 0;
  }
}
.case-studies > div:not(.swiper-container) h2,
.case-studies > div:not(.swiper-container) > .body1 {
  text-align: center;
}
.case-studies > div:not(.swiper-container) > .body1 {
  max-width: 760px;
  margin: 24px auto 80px;
}
.case-studies .unique-tags-container,
.case-studies .project-tags-container {
  display: flex;
  gap: 16px 12px;
  flex-wrap: wrap;
}
.case-studies .swiper-container {
  display: none;
}
.case-studies .projects-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 80px 40px;
  margin-top: 80px;
}
.case-studies .projects-container .project.hide {
  display: none;
}
.case-studies .projects-container .typography5 {
  margin-bottom: 8px;
}
.case-studies .projects-container .body1 {
  margin-bottom: 24px;
}
.case-studies .projects-container .project-photo {
  width: unset;
  height: 246px;
}
@media (max-width: 1024px) {
  .case-studies .projects-container {
    gap: 40px 24px;
    margin-top: 40px;
  }
  .case-studies .projects-container .project-photo {
    height: 223px;
  }
}
@media (max-width: 800px) {
  .case-studies {
    padding-bottom: 200px;
  }
  .case-studies > div:not(.swiper-container) > .body1 {
    margin-bottom: 72px;
  }
  .case-studies .projects-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .case-studies .projects-container .project-photo {
    height: 240px;
  }
}
@media (max-width: 575px) {
  .case-studies {
    padding-bottom: 120px;
  }
  .case-studies h2 {
    max-width: 80%;
  }
  .case-studies .typography3 {
    margin-bottom: 24px;
    padding-right: 20px;
  }
  .case-studies .swiper-container {
    display: block;
    margin-left: 20px;
  }
  .case-studies .swiper-container .swiper:not(:last-of-type) {
    margin-bottom: 56px;
  }
  .case-studies .swiper-container .body1 {
    margin-bottom: 40px;
    padding-right: 20px;
  }
  .case-studies .swiper-container .divider {
    margin-bottom: 56px;
    margin-right: 20px;
    width: unset;
  }
  .case-studies .projects-container,
  .case-studies .unique-tags-container {
    display: none;
  }
  .case-studies .swiper-wrapper {
    display: flex;
  }
}
@media (max-width: 370px) {
  .case-studies h2 {
    max-width: none;
  }
}
.tag {
  padding: 4px 12px;
  width: fit-content;
  background: rgba(0, 171, 190, 0.16);
  border-radius: 8px;
  color: #00abbe;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  user-select: none;
}
.tag.active {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.32);
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  .tag:hover:not(.active) {
    opacity: 0.8;
  }
}
.case-study-post {
  max-width: 1152px;
  padding: 42px 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .case-study-post {
    padding: 42px 32px 0;
  }
}
@media (max-width: 575px) {
  .case-study-post {
    padding: 42px 20px 0;
  }
}
.case-study-post .case-logo .kg-image-card {
  margin: 0;
}
.case-study-post .case-logo .kg-image-card img {
  max-width: 80%;
}
.case-study-post h1 {
  margin: 24px 0;
}
.case-study-post > p {
  font-size: 24px;
  line-height: 36px;
}
.case-study-post .tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 32px 0 48px;
}
.case-study-post .case-study-main-content .kg-image-card {
  display: none;
}
.case-study-post .case-post-img-container {
  margin-top: 120px;
}
.case-study-post .case-post-img {
  display: none;
  max-width: 760px;
  margin: 0 auto;
}
.case-study-post .case-post-img img {
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.case-study-post .clutch-widget {
  margin: 0 auto 100px !important;
  max-width: 1000px;
  width: 100%;
}
.case-study-post .faq-item {
  display: none;
}
@media (max-width: 1024px) {
  .case-study-post .tags-container {
    margin-bottom: 100px;
  }
}
@media (max-width: 800px) {
  .case-study-post > p {
    font-size: 20px;
    line-height: 30px;
  }
  .case-study-post .case-post-img-container {
    margin-top: 100px;
  }
}
@media (max-width: 575px) {
  .case-study-post .tags-container {
    display: none;
  }
  .case-study-post .case-study-main-content {
    margin-top: 80px;
  }
  .case-study-post .case-post-img-container {
    margin-top: 60px;
  }
}
.about-case-study {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 56px;
  margin-bottom: 100px;
}
.about-case-study h2 {
  margin-bottom: 24px;
}
.about-case-study .case-study-description {
  flex: 1 1 0;
  max-width: 639px;
}
.about-case-study .case-study-description .body1 {
  color: #ffffff;
}
.about-case-study .case-study-description .body1:not(:last-of-type) {
  margin-bottom: 20px;
}
.about-case-study .case-study-feature {
  flex: 1 1 0;
  max-width: 300px;
}
.about-case-study .case-study-feature > div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 0 24px;
}
.about-case-study .case-study-feature svg {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 12px;
}
.about-case-study .feature-title {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: #00abbe;
  font-weight: 600;
}
.about-case-study .feature-title:last-of-type {
  margin-bottom: 12px;
}
.about-case-study .subtitle1 {
  margin-bottom: 24px;
}
.about-case-study .tech-stack-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 800px) {
  .about-case-study {
    margin-bottom: 72px;
  }
  .about-case-study .case-study-description {
    max-width: 360px;
    min-width: 300px;
  }
  .about-case-study .case-study-feature > div:first-of-type {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .about-case-study {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 56px;
  }
  .about-case-study .case-study-description,
  .about-case-study .case-study-feature {
    max-width: unset;
    min-width: unset;
  }
}
.case-study-info-cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 100px;
}
.case-study-info-cards-container .info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  gap: 8px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(37px);
  -webkit-backdrop-filter: blur(37px);
  border-radius: 16px;
  box-sizing: border-box;
}
.case-study-info-cards-container .info-card p:not(.typography2) {
  font-size: 18px;
}
@media (max-width: 800px) {
  .case-study-info-cards-container .info-card {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .case-study-info-cards-container .info-card {
    padding: 40px;
  }
}
@media (max-width: 800px) {
  .case-study-info-cards-container {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  }
}
@media (max-width: 575px) {
  .case-study-info-cards-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.need-help-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 27px;
  padding: 40px 0;
  margin-bottom: 100px;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.need-help-container .typography4 {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0;
}
.need-help-container .buttons-container {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.need-help-container .contained-button-pink {
  width: 146px;
}
@media (max-width: 1024px) {
  .need-help-container .buttons-container {
    gap: 12px;
  }
}
@media (max-width: 800px) {
  .need-help-container {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .need-help-container {
    padding: 80px 0;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 56px;
  }
  .need-help-container > div:first-of-type {
    text-align: center;
  }
  .need-help-container .buttons-container {
    flex-direction: column;
    gap: 16px;
    max-width: 350px;
    width: 100%;
  }
  .need-help-container .buttons-container button {
    width: 100%;
  }
  .need-help-container .typography4 {
    margin-bottom: 20px;
  }
}
.case-study-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
}
.case-study-details .typography3 {
  margin-bottom: 8px;
}
.case-study-details .body1 {
  color: #ffffff;
}
.case-study-details ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  margin-bottom: 32px;
}
.case-study-details ul li {
  display: flex;
  color: #ffffff;
}
.case-study-details ul li:not(:last-of-type) {
  margin-bottom: 16px;
}
.case-study-details ul li::before {
  content: "\2022";
  margin-right: 10px;
  color: #ffffff;
  font-weight: bold;
  min-width: 23px;
}
.case-study-details ul li {
  display: block;
}
.case-study-details ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.case-study-details a {
  color: #00abbe;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .case-study-details a:hover {
    opacity: 0.8;
  }
}
.case-study-details a:active {
  opacity: 0.8;
}
.case-study-details .body1 {
  margin-bottom: 32px;
}
.case-study-details .body1:last-child {
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .case-study-details {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
@media (max-width: 575px) {
  .case-study-details {
    display: block;
  }
  .case-study-details .typography3 {
    font-size: 32px;
    line-height: 42px;
  }
  .case-study-details .body1:last-of-type {
    margin-bottom: 32px;
  }
}
.case-study-feedback {
  margin-top: 100px;
  text-align: center;
}
.case-study-feedback svg {
  height: 48px;
  width: 48px;
}
.case-study-feedback .feedback-content {
  margin: 16px auto 40px;
  max-width: 712px;
  font-weight: 400;
}
.case-study-feedback .body1 {
  color: #ffffff;
}
@media (max-width: 800px) {
  .case-study-feedback {
    margin-top: 72px;
  }
}
@media (max-width: 575px) {
  .case-study-feedback {
    margin-top: 56px;
  }
}
.case-study-technology {
  max-width: 760px;
  margin: 240px auto;
}
.case-study-technology h2 {
  margin-bottom: 40px;
}
.case-study-technology .technology-content-container {
  display: flex;
}
.case-study-technology .technology-content-container a {
  color: #00abbe;
}
.case-study-technology .technology-content-container a:hover {
  opacity: 0.8;
}
.case-study-technology .technology-content-container p.body1:not(:last-of-type) {
  margin-bottom: 10px;
}
.case-study-technology p.body1 {
  margin-right: 80px;
  max-width: 356px;
  width: 100%;
}
.case-study-technology ul {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0 40px;
  height: fit-content;
}
@media (max-width: 800px) {
  .case-study-technology {
    margin: 200px auto;
  }
  .case-study-technology h2 {
    margin: 0 auto 24px;
    max-width: 550px;
    text-align: center;
  }
  .case-study-technology .technology-content-container {
    flex-direction: column;
    align-items: center;
  }
  .case-study-technology p.body1 {
    max-width: 548px;
    margin-bottom: 80px;
    margin-right: 0;
    text-align: center;
  }
  .case-study-technology ul {
    gap: 0 80px;
  }
  .case-study-technology ul.one-item {
    gap: 0;
  }
}
@media (max-width: 575px) {
  .case-study-technology {
    margin: 120px auto;
  }
  .case-study-technology p.body1 {
    margin-bottom: 56px;
  }
}
@media (max-width: 370px) {
  .case-study-technology ul {
    grid-template-columns: auto;
    gap: 0;
  }
}
.case-studies-swiper-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
}
.case-studies-swiper-header h2 {
  margin-bottom: 24px;
}
.case-studies-swiper-header a {
  color: #00abbe;
}
.case-studies-swiper-header a:hover {
  opacity: 0.8;
}
.case-studies-swiper-header > div {
  max-width: 459px;
  margin-right: 35px;
}
@media (max-width: 800px) {
  .case-studies-swiper-header {
    margin-bottom: 62px;
  }
}
@media (max-width: 575px) {
  .case-studies-swiper-header {
    margin-bottom: 46px;
    text-align: center;
  }
  .case-studies-swiper-header > div {
    margin: 0 auto;
  }
  .case-studies-swiper-header .text-button {
    display: none;
  }
}
.bespoke-solutions {
  max-width: 1152px;
  padding: 240px 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .bespoke-solutions {
    padding: 240px 32px 0;
  }
}
@media (max-width: 575px) {
  .bespoke-solutions {
    padding: 240px 20px 0;
  }
}
.bespoke-solutions h2 {
  margin-bottom: 80px;
}
.bespoke-solutions .bespoke-solutions-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 32px;
}
.bespoke-solutions a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  min-height: 104px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 16px;
  box-sizing: border-box;
}
@media (hover: hover) and (pointer: fine) {
  .bespoke-solutions a:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
.bespoke-solutions a:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
}
@media (max-width: 800px) {
  .bespoke-solutions {
    padding-top: 200px;
  }
  .bespoke-solutions h2 {
    margin-bottom: 72px;
  }
  .bespoke-solutions .bespoke-solutions-links {
    gap: 0 24px;
  }
}
@media (max-width: 575px) {
  .bespoke-solutions {
    padding-top: 120px;
  }
  .bespoke-solutions h2 {
    margin-bottom: 64px;
    text-align: center;
  }
  .bespoke-solutions a {
    min-height: 74px;
  }
  .bespoke-solutions .bespoke-solutions-links {
    grid-template-columns: 1fr;
    gap: 16px 0;
  }
}
.on-demand-tech-stack {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .on-demand-tech-stack {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .on-demand-tech-stack {
    padding: 0 20px 240px;
  }
}
.on-demand-tech-stack .on-demand-tech-stack-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.on-demand-tech-stack .on-demand-tech-stack-header .body1 {
  width: 564px;
}
.on-demand-tech-stack .on-demand-tech-stack-header h2 {
  max-width: 466px;
  min-width: 466px;
}
@media (max-width: 1024px) {
  .on-demand-tech-stack .on-demand-tech-stack-header .body1 {
    width: 448px;
  }
}
@media (max-width: 800px) {
  .on-demand-tech-stack {
    padding-bottom: 200px;
  }
  .on-demand-tech-stack .on-demand-tech-stack-header {
    flex-direction: column;
    text-align: center;
    margin-bottom: 72px;
  }
  .on-demand-tech-stack .on-demand-tech-stack-header .body1,
  .on-demand-tech-stack .on-demand-tech-stack-header h2 {
    width: 100%;
    min-width: initial;
    max-width: none;
  }
  .on-demand-tech-stack .on-demand-tech-stack-header h2 {
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .on-demand-tech-stack {
    padding-bottom: 120px;
  }
  .on-demand-tech-stack .on-demand-tech-stack-header {
    margin-bottom: 56px;
  }
}
.on-demand-tech-stack-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 800px) {
  .on-demand-tech-stack-cards {
    gap: 24px;
  }
}
@media (max-width: 575px) {
  .on-demand-tech-stack-cards {
    grid-template-columns: 1fr;
  }
}
.on-demand-tech-stack-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #18173b;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 16px;
  cursor: pointer;
  transition: transform 0.2s ease-out;
}
.on-demand-tech-stack-card .typography6,
.on-demand-tech-stack-card .typography4 {
  margin-bottom: 4px;
}
.on-demand-tech-stack-card .body1 {
  color: #ffffff;
}
.on-demand-tech-stack-card .preview-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px;
  object-fit: cover;
}
.on-demand-tech-stack-card .card-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.on-demand-tech-stack-card .card-content .body1:not(:last-child) {
  margin-bottom: 8px;
}
.on-demand-tech-stack-card .text-button {
  margin-top: auto;
}
.on-demand-tech-stack-card .text-button:hover {
  background: none;
  opacity: 1;
}
.on-demand-tech-stack-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (max-width: 575px) {
  .on-demand-tech-stack-card {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 15px 24px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .on-demand-tech-stack-card .preview-img {
    padding: 9px;
    border-radius: 16px;
  }
  .on-demand-tech-stack-card .preview-img img,
  .on-demand-tech-stack-card .preview-img svg {
    height: 30px;
    width: 30px;
  }
  .on-demand-tech-stack-card .card-content {
    flex-direction: row;
    gap: 10px;
    padding: 0;
  }
  .on-demand-tech-stack-card .card-content .body1 {
    display: none;
  }
  .on-demand-tech-stack-card .typography6,
  .on-demand-tech-stack-card .typography4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.4px;
  }
  .on-demand-tech-stack-card .text-button {
    margin-top: 0;
    margin-left: auto;
  }
  .on-demand-tech-stack-card .text-button p {
    display: none;
  }
  .on-demand-tech-stack-card .text-button svg {
    fill: rgba(255, 255, 255, 0.64);
    margin-left: 0;
  }
}
@media (max-width: 370px) {
  .on-demand-tech-stack-card {
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    text-align: center;
  }
  .on-demand-tech-stack-card .card-content {
    flex-direction: column;
  }
  .on-demand-tech-stack-card .text-button {
    margin: 0 auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .on-demand-tech-stack-card:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 575px) {
  .on-demand-tech-stack-card:active {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
@media (max-width: 575px) and (hover: hover) and (pointer: fine) {
  .on-demand-tech-stack-card:hover {
    transform: none;
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
.on-demand-tech-stack-card img,
.on-demand-tech-stack-card svg {
  width: 140px;
  height: 140px;
}
@media (max-width: 575px) {
  .on-demand-tech-stack-card .preview-img {
    border-radius: 12px;
    padding: 12px;
  }
  .on-demand-tech-stack-card .preview-img img,
  .on-demand-tech-stack-card .preview-img svg {
    height: 24px;
    width: 24px;
  }
}
.tiles-swiper-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .tiles-swiper-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .tiles-swiper-section {
    padding: 0 20px 240px;
  }
}
.tiles-swiper-section .tiles-swiper-section-header {
  display: flex;
  justify-content: space-between;
  gap: 24px 50px;
  margin-bottom: 80px;
}
.tiles-swiper-section .tiles-swiper-section-header .body1 {
  max-width: 370px;
}
.tiles-swiper-section .tiles-swiper-section-header h2 {
  max-width: 560px;
}
.tiles-swiper-section .tiles-swiper-section-header.vertical {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
  text-align: center;
}
.tiles-swiper-section .tiles-swiper-section-header.vertical h2,
.tiles-swiper-section .tiles-swiper-section-header.vertical .body1 {
  max-width: unset;
}
.tiles-swiper-section .contact-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 40px;
  text-align: left;
}
.tiles-swiper-section .contact-card .typography5 {
  margin-bottom: 24px;
}
.tiles-swiper-section.python .tiles-swiper-section-header .body1 {
  max-width: 457px;
}
.tiles-swiper-section.aws .tiles-swiper-section-header .body1 {
  max-width: 464px;
}
.tiles-swiper-section.bpa .tiles-swiper-section-header .body1 {
  max-width: 464px;
}
.tiles-swiper-section.bpa .tiles-swiper-section-header h2 {
  max-width: 557px;
}
.tiles-swiper-section.small-container {
  max-width: 760px;
}
.tiles-swiper-section.small-container .tiles-swiper-section-header {
  flex-direction: column;
}
.tiles-swiper-section.small-container .tiles-swiper-section-header h2 {
  max-width: 706px;
  margin: 0 auto;
  text-align: center;
}
.tiles-swiper-section.small-container .tiles-swiper-section-header .body1 {
  max-width: unset;
  text-align: center;
}
.tiles-swiper-section.small-container .swiper-wrapper {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.tiles-swiper-section .typography5 {
  margin-bottom: 16px;
}
.tiles-swiper-section img {
  width: 64px;
  height: 64px;
  margin-bottom: 40px;
}
.tiles-swiper-section .swiper {
  height: fit-content;
}
.tiles-swiper-section .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  height: fit-content;
}
.tiles-swiper-section .tiles-swiper-card {
  padding: 24px;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-sizing: border-box;
}
.tiles-swiper-section .tiles-swiper-card.small,
.tiles-swiper-section .tiles-swiper-card.colored {
  padding: 0;
  background: none;
}
.tiles-swiper-section .tiles-swiper-card.small .tile-bg,
.tiles-swiper-section .tiles-swiper-card.colored .tile-bg {
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 16px;
}
.tiles-swiper-section .tiles-swiper-card.small .tile-bg {
  display: flex;
  height: 64px;
  background: rgba(255, 255, 255, 0.08);
}
.tiles-swiper-section .tiles-swiper-card.small img {
  margin: 0;
  height: auto;
  width: fit-content;
  max-width: 100%;
}
.tiles-swiper-section .tiles-swiper-card.colored .typography5 {
  margin-bottom: 0;
  letter-spacing: 0.4px;
}
.tiles-swiper-section .tiles-swiper-card a:not(.text-button) {
  color: #00abbe;
}
.tiles-swiper-section .tiles-swiper-card a:not(.text-button):hover {
  opacity: 0.8;
}
.tiles-swiper-section .swiper-pagination {
  display: none;
}
@media (max-width: 1024px) {
  .tiles-swiper-section .tiles-swiper-section-header .body1 {
    max-width: 308px;
  }
  .tiles-swiper-section .contact-card {
    padding: 24px;
  }
  .tiles-swiper-section.python .tiles-swiper-section-header .body1,
  .tiles-swiper-section.aws .tiles-swiper-section-header .body1,
  .tiles-swiper-section.bpa .tiles-swiper-section-header .body1 {
    max-width: 393px;
  }
}
@media (max-width: 800px) {
  .tiles-swiper-section {
    padding-bottom: 200px;
  }
  .tiles-swiper-section.python .tiles-swiper-section-header .body1,
  .tiles-swiper-section.aws .tiles-swiper-section-header .body1,
  .tiles-swiper-section.bpa .tiles-swiper-section-header .body1 {
    max-width: none;
  }
  .tiles-swiper-section.aws .tiles-swiper-section-header h2,
  .tiles-swiper-section.bpa .tiles-swiper-section-header h2,
  .tiles-swiper-section.mvp .tiles-swiper-section-header h2 {
    max-width: 649px;
  }
  .tiles-swiper-section .tiles-swiper-section-header {
    flex-direction: column;
    align-items: center;
    margin-bottom: 72px;
    text-align: center;
  }
  .tiles-swiper-section .tiles-swiper-section-header .body1 {
    max-width: none;
  }
  .tiles-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 24px;
  }
  .tiles-swiper-section.fintech .swiper-wrapper,
  .tiles-swiper-section.healthtech .swiper-wrapper,
  .tiles-swiper-section.browser .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .tiles-swiper-section {
    padding-bottom: 120px;
  }
  .tiles-swiper-section .tiles-swiper-section-header {
    margin-bottom: 56px;
  }
  .tiles-swiper-section .contact-card {
    display: none;
  }
  .tiles-swiper-section .swiper-wrapper,
  .tiles-swiper-section.small-container .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .tiles-swiper-section .swiper-slide {
    display: flex;
    height: auto;
    flex: none;
    margin-bottom: 64px;
    width: 100%;
  }
  .tiles-swiper-section .tiles-swiper-card {
    max-width: 450px;
    margin: 0 auto;
  }
  .tiles-swiper-section .swiper-pagination {
    display: block;
  }
}
.gradient-cosmic-cobalt-bg {
  background: linear-gradient(135deg, rgba(139, 166, 250, 0.4) 0%, rgba(63, 98, 241, 0.4) 100%);
}
.gradient-spanish-violet-bg {
  background: linear-gradient(135deg, rgba(178, 147, 251, 0.4) 0%, rgba(117, 75, 242, 0.4) 100%);
}
.gradient-spanish-violet-bg {
  background: linear-gradient(135deg, rgba(178, 147, 251, 0.4) 0%, rgba(117, 75, 242, 0.4) 100%);
}
.gradient-regalia-bg {
  background: linear-gradient(135deg, rgba(238, 137, 243, 0.4) 0%, rgba(185, 59, 216, 0.4) 100%);
}
.gradient-japanese-violet {
  background: linear-gradient(135deg, rgba(246, 133, 151, 0.4) 0%, rgba(225, 54, 114, 0.4) 100%);
}
.gradient-old-mauve-bg {
  background: linear-gradient(135deg, rgba(255, 168, 149, 0.4) 0%, rgba(255, 81, 79, 0.4) 100%);
}
.workflow-automation-section {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media (max-width: 800px) {
  .workflow-automation-section {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .workflow-automation-section {
    padding: 0 20px 200px;
  }
}
.workflow-automation-section .workflow-automation-content {
  max-width: 662px;
}
.workflow-automation-section .body1 {
  margin-top: 24px;
}
.workflow-automation-section img {
  width: 331.15px;
  height: 300px;
}
@media (max-width: 1024px) {
  .workflow-automation-section .workflow-automation-content {
    max-width: 559px;
  }
}
@media (max-width: 800px) {
  .workflow-automation-section {
    gap: 10px;
    padding-bottom: 180px;
  }
  .workflow-automation-section .workflow-automation-content {
    max-width: 360px;
  }
  .workflow-automation-section img {
    width: 264.92px;
    height: 240px;
  }
}
@media (max-width: 575px) {
  .workflow-automation-section {
    flex-direction: column-reverse;
    gap: 56px;
    margin: 0 auto;
    padding-bottom: 120px;
    text-align: center;
  }
  .workflow-automation-section .workflow-automation-content {
    max-width: none;
  }
  .workflow-automation-section img {
    width: 100%;
    max-width: 311px;
    height: auto;
  }
}
.cloud-badges {
  max-width: 1152px;
  padding: 0 24px 144px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .cloud-badges {
    padding: 0 32px 144px;
  }
}
@media (max-width: 575px) {
  .cloud-badges {
    padding: 0 20px 144px;
  }
}
.cloud-badges img {
  max-width: 180px;
  width: 100%;
}
.cloud-badges .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  height: fit-content;
}
.cloud-badges .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 800px) {
  .cloud-badges {
    padding-bottom: 124px;
  }
  .cloud-badges img {
    max-width: 125px;
  }
}
@media (max-width: 575px) {
  .cloud-badges {
    padding-bottom: 84px;
  }
}
.virtual-assist-soft {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 85px;
}
@media (max-width: 800px) {
  .virtual-assist-soft {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .virtual-assist-soft {
    padding: 0 20px 200px;
  }
}
.virtual-assist-soft h2 {
  max-width: 473px;
  flex: 1 1 0;
}
.virtual-assist-soft .body1 {
  max-width: 466px;
  flex: 1 1 0;
}
@media (max-width: 800px) {
  .virtual-assist-soft {
    padding-bottom: 180px;
    column-gap: 55px;
  }
}
@media (max-width: 575px) {
  .virtual-assist-soft {
    padding-bottom: 120px;
    flex-direction: column;
    text-align: center;
  }
  .virtual-assist-soft h2,
  .virtual-assist-soft .body1 {
    max-width: unset;
  }
}
.boost-engagement {
  max-width: 760px;
  padding: 0 24px 180px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .boost-engagement {
    padding: 0 32px 180px;
  }
}
@media (max-width: 575px) {
  .boost-engagement {
    padding: 0 20px 180px;
  }
}
.boost-engagement div {
  display: flex;
  gap: 80px;
}
.boost-engagement h2 {
  margin-bottom: 40px;
}
.boost-engagement .body1:not(li) {
  width: 356px;
  min-width: 356px;
}
@media (max-width: 800px) {
  .boost-engagement {
    padding-bottom: 160px;
  }
  .boost-engagement h2,
  .boost-engagement .body1:not(li) {
    max-width: 548px;
    min-width: unset;
    width: unset;
    text-align: center;
  }
  .boost-engagement h2 {
    margin: 0 auto 24px;
  }
  .boost-engagement ul {
    max-width: 400px;
  }
  .boost-engagement div {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 575px) {
  .boost-engagement {
    padding-bottom: 120px;
  }
  .boost-engagement div {
    gap: 56px;
  }
}
.virtual-assist-features {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 50px;
}
@media (max-width: 800px) {
  .virtual-assist-features {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .virtual-assist-features {
    padding: 0 20px 240px;
  }
}
.virtual-assist-features h2 {
  margin-bottom: 24px;
}
.virtual-assist-features div {
  max-width: 564px;
}
@media (max-width: 1024px) {
  .virtual-assist-features div {
    max-width: 474px;
  }
  .virtual-assist-features ul {
    min-width: 290px;
  }
}
@media (max-width: 800px) {
  .virtual-assist-features {
    padding-bottom: 200px;
    gap: 30px;
  }
  .virtual-assist-features div {
    max-width: 362px;
  }
  .virtual-assist-features div .body1 {
    max-width: 359px;
  }
  .virtual-assist-features ul {
    min-width: 185px;
  }
}
@media (max-width: 575px) {
  .virtual-assist-features {
    flex-direction: column;
    align-items: center;
    gap: 56px;
    padding-bottom: 120px;
  }
  .virtual-assist-features div,
  .virtual-assist-features ul,
  .virtual-assist-features div .body1 {
    max-width: none;
    min-width: unset;
  }
  .virtual-assist-features div {
    text-align: center;
  }
}
.vertical-list-section {
  max-width: 760px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}
@media (max-width: 800px) {
  .vertical-list-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .vertical-list-section {
    padding: 0 20px 240px;
  }
}
.vertical-list-section h2 {
  margin-bottom: 24px;
}
.vertical-list-section > div:first-of-type {
  text-align: center;
}
.vertical-list-section ul {
  display: flex;
  gap: 40px;
  width: 595px;
}
.vertical-list-section ul div {
  flex: 1 1 0;
}
.vertical-list-section.on-demand {
  padding-bottom: 120px;
}
.vertical-list-section.on-demand ul {
  width: unset;
}
@media (max-width: 800px) {
  .vertical-list-section {
    padding-bottom: 200px;
  }
  .vertical-list-section p.body1,
  .vertical-list-section h2,
  .vertical-list-section ul {
    max-width: 548px;
  }
  .vertical-list-section.on-demand {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .vertical-list-section {
    padding-bottom: 120px;
    gap: 56px;
  }
  .vertical-list-section ul {
    flex-direction: column;
    gap: 16px;
    max-width: none;
    width: unset;
  }
  .vertical-list-section.on-demand {
    padding-bottom: 120px;
  }
  .vertical-list-section.on-demand ul {
    width: 240px;
  }
}
.reading-progress {
  position: fixed;
  top: 96px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 8px;
  background: rgba(145, 158, 171, 0.16);
}
.reading-progress::-webkit-progress-bar {
  background-color: transparent;
}
.reading-progress::-webkit-progress-value {
  background: linear-gradient(135deg, #5eebe2 0%, #00abbe 100%);
}
@media (max-width: 800px) {
  .reading-progress {
    top: 80px;
  }
}
@media (max-width: 575px) {
  .reading-progress {
    top: 64px;
  }
}
.post-main-content {
  display: flex;
  gap: 64px;
  max-width: 1152px;
  padding: 80px 24px 184px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .post-main-content {
    padding: 80px 32px 184px;
  }
}
@media (max-width: 575px) {
  .post-main-content {
    padding: 80px 20px 184px;
  }
}
.post-main-content > div {
  max-width: 746px;
}
.post-main-content > div > .author {
  margin: 64px 0 128px;
}
.post-main-content .toc-content a {
  color: #00abbe;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .post-main-content .toc-content a:hover {
    opacity: 0.8;
  }
}
.post-main-content .toc-content a:active {
  opacity: 0.8;
}
.post-main-content .toc-content > p {
  margin-bottom: 20px;
}
.post-main-content .toc-content li {
  margin-bottom: 10px;
  line-height: 28px;
}
.post-main-content .toc-content h3,
.post-main-content .toc-content h2 {
  margin: 40px 0 16px;
}
.post-main-content .toc-content h2 {
  font-size: 24px;
  line-height: 36px;
}
.post-main-content .toc-content h3 {
  font-size: 20px;
  line-height: 30px;
}
.post-main-content .toc-content > .typography5 {
  margin-bottom: 40px;
}
.post-main-content .toc-content > .typography5 + p::first-letter {
  float: left;
  padding: 20px 0;
  margin-right: 16px;
  font-weight: 700;
  font-size: 80px;
}
.post-main-content h1,
.post-main-content .author.small-card,
.post-main-content .divider {
  margin-bottom: 48px;
}
.post-main-content .share-block {
  margin: 48px 0 64px;
}
.post-main-content .need-help-container {
  margin: 40px 0;
}
.post-main-content .kg-image-card {
  margin: 0.8em 0 2.3em;
}
.post-main-content .kg-image-card img {
  max-width: 768px;
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.post-main-content .kg-image-card figcaption {
  margin: 1em auto 0;
  color: #919eab;
  font-size: 75%;
  line-height: 1.5em;
  text-align: center;
}
.post-main-content blockquote {
  margin: 0 0 1.5em;
  padding: 0 1.5em;
  border-left: 3px solid #00abbe;
}
.post-main-content hr {
  height: 1px;
  background-color: rgba(145, 158, 171, 0.24);
  border: none;
  margin: 48px 0;
}
.post-main-content .kg-bookmark-card {
  padding: 40px 0;
  margin: 40px 0;
  border-top: 1px solid rgba(145, 158, 171, 0.24);
  border-bottom: 1px solid rgba(145, 158, 171, 0.24);
}
.post-main-content .kg-bookmark-card a.kg-bookmark-container,
.post-main-content .kg-bookmark-card a.kg-bookmark-container:hover {
  border: none;
}
.post-main-content .kg-bookmark-card a.kg-bookmark-container {
  flex-direction: row-reverse;
  gap: 24px;
}
.post-main-content .kg-bookmark-card .kg-bookmark-content {
  padding: 0;
}
.post-main-content .kg-bookmark-card .kg-bookmark-thumbnail img {
  border-radius: 16px;
  object-position: top left;
}
.post-main-content .kg-bookmark-card .kg-bookmark-metadata {
  display: none;
}
.post-main-content .kg-bookmark-card .kg-bookmark-description {
  display: block;
  margin: 0;
  max-height: unset;
  font-size: 13px;
  line-height: 24px;
  color: #637381;
}
.post-main-content .kg-bookmark-card .kg-bookmark-title {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 36px;
  color: #212b36;
}
.post-main-content .quote-container {
  display: flex;
  gap: 40px;
  padding: 40px 78px 40px 40px;
  margin: 40px 0;
}
.post-main-content .quote-container svg {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.post-main-content .subscription-form {
  margin: 40px 0;
  padding: 40px;
  background: url("../../assets/images/subscriptionFormBg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 16px;
}
.post-main-content .subscription-form .typography3 {
  margin-bottom: 4px;
}
.post-main-content .subscription-form .body1 {
  margin-bottom: 24px;
}
.post-main-content .faq {
  max-width: unset;
  padding: 0;
  margin: 40px 0;
}
.post-main-content .faq .typography4 {
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .post-main-content .quote-container {
    padding-right: 20px;
  }
  .post-main-content .need-help-container .buttons-container {
    justify-content: center;
    flex-wrap: wrap-reverse;
  }
  .post-main-content .need-help-container > div:first-of-type {
    flex: 1 1 0;
    min-width: 230px;
  }
}
@media (max-width: 800px) {
  .post-main-content {
    display: block;
    padding-bottom: 164px;
  }
  .post-main-content .need-help-container .typography4,
  .post-main-content .toc-content h2,
  .post-main-content .kg-bookmark-card .kg-bookmark-title {
    font-size: 20px;
    line-height: 30px;
  }
  .post-main-content .toc-content h3 {
    font-size: 18px;
    line-height: 27px;
  }
  .post-main-content .quote-container {
    padding-right: 54px;
  }
}
@media (max-width: 575px) {
  .post-main-content {
    padding-top: 60px;
    padding-bottom: 124px;
  }
  .post-main-content .author.small-card,
  .post-main-content .author.small-card + .divider {
    display: none;
  }
  .post-main-content .need-help-container {
    gap: 24px;
    padding: 40px 0;
  }
  .post-main-content .need-help-container .typography4 {
    margin-bottom: 4px;
  }
  .post-main-content .need-help-container .buttons-container {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    width: unset;
  }
  .post-main-content .need-help-container .buttons-container button {
    width: 161px;
  }
  .post-main-content .kg-bookmark-card a.kg-bookmark-container {
    flex-direction: column-reverse;
  }
  .post-main-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-thumbnail img {
    position: static;
    width: 100%;
    max-height: 250px;
  }
  .post-main-content .quote-container {
    padding: 24px;
    gap: 24px;
  }
  .post-main-content .subscription-form .body1 {
    margin-bottom: 32px;
  }
  .post-main-content .subscription-form .contained-button-pink {
    position: static;
    width: 100%;
  }
  .post-main-content .subscription-form .input-container input {
    margin-bottom: 16px;
    padding-right: 24px;
    width: 100%;
  }
}
@media (max-width: 370px) {
  .post-main-content .need-help-container .buttons-container {
    flex-direction: column;
    width: 100%;
  }
  .post-main-content .need-help-container .buttons-container button {
    width: 100%;
  }
}
.post-side-menu {
  position: sticky;
  top: 147px;
  padding-bottom: 20px;
  max-width: 342px;
  min-width: 342px;
  height: fit-content;
}
.post-side-menu .toc ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px 10px 39px;
  max-height: calc(100vh - 542px);
  min-height: 100px;
  overflow: auto;
}
.post-side-menu .toc ol::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.post-side-menu .toc ol::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.post-side-menu .toc ol::-webkit-scrollbar-thumb {
  background: rgba(145, 158, 171, 0.16);
  border-radius: 4px;
}
.post-side-menu .toc ol li,
.post-side-menu .toc ol a {
  color: #212b36;
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
}
.post-side-menu .toc ol a {
  display: flex;
  pointer-events: auto;
}
.post-side-menu .toc ol li {
  position: relative;
  pointer-events: none;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .post-side-menu .toc ol li:hover {
    transform: scale(1.01);
  }
}
.post-side-menu .toc ol li::before {
  content: "•";
  position: absolute;
  left: -37px;
  font-size: 20px;
  color: transparent;
}
.post-side-menu .toc ol li.active-li {
  color: #00abbe;
}
.post-side-menu .toc ol li.active-li a,
.post-side-menu .toc ol li.active-li::before {
  color: #00abbe;
}
.post-side-menu .toc-title {
  display: none;
  margin-bottom: 16px;
}
.post-side-menu .toc-title.show {
  display: block;
}
.post-side-menu .sidebar-cta {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  overflow: hidden;
}
.post-side-menu .sidebar-cta .cta-bg,
.post-side-menu .sidebar-cta img {
  position: absolute;
  z-index: -1;
}
.post-side-menu .sidebar-cta .cta-bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #2b348b 0%, #4b67bf 100%);
}
.post-side-menu .sidebar-cta .typography4 {
  margin-bottom: 32px;
  letter-spacing: 0;
  color: #ffffff;
}
.post-side-menu .sidebar-cta img {
  width: 194px;
  height: 195px;
  right: -4%;
  bottom: -15%;
  mix-blend-mode: soft-light;
}
@media (max-width: 1024px) {
  .post-side-menu {
    min-width: 283px;
  }
  .post-side-menu .toc ol {
    max-height: calc(100vh - 614px);
  }
  .post-side-menu .sidebar-cta img {
    right: -26%;
    bottom: -11%;
  }
}
@media (max-width: 800px) {
  .post-side-menu {
    display: none;
  }
}
.post-tags-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 48px 0;
}
.need-project-cta {
  position: relative;
  padding: 40px;
  margin: 40px 0;
  border-radius: 24px;
}
.need-project-cta .typography3 {
  margin-bottom: 8px;
}
.need-project-cta .body1 {
  margin-bottom: 40px;
}
.need-project-cta .cta-bg {
  z-index: -2;
  background: radial-gradient(46.34% 46.34% at 50% 50%, rgba(225, 54, 114, 0.2) 0%, rgba(253, 216, 214, 0) 100%), radial-gradient(11.72% 59.1% at 76.37% 83.65%, #b93bd8 0%, rgba(253, 216, 249, 0) 100%), radial-gradient(19.29% 32.02% at 71.22% 50%, #e13672 0%, rgba(253, 216, 214, 0) 100%), radial-gradient(25.53% 36.77% at 8.36% 79.27%, #e13672 0%, rgba(253, 216, 214, 0) 100%), radial-gradient(21.81% 42.34% at 17.06% 4.03%, #b93bd8 0%, rgba(253, 216, 249, 0) 100%), radial-gradient(18.14% 29.38% at 48.86% 79.38%, #b93bd8 0%, rgba(253, 216, 249, 0) 100%), radial-gradient(26.44% 41.44% at 100% 74.58%, #754bf2 0%, rgba(231, 219, 254, 0) 100%), radial-gradient(18.61% 26.35% at 92.44% 24.79%, #e13672 0%, rgba(253, 216, 214, 0) 100%), radial-gradient(19% 27.6% at 70.55% 12.71%, #754bf2 0%, rgba(231, 219, 254, 0) 100%);
}
.need-project-cta .cta-bg-second {
  z-index: -1;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(175px);
  -webkit-backdrop-filter: blur(175px);
}
.need-project-cta .cta-bg,
.need-project-cta .cta-bg-second {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 24px;
}
@media (max-width: 575px) {
  .need-project-cta {
    text-align: center;
  }
}
.note-section {
  padding: 32px 32px 32px 128px;
  margin: 40px 0;
  background-repeat: no-repeat;
  background-position: 32px 50%;
  border: 1px solid;
  border-radius: 24px;
}
.note-section a:hover {
  opacity: 0.8;
}
.note-section.question {
  background-image: url("../../assets/icons/questionMark.svg");
  background-color: rgba(225, 54, 114, 0.12);
  border-color: #e02d69;
}
.note-section.question a {
  color: #e02d69;
  text-decoration: unset;
}
.note-section.exclamation {
  background-image: url("../../assets/icons/exclamationMark.svg");
  background-color: rgba(61, 177, 255, 0.12);
  border-color: #3db1ff;
}
.note-section.exclamation a {
  color: #3db1ff;
  text-decoration: unset;
}
@media (max-width: 370px) {
  .note-section {
    background-position: 50% 32px;
    padding: 128px 32px 32px;
    text-align: center;
  }
}
.post-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.post-pagination a {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 400px;
  min-width: 275px;
  border-radius: 24px;
  box-sizing: border-box;
}
.post-pagination a > div {
  align-self: flex-start;
}
.post-pagination a.previous {
  padding: 20px 20px 20px 8px;
}
.post-pagination a.previous svg {
  transform: rotate(90deg);
}
.post-pagination a.next {
  justify-content: flex-end;
  padding: 20px 8px 20px 20px;
  margin-left: auto;
  text-align: right;
}
.post-pagination a.next svg {
  transform: rotate(-90deg);
}
@media (hover: hover) and (pointer: fine) {
  .post-pagination a:hover {
    background: rgba(145, 158, 171, 0.08);
  }
}
.post-pagination svg {
  fill: #919eab;
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.post-pagination img {
  width: 64px;
  height: 64px;
  border-radius: 100px;
  object-fit: cover;
}
.post-pagination .overline {
  margin-bottom: 4px;
  color: #919eab;
}
@media (max-width: 1024px) {
  .post-pagination .subtitle1 {
    font-size: 14px;
    line-height: 26px;
  }
}
@media (max-width: 575px) {
  .post-pagination {
    flex-direction: column;
  }
  .post-pagination a {
    max-width: unset;
    min-width: unset;
    width: 100%;
    background: rgba(145, 158, 171, 0.08);
  }
  .post-pagination a.next {
    justify-content: flex-end;
  }
}
@media (max-width: 370px) {
  .post-pagination a.previous {
    flex-direction: column;
  }
  .post-pagination a.next {
    flex-direction: column-reverse;
  }
  .post-pagination a.next,
  .post-pagination a.previous {
    padding: 15px;
    text-align: center;
  }
  .post-pagination a.next > div,
  .post-pagination a.previous > div {
    align-self: center;
  }
}
.author {
  display: grid;
  grid-template-areas: "photo info" "photo bio" ". button";
  grid-template-columns: auto 1fr;
  gap: 16px 32px;
}
.author a.typography4,
.author a.author-img {
  text-decoration: none;
  color: #212b36;
}
@media (hover: hover) and (pointer: fine) {
  .author a.typography4:hover,
  .author a.author-img:hover {
    opacity: 1;
  }
}
.author a.author-img {
  grid-area: photo;
}
.author picture {
  display: flex;
}
.author img {
  width: 96px;
  height: 96px;
  border-radius: 100px;
  object-fit: cover;
}
.author > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 15px;
  grid-area: info;
}
.author .post-info,
.author .post-info span {
  color: #919eab;
  font-size: 12px;
  line-height: 20px;
}
.author .body2 {
  grid-area: bio;
}
.author .text-button {
  grid-area: button;
}
@media (max-width: 575px) {
  .author {
    grid-template-areas: "photo info" "bio bio" "button button";
  }
  .author > div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
  }
  .author .typography4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 370px) {
  .author {
    grid-template-areas: "photo" "info" "bio" "button";
    gap: 12px 0;
    justify-items: center;
  }
  .author > div {
    align-items: center;
  }
}
.author.small-card {
  display: flex;
  gap: 0 12px;
}
.author.small-card .typography4 {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}
.author.small-card img {
  width: 48px;
  height: 48px;
}
.author.small-card > div {
  width: 100%;
}
.author-socials {
  display: flex;
}
.author-socials .icon-button-medium svg {
  width: 20px;
  height: 20px;
}
.author-socials .icon-button-medium svg.facebook {
  fill: #1877f2;
}
.author-socials .icon-button-medium svg.linkedin {
  fill: #007ebb;
}
.author-socials .icon-button-medium svg.twitter {
  fill: #00aaec;
}
@media (max-width: 575px) {
  .author-socials {
    flex-wrap: wrap;
  }
}
.share-block {
  display: flex;
  gap: 16px;
}
.share-block > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 370px) {
  .share-block {
    flex-wrap: wrap;
  }
}
.facebook-share-button,
.twitter-share-button,
.linkedin-share-button {
  display: flex;
  gap: 6px;
  align-items: center;
}
.facebook-share-button svg,
.twitter-share-button svg,
.linkedin-share-button svg {
  width: 20px;
  height: 22px;
}
.facebook-share-button {
  border: 1px solid #1877f2;
  padding: 3px 14px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 13px;
  line-height: 22px;
  color: #1877f2;
  background: transparent;
  white-space: nowrap;
  outline: none;
}
.facebook-share-button:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .facebook-share-button {
    white-space: unset;
  }
}
.facebook-share-button svg {
  fill: #1877f2;
}
@media (hover: hover) and (pointer: fine) {
  .facebook-share-button:hover {
    background: rgba(24, 119, 242, 0.1);
  }
}
.facebook-share-button:focus-visible,
.facebook-share-button:active {
  background: rgba(24, 119, 242, 0.1);
}
.twitter-share-button {
  border: 1px solid #00aaec;
  padding: 3px 14px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 13px;
  line-height: 22px;
  color: #00aaec;
  background: transparent;
  white-space: nowrap;
  outline: none;
}
.twitter-share-button:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .twitter-share-button {
    white-space: unset;
  }
}
.twitter-share-button svg {
  fill: #00aaec;
}
@media (hover: hover) and (pointer: fine) {
  .twitter-share-button:hover {
    background: rgba(0, 171, 190, 0.08);
  }
}
.twitter-share-button:focus-visible,
.twitter-share-button:active {
  background: rgba(0, 171, 190, 0.08);
}
.linkedin-share-button {
  border: 1px solid #007ebb;
  padding: 3px 14px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 13px;
  line-height: 22px;
  color: #007ebb;
  background: transparent;
  white-space: nowrap;
  outline: none;
}
.linkedin-share-button:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .linkedin-share-button {
    white-space: unset;
  }
}
.linkedin-share-button svg {
  fill: #007ebb;
}
@media (hover: hover) and (pointer: fine) {
  .linkedin-share-button:hover {
    background: rgba(24, 119, 242, 0.1);
  }
}
.linkedin-share-button:focus-visible,
.linkedin-share-button:active {
  background: rgba(24, 119, 242, 0.1);
}
.subscription-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}
.subscription-form .typography3,
.subscription-form .body1 {
  text-align: center;
}
.subscription-form .input-container {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  max-width: 362px;
}
.subscription-form .input-container input {
  height: 56px;
  width: 100%;
  padding: 14px 150px 16px 24px;
  outline: none;
  border: none;
  border-radius: 28px;
  box-sizing: border-box;
}
.subscription-form .checkbox-label-container a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.subscription-form .contained-button-pink {
  position: absolute;
  right: 4px;
  top: 4px;
}
@media not all and (min-resolution: 0.001dpcm) {
  .subscription-form .contained-button-pink {
    top: 2px;
  }
}
.subscription-form ::placeholder {
  color: #919eab;
  font-size: 14px;
  line-height: 26px;
}
.web-app-dev-timeline {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .web-app-dev-timeline {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .web-app-dev-timeline {
    padding: 0 20px 240px;
  }
}
.web-app-dev-timeline h2 {
  max-width: 533px;
  margin: 0 auto;
}
.web-app-dev-timeline > .body1 {
  margin: 24px auto 80px;
  max-width: 760px;
}
.web-app-dev-timeline h2,
.web-app-dev-timeline > .body1 {
  text-align: center;
}
@media (max-width: 800px) {
  .web-app-dev-timeline {
    padding-bottom: 200px;
  }
  .web-app-dev-timeline > .body1 {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .web-app-dev-timeline {
    padding-bottom: 120px;
  }
  .web-app-dev-timeline > .body1 {
    margin-bottom: 56px;
  }
}
.swiper-web-app-timeline {
  table-layout: fixed;
  border-collapse: collapse;
}
.swiper-web-app-timeline .swiper-wrapper {
  display: table-row-group;
}
.swiper-web-app-timeline th {
  padding: 40px 0;
}
.swiper-web-app-timeline tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.swiper-web-app-timeline td {
  padding: 24px 8px;
  vertical-align: text-top;
}
.swiper-web-app-timeline td .subtitle1 {
  margin-bottom: 4px;
}
.swiper-web-app-timeline td .blue-bullet-list li:not(:last-of-type) {
  margin-bottom: 8px;
}
.swiper-web-app-timeline td .typography5 {
  display: none;
}
.swiper-web-app-timeline td:nth-of-type(2) {
  text-align: center;
}
.swiper-web-app-timeline td:nth-of-type(2) > .body1 {
  color: #ffffff;
}
@media (max-width: 800px) {
  .swiper-web-app-timeline .swiper-wrapper {
    display: flex;
  }
  .swiper-web-app-timeline thead {
    display: none;
  }
  .swiper-web-app-timeline tr {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 20% 1fr 1fr;
    gap: 32px 16px;
    padding: 24px;
    border-radius: 16px;
    box-sizing: border-box;
    border: none;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
  }
  .swiper-web-app-timeline tr .subtitle1 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 36px;
  }
  .swiper-web-app-timeline tr .typography5 {
    display: block;
    margin-bottom: 16px;
  }
  .swiper-web-app-timeline tr td {
    padding: 0;
  }
  .swiper-web-app-timeline tr td:first-of-type {
    grid-column: 1/-1;
  }
  .swiper-web-app-timeline tr td:nth-of-type(2) {
    text-align: start;
  }
}
@media (max-width: 575px) {
  .swiper-web-app-timeline tr {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
  }
}
.swiper-pagination-web-app-timeline {
  display: none;
}
@media (max-width: 800px) {
  .swiper-pagination-web-app-timeline {
    display: block;
    margin-top: 72px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .swiper-pagination-web-app-timeline {
    margin-top: 56px;
  }
}
.browser-ext-blocks {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  gap: 50px;
  align-items: center;
}
@media (max-width: 800px) {
  .browser-ext-blocks {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .browser-ext-blocks {
    padding: 0 20px 200px;
  }
}
.browser-ext-blocks img {
  width: 443px;
  height: 395.76px;
}
.browser-ext-blocks h2 {
  margin-bottom: 24px;
  max-width: 645px;
}
@media (max-width: 1024px) {
  .browser-ext-blocks {
    gap: 50px 56px;
    padding-bottom: 80px;
  }
  .browser-ext-blocks img {
    width: 100%;
    height: auto;
  }
  .browser-ext-blocks > div:first-of-type {
    min-width: 410px;
    max-width: 477px;
  }
}
@media (max-width: 800px) {
  .browser-ext-blocks {
    flex-direction: column;
  }
  .browser-ext-blocks img {
    width: 480px;
    height: 428.82px;
  }
  .browser-ext-blocks > div:first-of-type,
  .browser-ext-blocks h2 {
    min-width: unset;
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .browser-ext-blocks {
    gap: 56px;
    padding-bottom: 60px;
  }
  .browser-ext-blocks img {
    width: 100%;
    height: auto;
  }
}
.browsers-add-ons {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .browsers-add-ons {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .browsers-add-ons {
    padding: 0 20px 240px;
  }
}
.browsers-add-ons > div:first-of-type {
  display: flex;
  justify-content: space-between;
  column-gap: 100px;
  margin-bottom: 80px;
}
.browsers-add-ons > div:first-of-type .body1 {
  max-width: 466px;
}
@media (max-width: 1024px) {
  .browsers-add-ons > div:first-of-type {
    column-gap: 50px;
  }
  .browsers-add-ons > div:first-of-type .body1 {
    max-width: 393px;
  }
  .browsers-add-ons > div:first-of-type h2 {
    min-width: 476px;
    max-width: 476px;
  }
}
@media (max-width: 800px) {
  .browsers-add-ons {
    padding-bottom: 200px;
  }
  .browsers-add-ons > div:first-of-type {
    flex-direction: column;
    gap: 24px 0;
    margin-bottom: 72px;
  }
  .browsers-add-ons > div:first-of-type h2,
  .browsers-add-ons > div:first-of-type .body1 {
    min-width: unset;
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .browsers-add-ons {
    padding-bottom: 120px;
  }
  .browsers-add-ons > div:first-of-type {
    margin-bottom: 56px;
  }
  .browsers-add-ons h2 {
    letter-spacing: 0;
  }
}
.browser-cards-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 575px) {
  .browser-cards-container {
    gap: 24px;
  }
}
.browser-card {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 16px;
  cursor: pointer;
  transition: transform 0.2s ease-out;
}
.browser-card .typography6,
.browser-card .typography4 {
  margin-bottom: 16px;
}
.browser-card .body1 {
  color: #ffffff;
}
.browser-card .preview-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px;
  object-fit: cover;
}
.browser-card .card-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.browser-card .card-content .body1:not(:last-child) {
  margin-bottom: 8px;
}
.browser-card .text-button {
  margin-top: auto;
}
.browser-card .text-button:hover {
  background: none;
  opacity: 1;
}
.browser-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (max-width: 575px) {
  .browser-card {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 15px 24px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .browser-card .preview-img {
    padding: 9px;
    border-radius: 16px;
  }
  .browser-card .preview-img img,
  .browser-card .preview-img svg {
    height: 30px;
    width: 30px;
  }
  .browser-card .card-content {
    flex-direction: row;
    gap: 10px;
    padding: 0;
  }
  .browser-card .card-content .body1 {
    display: none;
  }
  .browser-card .typography6,
  .browser-card .typography4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.4px;
  }
  .browser-card .text-button {
    margin-top: 0;
    margin-left: auto;
  }
  .browser-card .text-button p {
    display: none;
  }
  .browser-card .text-button svg {
    fill: rgba(255, 255, 255, 0.64);
    margin-left: 0;
  }
}
@media (max-width: 370px) {
  .browser-card {
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    text-align: center;
  }
  .browser-card .card-content {
    flex-direction: column;
  }
  .browser-card .text-button {
    margin: 0 auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .browser-card:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 575px) {
  .browser-card:active {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
@media (max-width: 575px) and (hover: hover) and (pointer: fine) {
  .browser-card:hover {
    transform: none;
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
.browser-card img {
  height: 140px;
  width: 140px;
}
@media (max-width: 575px) {
  .browser-card .preview-img {
    border-radius: 12px;
    padding: 12px;
  }
  .browser-card .preview-img img,
  .browser-card .preview-img svg {
    height: 24px;
    width: 24px;
  }
}
.chrome-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(234, 67, 53, 0.2), rgba(234, 67, 53, 0.2)), #040331;
}
.safari-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(18, 174, 241, 0.2), rgba(18, 174, 241, 0.2)), #040331;
}
.edge-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(62, 207, 164, 0.2), rgba(62, 207, 164, 0.2)), #040331;
}
.swiper-post-container {
  position: relative;
  max-width: 1152px;
  padding: 0px 24px 0;
  margin: 0 auto;
  margin-top: 80px;
}
@media (max-width: 800px) {
  .swiper-post-container {
    padding: 0px 32px 0;
  }
}
@media (max-width: 575px) {
  .swiper-post-container {
    padding: 0px 20px 0;
  }
}
.swiper-post-container .swiper-slide {
  margin-bottom: 66px;
}
.swiper-post-container img {
  object-fit: cover;
}
.swiper-post-container .swiper-post-card {
  display: flex;
  max-height: 568px;
  overflow: hidden;
  background: #f9fafb;
  border-radius: 16px;
}
.swiper-post-container .post-img {
  flex: 1 1 0;
  max-width: 756px;
}
.swiper-post-container .post-img img {
  height: 100%;
  width: 100%;
}
.swiper-post-container .post-data {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 40px;
  width: 316px;
  min-width: min-content;
}
.swiper-post-container .post-data p:not(.typography4, .body2) {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 20px;
  color: #919eab;
}
.swiper-post-container .post-data .body2 {
  color: #212b36;
}
.swiper-post-container .author-info {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: auto;
}
.swiper-post-container .author-info img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
}
@media (max-width: 800px) {
  .swiper-post-container {
    margin-top: 60px;
  }
  .swiper-post-container .swiper-post-card {
    flex-direction: column;
    max-height: none;
  }
  .swiper-post-container .post-img {
    min-height: 308px;
    max-height: 308px;
  }
  .swiper-post-container .post-data {
    width: unset;
    height: 100%;
  }
  .swiper-post-container .swiper-side-buttons {
    width: 97%;
    height: fit-content;
    top: 290px;
    left: 12px;
  }
}
@media (max-width: 575px) {
  .swiper-post-container .post-img {
    min-height: 328px;
    max-height: 328px;
  }
  .swiper-post-container .swiper-side-buttons {
    display: none;
  }
}
@media (max-width: 370px) {
  .swiper-post-container .post-img {
    min-height: 200px;
    max-height: 200px;
  }
  .swiper-post-container .post-data {
    padding: 20px;
  }
}
.pagination {
  display: flex;
  gap: 6px;
}
.pagination a,
.pagination span {
  color: #212b36;
}
.pagination .numeric-pagination,
.pagination .numeric-pagination-small {
  display: flex;
  gap: 6px;
}
.pagination .numeric-pagination-small {
  display: none;
}
.pagination svg {
  width: 12px;
  height: 12px;
  fill: #212b36;
}
.pagination .pagination-previous svg {
  transform: rotate(90deg);
}
.pagination .pagination-next svg {
  transform: rotate(-90deg);
}
.pagination .icon-button-medium {
  min-width: 40px;
  min-height: 40px;
}
.pagination .icon-button-medium.disabled svg {
  fill: #919eab;
  opacity: 1;
}
.pagination .current.icon-button-medium {
  background: rgba(0, 171, 190, 0.08);
  color: #00abbe;
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .current.icon-button-medium:hover:not(.disabled) {
    background: rgba(0, 171, 190, 0.16);
  }
}
.pagination .ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: default;
}
@media (max-width: 575px) {
  .pagination .numeric-pagination {
    display: none;
  }
  .pagination .numeric-pagination-small {
    display: flex;
  }
  .pagination .icon-button-medium,
  .pagination .ellipsis {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 370px) {
  .pagination {
    gap: 15px;
  }
  .pagination .numeric-pagination-small {
    display: none;
  }
}
.post-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.post-card img {
  object-fit: cover;
}
.post-card .post-img {
  aspect-ratio: 1 / 1;
  width: 100%;
  border-radius: 16px;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .post-card .post-img:hover {
    transform: scale(1.02);
  }
}
.post-card .post-info {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.post-card .post-info p {
  font-size: 12px;
  line-height: 20px;
  color: #919eab;
}
.post-card .post-info a {
  width: fit-content;
  color: #212b36;
}
@media (hover: hover) and (pointer: fine) {
  .post-card .post-info a:hover {
    color: #00abbe;
  }
}
.post-card .author-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  width: fit-content;
}
.post-card .author-info img,
.post-card .author-info picture {
  width: 32px;
  height: 32px;
  border-radius: 100px;
}
.post-card .tags-container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .post-card .tags-container {
    display: none;
  }
}
@media (max-width: 575px) {
  .post-card {
    flex-direction: row;
    gap: 0px 16px;
  }
  .post-card .post-img {
    width: 80px;
    height: 80px;
  }
  .post-card .post-info {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  .post-card .author-info {
    display: none;
  }
  .post-card .typography5 {
    font-size: 14px;
    line-height: 26px;
  }
}
.topic-blog {
  max-width: 1152px;
  padding: 80px 24px 80px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 800px) {
  .topic-blog {
    padding: 80px 32px 80px;
  }
}
@media (max-width: 575px) {
  .topic-blog {
    padding: 80px 20px 80px;
  }
}
.topic-blog h1 {
  margin-bottom: 24px;
}
.topic-blog .body1 {
  margin-bottom: 40px;
}
.topic-blog .subscription-form .input-container {
  margin-bottom: 17px;
  max-width: 460px;
}
.topic-blog .subscription-form .input-container input {
  background: rgba(145, 158, 171, 0.08);
}
.topic-blog .subscription-form .checkbox-label-container {
  text-align: start;
}
@media (max-width: 800px) {
  .topic-blog {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .topic-blog .subscription-form .input-container {
    margin-bottom: 12px;
  }
}
@media (max-width: 370px) {
  .topic-blog .subscription-form .typography3,
  .topic-blog .subscription-form .body1 {
    text-align: center;
  }
  .topic-blog .subscription-form .body1 {
    margin-bottom: 32px;
  }
  .topic-blog .subscription-form .contained-button-pink {
    position: static;
    width: 100%;
  }
  .topic-blog .subscription-form .input-container input {
    margin-bottom: 16px;
    padding-right: 24px;
    width: 100%;
  }
}
.blog-content {
  display: flex;
  gap: 80px 64px;
  max-width: 1152px;
  padding: 80px 24px 80px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .blog-content {
    padding: 80px 32px 80px;
  }
}
@media (max-width: 575px) {
  .blog-content {
    padding: 80px 20px 80px;
  }
}
.blog-content .pagination {
  margin-top: auto;
}
.blog-content .contact-form-container {
  display: block;
  margin: unset;
  padding: 0;
}
.blog-content .contact-form-container .contact-form {
  padding: 40px;
  max-width: unset;
  width: unset;
  background: url("../../assets/images/contactFormBg.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
.blog-content .contact-form-container .contact-form .typography4,
.blog-content .contact-form-container .contact-form > .body1 {
  align-self: center;
  text-align: center;
}
.blog-content .contact-form-container .contact-form .typography4 {
  margin-bottom: 4px;
}
.blog-content .contact-form-container .contact-form > .body1 {
  margin-bottom: 24px;
  max-width: 230px;
}
.blog-content .contact-form-container .contact-form .floating-textarea {
  height: 120px;
}
.blog-content .contact-form-container .contact-form .inputs-container {
  flex-direction: column;
  gap: 0;
  margin-bottom: 31px;
}
.blog-content .contact-form-container .contact-form .inputs-container > div:first-child,
.blog-content .contact-form-container .contact-form .inputs-container > div:last-child {
  width: 100%;
}
.blog-content .contact-form-container .contact-form .custom-checkbox-container {
  width: 100%;
}
.blog-content .contact-form-container .contact-form .form-buttons {
  align-self: initial;
}
.blog-content .contact-form-container .contact-form .form-buttons .contained-button-pink {
  width: 100%;
  margin-left: 0;
}
.blog-content .contact-form-container .contact-form .floating-input:not(.error),
.blog-content .contact-form-container .contact-form .floating-textarea:not(.error) {
  background: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .blog-content .contact-form-container .contact-form .floating-input:not(.error):hover,
  .blog-content .contact-form-container .contact-form .floating-textarea:not(.error):hover {
    background: linear-gradient(0deg, rgba(145, 158, 171, 0.08), rgba(145, 158, 171, 0.08)), #ffffff;
  }
}
.blog-content .contact-form-container .contact-form .floating-input:not(.error):focus,
.blog-content .contact-form-container .contact-form .floating-textarea:not(.error):focus,
.blog-content .contact-form-container .contact-form .floating-input:not(.error):focus-within,
.blog-content .contact-form-container .contact-form .floating-textarea:not(.error):focus-within {
  background: #ffffff;
}
@media (max-width: 1024px) {
  .blog-content .contact-form-container .contact-form {
    padding: 24px;
  }
}
@media (max-width: 800px) {
  .blog-content {
    padding-top: 60px;
    flex-direction: column;
  }
  .blog-content > div {
    gap: 72px;
  }
  .blog-content .contact-form-container .contact-form {
    padding: 40px;
  }
  .blog-content .contact-form-container .contact-form > .body1 {
    max-width: unset;
  }
  .blog-content .contact-form-container .contact-form .typography4 {
    font-size: 32px;
    line-height: 48px;
  }
  .blog-content .contact-form-container .contact-form .inputs-container {
    flex-direction: row;
    gap: 24px;
    margin-bottom: 11px;
  }
  .blog-content .contact-form-container .contact-form .floating-textarea {
    height: 216px;
  }
  .blog-content .contact-form-container .contact-form .form-buttons {
    align-self: flex-end;
  }
}
@media (max-width: 575px) {
  .blog-content {
    padding-top: 56px;
    padding-bottom: 60px;
    row-gap: 40px;
  }
  .blog-content > div {
    gap: 40px;
  }
  .blog-content .contact-form-container .contact-form {
    max-width: 450px;
    margin: 0 auto;
  }
  .blog-content .contact-form-container .contact-form .typography4 {
    line-height: 42px;
  }
  .blog-content .contact-form-container .contact-form > .body1 {
    max-width: 230px;
  }
  .blog-content .contact-form-container .contact-form .floating-textarea {
    height: 120px;
  }
  .blog-content .contact-form-container .contact-form .inputs-container {
    flex-direction: column;
    gap: 0;
    margin-bottom: 31px;
  }
  .blog-content .contact-form-container .contact-form .form-buttons {
    align-self: initial;
    margin-top: 0;
  }
}
.posts-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 746px;
  gap: 80px;
}
@media (max-width: 800px) {
  .posts-section {
    gap: 72px;
  }
}
@media (max-width: 575px) {
  .posts-section {
    gap: 40px;
  }
}
.side-menu {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 300px;
  max-width: 342px;
}
@media (max-width: 1024px) {
  .side-menu {
    min-width: 283px;
    max-width: 283px;
  }
}
@media (max-width: 800px) {
  .side-menu {
    min-width: unset;
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .side-menu .case-studies-section {
    display: none;
  }
}
.post-cards-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 32px;
  width: 100%;
}
@media (max-width: 575px) {
  .post-cards-container {
    grid-template-columns: 1fr;
    gap: 24px 0;
  }
}
.popular-tags-container .typography4 {
  margin-bottom: 24px;
}
.popular-tags-container > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.case-study-cards-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.case-study-card {
  display: flex;
  gap: 16px;
  transform: scale(1);
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .case-study-card:hover {
    transform: scale(1.02);
  }
}
.case-study-card img {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  object-fit: cover;
  object-position: top left;
}
.case-study-card .case-info {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.case-study-card .case-info .subtitle2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.case-study-card .case-info p:not(.subtitle2) {
  font-size: 12px;
  line-height: 20px;
  color: #919eab;
}
.tag-template-content {
  max-width: 1152px;
  padding: 40px 24px 80px;
  margin: 0 auto;
  display: grid;
  grid-template-areas: "head ." "divider divider" "posts sidebar";
  grid-template-columns: 2.18fr 1fr;
  gap: 0 64px;
}
@media (max-width: 800px) {
  .tag-template-content {
    padding: 40px 32px 80px;
  }
}
@media (max-width: 575px) {
  .tag-template-content {
    padding: 40px 20px 80px;
  }
}
.tag-template-content .tag-template-header {
  grid-area: head;
}
.tag-template-content .tag-template-header h1 {
  margin-bottom: 24px;
}
.tag-template-content .divider {
  grid-area: divider;
  margin: 40px 0 64px;
}
.tag-template-content .posts-section {
  grid-area: posts;
}
.tag-template-content .side-menu {
  grid-area: sidebar;
}
.tag-template-content .pagination {
  margin-top: auto;
}
@media (max-width: 800px) {
  .tag-template-content {
    grid-template-areas: "head" "divider" "posts" "sidebar";
    grid-template-columns: 1fr;
  }
  .tag-template-content .posts-section {
    margin-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .tag-template-content {
    padding-bottom: 60px;
  }
  .tag-template-content .divider {
    grid-area: divider;
    margin-bottom: 40px;
  }
  .tag-template-content .posts-section {
    margin-bottom: 40px;
  }
}
.author-template-header {
  max-width: 1152px;
  padding: 40px 24px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .author-template-header {
    padding: 40px 32px 0;
  }
}
@media (max-width: 575px) {
  .author-template-header {
    padding: 40px 20px 0;
  }
}
.author-template-header .author-info {
  display: flex;
  justify-content: space-between;
  gap: 30px 50px;
}
.author-template-header .author-info > div {
  flex: 1 1 0;
  display: flex;
  gap: 32px;
}
.author-template-header h1 {
  margin-bottom: 4px;
}
.author-template-header .body2 {
  flex: 1 1 0;
  max-width: 461px;
}
.author-template-header img {
  width: 120px;
  min-width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 100px;
}
.author-template-header + .blog-content {
  padding-top: 64px;
}
.author-template-header .divider {
  margin-top: 40px;
}
@media (max-width: 800px) {
  .author-template-header .author-info {
    flex-direction: column;
  }
  .author-template-header h1 {
    margin-bottom: 16px;
  }
  .author-template-header .body2 {
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .author-template-header h1 {
    margin-bottom: 8px;
  }
  .author-template-header img {
    width: 96px;
    min-width: 96px;
    height: 96px;
  }
  .author-template-header + .blog-content {
    padding-top: 40px;
  }
}
@media (max-width: 370px) {
  .author-template-header .author-info > div {
    flex-wrap: wrap;
  }
}
.light-theme h1,
.light-theme h2,
.light-theme h3,
.light-theme p,
.light-theme li,
.light-theme em,
.light-theme img,
.light-theme .typography4,
.light-theme .typography6,
.light-theme .subtitle2,
.light-theme .subtitle3,
.light-theme .project .body1,
.light-theme .faq-item .collapse-content li,
.light-theme .contact-info a:not(:hover, :focus-visible, :active),
.light-theme .file-name.body2 {
  color: #212b36;
}
.light-theme .body1,
.light-theme .body2 {
  color: #637381;
}
.light-theme .text-helper {
  color: #ff514f;
}
.light-theme .icon-button-outlined {
  border: 1px solid rgba(145, 158, 171, 0.32);
}
.light-theme .icon-button-outlined:focus-visible:not(.disabled),
.light-theme .icon-button-small:focus-visible:not(.disabled),
.light-theme .icon-button-medium:focus-visible:not(.disabled),
.light-theme .icon-button-outlined:active:not(.disabled),
.light-theme .icon-button-small:active:not(.disabled),
.light-theme .icon-button-medium:active:not(.disabled) {
  background: rgba(145, 158, 171, 0.08);
}
@media (hover: hover) and (pointer: fine) {
  .light-theme .icon-button-outlined:hover:not(.disabled),
  .light-theme .icon-button-small:hover:not(.disabled),
  .light-theme .icon-button-medium:hover:not(.disabled) {
    background: rgba(145, 158, 171, 0.08);
  }
}
.light-theme .icon-button-outlined svg,
.light-theme .icon-button-small svg,
.light-theme .icon-button-medium svg {
  fill: #637381;
}
.light-theme .breadcrumb li {
  color: #212b36;
}
.light-theme .breadcrumb li.body3 {
  color: #919eab;
}
.light-theme .breadcrumb li + li:before {
  background: url("../../assets/icons/arrowRightDark.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.light-theme .contact-form-bg {
  background: rgba(0, 171, 190, 0.08);
  padding: 120px 0;
}
.light-theme .contact-info a:not(:hover, :focus-visible, :active) svg {
  fill: #212b36;
}
.light-theme .form-popup,
.light-theme .close-popup {
  background: rgba(255, 255, 255, 0.16);
}
.light-theme .form-popup p,
.light-theme .close-popup p {
  color: #ffffff;
}
.light-theme .form-popup .body2,
.light-theme .close-popup .body2 {
  color: rgba(255, 255, 255, 0.64);
}
.light-theme .close-popup:hover {
  background: rgba(255, 255, 255, 0.24);
}
.light-theme .contact-form {
  background: #ffffff;
  caret-color: #212b36;
}
.light-theme .contact-form .floating-textarea textarea,
.light-theme .contact-form .floating-input {
  color: #212b36;
}
.light-theme .contact-form .floating-input:not(.error),
.light-theme .contact-form .floating-textarea:not(.error) {
  background: rgba(145, 158, 171, 0.08);
}
@media (hover: hover) and (pointer: fine) {
  .light-theme .contact-form .floating-input:not(.error):hover,
  .light-theme .contact-form .floating-textarea:not(.error):hover {
    background: rgba(145, 158, 171, 0.16);
  }
}
.light-theme .contact-form .floating-input:not(.error):focus,
.light-theme .contact-form .floating-textarea:not(.error):focus,
.light-theme .contact-form .floating-input:not(.error):focus-within,
.light-theme .contact-form .floating-textarea:not(.error):focus-within {
  background: rgba(145, 158, 171, 0.08);
}
.light-theme .contact-form .floating-input:not(.error):not(:focus, :focus-within) ~ .floating-label,
.light-theme .contact-form .floating-textarea:not(.error):not(:focus, :focus-within) ~ .floating-label,
.light-theme .contact-form .floating-input:not(.error):not(:focus, :focus-within) textarea ~ .floating-label,
.light-theme .contact-form .floating-textarea:not(.error):not(:focus, :focus-within) textarea ~ .floating-label {
  color: #919eab;
}
.light-theme .contact-form .icon-button-outlined svg,
.light-theme .contact-form .icon-button-small svg {
  fill: #212b36;
}
.light-theme .checkbox-label-container label,
.light-theme .checkbox-label-container a {
  color: #212b36;
}
.light-theme .custom-checkbox:not(:checked) {
  border: 2px solid #637381;
}
.light-theme .custom-checkbox:not(:checked):focus-visible:after {
  background: rgba(145, 158, 171, 0.08);
}
@media (hover: hover) and (pointer: fine) {
  .light-theme .custom-checkbox:not(:checked)::after {
    background: rgba(145, 158, 171, 0.08);
  }
}
.light-theme .form-popup-bg {
  background: rgba(0, 52, 91, 0.72);
}
.light-theme .divider {
  background: rgba(145, 158, 171, 0.24);
}
.light-theme input:-webkit-autofill,
.light-theme input:-webkit-autofill:hover,
.light-theme input:-webkit-autofill:focus,
.light-theme input:-webkit-autofill:active {
  -webkit-text-fill-color: #212b36;
  caret-color: #212b36;
}
.light-theme .tag {
  color: #637381;
  background: rgba(145, 158, 171, 0.16);
}
@media (hover: hover) and (pointer: fine) {
  .light-theme .tag:hover:not(.active) {
    background: rgba(145, 158, 171, 0.32);
  }
}
.light-theme .outlined-button-standard {
  border: 1px solid rgba(145, 158, 171, 0.32);
  color: #212b36;
}
@media (hover: hover) and (pointer: fine) {
  .light-theme .outlined-button-standard:hover {
    background: rgba(145, 158, 171, 0.08);
    border: 1px solid #212b36;
  }
}
.light-theme .outlined-button-standard:active {
  background: rgba(145, 158, 171, 0.08);
  border: 1px solid #212b36;
}
.light-theme .need-help-container {
  border-top-color: rgba(145, 158, 171, 0.24);
  border-bottom-color: rgba(145, 158, 171, 0.24);
}
.light-theme .faq .faq-item .collapse-button {
  background-image: url("../../assets/icons/plusDark.svg");
}
@media (hover: hover) and (pointer: fine) {
  .light-theme .faq .faq-item .collapse-button:hover {
    background-color: rgba(145, 158, 171, 0.08);
  }
}
.light-theme .faq .faq-item .collapse-button:active {
  background-color: rgba(145, 158, 171, 0.08);
}
.light-theme .faq .faq-item.open .collapse-button {
  background-image: url("../../assets/icons/minusDark.svg");
}
.light-theme .faq .faq-item .collapse-content {
  border-color: rgba(145, 158, 171, 0.24);
}
@media (max-width: 800px) {
  .light-theme .contact-form-bg {
    padding: 100px 0;
  }
}
@media (max-width: 575px) {
  .light-theme .contact-form-bg {
    padding: 60px 0;
  }
}
.cta {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 56px 40px;
}
@media (max-width: 800px) {
  .cta {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .cta {
    padding: 0 20px 200px;
  }
}
.cta > div {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 620px;
  min-width: 450px;
}
.cta .body1 {
  color: #ffffff;
}
.cta ol {
  padding-left: 18px;
}
.cta img {
  width: 401.68px;
  height: 406px;
}
.cta.pwa {
  padding-bottom: 180px;
}
.cta.pwa ol,
.cta.safari ol,
.cta.automation ol,
.cta.saas ol {
  list-style-position: inside;
  text-indent: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.cta.net > div,
.cta.nodejs > div,
.cta.pwa > div,
.cta.safari > div,
.cta.automation > div,
.cta.saas > div,
.cta.api > div,
.cta.bpa > div,
.cta.fintech > div,
.cta.about > div,
.cta.ios > div {
  max-width: 564px;
}
.cta.net,
.cta.nodejs,
.cta.safari,
.cta.automation,
.cta.saas,
.cta.api,
.cta.bpa,
.cta.about,
.cta.ios {
  padding-bottom: 240px;
}
.cta.fintech {
  padding-bottom: 120px;
}
.cta.net,
.cta.nodejs,
.cta.saas {
  align-items: center;
}
.cta.net > div,
.cta.nodejs > div,
.cta.saas > div {
  max-width: 564px;
}
.cta.nodejs img {
  width: 400px;
  height: 400.66px;
}
.cta.automation img {
  width: 506.55px;
  height: 512px;
}
.cta.fintech img {
  height: 388px;
}
.cta.ios img {
  width: 480px;
  height: 332.3px;
}
.cta .button-container {
  display: flex;
  gap: 16px 24px;
}
@media (max-width: 1024px) {
  .cta > div {
    max-width: 490px;
  }
  .cta.automation {
    column-gap: 105px;
  }
  .cta.net > div,
  .cta.nodejs > div,
  .cta.pwa > div,
  .cta.safari > div,
  .cta.automation > div,
  .cta.saas > div,
  .cta.api > div,
  .cta.bpa > div,
  .cta.fintech > div,
  .cta.about > div,
  .cta.ios > div {
    max-width: 484px;
  }
  .cta.nodejs img {
    width: 360px;
    height: 360.59px;
  }
  .cta.ios img {
    width: 420px;
    height: 290.76px;
  }
}
@media (max-width: 800px) {
  .cta {
    padding-bottom: 180px;
  }
  .cta.net,
  .cta.nodejs,
  .cta.safari,
  .cta.automation,
  .cta.saas,
  .cta.api,
  .cta.bpa,
  .cta.about,
  .cta.ios {
    padding-bottom: 200px;
  }
  .cta.pwa {
    padding-bottom: 160px;
  }
  .cta.fintech {
    padding-bottom: 100px;
  }
  .cta > div {
    max-width: 360px;
    min-width: 360px;
  }
  .cta.automation {
    column-gap: 30px;
  }
  .cta img {
    width: 496.66px;
    height: 502px;
  }
  .cta.net img,
  .cta.saas img {
    width: 387px;
    height: 391px;
  }
  .cta.fintech img {
    height: 344px;
  }
  .cta.ios img {
    width: 480px;
    height: 332.3px;
  }
  .cta.nodejs {
    column-gap: 84px;
  }
  .cta.nodejs img {
    width: 500px;
    height: 500.83px;
  }
  .cta.safari {
    flex-direction: column;
    row-gap: 72px;
  }
  .cta.safari > div {
    align-items: center;
    max-width: unset;
  }
  .cta.safari > div ol,
  .cta.safari > div .body1 {
    max-width: 548px;
  }
  .cta.safari > div h2 {
    text-align: center;
  }
  .cta.safari img {
    width: 401.68px;
    height: 406px;
  }
}
@media (max-width: 575px) {
  .cta {
    flex-direction: column;
    padding-bottom: 120px;
  }
  .cta.net,
  .cta.nodejs,
  .cta.pwa,
  .cta.safari,
  .cta.automation,
  .cta.saas,
  .cta.api,
  .cta.bpa,
  .cta.fintech,
  .cta.about,
  .cta.ios {
    padding-bottom: 120px;
  }
  .cta h2 {
    text-align: center;
  }
  .cta > div {
    max-width: unset;
    min-width: unset;
    align-items: center;
  }
  .cta.net > div,
  .cta.nodejs > div,
  .cta.api > div,
  .cta.bpa > div,
  .cta.fintech > div,
  .cta.about > div,
  .cta.ios > div {
    text-align: center;
  }
  .cta img,
  .cta.nodejs img,
  .cta.net img,
  .cta.safari img,
  .cta.automation img,
  .cta.saas img,
  .cta.fintech img,
  .cta.ios img {
    width: 100%;
    max-width: 401px;
    height: auto;
    margin: 0 auto;
  }
  .cta .button-container.portfolio-button {
    flex-direction: column;
    width: 100%;
  }
  .cta .button-container.portfolio-button button {
    width: 100%;
  }
}
.small-tile-cards-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
@media (max-width: 800px) {
  .small-tile-cards-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .small-tile-cards-section {
    padding: 0 20px 240px;
  }
}
.small-tile-cards-section .tile-cards-section-header {
  display: flex;
  gap: 24px 80px;
}
.small-tile-cards-section .tile-cards-section-header > div {
  max-width: 457px;
  flex: 1 1 457px;
}
.small-tile-cards-section .tile-cards-section-header h2 {
  flex: 2 1 595px;
  letter-spacing: 0.4px;
}
.small-tile-cards-section .tile-cards-section-header .body1:first-of-type:not(:last-of-type) {
  margin-bottom: 20px;
}
.small-tile-cards-section .tile-cards-section-header.vertical {
  flex-direction: column;
  text-align: center;
}
.small-tile-cards-section .tile-cards-section-header.vertical h2,
.small-tile-cards-section .tile-cards-section-header.vertical p {
  flex: unset;
}
.small-tile-cards-section .cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.small-tile-cards-section a.card {
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .small-tile-cards-section a.card:hover {
    transform: scale(1.02);
  }
}
.small-tile-cards-section .card {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  letter-spacing: 0.4px;
}
.small-tile-cards-section .card img {
  max-height: 56px;
  max-width: 56px;
}
.small-tile-cards-section svg {
  width: 17px;
  min-width: 17px;
  height: 8px;
  fill: rgba(255, 255, 255, 0.64);
  margin-left: auto;
}
.small-tile-cards-section.ecommerce,
.small-tile-cards-section.cyber-security {
  max-width: 760px;
}
.small-tile-cards-section.ecommerce .tile-cards-section-header,
.small-tile-cards-section.cyber-security .tile-cards-section-header {
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
}
.small-tile-cards-section.ecommerce .tile-cards-section-header h2,
.small-tile-cards-section.cyber-security .tile-cards-section-header h2 {
  flex: unset;
}
.small-tile-cards-section.ecommerce .cards-container,
.small-tile-cards-section.cyber-security .cards-container {
  grid-template-columns: 1fr 1fr;
}
.small-tile-cards-section.ecommerce img,
.small-tile-cards-section.cyber-security img {
  width: 48px;
  height: 48px;
}
.small-tile-cards-section.ecommerce .contact-card .body1,
.small-tile-cards-section.cyber-security .contact-card .body1 {
  max-width: 500px;
}
.small-tile-cards-section.saas {
  padding-bottom: 200px;
}
.small-tile-cards-section.saas .card {
  backdrop-filter: blur(37px);
  -webkit-backdrop-filter: blur(37px);
}
@media (max-width: 1024px) {
  .small-tile-cards-section .cards-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 800px) {
  .small-tile-cards-section {
    padding-bottom: 200px;
    row-gap: 72px;
  }
  .small-tile-cards-section .tile-cards-section-header {
    flex-direction: column;
  }
  .small-tile-cards-section .tile-cards-section-header > div,
  .small-tile-cards-section .tile-cards-section-header h2 {
    text-align: center;
    flex-basis: 0;
  }
  .small-tile-cards-section .tile-cards-section-header h2 {
    max-width: 640px;
    margin: 0 auto;
  }
  .small-tile-cards-section .tile-cards-section-header > div {
    max-width: unset;
  }
  .small-tile-cards-section.saas {
    padding-bottom: 180px;
  }
  .small-tile-cards-section.saas .cards-container {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  .small-tile-cards-section.cyber-security .contact-card .body1 {
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .small-tile-cards-section {
    padding-bottom: 120px;
    row-gap: 56px;
  }
  .small-tile-cards-section .cards-container,
  .small-tile-cards-section.ecommerce .cards-container,
  .small-tile-cards-section.cyber-security .cards-container {
    grid-template-columns: 1fr;
  }
  .small-tile-cards-section .contained-button-pink {
    width: 100%;
    max-width: 255px;
  }
  .small-tile-cards-section.saas {
    padding-bottom: 120px;
  }
}
@media (max-width: 370px) {
  .small-tile-cards-section .card {
    flex-direction: column;
    text-align: center;
  }
  .small-tile-cards-section .card svg {
    margin-left: unset;
  }
}
.tile-cards-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .tile-cards-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .tile-cards-section {
    padding: 0 20px 240px;
  }
}
.tile-cards-section h2,
.tile-cards-section > .body1 {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.tile-cards-section > .body1 {
  margin: 24px auto 80px;
}
.tile-cards-section .cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.tile-cards-section a.tile-card {
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .tile-cards-section a.tile-card:hover {
    transform: scale(1.02);
  }
}
.tile-cards-section.ecommerce {
  padding-bottom: 120px;
}
.tile-cards-section.ecommerce .tile-card {
  backdrop-filter: blur(37px);
  -webkit-backdrop-filter: blur(37px);
}
.tile-cards-section.cyber-security {
  max-width: 760px;
}
.tile-cards-section.cyber-security .cards-container {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 800px) {
  .tile-cards-section {
    padding-bottom: 200px;
  }
  .tile-cards-section > .body1 {
    margin-bottom: 72px;
  }
  .tile-cards-section .cards-container {
    gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
  .tile-cards-section.automation h2,
  .tile-cards-section.ecommerce h2 {
    max-width: 645px;
  }
  .tile-cards-section.ecommerce {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .tile-cards-section {
    padding-bottom: 120px;
  }
  .tile-cards-section > .body1 {
    margin-bottom: 56px;
  }
  .tile-cards-section .cards-container,
  .tile-cards-section.cyber-security .cards-container {
    grid-template-columns: 1fr;
  }
  .tile-cards-section.ecommerce {
    padding-bottom: 120px;
  }
}
.features-swiper-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 800px) {
  .features-swiper-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .features-swiper-section {
    padding: 0 20px 240px;
  }
}
.features-swiper-section a {
  color: #00abbe;
}
.features-swiper-section a:hover {
  opacity: 0.8;
}
.features-swiper-section.small-container {
  max-width: 760px;
}
.features-swiper-section.small-container .swiper-wrapper {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.features-swiper-section.small-container h2 {
  max-width: unset;
}
.features-swiper-section .contact-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 40px;
  text-align: left;
}
.features-swiper-section .contact-card .typography5 {
  margin-bottom: 24px;
}
.features-swiper-section.crm,
.features-swiper-section.cloud-app {
  padding-bottom: 200px;
}
.features-swiper-section.crm h2,
.features-swiper-section.edge h2 {
  max-width: 650px;
}
.features-swiper-section.on-demand h2 {
  max-width: 730px;
}
.features-swiper-section.marketplace h2 {
  max-width: 790px;
}
.features-swiper-section.aws h2 {
  max-width: 680px;
}
.features-swiper-section.remote-monitoring h2 {
  max-width: 720px;
}
.features-swiper-section.workflow-automation h2,
.features-swiper-section.about > .body1 {
  max-width: 560px;
}
.features-swiper-section.si {
  max-width: 760px;
}
.features-swiper-section.si h2,
.features-swiper-section.si > .body1 {
  max-width: unset;
}
.features-swiper-section.si .swiper-wrapper {
  text-align: start;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.features-swiper-section.si ul {
  padding-left: 25px;
  margin: 0;
}
.features-swiper-section > .body1,
.features-swiper-section h2 {
  max-width: 760px;
  width: 100%;
}
.features-swiper-section > .body1,
.features-swiper-section.cms-features h2 {
  margin: 0 auto 80px;
}
.features-swiper-section h2 {
  margin: 0 auto 24px;
}
.features-swiper-section .typography5 {
  margin-bottom: 16px;
}
.features-swiper-section ul {
  text-align: start;
}
.features-swiper-section img {
  width: 64px;
  height: 64px;
  margin-bottom: 40px;
}
.features-swiper-section .swiper {
  height: fit-content;
}
.features-swiper-section .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 40px;
  height: fit-content;
}
.features-swiper-section.cms-benefits .swiper-wrapper,
.features-swiper-section.cms-features .swiper-wrapper,
.features-swiper-section.react .swiper-wrapper,
.features-swiper-section.net .swiper-wrapper,
.features-swiper-section.nodejs .swiper-wrapper,
.features-swiper-section.automation .swiper-wrapper,
.features-swiper-section.ecommerce .swiper-wrapper,
.features-swiper-section.saas .swiper-wrapper,
.features-swiper-section.edge .swiper-wrapper,
.features-swiper-section.cyber-security .swiper-wrapper,
.features-swiper-section.aws .swiper-wrapper,
.features-swiper-section.api .swiper-wrapper,
.features-swiper-section.bpa .swiper-wrapper,
.features-swiper-section.mvp .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: 80px 40px;
}
.features-swiper-section.marketplace .swiper-wrapper,
.features-swiper-section.workflow-automation .swiper-wrapper,
.features-swiper-section.crm .swiper-wrapper,
.features-swiper-section.web-app .swiper-wrapper,
.features-swiper-section.web-app-v2 .swiper-wrapper,
.features-swiper-section.chrome .swiper-wrapper,
.features-swiper-section.safari .swiper-wrapper,
.features-swiper-section.fintech .swiper-wrapper {
  gap: 80px 40px;
}
.features-swiper-section.about .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
}
.features-swiper-section.cms-features .swiper-wrapper {
  text-align: start;
}
.features-swiper-section.cms-features .swiper-wrapper ul {
  padding-left: 22px;
}
.features-swiper-section.ios .swiper-wrapper {
  gap: 40px;
}
.features-swiper-section .features-swiper.left-position {
  text-align: start;
}
.features-swiper-section .image-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  border-radius: 24px;
}
.features-swiper-section .image-bg img {
  margin-bottom: 0;
  width: 40px;
  height: 40px;
}
.features-swiper-section .swiper-pagination {
  display: none;
}
@media (max-width: 1024px) {
  .features-swiper-section h2 {
    max-width: 600px;
  }
  .features-swiper-section .contact-card {
    padding: 24px;
  }
  .features-swiper-section.hrm h2,
  .features-swiper-section.python-dev-benefits h2,
  .features-swiper-section.api h2 {
    max-width: 650px;
  }
  .features-swiper-section.react h2,
  .features-swiper-section.web-app h2,
  .features-swiper-section.web-app-v2 h2,
  .features-swiper-section.chrome h2,
  .features-swiper-section.safari h2,
  .features-swiper-section.automation h2,
  .features-swiper-section.saas h2,
  .features-swiper-section.cyber-security h2,
  .features-swiper-section.cms-features h2,
  .features-swiper-section.bpa h2,
  .features-swiper-section.mvp h2,
  .features-swiper-section.ios h2 {
    max-width: 760px;
  }
  .features-swiper-section.cms-benefits .swiper-wrapper,
  .features-swiper-section.react .swiper-wrapper,
  .features-swiper-section.net .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .features-swiper-section.nodejs .swiper-wrapper,
  .features-swiper-section.cms-features .swiper-wrapper {
    gap: 40px 24px;
  }
  .features-swiper-section.about .swiper-wrapper {
    gap: 24px;
  }
}
@media (max-width: 800px) {
  .features-swiper-section {
    padding-bottom: 200px;
  }
  .features-swiper-section .contact-card {
    display: none;
  }
  .features-swiper-section.small-container .swiper-wrapper {
    gap: 24px;
  }
  .features-swiper-section.on-demand h2,
  .features-swiper-section.fintech h2 {
    max-width: 650px;
  }
  .features-swiper-section.crm,
  .features-swiper-section.cloud-app {
    padding-bottom: 180px;
  }
  .features-swiper-section.cms-benefits .swiper-wrapper,
  .features-swiper-section.crm .swiper-wrapper,
  .features-swiper-section.marketplace .swiper-wrapper,
  .features-swiper-section.workflow-automation .swiper-wrapper,
  .features-swiper-section.react .swiper-wrapper,
  .features-swiper-section.web-app .swiper-wrapper,
  .features-swiper-section.chrome .swiper-wrapper,
  .features-swiper-section.net .swiper-wrapper,
  .features-swiper-section.safari .swiper-wrapper,
  .features-swiper-section.automation .swiper-wrapper {
    gap: 72px 24px;
  }
  .features-swiper-section.ecommerce .swiper-wrapper,
  .features-swiper-section.saas .swiper-wrapper,
  .features-swiper-section.edge .swiper-wrapper,
  .features-swiper-section.cyber-security .swiper-wrapper,
  .features-swiper-section.aws .swiper-wrapper,
  .features-swiper-section.api .swiper-wrapper,
  .features-swiper-section.bpa .swiper-wrapper,
  .features-swiper-section.web-app-v2 .swiper-wrapper,
  .features-swiper-section.fintech .swiper-wrapper {
    gap: 40px 24px;
  }
  .features-swiper-section.workflow-automation h2,
  .features-swiper-section.automation h2 {
    max-width: inherit;
  }
  .features-swiper-section .swiper-wrapper,
  .features-swiper-section.cms-benefits .swiper-wrapper,
  .features-swiper-section.react .swiper-wrapper,
  .features-swiper-section.net .swiper-wrapper,
  .features-swiper-section.automation .swiper-wrapper,
  .features-swiper-section.ecommerce .swiper-wrapper,
  .features-swiper-section.saas .swiper-wrapper,
  .features-swiper-section.edge .swiper-wrapper,
  .features-swiper-section.cyber-security .swiper-wrapper,
  .features-swiper-section.aws .swiper-wrapper,
  .features-swiper-section.api .swiper-wrapper,
  .features-swiper-section.bpa .swiper-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
  .features-swiper-section.about .swiper-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
  .features-swiper-section.nodejs .swiper-wrapper,
  .features-swiper-section.cms-features .swiper-wrapper,
  .features-swiper-section.mvp .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .features-swiper-section.ios .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .features-swiper-section.mvp .swiper-wrapper {
    gap: 40px 24px;
  }
  .features-swiper-section .swiper-wrapper {
    gap: 64px 24px;
  }
  .features-swiper-section > .body1,
  .features-swiper-section.cms-features h2 {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .features-swiper-section {
    padding-bottom: 120px;
  }
  .features-swiper-section.crm,
  .features-swiper-section.cloud-app {
    padding-bottom: 120px;
  }
  .features-swiper-section > .body1,
  .features-swiper-section.cms-features h2 {
    margin-bottom: 56px;
  }
  .features-swiper-section .swiper-wrapper,
  .features-swiper-section.small-container .swiper-wrapper,
  .features-swiper-section.cms-benefits .swiper-wrapper,
  .features-swiper-section.crm .swiper-wrapper,
  .features-swiper-section.marketplace .swiper-wrapper,
  .features-swiper-section.workflow-automation .swiper-wrapper,
  .features-swiper-section.react .swiper-wrapper,
  .features-swiper-section.web-app .swiper-wrapper,
  .features-swiper-section.web-app-v2 .swiper-wrapper,
  .features-swiper-section.si .swiper-wrapper,
  .features-swiper-section.chrome .swiper-wrapper,
  .features-swiper-section.net .swiper-wrapper,
  .features-swiper-section.nodejs .swiper-wrapper,
  .features-swiper-section.safari .swiper-wrapper,
  .features-swiper-section.automation .swiper-wrapper,
  .features-swiper-section.ecommerce .swiper-wrapper,
  .features-swiper-section.saas .swiper-wrapper,
  .features-swiper-section.edge .swiper-wrapper,
  .features-swiper-section.cyber-security .swiper-wrapper,
  .features-swiper-section.aws .swiper-wrapper,
  .features-swiper-section.about .swiper-wrapper,
  .features-swiper-section.cms-features .swiper-wrapper,
  .features-swiper-section.api .swiper-wrapper,
  .features-swiper-section.bpa .swiper-wrapper,
  .features-swiper-section.mvp .swiper-wrapper,
  .features-swiper-section.fintech .swiper-wrapper,
  .features-swiper-section.ios .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .features-swiper-section .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 64px;
  }
  .features-swiper-section .features-swiper-card {
    max-width: 450px;
    margin: 0 auto;
  }
  .features-swiper-section .swiper-pagination {
    display: block;
  }
  .features-swiper-section.si .swiper-wrapper,
  .features-swiper-section.cms-features .swiper-wrapper {
    text-align: center;
  }
  .features-swiper-section.si .typography5,
  .features-swiper-section.cms-features .typography5 {
    max-width: 400px;
    margin: 0 auto 16px;
  }
  .features-swiper-section.si ul li.body1,
  .features-swiper-section.cms-features ul li.body1 {
    max-width: fit-content;
  }
  .features-swiper-section.about .typography5 {
    max-width: 285px;
    margin-left: auto;
    margin-right: auto;
  }
}
.ultramarine-blue-bg {
  background: rgba(63, 98, 241, 0.16);
}
.water-bg {
  background: rgba(0, 171, 190, 0.16);
}
.misty-rose-bg {
  background: rgba(255, 81, 79, 0.16);
}
.lavender-bg {
  background: rgba(117, 75, 242, 0.16);
}
.light-cyan-bg {
  background: rgba(61, 177, 255, 0.16);
}
.conditioner-bg {
  background: rgba(255, 204, 62, 0.16);
}
.nodejs-apps {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 80px;
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .nodejs-apps {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .nodejs-apps {
    padding: 0 20px 200px;
  }
}
.nodejs-apps .nodejs-apps-header {
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
}
.nodejs-apps .nodejs-apps-header h2 {
  min-width: 466px;
}
.nodejs-apps .nodejs-apps-cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 24px;
}
.nodejs-apps .nodejs-apps-cards-container:not(.showAll) .nodejs-apps-card:not(:nth-child(-n + 6)) {
  display: none;
}
.nodejs-apps .nodejs-apps-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 16px;
}
.nodejs-apps .nodejs-apps-card .typography6,
.nodejs-apps .nodejs-apps-card .typography4 {
  margin-bottom: 12px;
}
.nodejs-apps .nodejs-apps-card .body1 {
  color: #ffffff;
}
.nodejs-apps .nodejs-apps-card .preview-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px;
  object-fit: cover;
}
.nodejs-apps .nodejs-apps-card .card-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.nodejs-apps .nodejs-apps-card .card-content .body1:not(:last-child) {
  margin-bottom: 8px;
}
.nodejs-apps .nodejs-apps-card .text-button {
  margin-top: auto;
}
.nodejs-apps .nodejs-apps-card .text-button:hover {
  background: none;
  opacity: 1;
}
.nodejs-apps .nodejs-apps-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (max-width: 575px) {
  .nodejs-apps .nodejs-apps-card {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 15px 24px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .nodejs-apps .nodejs-apps-card .preview-img {
    padding: 9px;
    border-radius: 16px;
  }
  .nodejs-apps .nodejs-apps-card .preview-img img,
  .nodejs-apps .nodejs-apps-card .preview-img svg {
    height: 30px;
    width: 30px;
  }
  .nodejs-apps .nodejs-apps-card .card-content {
    flex-direction: row;
    gap: 10px;
    padding: 0;
  }
  .nodejs-apps .nodejs-apps-card .card-content .body1 {
    display: none;
  }
  .nodejs-apps .nodejs-apps-card .typography6,
  .nodejs-apps .nodejs-apps-card .typography4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.4px;
  }
  .nodejs-apps .nodejs-apps-card .text-button {
    margin-top: 0;
    margin-left: auto;
  }
  .nodejs-apps .nodejs-apps-card .text-button p {
    display: none;
  }
  .nodejs-apps .nodejs-apps-card .text-button svg {
    fill: rgba(255, 255, 255, 0.64);
    margin-left: 0;
  }
}
@media (max-width: 370px) {
  .nodejs-apps .nodejs-apps-card {
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    text-align: center;
  }
  .nodejs-apps .nodejs-apps-card .card-content {
    flex-direction: column;
  }
  .nodejs-apps .nodejs-apps-card .text-button {
    margin: 0 auto;
  }
}
.nodejs-apps .outlined-button-standard {
  display: flex;
  align-items: center;
}
.nodejs-apps .outlined-button-standard svg {
  margin-left: 12px;
  width: 12px;
  min-width: 12px;
  height: 15px;
  fill: #ffffff;
}
.nodejs-apps .outlined-button-standard.open svg {
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .nodejs-apps .nodejs-apps-header div {
    max-width: 393px;
  }
  .nodejs-apps .nodejs-apps-header div,
  .nodejs-apps .nodejs-apps-header h2 {
    flex: 1 1 0;
    min-width: unset;
  }
  .nodejs-apps .nodejs-apps-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .nodejs-apps .nodejs-apps-cards-container:not(.showAll) .nodejs-apps-card:not(:nth-child(-n + 4)) {
    display: none;
  }
}
@media (max-width: 800px) {
  .nodejs-apps {
    padding-bottom: 180px;
    row-gap: 72px;
  }
  .nodejs-apps .nodejs-apps-header {
    flex-direction: column;
    text-align: center;
  }
  .nodejs-apps .nodejs-apps-header div {
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .nodejs-apps {
    padding-bottom: 120px;
    row-gap: 56px;
  }
  .nodejs-apps .nodejs-apps-cards-container {
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
  }
}
.social-media-apps-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(63, 98, 241, 0.2), rgba(63, 98, 241, 0.2)), #040331;
}
.logistics-apps-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(117, 75, 242, 0.2), rgba(117, 75, 242, 0.2)), #040331;
}
.streaming-services-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(185, 59, 216, 0.2), rgba(185, 59, 216, 0.2)), #040331;
}
.book-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(225, 54, 114, 0.2), rgba(225, 54, 114, 0.2)), #040331;
}
.payment-apps-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(255, 81, 79, 0.2), rgba(255, 81, 79, 0.2)), #040331;
}
.web-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(255, 111, 7, 0.2), rgba(255, 111, 7, 0.2)), #040331;
}
.marketplace-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(255, 204, 62, 0.2), rgba(255, 204, 62, 0.2)), #040331;
}
.chatbots-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(124, 198, 21, 0.2), rgba(124, 198, 21, 0.2)), #040331;
}
.data-storage-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(12, 214, 110, 0.2), rgba(12, 214, 110, 0.2)), #040331;
}
.workforce-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(0, 171, 190, 0.2), rgba(0, 171, 190, 0.2)), #040331;
}
.content-management-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(61, 177, 255, 0.2), rgba(61, 177, 255, 0.2)), #040331;
}
.delivery-management-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(63, 98, 241, 0.2), rgba(63, 98, 241, 0.2)), #040331;
}
.order-management-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(117, 75, 242, 0.2), rgba(117, 75, 242, 0.2)), #040331;
}
.hrm-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(185, 59, 216, 0.2), rgba(185, 59, 216, 0.2)), #040331;
}
.progressive-web-app {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 85px;
}
@media (max-width: 800px) {
  .progressive-web-app {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .progressive-web-app {
    padding: 0 20px 200px;
  }
}
.progressive-web-app h2 {
  max-width: 564px;
  flex: 1 1 0;
}
.progressive-web-app .body1 {
  max-width: 466px;
  flex: 1 1 0;
}
@media (max-width: 1024px) {
  .progressive-web-app h2 {
    max-width: 476px;
  }
  .progressive-web-app .body1 {
    max-width: 416px;
  }
}
@media (max-width: 800px) {
  .progressive-web-app {
    padding-bottom: 180px;
    column-gap: 50px;
  }
  .progressive-web-app h2 {
    max-width: 280px;
  }
  .progressive-web-app .body1 {
    max-width: 360px;
  }
}
@media (max-width: 575px) {
  .progressive-web-app {
    padding-bottom: 120px;
    flex-direction: column;
    text-align: center;
  }
  .progressive-web-app h2,
  .progressive-web-app .body1 {
    max-width: unset;
  }
}
.si-dev-approaches {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 800px) {
  .si-dev-approaches {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .si-dev-approaches {
    padding: 0 20px 240px;
  }
}
.si-dev-approaches > div:first-of-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.si-dev-approaches > div:first-of-type h2 {
  max-width: 782px;
  margin-bottom: 24px;
}
.si-dev-approaches > div:first-of-type .body1 {
  max-width: 760px;
}
.si-dev-approaches .card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px 50px;
}
.si-dev-approaches .card .card-content {
  max-width: 357px;
}
.si-dev-approaches .card .img-container {
  max-width: 624px;
}
.si-dev-approaches .card .card-content,
.si-dev-approaches .card .img-container {
  flex: 1 1 0;
}
.si-dev-approaches .card img {
  width: 100%;
  max-height: 350px;
  object-fit: contain;
}
.si-dev-approaches .card .typography5 {
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .si-dev-approaches .card .img-container {
    max-width: 512px;
  }
  .si-dev-approaches .card img {
    max-height: 291px;
  }
}
@media (max-width: 800px) {
  .si-dev-approaches {
    gap: 72px;
    padding-bottom: 200px;
  }
  .si-dev-approaches .card .card-content {
    max-width: 266px;
  }
  .si-dev-approaches .card img {
    max-height: 240px;
  }
}
@media (max-width: 575px) {
  .si-dev-approaches {
    gap: 56px;
    padding-bottom: 120px;
  }
  .si-dev-approaches .card {
    flex-direction: column-reverse;
  }
  .si-dev-approaches .card img {
    max-height: unset;
  }
  .si-dev-approaches .card .card-content,
  .si-dev-approaches .card .img-container {
    max-width: unset;
    text-align: center;
  }
}
.colored-cards-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .colored-cards-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .colored-cards-section {
    padding: 0 20px 240px;
  }
}
.colored-cards-section > div:first-of-type {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 0 auto 80px;
  max-width: 760px;
  text-align: center;
}
.colored-cards-section .colored-cards-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.colored-cards-section .contact-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 40px;
  max-width: unset;
  text-align: start;
}
.colored-cards-section .contact-card .body1 {
  margin: 0;
}
.colored-cards-section .contact-card .typography4 {
  margin-bottom: 8px;
}
.colored-cards-section .contact-card button {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .colored-cards-section .colored-cards-container {
    grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
  }
  .colored-cards-section .contact-card button {
    margin-top: 40px;
  }
}
@media (max-width: 800px) {
  .colored-cards-section {
    padding-bottom: 200px;
  }
  .colored-cards-section > div:first-of-type {
    margin-bottom: 72px;
  }
  .colored-cards-section .colored-cards-container {
    grid-template-columns: 1fr;
  }
  .colored-cards-section .contact-card {
    display: none;
  }
}
@media (max-width: 575px) {
  .colored-cards-section {
    padding-bottom: 120px;
  }
  .colored-cards-section > div:first-of-type {
    margin-bottom: 56px;
  }
}
a.colored-card {
  cursor: pointer;
  transition: transform 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  a.colored-card:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 575px) {
  a.colored-card:active {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
@media (max-width: 575px) and (hover: hover) and (pointer: fine) {
  a.colored-card:hover {
    transform: none;
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
.colored-card {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: 37px;
  -webkit-backdrop-filter: 37px;
  border-radius: 16px;
}
.colored-card .typography6,
.colored-card .typography4 {
  margin-bottom: 12px;
}
.colored-card .body1 {
  color: #ffffff;
}
.colored-card .preview-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 40px;
  object-fit: cover;
}
.colored-card .card-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.colored-card .card-content .body1:not(:last-child) {
  margin-bottom: 8px;
}
.colored-card .text-button {
  margin-top: auto;
}
.colored-card .text-button:hover {
  background: none;
  opacity: 1;
}
.colored-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (max-width: 575px) {
  .colored-card {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 15px 24px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .colored-card .preview-img {
    padding: 9px;
    border-radius: 16px;
  }
  .colored-card .preview-img img,
  .colored-card .preview-img svg {
    height: 30px;
    width: 30px;
  }
  .colored-card .card-content {
    flex-direction: row;
    gap: 10px;
    padding: 0;
  }
  .colored-card .card-content .body1 {
    display: none;
  }
  .colored-card .typography6,
  .colored-card .typography4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.4px;
  }
  .colored-card .text-button {
    margin-top: 0;
    margin-left: auto;
  }
  .colored-card .text-button p {
    display: none;
  }
  .colored-card .text-button svg {
    fill: rgba(255, 255, 255, 0.64);
    margin-left: 0;
  }
}
@media (max-width: 370px) {
  .colored-card {
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    text-align: center;
  }
  .colored-card .card-content {
    flex-direction: column;
  }
  .colored-card .text-button {
    margin: 0 auto;
  }
}
.colored-card .typography6 {
  letter-spacing: 0.3px;
}
.colored-card .card-content {
  padding: 24px;
}
.colored-card .card-content .body1:not(:last-child) {
  margin-bottom: 16px;
}
.colored-card img {
  height: 120px;
  width: 120px;
}
@media (max-width: 800px) {
  .colored-card img {
    height: 100px;
    width: 100px;
  }
}
@media (max-width: 575px) {
  .colored-card .card-content {
    padding: 0;
  }
}
.gradient-indigo-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(61, 177, 255, 0.2), rgba(61, 177, 255, 0.2)), #040331;
}
.gradient-cloud-burst-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(63, 98, 241, 0.2), rgba(63, 98, 241, 0.2)), #040331;
}
.gradient-american-purple-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(185, 59, 216, 0.2), rgba(185, 59, 216, 0.2)), #040331;
}
.gradient-msu-green-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(12, 214, 110, 0.2), rgba(12, 214, 110, 0.2)), #040331;
}
.gradient-black-coffee-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(255, 111, 7, 0.2), rgba(255, 111, 7, 0.2)), #040331;
}
.gradient-russian-violet-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(225, 54, 114, 0.2), rgba(225, 54, 114, 0.2)), #040331;
}
.gradient-space-cadet-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(0, 171, 190, 0.2), rgba(0, 171, 190, 0.2)), #040331;
}
.gradient-dark-puce-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(255, 204, 62, 0.2), rgba(255, 204, 62, 0.2)), #040331;
}
.gradient-medium-slate-blue-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(117, 75, 242, 0.2), rgba(117, 75, 242, 0.2)), #040331;
}
.gradient-dark-purple-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(255, 81, 79, 0.2), rgba(255, 81, 79, 0.2)), #040331;
}
.gradient-gunmetal-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(4, 3, 49, 0.08) 100%), linear-gradient(0deg, rgba(124, 198, 21, 0.2), rgba(124, 198, 21, 0.2)), #040331;
}
.saas-dev {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 85px;
}
@media (max-width: 800px) {
  .saas-dev {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .saas-dev {
    padding: 0 20px 200px;
  }
}
.saas-dev h2 {
  flex: 1 1 0;
}
.saas-dev .body1 {
  max-width: 466px;
}
@media (max-width: 1024px) {
  .saas-dev .body1 {
    max-width: 416px;
  }
}
@media (max-width: 800px) {
  .saas-dev {
    padding-bottom: 180px;
    column-gap: 35px;
  }
  .saas-dev .body1 {
    max-width: 360px;
  }
}
@media (max-width: 575px) {
  .saas-dev {
    padding-bottom: 120px;
    flex-direction: column;
    text-align: center;
  }
  .saas-dev .body1 {
    max-width: unset;
  }
}
.saas-benefits {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .saas-benefits {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .saas-benefits {
    padding: 0 20px 240px;
  }
}
.saas-benefits > div:first-of-type {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 0 auto 80px;
  max-width: 760px;
  text-align: center;
}
.saas-benefits .benefit-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 40px;
}
.saas-benefits .benefit-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  gap: 8px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(37px);
  -webkit-backdrop-filter: blur(37px);
  border-radius: 16px;
  box-sizing: border-box;
}
.saas-benefits .benefit-card p:not(.typography2) {
  font-size: 18px;
}
@media (max-width: 800px) {
  .saas-benefits .benefit-card {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .saas-benefits .benefit-card {
    padding: 40px;
  }
}
@media (max-width: 1024px) {
  .saas-benefits .benefit-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .saas-benefits {
    padding-bottom: 200px;
  }
  .saas-benefits > div:first-of-type {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .saas-benefits {
    padding-bottom: 120px;
  }
  .saas-benefits .benefit-cards-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .saas-benefits > div:first-of-type {
    margin-bottom: 56px;
  }
}
.paas-saas-iaas {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px 86px;
}
@media (max-width: 800px) {
  .paas-saas-iaas {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .paas-saas-iaas {
    padding: 0 20px 240px;
  }
}
.paas-saas-iaas .paas-saas-iaas-content {
  max-width: 466px;
}
.paas-saas-iaas .body1 {
  margin-top: 24px;
}
.paas-saas-iaas .img-container {
  max-width: 465.36px;
  width: 100%;
}
.paas-saas-iaas img {
  width: 100%;
}
.paas-saas-iaas > div {
  flex: 1 1 0;
}
@media (max-width: 1024px) {
  .paas-saas-iaas .img-container {
    max-width: 423px;
  }
}
@media (max-width: 800px) {
  .paas-saas-iaas {
    flex-direction: column;
    padding-bottom: 200px;
  }
  .paas-saas-iaas .paas-saas-iaas-content {
    max-width: unset;
    text-align: center;
  }
  .paas-saas-iaas .img-container {
    max-width: 541.51px;
  }
}
@media (max-width: 575px) {
  .paas-saas-iaas {
    column-gap: 56px;
    padding-bottom: 120px;
  }
}
.why-fively {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .why-fively {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .why-fively {
    padding: 0 20px 240px;
  }
}
.why-fively > div:first-of-type:not(.info-cards-container) {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin: 0 auto 80px;
}
.why-fively > div:first-of-type:not(.info-cards-container) .body1 {
  max-width: 616px;
}
.why-fively .info-cards-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.why-fively .info-cards-container .body1 {
  margin-top: 24px;
}
.why-fively .info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  gap: 8px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 16px;
  box-sizing: border-box;
}
.why-fively .info-card p:not(.typography2) {
  font-size: 18px;
}
@media (max-width: 800px) {
  .why-fively .info-card {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .why-fively .info-card {
    padding: 40px;
  }
}
.why-fively.small-container {
  max-width: 760px;
}
.why-fively.small-container > div:first-of-type:not(.info-cards-container) {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.why-fively.small-container > div:first-of-type:not(.info-cards-container) .body1 {
  max-width: unset;
}
.why-fively.small-container .info-cards-container {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1024px) {
  .why-fively .info-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .why-fively > div:first-of-type:not(.info-cards-container) h2,
  .why-fively > div:first-of-type:not(.info-cards-container) .body1 {
    flex: 1 1 0;
    max-width: unset;
  }
}
@media (max-width: 800px) {
  .why-fively {
    padding-bottom: 200px;
  }
  .why-fively > div:first-of-type:not(.info-cards-container) {
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .why-fively {
    padding-bottom: 120px;
  }
  .why-fively > div:first-of-type:not(.info-cards-container) {
    margin-bottom: 56px;
  }
  .why-fively .info-cards-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .why-fively.small-container .info-cards-container {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.cyber-security-benefits {
  max-width: 760px;
  padding: 0 24px 120px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .cyber-security-benefits {
    padding: 0 32px 120px;
  }
}
@media (max-width: 575px) {
  .cyber-security-benefits {
    padding: 0 20px 120px;
  }
}
.cyber-security-benefits > div:first-of-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: 0 auto 80px;
  text-align: center;
}
.cyber-security-benefits .cards-container {
  display: flex;
  gap: 40px;
}
.cyber-security-benefits .cards-container > div {
  flex: 1 1 0;
}
.cyber-security-benefits .cards-container .typography4 {
  margin-bottom: 40px;
}
.cyber-security-benefits .business-benefit-card.open .collapse-button,
.cyber-security-benefits .customer-benefit-card.open .collapse-button {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid #00abbe;
  color: #00abbe;
  fill: #00abbe;
  box-sizing: border-box;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .cyber-security-benefits .business-benefit-card.open .collapse-button,
  .cyber-security-benefits .customer-benefit-card.open .collapse-button {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
}
.cyber-security-benefits .business-benefit-card.open .collapse-button svg,
.cyber-security-benefits .customer-benefit-card.open .collapse-button svg {
  transform: rotate(180deg);
  fill: #00abbe;
}
.cyber-security-benefits .business-benefit-card p,
.cyber-security-benefits .customer-benefit-card p,
.cyber-security-benefits .business-benefit-card .body1,
.cyber-security-benefits .customer-benefit-card .body1 {
  color: #ffffff;
}
.cyber-security-benefits .business-benefit-card ul,
.cyber-security-benefits .customer-benefit-card ul {
  padding-left: 20px;
}
.cyber-security-benefits .business-benefit-card .collapse-button,
.cyber-security-benefits .customer-benefit-card .collapse-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  padding: 15px 24px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  overflow-x: auto;
}
.cyber-security-benefits .business-benefit-card .collapse-button svg,
.cyber-security-benefits .customer-benefit-card .collapse-button svg {
  width: 10px;
  min-width: 10px;
  height: 10px;
  fill: #ffffff;
  transition: 0.2s ease-out;
}
.cyber-security-benefits .business-benefit-card .collapse-button:active,
.cyber-security-benefits .customer-benefit-card .collapse-button:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
  color: #00abbe;
}
.cyber-security-benefits .business-benefit-card .collapse-button:active svg,
.cyber-security-benefits .customer-benefit-card .collapse-button:active svg {
  fill: #00abbe;
}
.cyber-security-benefits .business-benefit-card .collapse-content,
.cyber-security-benefits .customer-benefit-card .collapse-content {
  padding: 0 24px;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.cyber-security-benefits .business-benefit-card .collapse-content ul:first-child,
.cyber-security-benefits .customer-benefit-card .collapse-content ul:first-child,
.cyber-security-benefits .business-benefit-card .collapse-content p:first-child,
.cyber-security-benefits .customer-benefit-card .collapse-content p:first-child,
.cyber-security-benefits .business-benefit-card .collapse-content a:first-child,
.cyber-security-benefits .customer-benefit-card .collapse-content a:first-child {
  margin-top: 32px;
}
.cyber-security-benefits .business-benefit-card .collapse-content ul:last-child,
.cyber-security-benefits .customer-benefit-card .collapse-content ul:last-child,
.cyber-security-benefits .business-benefit-card .collapse-content p:last-child,
.cyber-security-benefits .customer-benefit-card .collapse-content p:last-child,
.cyber-security-benefits .business-benefit-card .collapse-content a:last-child,
.cyber-security-benefits .customer-benefit-card .collapse-content a:last-child {
  margin-bottom: 24px;
}
.cyber-security-benefits .business-benefit-card .text-button,
.cyber-security-benefits .customer-benefit-card .text-button {
  margin-top: 20px;
}
.cyber-security-benefits .business-benefit-card .text-button svg,
.cyber-security-benefits .customer-benefit-card .text-button svg {
  width: 17px;
  height: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .cyber-security-benefits .business-benefit-card .collapse-button:hover,
  .cyber-security-benefits .customer-benefit-card .collapse-button:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
    color: #00abbe;
  }
  .cyber-security-benefits .business-benefit-card .collapse-button:hover svg,
  .cyber-security-benefits .customer-benefit-card .collapse-button:hover svg {
    fill: #00abbe;
  }
}
.cyber-security-benefits .business-benefit-card:not(:last-of-type),
.cyber-security-benefits .customer-benefit-card:not(:last-of-type) {
  margin-bottom: 16px;
}
@media (max-width: 800px) {
  .cyber-security-benefits {
    padding-bottom: 100px;
  }
  .cyber-security-benefits > div:first-of-type {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .cyber-security-benefits {
    padding-bottom: 120px;
  }
  .cyber-security-benefits > div:first-of-type {
    margin-bottom: 56px;
  }
  .cyber-security-benefits .cards-container {
    flex-direction: column;
    gap: 56px;
  }
  .cyber-security-benefits .cards-container .typography4 {
    font-size: 20px;
    line-height: 30px;
  }
}
.api-meaning {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  gap: 24px 45px;
}
@media (max-width: 800px) {
  .api-meaning {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .api-meaning {
    padding: 0 20px 200px;
  }
}
.api-meaning h2,
.api-meaning div {
  flex: 1 1 0;
}
.api-meaning .body1:first-of-type {
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .api-meaning {
    padding-bottom: 180px;
  }
  .api-meaning h2 {
    max-width: 325px;
  }
}
@media (max-width: 575px) {
  .api-meaning {
    padding-bottom: 120px;
    flex-direction: column;
    text-align: center;
  }
  .api-meaning h2 {
    max-width: unset;
  }
}
.api-impact {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 45px;
}
@media (max-width: 800px) {
  .api-impact {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .api-impact {
    padding: 0 20px 240px;
  }
}
.api-impact div {
  max-width: 367px;
}
.api-impact h2 {
  max-width: 662px;
}
.api-impact .body1:first-of-type {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .api-impact div {
    max-width: 393px;
  }
}
@media (max-width: 800px) {
  .api-impact {
    padding-bottom: 200px;
  }
  .api-impact h2 {
    max-width: 360px;
  }
  .api-impact div {
    max-width: 266px;
  }
}
@media (max-width: 575px) {
  .api-impact {
    padding-bottom: 120px;
    flex-direction: column;
    text-align: center;
  }
  .api-impact h2,
  .api-impact div {
    max-width: unset;
  }
}
.bpm {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
}
@media (max-width: 800px) {
  .bpm {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .bpm {
    padding: 0 20px 200px;
  }
}
.bpm p {
  max-width: 368px;
}
.bpm h2 {
  max-width: 662px;
}
@media (max-width: 1024px) {
  .bpm p {
    max-width: 309px;
  }
}
@media (max-width: 800px) {
  .bpm {
    padding-bottom: 180px;
  }
  .bpm h2 {
    max-width: 360px;
  }
  .bpm p {
    max-width: 266px;
  }
}
@media (max-width: 575px) {
  .bpm {
    padding-bottom: 120px;
    flex-direction: column;
    text-align: center;
  }
  .bpm h2,
  .bpm p {
    max-width: unset;
  }
}
.mvp-dev {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 50px;
}
@media (max-width: 800px) {
  .mvp-dev {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .mvp-dev {
    padding: 0 20px 200px;
  }
}
.mvp-dev p {
  max-width: 466px;
}
.mvp-dev h2 {
  max-width: 662px;
}
@media (max-width: 1024px) {
  .mvp-dev p {
    max-width: 309px;
  }
}
@media (max-width: 800px) {
  .mvp-dev {
    padding-bottom: 180px;
  }
  .mvp-dev h2,
  .mvp-dev p {
    max-width: 360px;
  }
}
@media (max-width: 575px) {
  .mvp-dev {
    padding-bottom: 120px;
    flex-direction: column;
    text-align: center;
  }
  .mvp-dev h2,
  .mvp-dev p {
    max-width: unset;
  }
}
.mvp-dev-steps {
  max-width: 1152px;
  padding: 0 24px 120px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .mvp-dev-steps {
    padding: 0 32px 120px;
  }
}
@media (max-width: 575px) {
  .mvp-dev-steps {
    padding: 0 20px 120px;
  }
}
.mvp-dev-steps div {
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
  margin-bottom: 80px;
}
.mvp-dev-steps div p {
  max-width: 466px;
}
.mvp-dev-steps img {
  width: 100%;
}
@media (max-width: 1024px) {
  .mvp-dev-steps div p {
    max-width: 337px;
  }
  .mvp-dev-steps div h2 {
    max-width: 420px;
  }
}
@media (max-width: 800px) {
  .mvp-dev-steps {
    padding-bottom: 100px;
  }
  .mvp-dev-steps div {
    flex-direction: column;
  }
  .mvp-dev-steps div p,
  .mvp-dev-steps div h2 {
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .mvp-dev-steps {
    display: none;
  }
}
.ai-healthcare {
  max-width: 1152px;
  padding: 0 24px 120px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .ai-healthcare {
    padding: 0 32px 120px;
  }
}
@media (max-width: 575px) {
  .ai-healthcare {
    padding: 0 20px 120px;
  }
}
.ai-healthcare div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
  margin-bottom: 80px;
}
.ai-healthcare div:first-of-type p {
  max-width: 466px;
}
.ai-healthcare div:first-of-type h2 {
  max-width: 564px;
}
.ai-healthcare img {
  max-width: 100%;
  width: 1152px;
}
@media (max-width: 1024px) {
  .ai-healthcare div:first-of-type p {
    flex: 1 1 0;
    max-width: 393px;
  }
  .ai-healthcare div:first-of-type h2 {
    flex: 1 1 0;
    max-width: 420px;
  }
}
@media (max-width: 800px) {
  .ai-healthcare {
    padding-bottom: 100px;
  }
  .ai-healthcare div:first-of-type {
    flex-direction: column;
  }
  .ai-healthcare div:first-of-type p,
  .ai-healthcare div:first-of-type h2 {
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .ai-healthcare {
    padding-bottom: 120px;
  }
  .ai-healthcare img {
    display: none;
  }
  .ai-healthcare div:first-of-type {
    margin-bottom: 0;
  }
}
.open-positions {
  max-width: 760px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .open-positions {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .open-positions {
    padding: 0 20px 240px;
  }
}
.open-positions h2,
.open-positions .body1 {
  text-align: center;
}
.open-positions h2 {
  margin-bottom: 24px;
}
.open-positions .body1 {
  margin-bottom: 80px;
}
.open-positions .position-cards-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.open-positions .position-card {
  display: grid;
  grid-template-areas: "category button" "title title" "tags .";
  grid-template-columns: 1fr auto;
  gap: 8px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.2s ease-out;
}
.open-positions .position-card .arrow {
  display: none;
}
.open-positions .position-card .text-button {
  grid-area: button;
}
.open-positions .position-card .text-button:hover,
.open-positions .position-card .text-button:active {
  background: none;
}
.open-positions .position-card .typography5 {
  grid-area: title;
  margin-bottom: 8px;
}
.open-positions .position-card .overline {
  grid-area: category;
  align-self: center;
  color: #00abbe;
}
.open-positions .position-card .position-tag {
  display: flex;
  gap: 8px;
}
.open-positions .position-card .tags-container {
  display: flex;
  gap: 12px 24px;
}
@media (hover: hover) and (pointer: fine) {
  .open-positions .position-card:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 800px) {
  .open-positions {
    padding-bottom: 200px;
  }
  .open-positions .body1 {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .open-positions {
    padding-bottom: 120px;
  }
  .open-positions .body1 {
    margin-bottom: 56px;
  }
  .open-positions .position-card {
    grid-template-areas: "category" "title" "tags" "button";
    grid-template-columns: 1fr;
  }
  .open-positions .position-card .text-button {
    margin-top: 8px;
  }
  .open-positions .position-card .arrow {
    display: block;
  }
  .open-positions .position-card .arrow-outward {
    display: none;
  }
}
@media (max-width: 370px) {
  .open-positions .position-card .tags-container {
    flex-wrap: wrap;
  }
}
.hiring-process {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .hiring-process {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .hiring-process {
    padding: 0 20px 240px;
  }
}
.hiring-process h2 {
  max-width: 772px;
  margin: 0 auto;
}
.hiring-process .body1 {
  max-width: 760px;
  margin: 24px auto 80px;
}
.hiring-process h2,
.hiring-process .body1 {
  text-align: center;
}
.hiring-process img {
  width: 1152px;
  max-width: 100%;
}
.hiring-process .steps-container {
  display: none;
}
@media (max-width: 800px) {
  .hiring-process {
    padding-bottom: 200px;
  }
  .hiring-process .body1 {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .hiring-process {
    padding-bottom: 120px;
  }
  .hiring-process .body1 {
    margin-bottom: 56px;
  }
  .hiring-process .img-container {
    display: none;
  }
  .hiring-process .steps-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .hiring-process .step {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 16px;
  }
}
.specialists-feedback {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-bottom: 240px;
}
.specialists-feedback .specialists-feedback-header {
  max-width: 1152px;
  padding: 0 24px 0px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 50px;
  width: calc(100% - 48px);
}
@media (max-width: 800px) {
  .specialists-feedback .specialists-feedback-header {
    padding: 0 32px 0px;
  }
}
@media (max-width: 575px) {
  .specialists-feedback .specialists-feedback-header {
    padding: 0 20px 0px;
  }
}
.specialists-feedback .specialists-feedback-header h2 {
  max-width: 556px;
}
.specialists-feedback .specialists-feedback-header .body1 {
  max-width: 458px;
}
.specialists-feedback .swiper-slide {
  max-width: 357px;
  height: auto;
}
.specialists-feedback .swiper-buttons {
  margin-top: 0px;
}
.specialists-feedback .swiper-pagination {
  display: none;
}
@media (max-width: 1024px) {
  .specialists-feedback .specialists-feedback-header {
    width: 100%;
    box-sizing: border-box;
  }
  .specialists-feedback .specialists-feedback-header .body1,
  .specialists-feedback .specialists-feedback-header h2 {
    flex: 1 1 0;
  }
  .specialists-feedback .specialists-feedback-header .body1 {
    max-width: 393px;
  }
}
@media (max-width: 800px) {
  .specialists-feedback {
    padding-bottom: 200px;
    gap: 72px;
  }
  .specialists-feedback .specialists-feedback-header {
    flex-direction: column;
  }
  .specialists-feedback .specialists-feedback-header .body1,
  .specialists-feedback .specialists-feedback-header h2 {
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .specialists-feedback {
    padding-bottom: 120px;
    gap: 56px;
  }
  .specialists-feedback .swiper-slide {
    margin-bottom: 64px;
    max-width: 335px;
  }
  .specialists-feedback .swiper-buttons {
    display: none;
  }
  .specialists-feedback .swiper-pagination {
    display: block;
  }
}
.specialist-feedback {
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
}
.specialist-feedback .feedback-content {
  padding: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.specialist-feedback .feedback-content p {
  font-size: 18px;
  line-height: 28px;
}
.specialist-feedback .author-info {
  display: flex;
  gap: 12px;
  padding: 24px;
}
.specialist-feedback .author-info img {
  margin: 8px 0 0;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  object-fit: cover;
  object-position: top;
}
.company-images-section {
  padding-bottom: 240px;
}
.company-images-section .company-images-section-header {
  max-width: 1152px;
  padding: 0 24px 0px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 50px;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .company-images-section .company-images-section-header {
    padding: 0 32px 0px;
  }
}
@media (max-width: 575px) {
  .company-images-section .company-images-section-header {
    padding: 0 20px 0px;
  }
}
.company-images-section .swiper-slide {
  max-width: 348px;
}
.company-images-section .swiper-slide img {
  border-radius: 16px;
  object-fit: cover;
  max-width: 100%;
}
.company-images-section .swiper-buttons {
  margin-top: 80px;
}
@media (max-width: 800px) {
  .company-images-section {
    padding-bottom: 200px;
  }
  .company-images-section .company-images-section-header {
    margin-bottom: 72px;
  }
  .company-images-section .swiper-buttons {
    margin-top: 72px;
  }
}
@media (max-width: 575px) {
  .company-images-section {
    padding-bottom: 120px;
  }
  .company-images-section .company-images-section-header {
    flex-direction: column;
    margin-bottom: 56px;
  }
  .company-images-section .swiper-slide {
    height: 335px;
    max-width: 335px;
  }
  .company-images-section .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  .company-images-section .swiper-buttons {
    margin-top: 56px;
  }
}
.socials-short-list {
  display: flex;
}
.socials-short-list svg {
  width: 32px;
  height: 32px;
}
.socials-short-list .instagram {
  fill: #e02d69;
  order: 1;
}
.socials-short-list .linkedin {
  fill: #007ebb;
  order: 2;
}
.socials-short-list .twitter {
  fill: #00aaec;
  order: 3;
}
.fly-inside-posts {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-bottom: 240px;
}
.fly-inside-posts .fly-inside-posts-header {
  max-width: 1152px;
  padding: 0 24px 0px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 60px;
  width: calc(100% - 48px);
}
@media (max-width: 800px) {
  .fly-inside-posts .fly-inside-posts-header {
    padding: 0 32px 0px;
  }
}
@media (max-width: 575px) {
  .fly-inside-posts .fly-inside-posts-header {
    padding: 0 20px 0px;
  }
}
.fly-inside-posts .fly-inside-posts-header .body1 {
  max-width: 458px;
}
.fly-inside-posts .fly-inside-posts-header h2 {
  min-width: 350px;
}
.fly-inside-posts .swiper-slide {
  max-width: 270px;
}
.fly-inside-posts .swiper-buttons {
  margin-top: 0px;
}
.fly-inside-posts .post-card .post-info p:not(.typography5) {
  color: rgba(255, 255, 255, 0.64);
}
.fly-inside-posts .post-card .post-info .typography5 {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.fly-inside-posts .post-card .post-img {
  width: 270px;
  height: 270px;
}
@media (max-width: 1024px) {
  .fly-inside-posts .fly-inside-posts-header .body1 {
    max-width: 393px;
  }
}
@media (max-width: 800px) {
  .fly-inside-posts {
    gap: 72px;
    padding-bottom: 200px;
  }
  .fly-inside-posts .fly-inside-posts-header {
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .fly-inside-posts .fly-inside-posts-header .body1,
  .fly-inside-posts .fly-inside-posts-header h2 {
    max-width: unset;
    min-width: unset;
  }
}
@media (max-width: 575px) {
  .fly-inside-posts {
    gap: 56px;
    padding-bottom: 120px;
  }
  .fly-inside-posts .post-card {
    flex-direction: column;
    gap: 20px;
  }
  .fly-inside-posts .post-card .post-info {
    flex-direction: column;
  }
  .fly-inside-posts .post-card .author-info {
    display: flex;
  }
}
@media (max-width: 370px) {
  .fly-inside-posts .swiper-slide {
    max-width: unset;
  }
  .fly-inside-posts .post-card .post-img {
    width: 100%;
  }
}
.open-position-post {
  max-width: 1152px;
  padding: 54px 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .open-position-post {
    padding: 54px 32px 240px;
  }
}
@media (max-width: 575px) {
  .open-position-post {
    padding: 54px 20px 240px;
  }
}
.open-position-post h1 {
  margin-bottom: 24px;
}
.open-position-post h2 {
  margin-bottom: 16px;
  font-size: 36px;
  line-height: 54px;
}
.open-position-post h2:not(:first-of-type) {
  margin-top: 80px;
}
.open-position-post .typography4 {
  font-weight: 400;
}
.open-position-post .open-position-main-content {
  margin-top: 128px;
  max-width: 720px;
}
.open-position-post ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.open-position-post ul li {
  display: flex;
  color: #ffffff;
}
.open-position-post ul li:not(:last-of-type) {
  margin-bottom: 16px;
}
.open-position-post ul li::before {
  content: "\2022";
  margin-right: 10px;
  color: #00abbe;
  font-weight: bold;
  min-width: 23px;
}
.open-position-post .check-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.open-position-post .check-list li {
  display: flex;
  color: #ffffff;
}
.open-position-post .check-list li:not(:last-of-type) {
  margin-bottom: 16px;
}
.open-position-post .check-list li::before {
  content: "";
  min-width: 35px;
  background: url("../../assets/icons/listCheck.svg") no-repeat 0% 50%;
}
.open-position-post ul,
.open-position-post .check-list {
  margin-bottom: 40px;
}
.open-position-post ul li,
.open-position-post .check-list li {
  line-height: 28px;
}
.open-position-post p:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .open-position-post {
    padding-top: 32px;
  }
}
@media (max-width: 800px) {
  .open-position-post {
    padding-bottom: 200px;
  }
  .open-position-post .open-position-main-content {
    margin-top: 108px;
  }
  .open-position-post h2 {
    font-size: 32px;
    line-height: 48px;
  }
  .open-position-post h2:not(:first-of-type) {
    margin-top: 72px;
  }
}
@media (max-width: 575px) {
  .open-position-post {
    padding-top: 40px;
    padding-bottom: 120px;
  }
  .open-position-post .open-position-main-content {
    margin-top: 88px;
  }
  .open-position-post .typography4 {
    font-size: 20px;
    line-height: 30px;
  }
  .open-position-post h2 {
    font-size: 24px;
    line-height: 36px;
  }
  .open-position-post h2:not(:first-of-type) {
    margin-top: 56px;
  }
}
.careers .why-fively {
  padding-bottom: 144px;
}
.careers .why-fively .info-cards-container {
  grid-template-columns: 1fr 1fr;
}
.careers .tiles-swiper-section {
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
}
.careers .tiles-swiper-section .swiper-wrapper {
  display: flex;
  gap: 0;
}
.careers .tiles-swiper-section .swiper-slide {
  max-width: 357px;
  height: auto;
}
.careers .tiles-swiper-section .swiper-buttons {
  margin-top: 80px;
}
.careers .tiles-swiper-section .swiper-pagination {
  display: none;
}
.careers .features-swiper-section {
  padding-bottom: 120px;
}
.careers .features-swiper-section .swiper-wrapper {
  gap: 40px;
}
.careers .contact-form-container {
  gap: 0 50px;
}
.careers .contact-form-container .contact-form-header h2,
.careers .contact-form-container .contact-form-header .body2 {
  max-width: 456px;
}
.careers .contact-form-container .contact-form {
  width: 576px;
  min-width: 576px;
}
.careers .contact-form-container .contact-form .inputs-container {
  flex-direction: column;
  margin-bottom: 24px;
}
.careers .contact-form-container .contact-form .inputs-container > div:first-of-type,
.careers .contact-form-container .contact-form .inputs-container > div:last-of-type {
  width: unset;
}
.careers .contact-form-container .contact-form .file-and-policy-container .file-container {
  max-width: 40%;
}
.careers .contact-form-container .contact-form .file-and-policy-container .custom-checkbox-container {
  width: unset;
}
.careers .contact-form-container .contact-form .form-buttons {
  margin-left: unset;
  width: 100%;
}
.careers .contact-form-container .contact-form .form-buttons .contained-button-pink {
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .careers .swiper-container {
    padding-left: 24px;
  }
  .careers .features-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .careers .contact-form-container .contact-form-header h2,
  .careers .contact-form-container .contact-form-header .body2 {
    max-width: 760px;
  }
  .careers .contact-form-container .contact-form {
    min-width: unset;
    width: 100%;
  }
  .careers .contact-form-container .contact-form .inputs-container {
    flex-direction: row;
    margin-bottom: 0;
  }
  .careers .contact-form-container .contact-form .inputs-container > div:first-of-type,
  .careers .contact-form-container .contact-form .inputs-container > div:last-of-type {
    flex: 1 1 0;
  }
  .careers .contact-form-container .contact-form .file-and-policy-container .file-container {
    max-width: 47%;
  }
  .careers .contact-form-container .contact-form .form-buttons {
    margin-left: auto;
    width: unset;
  }
  .careers .contact-form-container .contact-form .form-buttons .contained-button-pink {
    flex-grow: unset;
  }
}
@media (max-width: 800px) {
  .careers .why-fively {
    padding-bottom: 124px;
  }
  .careers .swiper-container {
    padding-left: 32px;
  }
  .careers .tiles-swiper-section .tiles-swiper-section-header {
    padding: 0 32px;
  }
  .careers .tiles-swiper-section .swiper-buttons {
    margin-top: 72px;
  }
  .careers .features-swiper-section {
    padding-bottom: 100px;
  }
  .careers .features-swiper-section .swiper-wrapper {
    gap: 24px;
  }
}
@media (max-width: 575px) {
  .careers .why-fively {
    padding-bottom: 84px;
  }
  .careers .why-fively .info-cards-container {
    grid-template-columns: 1fr;
  }
  .careers .swiper-container {
    padding-left: 20px;
  }
  .careers .tiles-swiper-section .tiles-swiper-section-header {
    padding-right: 20px;
  }
  .careers .tiles-swiper-section .swiper-slide {
    max-width: 335px;
  }
  .careers .tiles-swiper-section .swiper-buttons {
    display: none;
  }
  .careers .tiles-swiper-section .swiper-pagination {
    display: block;
  }
  .careers .features-swiper-section {
    padding-bottom: 60px;
  }
  .careers .features-swiper-section .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .careers .contact-form-container .contact-form {
    max-width: 500px;
    margin: 0 auto;
  }
  .careers .contact-form-container .contact-form .inputs-container {
    flex-direction: column;
    margin-bottom: 24px;
  }
  .careers .contact-form-container .contact-form .file-and-policy-container .file-container {
    max-width: unset;
  }
  .careers .contact-form-container .contact-form .form-buttons {
    margin-left: unset;
    width: 100%;
  }
  .careers .contact-form-container .contact-form .form-buttons .contained-button-pink {
    flex-grow: 1;
  }
}
@media (max-width: 575px) and (max-width: 370px) {
  .careers .swiper-container {
    padding: 20px;
  }
}
.collapsible-text-cards-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .collapsible-text-cards-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .collapsible-text-cards-section {
    padding: 0 20px 240px;
  }
}
.collapsible-text-cards-section > div:first-of-type {
  margin: 0 auto 80px;
  max-width: 760px;
  text-align: center;
}
.collapsible-text-cards-section > div:first-of-type h2 {
  margin-bottom: 24px;
}
.collapsible-text-cards-section .cards-container {
  display: flex;
  gap: 80px;
}
.collapsible-text-cards-section .cards-container > div {
  flex: 1 1 0;
}
.collapsible-text-cards-section .collapsible-text-card {
  max-width: 593px;
}
.collapsible-text-cards-section .img-container {
  max-width: 479px;
}
.collapsible-text-cards-section img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .collapsible-text-cards-section .img-container {
    max-width: 406px;
  }
}
@media (max-width: 800px) {
  .collapsible-text-cards-section {
    padding-bottom: 200px;
  }
  .collapsible-text-cards-section > div:first-of-type {
    margin-bottom: 72px;
  }
  .collapsible-text-cards-section .collapsible-text-card {
    max-width: unset;
  }
  .collapsible-text-cards-section .img-container {
    display: none;
  }
}
@media (max-width: 575px) {
  .collapsible-text-cards-section {
    padding-bottom: 120px;
  }
  .collapsible-text-cards-section > div:first-of-type {
    margin-bottom: 56px;
  }
}
.related-pages-section {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 56px 50px;
}
@media (max-width: 800px) {
  .related-pages-section {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .related-pages-section {
    padding: 0 20px 240px;
  }
}
.related-pages-section > div {
  flex: 1 1 0;
}
.related-pages-section h2 {
  margin-bottom: 24px;
}
.related-pages-section svg {
  fill: rgba(255, 255, 255, 0.64);
  min-width: 20px;
  margin-left: auto;
}
.related-pages-section .related-pages-header {
  max-width: 564px;
}
.related-pages-section .cards-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 468px;
}
@media (hover: hover) and (pointer: fine) {
  .related-pages-section a.card:hover {
    background: rgba(0, 171, 190, 0.08);
    border: 1px solid transparent;
  }
}
.related-pages-section a.card:active {
  background: rgba(0, 171, 190, 0.08);
  border: 1px solid transparent;
}
.related-pages-section .card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 24px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
}
.related-pages-section .card img {
  height: 24px;
  width: 24px;
}
.related-pages-section .card .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 12px;
}
@media (max-width: 1024px) {
  .related-pages-section .related-pages-header {
    max-width: 476px;
  }
  .related-pages-section .cards-container {
    max-width: 392px;
  }
}
@media (max-width: 800px) {
  .related-pages-section {
    padding-bottom: 200px;
    column-gap: 30px;
  }
  .related-pages-section h2 {
    margin-bottom: 40px;
  }
  .related-pages-section .cards-container {
    max-width: 345px;
  }
}
@media (max-width: 575px) {
  .related-pages-section {
    flex-direction: column;
    padding-bottom: 120px;
  }
  .related-pages-section h2 {
    margin-bottom: 24px;
  }
  .related-pages-section .related-pages-header {
    text-align: center;
    max-width: unset;
  }
  .related-pages-section .cards-container {
    max-width: unset;
    width: 100%;
  }
}
@media (max-width: 370px) {
  .related-pages-section .card {
    flex-direction: column;
    text-align: center;
    gap: 15px;
    padding: 10px;
  }
  .related-pages-section .card svg {
    margin-left: unset;
  }
}
.water-bg {
  background: rgba(0, 171, 190, 0.16);
}
.ultramarine-blue-bg {
  background: rgba(63, 98, 241, 0.16);
}
.pink-lace {
  background: rgba(185, 59, 216, 0.16);
}
.machine-learning .cta > div {
  max-width: 480px;
}
.ai .cta > div {
  max-width: 578px;
}
.ai .clients-feedback {
  padding-bottom: 200px;
}
@media (max-width: 800px) {
  .ai .clients-feedback {
    padding-bottom: 180px;
  }
}
.data-science .awards {
  padding-bottom: 200px;
}
.data-science .features-swiper-section .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.data-science .cta > div {
  max-width: 578px;
}
.data-science .related-pages-section .cards-container {
  max-width: 490px;
}
@media (max-width: 1024px) {
  .data-science .features-swiper-section h2 {
    max-width: unset;
  }
  .data-science .related-pages-section .related-pages-header {
    max-width: 393px;
  }
}
@media (max-width: 800px) {
  .data-science .awards {
    padding-bottom: 180px;
  }
  .data-science .features-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
  }
  .data-science .related-pages-section .related-pages-header {
    max-width: 334px;
  }
  .data-science .related-pages-section .cards-container {
    max-width: 362px;
  }
  .data-science .tiles-swiper-section .typography5 {
    letter-spacing: 0.4px;
  }
  .data-science .tiles-swiper-section .tiles-swiper-section-header h2 {
    max-width: 649px;
  }
}
@media (max-width: 575px) {
  .data-science .features-swiper-section .swiper-wrapper {
    display: flex;
    gap: 0;
  }
}
.machine-learning .key-industries,
.ai .key-industries {
  padding-bottom: 200px;
}
.machine-learning .related-pages-section .cards-container,
.ai .related-pages-section .cards-container {
  max-width: 490px;
}
@media (max-width: 1024px) {
  .machine-learning .related-pages-section .cards-container,
  .ai .related-pages-section .cards-container {
    max-width: 417px;
  }
}
@media (max-width: 800px) {
  .machine-learning .key-industries,
  .ai .key-industries {
    padding-bottom: 180px;
  }
  .machine-learning .related-pages-section .related-pages-header,
  .ai .related-pages-section .related-pages-header {
    max-width: 359px;
  }
  .machine-learning .related-pages-section .cards-container,
  .ai .related-pages-section .cards-container {
    max-width: 334px;
  }
}
.machine-learning .machine-learning-definition,
.ai .machine-learning-definition,
.data-science .machine-learning-definition,
.machine-learning .ai-definition,
.ai .ai-definition,
.data-science .ai-definition,
.machine-learning .data-science-definition,
.ai .data-science-definition,
.data-science .data-science-definition {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 60px;
}
@media (max-width: 800px) {
  .machine-learning .machine-learning-definition,
  .ai .machine-learning-definition,
  .data-science .machine-learning-definition,
  .machine-learning .ai-definition,
  .ai .ai-definition,
  .data-science .ai-definition,
  .machine-learning .data-science-definition,
  .ai .data-science-definition,
  .data-science .data-science-definition {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .machine-learning .machine-learning-definition,
  .ai .machine-learning-definition,
  .data-science .machine-learning-definition,
  .machine-learning .ai-definition,
  .ai .ai-definition,
  .data-science .ai-definition,
  .machine-learning .data-science-definition,
  .ai .data-science-definition,
  .data-science .data-science-definition {
    padding: 0 20px 200px;
  }
}
.machine-learning .machine-learning-definition .body1,
.ai .machine-learning-definition .body1,
.data-science .machine-learning-definition .body1,
.machine-learning .ai-definition .body1,
.ai .ai-definition .body1,
.data-science .ai-definition .body1,
.machine-learning .data-science-definition .body1,
.ai .data-science-definition .body1,
.data-science .data-science-definition .body1,
.machine-learning .machine-learning-definition h2,
.ai .machine-learning-definition h2,
.data-science .machine-learning-definition h2,
.machine-learning .ai-definition h2,
.ai .ai-definition h2,
.data-science .ai-definition h2,
.machine-learning .data-science-definition h2,
.ai .data-science-definition h2,
.data-science .data-science-definition h2 {
  flex: 1 1 0;
  max-width: 466px;
}
.machine-learning .cta,
.ai .cta,
.data-science .cta {
  padding-bottom: 240px;
}
.machine-learning .cta img,
.ai .cta img,
.data-science .cta img {
  width: 400px;
  height: 275px;
  max-width: 100%;
}
.machine-learning .why-fively,
.ai .why-fively,
.data-science .why-fively {
  padding-bottom: 120px;
}
.machine-learning .tech-stack-bg h2,
.ai .tech-stack-bg h2,
.data-science .tech-stack-bg h2 {
  max-width: 760px;
}
.machine-learning .machine-learning-workflow,
.ai .machine-learning-workflow,
.data-science .machine-learning-workflow,
.machine-learning .ai-workflow,
.ai .ai-workflow,
.data-science .ai-workflow {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .machine-learning .machine-learning-workflow,
  .ai .machine-learning-workflow,
  .data-science .machine-learning-workflow,
  .machine-learning .ai-workflow,
  .ai .ai-workflow,
  .data-science .ai-workflow {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .machine-learning .machine-learning-workflow,
  .ai .machine-learning-workflow,
  .data-science .machine-learning-workflow,
  .machine-learning .ai-workflow,
  .ai .ai-workflow,
  .data-science .ai-workflow {
    padding: 0 20px 240px;
  }
}
.machine-learning .machine-learning-workflow h2,
.ai .machine-learning-workflow h2,
.data-science .machine-learning-workflow h2,
.machine-learning .ai-workflow h2,
.ai .ai-workflow h2,
.data-science .ai-workflow h2,
.machine-learning .machine-learning-workflow .body1,
.ai .machine-learning-workflow .body1,
.data-science .machine-learning-workflow .body1,
.machine-learning .ai-workflow .body1,
.ai .ai-workflow .body1,
.data-science .ai-workflow .body1 {
  max-width: 760px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.machine-learning .machine-learning-workflow .body1,
.ai .machine-learning-workflow .body1,
.data-science .machine-learning-workflow .body1,
.machine-learning .ai-workflow .body1,
.ai .ai-workflow .body1,
.data-science .ai-workflow .body1 {
  margin: 24px auto 80px;
}
.machine-learning .machine-learning-workflow img,
.ai .machine-learning-workflow img,
.data-science .machine-learning-workflow img,
.machine-learning .ai-workflow img,
.ai .ai-workflow img,
.data-science .ai-workflow img {
  max-width: 100%;
  width: 1152px;
}
.machine-learning .key-industries .body1,
.ai .key-industries .body1,
.data-science .key-industries .body1 {
  max-width: 760px;
}
.machine-learning .related-pages-section .card img,
.ai .related-pages-section .card img,
.data-science .related-pages-section .card img {
  height: 30px;
  width: 30px;
}
.machine-learning .related-pages-section .card .icon-container,
.ai .related-pages-section .card .icon-container,
.data-science .related-pages-section .card .icon-container {
  padding: 9px;
  border-radius: 16px;
}
@media (max-width: 1024px) {
  .machine-learning .colored-cards-section .contact-card button,
  .ai .colored-cards-section .contact-card button,
  .data-science .colored-cards-section .contact-card button {
    margin-top: 24px;
  }
  .machine-learning .cta > div,
  .ai .cta > div,
  .data-science .cta > div {
    max-width: 460px;
  }
}
@media (max-width: 800px) {
  .machine-learning .machine-learning-definition,
  .ai .machine-learning-definition,
  .data-science .machine-learning-definition,
  .machine-learning .ai-definition,
  .ai .ai-definition,
  .data-science .ai-definition,
  .machine-learning .data-science-definition,
  .ai .data-science-definition,
  .data-science .data-science-definition {
    padding-bottom: 180px;
  }
  .machine-learning .machine-learning-definition .body1,
  .ai .machine-learning-definition .body1,
  .data-science .machine-learning-definition .body1,
  .machine-learning .ai-definition .body1,
  .ai .ai-definition .body1,
  .data-science .ai-definition .body1,
  .machine-learning .data-science-definition .body1,
  .ai .data-science-definition .body1,
  .data-science .data-science-definition .body1 {
    max-width: 282px;
  }
  .machine-learning .cta,
  .ai .cta,
  .data-science .cta {
    padding-bottom: 200px;
  }
  .machine-learning .cta > div,
  .ai .cta > div,
  .data-science .cta > div {
    max-width: 415px;
    min-width: 415px;
  }
  .machine-learning .cta img,
  .ai .cta img,
  .data-science .cta img {
    width: 332px;
    height: auto;
  }
  .machine-learning .why-fively,
  .ai .why-fively,
  .data-science .why-fively {
    padding-bottom: 100px;
  }
  .machine-learning .tech-stack-bg h2,
  .ai .tech-stack-bg h2,
  .data-science .tech-stack-bg h2 {
    max-width: 700px;
  }
  .machine-learning .machine-learning-workflow,
  .ai .machine-learning-workflow,
  .data-science .machine-learning-workflow,
  .machine-learning .ai-workflow,
  .ai .ai-workflow,
  .data-science .ai-workflow {
    padding-bottom: 200px;
  }
  .machine-learning .tiles-swiper-section .swiper-wrapper,
  .ai .tiles-swiper-section .swiper-wrapper,
  .data-science .tiles-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .machine-learning .machine-learning-definition,
  .ai .machine-learning-definition,
  .data-science .machine-learning-definition,
  .machine-learning .ai-definition,
  .ai .ai-definition,
  .data-science .ai-definition,
  .machine-learning .data-science-definition,
  .ai .data-science-definition,
  .data-science .data-science-definition {
    flex-direction: column;
    padding-bottom: 120px;
  }
  .machine-learning .machine-learning-definition .body1,
  .ai .machine-learning-definition .body1,
  .data-science .machine-learning-definition .body1,
  .machine-learning .ai-definition .body1,
  .ai .ai-definition .body1,
  .data-science .ai-definition .body1,
  .machine-learning .data-science-definition .body1,
  .ai .data-science-definition .body1,
  .data-science .data-science-definition .body1,
  .machine-learning .machine-learning-definition h2,
  .ai .machine-learning-definition h2,
  .data-science .machine-learning-definition h2,
  .machine-learning .ai-definition h2,
  .ai .ai-definition h2,
  .data-science .ai-definition h2,
  .machine-learning .data-science-definition h2,
  .ai .data-science-definition h2,
  .data-science .data-science-definition h2 {
    max-width: unset;
    text-align: center;
  }
  .machine-learning .cta,
  .ai .cta,
  .data-science .cta {
    padding-bottom: 120px;
  }
  .machine-learning .cta > div,
  .ai .cta > div,
  .data-science .cta > div {
    max-width: unset;
    min-width: unset;
    text-align: center;
  }
  .machine-learning .why-fively,
  .ai .why-fively,
  .data-science .why-fively {
    padding-bottom: 120px;
  }
  .machine-learning .machine-learning-workflow,
  .ai .machine-learning-workflow,
  .data-science .machine-learning-workflow,
  .machine-learning .ai-workflow,
  .ai .ai-workflow,
  .data-science .ai-workflow {
    padding-bottom: 120px;
  }
  .machine-learning .machine-learning-workflow .body1,
  .ai .machine-learning-workflow .body1,
  .data-science .machine-learning-workflow .body1,
  .machine-learning .ai-workflow .body1,
  .ai .ai-workflow .body1,
  .data-science .ai-workflow .body1 {
    margin-bottom: 0;
  }
  .machine-learning .machine-learning-workflow img,
  .ai .machine-learning-workflow img,
  .data-science .machine-learning-workflow img,
  .machine-learning .ai-workflow img,
  .ai .ai-workflow img,
  .data-science .ai-workflow img {
    display: none;
  }
  .machine-learning .key-industries,
  .ai .key-industries,
  .data-science .key-industries,
  .machine-learning .clients-feedback,
  .ai .clients-feedback,
  .data-science .clients-feedback {
    padding-bottom: 120px;
  }
  .machine-learning .related-pages-section .related-pages-header,
  .ai .related-pages-section .related-pages-header,
  .data-science .related-pages-section .related-pages-header,
  .machine-learning .related-pages-section .cards-container,
  .ai .related-pages-section .cards-container,
  .data-science .related-pages-section .cards-container {
    max-width: unset;
  }
}
.insurance .cta {
  padding-bottom: 240px;
}
.insurance .cta > div {
  max-width: 564px;
}
.insurance .cta img {
  width: 370px;
  height: 400px;
}
.insurance .features-swiper-section .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.insurance .tiles-swiper-section {
  padding-bottom: 120px;
}
.insurance .tech-stack .tech-cards {
  display: grid;
  grid-template-columns: auto auto;
  gap: 80px;
  max-width: 450px;
}
.insurance .tech-stack .tech-cards .tech-card:not(.ai-ml) {
  max-width: unset;
}
.insurance .tech-stack .backend {
  order: 1;
}
.insurance .tech-stack .frontend {
  order: 2;
  width: 140px;
}
.insurance .tech-stack .database {
  order: 3;
}
.insurance .tech-stack .ai-ml {
  order: 4;
}
.insurance .tech-stack .cloud {
  order: 5;
}
.insurance .text-cards-section .contact-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column: -1/2;
}
.insurance .text-cards-section .contact-card .body1 {
  margin-bottom: 0;
}
.insurance .ai-insurance {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .insurance .ai-insurance {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .insurance .ai-insurance {
    padding: 0 20px 200px;
  }
}
.insurance .ai-insurance div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
  margin-bottom: 80px;
}
.insurance .ai-insurance div:first-of-type p {
  max-width: 466px;
}
.insurance .ai-insurance div:first-of-type h2 {
  max-width: 564px;
}
.insurance .ai-insurance img {
  max-width: 100%;
  width: 1152px;
}
@media (max-width: 1024px) {
  .insurance .cta {
    padding-bottom: 200px;
  }
  .insurance .cta > div {
    max-width: 484px;
    min-width: 418px;
  }
  .insurance .cta img {
    width: 351.02px;
    height: 380px;
  }
  .insurance .features-swiper-section h2 {
    max-width: 760px;
  }
  .insurance .text-cards-section {
    padding-bottom: 200px;
  }
  .insurance .ai-insurance {
    display: none;
  }
}
@media (max-width: 800px) {
  .insurance .features-swiper-section h2 {
    max-width: 680px;
  }
  .insurance .features-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
  }
  .insurance .tiles-swiper-section {
    padding-bottom: 100px;
  }
  .insurance .tiles-swiper-section .tiles-swiper-section-header.vertical h2 {
    max-width: 649px;
  }
  .insurance .tiles-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .insurance .tech-stack .tech-cards {
    grid-template-columns: 1fr 1fr auto;
    gap: 40px;
    max-width: unset;
  }
  .insurance .tech-stack .cloud {
    order: 3;
  }
  .insurance .text-cards-section {
    padding-bottom: 180px;
  }
  .insurance .text-cards-section .contact-card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
  }
  .insurance .text-cards-section .contact-card .body1 {
    margin-bottom: 24px;
  }
  .insurance .text-cards-section .contact-card button {
    padding: 6px 24px;
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 575px) {
  .insurance .cta {
    padding-bottom: 120px;
  }
  .insurance .cta > div {
    min-width: unset;
    text-align: center;
  }
  .insurance .cta img {
    max-width: 400px;
    width: 100%;
    height: auto;
  }
  .insurance .features-swiper-section,
  .insurance .tiles-swiper-section {
    padding-bottom: 120px;
  }
  .insurance .features-swiper-section .swiper-wrapper,
  .insurance .tiles-swiper-section .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .insurance .text-cards-section {
    padding-bottom: 120px;
  }
  .insurance .text-cards-section .contact-card {
    display: none;
  }
}
.edtech .clients-feedback {
  padding-bottom: 200px;
}
.edtech .text-cards-section {
  padding-bottom: 120px;
}
.edtech .text-cards-section .body2 {
  letter-spacing: 0.3px;
}
.edtech .text-cards-section .contact-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column: -1/2;
}
.edtech .text-cards-section .contact-card .body1 {
  margin-bottom: 0;
}
.edtech .cta {
  padding-bottom: 240px;
}
.edtech .cta > div {
  max-width: 564px;
}
.edtech .cta img {
  width: 347.33px;
  height: 376px;
}
@media (max-width: 1024px) {
  .edtech .cta > div {
    max-width: 484px;
    min-width: 360px;
  }
}
@media (max-width: 800px) {
  .edtech .clients-feedback {
    padding-bottom: 180px;
  }
  .edtech .tiles-swiper-section .tiles-swiper-section-header.vertical h2 {
    max-width: 649px;
  }
  .edtech .tiles-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .edtech .text-cards-section {
    padding-bottom: 100px;
  }
  .edtech .text-cards-section .contact-card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
  }
  .edtech .text-cards-section .contact-card .body1 {
    margin-bottom: 24px;
  }
  .edtech .text-cards-section .contact-card button {
    padding: 6px 24px;
    font-size: 14px;
    line-height: 24px;
  }
  .edtech .cta {
    padding-bottom: 200px;
  }
  .edtech .dev-steps h2 {
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .edtech .clients-feedback {
    padding-bottom: 120px;
  }
  .edtech .text-cards-section {
    padding-bottom: 120px;
  }
  .edtech .text-cards-section .contact-card {
    display: none;
  }
  .edtech .cta {
    padding-bottom: 120px;
  }
  .edtech .cta > div {
    min-width: unset;
    text-align: center;
  }
  .edtech .cta img {
    max-width: 400px;
    width: 100%;
    height: auto;
  }
}
.app-modernization .success-stories {
  padding-bottom: 200px;
}
.app-modernization .success-stories .success-stories-description {
  max-width: 630px;
}
.app-modernization .features-swiper-section .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.app-modernization .dev-steps {
  max-width: 760px;
}
.app-modernization .dev-steps h2 {
  max-width: unset;
}
.app-modernization .dev-steps .typography2 {
  font-size: 48px;
  line-height: 56px;
}
.app-modernization .dev-steps .steps-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.app-modernization .dev-steps .step {
  display: flex;
  align-items: center;
  gap: 16px 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
}
.app-modernization .dev-steps .contact-card {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
  align-items: center;
}
.app-modernization .dev-steps .contact-card .typography5 {
  margin-bottom: 0;
}
.app-modernization .small-tile-cards-section {
  max-width: 760px;
}
.app-modernization .small-tile-cards-section .cards-container {
  grid-template-columns: 1fr 1fr;
}
.app-modernization .small-tile-cards-section img {
  height: 48px;
  width: 48px;
}
.app-modernization .key-industries h2,
.app-modernization .key-industries .body1 {
  max-width: 760px;
}
@media (max-width: 1024px) {
  .app-modernization .features-swiper-section h2 {
    max-width: 760px;
  }
}
@media (max-width: 800px) {
  .app-modernization .features-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 40px 24px;
  }
  .app-modernization .success-stories {
    padding-bottom: 180px;
  }
  .app-modernization .success-stories .success-stories-description {
    max-width: 522px;
  }
}
@media (max-width: 575px) {
  .app-modernization .success-stories {
    padding-bottom: 120px;
  }
  .app-modernization .features-swiper-section .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .app-modernization .dev-steps .step {
    flex-direction: column;
  }
  .app-modernization .dev-steps .typography2 {
    font-size: 40px;
    line-height: 50px;
    align-self: flex-start;
  }
  .app-modernization .dev-steps .typography6 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
  }
  .app-modernization .dev-steps .contact-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .app-modernization .small-tile-cards-section .cards-container {
    grid-template-columns: 1fr;
  }
}
.browser-extension-definition {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 60px;
}
@media (max-width: 800px) {
  .browser-extension-definition {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .browser-extension-definition {
    padding: 0 20px 200px;
  }
}
.browser-extension-definition .body1,
.browser-extension-definition h2 {
  flex: 1 1 0;
  max-width: 466px;
}
@media (max-width: 800px) {
  .browser-extension-definition {
    padding-bottom: 180px;
  }
  .browser-extension-definition .body1 {
    max-width: 282px;
  }
}
@media (max-width: 575px) {
  .browser-extension-definition {
    flex-direction: column;
    padding-bottom: 120px;
  }
  .browser-extension-definition .body1,
  .browser-extension-definition h2 {
    max-width: unset;
    text-align: center;
  }
}
.media-entertainment .success-stories .success-stories-description {
  max-width: 734px;
}
.media-entertainment .newsletter .body1 {
  max-width: 820px;
}
.media-entertainment .text-cards-section {
  padding-bottom: 120px;
}
.media-entertainment .text-cards-section .body2 {
  letter-spacing: 0.3px;
}
.media-entertainment .text-cards-section .contact-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column: -1/2;
}
.media-entertainment .text-cards-section .contact-card .body1 {
  margin-bottom: 0;
}
.media-entertainment .tech-stack .body1,
.media-entertainment .tech-stack h2 {
  max-width: 760px;
}
.media-entertainment .tech-stack .tech-cards {
  display: grid;
  grid-template-columns: auto auto;
  gap: 80px;
  max-width: 450px;
}
.media-entertainment .tech-stack .tech-cards .tech-card:not(.ai-ml) {
  max-width: unset;
}
.media-entertainment .tech-stack .backend {
  order: 1;
}
.media-entertainment .tech-stack .frontend {
  order: 2;
  width: 140px;
}
.media-entertainment .tech-stack .database {
  order: 3;
}
.media-entertainment .tech-stack .ai-ml {
  order: 4;
}
.media-entertainment .tech-stack .cloud {
  order: 5;
}
.media-entertainment .ai-media-entertainment {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .media-entertainment .ai-media-entertainment {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .media-entertainment .ai-media-entertainment {
    padding: 0 20px 240px;
  }
}
.media-entertainment .ai-media-entertainment div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
  margin-bottom: 80px;
}
.media-entertainment .ai-media-entertainment div:first-of-type p {
  max-width: 466px;
}
.media-entertainment .ai-media-entertainment div:first-of-type h2 {
  max-width: 564px;
}
.media-entertainment .ai-media-entertainment img {
  max-width: 100%;
  width: 1152px;
}
.media-entertainment .dev-steps h2 {
  max-width: unset;
}
@media (max-width: 1024px) {
  .media-entertainment .ai-media-entertainment div:first-of-type p {
    flex: 1 1 0;
    max-width: 393px;
  }
  .media-entertainment .ai-media-entertainment div:first-of-type h2 {
    flex: 1 1 0;
    max-width: 476px;
  }
}
@media (max-width: 800px) {
  .media-entertainment .success-stories .success-stories-description {
    max-width: 540px;
  }
  .media-entertainment .tiles-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .media-entertainment .text-cards-section {
    padding-bottom: 100px;
  }
  .media-entertainment .text-cards-section .contact-card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
  }
  .media-entertainment .text-cards-section .contact-card .body1 {
    margin-bottom: 24px;
  }
  .media-entertainment .text-cards-section .contact-card button {
    padding: 6px 24px;
    font-size: 14px;
    line-height: 24px;
  }
  .media-entertainment .tech-stack h2 {
    max-width: 730px;
  }
  .media-entertainment .tech-stack .tech-cards {
    grid-template-columns: 1fr 1fr auto;
    gap: 40px;
    max-width: unset;
  }
  .media-entertainment .tech-stack .cloud {
    order: 3;
  }
  .media-entertainment .ai-media-entertainment {
    padding-bottom: 200px;
  }
  .media-entertainment .ai-media-entertainment div:first-of-type {
    flex-direction: column;
  }
  .media-entertainment .ai-media-entertainment div:first-of-type p,
  .media-entertainment .ai-media-entertainment div:first-of-type h2 {
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .media-entertainment .text-cards-section {
    padding-bottom: 120px;
  }
  .media-entertainment .text-cards-section .contact-card {
    display: none;
  }
  .media-entertainment .ai-media-entertainment {
    padding-bottom: 120px;
  }
  .media-entertainment .ai-media-entertainment img {
    display: none;
  }
  .media-entertainment .ai-media-entertainment div:first-of-type {
    margin-bottom: 0;
  }
}
.real-estate .why-fively {
  padding-bottom: 200px;
}
.real-estate .text-cards-section .body2 {
  letter-spacing: 0.3px;
}
.real-estate .text-cards-section .contact-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  grid-column: -1/2;
}
.real-estate .text-cards-section .contact-card .body1 {
  margin-bottom: 0;
}
.real-estate .features-swiper-section .swiper-wrapper {
  gap: 80px 40px;
}
.real-estate .cta {
  padding-bottom: 120px;
}
.real-estate .cta > div {
  max-width: 564px;
}
.real-estate .cta img {
  width: 347.33px;
  height: 376px;
}
.real-estate .tech-stack .tech-cards {
  display: grid;
  grid-template-columns: auto auto;
  gap: 120px 40px;
  max-width: 450px;
}
.real-estate .tech-stack .frontend {
  width: 140px;
}
.real-estate .tech-stack .img-container {
  max-width: 479px;
}
.real-estate .dev-steps h2 {
  max-width: 760px;
}
@media (max-width: 1024px) {
  .real-estate .cta > div {
    max-width: 484px;
    min-width: 360px;
  }
}
@media (max-width: 800px) {
  .real-estate .why-fively {
    padding-bottom: 180px;
  }
  .real-estate .text-cards-section .contact-card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
  }
  .real-estate .text-cards-section .contact-card .body1 {
    margin-bottom: 24px;
  }
  .real-estate .text-cards-section .contact-card button {
    padding: 6px 24px;
    font-size: 14px;
    line-height: 24px;
  }
  .real-estate .features-swiper-section .swiper-wrapper {
    gap: 40px 24px;
  }
  .real-estate .cta {
    padding-bottom: 100px;
    flex-direction: column;
    row-gap: 72px;
    text-align: center;
  }
  .real-estate .cta > div {
    align-items: center;
    max-width: unset;
    min-width: unset;
  }
  .real-estate .tech-stack .tech-cards {
    display: flex;
    max-width: unset;
  }
  .real-estate .tiles-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .real-estate .why-fively {
    padding-bottom: 120px;
  }
  .real-estate .text-cards-section .contact-card {
    display: none;
  }
  .real-estate .features-swiper-section .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .real-estate .cta {
    padding-bottom: 120px;
    row-gap: 56px;
  }
  .real-estate .cta img {
    max-width: 400px;
    width: 100%;
    height: auto;
  }
}
.iot .iot-app {
  max-width: 1152px;
  padding: 0 24px 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 24px 60px;
}
@media (max-width: 800px) {
  .iot .iot-app {
    padding: 0 32px 200px;
  }
}
@media (max-width: 575px) {
  .iot .iot-app {
    padding: 0 20px 200px;
  }
}
.iot .iot-app .body1,
.iot .iot-app h2 {
  flex: 1 1 0;
  max-width: 466px;
}
.iot .iot-app h2 {
  max-width: 564px;
}
.iot .colored-cards-section .typography5 {
  margin-bottom: 8px;
}
.iot .clients-feedback {
  padding-bottom: 200px;
}
.iot .collapsible-text-cards-section {
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
.iot .collapsible-text-cards-section .collapsible-text-cards-section-header,
.iot .collapsible-text-cards-section .cards-container {
  flex: 1 1 0;
}
.iot .collapsible-text-cards-section .collapsible-text-cards-section-header {
  max-width: 536px;
  text-align: start;
  margin: 0;
}
.iot .iot-smart {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .iot .iot-smart {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .iot .iot-smart {
    padding: 0 20px 240px;
  }
}
.iot .iot-smart div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
  margin-bottom: 80px;
}
.iot .iot-smart div:first-of-type p {
  max-width: 368px;
}
.iot .iot-smart div:first-of-type h2 {
  max-width: 662px;
}
.iot .iot-smart img {
  max-width: 100%;
  width: 1152px;
}
.iot .cta {
  padding-bottom: 240px;
}
.iot .cta > div {
  max-width: 564px;
}
.iot .dev-steps h2 {
  max-width: 760px;
}
.iot .key-industries {
  padding-bottom: 120px;
}
.iot .key-industries .body1,
.iot .key-industries h2 {
  max-width: 760px;
}
@media (max-width: 1024px) {
  .iot .iot-app .body1 {
    max-width: 393px;
  }
  .iot .iot-smart div:first-of-type p {
    flex: 1 1 0;
    max-width: 303px;
  }
  .iot .iot-smart div:first-of-type h2 {
    flex: 1 1 0;
    max-width: 559px;
  }
  .iot .cta > div {
    max-width: 484px;
  }
}
@media (max-width: 800px) {
  .iot .iot-app {
    padding-bottom: 180px;
  }
  .iot .iot-app .body1 {
    max-width: 266px;
  }
  .iot .iot-app h2 {
    max-width: 360px;
  }
  .iot .clients-feedback {
    padding-bottom: 180px;
  }
  .iot .collapsible-text-cards-section {
    flex-direction: column;
    gap: 72px;
  }
  .iot .collapsible-text-cards-section .collapsible-text-cards-section-header {
    max-width: unset;
    text-align: center;
  }
  .iot .collapsible-text-cards-section .collapsible-text-cards-section-header h2 {
    max-width: 680px;
    margin: 0 auto 24px;
  }
  .iot .iot-smart {
    padding-bottom: 200px;
  }
  .iot .iot-smart div:first-of-type {
    flex-direction: column;
  }
  .iot .iot-smart div:first-of-type p,
  .iot .iot-smart div:first-of-type h2 {
    max-width: unset;
    text-align: center;
  }
  .iot .cta {
    padding-bottom: 200px;
  }
  .iot .key-industries {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .iot .iot-app {
    flex-direction: column;
    padding-bottom: 120px;
  }
  .iot .iot-app .body1,
  .iot .iot-app h2 {
    max-width: unset;
    text-align: center;
  }
  .iot .clients-feedback,
  .iot .key-industries {
    padding-bottom: 120px;
  }
  .iot .iot-smart {
    padding-bottom: 120px;
  }
  .iot .iot-smart img {
    display: none;
  }
  .iot .iot-smart div:first-of-type {
    margin-bottom: 0;
  }
  .iot .cta h2,
  .iot .cta .body1 {
    text-align: center;
  }
}
.ai-fintech.collapsible-text-cards-section {
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
.ai-fintech.collapsible-text-cards-section .collapsible-text-cards-section-header,
.ai-fintech.collapsible-text-cards-section .cards-container {
  flex: 1 1 0;
}
.ai-fintech.collapsible-text-cards-section .collapsible-text-cards-section-header {
  max-width: 536px;
  text-align: start;
  margin: 0;
}
@media (max-width: 800px) {
  .ai-fintech.collapsible-text-cards-section {
    flex-direction: column;
    gap: 72px;
  }
  .ai-fintech.collapsible-text-cards-section .collapsible-text-cards-section-header {
    max-width: unset;
    text-align: center;
  }
  .ai-fintech.collapsible-text-cards-section .collapsible-text-cards-section-header h2 {
    max-width: 680px;
    margin: 0 auto 24px;
  }
}
.greentech .greentech-examples {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .greentech .greentech-examples {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .greentech .greentech-examples {
    padding: 0 20px 240px;
  }
}
.greentech .greentech-examples h2 {
  max-width: 800px;
  margin-bottom: 80px;
}
.greentech .greentech-examples .greentech-examples-body {
  display: flex;
  justify-content: space-between;
  gap: 56px 40px;
}
.greentech .greentech-examples .greentech-examples-body > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 444px;
}
.greentech .greentech-examples .greentech-examples-body div,
.greentech .greentech-examples .greentech-examples-body ul {
  flex: 1 1 0;
}
.greentech .greentech-examples .greentech-examples-body ul {
  max-width: 346px;
}
.greentech .success-stories {
  padding-bottom: 200px;
}
.greentech .success-stories .success-stories-description {
  max-width: 518px;
}
.greentech .cta {
  padding-bottom: 240px;
}
.greentech .cta > div {
  max-width: 564px;
}
.greentech .cta img {
  width: 370px;
  height: 400px;
}
.greentech .text-cards-section {
  padding-bottom: 120px;
}
.greentech .text-cards-section .contact-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  grid-column: -1/2;
}
.greentech .text-cards-section .contact-card .body1 {
  margin-bottom: 0;
}
.greentech .ml-greentech {
  max-width: 1152px;
  padding: 0 24px 240px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .greentech .ml-greentech {
    padding: 0 32px 240px;
  }
}
@media (max-width: 575px) {
  .greentech .ml-greentech {
    padding: 0 20px 240px;
  }
}
.greentech .ml-greentech div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 24px 80px;
  margin-bottom: 80px;
}
.greentech .ml-greentech div:first-of-type p {
  max-width: 466px;
}
.greentech .ml-greentech div:first-of-type h2 {
  max-width: 564px;
}
.greentech .ml-greentech img {
  max-width: 100%;
  width: 1152px;
}
.greentech .dev-steps h2 {
  max-width: 760px;
}
@media (max-width: 1024px) {
  .greentech .cta > div {
    max-width: 484px;
    min-width: 418px;
  }
  .greentech .cta img {
    width: 351.02px;
    height: 380px;
  }
  .greentech .ml-greentech div:first-of-type p {
    flex: 1 1 0;
    max-width: 393px;
  }
  .greentech .ml-greentech div:first-of-type h2 {
    flex: 1 1 0;
    max-width: 420px;
  }
}
@media (max-width: 800px) {
  .greentech .greentech-examples {
    padding-bottom: 200px;
  }
  .greentech .greentech-examples .greentech-examples-body > div {
    max-width: 328px;
  }
  .greentech .success-stories {
    padding-bottom: 180px;
  }
  .greentech .success-stories .success-stories-description {
    max-width: 460px;
  }
  .greentech .tiles-swiper-section .tiles-swiper-section-header.vertical h2 {
    max-width: 649px;
  }
  .greentech .tiles-swiper-section .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .greentech .tiles-swiper-section .contact-card {
    display: none;
  }
  .greentech .cta {
    padding-bottom: 200px;
  }
  .greentech .cta > div {
    max-width: 350px;
    min-width: 300px;
  }
  .greentech .cta .button-container {
    flex-direction: column;
  }
  .greentech .cta .button-container button {
    width: 100%;
  }
  .greentech .text-cards-section {
    padding-bottom: 100px;
  }
  .greentech .text-cards-section .contact-card {
    display: none;
  }
  .greentech .ml-greentech {
    padding-bottom: 200px;
  }
  .greentech .ml-greentech div:first-of-type {
    flex-direction: column;
  }
  .greentech .ml-greentech div:first-of-type p,
  .greentech .ml-greentech div:first-of-type h2 {
    max-width: unset;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .greentech .greentech-examples {
    padding-bottom: 120px;
  }
  .greentech .greentech-examples h2 {
    margin-bottom: 56px;
    text-align: center;
  }
  .greentech .greentech-examples .greentech-examples-body {
    flex-direction: column;
  }
  .greentech .greentech-examples .greentech-examples-body > div {
    text-align: center;
  }
  .greentech .greentech-examples .greentech-examples-body ul {
    align-self: center;
  }
  .greentech .greentech-examples .greentech-examples-body ul,
  .greentech .greentech-examples .greentech-examples-body > div {
    max-width: unset;
    width: fit-content;
  }
  .greentech .success-stories {
    padding-bottom: 120px;
  }
  .greentech .cta {
    padding-bottom: 120px;
  }
  .greentech .cta > div {
    min-width: unset;
    max-width: unset;
    text-align: center;
  }
  .greentech .cta img {
    max-width: 400px;
    width: 100%;
    height: auto;
  }
  .greentech .text-cards-section {
    padding-bottom: 120px;
  }
  .greentech .ml-greentech {
    display: none;
  }
}
.kg-width-wide,
.kg-width-full {
  margin: 0;
}
.key-industries,
.awards {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.key-industries.key-industries.webPortal,
.awards.key-industries.webPortal {
  display: none;
}
.key-industries > h2,
.awards > h2,
.key-industries h3,
.awards h3 {
  margin-bottom: 24px;
}
.key-industries > p,
.awards > p {
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .key-industries > p,
  .awards > p {
    margin-bottom: 72px;
  }
}
@media (max-width: 575px) {
  .key-industries > p,
  .awards > p {
    margin-bottom: 56px;
  }
  .key-industries.awards,
  .awards.awards {
    display: none;
  }
}
.subtitle1,
.subtitle2,
.subtitle3 {
  font-weight: 700;
  color: #ffffff;
}
.subtitle1 {
  font-size: 16px;
  line-height: 28px;
}
.subtitle2 {
  font-size: 14px;
  line-height: 26px;
}
.subtitle3 {
  font-size: 13px;
  line-height: 24px;
}
.body1 {
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.64);
}
.body2 {
  font-size: 14px;
  line-height: 26px;
}
.body3 {
  font-size: 13px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.64);
}
.typography1,
.typography2,
.typography3,
.typography4 {
  font-weight: bold;
}
.typography5,
.typography6 {
  font-weight: 600;
}
.typography1 {
  font-size: 64px;
  line-height: 80px;
}
@media (max-width: 800px) {
  .typography1 {
    font-size: 56px;
    line-height: 70px;
  }
}
@media (max-width: 575px) {
  .typography1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 370px) {
  .typography1 {
    font-size: 30px;
    line-height: 40px;
  }
}
.typography2 {
  font-size: 48px;
  line-height: 64px;
}
@media (max-width: 800px) {
  .typography2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 575px) {
  .typography2 {
    font-size: 32px;
    line-height: 42px;
  }
}
.typography3 {
  font-size: 36px;
  line-height: 54px;
}
@media (max-width: 800px) {
  .typography3 {
    font-size: 32px;
    line-height: 48px;
  }
}
@media (max-width: 575px) {
  .typography3 {
    font-size: 24px;
    line-height: 36px;
  }
}
.typography4 {
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 800px) {
  .typography4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .typography4 {
    font-size: 17px;
    line-height: 26px;
  }
}
.typography5 {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 800px) {
  .typography5 {
    font-size: 18px;
    line-height: 27px;
  }
}
.typography6 {
  font-size: 18px;
  line-height: 28px;
}
@media (max-width: 800px) {
  .typography6 {
    font-size: 17px;
    line-height: 26px;
  }
}
.overline {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}
.caption {
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.64);
}
.large-content-container,
.small-content-container {
  position: relative;
  overflow-x: hidden;
  padding: 96px 0 120px;
}
.large-content-container.light-theme,
.small-content-container.light-theme {
  overflow-x: unset;
  padding-bottom: 0;
}
.large-content-container .breadcrumb,
.small-content-container .breadcrumb {
  max-width: 1152px;
  padding: 24px 24px 24px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .large-content-container .breadcrumb,
  .small-content-container .breadcrumb {
    padding: 24px 32px 24px;
  }
}
@media (max-width: 575px) {
  .large-content-container .breadcrumb,
  .small-content-container .breadcrumb {
    padding: 24px 20px 24px;
  }
}
@media (max-width: 800px) {
  .large-content-container,
  .small-content-container {
    padding: 80px 0 100px;
  }
}
@media (max-width: 575px) {
  .large-content-container,
  .small-content-container {
    padding: 64px 0 60px;
  }
}
.small-content-container {
  padding-bottom: 80px;
  min-height: calc(100% - 1150px);
}
.small-content-container.policy {
  padding-bottom: 80px;
}
.small-content-container.policy .breadcrumb {
  max-width: 760px;
}
@media (max-width: 800px) {
  .small-content-container.policy .breadcrumb {
    max-width: 548px;
  }
}
@media (max-width: 575px) {
  .small-content-container {
    padding-bottom: 60px;
    min-height: inherit;
  }
  .small-content-container.policy {
    padding-bottom: 60px;
  }
}
.outlined-button-small,
.outlined-button-standard {
  border: 1px solid #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .outlined-button-small:hover,
  .outlined-button-standard:hover {
    background: rgba(255, 255, 255, 0.08);
  }
}
.outlined-button-small:focus-visible,
.outlined-button-standard:focus-visible,
.outlined-button-small:active,
.outlined-button-standard:active {
  background: rgba(255, 255, 255, 0.08);
}
.outlined-button-small {
  padding: 5px 24px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  background: transparent;
  white-space: nowrap;
  outline: none;
}
.outlined-button-small:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .outlined-button-small {
    white-space: unset;
  }
}
.outlined-button-standard {
  padding: 10px 32px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  background: transparent;
  white-space: nowrap;
  outline: none;
}
.outlined-button-standard:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .outlined-button-standard {
    white-space: unset;
  }
}
@media (max-width: 575px) {
  .outlined-button-standard {
    padding: 10px 30px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    background: transparent;
    white-space: nowrap;
    outline: none;
  }
  .outlined-button-standard:active {
    opacity: 0.8;
  }
}
@media (max-width: 575px) and (max-width: 370px) {
  .outlined-button-standard {
    white-space: unset;
  }
}
.outlined-button-blue {
  padding: 10px 32px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 15px;
  line-height: 26px;
  color: #00abbe;
  background: transparent;
  white-space: nowrap;
  outline: none;
  border: 1px solid #00abbe;
}
.outlined-button-blue:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .outlined-button-blue {
    white-space: unset;
  }
}
@media (hover: hover) and (pointer: fine) {
  .outlined-button-blue:hover {
    background: rgba(0, 171, 190, 0.16);
  }
}
.outlined-button-blue:focus-visible,
.outlined-button-blue:active {
  background: rgba(0, 171, 190, 0.16);
}
.contained-button-pink {
  padding: 11px 33px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  background: linear-gradient(135deg, #F68597 0%, #E13672 100%);
  white-space: nowrap;
  outline: none;
  border: none;
}
.contained-button-pink:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .contained-button-pink {
    white-space: unset;
  }
}
@media (hover: hover) and (pointer: fine) {
  .contained-button-pink:hover {
    background: #a21b65;
  }
}
.contained-button-pink:focus-visible,
.contained-button-pink:active {
  background: #a21b65;
}
.contained-button-pink.small {
  padding: 6px 25px;
  font-size: 14px;
  line-height: 24px;
}
.contained-button-blue {
  padding: 11px 36px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  background: #00abbe;
  white-space: nowrap;
  outline: none;
  border: none;
}
.contained-button-blue:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .contained-button-blue {
    white-space: unset;
  }
}
@media (hover: hover) and (pointer: fine) {
  .contained-button-blue:hover {
    background: #006488;
  }
}
.contained-button-blue:focus-visible,
.contained-button-blue:active {
  background: #006488;
}
.contained-button-white {
  padding: 11px 36px;
  border-radius: 25px;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  background: #ffffff;
  white-space: nowrap;
  outline: none;
  border: none;
  color: #212b36;
}
.contained-button-white:active {
  opacity: 0.8;
}
@media (max-width: 370px) {
  .contained-button-white {
    white-space: unset;
  }
}
@media (hover: hover) and (pointer: fine) {
  .contained-button-white:hover {
    background: rgba(255, 255, 255, 0.48);
  }
}
.contained-button-white:focus-visible,
.contained-button-white:active {
  background: rgba(255, 255, 255, 0.48);
}
.icon-button-small {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  background: transparent;
  border-radius: 50px;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button-small:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.08);
  }
}
.icon-button-small:active:not(.disabled) {
  opacity: 0.8;
}
.icon-button-small:focus-visible:not(.disabled),
.icon-button-small:active:not(.disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.icon-button-small.disabled {
  cursor: default;
}
.icon-button-small.disabled svg {
  opacity: 0.32;
}
.icon-button-medium {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  background: transparent;
  border-radius: 50px;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button-medium:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.08);
  }
}
.icon-button-medium:active:not(.disabled) {
  opacity: 0.8;
}
.icon-button-medium:focus-visible:not(.disabled),
.icon-button-medium:active:not(.disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.icon-button-medium.disabled {
  cursor: default;
}
.icon-button-medium.disabled svg {
  opacity: 0.32;
}
.icon-button-large {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  background: transparent;
  border-radius: 50px;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button-large:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.08);
  }
}
.icon-button-large:active:not(.disabled) {
  opacity: 0.8;
}
.icon-button-large:focus-visible:not(.disabled),
.icon-button-large:active:not(.disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.icon-button-large.disabled {
  cursor: default;
}
.icon-button-large.disabled svg {
  opacity: 0.32;
}
.icon-button-outlined {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  background: transparent;
  border-radius: 50px;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.16);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button-outlined:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.08);
  }
}
.icon-button-outlined:active:not(.disabled) {
  opacity: 0.8;
}
.icon-button-outlined:focus-visible:not(.disabled),
.icon-button-outlined:active:not(.disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.icon-button-outlined.disabled {
  cursor: default;
}
.icon-button-outlined.disabled svg {
  opacity: 0.32;
}
.icon-button-outlined-small {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background: transparent;
  border-radius: 50px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.16);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button-outlined-small:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.08);
  }
}
.icon-button-outlined-small:active:not(.disabled) {
  opacity: 0.8;
}
.icon-button-outlined-small:focus-visible:not(.disabled),
.icon-button-outlined-small:active:not(.disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.icon-button-outlined-small.disabled {
  cursor: default;
}
.icon-button-outlined-small.disabled svg {
  opacity: 0.32;
}
.text-button {
  display: flex;
  align-items: center;
  padding: 4px 4.5px;
  width: fit-content;
  fill: #00abbe;
  color: #00abbe;
  background: none;
  border: none;
  font-weight: bold;
  font-size: 13px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
}
.text-button p {
  color: #00abbe;
  font-size: 13px;
}
.text-button svg {
  margin-left: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .text-button:hover {
    background: rgba(0, 171, 190, 0.16);
    border-radius: 25px;
  }
}
.text-button:active {
  opacity: 0.8;
}
.text-button:active,
.text-button:focus-visible {
  background: rgba(0, 171, 190, 0.16);
  border-radius: 25px;
}
.contact-info {
  display: flex;
  flex-direction: column;
}
.contact-info a {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 26px;
  padding: 8px 5px;
  fill: #ffffff;
}
.contact-info a svg {
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-right: 10px;
}
@media (hover: hover) and (pointer: fine) {
  .contact-info a:hover {
    background: rgba(0, 171, 190, 0.08);
    border-radius: 8px;
    color: #00abbe;
    fill: #00abbe;
  }
}
.contact-info a:active {
  opacity: 0.8;
}
.contact-info a:active,
.contact-info a:focus-visible {
  background: rgba(0, 171, 190, 0.08);
  border-radius: 8px;
  color: #00abbe;
  fill: #00abbe;
}
.divider {
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.16);
}
.swiper-feedback,
.swiper-project,
.swiper-team,
.swiper-industry,
.swiper-case-studies,
.swiper-cloud-badges,
.swiper-awards,
.swiper-post,
.swiper-web-app-timeline {
  width: 100%;
  height: fit-content;
}
.swiper-feedback .swiper-wrapper,
.swiper-project .swiper-wrapper,
.swiper-team .swiper-wrapper,
.swiper-industry .swiper-wrapper,
.swiper-case-studies .swiper-wrapper,
.swiper-cloud-badges .swiper-wrapper,
.swiper-awards .swiper-wrapper,
.swiper-post .swiper-wrapper,
.swiper-web-app-timeline .swiper-wrapper {
  height: fit-content;
}
.swiper-feedback .swiper-slide,
.swiper-project .swiper-slide,
.swiper-team .swiper-slide,
.swiper-industry .swiper-slide,
.swiper-case-studies .swiper-slide,
.swiper-cloud-badges .swiper-slide,
.swiper-awards .swiper-slide,
.swiper-post .swiper-slide,
.swiper-web-app-timeline .swiper-slide {
  height: auto;
  width: min-content;
}
.swiper .swiper-pagination-bullet-active,
.swiper-pagination-web-app-timeline .swiper-pagination-bullet-active,
.swiper .swiper-pagination-bullet,
.swiper-pagination-web-app-timeline .swiper-pagination-bullet {
  background-color: #00abbe;
}
.stretched-active-bullet .swiper-pagination-bullet-active {
  width: 18px;
  border-radius: 4px;
}
.stretched-active-bullet .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.stretched-active-bullet .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}
.stretched-active-bullet .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.stretched-active-bullet .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0 3px;
}
.swiper-buttons {
  display: flex;
  margin: 48px auto 0;
  width: fit-content;
}
.swiper-buttons svg {
  fill: rgba(255, 255, 255, 0.64);
  width: 21px;
  height: 10px;
}
.swiper-buttons button:first-of-type {
  margin-right: 15px;
}
.swiper-buttons button:first-of-type svg {
  transform: rotateY(180deg);
}
@media (max-width: 800px) {
  .swiper-buttons {
    margin-top: 72px;
  }
}
@media (max-width: 575px) {
  .swiper-buttons {
    margin-top: 56px;
  }
}
.swiper-side-buttons {
  position: absolute;
  top: 0;
  left: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 10px);
  height: calc(100% - 66px);
  z-index: 9;
  pointer-events: none;
}
.swiper-side-buttons button:first-of-type svg {
  transform: rotateY(180deg);
}
.swiper-side-buttons .swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background: transparent;
  border-radius: 50px;
  cursor: pointer;
  background: #00abbe;
  opacity: 0.48;
  pointer-events: visible;
}
@media (hover: hover) and (pointer: fine) {
  .swiper-side-buttons .swiper-button:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.08);
  }
}
.swiper-side-buttons .swiper-button:active:not(.disabled) {
  opacity: 0.8;
}
.swiper-side-buttons .swiper-button:focus-visible:not(.disabled),
.swiper-side-buttons .swiper-button:active:not(.disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.swiper-side-buttons .swiper-button.disabled {
  cursor: default;
}
.swiper-side-buttons .swiper-button.disabled svg {
  opacity: 0.32;
}
.swiper-side-buttons .swiper-button svg {
  fill: #ffffff;
  width: 15px;
}
@media (hover: hover) and (pointer: fine) {
  .swiper-side-buttons .swiper-button:hover:not(.disabled) {
    background: #00abbe;
    opacity: 1;
  }
}
.swiper-side-buttons .swiper-button:focus-visible:not(.disabled),
.swiper-side-buttons .swiper-button:active:not(.disabled) {
  background: #00abbe;
  opacity: 1;
}
.collapse-button {
  user-select: none;
}
.logo {
  width: 88px;
  height: 20px;
  fill: #ffffff;
}
.loader {
  display: none;
  border: 4px solid transparent;
  border-top: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  animation: spin 1.5s linear infinite;
}
.loader.show {
  display: block;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.breadcrumb {
  display: flex;
  color: rgba(255, 255, 255, 0.64);
}
.breadcrumb li {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
}
.breadcrumb li:first-of-type {
  flex: 0 0 auto;
}
.breadcrumb li:not(:first-of-type) {
  min-width: 45px;
}
.breadcrumb li.body3 {
  color: rgba(255, 255, 255, 0.32);
}
.breadcrumb li a {
  color: unset;
}
@media (hover: hover) and (pointer: fine) {
  .breadcrumb li a:hover {
    color: #00abbe;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}
.breadcrumb li a:active {
  color: #00abbe;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.breadcrumb li + li:before {
  padding: 0 12px;
  background: url("../../assets/icons/arrowRight.svg");
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.tooltip {
  position: relative;
  width: fit-content;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext {
  position: absolute;
  left: 50%;
  bottom: 105%;
  z-index: 1;
  visibility: hidden;
  width: fit-content;
  background: #555473;
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.contact-card {
  padding: 64px;
  max-width: 760px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='28' ry='28' stroke='rgba(255, 255, 255, 0.32)' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='50' stroke-linecap='square'/%3e%3c/svg%3e");
  background-position: center;
  border-radius: 24px;
  box-sizing: border-box;
  text-align: center;
}
.contact-card .body1 {
  margin: 0 auto 40px;
}
.contact-card h3 {
  margin: 0 auto 24px;
}
@media (max-width: 575px) {
  .contact-card {
    padding: 40px;
  }
}
@media (max-width: 370px) {
  .contact-card {
    padding: 40px 20px;
    overflow: auto;
  }
}
.tile-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-sizing: border-box;
}
.tile-card img {
  width: 64px;
  height: 64px;
  margin-bottom: 40px;
}
.tile-card .typography5 {
  letter-spacing: 0.3px;
}
.tile-card .typography5,
.tile-card .body1:not(:last-child) {
  margin-bottom: 16px;
}
.tile-card .text-button {
  margin-top: auto;
}
.tile-card .text-button:hover,
.tile-card .text-button:active {
  background: none;
  opacity: 1;
}
@media (max-width: 575px) {
  .tile-card {
    max-width: 450px;
    margin: 0 auto;
  }
}
.link {
  color: #00abbe;
}
.link:hover {
  opacity: 0.8;
}
.blue-bullet-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.blue-bullet-list li {
  display: flex;
  color: #ffffff;
}
.blue-bullet-list li:not(:last-of-type) {
  margin-bottom: 16px;
}
.blue-bullet-list li::before {
  content: "\2022";
  margin-right: 10px;
  color: #00abbe;
  font-weight: bold;
  min-width: 23px;
}
.purple-navy-bg-circles,
.purple-navy-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.purple-navy-bg-circles {
  z-index: -2;
  background: radial-gradient(26.47% 38.96% at 42.37% 33.44%, #754bf2 0%, rgba(178, 147, 251, 0) 100%), radial-gradient(15.67% 22.92% at 71.22% 50%, #3f62f1 0%, rgba(139, 166, 250, 0) 100%), radial-gradient(23.41% 36.35% at 4.62% 78.85%, #00abbe 0%, rgba(94, 235, 226, 0) 100%), radial-gradient(30.77% 50% at 31.79% 95.94%, #3f62f1 0%, rgba(139, 166, 250, 0) 100%), radial-gradient(20.95% 32.12% at 16.2% 21.15%, #3f62f1 0%, rgba(139, 166, 250, 0) 100%), radial-gradient(18.14% 29.38% at 48.86% 79.38%, #00abbe 0%, rgba(94, 235, 226, 0) 100%), radial-gradient(15.03% 25% at 76.37% 83.65%, #754bf2 0%, rgba(178, 147, 251, 0) 100%), radial-gradient(26.44% 41.44% at 100% 74.58%, #3f62f1 0%, rgba(139, 166, 250, 0) 100%), radial-gradient(18.61% 26.35% at 92.44% 24.79%, #00abbe 0%, rgba(94, 235, 226, 0) 100%), radial-gradient(19% 27.6% at 70.55% 12.71%, #3f62f1 0%, rgba(139, 166, 250, 0) 100%);
}
.purple-navy-bg {
  background: rgba(20, 20, 74, 0.8);
  backdrop-filter: blur(125px);
  -webkit-backdrop-filter: blur(125px);
  z-index: -1;
}
/*# sourceMappingURL=main.css.map */