body {
  color: #030303;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
  position: relative;
  background: #fff;
}

body {
  overflow-x: hidden;
}

html.hidden,
body.hidden {
  overflow: hidden;
}

/** {
    cursor: none !important;
}*/

.section {
  /* margin-top: 40px; */
  opacity: 0;
}

.faq-line-animation .title-line-animation svg {
  width: 100%;
}

.faq-line-animation .title-line-animation {
  bottom: -10px;
}

.container-full {
  max-width: 1392px;
  width: 100%;
  margin: 0 auto;
}

.container-full-page {
  width: 100%;
  border-radius: 24px;
  margin: 0 auto;
  padding: 40px;
  margin-bottom: -40px;
}

.container-large {
  width: 100%;
  max-width: 1392px;
  /* max-width: 1360px; */
  border-radius: 24px;
  margin: 0 auto;
  padding: 80px 40px;
}

.competence {
  padding: 96px 80px;
}

.why-saas .container-large {
  padding: 40px;
}

.why-section-link {
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  border-radius: 8px;
  background-color: #f0f3f7;
  cursor: pointer;
  padding: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #3ebbe4;
  text-decoration: underline;
}

.why-section-link img {
  margin-left: 8px;
}

.container-light {
  background: #ffffff;
}

.container-dark {
  background: #030303;
}

.fashion-custom-width .title {
  max-width: 460px;
}

.testimonials-container .cell-title {
  width: calc(35.33% - 30px);
}

.title {
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  text-transform: none;
  line-height: 55px;
  letter-spacing: -0.02em;
  margin-top: 0;
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}

.container-header .title {
  max-width: 633px;
}

.container-light .title {
  color: #030303;
}

.industries .title {
  max-width: 520px;
}

.container-dark .title {
  color: #ffffff;
}

.description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  display: block;
}

.description {
  color: #f8f8f8;
}

.description {
  color: #858585;
}

.why-saas .description {
  max-width: 500px;
}

.btn {
  background: #3ebbe4;
  border-radius: 8px;
  border: none;
  outline: none;
}

.btn-primary {
  background: #3ebbe4;
  border-radius: 8px;
  padding: 16px 24px;
  background: #3ebbe4;
  border-radius: 8px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  transition: all 0.5s;
}

.btn-primary:hover {
  background: #2e8cab;
}

.btn-primary:hover {
  background: #2e8cab;
}

.btn-white {
  background: #fff;
  color: #030303;
  transition: all 0.5s;
}

.btn-white:hover {
  background: #fff;
  color: #3ebbe4;
}

.btn-white svg path {
  transition: all 0.5s;
}

.btn-white:hover svg path {
  stroke: #3ebbe4;
}

.btn:disabled {
  background: #f2f2f2;
  color: #858585;
  cursor: not-allowed;
}

.custom-dev-proc .container-large {
  padding: 80px 40px;
}

.btn:disabled svg fill {
  stroke: #858585;
}

.btn-primary svg {
  display: block;
  /* margin-left: 10px; */
}

.btn:disabled .btn-image {
  display: none;
}

.btn-image-disabled {
  display: none;
}

.btn:disabled .btn-image-disabled {
  display: block;
}

/* header */

.header {
  background-color: transparent;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
}

.home .header {
  background-color: transparent;
}

.home .header,
.page-template-affiliate-program .header {
  background-color: transparent;
  z-index: 9999;
}

.header.sticky {
  position: fixed;
  top: 0;
  transition: all 0.5s;
  /* box-shadow: 0px 20px 20px -15px rgb(58 18 5 / 5%);
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16)); */
  background: rgba(3, 3, 3, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8.5px);
}

.header.sticky .header__wrapper {
  padding: 10px 15px;
}

.header.sticky .header__wrapper .btn-primary {
  width: 100%;
  max-width: 170px;
  font-size: 14px;
  white-space: nowrap;
  padding: 7px 7px;
}

.btn-sm {
  transition: all 0.5s;
}

.header.sticky .btn-sm {
  padding: 10px 0;
  border: 1px solid transparent;
}

.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px;
  z-index: 3;
  transition: all 0.5s;
}

.header__wrapper .btn-primary {
  width: 100%;
  max-width: 211px;
  white-space: nowrap;
}

.faq-section .title {
  max-width: 593px;
}

.logo a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* width: 170px; */
}

.logo a img {
  max-width: 147px;
  width: 100%;
  object-fit: contain;
  transition: all 0.5s;
}

.mobile-logo {
  display: none;
}

.header.sticky .logo a img {
  max-width: 115px;
  width: 100%;
  object-fit: contain;
}

.nav-menu ul {
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.nav-menu__link {
  flex: 1 1 50%;
  display: block;
  transition: all 0.2s ease;
  position: relative;
  color: var(--Text-Light-Primary, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

.home .nav-menu__link {
  color: #fff;
}

.home .nav-menu__link,
.page-template-affiliate-program .nav-menu__link {
  color: #fff;
  transition: all 0.5s;
}

.header__wrapper .menu-item {
  margin-right: 34px;
}

.header__wrapper .menu-item:last-child {
  margin-right: 0;
}

.nav-menu__link:hover {
  color: #3ebbe4;
}

.nav-menu__list.current-menu-parent .nav-menu__link,
.nav-menu__list.current-menu-item .nav-menu__link,
.nav-menu__list.current-page-ancestor .nav-menu__link,
.nav-menu__list.current-cases-ancestor .nav-menu__link {
  color: #3ebbe4;
}

.menu-item-has-children a {
  position: relative;
}

.menu-item-has-children > a:after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("/wp-content/themes/knubisoft/assets/img/arrowdown2.png");
  background-repeat: no-repeat;
  width: 8px;
  height: 4px;
  object-fit: contain;
  transition: all 0.5s;
}

.menu-item-has-children > a:hover:after {
  transform: rotate(180deg) translateY(50%);
}

.home .menu-item-has-children > a:after,
.page-template-affiliate-program .menu-item-has-children > a:after {
  background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2025/01/07084237/header-dropdown-arrow-white-ico.svg");
}
.header__btn {
  border: 1px solid #202020;
}

.nav-menu {
  display: block;
}

.burger-btn_container {
  display: none;
}
.burger-btn {
  background-color: transparent;
  border: none;
}

.dropdown-menu {
  position: relative;
}

.dropdown-menu > .sub-menu {
  position: absolute;
  top: calc(100% + 16px);
  left: -20px;
  border-radius: 16px;
  width: 420px;
  padding: 0;
  display: none;
}

.dropdown-menu > .sub-menu.active {
  display: block;
}

.sub-menu .sub-menu {
  padding: 0;
}

.header__wrapper .sub-menu .menu-item {
  margin-right: 0px;
  width: 100%;
}

.header__wrapper .sub-menu .sub-menu .menu-item {
  margin-right: 0px;
  margin-bottom: 16px;
}

.header__wrapper .sub-menu .sub-menu .menu-item:last-child {
  margin-bottom: 0px;
}

.header__wrapper .sub-menu .sub-menu .nav-menu__link {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px;
  margin-bottom: 0px;
  transition: all 0.5s;
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
}

.header__wrapper .sub-menu .sub-menu .nav-menu__link img {
  display: block;
  padding: 0;
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 16px;
}

.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,
.menu-image-title-after.menu-image-title {
  padding: 0px;
}

.dropdown-menu > .sub-menu > .menu-item {
  display: block;
  width: 100%;
  padding: 24px;
}

.dropdown-menu > .sub-menu > .menu-item a {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  display: block;
  margin-bottom: 24px;
}

.dropdown-menu > .sub-menu > .menu-item a:hover {
  cursor: initial;
}

.dropdown-menu > .sub-menu > .sub-menu > .menu-item a {
  margin-bottom: 0px;
}

.header__wrapper .sub-menu .sub-menu .nav-menu__link:hover {
  cursor: pointer;
}

#menu-item-1251 {
  border-bottom: 1px solid #dbdbde;
}

.home .header #menu-item-1251,
.page-template-affiliate-program .header #menu-item-1251 {
  border-bottom: 1px solid #333333;
}

.home .header #menu-item-1251 {
  border-bottom: 1px solid #333333;
}

.dropdown-menu > .sub-menu > .menu-item a {
  color: #030303;
}

.header__wrapper .sub-menu .sub-menu .nav-menu__link {
  color: #fff;
}

.home .header .dropdown-menu > .sub-menu > .menu-item a,
.page-template-affiliate-program
  .header
  .dropdown-menu
  > .sub-menu
  > .menu-item
  a {
  color: #ffffff;
}

.home .header .header__wrapper .sub-menu .sub-menu .nav-menu__link,
.page-template-affiliate-program
  .header
  .header__wrapper
  .sub-menu
  .sub-menu
  .nav-menu__link {
  color: #ffffff;
}

.dropdown-menu > .sub-menu {
  border-radius: 0 0 8px 8px;
  background: linear-gradient(239deg, #032331 0%, #113f5f 100%);
  box-shadow: -4px 4px 15.5px 0 rgba(3, 35, 49, 0.3);
}

.home .header .dropdown-menu > .sub-menu,
.page-template-affiliate-program .header .dropdown-menu > .sub-menu {
  border: 1px solid #333333;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16));
  background: rgba(3, 3, 3, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8.5px);
}

.header .header__wrapper .sub-menu .sub-menu .nav-menu__link:hover {
  color: #3ebbe4;
}

.hamburger {
  display: none;
  margin-left: 20px;
  height: 24px;
  padding: 0px;
}

.hamburger:hover {
  opacity: 1;
}

#my-header .hamburger--emphatic.is-active .hamburger-inner {
  background: transparent;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  background: #fff;
}

.site-header.sticky .hamburger-inner,
.site-header.sticky .hamburger-inner:after,
.site-header.sticky .hamburger-inner:before {
  background: #fff;
}

.hamburger {
  height: 18px;
}

.hamburger-box {
  width: 24px;
  height: 18px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 24px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  height: 2px;
}

.hamburger-inner:before {
  top: -7px;
}

.hamburger--emphatic .hamburger-inner:after {
  top: 8px;
}

.hamburger--emphatic .hamburger-inner {
  transition: none;
}
.header-btn.open-popup-link.btn.btn-primary {
  border-radius: 16px;
  background: var(--Elements-Accent, #1dc7f1);
  padding: 8px 24px;
  color: var(--Text-Dark-Primary, #111008);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 167px;
}
.header-btn.open-popup-link.btn.btn-primary svg {
  margin-right: 8px;
  margin-left: 0;
}

/* header end */

/* hero */

.hero {
  border-radius: 0 0 23px 23px;
  background-image: url(/wp-content/themes/knubisoft/assets/img/main-background.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  min-height: 866px;

  /* position: relative; */
}

.hero-gradient-image {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}

.hero-gradient-image-1 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    109.24deg,
    #050607 20.89%,
    #942c56 38.85%,
    #6a101b 64.81%,
    #ec9200 99.84%
  );
  -webkit-backdrop-filter: blur(150px);
  filter: blur(150px);
  right: 0;
  bottom: -60px;
  animation: gradient-right 15s ease infinite;
}

.hero-gradient-image-2 {
  content: "";
  position: absolute;
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    28.21deg,
    #00fff9 22.41%,
    #9747ff 42.85%,
    #1c2d3b 57.3%
  );
  /*-webkit-backdrop-filter: blur(150px);*/
  filter: blur(150px);
  left: 0;
  bottom: -60px;
  animation: gradient-left 5s infinite;
}

/*@keyframes gradient-left {
    0% {
        left: 0;
        bottom: -60px;
    }
    50% {
        left: 20%;
        bottom: 10%;
    }
    100% {
        left: 0;
        bottom: -60px;
    }
}

@keyframes gradient-right {
    0% {
        right: 0;
        bottom: -60px;
    }
    50% {
        right: 20%;
        bottom: 10%;
    }
    100% {
        right: 0;
        bottom: -60px;
    }
}*/

/*@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}*/

.hero-bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 720px;
  z-index: 0;
}

.hero-bg-image img {
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  right: 0px;
  opacity: 0;
}

.hero-bg-image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-title {
  display: inline-block;
  opacity: 0;
  margin-bottom: 5px;
}

.title-line {
  position: absolute;
  width: 100%;
}

.title-line__underline {
  left: -8px;
  bottom: -13px;
  width: 131px;
}

.title-line__behind {
  left: 0;
  bottom: -30px;
}

.title-line__underline svg {
  width: 100%;
}

.large-top-padding-container {
  padding-top: 0;
}

.hero-container {
  padding-top: 170px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.hero-content {
  width: 50%;
}

.hero-image-wrap {
  position: absolute;
  right: 0;
  width: 70%;
}

.hero-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
  margin-top: 30px;
  margin-bottom: 40px;
  opacity: 1;
  max-width: 480px;
}

.container-header .hero-description,
.service-hero-container .hero-description {
  max-width: 587px;
}

.hero-mobile-button-wrap {
  display: none;
  opacity: 0;
}

.hero-mobile-menu-button-wrap {
  display: none;
}

.btn-hero {
  margin-right: auto;
  opacity: 0;
}

.hero-title .title-line svg path {
  stroke-dasharray: 630px;
  stroke-dashoffset: 630px;
}

.new-hero-container {
  /* padding-top: 212px; */
  padding-top: 288px;
  padding-bottom: 127px;
  display: flex;
  /* align-items: flex-start; */
  justify-content: space-between;
  text-align: center;
  flex-wrap: wrap;
}

.new-hero-title.title {
  font-size: 64px;
  line-height: 77px;
  opacity: 1;
}

.new-hero-container .hero-description {
  max-width: 740px;
  z-index: 2;
}

.new-hero-title .title-line-1 {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 4px;
  bottom: -14px;
  z-index: -1;
}

.new-hero-title .title-line-1 svg path {
  stroke-dasharray: 260px;
  stroke-dashoffset: 260px;
}

.new-hero-title .title-line-2 {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: auto;
  left: 0;
  bottom: -20px;
  z-index: -1;
}

.new-hero-title .title-line-2 svg path {
  stroke-dasharray: 900px;
  stroke-dashoffset: 900px;
}

.new-hero-title .title-line-2 svg {
  width: 100%;
}

.sertificates-container {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, 0px);
  opacity: 0;
  z-index: 3;
}

.sertificate-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sertificate-list-mobile {
  display: none;
}

.sertificate-item {
  width: 95px;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sertificate-item-image {
  max-width: 95%;
  max-height: 95%;
  object-fit: contain;
}

.hero-ellipse {
  width: 506px;
  height: 506px;
  background: #f5028d;
  border-radius: 50%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.hero-image-wrap {
  opacity: 0;
}

.hero-image-wrap img {
  height: auto;
  object-fit: contain;
  max-height: 640px;
}

.m1_cGroup {
  stroke-width: 0;
}

.hero .slider_buttons-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 200px;
  opacity: 0;
}

.slider_buttons-container button {
  background: transparent;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0px;
  border: none;
}

.slider_buttons-container button svg {
  width: 100%;
}

.hero .slider_buttons-container button:first-child {
  margin-bottom: 24px;
}

.slider-counter {
  font-weight: 500;
  font-size: 24px !important;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #ffffff;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  transform: rotate(180deg);
  margin-right: 7px;
  margin-top: 180px;
}

.container-dark .slider_buttons-container button svg path {
  stroke: #ffffff;
}

.container-light .slider_buttons-container button svg path {
  stroke: #030303;
}

.section-slider_buttons-container button {
  margin-right: 20px;
}

/* .section-slider_buttons-container button {
  transform: rotate(-90deg);
} */

.container-dark .slider_buttons-container .slider-counter {
  color: #ffffff;
}

.container-light .slider_buttons-container .slider-counter {
  color: #030303;
}

.section-slider_buttons-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  bottom: 0;
  left: 0;
}

.section-slider_buttons-container .slider-counter {
  writing-mode: initial;
  text-orientation: initial;
  transform: rotate(0deg);
  margin-right: 7px;
  margin-top: 0px;
  margin-left: 8px;
}

/*what-we-do-section*/

.what-we-do-section {
  margin-top: 100px;
}

/*.what-we-do-section .container-large {
    padding-bottom: 0px;
}*/

.what-we-do-container {
  display: flex;
  align-items: inherit;
}

.cell-title {
  /*width: calc(33.33% - 30px);*/
  margin-right: auto;
  position: relative;
}

.what-we-do-list .what-we-do-item:not(:last-child) {
  border-bottom: 1px solid #3333331a;
}

.dropdown-menu > .sub-menu > .menu-item:not(:last-child) {
  border-bottom: 1px solid #dadada42;
}

.footer
  .footer-menu-selector
  .menu-item-has-children
  .sub-menu
  li:not(:last-child)
  a {
  margin-bottom: 18px;
}

.why-build-saas-list .what-we-do-item:not(:last-child) {
  border-bottom: 1px solid #3333331a;
}

.what-we-do-list.bb-none .what-we-do-item {
  border-bottom: 0;
}

.what-we-do-item-content {
  margin-bottom: 40px;
}

.cell-content {
  width: 66.66%;
}

.saas-dev-serv .cell-title,
.why-build-saas .cell-title,
.why-build-saas .why-build-saas-list {
  padding-top: 0;
}

.what-we-do-list {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -40px;
}
.saas-dev-serv .what-we-do-list {
  padding-top: 0;
}

.saas-dev-serv .container-large {
  padding: 80px 40px;
}

.what-we-do-item {
  width: calc(50% - 10px);
  margin-bottom: 10px;
  transition: all 0.5s;
}

.title-what-we-do-animation {
  left: 0;
  bottom: -13px;
  width: 100%;
}

.home .what-we-do-item {
  min-height: 300px;
}

.what-we-do-item-link {
  padding: 15px;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  border-radius: 16px;
}

.what-we-do-item-link:hover {
  background: #f0f3f7;
}

.what-we-do-item-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.what-we-do-item-icon {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.what-we-do-item-header-link {
  width: 48px;
  height: 48px;
  background: #f1f3f7;
  border-radius: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

.what-we-do-item-link:hover .what-we-do-item-header-link {
  background: #ffffff;
}

.what-we-do-item-content {
  display: block;
  width: 100%;
  max-width: 336px;
}

.what-we-do-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
  margin-top: 0px;
  margin-bottom: 15px;
}

.what-we-do-item-cub-content {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  position: relative;
  z-index: 1;
}

.what-we-do-item-cub-content ol,
.what-we-do-item-cub-content ul,
.what-we-do-item-cub-content-hover ol,
.what-we-do-item-cub-content-hover ul {
  padding-left: 20px;
  margin: 0;
}

.what-we-do-item-cub-content ol li,
.what-we-do-item-cub-content ul li,
.what-we-do-item-cub-content-hover ol li,
.what-we-do-item-cub-content-hover ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  list-style-type: inherit;
}

.what-we-do-item-cub-content-default {
  display: none;
}

.what-we-do-item-cub-content-hover {
  display: none;
}

.what-we-do-title svg path {
  stroke-dasharray: 260px;
  stroke-dashoffset: 260px;
}

.title-line-animation {
  display: block;
  width: 100%;
}

.what-we-do-title .title-line-animation {
  position: absolute;
  right: 78px;
  top: 6px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

/*what-we-do-section*/

/*portfolio-section*/

.portfolio-section .case-container {
  display: flex;
  align-items: inherit;
  justify-content: space-between;
}

.portfolio-section-white .case-container {
  display: flex;
  align-items: inherit;
  justify-content: space-between;
}

.portfolio-section {
  min-height: 754px;
  display: flex;
  align-items: center;
  background: #030303;
}
.portfolio-section.portfolio-section-new {
  background: #fff;
}
.portfolio-section.portfolio-section-new .container-large {
  border-radius: 16px;
  background: #032331;
  padding: 80px 0 56px 80px;
}
.portfolio-section .cell-title {
  position: relative;
}

.portfolio-section-white .cell-title {
  position: relative;
  padding: 15px;
}

.portfolio-section .case-items {
  width: 66.66%;
}

.portfolio-section-white .case-items {
  width: 66.66%;
}

.portfolio-section .case-item {
  height: 587px;
  max-width: 406px;
  background-repeat: no-repeat;
  /* background-position: 50% 100%; */
  background-size: contain;
  border-radius: 24px;
  margin: 0px 20px;
}

.portfolio-section-white .case-item {
  max-width: 406px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: contain;
  border-radius: 24px;
  margin: 0px 20px;
}

.portfolio-section .item-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 80px);
}

.portfolio-section-white .item-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.portfolio-section .case-item-link {
  display: block;
  width: 100%;
  height: 100%;
}

.portfolio-section-white .case-item-link {
  display: block;
  width: 100%;
  height: 100%;
}

.portfolio-section .case-item-header {
  padding: 32px 32px 40px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.portfolio-section-white .case-item-header {
  padding: 32px 32px 40px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.portfolio-section .case-item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 5px;
  width: 100%;
}

.portfolio-section-white .case-item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 5px;
  width: 100%;
}

.portfolio-section .case-item-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #f8f8f8;
}

.portfolio-section-white .case-item-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #f8f8f8;
}

.case-slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  margin: 0px -27px;
}

.case-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.case-slider-mobile {
  display: none;
}

.case-slider-mobile-white {
  display: none;
}

.section-slider_buttons-container_mob {
  display: none;
}

.case-item-header-link {
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

.portfolio-title {
  display: inline-block;
}

.portfolio-title .title-line-animation {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0;
  top: 13px;
  left: 0;
  z-index: -1;
}

.portfolio-title .title-line-animation svg {
  width: 100%;
}

.portfolio-title .selected-line-animation {
  right: 0px;
  left: 0;
  width: 100%;
  top: 15px;
}

.home-sticky-custom-width .description {
  max-width: 380px;
}

.portfolio-title .selected-line-animation svg {
  width: 100%;
}

.portfolio-title .title-line-animation svg path {
  stroke-dasharray: 260px;
  stroke-dashoffset: 260px;
}

.portfolio-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 32px;
}

.portfolio-section .case-container .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
}

.portfolio-section-white .case-container .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
}

/*portfolio-section*/

/*testimonials*/

.testimonials-slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

.testimonials-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.testimonials-container {
  display: flex;
  align-items: inherit;
  justify-content: space-between;
}

.testimonials-items {
  background: #030303;
  border-radius: 24px;
  padding: 32px;
  padding-right: 0px;
  width: calc(61.66% - 40px);
}

.testimonial-item-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.testimonial-item-content {
  width: calc(50% - 20px);
}

.testimonial-item-logo-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 24px;
}

.testimonial-item-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
}

.testimonial-item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 5px;
}

.testimonial-item-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #f8f8f8;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.testimonial-item-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
  margin-top: 0px;
  margin-bottom: 48px;
}

.testimonial-item-image {
  width: calc(50% - 21px);
  border-radius: 16px 0px 0px 16px;
  position: relative;
}

.testimonial-item-image-mobile {
  display: none;
}

.testimonial-item-image-icon {
  position: absolute;
  top: 16px;
  left: -16px;
  width: 125px;
  height: 100px;
}

.testimonial-item-image-icon-mobile {
  display: none;
}

.testimonial-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px 0px 0px 16px;
}

.testimonial-item-button-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.testimonials-title .title-line-animation {
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 3px;
  top: 12px;
  z-index: -1;
}

.testimonials-title .title-line-animation svg {
  width: 100%;
}

.testimonials-title .title-line-animation svg path {
  stroke-dasharray: 280px;
  stroke-dashoffset: 280px;
}

.video-bullet-wrapper {
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0px 0px 0px 16px;
}

.about-client-image-wrap .video-bullet-wrapper {
  border-radius: 0px 0px 16px 16px;
}

.video-bullet-wrapper svg {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
  margin-right: 10px;
}

.video-bullet-text {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

.section-slider_buttons-mobile {
  display: none;
}

/*testimonials*/

/*trusted*/

.trusted-wrapper {
  position: relative;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.trusted-container {
  position: relative;
}

.trusted-container-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: 0;
  width: 100%;
}

.trusted-left-block {
  background: #030303;
  border-radius: 24px;
  padding: 48px 0px 200px 0px;
  width: 50%;
  padding-right: 0;
}

.trusted-title {
  margin-bottom: 0px;
}

.trusted-title .title-line-animation svg path {
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1000px;
}

.trusted-right-block {
  background: #ffffff;
  border-radius: 24px;
  padding: 40px;
  position: absolute;
  right: 0px;
  z-index: 3;
  top: 34px;
  width: calc(66.66% - 40px);
  overflow: hidden;
}

.scroll_bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 200%;
  animation: marguee-infinite 20s linear infinite;
}

.trusted-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.scroll_bg:hover {
  animation-play-state: paused;
}

.trusted-item {
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trusted-item-image {
  width: 133px;
  height: 133px;
  object-fit: contain;
}

@keyframes marguee-infinite {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/*trusted*/

/*conttact us*/

.contact-us-image {
  display: none;
}

.contact-us-wrapper {
  padding-bottom: 0px;
}

.contact-us-container {
  display: flex;
  align-items: initial;
  justify-content: space-between;
}

.contact-us-item {
  width: 33.33%;
}

.contact-us-info-title .title-line-animation svg path {
  stroke-dasharray: 1250px;
  stroke-dashoffset: 1250px;
}

.contact-us-item-info-subtitle .title-line-animation svg path {
  stroke-dasharray: 200px;
  stroke-dashoffset: 200px;
}

.contact-us-item-info-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #030303;
  margin-top: 285px;
  position: relative;
  z-index: 2;
  max-width: 345px;
}

.contact-us-item-info-subtitle > span {
  color: #f4a829;
}

.contact-us-item-info-subtitle .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 90px;
  top: 50px;
  z-index: -1;
}

.contact-us-item-form {
  padding: 64px 40px 56px 40px;
  background: #030303;
  border-radius: 24px 24px 0px 0px;
  margin-top: -56px;
}

.contact-us-item-person {
  padding-left: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.contact-person-info {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.contact-person-name {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #030303;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
}

.contact-person-position {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #858585;
  text-align: center;
  display: block;
  width: 100%;
}

.contact-person-image-wrap {
  display: flex;
  align-items: flex-end;
}

.contact-person-image {
  max-width: 100%;
  object-fit: contain;
  object-position: bottom;
  height: 100%;
  width: 420px;
}

.contact-us-container .contact-title {
  color: #fff;
}

.form-group {
  border-bottom: 1px solid #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 72px;
}

form .form-group.form-textarea {
  align-items: flex-start;
}

form .form-group.form-textarea p {
  align-items: flex-start;
}

form .form-group.form-textarea label {
  margin-top: 10px;
  position: relative;
}

.label-requared {
  color: #f24e53;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  margin-left: 6px;
}
.label-requared.label-required--contact {
  color: #fff;
}

.form-group label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  width: 102px;
  cursor: pointer;
}

.wpcf7-form-control-wrap {
  width: calc(100% - 102px);
}

.form-textarea .wpcf7-form-control-wrap {
  height: 92px;
}

input,
textarea {
  width: 100%;
  background-color: transparent;
  color: #ffffff;
  border: none;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  min-height: 72px;
  border-bottom: 2px solid transparent;
  outline: none;
  padding-right: 20px;
}

.contact-us-section input {
  min-height: 48px;
}

input:focus,
textarea:focus,
textarea:focus-visible {
  border-bottom: 2px solid #ffffff;
}

textarea {
  resize: none;
  min-height: 92px;
  height: 92px;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px #030303 inset !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
}

.send-btn {
  margin-top: 48px;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  display: block;
  position: absolute;
  right: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: block;
  margin-top: 2px;
}

.wpcf7-not-valid {
  border-bottom: 1px solid #f24e53;
  color: #f24e53;
  margin-bottom: -1px;
}

.wpcf7-not-valid:focus {
  border-bottom: 2px solid #f24e53;
  color: #f24e53;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #dc3232;
  border: none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #46b450;
  border: none !important;
}

.contacts__form-checkbox {
  margin-top: 35px;
}

.wpcf7-acceptance .wpcf7-list-item-label {
  color: var(--Text-Light-Secondary, #f3f3f3);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  width: calc(100% - 35px);
  margin-top: -4px;
}

.wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.wpcf7-list-item {
  margin-left: 0px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.wpcf7-list-item label input {
  width: 20px;
  height: 20px;
  line-height: initial;
  min-height: initial;
}

.wpcf7-acceptance .wpcf7-list-item-label span {
  width: calc(100% - 35px);
}

.contact-us-item-form .btn {
  width: 100%;
  margin-top: 48px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  display: none !important;
}

/*conttact us*/

/*footer*/
/* Vacancy single: benefit sidebar */
.vacancy-benefit {
  background: #0e2a3a;
  border-radius: 16px;
  padding: 20px;
  color: #fff;
}
.vacancy-benefit-title {
  color: #fff;
  margin: 0 0 16px;
}
.vacancy-benefit-bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.vacancy-benefit .btn-primary {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  color: #030303;
}
.vacancy-benefit .btn-primary svg {
  margin: 0;
}
.vacancy-social-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.vacancy-social-item .vacancy-social-item-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  transition: background 0.2s ease;
}
.vacancy-social-item .vacancy-social-item-link:hover {
  background: rgba(255, 255, 255, 0.15);
}
.vacancy-social-item.vacancy-share {
  position: relative;
  margin-left: 8px;
  margin-right: 0;
}

.vacancy-social-item.vacancy-share::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 35px;
  background: rgba(255, 255, 255, 0.3);
  margin-left: -30px;
}

.vacancy-social-list-block {
  width: 100%;
}

.vacancy-social-list-left {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

/* .vacancy-social-list-right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 35px;
  background: rgba(255, 255, 255, 0.15);
} */

.footer {
  margin-top: 40px;
}

.footer-left-block {
  width: 100%;
}

.footer-right-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 48px;
  align-items: flex-start;
  justify-content: space-between;
}

.footer-top,
.footer-middle {
  padding: 48px 0px 0px 0px;
}
.footer-top .footer-container,
.footer-middle .footer-container {
  border-bottom: 1px solid #585858;
  padding-bottom: 48px;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.footer-nav-list {
  display: flex;
  align-items: flex-start;
}

.footer-nav-item:nth-child(1) {
  width: 25%;
}

.footer-nav-item:nth-child(2) {
  width: 25%;
}

.footer-nav-item:nth-child(3) {
  width: 25%;
}

.footer-nav-item:nth-child(4) {
  width: 25%;
}

.footer-nav-item:nth-child(5) {
  width: 25%;
}

.footer-nav-item {
  padding: 0 10px 0 0;
}

.footer-nav-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
  display: block;
  margin-bottom: 18px;
}

.mobile-menu-wrap {
  display: none;
}

.footer .nav-menu ul {
  padding: 0px 0 0 10px;
}

.footer-menu-selector .menu-item-has-children {
  display: block;
  width: 100%;
  margin-bottom: 32px;
}

.footer .footer-menu-selector .menu-item-has-children .sub-menu li {
  display: block;
  width: 100%;
}

.footer-menu-selector .first-sub-menu-level:last-child {
  margin-bottom: 0;
}

.footer .nav-menu ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
  display: block;
}
.ai.menu-item {
  margin-bottom: 32px;
  position: relative;
}
.ai.header-item.menu-item {
  margin-bottom: 0;
}
.ai.menu-item .nav-menu__link img {
  width: 106px;
  height: 25px;
}
.ai.menu-item .menu-image-title-before.menu-image-title {
  padding-right: 16px;
}

.footer-social li a {
  transition: filter 0.3s ease;
}

.footer-social li a:hover object {
  filter: brightness(0) saturate(100%) invert(67%) sepia(33%) saturate(489%)
    hue-rotate(160deg) brightness(95%) contrast(90%);
}

.footer .footer-menu-selector .menu-item-has-children .sub-menu {
  margin-top: 15px;
  padding-left: 0 !important;
}

.footer .nav-menu .menu-item-has-children > a:after {
  display: none;
}

.footer .nav-menu .sub-menu li a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  transition: all 0.5s;
}

.footer .nav-menu ul li.active a {
  color: #3ebbe4;
}

.footer .nav-menu ul li a:hover {
  color: #3ebbe4;
}

.footer-title {
  color: #fff;
  font-size: 32px;
  line-height: 38px;
}

.footer-title .title-line-animation {
  display: inline-block;
  right: 0px;
  width: auto;
  top: -4px;
  z-index: -1;
}

.footer-title .title-line-animation svg path {
  stroke-dasharray: 330px;
  stroke-dashoffset: 330px;
}

.footer-location-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-location-list {
  width: 100%;
}

.footer-sub-info-block {
  width: 100%;
  max-width: none;
  display: flex;
  flex-wrap: wrap;
}

.footer-location-item {
  width: 25%;
}

.footer-location-item:nth-child(1),
.footer-location-item:nth-child(2) {
  margin-bottom: 50px;
}

.location-country {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 12px;
}

.location-country img {
  display: block;
  margin-right: 8px;
}

.location-country span {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.location-address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.location-address-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.location-address-info svg {
  display: block;
  width: 20px;
  margin-right: 8px;
}

.location-address-name {
  display: block;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #f3f3f3;
  transition: all 0.5s;
}

.location-address-city {
  display: block;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #f3f3f3;
  transition: all 0.5s;
}

.location-address-wrap:hover .location-address-name,
.location-address-wrap:hover .location-address-city {
  color: #3ebbe4;
}

.location-phone {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.location-phone svg {
  display: block;
  width: 20px;
  margin-right: 8px;
}

.location-phone-value {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #f3f3f3;
}

.location-phone-link {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #f3f3f3;
  transition: all 0.5s;
}

.location-phone-link:hover {
  color: #3ebbe4;
}

.footer-sub-info-item {
  width: 25%;
}

.footer-sub-info-item-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  display: block;
  margin-bottom: 12px;
}

.footer-sales-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.footer-sales-info svg {
  display: block;
  width: 20px;
  margin-right: 8px;
}

.footer-sales-info span {
  color: #f3f3f3;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.footer-social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.footer-social li {
  width: 22px;
  height: 22px;
  margin-right: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-social li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-social li a svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-social li a svg path {
  transition: all 0.5s;
}

.footer-social li a:hover svg path {
  fill: #3ebbe4;
}

.footer-bottom .footer-container {
  padding: 24px 0px;
}

.footer-copyright {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.5);
}

.footer-legal-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.footer-legal-menu-item:not(:last-child) {
  margin-right: 16px;
}

.footer-legal-menu-item-link {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  transition: all 0.5s;
  opacity: 0.5;
}

.footer-legal-menu-item-link:hover {
  color: #3ebbe4;
}

/*footer*/

/*service*/

.service-hero {
  padding-top: 170px;
  padding-bottom: 65px;
  position: relative;
  overflow: hidden;
}

.service-hero-content {
  width: 50%;
  margin-top: 20px;
}

.service-hero-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.service-hero-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  opacity: 0;
}

.service-hero-btn-wrap a:nth-child(1) {
  margin-right: 16px;
}

.service-hero .hero-bg-image {
  height: 100%;
}

.service-hero-image-wrap {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 0;
}

.service-hero-image {
  border-radius: 16px;
  width: 620px;
  height: 450px;
  object-fit: cover;
}

.service-hero-title {
  opacity: 0;
}

.service-last-item {
  background: #030303;
  border-radius: 16px;
  padding: 32px;
}

.service-last-item .service-last-item-title {
  color: #fff;
  font-size: 32px;
  line-height: 38px;
}

.service-last-item-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
  margin-bottom: 24px;
}

.service-title .title-line-animation {
  position: absolute;
  right: auto;
  left: 0;
  top: 20px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.service-title .title-line-animation svg {
  width: 100%;
}

.service-title .title-line-animation svg path {
  stroke-dashoffset: 260px;
  stroke-dasharray: 260px;
}

.service-last-item .service-last-item-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -10px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.service-last-item .service-last-item-title .title-line-animation svg path {
  stroke-dashoffset: 200px;
  stroke-dasharray: 200px;
}

.product-development-image {
  width: 100%;
  height: auto;
  display: block;
}

.product-development-mobile-image {
  display: none;
}

.product-development-title {
  margin-bottom: 60px;
}

.product-development-title .title-line-animation {
  position: absolute;
  left: 97px;
  bottom: -20px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.product-development-title .title-line svg path {
  stroke-dashoffset: 700px;
  stroke-dasharray: 700px;
}

.service-map--image {
  width: 100%;
  height: auto;
  display: block;
}

.service-map-mobile-image {
  display: none;
}

.service-map-desktop-image {
  margin-top: 0;
}

.service-map-section .container-large {
  background-image: url("/wp-content/themes/knubisoft/assets/img/bg-dot.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

.service-map-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -10px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.service-map-title .title-line svg path {
  stroke-dashoffset: 900px;
  stroke-dasharray: 900px;
}

.service-last-item .cost-last-item-title {
  margin-bottom: 48px;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.description p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  margin-bottom: 16px;
}

.service-title-wrap,
.cost-title-wrap {
  max-width: 400px;
}

.cost-list {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.cost-list-item {
  width: calc(50% - 20px);
  margin-bottom: 40px;
  transition: all 0.5s;
}

.cost-list-last-item-mobile {
  display: none;
}

.cost-title .title-line-animation {
  position: absolute;
  left: 0;
  top: 20px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.cost-title .title-line svg path {
  stroke-dashoffset: 200px;
  stroke-dasharray: 200px;
}

.cost-last-item-title .title-line-animation {
  position: absolute;
  right: 7px;
  bottom: -10px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.cost-last-item-title .title-line svg path {
  stroke-dashoffset: 100px;
  stroke-dasharray: 100px;
}

.section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 50px;
}

.faq-section .section-header {
  margin-bottom: 9px;
}

.section-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
  max-width: calc(50% - 20px);
}

.section-description ol {
  list-style-type: decimal;
}

.container-light .section-description {
  color: #333333;
}

.section-description p:not(:last-child) {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.benefits-content {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
}

.benefits-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 34px;
}

.benefits-item-icon {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.benefits-item-title {
  display: block;
  width: 100%;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
}

.benefits-title .title-line-animation {
  position: absolute;
  left: -20px;
  top: -10px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.benefits-title .title-line svg path {
  stroke-dashoffset: 650px;
  stroke-dasharray: 650px;
}

.process-item {
  padding: 24px 0px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

.process-item:last-child {
  padding-bottom: 0px;
}

.process-item:after {
  content: "";
  width: calc(100% - 82px);
  height: 1px;
  display: block;
  background-color: #333333;
  position: absolute;
  bottom: 0;
  right: 0;
}

.container-light .process-item:after {
  background-color: #dbdbde;
}

.process-item:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #333333;
  position: absolute;
  left: 24px;
  z-index: 1;
}

.container-light .process-item:before {
  background-color: #dbdbde;
}

.process-item:last-child:before {
  display: none;
}

.process-item:last-child:after {
  display: none;
}

.process-step {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid #3ebbe4;
  border-radius: 50%;
  z-index: 3;
  background-color: #030303;
}

.container-light .process-step {
  background-color: #ffffff;
}

.process-step:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #333333;
  position: absolute;
  left: calc(50% + 1px);
  transform: translateX(-50%);
}

.container-light .process-step:before {
  background-color: #dbdbde;
}

.process-step:before {
  bottom: calc(100% + 1px);
}

.process-item:first-child .process-step:before {
  display: none;
}

.process-item:last-child .process-step:after {
  display: none;
}

.process-step-circle {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
}

.container-light .process-step-circle {
  background-color: #030303;
}

.process-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #ffffff;
  margin-left: 32px;
  margin-top: 7px;
}

.container-light .process-item-title {
  color: #030303;
}

.process-item-content {
  max-width: 620px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: auto;
}

.process-item-content ul {
  list-style-type: initial;
}

.process-item-content li {
  display: list-item;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #f8f8f8;
  margin-bottom: 8px;
  list-style-type: initial;
  margin-left: 20px;
}

.container-light .process-item-content li {
  color: #333333;
}

.process-item-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
}

.container-light .process-item-content p {
  color: #333333;
}

.process-title .title-line-animation {
  position: absolute;
  right: -13px;
  top: -13px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.process-title .title-line svg path {
  stroke-dashoffset: 650px;
  stroke-dasharray: 650px;
}

.tools-content {
  display: flex;
  /*align-items: flex-start;*/
  justify-content: space-between;
}

.tools-item {
  /* width: 125px; */
  width: calc(100% / 5) !important;
  height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tools-item-image {
  max-width: 100%;
  max-height: 100%;
  height: 124px;
  width: auto;
  object-fit: contain;
}

.tools-title .title-line-animation {
  position: absolute;
  right: 0;
  bottom: -35px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.tools-title .title-line svg path {
  stroke-dashoffset: 350px;
  stroke-dasharray: 350px;
}

.mvp-title .title-line-animation {
  position: absolute;
  left: 95px;
  top: -13px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.mvp-title .title-line svg path {
  stroke-dashoffset: 500px;
  stroke-dasharray: 500px;
}

.mvp-service-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -20px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.mvp-service-title .title-line svg path {
  stroke-dashoffset: 200px;
  stroke-dasharray: 200px;
}

.framework-section .container-large {
  padding-bottom: 20px;
}

.framework-content {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
}

.framework-item {
  width: calc(25% - 30px);
  margin-bottom: 40px;
}

.framework-item-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.framework-item-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.framework-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #333333;
  display: block;
  margin-top: 0;
  margin-bottom: 8px;
}

.framework-item-cub-content {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.integrations-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.integrations-item-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.integrations-item-layout_1,
.integrations-item-layout_2 {
  width: 125px;
  height: 125px;
  margin: 0 10px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.integrations-item-layout_2 {
  width: 290px;
}

.what-else-content {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
}

.what-else-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: calc(50% - 20px);
  margin-bottom: 34px;
}

.what-else-item-icon {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.what-else-item-title {
  display: block;
  width: 100%;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.framework-title .title-line-animation-1 {
  position: absolute;
  left: 0;
  bottom: -23px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.framework-title .title-line-animation-1 svg,
.framework-title .title-line-animation-2 svg {
  width: 100%;
}

.framework-title .title-line-animation-1 svg path {
  stroke-dashoffset: 400px;
  stroke-dasharray: 400px;
}

.framework-title .title-line-animation-2 {
  position: absolute;
  right: auto;
  left: 0;
  bottom: -21px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.framework-title .title-line-animation-2 svg path {
  stroke-dashoffset: 400px;
  stroke-dasharray: 400px;
}

.integrations-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -13px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.integrations-title .title-line-animation svg {
  width: 100%;
}

.integrations-title .title-line-animation svg path {
  stroke-dashoffset: 250px;
  stroke-dasharray: 250px;
}

.what-else-title .title-line-animation {
  position: absolute;
  right: auto;
  left: 0;
  bottom: -18px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.what-else-title .title-line-animation svg {
  width: 100%;
}

.what-else-title .title-line-animation svg path {
  stroke-dashoffset: 400px;
  stroke-dasharray: 400px;
}

.cycle-image {
  width: 100%;
}

.page-template-service-cott .cycle-image {
  height: auto;
}

.cycle-mobile-image {
  display: none;
}

.cycle-section .container-large {
  background-image: url("/wp-content/themes/knubisoft/assets/img/bg-dot.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

.cycle-title .title-line-animation {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -15px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.cycle-title .title-line-animation svg {
  width: 100%;
}

.cycle-title .title-line-animation svg path {
  stroke-dashoffset: 200px;
  stroke-dasharray: 200px;
}

.education-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.education-statistic {
  width: calc(50% - 80px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-right: 60px;
}

.education-statistic-item {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  width: calc(50% - 12px);
  margin-bottom: 24px;
}

.education-statistic-item:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.education-statistic-title {
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.02em;
  color: #030303;
  display: flex;
  width: 100%;
}

.education-statistic-plus {
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.02em;
  color: #f4a829;
}

.education-statistic-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #030303;
}

.education-benefits {
  width: calc(50% - 20px);
}

.education-benefits-title {
  display: block;
  margin-top: 0px;
  margin-bottom: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.education-benefits-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.education-benefits-item:not(:last-child) {
  margin-bottom: 24px;
}

.education-benefits-item-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
  margin-right: 16px;
}

.education-benefits-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #f8f8f8;
}

.ta-sevices-flow {
  width: calc(50% - 20px);
}

.ta-sevices-flow-item {
  padding: 32px 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.ta-sevices-flow-item:last-child {
  padding-bottom: 0px;
}

.ta-sevices-flow-item:after {
  content: "";
  width: calc(100% - 82px);
  height: 1px;
  display: block;
  background-color: #dbdbde;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ta-sevices-flow-item:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #dbdbde;
  position: absolute;
  left: 24px;
  top: 32px;
  z-index: 1;
}

.ta-sevices-flow-item:last-child:before {
  display: none;
}

.ta-sevices-flow-item:last-child:after {
  display: none;
}

.ta-sevices-flow-item-step {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid #dbdbde;
  border-radius: 50%;
  z-index: 3;
  background: #ffffff;
}

.ta-sevices-flow-item-step:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #dbdbde;
  position: absolute;
  left: 24px;
  transform: translateX(-50%);
  bottom: calc(100% + 1px);
}

.ta-sevices-flow-item:nth-child(2) .ta-sevices-flow-item-step:before {
  display: none;
}

.ta-sevices-flow-item:last-child .ta-sevices-flow-item-step:after {
  display: none;
}

.ta-sevices-flow-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #030303;
  margin-top: 40px;
  margin-bottom: 24px;
}

.ta-sevices-flow-item-icon {
  width: 24px;
  width: 24px;
  object-fit: contain;
}

.ta-sevices-flow-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
  display: block;
  width: calc(100% - 52px);
  margin-left: 32px;
}

.ta-sevices-benefits {
  width: calc(50% - 20px);
  background: #030303;
  border-radius: 16px;
  padding: 40px;
}

.ta-sevices-benefits-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
  width: 100%;
  border-top: 0px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #dbdbde;
}

.ta-sevices-benefits-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ta-sevices-benefits-item:not(:last-child) {
  margin-bottom: 32px;
}

.ta-sevices-benefits-item-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
  margin-right: 16px;
}

.ta-sevices-benefits-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #ffffff;
}

.technologies-content {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
}

.technologies-left {
  width: calc(50% - 20px);
}

.technologies-right {
  width: calc(50% - 20px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.technologies-item {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0px;
  flex: 1;
}

.technologies-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
  margin-top: 0px;
  margin-bottom: 32px;
  display: block;
  width: 100%;
}

.technologies-subitem {
  width: 100%;
}

.technologies-subitem-backend {
  width: 100%;
}

.technologies-subitem-frontend {
  width: 100%;
}

.technologies-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #030303;
  margin-top: 0px;
  padding-bottom: 16px;
  margin-bottom: 24px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #dbdbde;
}

.technologies-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.technologies-right .technologies-list {
  justify-content: flex-start;
}

.technologies-item-image {
  width: 125px;
  height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.technologies-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.technologies-more-wrap {
  width: 100%;
  padding: 24px;
  margin-top: 40px;
  background: #ffffff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.technologies-more-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
  max-width: 225px;
}

/* accordion */

.accordion-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 0px;
  cursor: pointer;
}

.accordion-item:not(:last-child) {
  border-bottom: 1px solid #dbdbde;
}

.accordion-header {
  font-style: normal;
  letter-spacing: -0.01em;
  position: relative;
  /* padding-left: 64px; */
  cursor: pointer;
  color: #111008;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.accordion-header > span {
  position: absolute;
  border-radius: 50%;
  right: -20px;
  top: 50%;
  height: 48px;
  width: 48px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background: #f0f3f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-faq-section .accordion-header {
  font-size: 20px;
}

.accordion-open .accordion-header > span {
  transform: translate(-50%, -50%) rotate(270deg);
}

.new-faq-section .accordion-open .accordion-header > span {
  transform: translate(-50%, -50%) rotate(180deg);
}

.accordion-body {
  /* width: calc(50% - 20px); */
  /* max-width: 574px; */
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
  letter-spacing: 0.01em;
  color: #333333;
  display: none;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.16px;
}

.acc-btn {
  margin: 30px 0;
  text-align: center;
}

.acc-btn > a {
  text-decoration: none;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  color: #373737;
  box-shadow: 5px 5px 0px 0 #000000;
  padding: 0 20px;
  margin: 0 10px 10px 10px;
  font-size: 18px;
}

/* accordion */

.ta-work-title .title-line-animation {
  position: absolute;
  right: -10px;
  bottom: -18px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.ta-work-title .title-line-animation svg path {
  stroke-dashoffset: 500px;
  stroke-dasharray: 500px;
}

.education-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -20px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.education-title .title-line-animation svg path {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px;
}

.ta-sevices-title .title-line-animation {
  position: absolute;
  right: -5px;
  bottom: -15px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.ta-sevices-title .title-line-animation svg path {
  stroke-dashoffset: 250px;
  stroke-dasharray: 250px;
}

.technologies-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -19px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.technologies-title .title-line-animation svg path {
  stroke-dashoffset: 350px;
  stroke-dasharray: 350px;
}

.faq-title .title-line-animation {
  position: absolute;
  right: 0;
  bottom: -13px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.faq-title .title-line-animation svg path {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px;
}

.what-we-do-slider_buttons-mobile {
  position: static;
  display: none;
}

.faq-btn {
  border: 1px solid #dbdbde;
  border-radius: 8px;
}

.faq-container .section-description {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  max-width: 574px;
}

.faq-container .section-description .faq-btn {
  margin-right: 16px;
  width: 189px;
  height: 56px;
  padding: 16px 20px;
}

.faq-mobile-btn-wrap {
  display: none;
}

/*service*/

/*cases*/

.cases-section {
  margin-top: 128px;
}

.cases-main-title {
  margin-bottom: 40px;
}

.cases-main-title .title-line-animation {
  position: absolute;
  right: 10px;
  bottom: -23px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.cases-main-title .title-line-animation svg path {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px;
}

.category-nav-items {
  padding: 24px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid #dbdbde;
}

.casepage-category-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.casepage-category-nav li a {
  padding: 16px 24px;
  background-color: transparent;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
  text-decoration: none;
  transition: all 0.5s;
}

.casepage-category-nav li.active a {
  color: #030303;
  background: #f0f3f7;
}

.casepage-category-nav li:not(:first-child) a:hover {
  color: #3ebbe4;
}

.no-results {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
}

.no-results-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}

.no-results-image {
  width: 144px;
  height: 144px;
  object-fit: contain;
  display: block;
  margin-bottom: 32px;
}

.no-results-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #000000;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.no-results-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
}

.casepage-items {
  display: flex;
  align-items: initial;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.filter-wrap {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  margin: 24px 0px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dbdbde;
}

.cases-filter-list {
  width: calc(100% - 220px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.cases-filter-item {
  width: calc(30% - 26.66px);
}

.cases-filter-search {
  width: calc(40% - 26.66px);
}

.cases-filter-title {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #030303;
  display: block;
  margin-bottom: 5px;
}

.cases-filter-elem {
  width: 100%;
}

.cases-filter-elem select {
  width: 100%;
  height: 56px;
}

.select2-container {
  width: 100%;
}

.select2-container--default .select2-selection--multiple {
  height: 56px;
  padding: 16px;
  padding-right: 40px;
}

.select2-container--default .select2-selection--multiple:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  background-image: url("/wp-content/themes/knubisoft/assets/img/select-dropdown-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.select2-container--default.select2-container--open
  .select2-selection--multiple:after {
  transform: translateY(-50%) rotate(180deg);
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 5px;
  left: 5px;
  flex-wrap: wrap;
  max-width: 85%;
}

.select2-container--default .select2-results__option--selected {
  background-color: #f5fcfe;
  color: #19181a;
  position: relative;
}

.select2-container--default .select2-results__option--selected:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 13px;
  object-fit: contain;
  background-image: url("/wp-content/themes/knubisoft/assets/img/select-dropdown-check.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f5fcfe;
  color: #19181a;
}

.select2-container--default .select2-search--inline .select2-search__field {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
  display: block;
  margin: 0;
}

.select2-container--default
  .select2-search--inline
  .select2-search__field:focus {
  cursor: default;
  caret-color: transparent !important;
}

.select2-search__field {
  min-height: 100%;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: transparent;
  border: none;
  margin: 0px;
  border-radius: 0px;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  letter-spacing: 0.01em;
  color: #19181a;
  padding-left: 8px;
  margin-right: 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  border: none;
  line-height: initial;
  height: 10px;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__display {
  cursor: default;
  padding: 0;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #dbdbde;
  border-radius: 8px;
}

.select2-dropdown {
  border: none !important;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  overflow: hidden;
  top: 5px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 8px;
}

.select2-results__option {
  padding: 8px 16px;
  padding-right: 40px;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #3ebbe4;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-radius: 8px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  margin: 0px;
  top: 5px;
  height: 10px;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear
  span {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 10px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #030303;
  transition: all 0.5s;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear
  span:hover {
  color: #3ebbe4;
}

.search-input {
  width: 100%;
  height: 56px;
  min-height: initial;
  border: 1px solid #dbdbde;
  border-radius: 8px;
  padding: 16px;
  font-style: normal;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #19181a;
}

.search-input:focus {
  outline: none;
}

.search-input:focus,
.search-input:focus-visible {
  border: 1px solid #dbdbde;
  margin-bottom: 0;
}

.search-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
}

.search-input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
}

.search-input:-ms-input-placeholder {
  /* IE 10+ */
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
}

.search-input:-moz-placeholder {
  /* Firefox 18- */
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
}

.filter-button-wrap {
  width: 180px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.casepage-filter-btn {
  background-color: transparent;
  outline: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid transparent;
  width: 82px;
  height: 56px;
}

.casepage-filter-btn-apply {
  background: #3ebbe4;
  color: #fff;
  transition: all 0.5s;
}

.casepage-filter-btn-apply:hover {
  background: #2e8cab;
}

/*.casepage-filter-btn-apply svg path {
    transition: all .5s;
}

.casepage-filter-btn-apply:hover svg path {
    stroke: #3EBBE4;
}
*/
.casepage-filter-btn-reset {
  border: 1px solid #f24e53;
  transition: all 0.5s;
}

.casepage-filter-btn-reset:hover {
  background-color: #f24e53;
}

.casepage-filter-btn-reset svg path {
  transition: all 0.5s;
}

.casepage-filter-btn-reset:hover svg path {
  stroke: #fff;
}

.cases-section .case-item {
  height: 587px;
  width: calc(33.33% - 26.666px);
  background-repeat: no-repeat;
  /* background-position: 50% 100%; */
  background-size: contain;
  border-radius: 24px;
  margin-right: 40px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.cases-section .case-item:nth-child(3n) {
  margin-right: 0px;
}

.cases-section .item-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 80px);
}

.cases-section .case-item-link {
  display: block;
  width: 100%;
  height: 100%;
}

.cases-section .case-item-header {
  padding: 32px 32px 40px 32px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.case-item-header {
  flex-wrap: wrap;
}

.cases-section .case-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 5px;
  width: 100%;
}

.cases-section .case-item-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #f8f8f8;
}

.case-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.case-items .case-item-header-link {
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  position: absolute;
  right: 0;
  top: 0;
}

.case-item-description {
  opacity: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  padding-top: 32px;
  margin-top: 32px;
  border-top: 1px solid #dbdbde;
  transition: all 0.2s;
  height: 100%;
  width: calc(100% + 2px);
  margin-left: -1px;
}

.case-item-description p:not(:last-child) {
  margin-top: 0;
  margin-bottom: 16px;
}

.case-item:hover .case-item-description {
  opacity: 1;
  color: #f8f8f8;
}

.case-item:hover .case-item-title {
  color: #ffffff;
}

.case-item:hover .case-item-subtitle {
  color: #f8f8f8;
}

.case-item .case-item-header {
  border-radius: 24px;
  transition: all 0.2s;
  /* height: 100%; */
  width: calc(100% + 2px);
  margin-left: -1px;
  backdrop-filter: blur(0px);
  flex-direction: inherit;
}

.case-item:hover .case-item-header {
  background: #f0f3f7;
  background: rgba(3, 3, 3, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.cases-main-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 10px;
  top: 21px;
  z-index: -1;
}

.mobile-filter-button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0px;
  border-bottom: 1px solid #dbdbde;
  display: none;
}

.filter-wrap.active {
  display: block;
}

.filter-header {
  display: none;
}

.mobile-filter-button {
  max-width: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #dbdbde;
  border-radius: 8px;
  transition: all 0.5s;
}

.mobile-filter-button span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #030303;
  display: block;
  margin-right: 10px;
  transition: all 0.5s;
}

.mobile-filter-button svg {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.mobile-filter-button svg path {
  transition: all 0.5s;
}

.mobile-filter-button:hover {
  border: 1px solid #3ebbe4;
}

.mobile-filter-button:hover span {
  color: #3ebbe4;
}

.mobile-filter-button:hover svg path {
  stroke: #3ebbe4;
}

/*cases*/

/*pagination*/

.pagination {
  width: 100%;
}

.pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.pagination .nav-links a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
  padding: 12px 19px;
  border-radius: 8px;
  transition: all 0.5s;
}

.pagination .nav-links span.current {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #030303;
  color: #858585;
  padding: 12px 19px;
  background: #f0f3f7;
  border-radius: 8px;
  transition: all 0.5s;
}

/*pagination*/

/*case page*/

.case-single-hero {
  min-height: 800px;
  background: #030303;
  padding-top: 88px;
  background-image: url("//knubisoft-site-images.s3.amazonaws.com/wp-content/uploads/hero-blue-bg.webp");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain;
  position: relative;
}

.case-single-hero-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.case-single-hero-content {
  padding-top: 120px;
  width: calc(50% - 75px);
  /*opacity: 0;*/
}

.case-single-hero-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
  opacity: 0.8;
  margin-bottom: 24px;
  max-width: 510px;
}

.case-single-hero-progress {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 48px;
}

.case-single-hero-progress-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  padding-left: 8px;
}

.case-single-hero-progress-item svg {
  position: absolute;
  left: 0;
  top: 0;
}

.case-single-hero-progress-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #f8f8f8;
}

.case-single-hero-progress-desc {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #ffffff;
  display: block;
  width: 100%;
  margin-bottom: 4px;
}

.case-single-hero-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.case-single-hero-image-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 560px;
  width: calc(50% - 75px);
  border-radius: 0px 0px 24px 24px;
  /*opacity: 0;*/
}

.case-single-hero-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90%;
  object-fit: contain;
  object-position: 50% 50%;
  border-radius: 0px 0px 24px 24px;
}

.case-single-info-section {
  position: relative;
  /* bottom: 100px; */
  /*opacity: 0;*/
  z-index: 3;
  background-color: transparent;
}

.case-single-info-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.case-single-info-item {
  width: calc(25% - 30px);
}

.case-single-info-item-icon {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.case-single-info-item-content-wrap {
  margin-top: 24px;
}

.case-single-info-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.case-single-info-item-content ul,
.case-single-info-item-content ol {
  margin: 0;
  padding-left: 20px;
}

.case-single-info-item-content ul li,
.case-single-info-item-content ol li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  width: 100%;
  list-style-type: inherit;
}

.case-single-info-item-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.case-single-info-item-poster {
  background: #030303;
  border-radius: 16px;
  padding: 32px;
}

.case-single-info-item-poster-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 84px;
}

.about-client-section {
  margin-top: -60px;
}

.about-client-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.about-client-content {
  width: calc(50% - 20px);
}

.about-client-title {
  margin-bottom: 32px;
}

.about-client-logo-wrap {
  width: 100%;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.about-client-logo {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 100px;
  object-fit: contain;
}

.client-info-name {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #030303;
  display: block;
  width: 100%;
  margin-bottom: 4px;
}

.client-info-position {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
  opacity: 0.8;
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

.client-info-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  opacity: 0.8;
  max-width: 510px;
}

.about-client-image-wrap {
  width: calc(50% - 20px);
  border-radius: 24px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.about-client-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.challenge-section .section-header {
  margin-bottom: 40px;
}

.challenge-slider-item {
  width: 100%;
  height: 560px;
  border-radius: 16px;
}

.challenge-slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}

.slider-navigation .section-slider_buttons-container {
  position: static;
  margin-top: 0px;
  width: 110px;
  justify-content: space-between;
}

.slider-navigation .slider_buttons-container button svg {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.slider-navigation .section-slider_buttons-container button {
  margin-right: 0px;
}

.slider-navigation .progress {
  display: block;
  width: calc(100% - 240px);
  height: 2px;
  border-radius: 1px;
  overflow: hidden;
  background-color: #333333;
  background-image: linear-gradient(to right, #ffffff, #ffffff);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
}

.container-light .slider-navigation .progress {
  background-color: #dbdbde;
  background-image: linear-gradient(to right, #030303, #030303);
}

.slider-navigation .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.slider-navigation .slider-counter {
  writing-mode: initial;
  text-orientation: initial;
  transform: none;
  margin-right: 0px;
  margin-top: 0px;
}

.container-light .slider-navigation .slider-counter {
  color: #030303;
}

.slider-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28px;
}

.title.case-single-info-item-poster-title {
  color: #fff;
}

.title.case-single-info-item-poster-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0px;
  bottom: -20px;
  z-index: -1;
}

.title.case-single-info-item-poster-title .title-line-animation svg path {
  stroke-dasharray: 200px;
  stroke-dashoffset: 200px;
}

.about-client-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: -1;
}

.about-client-title .title-line-animation svg path {
  stroke-dasharray: 500px;
  stroke-dashoffset: 500px;
}

.challenge-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0;
  top: 32px;
  z-index: -1;
}

.challenge-title .title-line-animation svg path {
  stroke-dasharray: 280px;
  stroke-dashoffset: 280px;
}

.solution-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0;
  top: 55px;
  z-index: -1;
}

.solution-title .title-line-animation svg path {
  stroke-dasharray: 900px;
  stroke-dashoffset: 900px;
}

.business-value-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.business-value-section .container-large {
  padding-bottom: 0px;
}

.business-value-title-wrap {
  width: calc(25% - 25px);
}

.business-value-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 75%;
}

.business-value-item {
  width: calc(33.33% - 26.66px);
  margin-bottom: 40px;
}

.business-value-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #ffffff;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.business-value-item-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

.business-value-item-poster {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
}

.business-value-item:nth-child(1) + .business-value-item-poster,
.business-value-item:nth-child(4) + .business-value-item-poster,
.business-value-item:nth-child(7) + .business-value-item-poster,
.business-value-item:nth-child(10) + .business-value-item-poster,
.business-value-item:nth-child(14) + .business-value-item-poster {
  margin-left: 26.66px;
  margin-right: auto;
}

.title.business-value-item-poster-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #030303;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 84px;
}

.title.business-value-item-poster-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0px;
  bottom: -20px;
  z-index: -1;
}

.title.business-value-item-poster-title .title-line-animation svg path {
  stroke-dasharray: 200px;
  stroke-dashoffset: 200px;
}

.business-value-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0px;
  top: 15px;
  z-index: -1;
}

.business-value-title .title-line-animation svg path {
  stroke-dasharray: 220px;
  stroke-dashoffset: 220px;
}

/*case page*/

/*404*/

.section-404 {
  margin-top: 130px;
}

.section-404-container {
  display: flex;
  align-items: initial;
  justify-content: space-between;
}

.section-404-content {
  width: calc(50% - 20px);
  margin-top: 24px;
}

.description-404 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
}

.button-404-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 48px;
}

.section-404-image-wrap {
  width: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
}

/*404*/

/*vacancies*/

.tax-vacancies .cases-filter-item {
  width: calc(25% - 30px);
}

.vacancies-items {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.vacancy_item {
  width: 100%;
  border: 1px solid #dbdbde;
  border-radius: 16px;
  margin-bottom: 15px;
  transition: all 0.5s;
}

.vacancy_item:hover {
  background: #f0f3f7;
}

.vacancy_item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 24px 31px;
}

.vacancy_item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #030303;
  display: block;
  margin: 0;
  width: calc(100% - 56px);
}

.vacancy_item-item-header-link {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f3f7;
  border-radius: 50%;
  transition: all 0.5s;
}

.vacancy_item:hover .vacancy_item-item-header-link {
  background: #ffffff;
}

.vacancy_item-item-header-link svg {
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.vacancy_item-body {
  padding: 24px 31px;
  border-top: 1px solid #dbdbde;
}

.vacancy_item-description {
  margin-top: 24px;
  width: 100%;
}

.vacancy_item-description p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.vacancy_item-info-detail-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.vacancy_item-info-detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.vacancy_item-info-detail:not(:last-child) {
  margin-right: 24px;
}

.vacancy_item-info-detail svg {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
  margin-right: 10px;
}

.vacancy_item-info-detail span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #030303;
}

.vacancies-main-title .title-line-animation {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0px;
  left: 0;
  top: 15px;
  z-index: -1;
}

.vacancies-main-title .title-line-animation svg path {
  stroke-dasharray: 300px;
  stroke-dashoffset: 300px;
}

.vacancies-main-title .title-line-animation svg {
  width: 100%;
}

/*vacancies*/

/*single vacancies*/

.vacancy-single-hero-section {
  background: #f4f6fa;
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
  gap: 20px;
}

.vacancy-single-hero-block {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  gap: 40px;
}

.side-right {
  width: 100%;
}

.vacancy-single-hero {
  padding-top: 100px;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain;
}

.vacancy-single-hero-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.vacancy-single-hero-content {
  max-width: 700px;
  opacity: 0;
}

.vacancy-single-hero-category-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.vacancy-single-hero-category-item {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #858585;
}

.vacancy-single-hero-category-item:first-child {
  display: none;
}

.vacancy-single-hero-title {
  margin-bottom: 0px;
}

.vacancy-single-hero .vacancy_item-info-detail-wrap {
  margin-top: 28px;
}

/* .vacancy-single-hero .vacancy_item-info-detail span {
  color: #ffffff;
} */

/* .vacancy-single-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
} */

.vacancy-content {
  padding-top: 10px;
}

.vacancy-single-list_item:not(:last-child) {
  margin-bottom: 27px;
}

.vacancy-single-list_item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
  margin-bottom: 16px;
}

.vacancy-single-list_item-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.vacancy-single_sublist {
  padding: 0px;
  padding-left: 30px;
}

.vacancy-single_sublist-item {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  list-style-type: initial;
}

.vacancy-sidebar {
  width: 100%;
  max-width: 500px;
}

.vacancy-benefit {
  background: #030303;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
}

.title.vacancy-benefit-title {
  color: #fff;
  margin-bottom: 32px;
}

.vacancy-benefit-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.vacancy-benefit-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 24px;
  width: 100%;
}

.vacancy-benefit-item-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  margin-right: 16px;
}

.vacancy-benefit-item-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* .vacancy-benefit-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
} */

.title.vacancy-benefit-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  right: -10px;
  bottom: -15px;
  z-index: -1;
}

.title.vacancy-benefit-title .title-line-animation svg path {
  stroke-dasharray: 450px;
  stroke-dashoffset: 450px;
}
/* 
.vacancy-social-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 27px;
  margin-right: auto;
} */

/* .vacancy-social-item {
  width: 20px;
  height: 20px;
  margin-right: 20px;
} */

.vacancy-social-item-link {
  display: block;
  width: 100%;
  height: 100%;
}

.vacancy-social-item-link svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vacancy-social-item-link svg path {
  transition: all 0.5s;
}

.vacancy-social-item-link:hover svg path {
  fill: #3ebbe4;
}
/* 
.vacancy-social-item.vacancy-share {
  margin-right: 0px;
  margin-left: 20px;
  position: relative;
} */
/* 
.vacancy-social-item.vacancy-share:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 24px;
  background: #333333;
} */

.vacancy-share-wrap {
  position: absolute;
  width: 155px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 16%);
  border-radius: 8px;
  padding: 18px;
  top: calc(100% + 10px);
  display: none;
}

.vacancy-share-wrap.active {
  display: block;
}

.vacancy-share-item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
}

.vacancy-share-item svg {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
  margin-right: 10px;
}

.vacancy-share-item span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #19181a;
  transition: all 0.5s;
}

.vacancy-share-item a:hover span {
  color: #3ebbe4;
}

.vacancy-share-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.vacancy-share-item-copy:not(:last-child) {
  margin-bottom: 18px;
}

.vacancy-share-item-copy:hover span {
  color: #3ebbe4;
}

/*single vacancies*/

/*popup*/

.white-popup {
  position: relative;
  padding: 48px;
  width: auto;
  max-width: 1440px;
  margin: 30px auto;
  background: #032331;
  border-radius: 16px;
  color: #ffffff;
}

.white-popup-contact {
  position: fixed;
  inset: 0;
  padding: 48px;
  width: 100vw;
  height: 100vh;
  max-width: none;
  margin: 0;
  background: #032331;
  border-radius: 0;
  color: #ffffff;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 1400px) {
  .white-popup-contact {
    padding: 24px;
  }

  .white-popup-contact .new-contact-us-container-popup,
  .white-popup-contact .new-contact-us-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    gap: 24px;
    align-items: flex-start;
  }

  .white-popup-contact .title,
  .white-popup-contact .contact-title {
    font-size: 24px;
    line-height: 30px;
  }

  .white-popup-contact p,
  .white-popup-contact .new-contact-us-contact {
    font-size: 14px !important;
    line-height: 20px;
  }

  .white-popup-contact .new-form-group input {
    /* height: 36px; */
    line-height: 36px;
    font-size: 13px;
    padding: 0 14px;
    margin: 6px auto;
    box-sizing: border-box;
  }

  .white-popup-contact .new-form-group textarea {
    min-height: 64px;
    height: 96px;
    font-size: 13px;
    padding: 6px 14px;
    margin: 6px auto;
    box-sizing: border-box;
  }

  .white-popup-contact .new-contact-us-form .form-textarea {
    margin-top: 20px;
  }

  .white-popup-contact .wpcf7-form-control {
    font-size: 13px;
  }

  .white-popup-contact .new-form-group {
    margin-top: 6px;
  }

  .white-popup-contact .new-contacts__form-checkbox {
    margin: 10px 0;
  }

  .white-popup-contact .popup-content .contacts__form-checkbox {
    margin-bottom: 20px;
  }

  .white-popup-contact .popup .close {
    right: 16px;
    top: 16px;
    width: 36px;
    height: 36px;
  }

  .white-popup-contact .new-contact-us-form .new-form-group label {
    font-size: 13px;
    line-height: 18px;
  }

  .white-popup-contact .new-contact-us-form .phone-wrapper {
    height: 40px;
  }

  .white-popup-contact .new-contact-us-form .phone-select {
    top: 18px;
    height: 40px;
  }

  .white-popup-contact .new-contact-us-form .selected-flag img {
    width: 18px;
    height: 18px;
  }

  .white-popup-contact .new-contact-us-form .selected-flag .dial {
    font-size: 13px;
  }

  .white-popup-contact .new-contact-us-form .phone-dropdown li {
    padding: 8px 12px;
    font-size: 13px;
  }

  .white-popup-contact .mfp-content .contact-btn {
    padding: 14px 20px !important;
    margin-top: 16px !important;
    font-size: 14px;
  }

  .title.contact-us-info-title {
    font-size: 36px !important;
    line-height: 30px;
  }

  .title-container p {
    font-size: 14px !important;
    line-height: 20px;
  }
}

.mfp-bg {
  background: #030303;
  opacity: 0.8;
}

.popup-content .contact-btn {
  width: 100%;
}

.popup-content .contacts__form-checkbox {
  margin-bottom: 48px;
}

.popup .close {
  position: absolute;
  right: 40px;
  top: 30px;
  width: 48px;
  height: 48px;
  /* background: #ffffff;
  border-radius: 50%; */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transition: all 0.5s;
}

.popup .close:hover {
  background-color: #3ebbe4;
  border-radius: 50%;
}

.popup .close.video-close {
  background: transparent;
  top: 35px;
}

.popup .close.video-close svg path {
  transition: all 0.5s;
}

.popup .close.video-close:hover svg path {
  stroke: #3ebbe4;
}

.popup .close.video-close:hover {
  background: transparent;
  top: 35px;
}

.popup .close svg {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.popup .close svg path {
  transition: all 0.5s;
}

.popup .close:hover svg path {
  stroke: #fff;
}

.mfp-close-btn-in .mfp-close {
  display: none;
}

.popup-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-bottom: 45px;
}

.popup-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0px;
  bottom: -12px;
  z-index: -1;
}

/*.popup-title .title-line-animation svg path {
    stroke-dasharray: 150px;
    stroke-dashoffset: 150px;
}*/

.form-group label.file-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 102px);
  position: relative;
  min-height: 72px;
}

.wpcf7 input[type="file"] {
  display: none !important;
}

.wpcf7 .donload_btn {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.filupp-file-name {
  width: calc(100% - 120px);
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}

.form-group-file .wpcf7-not-valid-tip {
  top: 36px;
}

.video-popup {
  max-width: 810px;
}

.video-popup iframe {
  max-width: 100%;
  position: relative;
  z-index: 1;
  height: 408px;
}

.popup-content-video {
  position: relative;
}

.video-wrap {
  height: 410px;
}

.preview-video {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  height: 410px;
}

.playVideo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.preview-video-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popup-video-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 28px;
}

.popup-video-footer-info {
  width: calc(100% - 220px);
}

.popup-video-footer-info-name {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  display: block;
  margin-bottom: 5px;
}

.popup-video-footer-info-position {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #f8f8f8;
}

/*popup*/

/*about*/

.about-hero-section {
  margin-top: 128px;
}

.about-hero-info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.about-hero-left-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.about-hero-right-block {
  width: calc(50% - 20px);
}

.about-hero-slider-block {
  width: 100%;
  margin-top: 80px;
  overflow: hidden;
}

.title.about-hero-title {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
}

.title.about-hero-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: -15px;
  top: -18px;
  z-index: -1;
}
.about-hero-right-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #f8f8f8;
  display: block;
  margin-bottom: 16px;
}

.about-hero-right-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
}

.about-hero-slider-scroll_bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 200%;
  animation: marguee-infinite 30s linear infinite;
}

.about-hero-slider-scroll_bg:hover {
  animation-play-state: paused;
}

.about-hero-slider-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.about-hero-slider-item {
  width: 290px;
  height: 240px;
  border-radius: 16px;
}

.about-hero-slider-item {
  margin-right: 40px;
}

.about-hero-slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.team-content {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.team-content-left {
  width: 290px;
}

.team-group-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #030303;
  display: block;
  margin-bottom: 16px;
}

.team-group-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.team-list {
  display: flex;
  align-items: inherit;
  justify-content: space-between;
  margin-bottom: 28px;
  z-index: 3;
  width: calc(100% - 330px);
}

.team-item {
  width: calc(33.33% - 30px);
  position: relative;
}

.team-item-social-wrap {
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  transition: all 0.5s;
  opacity: 0;
}

.team-item:hover .team-item-social-wrap {
  opacity: 1;
}

.team-item-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.team-item-image-wrap {
  border-radius: 16px;
  position: relative;
}

.team-item-image {
  max-width: 290px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
  height: 420px;
}

.team-item-content {
  margin-top: 16px;
  max-width: 290px;
  margin-right: auto;
}

.team-item-name {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
  display: block;
  width: 100%;
  margin-bottom: 4px;
}

.team-item-position {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #858585;
}

.executive-team {
  padding-bottom: 40px;
  position: relative;
}

.executive-team:after {
  content: "";
  position: absolute;
  width: calc(100% + 80px);
  height: 1px;
  background: #dbdbde;
  display: block;
  left: -40px;
  bottom: 0;
}

.team-content .slider-navigation {
  position: absolute;
  bottom: 80px;
  left: 0;
}

.leadership-team .slider-navigation {
  bottom: 20px;
}

.team-content .team-list {
  margin-bottom: 0px;
}

.team-list .slick-slide {
  margin: 0 22.5px;
}

/* the parent */
.team-list .slick-list {
  margin: 0 -22.5px;
}

.team-content .slider-navigation .slider-counter {
  margin-left: 28px;
}

.roadmap-content-left.title {
  font-size: 48px;
  line-height: 58px;
}

.roadmap-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.roadmap-content-left {
  width: 290px;
}

.roadmap-list {
  display: flex;
  align-items: inherit;
  justify-content: space-between;
  z-index: 3;
  width: calc(100% - 330px);
}

.roadmap-item-year {
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.roadmap-item-info {
  margin-bottom: 28px;
  min-height: 110px;
}

.roadmap-item-info ul {
  padding-left: 20px;
}

.roadmap-item-info li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #f8f8f8;
  list-style-type: initial;
}

.roadmap-item-image-wrap {
  border-radius: 16px;
}

.roadmap-item-image {
  max-width: 290px;
  width: 100%;
  height: 335px;
  object-fit: cover;
  border-radius: 16px;
}

.roadmap-list .slick-slide {
  margin: 0 22.5px;
}

/* the parent */
.roadmap-list .slick-list {
  margin: 0 -22.5px;
}

.roadmap-content .slider-navigation .slider-counter {
  margin-left: 28px;
}

.roadmap-item-circle {
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #3ebbe4;
  margin-right: 16px;
}

.roadmap-item-circle:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  background: #fff;
  border-radius: 50%;
}

.roadmap-content .slider-navigation {
  position: absolute;
  bottom: 0px;
  left: 0;
}

.about-service-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0;
  bottom: -20px;
  z-index: -1;
}

.about-service-title .title-line-animation svg path {
  stroke-dasharray: 300px;
  stroke-dashoffset: 300px;
}

.roadmap-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 0;
  bottom: -10px;
  z-index: -1;
}

.roadmap-title .title-line-animation svg path {
  stroke-dasharray: 200px;
  stroke-dashoffset: 200px;
}

.team-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 0;
  bottom: -18px;
  z-index: -1;
}

.team-title .title-line-animation svg path {
  stroke-dasharray: 270px;
  stroke-dashoffset: 270px;
}

.about-hero-main-container {
  background-image: url(/wp-content/themes/knubisoft/assets/img/about-bg.png);
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
}

/*about*/

/*legal*/

.legal-page-content br {
  display: none;
}

.legal-hero {
  margin-top: 88px;
  padding: 48px 0px;
  background-image: url(/wp-content/themes/knubisoft/assets/img/legal-bg.png);
  background-size: contain;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.legal-page-title {
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.legal-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.sticky-block--wrapper {
  width: calc(40% - 50px);
  right: 0px;
}

.legal-page-sidebar {
  background: #030303;
  border-radius: 16px;
  padding: 32px;
  width: 510px;
}

.legal-page-sidebar-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
}

.legal-page-sidebar .mylist {
  padding: 0px;
}

.legal-page-sidebar .mylist li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.legal-page-sidebar .mylist li:not(:last-child) {
  margin-bottom: 28px;
}

.legal-page-sidebar .mylist li svg {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
  margin-right: 20px;
}

.legal-page-sidebar .mylist li svg path {
  transition: all 0.5s;
}

.legal-page-sidebar .mylist li {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #858585;
  transition: all 0.5s;
}

.legal-page-sidebar .mylist li.active {
  color: #ffffff;
}

.legal-page-sidebar .mylist li.active svg path {
  stroke: #ffffff;
}

.legal-page-content {
  width: calc(60% - 50px);
}

.legal-page-content h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #030303;
  margin: 40px 0px;
}

.legal-page-content h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #030303;
  margin: 40px 0px;
}

#navigateToLink-0 {
  margin-top: 0px;
}

.legal-page-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  margin-bottom: 16px;
}

.legal-page-content ul {
  padding-left: 20px;
  margin-bottom: 40px;
}

.legal-page-content ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  list-style-type: inherit;
}

.legal-section {
  transform: none !important;
}

.sticky-block--wrapper {
  position: absolute;
  right: 25px;
  width: 510px;
}

.sticky-block--fixed {
  position: sticky !important;
}

.sticky-block--fixed .legal-page-sidebar {
  position: fixed;
  top: 60px;
}

.sticky-block--absolute {
  position: sticky !important;
}

/*legal*/

/*checkbox*/

/* Hide the browser's default checkbox */
.wpcf7-acceptance input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 3px solid #858585;
  border-radius: 3px;
  background-color: transparent;
  cursor: pointer;
}

/* On mouse-over, add a grey background color */
/*.wpcf7-acceptance:hover input ~ .checkmark {
  background-color: #ccc;
}*/

/* When the checkbox is checked, add a blue background */
.wpcf7-acceptance input:checked ~ .checkmark {
  background: #3ebbe4;
  border-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.wpcf7-acceptance input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.wpcf7-acceptance .checkmark:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 8px;
  border: solid #030303;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wpcf7-list-item-label a {
  transition: all 0.3s;
  text-decoration: underline;
}

.wpcf7-list-item-label a:hover {
  color: #3ebbe4;
}

.faq-category-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #030303;
  margin-bottom: 24px;
  display: block;
}

.faq-category-item:not(:last-child) {
  margin-bottom: 100px;
}

.popup-title.popup-title-video .title-line-animation {
  left: 70px;
  bottom: -14px;
}

/*affillate*/

.affillate-hero-title {
  font-size: 64px;
  line-height: 77px;
}

.affillate-hero-title .title-line-1 {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 324px;
  bottom: 57px;
  z-index: -1;
}

.affillate-hero-title .title-line-1 svg path {
  stroke-dasharray: 900px;
  stroke-dashoffset: 900px;
}

.affillate-hero-title .title-line-2 {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 250px;
  bottom: -27px;
  z-index: -1;
}

.affillate-hero-title .title-line-2 svg path {
  stroke-dasharray: 310px;
  stroke-dashoffset: 310px;
}

.how-it-works-affillate-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: calc(100% - 170px);
  bottom: -100px;
  z-index: -1;
}

.how-it-works-affillate-title .title-line-animation svg path {
  stroke-dasharray: 700px;
  stroke-dashoffset: 700px;
}

.how-it-works-affillate-content {
  position: relative;
  z-index: 2;
}

.how-it-works-affillate-list {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

.how-it-works-affillate-item {
  position: relative;
  width: calc(33.33% - 30px);
  background: #f0f3f7;
  border-radius: 16px;
  padding: 32px;
}

.how-it-works-affillate-item-arrow {
  position: absolute;
  top: 40px;
  right: 0;
  transform: translateX(50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f3f7;
  border: 8px solid #ffffff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.how-it-works-affillate-item:last-child .how-it-works-affillate-item-arrow {
  display: none;
}

.how-it-works-affillate-item-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.how-it-works-affillate-item-icon {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.how-it-works-affillate-item-content {
  display: block;
  width: 100%;
}

.how-it-works-affillate-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #030303;
}

.how-it-works-affillate-item-cub-content {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  margin-top: 16px;
  position: relative;
  z-index: 2;
}

.how-it-works-affillate-item-cub-content p {
  margin-bottom: 10px;
}

.how-it-works-affillate-item-cub-content ul {
  padding-left: 20px;
}

.how-it-works-affillate-item-cub-content ul li {
  list-style-type: inherit;
}

.how-it-works-affillate-item-count {
  position: absolute;
  right: -10px;
  bottom: -20px;
  font-style: normal;
  font-weight: 700;
  font-size: 128px;
  line-height: 128px;
  letter-spacing: -0.02em;
  color: #ffffff;
  z-index: 1;
}

.offer-wrapper {
  position: relative;
  overflow: hidden;
  background-image: url(/wp-content/themes/knubisoft/assets/img/offer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.offer-container {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.offer-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: -1;
}

.offer-title .title-line-animation svg path {
  stroke-dasharray: 400px;
  stroke-dashoffset: 400px;
}

.offer-list {
  display: flex;
  width: 100%;
  align-items: initial;
  justify-content: space-between;
  gap: 40px;
}

.offer-item {
  width: calc(50% - 20px);
  padding: 32px;
  border-radius: 16px;
  border: 1px solid transparent;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.offer-item:nth-child(1) {
  background: #ffffff;
  color: #333333;
}

.offer-item:nth-child(2) {
  border: 1px solid #333333;
  background: rgba(3, 3, 3, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8.5px);
  color: #ffffff;
}

.offer-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  display: block;
  color: #030303;
  margin-bottom: 32px;
}

.offer-item:nth-child(2) .offer-item-title {
  color: #ffffff;
}

.offer-item-percent-wrap {
  vertical-align: bottom;
}

.offer-item-percent-value {
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 80px;
  line-height: 96px;
  letter-spacing: -0.02em;
  color: #030303;
}

.offer-item:nth-child(2) .offer-item-percent-value {
  color: #ffffff;
}

.offer-item-percent {
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: #030303;
}

.offer-item:nth-child(2) .offer-item-percent {
  color: #ffffff;
}

.offer-item-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #858585;
  display: block;
  width: 100%;
  margin-bottom: 48px;
}

.offer-item:nth-child(2) .offer-item-subtitle {
  color: #f8f8f8;
}

.offer-item-content-bottom {
  margin-bottom: 60px;
}

.offer-item-content ul {
  padding-left: 20px;
}

.offer-item-content ul li {
  list-style-type: initial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
}

.offer-item-content ul li::marker {
  color: #f4a829;
}

.offer-item:nth-child(2) .offer-item-content ul li {
  color: #f8f8f8;
}

.offer-item-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.offer-item .open-popup-link {
  width: 100%;
}

.offer-item:nth-child(2) .open-popup-link {
  background: #ffffff;
  color: #030303;
  transition: all 0.5s;
}

.offer-item:nth-child(2) .open-popup-link:hover {
  color: #3ebbe4;
}

.offer-item:nth-child(2) .open-popup-link svg path {
  stroke: #030303;
  transition: all 0.5s;
}

.offer-item:nth-child(2) .open-popup-link:hover svg path {
  stroke: #3ebbe4;
}

.why-knubisoft-title .title-line-animation {
  display: inline-block;
  width: auto;
  position: absolute;
  right: 10px;
  bottom: -20px;
  z-index: -1;
}

.why-knubisoft-title .title-line-animation svg path {
  stroke-dasharray: 350px;
  stroke-dashoffset: 350px;
}

.why-knubisoft-content {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 56px 40px;
}

.why-knubisoft-item {
  width: calc(33.33% - 30px);
  /*    margin-top: 62px;*/
}

.why-knubisoft-content .service-last-item {
  width: calc(33.33% - 30px);
  margin-top: 0;
  margin-bottom: 0;
}

.why-knubisoft-content .service-last-item .title-line-animation {
  left: auto;
  right: 4px;
  bottom: -15px;
}

.why-knubisoft-content .service-last-item .btn {
  max-width: 204px;
  display: flex;
}

.why-knubisoft-item-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.why-knubisoft-item-icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.why-knubisoft-item-content {
  display: block;
  width: 100%;
}

.why-knubisoft-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #333333;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.why-knubisoft-item-cub-content {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.service-last-item .service-last-item-title {
  margin-bottom: 46px;
}

.contact-us-section .contact-btn {
  min-width: 198px;
}

.contact-us-section-affillate .contact-us-item-form {
  margin-top: 0;
  width: calc(100% - 390px);
  border-radius: 24px;
  padding: 40px;
}

.contact-us-section-affillate-image-mobile {
  display: none;
}

.contact-us-section-affillate .contact-us-wrapper {
  padding-bottom: 40px;
}

.contact-us-section-affillate .form-group:nth-child(2),
.contact-us-section-affillate .form-group:nth-child(3) {
  width: calc(50% - 20px);
}

.contact-us-section-affillate .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.contact-us-section-affillate .contact-us-item-info {
  width: 337px;
  margin-top: 32px;
}

.contact-us-section-affillate .form-group.form-textarea {
  height: 92px;
}

.contact-us-section-affillate
  .contact-us-item-info-subtitle
  .title-line-animation {
  right: 118px;
  top: 8px;
}

.contact-us-section-affillate
  .contact-us-item-info-subtitle
  .title-line-animation
  svg {
  width: 74px;
}

.page-template-affiliate-program textarea {
  min-height: 92px;
  height: 92px;
}

.affilate-service-last-item {
  background: #030303;
  border-radius: 16px;
  padding: 32px;
  width: calc(33.33% - 30px);
  margin-bottom: 0px;
}

.affilate-service-last-item .service-last-item-title {
  color: #fff;
  font-size: 32px;
  line-height: 38px;
}

.affilate-service-last-item .service-last-item-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
  margin-bottom: 24px;
}

.affilate-service-last-item .service-title .title-line-animation {
  position: absolute;
  right: 3px;
  top: 20px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.affilate-service-last-item .service-title .title-line-animation svg path {
  stroke-dashoffset: 260px;
  stroke-dasharray: 260px;
}

.affilate-service-last-item .service-last-item-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -10px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.affilate-service-last-item
  .service-last-item-title
  .title-line-animation
  svg
  path {
  stroke-dashoffset: 200px;
  stroke-dasharray: 200px;
}

.why-knubisoft-content .affilate-service-last-item .title-line-animation {
  left: auto;
  right: 11px;
  bottom: -12px;
}

.affilate-service-last-item .service-last-item-title {
  margin-bottom: 46px;
}

.affilate-service-last-item .service-last-item-title {
  color: #fff;
  font-size: 32px;
  line-height: 38px;
}

/*affillate*/

.form-group p {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.success-popup-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

.popup-success-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.success-description {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #858585;
}

#success-popup {
  padding-top: 90px;
  padding-bottom: 90px;
}

#success-popup .close {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 20px;
  height: 20px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transition: all 0.5s;
}

#success-popup .close svg path {
  stroke: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
  display: none !important;
}

/*new hero*/
.success-underline {
  left: 200px;
  bottom: -20px;
}

.section-overlay {
  margin-top: -40px;
  z-index: 1;
}

/*end new hero*/

.new-contact-us-container-popup {
  display: flex;
  width: 80%;
  justify-content: space-between;
  gap: 47px;
  margin: 0 auto;
}

.new-contact-us-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 47px;
}

.new-contact-us-block {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.new-form-group input:focus,
textarea:focus,
textarea:focus-visible {
  border: none;
}
.new-form-group input::placeholder {
  color: #f8f8f8;
}

.new-form-group textarea::placeholder {
  color: #f8f8f8;
}

.new-form-group textarea {
  resize: none;
  min-height: 92px;
  height: 150px;
  padding-top: 15px;
}

.new-form-group {
  margin: 12px 0 0 0;
}

.new-form-group input {
  width: 100%;
  border-radius: 8px;
  background: #485259;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  border: none;
  outline: none;
  margin: 10px auto;
  padding: 0 24px;
  /* max-width: 623px; */
  height: 48px;
}

.new-form-group textarea {
  width: 100%;
  /* max-width: 623px; */
  background: #485259;
  border-radius: 8px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  border: none;
  outline: none;
  margin: 10px auto;
  padding: 0 30px;
}

.new-contacts__form-checkbox {
  margin: 16px 0;
}

/*new design */

.container-header {
  padding-top: 170px;
  padding-bottom: 65px;
  position: relative;
  overflow: hidden;
}

.container-background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.background-image {
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  right: 0;
}

.background-image-mobile {
  display: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
}

.background-image-top {
  position: absolute;
  height: 60%;
  right: 0;
  width: auto;
  bottom: 10%;
}

.header-content {
  width: 675px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.header-button {
  max-width: 243px;
  margin-top: 32px;
}

.header-button .btn-primary {
  padding: 16px;
}

.container-overlay {
  z-index: 1;
  margin-top: -40px;
}

.saas-prod-dev-container {
  display: flex;
  align-items: inherit;
}

.saas-product-list {
  display: flex;
  align-items: initial;
  flex-wrap: wrap;
  justify-content: space-between;
}

.saas-product-item {
  width: calc(100% - 20px);
  margin-bottom: 40px;
  transition: all 0.5s;
}

.saas-cell-title {
  width: calc(50% - 30px);
  margin-right: auto;
  position: relative;
}

.saas-cell-content {
  width: 50%;
}

.achievements-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.achievements-item {
  width: 125px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-bg {
  display: none;
}

.saas-services-section .services-section {
  padding: 40px 20px;
  background: url("/wp-content/themes/knubisoft/assets/img/service-background.png")
    #030303 no-repeat left bottom;
  color: #ffffff;
}

.services-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}

.services-header {
  flex: 1;
  margin-right: 40px;
}

.services-header h1 {
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.02em;
  margin-top: 0;
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}

.services-header p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #858585;
}

.why-build-saas .services-header p {
  color: #333333;
}

.saas-services-section .services-header p {
  color: #f8f8f8;
}

.services-list {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.service {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #333333;
}

.service-icon {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.service-content {
  max-width: 600px;
}

.service-content h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 15px;
}

.service-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #858585;
}

.why-build-saas .service-content p {
  color: #333333;
}

.saas-services-section .service-content p {
  color: #f8f8f8;
}

.cta-container {
  text-align: center;
  padding: 40px 20px;
  border-radius: 20px;
  color: #ffffff;
}

.medium-bg .cta-container {
  max-width: 805px;
  padding: 0;
}

.medium-bg .btn-primary {
  min-width: 197px;
}

.cta-logo {
  width: 168px;
  display: block;
  height: 37px;
  margin: 0 auto 20px;
}

.cta-container .banner-title-style {
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 58px;
  letter-spacing: -0.02em;
  margin-top: 0;
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}

.cta-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-content span {
  width: 30%;
}

.services-header span {
  position: absolute;
  left: 119px;
  bottom: -16px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.big-bg {
  background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/04172205/big-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
}

.top-talents-content {
  margin-top: -80px;
}

.mt0 {
  margin-top: 0;
}

.medium-bg {
  background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/25074941/medium-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  height: 306px;
  padding: 50px 0;
}

.small-bg {
  background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/25073333/small-background-desc-v2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 50px 0;
}

.small-bg .btn-primary {
  width: 100%;
  max-width: 421px;
}

.small-bg .container-full {
  display: flex;
  justify-content: center;
}

.small-bg .cta-container {
  max-width: 866px;
  padding: 14px 0;
}

.saas-solutions .service-title {
  max-width: 557px;
}

.contact-us-bg {
  background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/04165130/contact-us-big-bg.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  color: white;
}
/*saas solution*/
.saas-solutions-container {
  padding: 30px 0;
}

.saas-solutions-content {
  display: flex;
  justify-content: space-between;
  color: #ffffff;
}

.saas-solutions-item {
  width: calc(33.3% - 20px);
  background: rgba(3, 3, 3, 0.5);
  min-width: 230px;
  margin-top: 20px;
  transition: all 0.5s;
  border: 1px solid #333333;
  border-radius: 15px;
  padding: 15px;
}

.saas-solutions-item-content {
  display: block;
  width: 100%;
  max-width: 336px;
}

.saas-solutions-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  margin-top: 0px;
  margin-bottom: 15px;
}

.saas-solutions-item-cub-content {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #f8f8f8;
}

.saas-solutions-title .title-line-animation {
  position: absolute;
  left: 80px;
  bottom: -16px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.saas-solutions-title .title-line svg path {
  stroke-dashoffset: 500px;
  stroke-dasharray: 500px;
}

/*tech stack*/
.tech-stack-title .title-line-animation {
  position: absolute;
  right: 0;
  bottom: -19px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.tech-stack-title .title-line-animation svg path {
  stroke-dashoffset: 350px;
  stroke-dasharray: 350px;
}

.tech-stack-tabs {
  margin: 40px 0;
}

.pb-50px {
  padding-bottom: 50px;
}

.tech-stack-tabs button {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 26.3px 0 rgba(24, 45, 70, 0.04) inset;
  border: none;
  padding: 12px;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  color: #585858;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  min-width: 246px;
}

.tech-stack-tabs .tablink.active {
  border-radius: 8px;
  background: #1dc7f1;
  color: #111008;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  padding: 12px;
  min-width: 246px;
}
.tech-stack-tabs {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  border: 2px solid var(--Stroke-Light, #e6e6e9);
}

.tech-icons {
  display: flex;
  grid-gap: 38px;
  /*justify-content: space-around;*/
  flex-wrap: wrap;
}

.tech-icon {
  text-align: center;
  margin: 10px;
  width: 150px;
  height: 150px;
  border-radius: 8px;
  border: 1px solid var(--Stroke-Light, #e6e6e9);
  justify-content: center;
  align-items: center;
  display: flex;
  background: white;
  padding: 16px;
}

.tech-icon img {
  object-fit: contain;
  max-width: 85px;
  max-height: 60px;
}

.tech-stack .section-header {
  max-width: 752px;
}

/*other service*/
.other-services .container-large {
  /* min-height: 500px; */
  display: flex;
  /* align-items: center; */
}

.other-services-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -16px;
  display: inline-block;
  width: 100%;
  z-index: -1;
}

.other-services-title .title-line-animation svg {
  width: 100%;
}

.other-services-title .title-line svg path {
  stroke-dashoffset: 500px;
  stroke-dasharray: 500px;
}

.other-services-list-item {
  width: calc(33.3% - 20px);
  transition: all 0.5s;
  border: 1px solid #eaeafe;
  padding: 32px 24px;
  border-radius: 16px;
}

.other-services-list-item-link {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.other-services-list {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.other-services-item-header {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  /* margin-bottom: 24px; */
}
.other-services-item-icon {
  margin-left: -11px;
}

.other-services-item-content {
  display: block;
  width: 100%;
  max-width: 336px;
}

.other-services-item-title {
  color: #4b4b4c;
  text-align: left;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.other-services-item-cub-content {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
}

.other-services-slider_buttons-mobile {
  position: static;
  display: none;
}

/*faq section*/
.new-faq-title .title-line-animation {
  position: absolute;
  left: 0;
  bottom: -13px;
  display: inline-block;
  width: auto;
  z-index: -1;
}

.new-faq-title .title-line-animation svg {
  width: 100%;
}

.new-faq-title .title-line-animation svg path {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px;
}

/*end faq section*/

/*our achievements*/
.our-achievements-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.our-achievements-item {
  width: 100%;
}

.our-achievements-image {
  display: flex;
  justify-content: end;
}

.our-achievements-image svg {
  width: 80%;
}

.our-achievements-image svg path {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px;
}

.our-achievements-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.our-achievements-list-item {
  width: 125px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*why saas*/
.why-saas-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.why-saas-item {
  width: 100%;
}

.why-saas-image {
  display: flex;
  justify-content: end;
  position: absolute;
  right: 0;
  width: auto;
}

.why-saas .container-large {
  overflow-x: hidden;
  position: relative;
}

.why-saas-image svg {
  width: 80%;
}

.why-saas-content {
  display: flex;
  justify-content: space-between;
}

.why-saas-content-item {
  width: 21.33%;
  padding: 0px 15px;
}

.service-title-wrap {
  max-width: 600px;
}

.why-saas-content-item-title {
  font-size: 60px;
  font-weight: 400;
  line-height: 72px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #3ebbe4;
}

.why-saas-content-item-description {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333333;
}

.why-saas-image svg path {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px;
}

.why-build-saas-list {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -40px;
}
.why-build-saas-slider_buttons-mobile {
  position: static;
  display: none;
}

.selected-text {
  position: relative;
  white-space: nowrap;
}

.new-contact-us-container .title-line__underline svg path {
  stroke-dashoffset: 250px;
  stroke-dasharray: 250px;
}

.new-faq-section .accordion-item {
  flex-direction: column;
}

.new-faq-section .accordion-body {
  padding-top: 24px;
  /* padding-left: 65px; */
  width: 100%;
  max-width: none;
}

.new-faq-section .accordion-body a {
  color: #3ebbe4;
  font-weight: 400;
}

.new-faq-section .accordion-header {
  width: 100%;
}

.tech-stack .section-description {
  max-width: 82%;
}

.descr-banner {
  margin-bottom: 30px;
  display: block;
}

.get-estimate-style .title-line__underline {
  left: 0;
  width: 100%;
}

.sub-menu .menu-item-has-children .nav-menu__link:after {
  display: none;
}

.light-header {
  background-color: #fff !important;
}

.light-header .nav-menu__link {
  color: #000;
}

.light-header .menu-item-has-children > a:after {
  background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2025/01/14142917/black-arrow.svg");
}

.menu-image-title-after.menu-image-not-hovered img {
  padding-right: 10px;
  max-width: 33px;
  height: auto;
}

.w-100 {
  width: 100% !important;
}

.faq-section {
  overflow-x: hidden;
}

.supply-style-circle .title-line__circle_up {
  /*left: -6px;*/
  /*right: 0;*/
  /*margin: -6px auto;*/
  /*width: 120%;*/

  left: -6px;
  right: 0;
  margin: -10px auto;
  width: 100%;
}

.two-blocks-style {
  display: flex;
}

.two-blocks-style .item-block {
  width: 50%;
  box-shadow: 0px 6px 8px #dadada;
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.two-blocks-style .item-block__header {
  background-color: #3ebbe4;
  padding: 25px;
  border-radius: 24px 24px 0 0;
}

.two-blocks-style .item-block__header span {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  display: block;
}

.two-blocks-style .item-block:first-child {
  border-radius: 24px 24px 0px 24px;
}

.two-blocks-style .item-block:last-child {
  border-radius: 24px 24px 24px 0px;
}

.two-blocks-style ul:has(li:nth-child(2n)) {
  background-color: #f0f3f7;
}

.two-blocks-style ul:has(li:nth-child(2n + 1):last-child) {
  background-color: #fff;
}

.two-blocks-style ul {
  display: block;
  position: relative;
  height: 100%;
}

.two-blocks-style ul li {
  padding: 20px;
  display: flex;
  font-size: 16px;
  align-items: flex-start;
  min-height: 160px;
  background-color: #fff;
}

.two-blocks-style ul li:nth-child(even) {
  background-color: #f0f3f7;
}

.two-blocks-style ul li:before {
  content: "";
  display: block;
  margin-right: 10px;
  flex-shrink: 0;
  width: 20px;
  background-repeat: no-repeat;
  height: 20px;
  background-size: contain;
  background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2025/01/21121810/table-check.svg);
}

.mb-0 {
  margin-bottom: 0;
}

.hero-description ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  align-items: flex-start;
}

.hero-description ul li {
  width: 50%;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  align-items: flex-start;
}

.hero-description ul li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 10px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 15px;
}

.badge-block {
  margin-bottom: 30px;
}

.m-top-0 {
  margin-top: 0;
}

.four-block-info {
  display: flex;
}

.four-block-info__item {
  width: 25%;
  padding: 0 20px;
  border-right: 1px dashed #03030326;
}

.four-block-info__item__heading {
  background-color: #f4a829;
  padding: 16px 8px;
  border-radius: 8px;
  margin-bottom: 16px;
}

.four-block-info__item__heading span {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.four-block-info__item:first-child .four-block-info__item__heading {
  background-color: #f4a829;
}

.four-block-info__item:first-child {
  padding-left: 0;
}

.four-block-info__item:last-child {
  padding-right: 0;
  border-right: 0;
}

.four-block-info__item:nth-child(2) .four-block-info__item__heading {
  background-color: #dca539;
}

.four-block-info__item:nth-child(3) .four-block-info__item__heading {
  background-color: #b79f51;
}

.four-block-info__item:last-child .four-block-info__item__heading {
  background-color: #919a6a;
}

.portfolio-section-white {
  background-color: #fff;
  min-height: auto;
  padding: 56px 0;
}

.portfolio-section-white .case-container .description {
  color: #000;
}

.portfolio-section-white .section-slider_buttons-container .slider-counter {
  color: #000;
}

.case-slider-desktop-white .case-item-white .case-item-titles {
  font-size: 24px;
  font-weight: 400;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
}

.case-slider-desktop-white .case-item-white img {
  margin-bottom: 15px;
  flex-shrink: 0;
}

.case-slider-desktop-white .case-item-white .case-item-subtitles {
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.case-slider-desktop-white .case-item-white {
  border-radius: 12px;
  padding: 30px;
  border: 1px solid #dbdbde;
  height: auto;
}

.case-slider-desktop-white .slick-track {
  display: flex;
  height: 100%;
}

.case-slider-desktop-white .slick-list {
  height: 100%;
}

.case-slider-mobile-white .case-item-white {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #dbdbde;
  height: auto;
}

.case-slider-mobile-white .case-item-white .case-item-titles {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 24px;
}

.case-slider-mobile-white .case-item-white img {
  margin-bottom: 15px;
  flex-shrink: 0;
}

.hero-buttons-wrap {
  display: flex;
  width: 100%;
  justify-content: center;
  z-index: 9;
  flex-wrap: wrap;
  align-items: center;
}

.hero-buttons-wrap a {
  margin: 15px;
}

.industries-knubi-animation .title-line__circle_up {
  left: 0;
  top: -10px;
}

.industries-knubi-animation .title-line__circle_up svg {
  width: 100%;
}

.industries-knubi-animation .rows-wrapper__item {
  display: flex;
  align-items: center;
  border: 1px solid #eaeafe;
  border-radius: 16px;
  overflow: hidden;
  padding: 32px;
  margin-bottom: 32px;
  transition: all 0.2s ease-in-out;
}

.industries-knubi-animation .rows-wrapper__item:hover {
  background-color: #f0f3f7;
}

.industries-knubi-animation
  .rows-wrapper__item:hover
  .left-side
  .link-item-ico {
  margin-left: 0px;
  transition: all 0.3s ease-in-out;
}

.industries-knubi-animation .rows-wrapper__item:last-child {
  margin-bottom: 0;
}

.industries-knubi-animation .rows-wrapper__item .left-side {
  width: 50%;
  padding-right: 15px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

.industries-knubi-animation .rows-wrapper__item .left-side .link-item-ico {
  margin-right: 32px;
  margin-left: -80px;
  transition: all 0.3s ease-in-out;
}

.industries-knubi-animation .rows-wrapper__item .left-side .heading-block {
  display: flex;
  align-items: center;
}

.industries-knubi-animation
  .rows-wrapper__item
  .left-side
  .heading-block
  > img {
  margin-right: 15px;
  max-width: 56px;
  object-fit: contain;
}

.industries-knubi-animation
  .rows-wrapper__item
  .left-side
  .heading-block
  > span {
  font-size: 21px;
  font-weight: 400;
  color: #030303;
  font-family: "Montserrat", sans-serif;
}

.industries-knubi-animation .rows-wrapper__item .right-side {
  width: 50%;
}

.industries-knubi-animation .rows-wrapper__item .right-side .description-block {
  color: #333333;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}

.yellow-heading-item {
  padding: 32px;
  background: transparent;
  border: 1px solid #ffffff24;
}

.yellow-heading-item .saas-solutions-item-title {
  background-color: #f4a829;
  padding: 8px 10px;
  border-radius: 16px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: center;
}

.yellow-heading-item .saas-solutions-item-cub-content {
  font-size: 16px;
  color: #f8f8f8;
}

.big-yellow-container {
  background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2025/01/30104923/bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
}

.yellow-blocks-section .title-line__underline {
  width: 100%;
  left: 0;
}

.service-map-title .title-line-animation svg {
  width: 100%;
}

.portfolio-section-white .section-slider_buttons-container {
  position: relative;
  margin-top: 20px;
}

.technologies-logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px;
}

.technologies-logo-wrapper__item {
  margin: 9px;
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
}

.w50-style {
  width: calc((100% / 2) - 18px);
}

.w30-style {
  width: calc((100% / 3) - 18px);
}

.technologies-logo-wrapper__item .tech-items-container {
  display: flex;
  flex-wrap: wrap;
}

.technologies-logo-wrapper__item .tech-item-title {
  font-size: 24px;
  font-weight: 400;
  color: #030303;
  display: block;
  margin-bottom: 24px;
}

.tech-items-container__block {
  display: table;
  width: 100%;
  max-width: 105px;
  margin: 10px 8px;
}

.tech-items-container__block img {
  margin-bottom: 8px;
}

.tech-items-container__block span {
  color: #858585;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  display: block;
  text-align: center;
}

.custom-circle-style svg {
  width: 100%;
}

.testlum-hero .title-line__underline {
  left: 0;
  bottom: -13px;
  width: 100%;
}

.mfp-wrap {
  z-index: 99999 !important;
}

.no-link-style {
  width: 48px;
  height: 48px;
  border: 1px solid #d3d7e1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-categories label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.check-categories label input {
  min-height: auto;
  text-align: left;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.sidebar-side-block {
  width: 30%;
  padding-right: 15px;
}

.content-side-block {
  width: 70%;
}

.vacancypage-filter {
  display: flex;
  margin-top: 24px;
}

.vacancies-sidebar-style {
  width: 100%;
  display: block;
}

.vacancies-sidebar-style .cases-filter-item {
  width: 100%;
}

.sidebar-side-block .filter-wrap {
  /*display: block;*/
  align-items: initial;
  justify-content: space-between;
  margin: 0;
  padding-bottom: 24px;
  flex-direction: column;
  border-bottom: 0;
}

.sidebar-side-block .vacancies-sidebar-style .cases-filter-item {
  margin-bottom: 24px;
}

.vacancy-apply-btn-style button {
  color: #fff;
  display: block;
  width: 100%;
}

.vacancy-apply-btn-style {
  width: 100%;
}

.filter-vacancy-sidebar {
  border: 1px solid #dbdbde;
  border-radius: 16px;
  overflow: hidden;
}

.filter-vacancy-sidebar .cases-filter-title {
  font-weight: 600;
  text-transform: uppercase;
  padding: 16px 24px;
  color: #030303;
  font-family: "Montserrat", sans-serif;
  background-color: #f0f3f7;
  margin-bottom: 0;
}

.filter-vacancy-sidebar .cases-filter-elem {
  padding: 24px;
}

#filter-vacancies-category label {
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  line-height: 24px;
}

#filter-vacancies-category label:not(:last-child) {
  margin-bottom: 16px;
}

.vacancies-filter-items-style {
  display: block;
}

.vacancies-filter-items-style .vacancy_item {
  width: 100%;
  margin-bottom: 15px;
}

.no-vacancies-wrapper {
  width: 100%;
  max-width: 710px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 50px auto 20px;
}

.no-vacancies-wrapper img {
  width: 100%;
  max-width: 364px;
  height: 100%;
  margin-bottom: 30px;
}

.no-vacancies-wrapper h3 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 15px;
}

.no-vacancies-wrapper p {
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 16px;
}

.no-vacancies-wrapper a {
  width: 100%;
  max-width: 213px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.btn-clear-filters {
  background: #f4f6fa;
  border-radius: 16px;
  border: 1px solid #e6e6e9;
}

.btn-clear-filters:hover {
  background: #2e8cab;
}

.clients-logo-item {
  width: auto;
  height: 45px;
}

.education-icons-wrapp {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 35px;
}

.education-icons-wrapp__item {
  width: 24%;
  padding: 0 15px;
  margin-bottom: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.education-icons-wrapp__item img {
  margin-bottom: 15px;
}

.education-icons-wrapp__item span {
  font-size: 20px;
  color: #333;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.section-accordion-dark {
  margin: 40px 0 0;
}

.wrapp-bg {
  background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/bg-accordion-section.svg);
  background-color: #000;
  background-size: cover;
  border-radius: 24px;
  padding: 80px 40px;
}

.section-accordion-dark__heading-wrapp {
  display: flex;
  flex-wrap: wrap;
}

.section-accordion-dark__heading-wrapp h2 {
  color: #fff;
  padding-right: 30px;
  width: 100%;
  max-width: 50%;
}

.section-accordion-dark__heading-wrapp__description {
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  width: 100%;
  max-width: 50%;
}

.accordion-education-dark {
  margin-top: 60px;
}

.accordionEducation {
  border-radius: 16px;
  margin: 12px auto;
  border: 0;
  overflow: hidden;
}
.accordionEducation-item {
  border-bottom: 0;
  border-radius: 16px;
  margin-bottom: 15px;
  overflow: hidden;
}
.accordionEducation-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  cursor: pointer;
  background: #fff;
}
.icon {
  transition: transform 0.3s ease;
}

.icon-svg {
  position: relative;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  cursor: pointer;
  background: #f0f3f7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  transition: all 0.2s ease;
}
.accEdu-content {
  display: none;

  background: #fff;
  border-top: 1px solid #dbdbde;
}
.open .icon-svg {
  transform: rotate(-90deg);
}
.open .accEdu-content {
  display: block;
}

.accEdu-header {
  font-size: 24px;
  font-weight: 400;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

.accEdu-short-descr {
  font-size: 18px;
  margin-left: auto;
  color: #333;
  font-family: "Montserrat", sans-serif;
  line-height: 25px;
  font-weight: 400;
}

.accEdu-row:not(:last-child) {
  margin-bottom: 10px;
}

.accEdu-row {
  padding: 24px;
}

.accEdu-content:nth-child(odd) {
  background-color: #fafbff;
}

.accEdu-row h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
}

.accEdu-row ul {
  display: flex;
  flex-wrap: wrap;
}

.accEdu-row p {
  margin-top: 24px;
}

.accEdu-row ul li {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #333;
  font-weight: 400;
  padding-right: 20px;
}

.accEdu-row ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/ckeck-edu.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  flex-shrink: 0;
}

.accEdu-row ul li:last-child {
  margin-bottom: 0;
}

.w-half ul li {
  width: 40%;
}

.accEdu-row ul li strong {
  font-weight: 600;
  color: #000;
}

.accEdu-row ul li:has(strong)::before {
  display: none;
}

.section-accordion-dark .title-line__underline {
  right: 0;
  left: 0;
  bottom: -15px;
  width: 100%;
}

.mentors-section__wrapper {
  margin-top: 25px;
}

.mentors-section__wrapper__item {
  display: flex;
  padding: 40px 0;
  border-top: 1px solid #dbdbde;
}

.mentors-section__wrapper__item img {
  width: 100%;
  max-width: 290px;
  margin-right: 40px;
  object-fit: cover;
  border-radius: 16px;
  background-color: #eef0fa;
}

.mentors-section .title-line-animation {
  left: 0;
}

.mentors-section .title-line-animation svg {
  width: 100%;
}

.mentors-section__wrapper__item__right-info .name-mentor {
  width: 100%;
  display: block;
  font-size: 24px;
  color: #030303;
  font-weight: 400;
  line-height: 34px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 4px;
}

.mentors-section__wrapper__item__right-info .role-mentor {
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  display: block;
  width: 100%;
}

.mentors-section__wrapper__item__right-info .description-mentor {
  font-size: 16px;
  font-weight: 400;
  margin-top: 40px;
  display: block;
  width: 100%;
  color: #333;
  font-family: "Montserrat", sans-serif;
}

.position-relative {
  position: relative;
}

.knubi-careers-info-header {
  padding: 230px 80px;
  background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/knubi-careers-bg-desktop.jpg);
  background-size: cover;
  border-radius: 24px;
}

.knubi-careers-info-header h1 {
  font-size: 48px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 400;
  line-height: 56px;
  margin-bottom: 30px;
}

.knubi-careers-info-header__descr {
  max-width: 630px;
}

.knubi-careers-info-header__descr p {
  font-size: 16px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}

.knubisoft-careers-hero {
  padding-top: 40px;
  padding-bottom: 0;
}

.gallery-images-wrapper {
  display: flex;
  padding: 0 20px;
  position: relative;
  margin-top: -13%;
}

.gallery-images-wrapper__item {
  width: 25%;
  padding: 20px;
}

.gallery-images-wrapper__item img {
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.btns-refer-wrapp a {
  display: flex;
  white-space: nowrap;
  margin-right: 15px;
  margin-bottom: 15px;
}

.btns-refer-wrapp {
  display: flex;
  flex-wrap: wrap;
}

.white-version .title {
  color: #000;
}

.white-version .top-talents-content {
  margin-top: 0;
}

.white-version .btn-white {
  border: 1px solid #dadada;
}

.container-white {
  background-color: #fff;
}

.colored-blocks__heading-wrapp {
  display: flex;
}

.colored-blocks__heading-wrapp h2 {
  width: 100%;
  max-width: 50%;
  padding-right: 30px;
  margin-bottom: 0;
}

.colored-blocks__heading-wrapp__descr {
  width: 100%;
  max-width: 50%;
}

.colored-blocks__wrapper {
  margin-top: 65px;
  display: flex;
  flex-wrap: wrap;
}

.colored-blocks__wrapper__item {
  padding: 32px;
  border-radius: 16px;
  margin: 8px;
}

.colored-blocks__wrapper__item .heading-block {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.colored-blocks__wrapper__item .heading-block img {
  margin-right: 10px;
}

.colored-blocks__wrapper__item .heading-block h3 {
  font-size: 24px;
  font-weight: 400;
  color: #333;
  line-height: 32px;
  margin-bottom: 0;
}

.colored-blocks__wrapper__item .content-block ul {
  padding-left: 0;
}

.colored-blocks__wrapper__item .content-block ul li {
  font-size: 16px;
  color: #333;
  font-family: "Montserrat", sans-serif;
  display: flex;
  align-items: flex-start;
}

.colored-blocks__wrapper__item .content-block ul li:not(:last-child) {
  margin-bottom: 16px;
}

.colored-blocks__wrapper__item .content-block ul li:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #000;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 8px;
  flex-shrink: 0;
}

.colored-blocks__wrapper .width-50 {
  width: calc(50% - 16px);
}

.colored-blocks__wrapper .width-30 {
  width: calc((100% / 3) - 16px);
}

.colored-blocks__wrapper__item .two-rows ul li {
  width: 50%;
  padding-right: 20px;
}

.colored-blocks__wrapper__item .two-rows ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.colored-blocks__wrapper__item .two-rows ul li:before {
  flex-shrink: 0;
}

.colored-blocks .title-line-animation {
  left: 0;
  width: 100%;
}

.colored-blocks .title-line-animation svg {
  width: 100%;
}

.form-group-refer label {
  width: 60%;
}

.pointerevents-style {
  pointer-events: none;
}

.is-fixed {
  position: sticky;
  top: 65px;
  width: auto;
  margin-left: 0;
}

.team-slider-wrapper__item {
  background-color: #eef3ff;
  border-radius: 16px;
  padding: 22px 22px 0;
  height: auto !important;
  display: flex !important
;
  flex-direction: column;
  justify-content: space-between;
}

.team-slider-wrapper__item h3 {
  color: #030303;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.team-slider-wrapper__item p {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}

.main-wrapp-slider-team {
  margin-top: 40px;
  padding-top: 40px !important;
  border-top: 1px solid #dbdbde;
}

.team-slider-1 {
  padding-top: 0 !important;
  border-top: 0;
}

.team-slider-main-title {
  font-size: 32px;
  color: #030303;
  font-weight: 400;
  margin-bottom: 40px;
}

.team-slider-wrapper__item img {
  margin-top: 10px;
  max-height: 385px;
  object-fit: contain;
}

.meet-nav {
  display: flex;
  align-items: center;
}

.meet-nav .next-btn-style {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.meet-nav .prev-btn-style {
  margin-right: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

#join-popup .form-group label {
  width: 40%;
}

#join-popup .wpcf7-form-control-wrap {
  width: 60%;
}

#join-popup .wpcf7-form-control-wrap select {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  outline: none;
  cursor: pointer;
}

#join-popup .wpcf7-form-control-wrap select option {
  padding: 16px;
}

/*ABOUT*/

.hero-about {
  margin-top: 128px;
  position: relative;
}

.hero-about .centered-container {
  width: 100%;
  max-width: 1360px;
  border-radius: 24px;
  margin: 0 auto;
  padding: 80px 40px 15px;
}

.hero-about__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.hero-about__wrapper__left-side {
  width: 100%;
  max-width: 627px;
  padding-left: 30px;
}

.hero-about__wrapper__left-side h1 {
  font-size: 48px;
  color: #fff;
  line-height: 120%;
  margin-bottom: 30px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.hero-about__wrapper__left-side p {
  font-size: 18px;
  line-height: 160%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #fff;
}

.hero-about__wrapper__right-side {
  width: 100%;
  max-width: 420px;
}

.hero-about__wrapper__right-side img {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 20px;
}

.hero-about__wrapper__right-side img:last-child {
  margin-bottom: 0;
}

/*ABOUT*/

/*our misson*/

.our-mission {
  margin-top: 0;
}

.our-mission__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.our-mission .centered-container {
  width: 100%;
  max-width: 1360px;
  border-radius: 24px;
  margin: 0 auto;
  padding: 20px 40px 40px;
}

.our-mission__wrapper__left-side {
  width: 100%;
  max-width: 627px;
  padding-left: 30px;
}

.our-mission__wrapper__left-side ul {
  padding-left: 25px;
  margin-top: 20px;
}

.our-mission__wrapper__left-side ul li {
  list-style-type: disc;
  font-size: 18px;
  margin-bottom: 10px;
}

.our-mission__wrapper__left-side h2 {
  font-size: 48px;
  color: #000;
  line-height: 120%;
  margin-bottom: 30px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.our-mission__wrapper__left-side p {
  font-size: 18px;
  line-height: 160%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #000;
}

.our-mission__wrapper__right-side {
  width: 100%;
  max-width: 420px;
}

.our-mission__wrapper__right-side img {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 20px;
}

.our-mission__wrapper__right-side img:last-child {
  margin-bottom: 0;
}

/*our misson*/

.roadmap-list .slick-track {
  display: flex;
}

.roadmap-list .slick-slide {
  display: flex;
  justify-content: space-between;
  height: auto;
  flex-direction: column;
}

.testimonials-items .slick-track {
  display: flex;
}

.testimonials-items .slick-track .slick-slide {
  height: auto;
}

.testimonial-item-container {
  height: 100%;
}

.testimonial-item-image {
  height: 100%;
}

.testimonial-item-content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.footer .nav-menu .sub-menu .has-sub-style ul li a {
  color: #fff;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}

.footer .nav-menu .sub-menu .has-sub-style ul li.active a {
  color: #3ebbe4;
}

.footer .nav-menu .sub-menu .has-sub-style ul li a:hover {
  color: #3ebbe4;
}

.footer .nav-menu .sub-menu .has-sub-style ul li:last-child a {
  margin-bottom: 0;
}

.footer-menu-selector .has-sub-style {
  margin-bottom: 18px;
}

.footer-menu-selector .has-sub-style > .sub-menu {
  display: none;
}

.footer .footer-menu-selector .menu-item-has-children .sub-menu li a {
  padding-right: 24px;
  z-index: 9;
}

.footer-menu-selector .has-sub-style.open > .sub-menu {
  display: block;
  margin-left: 0;
  padding-left: 0;
}

.footer-menu-selector .has-sub-style {
  position: relative;
  /* padding-right: 24px; */
}

.footer-menu-selector .has-sub-style:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  width: 10px;
  height: 8px;
  background-image: url("../img/Vector.svg");
  /* background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2025/02/07081411/arrowdown2.svg"); */
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}

.footer-menu-selector .has-sub-style.open:after {
  transform: rotate(180deg);
  transition: all 0.2s ease-in-out;
}

.footer-menu-selector .has-sub-style > .sub-menu li a {
  margin: 10px 0;
}

.nav-slider-style {
  display: flex;
  align-items: center;
}

.main-wrapp-slider-team {
  margin-bottom: 24px;
}

.nav-slider-style .pagi-counter {
  margin-left: 24px;
  font-size: 20px;
  font-weight: 400;
  display: block;
  line-height: 24px;
}

.contact-us-info-title > .title-line {
  margin-top: 20px;
}

.footer-legal-menu-item.active a {
  color: #3ebbe4;
}

/* .header__wrapper .sub-menu .sub-menu .current-menu-item .nav-menu__link {
  background: var(--Elements-Secondary, #2b6686);
} */

.select2-container--default
  .select2-search--inline
  .select2-search__field::placeholder {
  color: #858585;
  opacity: 1;
}

.faq-content .accordion-header {
  font-size: 20px;
}

.faq-content .accordion-body {
  font-size: 14px;
}

.custom-line-space svg {
  position: relative;
  top: 7px;
}

.new-faq-title .title-line__underline {
  right: 0;
  left: auto;
  bottom: -15px;
  width: 100%;
}

.new-faq-title .title-line__underline svg {
  width: 100%;
}

.custom-circle-black-style .title-line__circle_up {
  left: -7px;
  right: 0;
  width: 110%;
  margin: -10px auto;
}

.hero-description p {
  margin-bottom: 15px;
}

.hero-description p:last-child {
  margin-bottom: 0;
}

.new-form-group input:-webkit-autofill,
.new-form-group input:-webkit-autofill:hover,
.new-form-group input:-webkit-autofill:focus,
.new-form-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px #616162 inset !important;
}

.new-form-group input:-internal-autofill-selected {
  background-color: transparent !important;
}

.pointer-none > a {
  pointer-events: none;
}

/* .current-menu-parent > a {
  color: #3ebbe4 !important;
} */

.other-services-description {
  margin-bottom: 15px;
  display: block;
  position: relative;
  max-width: 600px;
}

.mb-3 {
  margin-bottom: 30px;
}
/* ===== PHONE INPUT (intl-tel-input) ===== */

.section.our-achievements,
.section.service-map-section {
  display: none !important;
}

.hero-description {
  transform: none !important;
  translate: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

.hero-description p {
  opacity: 1 !important;
  transform: none !important;
}

.animation-text,
.hero-description {
  position: relative;
  z-index: 2;
  opacity: 1 !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: rgb(248, 248, 248);
  margin-top: 30px;
  margin-bottom: 40px;
  max-width: 742px;
}

.footer {
  background: #030303;
}

/* ============================================
   FORM GROUP — DESKTOP (label + input in row)
============================================ */
form.wpcf7-form .form-group {
  margin: 0 0 18px 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}

form.wpcf7-form .form-group label {
  min-width: 120px;
  color: #fff;
  font-size: 15px;
  display: block;
}

/* ============================================
   FORM GROUP — MOBILE (label above input)
============================================ */
@media (max-width: 768px) {
  form.wpcf7-form .form-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  form.wpcf7-form .form-group label {
    min-width: auto;
  }
}

/* ============================================
   PHONE WRAPPER
============================================ */
.phone-wrapper {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
}

/* ============================================
   SELECTED FLAG + COUNTRY CODE
============================================ */
.phone-select {
  position: absolute;
  top: 0;
  left: 0;
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 12px;
  cursor: pointer;
  z-index: 20;
}

.selected-flag {
  display: flex;
  align-items: center;
  gap: 6px;
}

.selected-flag img {
  width: 20px;
  height: 14px;
  border-radius: 2px;
  object-fit: cover;
}

.selected-flag .dial {
  color: #fff;
  font-size: 15px;
}

/* ============================================
   PHONE INPUT
============================================ */
#phone-input {
  width: 100%;
  height: 48px;
  padding-left: 62px !important;
  font-size: 16px;
  color: #fff;
  background: transparent !important;
  z-index: 10;
  border: none !important;
}

@media (max-width: 768px) {
  #phone-input {
    padding-left: 56px !important;
  }
}

/* ============================================
   DROPDOWN (DESKTOP)
============================================ */
.phone-dropdown {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  background: #161616;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 4px 0;
  display: none;
  max-height: 220px;
  overflow-y: auto;
  z-index: 9999;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
}

.phone-dropdown.show {
  display: block;
}

.phone-dropdown li {
  padding: 10px 14px;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  font-size: 15px;
  color: #e8e8e8;
}

.phone-dropdown li:hover {
  background: rgba(255, 255, 255, 0.06);
}

.phone-dropdown li img {
  width: 20px;
  height: 14px;
  border-radius: 2px;
}

/* ============================================
   DROPDOWN — MOBILE (full-screen pop-over)
============================================ */
@media (max-width: 768px) {
  .phone-dropdown {
    position: fixed !important;
    left: 50% !important;
    bottom: 20% !important;
    top: auto !important;
    transform: translateX(-50%);
    width: 90% !important;
    max-height: 320px !important;
    border-radius: 12px !important;
    z-index: 999999;
  }
}
.wpcf7-form-control-wrap #phone-input,
.wpcf7-form-control-wrap #phone-input {
  padding-left: 74px !important;
}
.form-group.phone-field p {
  display: inline-block !important;
  /* width: max-content !important; */
}
.form-group.phone-field p:first-child {
  width: 100px !important;
}
.form-group.phone-field .selected-flag p {
  display: flex !important;
  width: 60px !important;
}
@media (max-width: 768px) {
  form.wpcf7-form .form-group.phone-field {
    flex-direction: row !important;
    align-items: center !important;
  }
}

/* ================================================
   PHONE FIELD FIX — NEW FORM (new-form-group)
================================================== */
.new-form-group.form-phone {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* label в новій формі — нормальний відступ */
.new-form-group.form-phone label {
  font-size: 15px;
  color: #fff;
}

/* phone-wrapper у новій формі */
.new-form-group .phone-wrapper {
  position: relative;
  width: 100%;
  height: 52px; /* під стиль інших полів */
}

/* Позиціювання прапора */
.new-form-group .phone-select {
  position: absolute;
  top: 0;
  left: 0;
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 10px;
  z-index: 20;
  cursor: pointer;
}

/* прапор */
.new-form-group .selected-flag img {
  width: 22px;
  height: 16px;
  border-radius: 3px;
}

/* код країни */
.new-form-group .selected-flag .dial {
  font-size: 15px;
  color: #fff;
}

.new-form-group #phone-number {
  width: 100%;
  height: 52px;
  padding-left: 70px !important;
  padding-right: 14px;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 16px;
}

.new-form-group #phone-number::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.new-form-group .phone-dropdown {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: #161616;
  border-radius: 8px;
  padding: 4px 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  z-index: 99999;
  max-height: 250px;
  overflow-y: auto;
  display: none;
}

.new-form-group .phone-dropdown.show {
  display: block;
}

/* mobile fix */
@media (max-width: 768px) {
  .new-form-group.form-phone {
    gap: 4px;
  }

  .new-form-group #phone-number {
    padding-left: 64px !important;
    height: 48px;
  }

  .new-form-group .phone-wrapper {
    height: 48px;
  }

  .new-form-group .phone-select {
    height: 48px;
  }

  .new-form-group .phone-dropdown {
    position: fixed;
    bottom: 18%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-height: 300px;
  }
}
.new-form-group.form-phone .selected-flag p {
  width: 100px !important;
  display: flex;
  align-items: center;
}
.new-form-group #phone-number {
  padding-left: 115px !important;
}
.new-form-group.form-phone .phone-wrapper p {
  width: 100%;
}
.new-form-group .phone-select {
  padding-left: 32px !important;
}
.selected-flag .dial {
  margin-left: 5px;
}

.new-contact-us-form .wpcf7-form p {
  margin: 0 !important;
  padding: 0 !important;
}

.new-contact-us-form .wpcf7-form br {
  display: none !important;
}

.new-contact-us-form .new-form-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.new-contact-us-form .new-form-group * {
  box-sizing: border-box;
}

/* LABEL */
.new-contact-us-form .new-form-group label {
  color: #fff;
  margin-bottom: 2px;
}

/* INPUT + TEXTAREA */
.new-contact-us-form .new-form-group input,
.new-contact-us-form .new-form-group textarea {
  width: 100%;
  border: none;
  outline: none;
  color: #fff;
}

/* Wrapper */
.new-contact-us-form .phone-wrapper {
  position: relative;
  width: 100%;
  height: 48px;
}

/* Flag selector */
.new-contact-us-form .phone-select {
  position: absolute;
  top: 23px;
  left: -5px;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 0;
  cursor: pointer;
  z-index: 10;
}

.new-contact-us-form .selected-flag img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.new-contact-us-form .selected-flag .dial {
  font-size: 15px;
  color: #fff;
}
/* Dropdown */
.new-contact-us-form .phone-dropdown {
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  background: #161616;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 6px 0;
  display: none;
  z-index: 9999;
}

.new-contact-us-form .phone-dropdown.show {
  display: block;
}

.new-contact-us-form .phone-dropdown li {
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #e8e8e8;
}

.new-contact-us-form .phone-dropdown li:hover {
  background: rgba(255, 255, 255, 0.1);
}

.mfp-content .wpcf7-form br {
  display: none !important;
}

.mfp-content .contact-btn {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  padding: 18px 24px !important;
  margin-top: 20px !important;
  border-radius: 8px !important;
}

.mfp-content .contact-btn .btn-image,
.mfp-content .contact-btn .btn-image-disabled {
  margin-left: 10px;
  position: relative;
  top: 0;
}
.grecaptcha-badge {
  visibility: hidden;
}

.section.contact-us-section {
  background-color: #fff;
}
.container-full_left {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  width: 52%;
}
.blue-text {
  color: #1dc7f1;
}
.section-title {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 59px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.59px;
  text-align: left;
  max-width: 713px;
}
.section-details {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  max-width: 544px;
}
p.section-details {
  margin: 48px 0 83px 0;
}

.container-full_left .open-popup-link {
  border-radius: 16px;
  background: #fff;
  padding: 12px 24px;
  min-width: 230px;
  color: #111008;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-full_left .open-popup-link svg {
  margin-right: 12px;
}
.info-block {
  display: flex;
  row-gap: 30px;
}
.info-item {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  background: linear-gradient(180deg, rgba(0, 65, 91, 0.1) 0%, #010b10 100%);
  background-blend-mode: plus-lighter;
  box-shadow:
    -12.3px -10.2px 48px 0 rgba(0, 0, 0, 0.15),
    -2.05px -1.7px 12px 0 rgba(0, 0, 0, 0.15),
    2.45px 2.032px 9.56px 0 rgba(255, 255, 255, 0.08) inset,
    1.425px 1.181px 4.78px 0 rgba(255, 255, 255, 0.08) inset;
  backdrop-filter: blur(9.020000457763672px);
  padding: 16px 24px;
}
.info-value {
  color: #1dc7f1;
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.info-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.27);
  padding-top: 12px;
  margin-top: 12px;
}
.info-details span {
  color: #e8e8e8;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  max-width: 142px;
  text-align: left;
  margin-right: 15px;
}
.svg-container {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.16);
}
.container-full_right {
  display: flex;
  align-items: flex-end;
  width: 48%;
  padding-left: 56px;
}
.blue-btn {
  border-radius: 16px;
  background: #1dc7f1;
  color: #111008;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  padding: 12px 24px;
  min-width: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px !important;
}
.blue-btn svg {
  margin-right: 12px;
}
.title.portfolio-title,
.title.testimonials-title {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}
.section.testimonials-section {
  background: #fff;
}
.title.testimonials-title {
  color: #111008;
}
.section.testimonials-section .container-large {
  border-radius: 16px;
  background: #f4f6fa;
  padding: 80px 0 80px 56px;
  max-width: 1392px;
}
.testimonials-container {
  margin-right: 0;
}
.testimonials-items {
  border-radius: 16px 0 0 16px;
  background: #032331;
}
.container-full.testimonials-container {
  max-width: 100%;
}
.slider-counter.testimonials-slider-counter {
  color: #111008;
}

.ta-inner {
  display: grid;
  /* grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr); */
  gap: 32px;
}

.ta-left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ta-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ta-tab {
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  /* padding: 10px 18px; */
  padding: 8px 14px;
  background: transparent;
  color: inherit;
  font-size: 14px;
  cursor: pointer;
}

.ta-tab.is-active {
  background: #00b3ff;
  color: #030303;
  border-color: transparent;
}

.ta-right {
  position: relative;
}

.ta-panel {
  display: none;
  border-radius: 16px;
  background: var(--Background-Light, #071c2b);
  padding: 32px;
  min-height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
  gap: 24px;
  align-items: center;
}

.ta-panel:not(.is-active) {
  display: none;
}

.ta-panel.is-active {
  display: grid;
}

.ta-panel-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

@media (max-width: 900px) {
  .ta-inner {
    grid-template-columns: 1fr;
  }

  .ta-panel {
    grid-template-columns: 1fr;
  }

  .ta-panel-image {
    order: -1;
  }
}
.container-large.contact-us-bg {
  border-radius: 16px;
  background: #032331;
}
.industries {
  display: flex;
  align-items: flex-start;
}
.industries-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50%;
}
.industries-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 35.2px */
  letter-spacing: -0.32px;
  margin-bottom: 32px;
}
.industries-description {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 24px;
}
.industries-link {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-decoration: underline;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.industries-link svg {
  margin-right: 12px;
}
.industries-list {
  display: flex;
  flex-direction: column;
}
.industries-item {
  display: flex;
  gap: 16px;
}
.industries-item div {
  border-radius: 16px;
  border: 1px solid var(--Stroke-Dark, rgba(255, 255, 255, 0.5));
  background: rgba(255, 255, 255, 0.11);
  background-blend-mode: plus-lighter;
  box-shadow:
    1px 1px 3px 0 rgba(0, 0, 0, 0.5) inset,
    -1px -1px 2.5px 0 rgba(153, 153, 153, 0.4) inset,
    0 0 1.5px 0 rgba(0, 0, 0, 0.3) inset,
    0 0 18px 0 rgba(0, 0, 0, 0.08),
    0 4px 6px 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(1.5px);
  padding: 8px 24px;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.title.contact-us-info-title {
  color: #fff;
  font-family: Montserrat;
  font-size: 59px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.59px;
  margin-bottom: 40px;
  max-width: 544px;
  text-transform: none;
}

.title-container p {
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.64px;
}
.new-contact-us-item-info-subtitle .new-contact-us-contact {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.32px;
}
.container-large.contact-us-bg {
  padding: 82px 56px !important;
}
.title.contact-title {
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: 24px;
}
label {
  color: #fff;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.name-container {
  display: flex;
  gap: 24px;
}

.title.ta-title {
  color: #111008;
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4px;
  margin-bottom: 24px;
}
.ta-subtitle {
  color: #585858;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  margin-bottom: 40px;
}
.ta-tab {
  border-radius: 16px;
  border: 2px solid var(--Stroke-Light, #e6e6e9);
  background: var(--Text-Light-Primary, #fff);
  box-shadow:
    0 2px 26.3px 0 rgba(24, 45, 70, 0.04) inset,
    0 12px 10px -1px rgba(24, 45, 70, 0.05);
  color: var(--Text-Dark-Secondary, #585858);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  /* padding: 12px 16px; */
}
.ta-tab.is-active {
  border-radius: 16px;
  background: var(--Elements-Accent, #1dc7f1);
}
.section.ta-section .container-large {
  border-radius: 16px;
  background: var(--Background-Light, #f4f6fa);
}
.ta-panel-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 44px */
  letter-spacing: -0.4px;
  margin-bottom: 32px;
}
.ta-panel-text {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.services-link {
  color: var(--Text-Light-Primary, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  border-bottom: 2px solid #fff;
  display: flex;
  align-items: center;
  width: max-content;
}
.services-link svg {
  margin-right: 12px;
}
.ta-inner {
  display: grid;
  grid-template-columns: clamp(360px, 55%, 600px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

.ta-left {
  min-width: 0;
}
.ta-right {
  min-width: 0;
}
.section.ta-section .container-large {
  padding-right: 0;
}
.container-full.ta-inner {
  margin-right: 0;
  padding-right: 0;
}
.ta-panel.is-active {
  position: relative;
}
.ta-panel-image {
  position: absolute;
  width: 300px;
  height: 434px;
  right: 0;
  border-radius: 0;
}
.ta-panel-image img {
  border-radius: 0;
}

.ta-inner {
  display: grid;
  /* grid-template-columns: clamp(320px, 35%, 500px) minmax(0, 1fr); */
  align-items: stretch;
  gap: 32px;
  padding-left: 56px;
}

.ta-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-right: 24px;
}

.ta-right {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: stretch;
}

.ta-panel.is-active {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 24px;
  background: var(--Background-Light, #071c2b);
  border-radius: 16px;
  padding: 40px;
  align-items: center;
  height: 100%;
}

.ta-panel-image {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ta-panel-image img {
  width: auto;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}

@media (max-width: 900px) {
  .ta-inner {
    grid-template-columns: 1fr;
    padding-left: 24px;
    padding-right: 24px;
  }
  .ta-panel.is-active {
    grid-template-columns: 1fr;
  }
  .ta-panel-image {
    order: -1;
    justify-content: center;
    height: auto;
  }
  .ta-panel-image img {
    width: 100%;
    height: auto;
  }
}

.section.ta-section .container-large {
  border-radius: 16px;
  background: var(--Background-Light, #f4f6fa);
  padding: 80px 0;
}

.ta-inner {
  display: grid;
  /* grid-template-columns: clamp(300px, 34%, 500px) minmax(0, 1fr); */
  grid-template-columns: clamp(360px, 55%, 600px) minmax(0, 1fr);
  gap: 48px;
  align-items: stretch;
  padding: 0 56px;
}

.ta-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-left: 24px;
}

.ta-right {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: stretch;
}

.ta-panel.is-active {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  background: #032331;
  border-radius: 16px;
  padding: 48px;
  align-items: center;
  height: 100%;
  position: relative;
}

.ta-panel-content {
  z-index: 2;
  position: relative;
}

.ta-panel-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 44%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ta-panel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 16px 16px 0;
}

@media (max-width: 900px) {
  .ta-inner {
    grid-template-columns: 1fr;
    padding: 0 24px;
    gap: 32px;
  }

  .ta-panel.is-active {
    grid-template-columns: 1fr;
    padding: 32px;
  }

  .ta-panel-image {
    position: relative;
    width: 100%;
    height: auto;
    order: -1;
  }

  .ta-panel-image img {
    border-radius: 16px;
    height: auto;
  }
}
.section.ta-section .container-large {
  border-radius: 16px;
  background: var(--Background-Light, #f4f6fa);
  padding: 80px 0;
}

.ta-inner {
  display: grid;
  grid-template-columns: clamp(360px, 55%, 600px) minmax(0, 1fr);
  align-items: stretch;
  gap: 56px;
  max-width: 1392px;
  margin: 0 auto;
  padding: 0 56px;
}

.ta-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.title.ta-title {
  margin-bottom: 24px;
  text-transform: none;
}
.ta-subtitle {
  margin-bottom: 40px;
  color: #585858;
}

.ta-right {
  display: flex;
  align-items: stretch;
  min-width: 0;
  position: relative;
}

.ta-panel.is-active {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  align-items: center;
  border-radius: 16px;
  background: #032331;
  padding: 52px 48px;
  height: 100%;
  position: relative;
}

.ta-panel-content {
  z-index: 2;
  max-width: 430px;
}

.ta-panel-image {
  position: absolute;
  top: -100px;
  right: 0;
  width: 290px;
  height: 434px;
  overflow: hidden;
  border-radius: 0 16px 16px 0;
}

.ta-panel-image img {
  width: 290px;
  height: 434px;
  object-fit: cover;
  object-position: center left;
}
.ta-panel-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-width: 456px;
  max-width: 456px;
}
.pannel-info {
  display: flex;
  flex-direction: column;
}

@media (max-width: 900px) {
  .ta-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0 24px;
  }

  .ta-panel.is-active {
    grid-template-columns: 1fr;
    padding: 32px;
  }

  .ta-panel-image {
    position: relative;
    width: 100%;
    height: auto;
    order: -1;
    border-radius: 16px;
  }

  .ta-panel-image img {
    width: 100%;
    height: auto;
  }
}
.section.ta-section .container-large {
  padding: 118px 0 84px 0;
}
.ta-left {
  padding-right: 0;
  padding-left: 0;
}
.section.ta-section {
  margin-top: 24px;
  margin-bottom: 24px;
}
.section.testimonials-section {
  margin-bottom: 24px;
}
.footer {
  background: var(--Background-Dark, #032331);
}

.industries-section.section {
  margin: 0 auto;
  width: 100%;
}
.industries-info {
  color: var(--Text-Dark-Primary, #111008);
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}
.industries-section-title {
  padding-left: 56px;
}
.industries-section-title p {
  color: var(--Text-Dark-Secondary, #585858);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  margin-bottom: 24px;
  max-width: 500px;
}
.new-contact-us-form .new-form-group input::placeholder,
.new-contact-us-form .new-form-group textarea::placeholder {
  color: var(--Text-Light-Tertiary, #cacaca);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.section.industries-section {
  margin-bottom: 24px;
}

.container-large.industries-container {
  padding: 0;
}

.container-large.industries-section-title {
  padding-top: 48px;
  padding-bottom: 0;
}

.industries-accordion,
.industries-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.industries-nav-item {
  width: 100%;
  height: 131px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  border: none;
  cursor: pointer;
  text-align: left;

  padding: 4px 96px 4px 56px;
  border-radius: 16px;

  background: var(--Background-Light, #f4f6fa);
  font-weight: 600;
  transition:
    background 0.25s ease,
    color 0.25s ease;
}

.industries-nav-icon img {
  max-width: 123px;
  max-height: 123px;
  display: block;
}

/* Label */
.industries-nav-label {
  color: var(--Text-Dark-Primary, #111008);
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.32px;
}

/* Active tile */
.industries-nav-item.is-active {
  background: #002b45;
  color: #fff;
}

.industries-nav-item.is-active .industries-nav-label {
  color: #fff;
}

.industries-acc-item .industries-nav-item.is-active {
  display: none;
}

.industries-acc-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.industries-acc-panel .industries-card {
  margin-top: 16px;
}

.industries-card {
  display: block;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  padding: 48px 56px;
  color: #fff;
  min-height: 293px;
}

.industries-card-inner {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.industries-card-left {
  max-width: 520px;
  grid-row-gap: 24px;
}

.industries-card-description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 25px;
  /* height: 100%; */
}

.industries-card-right {
  width: 50%;
}

.industries-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: flex-start;
}

.industries-tag {
  border-radius: 16px;
  border: 1px solid var(--Stroke-Dark, rgba(255, 255, 255, 0.5));
  background: rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(1.5px);
  box-shadow:
    1px 1px 3px rgba(0, 0, 0, 0.5) inset,
    -1px -1px 2.5px rgba(153, 153, 153, 0.4) inset,
    0 0 1.5px rgba(0, 0, 0, 0.3) inset,
    0 0 18px rgba(0, 0, 0, 0.08),
    0 4px 6px rgba(0, 0, 0, 0.15);

  color: var(--Text-Light-Primary, #fff);
  text-align: center;

  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  padding: 11px 24px;
}

.industries-card-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.32px;
  margin-bottom: 32px;
}

.industries-card-text {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 24px;
}

/* Link */
.industries-card-link {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;

  border-bottom: 2px solid #fff;
  display: flex;
  align-items: center;
  width: max-content;
}

.industries-card-link svg {
  margin-right: 12px;
}

.industries-tags .industries-tag:nth-child(3) {
  margin-left: 106px;
}

.industries-tags .industries-tag:nth-child(5) {
  margin-left: 32px;
}
.section.portfolio-section-new {
  margin-bottom: 24px;
}
.saas-system-block {
  margin-bottom: 24px;
}
.saas-system-block .container-large {
  border-radius: 16px;
  background: var(--Background-Dark, #032331);
  padding: 60px 80px;
}
.title-block {
  max-width: 534px;
  margin-bottom: 61px;
}
.block-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 40px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 120% !important; /* 48px */
  letter-spacing: -0.4px !important;
  margin-bottom: 24px !important;
  text-align: left;
}
.block-subtitle {
  color: var(--Text-Light-Secondary, #f3f3f3);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  text-align: left;
}
.checklist__title-container {
  display: flex;
  align-items: center;
}
.saas-checklist__icon-img {
  display: block;
  object-fit: contain;
}
.saas-checklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 90px;
  column-gap: 120px;
}

.saas-checklist__item {
  height: 100%;
}

.checklist__title-container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.saas-checklist__icon-img {
  display: block;
  object-fit: contain;
}

/* responsive */
@media (max-width: 1024px) {
  .saas-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .saas-checklist {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.checklist__title-container {
  margin-bottom: 24px;
}
.saas-checklist__title {
  color: var(--Text-Light-Secondary, #f3f3f3);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
}
.saas-checklist__text {
  color: var(--Text-Light-Secondary, #f3f3f3);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

.light-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 7vw, 120px) 0;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.light-hero__inner {
  position: relative;
  /* max-width: 961px; */
  margin: 0 auto;
  text-align: center;
}

.light-hero__title {
  color: var(--Text-Dark-Primary, #111008);
  text-align: center;
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 56px */
  letter-spacing: -0.4px;
  margin-bottom: 32px;
  max-width: 961px;
  margin: 0 auto;
}

.section-text {
  color: var(--Text-Dark-Secondary, #585858);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 32px;
}

/* pill (elevate) */
.light-hero__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--accent, #1dc7f1);
  color: #0c1b24;
  vertical-align: middle;
  transform: translateY(-2px);
  white-space: nowrap;
}

.light-hero__pill-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.35);
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 480px) {
  .light-hero__pill {
    padding: 7px 12px;
  }
}
.blue-btn.title-link {
  display: inline-flex;
  min-width: 167px;
}

/* === SaaS Product Services (star section) === */
.section.saas-star-section {
  margin-bottom: 24px;
}
.section.saas-star-section .container-large {
  padding: 0;
}

.saas-star-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 24px;
  align-items: stretch;
}

.saas-star-feature {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 52px 48px;
  min-height: 320px;
  background: #062533;
  background-image: var(--saas-star-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.saas-star-feature::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: min(360px, 46%);
  height: min(360px, 46%);
  background-image: var(--saas-star-decor);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.saas-star-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
  margin-bottom: 24px;
  max-width: 546px;
}

.saas-star-accent {
  color: #1dc7f1;
}

.saas-star-desc {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  max-width: 546px;
}

.saas-star-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-content: start;
}

.saas-star-card {
  padding: 16px 24px;
  min-height: 258px;
  border-radius: 16px;
  background: var(--Background-Light, #f4f6fa);
}

.saas-star-card-icon {
  width: 48px;
  height: 48px;
  display: block;
  margin-bottom: 24px;
}

.saas-star-card-title {
  color: #4b4b4c;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  margin-bottom: 24px;
}

.saas-star-card-text {
  color: #7b7b7b;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

@media (max-width: 991px) {
  .saas-star-grid {
    grid-template-columns: 1fr;
  }
  .saas-star-feature::after {
    right: -10px;
    width: 220px;
    height: 220px;
  }
}
@media (max-width: 560px) {
  .saas-star-cards {
    grid-template-columns: 1fr;
  }
}
.saas-star-feature {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.services-banner {
  border-radius: 0 0 23px 23px;
  background: var(--Background-Dark, #032331);
  margin-bottom: 24px;
}
body.page-template-service-ta-new header {
  background: transparent;
}
.services-banner_content {
  display: flex;
}
.service-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 59px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 64.9px */
  letter-spacing: -0.59px;
  margin-bottom: 48px;
}
.service-text {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  margin-bottom: 79px;
}
.header-button {
  display: flex;
  align-items: center;
  grid-column-gap: 8px;
}
.open-popup-link.blue-btn {
  background: #1dc7f1 !important;
}
.other-services-list-item-link.no-link-style {
  border: none;
}
.footer .nav-menu ul li a {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.footer .nav-menu .sub-menu li a {
  color: var(--Text-Light-Secondary, #f3f3f3);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.saas-star-card-icon {
  margin-left: -7px;
}

.page-template-services .section.industries-section .container-large {
  margin-bottom: 0;
}
.light-hero.development-section {
  min-height: 665px;
  display: flex;
  align-items: center;
}
.info-item {
  text-align: left;
}
.page-template-home-new .info-item .blue-text {
  margin-left: 4px;
}
.new-form-group textarea {
  padding: 12px 24px;
}
.btn.checkedBtnStyle.btn-primary.contact-btn.blue-btn {
  min-height: 56px;
  min-width: 230px;
}
.saas-checklist__icon,
.saas-checklist__icon img {
  width: 24px;
  height: 54px;
}
.checklist__title-container {
  margin-bottom: 10px;
}
.saas-checklist__title {
  margin-bottom: 3px;
}
.ai-hero.saas-system-block .container-large {
  padding: 94px 80px;
}

.title-line__underline {
  left: 0;
  bottom: -15px;
  width: 100%;
}

.augmentation-style .title-line__underline {
  left: 0;
  bottom: -16px;
  width: 100%;
}

.saas-dev-serv .cell-title {
  width: 50%;
  margin-right: auto;
  position: relative;
}

.why-build-saas .cell-title {
  width: 50%;
  margin-right: auto;
  position: relative;
}

.cell-content {
  width: 50%;
}

.service-title-wrap {
  max-width: 467px;
}

.what-we-do-item {
  width: calc(100%);
  margin-bottom: 40px;
  transition: all 0.5s;
}

.what-we-do-item-content {
  max-width: initial;
  margin-bottom: 40px;
}

.what-we-do-list .what-we-do-item:not(:last-child) {
  border-bottom: 1px solid #dbdbde;
}

.why-build-saas .what-we-do-list .what-we-do-item {
  border-bottom: none;
}

.title-expertise-mobile {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .saas-dev-serv .cell-title {
    width: 100%;
  }

  .why-build-saas .cell-title {
    width: 100%;
  }

  .cell-content {
    width: 100%;
  }

  .what-we-do-list .what-we-do-item:not(:last-child) {
    border-bottom: none;
  }
}

.selected-text {
  position: relative;
  white-space: nowrap;
}

.title-line__bottom {
  left: 0;
  top: 40px;
}

.title-line__circle_up {
  left: 0;
  right: 0;
  margin: -10px auto;
}

.title-line__circle_up svg {
  width: 100%;
}

.title-line__circle_down {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.title-line__circle_down svg {
  width: 100%;
}

@media only screen and (max-width: 1400px) {
  .title-line__circle_down {
    margin: -5px auto;
  }
}

@media only screen and (max-width: 768px) {
  .title-line__circle_up {
    margin: -20px auto;
  }

  .team-steps-arrow {
    display: none !important;
  }

  .saas-dev-serv .what-we-do-item {
    background: #1f1f1f;
    border-radius: 16px;
  }

  .title-line__circle_down {
    margin: -15px auto;
  }

  .title-line__bottom {
    top: 0;
  }

  .title-expertise-desktop {
    display: none;
  }

  .title-expertise-mobile {
    display: block;
  }

  .title-expertise-mobile .title-line__underline {
    bottom: -16px;
  }
}

.why-build-saas .title-line__underline svg path {
  stroke-dashoffset: 500px;
  stroke-dasharray: 500px;
}

.services-section .title-line__circle_up svg path {
  stroke-dashoffset: 500px;
  stroke-dasharray: 500px;
}

.saas-dev-serv .title-line__circle_up svg path {
  stroke-dashoffset: 700px;
  stroke-dasharray: 700px;
}

.team-steps .selected-text svg path {
  stroke-dashoffset: 700px;
  stroke-dasharray: 700px;
}

.competence .selected-text svg path {
  stroke-dashoffset: 1000px;
  stroke-dasharray: 1000px;
}

.why-saas .why-saas-image svg path {
  stroke-dashoffset: 1000px;
  stroke-dasharray: 1000px;
}

.our-achievements .our-achievements-image svg path {
  stroke-dashoffset: 1500px;
  stroke-dasharray: 1500px;
}

.faq-section-line svg path {
  stroke-dashoffset: 1500px;
  stroke-dasharray: 1500px;
}

.tabcontent {
  display: none;
}

.faq-section-line svg {
  position: absolute;
  right: 0;
  top: -120px;
}

.get-started .btn-primary {
  max-width: 421px;
  width: 100%;
}

.get-started .cta-container {
  max-width: 836px;
}

@media only screen and (max-width: 768px) {
  .faq-section-line svg {
    top: -70px;
    width: 40%;
  }

  .header-button {
    max-width: initial;
  }
}

.header-content span {
  width: initial;
}

.team-steps-header svg {
  width: 100%;
}

.top-talents-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.top-talents-container .cell-title {
  width: calc(50% - 30px);
}

.competence .description {
  font-size: 20px;
}

.competence-list-item {
  margin: 32px 0;
  font-size: 22px;
}

@media only screen and (max-width: 768px) {
  .top-talents-container {
    flex-direction: column;
  }

  .top-talents-container .cell-title {
    width: 100%;
  }

  .top-talents-content {
    width: 100%;
  }

  .competence .description {
    font-size: 14px;
  }

  .competence h1 {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .competence-list-item {
    font-size: 14px;
    margin: 8px 0;
  }
}

.competence {
  background: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/12/02132405/competence_desc_bg.png")
    no-repeat center;
  background-size: cover;
}

.top-talents .big-bg {
  background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/12/02132506/top-talents_desc_bg.png");
}

.competence-list {
  color: #f8f8f8;
}

.team-steps-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.team-steps-item {
  position: relative;
  width: 400px;
  min-height: 336px;
  padding: 32px;
  gap: 24px;
  border-radius: 16px;
  background: #f0f3f7;
  margin-top: 40px;
}

.team-steps-number {
  position: absolute;
  right: -10px;
  bottom: -18px;
  font-size: 128px;
  font-weight: 700;
  line-height: 128px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #ffffff;
}

.team-steps-item span {
  display: none;
}

@media only screen and (max-width: 768px) {
  .team-steps-item {
    margin-top: 32px;
    padding: 24px;
    padding-bottom: 48px;
  }

  .competence {
    background: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/12/02145838/competence_bg-mobile.png")
      no-repeat center;
    background-size: cover;
  }

  .top-talents-content {
    margin-top: 0;
  }

  .top-talents .big-bg {
    background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/12/02155735/top-talents_bg-mobile.png");
  }

  .team-steps-item span {
    position: absolute;
    bottom: -25px;
    border-radius: 50%;
    border: 5px solid #ffffff;
    height: 48px;
    width: 48px;
    cursor: pointer;
    background: #f0f3f7;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .competence-list-item {
    max-width: 81%;
  }

  .why-ta .title-line__underline svg path {
    stroke-width: 3px;
  }
}

.competence-list-container {
  display: flex;
  align-items: center;
}

.competence-list-container svg {
  margin-right: 32px;
}

.other-services-container .section-header {
  display: flex;
  flex-direction: column;
}

.section.other-services .container-large {
  border-radius: 16px;
  background: var(--Background-Light, #f4f6fa);
  padding: 80px 56px;
}

.other-services-list-item {
  border-radius: 16px;
  background: #fff;
  border: none;
}

.section.other-services,
.section.new-faq-section {
  margin-bottom: 24px;
}

.faq-content,
.section.new-faq-section .section-header {
  max-width: 800px;
  margin: 0 auto;
}

.section.new-faq-section .section-header {
  margin-bottom: 56px;
}

/* FAQ + / - icon */
.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.accordion-toggle {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.accordion-toggle::before {
  content: "+";
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  color: #2b6686;
}

.accordion-item.accordion-open .accordion-toggle::before {
  content: "–";
}

.tech-stack-container .section-header {
  margin-bottom: 36px;
}

.section.tech-stack .container-large {
  border-radius: 24px;
  background: var(--Background-Light, #f4f6fa);
  padding: 80px 40px;
}
.light-hero.development-section {
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.portfolio-section-new .cell-title {
  flex: 0 0 440px;
}
.ks-hero {
  padding-bottom: 127px !important;
}
.title.other-services-title {
  margin-bottom: 0;
}
.footer .nav-menu ul li a,
.footer .nav-menu .sub-menu li a {
  text-align: left;
}
.footer-nav-item {
  padding-right: 32px;
}

.footer
  .footer-menu-selector
  .menu-item-has-children
  .sub-menu
  li:not(:last-child)
  a {
  margin-bottom: 16px;
}
.title.footer-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.64px;
  text-transform: none;
  margin-bottom: 0;
}

.footer-location-item:nth-child(1),
.footer-location-item:nth-child(2) {
  margin-bottom: 32px;
}
.new-form-group input:-webkit-autofill,
.new-form-group input:-webkit-autofill:hover,
.new-form-group input:-webkit-autofill:focus,
.new-form-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px #485259 inset !important;
}
.btn:disabled svg path {
  fill: #858585;
}
.checkmark {
  border: 1px solid #858585;
}
.header.sticky {
  background: rgba(3, 35, 49, 0.5);
  backdrop-filter: blur(15px);
}
.header.light.light-header.sticky {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(15px);
}
.new-contact-us-item-info-subtitle .new-contact-us-contact .blue-text {
  text-decoration: underline;
}
#menu-main-menu > li:nth-child(-n + 3) {
  margin-right: 54px;
}
#menu-main-menu > li:last-child {
  margin-right: 0;
}
.section-pre_title {
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cases-hero {
  background: #f4f6fa;
  padding: 103px 0 24px 0;
}
.cases-hero .container-large {
  padding: 0;
}

.cases-hero__banner {
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  min-height: 418px;
}

.cases-hero__inner {
  position: relative;
  min-height: 320px;
  padding: 48px;
}

.cases-hero__title {
  max-width: 680px;
}
.cases-hero__title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 54px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
html {
  scroll-behavior: smooth;
}
.cases-hero__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--Text-Light-Secondary, #f3f3f3);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.cases-hero__btn svg {
  margin-top: 4px;
}

.cases-hero__inner {
  padding: 130px 48px 50px 48px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 418px;
}
.section.cases-section {
  margin-top: 0;
}
.section.cases-section .container-large.container-light {
  border-radius: 16px;
  background: #fff;
  padding: 40px;
}

.cases-filters-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 32px;
}
.cases-results-count {
  margin-left: auto;
  color: var(--Text-Dark-Secondary, #585858);
  text-align: right;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding-bottom: 10px;
}

.cases-filter {
  min-width: 290px;
}
.cases-filter-title {
  font-size: 12px;
  color: #6b6b6b;
  margin: 0 0 6px;
}
.cases-filter-elem select {
  width: 100%;
}

.service-select {
  position: relative;
}
.service-select__btn {
  width: 100%;
  height: 56px;
  border-radius: 8px;
  border: 1px solid var(--Borders, #dbdbde);
  background: #fff;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.service-select__btn-text {
  color: var(--Text-Dark-Secondary, #585858);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.service-select__dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  z-index: 50;
  padding: 16px 2px;
  border-radius: 8px;
  background: var(--Text-Light-Primary, #fff);
  box-shadow: -8px 8px 25px 0 rgba(24, 45, 70, 0.1);
}
.service-select__search input {
  min-height: 40px;
}

.service-select__search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px 16px 16px;
  border-bottom: 1px solid var(--Stroke-Light, #e6e6e9);
}
.service-select__search-ico {
  width: 16px;
  height: 16px;
  border: 1.5px solid #111008;
  border-radius: 50%;
  position: relative;
  display: inline-block;
}
.service-select__search-ico:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 1.5px;
  background: #111008;
  right: -7px;
  bottom: -2px;
  transform: rotate(38deg);
}
.service-select__search-input::placeholder {
  color: var(--Text-Dark-Tertiary, #858585);
  text-align: left;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.service-select__search-input {
  border: 0;
  outline: 0;
  background: transparent;
  width: 100%;
  color: var(--Text-Dark-Primary, #111008);
  text-align: left;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding-left: 8px;
  padding-top: 2px;
}

.service-select__options {
  max-height: 290px;
  min-height: 290px;
  overflow: auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-row-gap: 8px;
}
.service-select__option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  cursor: pointer;
}
.service-select__option input {
  width: 14px;
  height: 14px;
}
.service-select__option-text {
  color: var(--Text-Dark-Primary, #111008);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.service-select__checkbox {
  min-height: 40px;
  width: 18px;
  height: 18px;
}
.cases-show-more-wrap {
  display: flex;
  justify-content: center;
  padding-top: 32px;
}
.cases-show-more {
  padding: 13px 24px;
  border: 0;
  border-radius: 16px;
  border: 1px solid var(--Stroke-Light, #e6e6e9);
  background: var(--Elements-Accent, #1dc7f1);
  min-width: 260px;
  cursor: pointer;
  color: var(--Text-Dark-Primary, #111008);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases-show-more svg {
  margin-left: 12px;
}
.cases-show-more.is-loading {
  opacity: 0.6;
  cursor: progress;
}
.cases-filters-right {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  gap: 16px;
  max-width: 70px;
}

.cases-clear-filters {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.cases-clear-filters__ico {
  display: inline-flex;
}
.cases-clear-filters:hover {
  opacity: 0.75;
}

/* Empty state */
.cases-empty-state {
  padding: 80px 0 90px;
  text-align: center;
}
.cases-empty-state__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.cases-empty-state__title {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.64px;
  margin-bottom: 16px;
}

.cases-empty-state__text {
  color: var(--Text-Dark-Secondary, #585858);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* Loading */
.casepage-filter.is-loading {
  cursor: progress;
}
.casepage-filter.is-loading .cases-show-more {
  opacity: 0.6;
}
.archive.tax-cases {
  background-color: #f4f6fa !important;
}
.cases-clear-filters__text {
  color: var(--Elements-Secondary, #2b6686);
  text-align: right;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.casepage-items .case-item:nth-last-child(-n + 3) {
  margin-bottom: 0;
}
.service-select__option {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.service-select__checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.service-select__option-text {
  position: relative;
  padding-left: 36px;
  line-height: 24px;
}
.service-select__option-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z' fill='%23C2C9D1'/%3E%3Cpath d='M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z' fill='black' fill-opacity='0.25'/%3E%3C/svg%3E");
}

.service-select__checkbox:checked + .service-select__option-text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%231DC7F1'/%3E%3C/svg%3E");
}

.service-select__checkbox:focus-visible + .service-select__option-text::before {
  outline: 2px solid rgba(29, 199, 241, 0.45);
  outline-offset: 2px;
  border-radius: 4px;
}

.service-select__btn {
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.service-select__btn[aria-expanded="true"] {
  border-color: #2b6686;
}
.service-select__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(29, 199, 241, 0.25);
}
.case-studies .case-item-header {
  display: flex;
  align-items: flex-end;
}
.case-studies .header-details {
  display: flex;
  padding: 32px 24px;
  background: #f4f6fa;
  width: 100%;
  justify-content: space-between;
}
.case-studies .case-item-header {
  padding: 0;
}
.case-studies .case-item-title {
  color: #111008 !important;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  margin-bottom: 8px;
}
.case-studies .case-item-subtitle {
  color: #585858 !important;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.case-studies .case-item-title,
.case-studies .case-item-subtitle {
  max-width: 288px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.single-case .case-item-header-link {
  right: 0px;
  top: 8px;
}
.single-case .case-items .case-item-header-link {
  background: #2b6686 !important;
}
.single-case .case-item-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  margin-bottom: 8px;
}
.single-case .case-item:hover .case-item-title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 24.2px */
}
.single-case .case-item-subtitle {
  color: var(--Text-Light-Secondary, #f3f3f3);
  font-family: Montserrat;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.archive.tax-cases .case-item:hover .case-item-header {
  background: transparent;
}
.single-case .case-item:hover .case-item-subtitle {
  color: var(--Text-Light-Secondary, #f3f3f3);
}
.section.cases-section {
  margin-bottom: 24px;
}
.archive.tax-cases .section.contact-us-section {
  background-color: #f4f6fa;
}
.cases-empty-clear {
  border-radius: 16px;
  border: 1px solid var(--Stroke-Light, #e6e6e9);
  background: var(--Background-Light, #f4f6fa);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Text-Dark-Primary, #111008);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  min-width: 260px;
  padding: 16px 24px;
}
.clear-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.cases-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cases-empty-state__icon {
  width: 364px;
  height: 365px;
  margin-bottom: 32px;
}
.cases-empty-state__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cases-empty-clear__ico {
  margin-right: 8px;
}

.service-select__option {
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
}

.service-select__option.is-checked {
  border-bottom-color: var(--stroke-200, #e6e6e6);
}
.service-select__option.is-checked {
  width: 100%;
}
.phone-wrapper {
  position: relative;
}

/* Vacancies table */
.vacancies-table {
  width: 80%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  margin: 0 auto;
}

/* .vacancies-table-block {
  max-width: 80%;
  margin: 0 auto;
} */
.vacancies-table__header th {
  color: var(--Text-Dark-Tertiary, #858585);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: left;
  padding: 0 10px 12px;
  border-bottom: 1px solid var(--Stroke-Light, #e6e6e9);
}
.vacancies-table__body .vacancies-table__row {
  transition: background-color 0.15s ease;
}
.vacancies-table__body .vacancies-table__row .vt-col {
  border-bottom: 1px solid var(--Stroke-Light, #e6e6e9);
}
.vacancies-table__body .vacancies-table__row:hover .vt-col {
  background: var(--Background-Light, #f4f6fa);
  color: var(--Text-Dark-Primary, #111008);
}
.vacancies-table__body .vt-col {
  padding: 16px 10px;
  vertical-align: middle;
}
.vt-col-title .vt-title {
  color: var(--Text-Dark-Secondary, #585858);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.vt-col-dept,
.vt-col-format {
  color: var(--Text-Dark-Secondary, #585858);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.vt-col-link {
  text-align: right;
  width: 40px;
}
.vt-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--Text-Dark-Tertiary, #858585);
  opacity: 0;
  transition:
    opacity 0.15s ease,
    color 0.15s ease;
}
.vacancies-table__row:hover .vt-link {
  opacity: 1;
  color: var(--Text-Dark-Primary, #111008);
}

/* Vacancies filters meta */
.vacancies-topbar__meta .vacancies-count {
  color: var(--Text-Dark-Secondary, #585858);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

/* Vacancy single facts */
.vacancy-facts {
  margin: 24px 0;
  padding: 0;
  list-style: none;
  /* max-width: 420px; */
}
.vacancy-facts__item {
  padding: 12px 0;
}

.vacancy-facts__item:not(:last-child) {
  border-bottom: 1px solid var(--Stroke-Light, #e6e6e9);
}
.vacancy-facts__item:first-child {
  padding-top: 0;
}

.vacancy-facts__label {
  color: var(--Text-Dark-Tertiary, #858585);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
}
.vacancy-facts__value {
  color: var(--Text-Dark-Primary, #111008);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.phone-select {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

.phone-wrapper input[type="tel"] {
  position: relative;
  z-index: 1;
  padding-left: 128px;
}

.phone-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: #fff;
}

.phone-toggle img {
  display: block;
  width: 24px;
  height: 18px;
}

.phone-caret {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.phone-toggle .phone-caret svg {
  transition: transform 0.2s ease;
}

.phone-toggle[aria-expanded="true"] .phone-caret svg {
  transform: rotate(180deg);
}

.phone-dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 10;
}

.new-form-group.form-phone,
.phone-wrapper {
  overflow: visible;
}

.phone-wrapper {
  position: relative;
}

.phone-dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 9999;
}

.phone-dropdown.show {
  display: block;
}

.phone-select {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.phone-wrapper input[type="tel"] {
  padding-left: 120px;
}
.phone-select {
  display: flex;
  align-items: center;
  gap: 8px;
}

.phone-flag-btn {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  margin-top: 9px;
}
.phone-flag-btn img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.dial {
  pointer-events: none;
  margin-top: 2px !important;
}

.ai-lab-overview .container-large {
  padding: 0;
}

.ai-lab-overview {
  background: transparent;
}

.ai-lab-overview__wrap {
  display: flex;
  gap: 24px;
  align-items: stretch;
}

.ai-lab-overview__left {
  flex: 0 0 50%;
  min-height: 535px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 100%),
    var(--ai-left-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px;
  display: flex;
  align-items: flex-end;
}

.ai-lab-overview__left-inner {
  max-width: 520px;
}

.ai-lab-overview__title {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
  margin-bottom: 24px;
}

.ai-lab-overview__desc {
  color: var(--Text-Light-Primary, #fff);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.ai-lab-overview__right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* gap: 16px; */
}

.ai-lab-overview__item {
  border-radius: 16px;
  background: var(--Background-Light, #f4f6fa);
  padding: 26px 24px;
}

.ai-lab-overview__item-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 0;
}

.ai-lab-overview__icon {
  width: 60px;
  height: 75px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
}

.ai-lab-overview__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.ai-lab-overview__item-title {
  color: #4b4b4c;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 20px;
  /* 22.4px */
}

.ai-lab-overview__item-text {
  color: #585858;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 19.6px */
}

/* Responsive */
@media (max-width: 991px) {
  .ai-lab-overview__wrap {
    flex-direction: column;
  }

  .ai-lab-overview__left {
    flex-basis: auto;
    min-height: 260px;
    padding: 28px;
  }

  .ai-lab-overview__title {
    font-size: 32px;
  }
}

.case-item-header,
.case-item-link,
.item-info {
  min-width: 0;
}

.case-item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.item-info {
  flex: 1 1 auto;
  min-width: 0;
}

.case-item-title,
.case-item-subtitle {
  display: block;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.case-item-header-link {
  flex: 0 0 auto;
}

.vacancies-topbar {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  gap: 16px;
  max-width: 70px;
}

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

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.vac-bg {
  background: #f4f6fa;
  padding-bottom: 40px;
}

/* apply popup */
.popup-content {
  width: 100%;
  /* max-width: 1200px; */
  border-radius: 16px;
  /* padding: 48px; */
}

.modal-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 64px;
  padding: 20px 100px;
}

/* LEFT */

.modal-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.modal-left h1 {
  font-size: 40px;
  line-height: 1.2;
}

.modal-left span {
  color: #22d3ee;
}

.share {
  margin-top: 80px;
}

.share p {
  font-family: Montserrat;
  font-weight: 500;
  font-style: Medium;
  font-size: 32px;
  color: #f3f3f3;
}

.icons {
  display: flex;
  gap: 16px;
  margin-top: 12px;
}

.icons a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  opacity: 0.8;
}

.vacancy-share-item-popup a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* RIGHT */

.modal-right {
  max-width: 540px;
  /* background: rgba(255, 255, 255, 0.04); */
  border-radius: 16px;
  /* padding: 24px; */
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.close {
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.modal-right form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.vac-label {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 6px;
  margin-bottom: 6px;
}

.modal-right input,
.modal-right textarea {
  background: #1b3542;
  border: none;
  border-radius: 8px;
  padding: 12px;
  color: #fff;
  margin-bottom: 20px;
}

.modal-right textarea {
  min-height: 80px;
  resize: none;
}

.upload {
  border: 1px dashed #3fb7dd;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
}

.upload p {
  margin: 0;
}

.upload span {
  display: block;
  opacity: 0.6;
  margin: 6px 0;
}

.upload button {
  background: transparent;
  border: 1px solid #3fb7dd;
  color: #fff;
  border-radius: 24px;
  padding: 8px 20px;
  cursor: pointer;
}

.checkbox {
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  opacity: 0.8;
}

.checkbox a {
  color: #22d3ee;
}

.submit {
  margin-top: 12px;
  background: #22d3ee;
  color: #00212d;
  border: none;
  border-radius: 32px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

.file-label-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
}

.file-upload {
  position: relative;
  border: 1px dashed #3fb7dd;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  cursor: pointer;
  background: #1b3542;
  margin-bottom: 20px;
}

.file-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.upload-icon img {
  width: 28px;
}

.upload-text strong {
  display: block;
  font-weight: 600;
}

.upload-text .or {
  display: block;
  opacity: 0.6;
}

.upload-button {
  display: inline-block;

  padding: 8px 18px;
  border: 1px solid #3fb7dd;
  border-radius: 24px;
  font-size: 14px;
}

.modal-right .file-name {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  opacity: 0.8;
}
.ks-stat {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  background: linear-gradient(180deg, rgba(0, 65, 91, 0.1) 0%, #010b10 100%);
  background-blend-mode: plus-lighter;
  box-shadow:
    -12.3px -10.2px 48px 0 rgba(0, 0, 0, 0.15),
    -2.05px -1.7px 12px 0 rgba(0, 0, 0, 0.15),
    2.45px 2.032px 9.56px 0 rgba(255, 255, 255, 0.08) inset,
    1.425px 1.181px 4.78px 0 rgba(255, 255, 255, 0.08) inset;
  backdrop-filter: blur(9.020000457763672px);
  padding: 16px 24px;
}

.section.new-faq-section {
  margin-bottom: 24px;
}

.faq-content,
.section.new-faq-section .section-header {
  max-width: 800px;
  margin: 0 auto;
}

.section.new-faq-section .section-header {
  margin-bottom: 56px;
}

.faq-hero {
  position: relative;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
  background-color: var(--ks-hero-bg-color, #062a3a);
  background-image: var(--ks-hero-bg-desktop);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 95px;
  min-height: 300px;
  display: flex;
  margin-bottom: 24px;
  color: #fff;
}

.faq-content-block {
  width: 400px;
}

.mfp-container {
  padding: 0 !important;
}
.nav-menu__link .sub-menu.active .menu-item {
  padding: 0;
}
.nav-menu__link .sub-menu.active .menu-item .sub-menu .menu-item {
  padding: 12px 24px;
  margin-bottom: 0;
}
.new-contact-us-item-info-subtitle.mobile {
  display: none;
}
@media (max-width: 768px) {
  .container-large.contact-us-bg {
    padding: 52px 16px !important;
  }
  .title.contact-us-info-title {
    font-size: 32px;
    letter-spacing: -0.32px;
    margin-bottom: 24px;
  }
  .title-container p {
    font-size: 24px !important;
    letter-spacing: -0.48px;
  }
  .title.contact-title {
    font-size: 24px;
  }
  .name-container {
    flex-direction: column;
  }
  .section.other-services,
  .section.new-faq-section {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .section.new-faq-section .container-large.container-light {
    padding: 80px 16px;
    margin-top: 0;
  }

  .faq-container .title {
    margin-bottom: 0;
    color: var(--Text-Dark-Primary, #111008);
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.28px;
  }
  .accordion-header {
    padding-left: 0;
    font-size: 16px;
  }
  .accordion-body {
    padding-left: 0;
    font-size: 14px;
  }
  .light-hero.development-section {
    min-height: 524px;
  }
  .section.testimonials-section .container-large {
    padding: 40px 16px;
    margin-top: 0;
  }
  .section.testimonials-section .cell-title {
    padding-top: 0;
  }
  .title.testimonials-title {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .testimonials-items {
    border-radius: 16px;
  }
  .portfolio-section.portfolio-section-new .container-large {
    padding: 52px 16px !important;
    margin-top: 0;
  }
  .section-slider_buttons-desktop {
    display: none !important;
  }

  .testimonials-items {
    padding: 52px 16px;
  }

  .testimonial-item-title {
    margin-bottom: 8px;
  }

  .testimonial-item-subtitle {
    margin-bottom: 24px;
  }

  .testimonial-item-image-mobile {
    margin-bottom: 24px !important;
  }

  .testimonial-item-description {
    margin-bottom: 24px !important;
  }

  .cell-title {
    margin-bottom: 32px !important;
  }

  .testimonial-item-image-icon-mobile {
    top: 265px;
    right: 1px;
  }
  .portfolio-section-new .case-container {
    padding-right: 0 !important;
  }
  .new-contact-us-item-info-subtitle .new-contact-us-contact {
    font-size: 24px;
  }
  .new-contact-us-item-info-subtitle.desc {
    display: none;
  }
  .new-contact-us-item-info-subtitle.mobile {
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.24px;
    text-align: left;
  }
  .new-contact-us-container {
    gap: 32px;
  }
  .new-contact-us-form .new-form-group {
    margin: 0 !important;
  }
  .new-contact-us-form .new-form-group {
    gap: 8px;
  }
  .new-form-group.form-phone {
    margin: 24px 0 !important;
  }
  .name-container {
    margin-bottom: 24px;
  }
  .new-contact-us-item-info-subtitle p {
    max-width: 375px !important;
  }
  .light-hero.development-section {
    margin-bottom: 0;
  }
  .section.contact-us-section .container-large,
  .industries-acc-panel .industries-card {
    margin-top: 0 !important;
  }
  .section.other-services,
  .section.new-faq-section {
    margin-bottom: 16px;
  }
  .new-form-group textarea {
    margin-bottom: 0;
    margin-top: 8px;
  }
  .new-contact-us-block .title-container p {
    max-width: 342px;
  }
  .section.testimonials-section {
    margin-bottom: 16px;
  }
  .portfolio-section-new .cell-title {
    margin-bottom: 0 !important;
  }
  .faq-mobile-btn-wrap {
    margin-top: 56px !important;
  }
  .btn.btn-primary.faq-btn {
    border-radius: 16px;
    background: var(--Elements-Accent, #1dc7f1);
    color: var(--Text-Dark-Primary, #111008);
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    width: 100%;
    padding: 16px 24px;
    max-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .btn.btn-primary.faq-btn svg {
    margin-right: 12px;
  }
  .industries-card-title {
    margin-bottom: 24px;
  }
  .industries-section-title p {
    margin-top: 16px;
  }
  .industries-info {
    margin-bottom: 0;
  }
  .industries-card-left {
    max-width: 100%;
    grid-row-gap: 32px;
  }
  .section-text {
    margin-top: 24px;
  }
  .header__wrapper .btn-primary.header-btn {
    display: none !important;
  }
  .tech-stack-tabs .tablink.active,
  .tech-stack-tabs button {
    padding: 12px 24px;
    min-width: 128px;
  }

  .tech-icons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 0;
    margin: 0;
    justify-content: stretch;
  }

  .tech-icon {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    min-width: 162px;
    min-height: 162px;
    margin: 0;
  }
  .tech-stack-tabs {
    gap: 16px;
  }
  .light-hero.development-section {
    background-image: var(--bg-image-mobile, var(--bg-image, none));
  }

  .light-hero__title {
    font-size: 28px;
    max-width: 360px;
    margin: 0 auto;
  }

  .section-text {
    max-width: 360px;
    margin: 0 auto;
    margin-top: 24px;
  }

  .light-hero.development-section {
    margin-bottom: 16px;
  }

  .container-large.industries-section-title {
    margin-top: 0;
    padding-top: 32px;
  }

  .industries-info {
    font-size: 28px;
  }
  .section.industries-section {
    margin-bottom: 16px;
  }
  .saas-system-block,
  .section.testimonials-section {
    margin-bottom: 0;
  }
  .section.portfolio-section-new {
    margin-bottom: 16px;
  }
  .page-template-industries .section.portfolio-section-new,
  .page-template-industries .section.new-faq-section {
    margin-bottom: 0 !important;
  }
  .section.other-services .container-large {
    margin-top: 0 !important;
  }
  .title.other-services-title {
    font-size: 28px !important;
  }
  .industries-card-link {
    width: 100%;
  }
  .industries-page .section.ta-section {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }
  .section-slider_buttons-container button {
    margin-right: 0;
  }
  .page-template-product-teslum .header-button desc {
    display: flex;
    flex-direction: column;
    grid-row-gap: 8px;
    width: 100%;
  }

  .page-template-product-teslum .header-button desc a {
    width: 100%;
  }
}