/* =========================
   Base colors
========================= */
/* =========================
   Brand
========================= */
/* =========================
   Text
========================= */
/* =========================
   Backgrounds
========================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
button {
  margin: 0;
  padding: 0;
}

ol,
ul,
li {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: inherit;
  outline: none;
}

img,
picture {
  max-width: 100%;
  display: block;
  object-fit: contain;
  height: auto;
}

input,
button,
textarea,
select, a {
  resize: none;
}

a,
button,
input, textarea, select, input::placeholder, textarea::placeholder {
  font: inherit;
  outline: none;
}

button {
  outline: none;
  border: none;
  background-color: transparent;
}

input,
textarea,
select {
  outline: none;
  border: none;
}

input[type=submit],
select, button {
  cursor: pointer;
}

a,
button,
input {
  transition: all 0.3s linear;
}

path {
  transition: fill 0.3s linear;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: transparent;
  transition: transform 0.3s ease, padding 0.3s ease;
  padding: 24px 0;
}
.header.header--hidden {
  transform: translateY(-100%);
}
.header.header--visible {
  transform: translateY(0);
}
.header.scrolling {
  background-color: #ffffff;
  padding: 6px;
}
.header.scrolling .header__wrapper {
  padding: 4px 0;
}
.header__wrapper {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 11px 0;
}
.header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__menu {
  margin-left: auto;
  margin-right: 5vw;
}
@media screen and (max-width: 1024px) {
  .header__menu {
    display: none;
  }
  .header__wrapper {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .header__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .header .static-button {
    min-width: unset;
    width: 100%;
  }
  .header__wrapper {
    flex-direction: column;
    gap: 16px;
    padding: 0;
    transition: gap 0.3s ease;
  }
  .header.scrolling .header__wrapper {
    gap: 8px;
  }
}

.nav, .nav__list {
  display: flex;
  align-items: center;
  gap: 24px;
}
.nav a {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
  letter-spacing: -1px;
  color: #1E293B;
  position: relative;
  transition: color 0.3s ease;
}
.nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  width: 0;
  height: 1.5px;
  background: #3037C2;
  transition: width 0.2s ease;
}
.nav .hidden-link {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.nav a:hover, .nav a.current-link {
  color: #3037C2;
}
.nav a:hover::after, .nav a.current-link::after {
  width: 100%;
}

.footer {
  background-color: #080045;
  color: #ffffff;
  padding: 120px 0 40px;
}
.footer__wrapper {
  display: grid;
  gap: 100px;
}
.footer .text-grey, .footer__bottom {
  color: #94A3B8;
}
.footer__bottom a, .footer__menu a {
  transition: color 0.3s linear;
}
.footer__bottom a:hover, .footer__contacts a:hover {
  color: #ffffff;
}
.footer .logo-text {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -1px;
  color: #FFFFFF;
  margin-bottom: 12px;
}
.footer__text {
  margin-bottom: 28px;
}
.footer__items {
  display: grid;
  grid-template-columns: 56% 44%;
}
.footer__about {
  max-width: 530px;
}
.footer__item_links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__menu a {
  display: flex;
  align-items: center;
  padding: 8px 0 8px;
}
.footer__menu a:hover {
  color: #94A3B8;
}
.footer__social {
  display: grid;
  gap: 10px;
}
.footer__social a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border: 1px solid #080045;
  border-radius: 40px;
  color: #080045;
  transition: color 0.3s linear, background-color 0.3s linear, border 0.3s linear;
}
.footer__social a:hover {
  background-color: #94A3B8;
  color: #fff;
  border-color: #94A3B8;
}
.footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .footer {
    padding: 64px 0 24px;
  }
  .footer__wrapper {
    gap: 24px;
  }
  .footer .footer__items {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .footer__bottom li {
    width: calc(50% - 8px);
  }
  .footer__bottom li:nth-child(2n) {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    gap: 8px;
  }
}

.nice-select {
  background-color: #fff;
  border: 1px solid #D9DEFF;
  border-radius: 40px;
  height: 60px;
  line-height: 58px;
  padding-left: 25px;
  padding-right: 40px;
  color: #080045;
  font-size: 16px;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.nice-select:after {
  border-bottom: 2px solid #080045;
  border-right: 2px solid #080045;
  height: 8px;
  width: 8px;
  right: 25px;
  margin-top: -6px;
}
.nice-select.open {
  border-color: #080045;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select .list {
  background-color: #fff;
  border: 1px solid #D9DEFF;
  border-radius: 25px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  margin-top: 8px;
  padding: 10px 0;
  width: 100%;
  overflow: hidden;
}
.nice-select .list .option {
  padding: 12px 25px;
  line-height: 1.4;
  min-height: auto;
  color: #080045;
  transition: background 0.2s;
}
.nice-select .list .option:hover, .nice-select .list .option.focus, .nice-select .list .option.selected.focus {
  background-color: #f4f6fb;
}
.nice-select .list .option:not(:last-child) {
  border-bottom: 1px solid #D9DEFF;
}

.form-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #080045;
  padding-left: 5px;
}

.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.input-error {
  border-color: #DE2626 !important;
}

.input-error + .nice-select {
  border-color: #DE2626 !important;
}

label.error {
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -1px;
  color: #DE2626;
}

.iti--container {
  z-index: 999999 !important;
}

form {
  text-align: left;
}
form, form > div {
  display: grid;
  gap: 4px;
}
form {
  /* Dropdown container */
}
form .iti__dropdown-content {
  border-radius: 25px;
  border: 1.5px solid #e8eaf0;
  box-shadow: 0 8px 32px rgba(60, 80, 140, 0.1);
  overflow: hidden;
  padding: 4px 0;
  background: #fff;
}
form .iti__selected-country-primary {
  padding-left: 25px;
}
form .iti__tel-input {
  padding-left: 120px;
}
form {
  /* Each country item */
}
form .iti__country {
  padding: 14px 20px;
  font-size: 15px;
  color: #2d3560;
  font-weight: 400;
  border-bottom: 1.5px solid #f0f2f7;
  transition: background 0.15s;
}
form .iti--inline-dropdown .iti__dropdown-content {
  z-index: 4;
}
form .iti__country:last-child {
  border-bottom: none;
}
form .iti__country:hover,
form .iti__country.iti__active {
  background: #f5f7ff;
  color: #2d3560;
}
form {
  /* Search input inside dropdown (if enabled) */
}
form .iti__search-input {
  border-radius: 20px;
  border: 1.5px solid #e8eaf0;
  margin: 8px 12px;
  padding: 8px 12px;
  font-size: 14px;
  width: calc(100% - 24px);
  outline: none;
  color: #2d3560;
}
form {
  /* Flag + dial code */
}
form .iti__flag-container {
  padding: 0 8px;
}
form {
  /* Main input wrapper */
}
form .iti {
  width: 100%;
}
form .iti__selected-dial-code {
  color: #2d3560;
  font-size: 15px;
}
form {
  /* ---- Error state ---- */
}
form .iti--error .iti__selected-flag,
form input.input-error ~ * .iti__selected-flag {
  border-color: #e53935;
}
form {
  /* Target the wrapper when phone is invalid */
}
form .form__group.phone-error .iti__selected-flag {
  border-color: #e53935;
}
form .form__group.phone-error .iti > input[type=tel] {
  border-color: #e53935 !important;
  color: #e53935;
}
form input, form select, form textarea {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  width: 100%;
  height: 60px;
  background-color: #FFFFFF;
  border: 1px solid #D9DEFF;
  border-radius: 999px;
  color: #080045;
}
form input::placeholder, form select::placeholder, form textarea::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: #94A3B8;
}
form input:focus, form select:focus, form textarea:focus {
  border-color: #080045;
}
form label, form .error {
  padding-left: 20px;
}
form label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  display: flex;
  align-items: center;
  letter-spacing: -1px;
  color: #080045;
}
form .shimmer-btn {
  margin-top: 32px;
}
form.sending .shimmer-btn, form.sending button {
  pointer-events: none;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  form .shimmer-btn {
    margin-top: 16px;
  }
}

/**/
.demo-remodal {
  background-color: #F8F9FC;
  border: 1px solid #D9DEFF;
  box-shadow: 0 15px 75px rgba(0, 0, 0, 0.18);
  border-radius: 32px;
  padding: 40px;
}
.demo-remodal__content {
  position: relative;
}
.demo-remodal__close {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
.demo-remodal .section-title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 32px;
  max-width: 386px;
  margin: 0 auto 32px;
}
.demo-remodal .section-title span span {
  display: block;
}
@media screen and (min-width: 767px) {
  .demo-remodal.remodal {
    max-width: 423px;
  }
}
@media screen and (min-width: 1024px) {
  .demo-remodal.remodal {
    max-width: 584px;
  }
}
@media screen and (max-width: 767px) {
  .demo-remodal {
    padding: 24px;
  }
  .demo-remodal .section-title {
    max-width: 308px;
    font-size: 24px;
  }
}

.demo-remodal-response .section-title {
  margin-bottom: 16px;
}

/** Generals **/
body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -1px;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

section {
  padding: 120px 0;
}
@media screen and (max-width: 1024px) {
  section {
    padding: 64px 0;
  }
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  letter-spacing: -1px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
}

.layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
}

.main {
  flex-grow: 1;
}

.custom-container {
  max-width: 1172px;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .custom-container {
    max-width: 720px;
  }
}

.section-main-title, .section-title {
  line-height: 1;
  letter-spacing: -0.04em;
  color: #080045;
  text-align: center;
}

.section-main-title {
  font-size: 72px;
}
@media screen and (max-width: 1024px) {
  .section-main-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .section-main-title {
    font-size: 32px;
  }
}

.section-title {
  font-size: 60px;
}
.section-title span {
  text-align: center;
  letter-spacing: -1px;
  background: linear-gradient(96.45deg, #3037C2 -12.97%, #9DA1F9 99.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media screen and (max-width: 1024px) {
  .section-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .section-title {
    font-size: 24px;
  }
}

.section-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -1px;
  color: #64748B;
}
@media screen and (max-width: 1024px) {
  .section-text {
    font-size: 14px;
  }
}

.section-wrapper {
  margin-bottom: 64px;
}
.section-wrapper .section-label {
  margin-bottom: 24px;
}
.section-wrapper .section-title, .section-wrapper .section-main-title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .section-wrapper {
    margin-bottom: 24px;
  }
  .section-wrapper .section-label {
    margin-bottom: 16px;
  }
}

.section-label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  max-width: fit-content;
  background-color: #F8F9FC;
  border: 1px solid #D9DEFF;
  border-radius: 999px;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -1px;
  color: #3037C2;
  margin: 0 auto;
}
.section-label svg, .section-label .icon, .section-label img {
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .section-label {
    font-size: 14px;
  }
}

.with-grey-bg {
  background-color: #F8F9FC;
}
.with-grey-bg .section-label {
  background-color: #ffffff;
}

.static-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s, background-color 0.3s;
  padding: 9px 16px;
  min-width: 145px;
  border: 1px solid #080045;
  border-radius: 120px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -1px;
  color: #ffffff;
}

.static-button--border {
  color: #080045;
  border-color: #080045;
  background-color: #ffffff;
}
.static-button--border:hover {
  background-color: #3037C2;
  border-color: #3037C2;
  color: #ffffff;
}

.static-button--primary {
  background-color: #080045;
  border: 1px solid #080045;
}
.static-button--primary:hover {
  background-color: #3037C2;
  border-color: #3037C2;
}

/* shimmer-btn */
.shimmer-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: fit-content;
  height: 60px;
  padding: 8px 8px 8px 24px;
  border-radius: 999px;
  border: none;
  background-color: #080045;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease;
  margin: 0 auto;
  box-shadow: 0 10px 45px rgba(8, 0, 69, 0.18);
}
.shimmer-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.35) 50%, transparent 70%);
  transform: translateX(-100%);
  animation: shimmer 2.5s infinite;
}
.shimmer-btn__text {
  position: relative;
  z-index: 2;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #F8F9FC;
}
.shimmer-btn__icon {
  position: relative;
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #D9DEFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s linear;
}
.shimmer-btn:hover {
  box-shadow: 0 14px 60px rgba(8, 0, 69, 0.25);
}
.shimmer-btn:hover .shimmer-btn__icon {
  transform: rotate(-45deg);
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.content-text ol, .content-text ul, .content-text li {
  list-style: unset;
}
.content-text ul, .content-text ol {
  list-style-position: outside;
  padding-left: 1.5rem;
}
.content-text ul {
  list-style-type: disc;
}
.content-text ol {
  list-style-type: decimal;
}
.content-text li {
  display: list-item;
  margin-bottom: 0.2rem;
  line-height: 1.3;
}

/** section-accent **/
.section-accent {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
}
.section-accent .section-wrapper {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  display: grid;
  gap: 40px;
  z-index: 1;
  max-width: 628px;
  width: 100%;
  margin: 0 auto;
}
.section-accent .section-image {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(96.45deg, #3037C2 -12.97%, #9DA1F9 99.97%);
}
.section-accent .section-title {
  color: #ffffff;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .section-accent .section-wrapper {
    top: 40px;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .section-accent .section-title {
    max-width: 238px;
    margin: 0 auto;
  }
}

/* custom list */
.custom-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  list-style: none;
  padding: 0;
}
.custom-list li {
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}
.custom-list li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-color: #ffffff;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 5L7.49992 14.1667L3.33325 10' stroke='%23D9DEFF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-size: contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 5L7.49992 14.1667L3.33325 10' stroke='%23D9DEFF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
}
@media screen and (max-width: 1024px) {
  .custom-list li {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .custom-list {
    gap: 8px;
  }
}

@media (max-width: 768px) {
  .feature-list {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    gap: 15px;
  }
}
/** Animation **/
.reveal-animate {
  position: relative;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 1.2s ease-out, opacity 1.2s ease-out;
}

.reveal-animate.active-animate {
  transform: translateY(0);
  opacity: 1;
}

/** SECTIONS */
/* Section: HERO */
.s-hero {
  padding: 150px 0 120px;
  position: relative;
  overflow: hidden;
}
.s-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/sections/background-elipses.webp");
  background-repeat: no-repeat;
  background-size: contain;
}
.s-hero .custom-container {
  position: relative;
  z-index: 1;
}
.s-hero .section-text {
  max-width: 572px;
  margin-right: auto;
  margin-left: auto;
}
.s-hero .shimmer-btn {
  margin-bottom: 64px;
}
.s-hero__media {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: rgba(8, 0, 69, 0.05);
  border-radius: 40px;
  flex: none;
  order: 0;
  flex-grow: 0;
  padding: 12px;
}
.s-hero__media:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(248, 249, 252, 0.65);
  border-radius: 32px;
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  backdrop-filter: blur(12px) saturate(150%);
}
.s-hero__media img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .s-hero {
    padding: 128px 0 64px;
  }
  .s-hero__media {
    padding: 6px;
    border-radius: 24px;
  }
  .s-hero__media:before {
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  .s-hero {
    padding: 180px 0 64px;
  }
  .s-hero__media {
    padding: 8px;
    border-radius: 16px;
  }
  .s-hero__media:before {
    border-radius: 8px;
  }
}

/* Logo Ticket */
.our-clients {
  padding: 100px 0;
}
.our-clients__title {
  margin-bottom: 64px;
  color: #000;
}
@media screen and (max-width: 1199.98px) {
  .our-clients {
    padding: 64px 0;
  }
  .our-clients__title {
    margin-bottom: 36px;
  }
}

@keyframes logo-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.logo-ticker {
  overflow: hidden;
  position: relative;
}
.logo-ticker::before, .logo-ticker::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}
.logo-ticker::before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.logo-ticker::after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.logo-ticker__track {
  display: flex;
  align-items: center;
  gap: 64px;
  width: max-content;
  animation: logo-scroll 32s linear infinite;
}
.logo-ticker__track:hover {
  animation-play-state: paused;
}
.logo-ticker__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 80px;
}
.logo-ticker__item img {
  height: auto;
  max-width: 160px;
  width: auto;
  object-fit: contain;
  transition: filter 0.3s linear;
}
@media (max-width: 767.98px) {
  .logo-ticker::before, .logo-ticker::after {
    width: 48px;
  }
  .logo-ticker__track {
    gap: 33px;
  }
  .logo-ticker__item {
    height: 60px;
  }
  .logo-ticker__item img {
    max-width: 120px;
  }
}

/* Section: s-accomplishments */
/* comparison-container */
.comparison-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.comparison-container .colum-list {
  display: grid;
  gap: 8px;
}
.comparison-container .colum {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 32px;
  padding: 40px;
}
.comparison-container .colum-item {
  transform: rotate(0deg);
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.comparison-container .colum-item:before, .comparison-container .colum-title:before {
  content: "";
  display: block;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.comparison-container .colum-title {
  display: grid;
  align-items: center;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: -1px;
  color: #080045;
  margin-bottom: 32px;
  line-height: 1;
  position: relative;
}
.comparison-container .colum-title:before {
  width: 64px;
  height: 64px;
}
.comparison-container .title {
  color: #1E293B;
}
.comparison-container .colum-item {
  display: grid;
  row-gap: 8px;
  padding: 16px 16px 16px 72px;
  backdrop-filter: blur(10px);
  border-radius: 16px;
  position: relative;
}
.comparison-container .colum-item:before {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
}
.comparison-container .section-text {
  text-align: left;
}
.comparison-container .colum.pros {
  background-color: rgba(218, 250, 230, 0.2);
  border-color: #0AA453;
}
.comparison-container .colum.pros .colum-item {
  background: linear-gradient(331.31deg, rgba(255, 255, 255, 0) 0.64%, rgba(255, 255, 255, 0.55) 99.06%);
  border: 1px solid #0AA453;
  box-shadow: inset 0.827957px 0.827957px 5.7957px rgba(255, 255, 255, 0.75);
  filter: drop-shadow(0px 2px 11.5914px rgba(21, 25, 37, 0.06));
}
.comparison-container .colum.pros .colum-item:before {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23DAFAE6'/%3E%3Cpath d='M20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20C10 25.5228 14.4772 30 20 30Z' stroke='%230AA453' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 20L19 22L23 18' stroke='%230AA453' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.comparison-container .colum.pros .colum-title:before {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='%23DAFAE6'/%3E%3Cpath d='M32.0001 45.3333C39.3639 45.3333 45.3334 39.3638 45.3334 32C45.3334 24.6362 39.3639 18.6666 32.0001 18.6666C24.6363 18.6666 18.6667 24.6362 18.6667 32C18.6667 39.3638 24.6363 45.3333 32.0001 45.3333Z' stroke='%230AA453' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 31.9999L30.6667 34.6666L36 29.3333' stroke='%230AA453' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.comparison-container .colum.cons {
  background-color: rgba(255, 226, 226, 0.2);
  border-color: #DE2626;
}
.comparison-container .colum.cons .colum-item {
  background: linear-gradient(331.31deg, rgba(255, 255, 255, 0) 0.64%, rgba(255, 255, 255, 0.55) 99.06%);
  border: 1px solid #DE2626;
  box-shadow: inset 0.827957px 0.827957px 5.7957px rgba(255, 255, 255, 0.75);
  filter: drop-shadow(0px 2px 11.5914px rgba(21, 25, 37, 0.06));
}
.comparison-container .colum.cons .colum-item:before {
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.09344' width='40' height='40' rx='20' transform='rotate(3 2.09344 0)' fill='%23FFE2E2'/%3E%3Cg clip-path='url(%23clip0_332_2331)'%3E%3Cpath d='M20.4959 31.0057C26.0112 31.2948 30.7165 27.0581 31.0056 21.5428C31.2946 16.0275 27.0579 11.3222 21.5426 11.0331C16.0273 10.7441 11.322 14.9808 11.033 20.4961C10.7439 26.0113 14.9806 30.7167 20.4959 31.0057Z' stroke='%23DE2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.2286 17.0249L21.0192 21.0194M20.8099 25.0139L20.8199 25.0145' stroke='%23DE2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_332_2331'%3E%3Crect width='24' height='24' fill='white' transform='translate(9.66375 8.40771) rotate(3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.comparison-container .colum.cons .colum-title:before {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='%23FFE2E2'/%3E%3Cpath d='M32 45.3333C39.3638 45.3333 45.3333 39.3638 45.3333 32C45.3333 24.6362 39.3638 18.6666 32 18.6666C24.6362 18.6666 18.6666 24.6362 18.6666 32C18.6666 39.3638 24.6362 45.3333 32 45.3333Z' stroke='%23DE2626' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M36 28L28 36M28 28L36 36' stroke='%23DE2626' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1024px) {
  .comparison-container .colum {
    padding: 16px;
  }
  .comparison-container .colum-title {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .comparison-container .colum-item {
    padding: 16px 16px 16px 68px;
  }
  .comparison-container .title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .comparison-container {
    grid-template-columns: 1fr;
  }
  .comparison-container .colum {
    padding: 16px;
  }
  .comparison-container .colum-title {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .comparison-container .colum-item {
    padding: 16px 16px 16px 68px;
  }
  .comparison-container .section-text, .comparison-container .title {
    font-size: 14px;
  }
}

.with-animate.colum-list {
  gap: 20px;
}
.with-animate.is-visible .colum-item:nth-child(odd) {
  transform-origin: left center;
  animation-name: collapse-right;
}
.with-animate.is-visible .colum-item:nth-child(even) {
  transform-origin: right center;
  animation-name: collapse-left;
}
.with-animate .colum-item:nth-child(1) {
  animation-delay: 0.1s;
}
.with-animate .colum-item:nth-child(2) {
  animation-delay: 0.3s;
}
.with-animate .colum-item:nth-child(3) {
  animation-delay: 0.5s;
}
.with-animate .colum-item:nth-child(4) {
  animation-delay: 0.7s;
}
.with-animate .colum-item:nth-child(5) {
  animation-delay: 0.9s;
}
.with-animate .colum-item:nth-child(6) {
  animation-delay: 1.1s;
}
@keyframes collapse-right {
  to {
    transform: rotate(4deg);
  }
}
@keyframes collapse-left {
  to {
    transform: rotate(-4deg);
  }
}
@media screen and (max-width: 767px) {
  .with-animate.colum-list {
    gap: 10px;
    padding-bottom: 26px;
  }
}

.s-accomplishments__title span {
  display: block;
}

/* Section: S-solution **/
.tabs-section {
  margin-bottom: 64px;
}
.tabs-section .section-scroll-content {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  margin-bottom: 58px;
  max-width: 1172px;
  margin-left: auto;
  margin-right: auto;
  scrollbar-width: none;
}
.tabs-section .section-scroll-content::-webkit-scrollbar {
  display: none;
}
.tabs-section .tabs-nav {
  display: flex;
  gap: 9px;
  width: max-content;
  min-width: 100%;
  padding: 0 16px;
}
.tabs-section .tabs-nav .tab-link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 8px;
  border-radius: 16px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
  width: max-content;
  flex-shrink: 0;
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #080045;
  border: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #3037C2, #9DA1F9) border-box;
}
.tabs-section .tabs-nav .tab-link:after {
  content: "";
  position: absolute;
  inset: -4px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(to right, #3037C2, #9DA1F9);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.tabs-section .tabs-nav .tab-link .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
}
.tabs-section .tabs-nav .tab-link.active {
  color: #fff;
  background: transparent;
}
.tabs-section .tabs-nav .tab-link.active .icon svg path {
  stroke: #ffffff;
}
.tabs-section .tabs-nav .tab-link.active:after {
  opacity: 1;
}
.tabs-section .tabs-nav .tab-link:hover:not(.active) {
  border-color: #5d5fef;
}
.tabs-section .badge {
  margin: 0 0 16px;
}
.tabs-section .badge svg path {
  stroke: #3037C2;
}
.tabs-section .tab-title {
  font-weight: 500;
  font-size: 32px;
  color: #080045;
  margin: 0 0 6px;
}
.tabs-section .list-title + .list-text {
  margin-top: 4px;
}
.tabs-section .tab-text {
  margin-bottom: 32px;
  text-align: left;
}
.tabs-section .tab-list {
  display: grid;
  gap: 8px;
}
.tabs-section .tab-list + .tab-others {
  margin-top: 32px;
}
.tabs-section .tab-list-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
}
.tabs-section .list-icon {
  display: block;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
  overflow: hidden;
}
.tabs-section .list-title {
  font-size: 16px;
  color: #080045;
  margin: 0;
}
.tabs-section .tab-others {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  background: linear-gradient(331.31deg, rgba(255, 255, 255, 0) 0.64%, rgba(255, 255, 255, 0.55) 99.06%);
  border: 1px solid #D9DEFF;
  box-shadow: inset 0.827957px 0.827957px 5.7957px rgba(255, 255, 255, 0.75);
  filter: drop-shadow(0px 2px 11.5914px rgba(21, 25, 37, 0.06));
  backdrop-filter: blur(10px);
  border-radius: 16px;
}
.tabs-section .tab-others p {
  line-height: 1.3;
  font-weight: 500;
  color: #080045;
}
.tabs-section .tab-others span {
  text-align: center;
  letter-spacing: -1px;
  background: linear-gradient(96.45deg, #3037C2 -12.97%, #9DA1F9 99.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.tabs-section .integrations-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.tabs-section .integration-divider, .tabs-section .integration-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tabs-section .integration-item {
  padding: 16px;
  overflow: hidden;
  gap: 12px;
  background-color: #F8F9FC;
  border: 1px solid #D9DEFF;
  border-radius: 16px;
}
.tabs-section .integration-divider {
  gap: 2.1px;
}
.tabs-section .integration-title {
  font-weight: 500;
  text-align: center;
  letter-spacing: -1px;
  color: #080045;
}
.tabs-section .integration-type {
  font-weight: 400;
  line-height: 130%;
  text-align: center;
  letter-spacing: -1px;
  color: #94A3B8;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.tabs-section .tabs-content {
  position: relative;
  min-height: 404px;
}
.tabs-section .tabs-content .tab-item {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.tabs-section .tabs-content .tab-item.active {
  display: block;
}
.tabs-section .tabs-content .tab-item.active.show {
  opacity: 1;
  transform: translateY(0);
}
.tabs-section .tab-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: dense;
  gap: 64px;
  align-items: center;
}
.tabs-section .reverse {
  grid-template-areas: "image text";
}
.tabs-section .reverse .media-slide {
  grid-area: image;
}
.tabs-section .reverse .text-side {
  grid-area: text;
}
@media screen and (max-width: 1024px) {
  .tabs-section {
    margin-bottom: 40px;
  }
  .tabs-section .section-scroll-content {
    margin-bottom: 36px;
  }
  .tabs-section .tabs-nav {
    gap: 8px;
  }
  .tabs-section .tab-title {
    font-size: 24px;
  }
  .tabs-section .tab-text {
    margin-bottom: 16px;
  }
  .tabs-section .tabs-content {
    min-height: 355px;
  }
  .tabs-section .integration-item {
    padding: 16px 2px;
  }
  .tabs-section .list-title, .tabs-section .tab-others p,
  .tabs-section .integration-type, .tabs-section .integration-title {
    font-size: 14px;
  }
  .tabs-section .list-text {
    text-align: left;
  }
  .tabs-section .tab-list + .tab-others {
    margin-top: 16px;
  }
  .tabs-section .tab-grid {
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tabs-section {
    margin-bottom: 24px;
  }
  .tabs-section .section-scroll-content {
    margin-bottom: 20px;
  }
  .tabs-section .tabs-nav {
    gap: 8px;
  }
  .tabs-section .tab-title {
    font-size: 24px;
  }
  .tabs-section .tab-text {
    margin-bottom: 16px;
  }
  .tabs-section .tabs-content {
    min-height: 355px;
  }
  .tabs-section .tab-grid {
    gap: 40px;
  }
  .tabs-section .tab-grid {
    grid-template-columns: 1fr;
  }
  .tabs-section .image-side {
    transform: translateY(-30px);
  }
  .tabs-section .reverse {
    grid-template-areas: unset;
  }
  .tabs-section .reverse .media-slide {
    grid-area: unset;
  }
  .tabs-section .reverse .text-side {
    grid-area: unset;
  }
}

.s-solution .section-title span {
  display: block;
}
.s-solution .section-main-text {
  max-width: 414px;
  margin-left: auto;
  margin-right: auto;
}
.s-solution .section-accent .section-wrapper {
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 1038px;
}
@media screen and (max-width: 767px) {
  .s-solution .section-accent .section-wrapper {
    position: relative;
    padding: 40px 0;
    transform: none;
    top: unset;
    left: unset;
  }
  .s-solution .section-accent .section-image {
    position: absolute;
    left: 0;
    top: 0;
  }
  .s-solution .section-accent .section-title {
    max-width: 303px;
  }
  .s-solution .section-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* Section: S-why-sales **/
.benefits-list {
  position: relative;
  z-index: 2;
  width: 100%;
  display: grid;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .benefits-list {
    gap: 8px;
  }
}

.benefits-item {
  position: relative;
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: flex-start;
  gap: 8px 32px;
  padding: 40px;
  background-color: #FFFFFF;
  border: 1px solid #D9DEFF;
  border-radius: 32px;
}
.benefits-item:before {
  content: "";
  position: relative;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 48px;
  height: 48px;
  grid-column: 1;
  grid-row: 1/3;
}
.benefits-item__text, .benefits-item__title {
  grid-column: 2/3;
  text-align: left;
  margin: 0;
}
.benefits-item__title {
  font-size: 24px;
}
.benefits-item.item-clock-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23D9DEFF'/%3E%3Cpath d='M24 18V24H20' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 34C29.5228 34 34 29.5228 34 24C34 18.4772 29.5228 14 24 14C18.4772 14 14 18.4772 14 24C14 29.5228 18.4772 34 24 34Z' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefits-item.item-dart-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23D9DEFF'/%3E%3Cpath d='M24 34C29.5228 34 34 29.5228 34 24C34 18.4772 29.5228 14 24 14C18.4772 14 14 18.4772 14 24C14 29.5228 18.4772 34 24 34Z' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 30C27.3137 30 30 27.3137 30 24C30 20.6863 27.3137 18 24 18C20.6863 18 18 20.6863 18 24C18 27.3137 20.6863 30 24 30Z' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 26C25.1046 26 26 25.1046 26 24C26 22.8954 25.1046 22 24 22C22.8954 22 22 22.8954 22 24C22 25.1046 22.8954 26 24 26Z' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefits-item.item-arrow-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23D9DEFF'/%3E%3Cpath d='M28 19H34V25' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34 19L25.5 27.5L20.5 22.5L14 29' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefits-item.item-winner-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23D9DEFF'/%3E%3Cpath d='M27.477 24.8901L28.992 33.4161C29.009 33.5165 28.9949 33.6197 28.9516 33.7119C28.9084 33.8041 28.838 33.8808 28.7499 33.9319C28.6619 33.983 28.5603 34.006 28.4588 33.9978C28.3573 33.9897 28.2607 33.9507 28.182 33.8861L24.602 31.1991C24.4292 31.07 24.2192 31.0003 24.0035 31.0003C23.7878 31.0003 23.5778 31.07 23.405 31.1991L19.819 33.8851C19.7403 33.9496 19.6439 33.9885 19.5425 33.9967C19.4411 34.0049 19.3397 33.982 19.2517 33.931C19.1636 33.88 19.0933 33.8035 19.0499 33.7115C19.0066 33.6195 18.9923 33.5165 19.009 33.4161L20.523 24.8901' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 26C27.3137 26 30 23.3137 30 20C30 16.6863 27.3137 14 24 14C20.6863 14 18 16.6863 18 20C18 23.3137 20.6863 26 24 26Z' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefits-item.item-metric-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23D9DEFF'/%3E%3Cpath d='M15 15V31C15 31.5304 15.2107 32.0391 15.5858 32.4142C15.9609 32.7893 16.4696 33 17 33H33' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31 21L26 26L22 22L19 25' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.benefits-item.item-search-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23D9DEFF'/%3E%3Cpath d='M32.9999 33.0002L28.6599 28.6602' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 31C27.4183 31 31 27.4183 31 23C31 18.5817 27.4183 15 23 15C18.5817 15 15 18.5817 15 23C15 27.4183 18.5817 31 23 31Z' stroke='%233037C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1024px) {
  .benefits-item {
    padding: 16px;
    gap: 8px 12px;
  }
  .benefits-item__title {
    font-size: 16px;
  }
}

.s-why-sales__title {
  letter-spacing: -8%;
  text-align: justify;
}
.s-why-sales__content {
  display: grid;
  grid-template-columns: 44% 56%;
  position: relative;
}
.s-why-sales__list {
  grid-column: 2/3;
}
.s-why-sales__media {
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 735px;
  height: 807.03px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .s-why-sales__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .s-why-sales__title {
    letter-spacing: -8%;
    text-align: center;
  }
  .s-why-sales__list {
    grid-column: unset;
  }
  .s-why-sales__media {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 100%;
    height: unset;
  }
  .s-why-sales__media img {
    position: relative;
    width: 100%;
  }
}

.s-reviews {
  /* Section: S-reviews **/
}
.s-reviews .s-reviews__sliders {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.s-reviews .marquee-row {
  overflow: hidden;
  width: 100%;
  margin: 12px 0;
}
.s-reviews .marquee-row:first-child {
  margin-top: 0;
}
.s-reviews .marquee-row:last-child {
  margin-bottom: 0;
  padding-bottom: 12px;
}
.s-reviews .marquee-track {
  display: inline-flex;
}
.s-reviews .marquee-item {
  flex: 0 0 auto;
  margin-right: 8px;
  max-width: 508px;
  height: 251px;
  cursor: pointer;
}
.s-reviews__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  gap: 32px;
  height: 100%;
  background-color: #FFFFFF;
  border: 1px solid #D9DEFF;
  border-radius: 32px;
  width: 100%;
}
.s-reviews__item_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: #080045;
}
.s-reviews .author-block {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}
.s-reviews .author-info {
  display: grid;
  gap: 2px;
}
.s-reviews .author-name {
  font-size: 16px;
  color: #080045;
  margin: 0;
}
.s-reviews .author-position {
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: #64748B;
}
.s-reviews .author-image {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #D9DEFF;
  width: 50px;
  height: 50px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  color: #080045;
}
.s-reviews .author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .s-reviews__item {
    padding: 16px;
    gap: 24px;
  }
  .s-reviews__item_text, .s-reviews .author-name, .s-reviews .author-position {
    font-size: 14px;
  }
  .s-reviews .marquee-item {
    flex: 0 0 auto;
    margin-right: 8px;
    max-width: 280px;
  }
}

/* Section: S-found **/
@media screen and (max-width: 767px) {
  .s-found .section-accent .section-image {
    min-height: 330px;
  }
}

/* Section: S-about **/
.s-about__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.s-about__media {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 32px;
}
.s-about__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-about .icon-quotes {
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}
.s-about__title {
  font-size: 32px;
  text-align: left;
  margin-bottom: 30px;
}
.s-about__content {
  padding: 24px 0 24px 52px;
  max-width: 492px;
}
.s-about .simple-text {
  margin-bottom: 11px;
  letter-spacing: -1px;
}
.s-about .list-title {
  font-weight: 500;
  margin-bottom: 11px;
}
@media screen and (max-width: 1024px) {
  .s-about__wrapper {
    gap: 40px;
  }
  .s-about__content {
    padding: 0;
    max-width: 100%;
    font-size: 14px;
  }
  .s-about__title {
    margin-bottom: 22px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .s-about__wrapper {
    gap: 24px;
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=theme.css.map */