.banking-software-development-solutions-block {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .banking-software-development-solutions-block {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (min-width: 1280px) {
  .banking-software-development-solutions-block {
    gap: 48px;
  }
}
@media (min-width: 1440px) {
  .banking-software-development-solutions-block {
    gap: 56px;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block {
    gap: 64px;
  }
}
.banking-software-development-solutions-block .subtitle {
  margin: 0 0 16px;
  width: -moz-max-content;
  width: max-content;
  padding: 6px 16px;
  border: 1px solid #ebf1f6;
  border-radius: 32px;
  color: #071a31;
  font-size: 14px;
  background: #fff;
}
@media (min-width: 768px) {
  .banking-software-development-solutions-block .subtitle {
    margin: 0 auto 16px;
  }
}
@media (min-width: 1440px) {
  .banking-software-development-solutions-block .subtitle {
    margin: 0 auto 24px;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .subtitle {
    margin: 0 auto 32px;
    font-size: 16px;
  }
}
.banking-software-development-solutions-block .title-new {
  max-width: 100%;
}
@media (min-width: 1280px) {
  .banking-software-development-solutions-block .title-new {
    max-width: 710px;
  }
}
@media (min-width: 1440px) {
  .banking-software-development-solutions-block .title-new {
    max-width: 802px;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .title-new {
    max-width: 1056px;
  }
}
.banking-software-development-solutions-block .title-new {
  color: #071a31;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
}
@media (min-width: 768px) {
  .banking-software-development-solutions-block .title-new {
    margin: 0 auto;
    font-size: 40px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .banking-software-development-solutions-block .title-new {
    font-size: 48px;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .title-new {
    font-size: 56px;
  }
}
.banking-software-development-solutions-block .title-new span {
  color: #1e6ac3;
}
.banking-software-development-solutions-block__subtitle {
  max-width: 100%;
}
@media (min-width: 1280px) {
  .banking-software-development-solutions-block__subtitle {
    max-width: 710px;
  }
}
@media (min-width: 1440px) {
  .banking-software-development-solutions-block__subtitle {
    max-width: 802px;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block__subtitle {
    max-width: 1056px;
  }
}
.banking-software-development-solutions-block__subtitle {
  margin-top: 12px;
  color: #515769;
  font-size: 16px;
  line-height: 136%;
}
@media (min-width: 768px) {
  .banking-software-development-solutions-block__subtitle {
    margin: 16px auto 0;
    text-align: center;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block__subtitle {
    font-size: 18px;
  }
}
.banking-software-development-solutions-block__subtitle strong {
  color: #071a31;
}
.banking-software-development-solutions-block .ai-agents-block__cards {
  width: 100%;
  overflow: hidden;
}
.banking-software-development-solutions-block .ai-agents-block__cards .slide-link {
  display: block;
  height: 100%;
}
.banking-software-development-solutions-block .ai-agents-block__cards .swiper-wrapper {
  display: flex;
}
.banking-software-development-solutions-block .ai-agents-block__cards .swiper-slide {
  width: auto;
  height: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}
.banking-software-development-solutions-block .ai-agents-block__cards a.slide-link:hover .card {
  border: 1px solid #d3e6fd;
  background: #f4f9ff;
  box-shadow: -16px -16px 64px 0 #e9f3fe inset;
  cursor: pointer;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 512px;
  border: 1px solid #ebf1f6;
  border-radius: 24px;
  background: #fafbfc;
  box-shadow: -16px -16px 64px 0 rgba(216, 224, 231, 0.32) inset;
  overflow: hidden;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-text {
  display: inline-block;
  padding: 20px;
}
@media (min-width: 1280px) {
  .banking-software-development-solutions-block .ai-agents-block__cards .card-text {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .banking-software-development-solutions-block .ai-agents-block__cards .card-text {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .ai-agents-block__cards .card-text {
    padding: 40px;
  }
}
.banking-software-development-solutions-block .ai-agents-block__cards h3 {
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
  color: #071a31;
  font-size: 22px;
  line-height: 112%;
  letter-spacing: -0.768px;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
}
@media (min-width: 1280px) {
  .banking-software-development-solutions-block .ai-agents-block__cards h3 {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .banking-software-development-solutions-block .ai-agents-block__cards h3 {
    font-size: 26px;
  }
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .ai-agents-block__cards h3 {
    margin-bottom: 12px;
    font-size: 32px;
  }
}
.banking-software-development-solutions-block .ai-agents-block__cards h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #1a2d6b;
  transition: transform 0.4s, transform-origin 0s;
  transform: scaleX(0);
  transform-origin: right center;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 136%;
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .ai-agents-block__cards .card-list li {
    gap: 16px;
  }
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list li::before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  background: url("../../../../../media/img/Check-small.svg") center/contain no-repeat;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list li p {
  color: #515769;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 136%;
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .ai-agents-block__cards .card-list li p {
    font-size: 18px;
  }
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list li p strong {
  color: #071a31;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list li strong {
  color: #071a31;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list li a {
  color: #071a31;
  border-bottom: 1px solid #071a31;
}
.banking-software-development-solutions-block .ai-agents-block__cards .card-list li a:hover {
  color: #2584f4;
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .ai-agents-block__cards .card-list li {
    font-size: 18px;
  }
}
.banking-software-development-solutions-block .ai-agents-block__cards a.slide-link:hover h3::before {
  transform: scaleX(1);
  transform-origin: left center;
}
.banking-software-development-solutions-block .swiper-button-next,
.banking-software-development-solutions-block .swiper-button-prev {
  all: unset;
  position: absolute;
  z-index: 10;
  width: 64px;
  height: 65px;
  cursor: pointer;
  background-image: url("../../../../../../media/img/new-main-page/swiper-button.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}
@media (max-width: 1279px) {
  .banking-software-development-solutions-block .swiper-button-next,
  .banking-software-development-solutions-block .swiper-button-prev {
    display: none;
  }
}
.banking-software-development-solutions-block .swiper-button-next:hover,
.banking-software-development-solutions-block .swiper-button-prev:hover {
  background-image: url("../../../../../../media/img/new-main-page/swiper-button-hover.svg");
}
.banking-software-development-solutions-block .swiper-button-next::after,
.banking-software-development-solutions-block .swiper-button-prev::after {
  content: "";
  display: none;
}
.banking-software-development-solutions-block .swiper-button-prev {
  top: 55%;
  left: 2%;
  transform: scaleX(-1);
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .swiper-button-prev {
    top: 57%;
    left: 4%;
  }
}
.banking-software-development-solutions-block .swiper-button-next {
  top: 55%;
  right: 2%;
}
@media (min-width: 1920px) {
  .banking-software-development-solutions-block .swiper-button-next {
    top: 57%;
    right: 4%;
  }
}
.banking-software-development-solutions-block .swiper-pagination {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.banking-software-development-solutions-block .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #d6e0e9;
  border-radius: 50%;
  opacity: 1;
}
.banking-software-development-solutions-block .swiper-pagination-bullet-active {
  background: #071a31 !important;
}

.main-voice-banner {
  position: relative;
  overflow: hidden;
  background-color: #F4F9FF;
}
.main-voice-banner .section-container-new {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 10;
  align-items: center;
}
@media (min-width: 992px) {
  .main-voice-banner .section-container-new {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .main-voice-banner .section-container-new {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .main-voice-banner .section-container-new {
    gap: 32px;
  }
}
.main-voice-banner .heading {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .main-voice-banner .heading {
    width: 70%;
  }
}
.main-voice-banner .heading .tagline {
  margin: 0 0 16px;
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  background: #FFF;
}
@media (min-width: 768px) {
  .main-voice-banner .heading .tagline {
    margin: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .main-voice-banner .heading .tagline {
    margin: 0 0 32px;
  }
}
@media (min-width: 1600px) {
  .main-voice-banner .heading .tagline {
    margin: 0 0 40px;
    font-size: 16px;
  }
}
.main-voice-banner .heading .title-new {
  margin-bottom: 16px;
  color: #071A31;
  font-size: 42px;
  line-height: 112%;
  letter-spacing: -1.872px;
  max-width: 920px;
}
@media (min-width: 768px) {
  .main-voice-banner .heading .title-new {
    font-size: 56px;
  }
}
@media (min-width: 1440px) {
  .main-voice-banner .heading .title-new {
    font-size: 64px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1600px) {
  .main-voice-banner .heading .title-new {
    font-size: 72px;
    margin-bottom: 32px;
    max-width: 920px;
  }
}
.main-voice-banner .heading .title-new span {
  color: #1E6AC3;
}
.main-voice-banner .heading .subtitle {
  color: #515769;
  font-size: 16px;
  line-height: 136%;
  margin-bottom: 16px;
  max-width: 784px;
}
@media (min-width: 768px) {
  .main-voice-banner .heading .subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  .main-voice-banner .heading .subtitle {
    margin-bottom: 32px;
  }
}
@media (min-width: 1920px) {
  .main-voice-banner .heading .subtitle {
    margin-bottom: 40px;
    font-size: 18px;
  }
}
.main-voice-banner .heading .subtitle strong {
  color: #071A31;
}
.main-voice-banner .heading .subtitle a {
  color: #071A31;
  text-decoration: underline;
}
.main-voice-banner .heading .subtitle a:hover {
  cursor: pointer;
}
.main-voice-banner .heading .tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
@media (min-width: 1920px) {
  .main-voice-banner .heading .tags {
    margin-bottom: 40px;
    gap: 8px;
  }
}
.main-voice-banner .heading .tags div {
  font-size: 14px;
  color: #515769;
  border-radius: 32px;
  border: 1px solid #06FB9C;
  background: rgba(6, 251, 156, 0.12);
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 1920px) {
  .main-voice-banner .heading .tags div {
    font-size: 16px;
  }
}
.main-voice-banner .heading .buttons-block {
  display: flex;
  gap: 20px;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1024px) {
  .main-voice-banner .heading .buttons-block {
    flex-direction: row;
    width: -moz-max-content;
    width: max-content;
  }
}
.main-voice-banner .heading .buttons-block a, .main-voice-banner .heading .buttons-block button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 16px;
  font-size: 16px;
  height: 48px;
}
@media (min-width: 1920px) {
  .main-voice-banner .heading .buttons-block a, .main-voice-banner .heading .buttons-block button {
    padding: 12px 24px;
    font-size: 18px;
    height: 56px;
  }
}
.main-voice-banner .heading .buttons-block a:hover, .main-voice-banner .heading .buttons-block button:hover {
  cursor: pointer;
}
.main-voice-banner .heading .buttons-block .schedule-button {
  color: #071A31;
  border: 1px solid #EBF1F6;
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(13, 22, 47, 0.05) inset;
}
.main-voice-banner .heading .buttons-block .schedule-button:hover {
  color: #1E6AC3;
  border: 1px solid var(--Border-Light-Blue, #D3E6FD);
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(211, 230, 253, 0.48) inset;
}
.main-voice-banner .heading .buttons-block .cta-button {
  color: #fff;
  border-radius: 16px;
  border: 1px solid var(--Brand-Key-Dark, #1E6AC3);
  background: var(--Brand-Key, #2584F4);
  box-shadow: 0 9px 13px -5px rgba(37, 132, 244, 0.48), 0 2px 2px 0 rgba(0, 100, 219, 0.24), 0 -2px 0 1px rgba(0, 100, 219, 0.5) inset, 0 0 0 2px rgba(255, 255, 255, 0.2) inset, 0 8px 12px 1px #4A9DFF inset;
}
.main-voice-banner .heading .buttons-block .cta-button:hover {
  border: 1px solid var(--Brand-Key, #2584F4);
  background: var(--Brand-Key-Dark, #1E6AC3);
  box-shadow: 0px 9px 13px -5px rgba(37, 132, 244, 0.4), 0px 2px 2px 0px rgba(37, 132, 244, 0.25), 0px -2px 0px 1px rgba(37, 132, 244, 0.24) inset, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset, 0px 7px 12px 1px #4A9DFF inset;
}
.main-voice-banner .img-wrapper {
  display: none;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 992px) {
  .main-voice-banner .img-wrapper {
    display: flex;
  }
}
.main-voice-banner .img-wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
}

.blog .tagline {
  margin: 0 0 16px;
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  background: #FFF;
}
@media (min-width: 768px) {
  .blog .tagline {
    margin: 0 auto 16px;
  }
}
@media (min-width: 1440px) {
  .blog .tagline {
    margin: 0 auto 24px;
  }
}
@media (min-width: 1600px) {
  .blog .tagline {
    margin: 0 auto 32px;
    font-size: 16px;
  }
}
.blog .title-new {
  margin: 0 0 40px;
  color: #071A31;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
  max-width: 100%;
}
@media (min-width: 1280px) {
  .blog .title-new {
    max-width: 710px;
  }
}
@media (min-width: 1440px) {
  .blog .title-new {
    max-width: 802px;
  }
}
@media (min-width: 1920px) {
  .blog .title-new {
    max-width: 1056px;
  }
}
@media (min-width: 768px) {
  .blog .title-new {
    margin: 0 auto 48px;
    font-size: 40px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .blog .title-new {
    font-size: 48px;
    margin: 0 auto 56px;
  }
}
@media (min-width: 1920px) {
  .blog .title-new {
    font-size: 56px;
    margin: 0 auto 64px;
  }
}
.blog .title-new span {
  color: #1E6AC3;
}
.blog .blog-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .blog .blog-cards {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .blog .blog-cards {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .blog .blog-cards {
    gap: 32px;
  }
}
.blog .card {
  border-radius: 24px;
  height: 100%;
  flex: 1;
}
.blog .card:hover {
  cursor: pointer;
}
.blog .card:hover .blog-info-container {
  border: 1px solid #d3e6fd;
  background: #f4f9ff;
  box-shadow: -16px -16px 64px 0 #e9f3fe inset;
}
.blog .card .blog-img {
  display: flex;
  overflow: hidden;
  border-radius: 24px 24px 0 0;
  aspect-ratio: 407/244;
  position: relative;
}
.blog .card .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.blog__date {
  color: #515769;
  line-height: 136%;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .blog__date {
    font-size: 18px;
  }
}
.blog__date strong {
  color: #071A31;
}
.blog__date {
  color: rgba(81, 87, 105, 0.64);
}
.blog .blog-info-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
}
@media (min-width: 1280px) {
  .blog .blog-info-container {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .blog .blog-info-container {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .blog .blog-info-container {
    padding: 40px;
  }
}
.blog .blog-info-container {
  border: 1px solid #EBF1F6;
  background: #FAFBFC;
  box-shadow: -16px -16px 64px 0 rgba(216, 224, 231, 0.32) inset;
  border-radius: 0 0 24px 24px;
}
@media (min-width: 1920px) {
  .blog .blog-info-container {
    gap: 16px;
  }
}
.blog .blog-info__title h3 {
  color: #071A31;
  font-size: 24px;
  line-height: 112%;
  letter-spacing: -0.768px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1440px) {
  .blog .blog-info__title h3 {
    font-size: 26px;
  }
}
@media (min-width: 1920px) {
  .blog .blog-info__title h3 {
    font-size: 32px;
  }
}
.blog .blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  position: relative;
  z-index: 3;
}
.blog .blog-tags:hover {
  cursor: auto;
}
.blog .blog-tags .blog-tag {
  padding: 6px 14px;
  border-radius: 32px;
  color: #071A31;
  font-size: 14px;
  line-height: 112%;
}
@media (min-width: 1920px) {
  .blog .blog-tags .blog-tag {
    font-size: 16px;
    padding: 6px 16px;
  }
}
.blog .blog-tags .blog-tag.--Company {
  background-color: #88EFFA;
}
.blog .blog-tags .blog-tag.--MVP {
  background-color: #FEC7F2;
}
.blog .blog-tags .blog-tag.--E-com {
  background-color: #FFD4B5;
}
.blog .blog-tags .blog-tag.--EdTech {
  background-color: var(--lightTurquoise);
}
.blog .blog-tags .blog-tag.--Healthcare {
  background-color: var(--blue);
}
.blog .blog-tags .blog-tag.--GPT {
  background-color: var(--violet);
}
.blog .blog-tags .blog-tag.--Blockchain {
  background-color: var(--warningLight);
}
.blog .blog-tags .blog-tag.--FinTech {
  background-color: var(--neon);
}
.blog .blog-tags .blog-tag.--Tech {
  background-color: #BDD9F9;
}
.blog .blog-tags .blog-tag.--Other {
  background-color: #BEF5A4;
}
.blog .blog-tags .blog-tag.--HoReCa {
  background-color: var(--lightOrange);
}
.blog .blog-tags .blog-tag.--AI {
  background-color: #E9F3FE;
}
.blog .read-more-link {
  position: relative;
  color: #071A31;
  font-size: 16px;
  line-height: 128%;
  display: flex;
  gap: 4px;
  margin-top: 4px;
}
@media (min-width: 1280px) {
  .blog .read-more-link {
    width: -moz-max-content;
    width: max-content;
  }
}
@media (min-width: 1440px) {
  .blog .read-more-link {
    margin-top: 12px;
  }
}
@media (min-width: 1920px) {
  .blog .read-more-link {
    margin-top: 16px;
    font-size: 18px;
  }
}
.blog .read-more-link::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../../../../../media/img/new-main-page/Arrow-right.svg") center/contain no-repeat;
}
.blog .read-more-link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #1A2D6B;
  transition: transform 0.4s, transform-origin 0s;
  transform: scaleX(0);
  transform-origin: right center;
  height: 1px;
}
.blog .read-more-link:hover::before {
  transform: scaleX(1);
  transform-origin: left center;
}
.blog .read-more-link:hover {
  cursor: pointer;
}

.ai-voice-cases-examples-swiper {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
}
.ai-voice-cases-examples-swiper .ai-voice-cases-swiper {
  overflow: hidden;
  width: 100%;
}
.ai-voice-cases-examples-swiper .ai-voice-cases-swiper .swiper-wrapper {
  display: flex;
  transition-property: transform;
}
.ai-voice-cases-examples-swiper .ai-voice-cases-swiper .swiper-slide {
  width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
}
.ai-voice-cases-examples-swiper .heading {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
  margin-bottom: 40px;
}
@media (min-width: 1280px) {
  .ai-voice-cases-examples-swiper .heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .heading {
    margin-bottom: 56px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .heading {
    margin-bottom: 64px;
  }
}
.ai-voice-cases-examples-swiper .heading .tagline {
  margin: 0 0 16px;
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  background-color: #fff;
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .heading .tagline {
    margin: 0 0 24px;
  }
}
@media (min-width: 1600px) {
  .ai-voice-cases-examples-swiper .heading .tagline {
    margin: 0 0 32px;
    font-size: 16px;
  }
}
.ai-voice-cases-examples-swiper .heading .title-new {
  color: #071A31;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
  max-width: 802px;
}
@media (min-width: 768px) {
  .ai-voice-cases-examples-swiper .heading .title-new {
    font-size: 40px;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .heading .title-new {
    font-size: 48px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .heading .title-new {
    font-size: 56px;
  }
}
.ai-voice-cases-examples-swiper .heading .title-new span {
  color: #1E6AC3;
}
.ai-voice-cases-examples-swiper .heading-buttons {
  display: none;
}
@media (min-width: 1024px) {
  .ai-voice-cases-examples-swiper .heading-buttons {
    display: flex;
  }
}
.ai-voice-cases-examples-swiper .slide-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .ai-voice-cases-examples-swiper .slide-content {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .slide-content {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content {
    gap: 32px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part {
    gap: 16px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card {
  height: 100%;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid #EBF1F6;
  background: #FAFBFC;
  box-shadow: -16px -16px 64px 0px rgba(216, 224, 231, 0.32) inset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1280px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card {
    padding: 40px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card h3 {
  color: #071A31;
  line-height: 112%;
  letter-spacing: -0.768px;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  margin-bottom: 8px;
  font-size: 22px;
}
@media (min-width: 768px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card h3 {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card h3 {
    font-size: 26px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card h3 {
    font-size: 32px;
    margin-bottom: 12px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card p {
  color: #515769;
  line-height: 136%;
  font-size: 16px;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card p {
    margin-bottom: 24px;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card p {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card p {
    margin-bottom: 32px;
    font-size: 18px;
    -webkit-line-clamp: 6;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card p strong {
  color: #071A31;
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card a {
  padding: 12px 20px;
  border-radius: 16px;
  font-size: 16px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  height: 48px;
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card a {
    padding: 12px 24px;
    font-size: 18px;
    height: 56px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card a:hover {
  cursor: pointer;
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card .schedule-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #071A31;
  border: 1px solid #EBF1F6;
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(13, 22, 47, 0.05) inset;
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card .schedule-button:hover {
  color: #1E6AC3;
  border: 1px solid var(--Border-Light-Blue, #D3E6FD);
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(211, 230, 253, 0.48) inset;
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card .schedule-button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../../../../../media/img/new-main-page/Arrow-right.svg") center/contain no-repeat;
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card .schedule-button:hover::after {
  background: url("../../../../../media/img/new-main-page/Arrow-right-hover.svg") center/contain no-repeat;
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card2 {
  padding: 20px;
  border-radius: 24px;
  border: 1px solid #D3E6FD;
  background: #F4F9FF;
  box-shadow: -16px -16px 64px 0 #E9F3FE inset;
}
@media (min-width: 1280px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card2 {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card2 {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card2 {
    padding: 40px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card2 span {
  color: #0D162F;
  font-size: 56px;
  line-height: 112%;
  margin-bottom: 8px;
  display: inline-block;
}
@media (min-width: 1280px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card2 span {
    font-size: 64px;
  }
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card2 span {
    font-size: 72px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card2 span {
    font-size: 80px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .text-part .card2 p {
  color: #0D162F;
  line-height: 136%;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .slide-content .text-part .card2 p {
    font-size: 18px;
  }
}
.ai-voice-cases-examples-swiper .slide-content .image-part {
  flex: 1;
}
.ai-voice-cases-examples-swiper .slide-content .image-part img {
  display: block;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ai-voice-cases-examples-swiper .swiper-button-next,
.ai-voice-cases-examples-swiper .swiper-button-prev {
  all: unset;
  cursor: pointer;
  z-index: 10;
  width: 56px;
  height: 56px;
  background-image: url("../../../../../../media/img/new-main-page/swiper-button.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1279px) {
  .ai-voice-cases-examples-swiper .swiper-button-next,
  .ai-voice-cases-examples-swiper .swiper-button-prev {
    display: none;
  }
}
.ai-voice-cases-examples-swiper .swiper-button-next:hover,
.ai-voice-cases-examples-swiper .swiper-button-prev:hover {
  background-image: url("../../../../../../media/img/new-main-page/swiper-button-hover.svg");
}
.ai-voice-cases-examples-swiper .swiper-button-prev {
  transform: scaleX(-1);
}
.ai-voice-cases-examples-swiper .swiper-button-disabled {
  opacity: 0.48;
}
.ai-voice-cases-examples-swiper .swiper-button-disabled:hover {
  cursor: auto;
  background-image: url("../../../../../../media/img/new-main-page/swiper-button.svg");
}
.ai-voice-cases-examples-swiper .swiper-button-prev::after,
.ai-voice-cases-examples-swiper .swiper-button-next::after {
  content: "";
  display: none;
}
.ai-voice-cases-examples-swiper .swiper-pagination {
  position: relative;
  bottom: 0 !important;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (min-width: 1440px) {
  .ai-voice-cases-examples-swiper .swiper-pagination {
    margin-top: 32px;
  }
}
@media (min-width: 1920px) {
  .ai-voice-cases-examples-swiper .swiper-pagination {
    margin-top: 40px;
  }
}
.ai-voice-cases-examples-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #D6E0E9;
  border-radius: 50%;
  opacity: 1;
}
.ai-voice-cases-examples-swiper .swiper-pagination-bullet-active {
  background: #071A31 !important;
}

.case-v2-cta {
  border: 1px solid #0064DB;
  background: #2584F4;
  box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.24) inset, 0 0 32px 0 #4A9DFF inset, 0 4px 32px 0 rgba(204, 207, 239, 0.32);
}
.case-v2-cta .section-container-new {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .case-v2-cta .section-container-new {
    align-items: center;
  }
}
.case-v2-cta .section-container-new .sales-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .case-v2-cta .section-container-new .sales-info {
    align-items: center;
  }
}
@media (min-width: 1440px) {
  .case-v2-cta .section-container-new .sales-info {
    margin-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-cta .section-container-new .sales-info {
    margin-bottom: 32px;
  }
}
.case-v2-cta .section-container-new .sales-info img {
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .case-v2-cta .section-container-new .sales-info img {
    width: 64px;
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .case-v2-cta .section-container-new .sales-info img {
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 1920px) {
  .case-v2-cta .section-container-new .sales-info img {
    width: 80px;
    height: 80px;
  }
}
.case-v2-cta .section-container-new .sales-info .expert-name, .case-v2-cta .section-container-new .sales-info .job-title {
  margin-bottom: 4px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  line-height: 128%;
}
@media (min-width: 1920px) {
  .case-v2-cta .section-container-new .sales-info .expert-name, .case-v2-cta .section-container-new .sales-info .job-title {
    font-size: 18px;
  }
}
.case-v2-cta .section-container-new .sales-info .job-title {
  color: rgba(255, 255, 255, 0.8);
  line-height: 136%;
}
.case-v2-cta .section-container-new .title-new {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 0 12px;
  color: #FFF;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
  max-width: 100%;
}
@media (min-width: 1280px) {
  .case-v2-cta .section-container-new .title-new {
    max-width: 710px;
  }
}
@media (min-width: 1440px) {
  .case-v2-cta .section-container-new .title-new {
    max-width: 802px;
  }
}
@media (min-width: 1920px) {
  .case-v2-cta .section-container-new .title-new {
    max-width: 1056px;
  }
}
@media (min-width: 768px) {
  .case-v2-cta .section-container-new .title-new {
    margin: 0 auto 16px;
    font-size: 40px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .case-v2-cta .section-container-new .title-new {
    font-size: 48px;
  }
}
@media (min-width: 1600px) {
  .case-v2-cta .section-container-new .title-new {
    font-size: 56px;
  }
}
.case-v2-cta .section-container-new .subtitle {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 136%;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .case-v2-cta .section-container-new .subtitle {
    text-align: center;
  }
}
@media (min-width: 1920px) {
  .case-v2-cta .section-container-new .subtitle {
    margin-bottom: 40px;
    font-size: 18px;
  }
}
.case-v2-cta .section-container-new a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 16px;
  font-size: 16px;
  text-align: center;
  height: 48px;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 767px) {
  .case-v2-cta .section-container-new a {
    width: 100%;
  }
}
@media (min-width: 1920px) {
  .case-v2-cta .section-container-new a {
    padding: 12px 24px;
    font-size: 18px;
    height: 56px;
  }
}
.case-v2-cta .section-container-new a:hover {
  cursor: pointer;
}
.case-v2-cta .section-container-new .schedule-button {
  color: #071A31;
  border: 1px solid #EBF1F6;
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(13, 22, 47, 0.05) inset;
}
.case-v2-cta .section-container-new .schedule-button:hover {
  color: #1E6AC3;
  border: 1px solid var(--Border-Light-Blue, #D3E6FD);
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(211, 230, 253, 0.48) inset;
}

.quiz {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.quiz .tagline {
  margin: 0 0 16px;
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  background: #FFF;
}
@media (min-width: 768px) {
  .quiz .tagline {
    margin: 0 auto 16px;
  }
}
@media (min-width: 1440px) {
  .quiz .tagline {
    margin: 0 auto 24px;
  }
}
@media (min-width: 1600px) {
  .quiz .tagline {
    margin: 0 auto 32px;
    font-size: 16px;
  }
}
.quiz .title-new {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 0 12px;
  color: #071A31;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
  max-width: 100%;
}
@media (min-width: 1280px) {
  .quiz .title-new {
    max-width: 710px;
  }
}
@media (min-width: 1440px) {
  .quiz .title-new {
    max-width: 802px;
  }
}
@media (min-width: 1920px) {
  .quiz .title-new {
    max-width: 1056px;
  }
}
@media (min-width: 768px) {
  .quiz .title-new {
    margin: 0 auto 16px;
    font-size: 40px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .quiz .title-new {
    font-size: 48px;
  }
}
@media (min-width: 1600px) {
  .quiz .title-new {
    font-size: 56px;
  }
}
.quiz .title-new span {
  color: #1E6AC3;
}
.quiz .subtitle {
  color: #515769;
  font-size: 16px;
  line-height: 136%;
  margin: 0 0 40px;
  max-width: 100%;
}
@media (min-width: 1280px) {
  .quiz .subtitle {
    max-width: 710px;
  }
}
@media (min-width: 1440px) {
  .quiz .subtitle {
    max-width: 802px;
  }
}
@media (min-width: 1920px) {
  .quiz .subtitle {
    max-width: 1056px;
  }
}
@media (min-width: 768px) {
  .quiz .subtitle {
    margin: 0 auto 48px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .quiz .subtitle {
    margin: 0 auto 56px;
  }
}
@media (min-width: 1920px) {
  .quiz .subtitle {
    margin: 0 auto 64px;
    font-size: 18px;
  }
}
.quiz__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 24px;
  background: #F2F8FE;
  padding: 20px;
}
@media (min-width: 1280px) {
  .quiz__container {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .quiz__container {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .quiz__container {
    padding: 40px;
  }
}
.quiz__progress {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 1280px) {
  .quiz__progress {
    margin-bottom: 32px;
  }
}
@media (min-width: 1920px) {
  .quiz__progress {
    margin-bottom: 40px;
  }
}
.quiz__progress-track {
  width: 100%;
  height: 8px;
  border-radius: 16px;
  background-color: #EBF1F6;
  overflow: hidden;
}
.quiz__progress .progress-bar {
  height: 100%;
  width: 0;
  background-color: #06FB9C;
  border-radius: 16px;
  transition: width 0.6s ease;
}
.quiz__progress-steps {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}
.quiz__progress-steps .progress-bar__step {
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: var(--mainText);
  background-image: url(../../../../../media/img/services-breeding/step-inactive.png);
  background-size: cover;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .quiz__progress-steps .progress-bar__step {
    width: 56px;
    height: 56px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .quiz__progress-steps .progress-bar__step {
    width: 28px;
    height: 28px;
    font-size: 12px;
    flex-shrink: 0;
  }
}
.quiz__progress-steps .progress-bar__step.active {
  background-image: url(../../../../../media/img/services-breeding/step.png);
  background-size: cover;
}
.quiz__progress-steps .progress-bar__step.done {
  width: 44px;
  height: 44px;
  background-image: url(../../../../../media/img/services-breeding/step-done.png);
  background-size: cover;
  color: transparent;
}
@media (max-width: 1440px) {
  .quiz__progress-steps .progress-bar__step.done {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1280px) {
  .quiz__progress-steps .progress-bar__step.done {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 1024px) {
  .quiz__progress-steps .progress-bar__step.done {
    width: 18px;
    height: 18px;
  }
}
.quiz__progress-steps .progress-bar__line {
  position: relative;
  flex: 1 1 56px;
  max-width: 80px;
  height: 1px;
  background-color: #e6f0ff;
}
@media (max-width: 1440px) {
  .quiz__progress-steps .progress-bar__line {
    flex-basis: 44px;
  }
}
.quiz__progress-steps .progress-bar__line.active {
  background-color: var(--secondColor);
}
.quiz__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.quiz__step {
  display: none;
  width: 100%;
}
.quiz__step.active {
  display: flex;
  flex-direction: column;
}
.quiz__step.step2.active .quiz__options {
  display: grid;
  max-height: 984px;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 32px;
       column-gap: 32px;
}
@media (max-width: 1024px) {
  .quiz__step.step2.active .quiz__options {
    max-height: -moz-max-content;
    max-height: max-content;
    grid-template-columns: repeat(1, 1fr);
  }
}
.quiz__step.step3.active .quiz__options {
  display: grid;
  max-height: 405px;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (max-width: 1024px) {
  .quiz__step.step3.active .quiz__options {
    max-height: -moz-max-content;
    max-height: max-content;
    grid-template-columns: repeat(1, 1fr);
  }
}
.quiz__step.step4.active .quiz__options {
  display: grid;
  max-height: 494px;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (max-width: 1024px) {
  .quiz__step.step4.active .quiz__options {
    max-height: -moz-max-content;
    max-height: max-content;
    grid-template-columns: repeat(1, 1fr);
  }
}
.quiz__step.step5.active .quiz__options {
  display: flex;
  max-height: none;
  flex-direction: column;
}
.quiz .contacts-form-container {
  display: flex;
}
.quiz .contacts-form-container .team-img {
  flex: 1;
  border-radius: 24px;
  border: 1px solid #D3E6FD;
  overflow: hidden;
}
@media (max-width: 991px) {
  .quiz .contacts-form-container .team-img {
    display: none;
  }
}
.quiz .contacts-form-container .team-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quiz__question {
  color: #071A31;
  font-size: 24px;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .quiz__question {
    font-size: 26px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .quiz__question {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
.quiz__options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.quiz__options label {
  position: relative;
  width: 100%;
  display: flex;
  padding: 20px;
  background: var(--colorLight);
  color: #071A31;
  font-size: 16px;
  align-items: center;
  cursor: pointer;
  line-height: 128%;
  border-radius: 24px;
  border: 1px solid #D3E6FD;
  font-family: "Inter", sans-serif !important;
  font-weight: 500;
}
@media (min-width: 1920px) {
  .quiz__options label {
    font-size: 18px;
    padding: 24px;
  }
}
.quiz__options label input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.quiz__options label textarea {
  align-content: center;
  color: #071A31;
  font-size: 16px;
  font-family: "Inter", sans-serif !important;
  font-weight: 500;
  line-height: 136%;
  border-bottom: 1px solid #D6E0E9;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .quiz__options label textarea {
    font-size: 18px;
  }
}
.quiz__options label textarea::-moz-placeholder {
  align-content: center;
  color: #ABAEB7;
  font-size: 16px;
  font-weight: 400;
  line-height: 136%;
  font-family: "Inter", sans-serif !important;
}
.quiz__options label textarea::placeholder {
  align-content: center;
  color: #ABAEB7;
  font-size: 16px;
  font-weight: 400;
  line-height: 136%;
  font-family: "Inter", sans-serif !important;
}
.quiz__options-checkbox, .quiz__options-radio {
  width: 33px;
  height: 33px;
  background-image: url(../../../../../media/img/solutions/checkbox-new.svg);
  background-size: cover;
  background-position: center;
  margin-right: 16px;
  padding: 16px;
  cursor: pointer;
}
@media (max-width: 1280px) {
  .quiz__options-checkbox, .quiz__options-radio {
    margin-right: 12px;
  }
}
.quiz__options-checkbox.active-checkbox, .quiz__options-checkbox.active-radio, .quiz__options-radio.active-checkbox, .quiz__options-radio.active-radio {
  padding: 16px;
  background-image: url(../../../../../media/img/solutions/checkbox-active.svg);
  animation: zoom-in-out 0.3s ease;
}
.quiz__options-radio {
  background-image: url(../../../../../media/img/solutions/radio-empty-new.svg);
}
.quiz__options-radio.active-radio {
  background-image: url(../../../../../media/img/solutions/radio-check.svg);
}
.quiz__contacts {
  max-width: 820px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #D6E0E9;
  flex: 1;
}
@media (min-width: 1280px) {
  .quiz__contacts {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .quiz__contacts {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .quiz__contacts {
    padding: 40px;
  }
}
.quiz__contacts-input-wrapper {
  width: 50%;
}
@media (max-width: 1024px) {
  .quiz__contacts-input-wrapper {
    width: 100%;
  }
}
.quiz__contacts-fields-group, .quiz__contacts-textarea-wrapper {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .quiz__contacts-fields-group, .quiz__contacts-textarea-wrapper {
    flex-direction: column;
  }
}
@media (min-width: 1440px) {
  .quiz__contacts-fields-group, .quiz__contacts-textarea-wrapper {
    gap: 24px;
    margin-bottom: 24px;
  }
}
.quiz__contacts-fields-group .contacts-form-label, .quiz__contacts-textarea-wrapper .contacts-form-label {
  width: 100%;
  color: #071A31;
  font-size: 16px;
  line-height: 128%;
  font-weight: 500;
  display: grid;
  row-gap: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
@media (min-width: 1920px) {
  .quiz__contacts-fields-group .contacts-form-label, .quiz__contacts-textarea-wrapper .contacts-form-label {
    font-size: 18px;
  }
}
.quiz__contacts-fields-group .contacts-form-label .input-contacts-form,
.quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form,
.quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria {
  width: 100%;
  min-height: 44px;
  background: #fff;
  outline: none;
  filter: none;
  cursor: pointer;
  z-index: 1;
  border-radius: 10px;
  border: 1px solid #D6E0E9;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  color: #515769;
  padding: 12px;
}
@media (min-width: 1920px) {
  .quiz__contacts-fields-group .contacts-form-label .input-contacts-form,
  .quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form,
  .quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria {
    min-height: 48px;
    font-size: 18px;
  }
}
.quiz__contacts-fields-group .contacts-form-label .input-contacts-form:hover,
.quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria:hover, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form:hover,
.quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria:hover {
  border: 1px solid #1E6AC3;
}
.quiz__contacts-fields-group .contacts-form-label .input-contacts-form:focus, .quiz__contacts-fields-group .contacts-form-label .input-contacts-form:active,
.quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria:focus,
.quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria:active, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form:focus, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form:active,
.quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria:focus,
.quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria:active {
  border: 1px solid #2584F4;
  box-shadow: 0px 0px 0px 2px rgba(37, 132, 244, 0.24);
}
.quiz__contacts-fields-group .contacts-form-label .input-contacts-form::-moz-placeholder, .quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria::-moz-placeholder, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form::-moz-placeholder, .quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria::-moz-placeholder {
  color: #ABAEB7;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.quiz__contacts-fields-group .contacts-form-label .input-contacts-form::placeholder,
.quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria::placeholder, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form::placeholder,
.quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria::placeholder {
  color: #ABAEB7;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .quiz__contacts-fields-group .contacts-form-label .input-contacts-form::-moz-placeholder, .quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria::-moz-placeholder, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form::-moz-placeholder, .quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria::-moz-placeholder {
    font-size: 18px;
  }
  .quiz__contacts-fields-group .contacts-form-label .input-contacts-form::placeholder,
  .quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria::placeholder, .quiz__contacts-textarea-wrapper .contacts-form-label .input-contacts-form::placeholder,
  .quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria::placeholder {
    font-size: 18px;
  }
}
.quiz__contacts-fields-group .contacts-form-label .contacts-form-textaria, .quiz__contacts-textarea-wrapper .contacts-form-label .contacts-form-textaria {
  min-height: 124px;
  resize: vertical;
}
.quiz__contacts.choose-file-wrapper {
  margin-bottom: 16px;
}
@media (min-width: 1440px) {
  .quiz__contacts.choose-file-wrapper {
    margin-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .quiz__contacts.choose-file-wrapper {
    margin-bottom: 40px;
  }
}
.quiz__contacts-checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quiz__contacts-checkbox-container label {
  position: relative;
  width: 100%;
  display: flex;
  color: var(--subcolor);
  font-size: 18px;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .quiz__contacts-checkbox-container label {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  .quiz__contacts-checkbox-container label {
    font-size: 14px;
  }
}
.quiz__contacts-checkbox-container label span:not(.form-privacy) {
  width: 33px;
  height: 33px;
  background-image: url(../../../../../media/img/solutions/checkbox-new.svg);
  background-size: cover;
  background-position: center;
  margin-right: 16px;
  cursor: pointer;
}
.quiz__contacts-checkbox-container label span:not(.form-privacy).active-checkbox {
  padding: 16px;
  background-image: url(../../../../../media/img/solutions/checkbox-active.svg);
  animation: zoom-in-out 0.3s ease;
}
.quiz__contacts-checkbox-container label input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.quiz__contacts-checkbox-container .privacy-checkbox-container {
  display: flex;
  align-items: center;
}
.quiz__contacts-checkbox-container .privacy-checkbox-container label {
  width: auto;
  align-items: center;
}
.quiz__contacts-checkbox-container .privacy-checkbox-container span {
  color: #515769;
  font-size: 16px;
  vertical-align: middle;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
@media (min-width: 1920px) {
  .quiz__contacts-checkbox-container .privacy-checkbox-container span {
    font-size: 18px;
  }
}
.quiz__contacts-checkbox-container .privacy-checkbox-container span a {
  color: #071A31;
  border-bottom: 1px solid #071A31;
}
.quiz__navigation {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .quiz__navigation {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) {
  .quiz__navigation {
    margin-top: 32px;
  }
}
.quiz__navigation .btn {
  padding: 12px 20px;
  border-radius: 16px;
  font-size: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif !important;
  font-weight: 500;
  height: 48px;
}
@media (max-width: 767px) {
  .quiz__navigation .btn {
    width: 50%;
    justify-content: center;
  }
}
@media (min-width: 1920px) {
  .quiz__navigation .btn {
    padding: 12px 24px;
    font-size: 18px;
    gap: 10px;
    height: 56px;
  }
}
.quiz__navigation .btn:hover {
  cursor: pointer;
}
.quiz__navigation .btn--next {
  color: #FFF;
  border-radius: 16px;
  border: 1px solid #1E6AC3;
  opacity: 0.48;
  background: #2584F4;
  box-shadow: 0 9px 13px -5px rgba(37, 132, 244, 0.48), 0 2px 2px 0 rgba(0, 100, 219, 0.24), 0 -2px 0 1px rgba(0, 100, 219, 0.5) inset, 0 0 0 2px rgba(255, 255, 255, 0.2) inset, 0 8px 12px 1px #4A9DFF inset;
}
.quiz__navigation .btn--next:hover {
  cursor: not-allowed;
}
.quiz__navigation .btn--next::after {
  content: "";
  display: block;
  background: url(../../../../../media/img/solutions/Arrow-right.svg) center/contain no-repeat;
  width: 24px;
  height: 24px;
}
.quiz__navigation .btn--next.active {
  opacity: 1;
  cursor: pointer;
}
.quiz__navigation .btn--next.active:hover {
  border: 1px solid #2584F4;
  background: #1E6AC3;
  box-shadow: 0 9px 13px -5px rgba(37, 132, 244, 0.4), 0 2px 2px 0 rgba(37, 132, 244, 0.25), 0 -2px 0 1px rgba(37, 132, 244, 0.24) inset, 0 0 0 2px rgba(255, 255, 255, 0.2) inset, 0 7px 12px 1px #4A9DFF inset;
  cursor: pointer;
}
.quiz__navigation .btn--prev {
  color: #071A31;
  border: 1px solid #EBF1F6;
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(13, 22, 47, 0.05) inset;
}
.quiz__navigation .btn--prev:hover {
  color: #1E6AC3;
  border: 1px solid #D3E6FD;
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(211, 230, 253, 0.48) inset;
}
.quiz__navigation .btn--prev:hover::before {
  transition: all 0.3s ease;
  background: url(../../../../../../media/img/solutions/Arrow-left-hover.svg) center/contain no-repeat;
}
.quiz__navigation .btn--prev::before {
  content: "";
  display: block;
  background: url(../../../../../../media/img/solutions/Arrow-left.svg) center/contain no-repeat;
  width: 24px;
  height: 24px;
}
.quiz__navigation .btn--submit {
  color: #FFF;
  border-radius: 16px;
  border: 1px solid #1E6AC3;
  background: #2584F4;
  box-shadow: 0 9px 13px -5px rgba(37, 132, 244, 0.48), 0 2px 2px 0 rgba(0, 100, 219, 0.24), 0 -2px 0 1px rgba(0, 100, 219, 0.5) inset, 0 0 0 2px rgba(255, 255, 255, 0.2) inset, 0 8px 12px 1px #4A9DFF inset;
  justify-content: center;
}
.quiz__navigation .btn--submit:hover {
  background-color: var(--mainText);
  cursor: pointer;
}

@media (min-width: 992px) {
  .grid-3-columns .content-cards-block__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.grid-3-columns .content-cards-block__cards .card {
  width: 100%;
  min-width: 0;
}

.case-v2-steps {
  border: 1px solid #D3E6FD;
  background: #E9F3FE;
  box-shadow: -16px -16px 64px 0 rgba(190, 218, 252, 0.32) inset;
}
.case-v2-steps .tagline {
  margin: 0 0 16px;
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  background-color: #fff;
}
@media (min-width: 768px) {
  .case-v2-steps .tagline {
    margin: 0 auto 16px;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps .tagline {
    margin: 0 auto 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps .tagline {
    margin: 0 auto 32px;
    font-size: 16px;
  }
}
.case-v2-steps .title-new {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 0 40px;
  color: #071A31;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
  max-width: 100%;
}
@media (min-width: 1280px) {
  .case-v2-steps .title-new {
    max-width: 710px;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps .title-new {
    max-width: 802px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps .title-new {
    max-width: 1056px;
  }
}
@media (min-width: 768px) {
  .case-v2-steps .title-new {
    margin: 0 auto 48px;
    font-size: 40px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps .title-new {
    margin: 0 auto 56px;
    font-size: 48px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps .title-new {
    margin: 0 auto 64px;
    font-size: 56px;
  }
}
.case-v2-steps .title-new span {
  color: #1E6AC3;
}
.case-v2-steps :has(.subtitle) .title-new {
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  .case-v2-steps :has(.subtitle) .title-new {
    margin: 0 auto 16px;
  }
}
.case-v2-steps .subtitle {
  color: #515769;
  line-height: 136%;
  font-size: 16px;
  max-width: 1056px;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .case-v2-steps .subtitle {
    margin: 0 0 48px;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps .subtitle {
    margin: 0 0 56px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps .subtitle {
    margin: 0 0 64px;
    font-size: 18px;
  }
}
.case-v2-steps .subtitle strong {
  color: #071A31;
}
.case-v2-steps__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1440px) {
  .case-v2-steps__body {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps__body {
    gap: 32px;
  }
}
.case-v2-steps__body .top-part .line-with-icons {
  display: none;
}
@media (min-width: 1024px) {
  .case-v2-steps__body .top-part .line-with-icons {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    position: relative;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps__body .top-part .line-with-icons {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps__body .top-part .line-with-icons {
    gap: 32px;
    margin-bottom: 24px;
  }
}
.case-v2-steps__body .top-part .line-with-icons::before {
  content: "";
  position: absolute;
  top: 27px;
  height: 1px;
  background: #2584F4;
  width: 100%;
}
.case-v2-steps__body .top-part .line-with-icons div {
  flex: 1;
}
.case-v2-steps__body .top-part .line-with-icons div img {
  position: relative;
  z-index: 10;
}
.case-v2-steps__body .top-part .cards {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .case-v2-steps__body .top-part .cards {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps__body .top-part .cards {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps__body .top-part .cards {
    gap: 32px;
  }
}
.case-v2-steps__body .top-part .cards div {
  flex: 1;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid #D3E6FD;
  background: #FFF;
}
@media (min-width: 280px) {
  .case-v2-steps__body .top-part .cards div {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps__body .top-part .cards div {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps__body .top-part .cards div {
    padding: 40px;
  }
}
.case-v2-steps__body .top-part .cards div span {
  text-align: start;
  color: #071A31;
  font-size: 56px;
  line-height: 112%;
  margin-bottom: 12px;
  display: inline-block;
}
@media (min-width: 1280px) {
  .case-v2-steps__body .top-part .cards div span {
    font-size: 64px;
  }
}
@media (min-width: 1440px) {
  .case-v2-steps__body .top-part .cards div span {
    font-size: 72px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps__body .top-part .cards div span {
    font-size: 80px;
  }
}
.case-v2-steps__body .top-part .cards div h3 {
  color: #071A31;
  font-size: 16px;
  line-height: 108%;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .case-v2-steps__body .top-part .cards div h3 {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .case-v2-steps__body .top-part .cards div h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.case-v2-steps__body .top-part .cards div p {
  color: #515769;
  line-height: 136%;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .case-v2-steps__body .top-part .cards div p {
    font-size: 18px;
  }
}
.case-v2-steps__body .top-part .cards div p strong {
  color: #071A31;
}

.case-v2-swiper-cards {
  position: relative;
}
.case-v2-swiper-cards .tagline {
  margin: 0 0 16px;
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  background-color: #fff;
}
@media (min-width: 768px) {
  .case-v2-swiper-cards .tagline {
    margin: 0 auto 16px;
  }
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .tagline {
    margin: 0 auto 24px;
  }
}
@media (min-width: 1600px) {
  .case-v2-swiper-cards .tagline {
    margin: 0 auto 32px;
    font-size: 16px;
  }
}
.case-v2-swiper-cards .title-new {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 0 40px;
  color: #071A31;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
}
@media (min-width: 768px) {
  .case-v2-swiper-cards .title-new {
    margin: 0 auto 48px;
    font-size: 40px;
  }
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .title-new {
    margin: 0 auto 56px;
    font-size: 48px;
  }
}
@media (min-width: 1600px) {
  .case-v2-swiper-cards .title-new {
    margin: 0 auto 64px;
    font-size: 56px;
  }
}
.case-v2-swiper-cards .title-new span {
  color: #1E6AC3;
}
.case-v2-swiper-cards:has(.subtitle) .title-new {
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  .case-v2-swiper-cards:has(.subtitle) .title-new {
    margin: 0 auto 16px;
  }
}
.case-v2-swiper-cards .subtitle {
  color: #515769;
  line-height: 136%;
  font-size: 16px;
  max-width: 1056px;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .case-v2-swiper-cards .subtitle {
    margin: 0 auto 48px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .subtitle {
    margin: 0 auto 56px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .subtitle {
    margin: 0 auto 64px;
    font-size: 18px;
  }
}
.case-v2-swiper-cards .subtitle strong {
  color: #071A31;
}
.case-v2-swiper-cards .swiper {
  width: 100%;
  height: 100%;
}
.case-v2-swiper-cards .content-cards-block__cards {
  display: grid;
  gap: 16px;
}
@media (min-width: 992px) {
  .case-v2-swiper-cards .content-cards-block__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .content-cards-block__cards {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards {
    gap: 32px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card {
  padding: 20px;
  border-radius: 24px;
  border: 1px solid #EBF1F6;
  background: #FAFBFC;
  box-shadow: -16px -16px 64px 0px rgba(216, 224, 231, 0.32) inset;
  height: 100%;
}
@media (min-width: 1280px) {
  .case-v2-swiper-cards .content-cards-block__cards .card {
    padding: 24px;
  }
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .content-cards-block__cards .card {
    padding: 32px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card {
    padding: 40px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card img {
  margin-bottom: 16px;
  width: 32px;
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .content-cards-block__cards .card img {
    margin-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card img {
    margin-bottom: 32px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card h3 {
  color: #071A31;
  line-height: 112%;
  letter-spacing: -0.768px;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  margin-bottom: 16px;
  font-size: 22px;
}
@media (min-width: 1280px) {
  .case-v2-swiper-cards .content-cards-block__cards .card h3 {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .content-cards-block__cards .card h3 {
    font-size: 26px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card h3 {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card:has(.card-description) h3 {
  margin-bottom: 8px;
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .content-cards-block__cards .card:has(.card-description) h3 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card:has(.card-description) h3 {
    margin-bottom: 12px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card:has(ul) h3 {
  margin-bottom: 8px;
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .content-cards-block__cards .card:has(ul) h3 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card:has(ul) h3 {
    margin-bottom: 12px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card p {
  color: #515769;
  line-height: 136%;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card p {
    font-size: 18px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card ul > li {
  list-style: initial !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  color: #515769;
  list-style-position: inside !important;
  font-size: 16px;
  line-height: 136%;
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card ul > li {
    font-size: 18px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card:has(.tags) p {
  margin-bottom: 16px;
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .content-cards-block__cards .card:has(.tags) p {
    margin-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card:has(.tags) p {
    margin-bottom: 32px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card .tags {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.case-v2-swiper-cards .content-cards-block__cards .card .tags div {
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  background-color: #fff;
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .content-cards-block__cards .card .tags div {
    font-size: 16px;
  }
}
.case-v2-swiper-cards .content-cards-block__cards .card .tags .tag-blue {
  border: 1px solid #2584F4;
  background: rgba(37, 132, 244, 0.14);
}
.case-v2-swiper-cards .content-cards-block__cards .card .tags .tag-green {
  border: 1px solid #15B25E;
  background: rgba(21, 178, 94, 0.14);
}
.case-v2-swiper-cards .content-cards-block__cards .card .tags .tag-orange {
  border: 1px solid #FC0;
  background: rgba(255, 204, 0, 0.14);
}
.case-v2-swiper-cards .swiper-button-next,
.case-v2-swiper-cards .swiper-button-prev {
  all: unset;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  width: 64px;
  height: 65px;
  background-image: url("../../../../../../media/img/new-main-page/swiper-button.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}
@media (max-width: 1279px) {
  .case-v2-swiper-cards .swiper-button-next,
  .case-v2-swiper-cards .swiper-button-prev {
    display: none;
  }
}
.case-v2-swiper-cards .swiper-button-next:hover,
.case-v2-swiper-cards .swiper-button-prev:hover {
  background-image: url("../../../../../../media/img/new-main-page/swiper-button-hover.svg");
}
.case-v2-swiper-cards .case-features-prev {
  transform: scaleX(-1);
  top: 67%;
  left: 2%;
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .case-features-prev {
    left: 4%;
  }
}
.case-v2-swiper-cards .case-features-next {
  top: 67%;
  right: 2%;
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .case-features-next {
    right: 4%;
  }
}
.case-v2-swiper-cards .use-cases-prev {
  top: 57%;
  left: 2%;
  transform: scaleX(-1);
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .use-cases-prev {
    left: 4%;
  }
}
.case-v2-swiper-cards .use-cases-next {
  top: 57%;
  right: 2%;
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .use-cases-next {
    right: 4%;
  }
}
.case-v2-swiper-cards .swiper-button-prev::after,
.case-v2-swiper-cards .swiper-button-next::after {
  content: "";
  display: none;
}
.case-v2-swiper-cards .swiper-pagination {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (min-width: 1440px) {
  .case-v2-swiper-cards .swiper-pagination {
    margin-top: 32px;
  }
}
@media (min-width: 1920px) {
  .case-v2-swiper-cards .swiper-pagination {
    margin-top: 40px;
  }
}
.case-v2-swiper-cards .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #D6E0E9;
  border-radius: 50%;
  opacity: 1;
}
.case-v2-swiper-cards .swiper-pagination-bullet-active {
  background: #071A31 !important;
}

.ready-made-solutions .section-container-new {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
@media (min-width: 920px) {
  .ready-made-solutions .section-container-new {
    flex-direction: row;
    gap: 48px;
  }
}
@media (min-width: 1440px) {
  .ready-made-solutions .section-container-new {
    gap: 56px;
  }
}
@media (min-width: 1920px) {
  .ready-made-solutions .section-container-new {
    gap: 64px;
  }
}
.ready-made-solutions .info-part {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ready-made-solutions .info-part .heading .subtitle {
  margin-bottom: 16px;
  font-size: 14px;
  color: #071A31;
  border-radius: 32px;
  border: 1px solid #EBF1F6;
  background: #FFF;
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 1440px) {
  .ready-made-solutions .info-part .heading .subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .ready-made-solutions .info-part .heading .subtitle {
    margin-bottom: 32px;
    font-size: 16px;
  }
}
.ready-made-solutions .info-part .heading .title-new {
  max-width: -moz-max-content;
  max-width: max-content;
  color: #071A31;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -1.456px;
}
@media (min-width: 768px) {
  .ready-made-solutions .info-part .heading .title-new {
    font-size: 40px;
  }
}
@media (min-width: 1440px) {
  .ready-made-solutions .info-part .heading .title-new {
    font-size: 48px;
  }
}
@media (min-width: 1600px) {
  .ready-made-solutions .info-part .heading .title-new {
    font-size: 56px;
  }
}
.ready-made-solutions .info-part .heading .title-new span {
  color: #1E6AC3;
}
.ready-made-solutions .info-part p {
  font-size: 16px;
  color: #515769;
  line-height: 136%;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  margin-top: 12px;
}
@media (min-width: 1920px) {
  .ready-made-solutions .info-part p {
    font-size: 18px;
    margin-top: 16px;
  }
}
.ready-made-solutions .info-part p strong {
  color: #071A31;
}
.ready-made-solutions .info-part ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  color: #515769;
  font-size: 16px;
  line-height: 136%;
}
@media (min-width: 1920px) {
  .ready-made-solutions .info-part ul {
    gap: 16px;
    margin-top: 24px;
    font-size: 18px;
  }
}
.ready-made-solutions .info-part ul li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
@media (min-width: 1920px) {
  .ready-made-solutions .info-part ul li {
    gap: 16px;
  }
}
.ready-made-solutions .info-part ul li::before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  background: url("../../../../../media/img/Check-small.svg") center/contain no-repeat;
}
.ready-made-solutions .info-part ul li p {
  color: #515769;
  margin-top: 0px;
}
.ready-made-solutions .info-part ul li strong {
  color: #071A31;
}
@media (min-width: 1920px) {
  .ready-made-solutions .info-part ul li strong {
    flex-direction: row;
    font-size: 16px !important;
  }
}
.ready-made-solutions .info-part a {
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 16px;
  font-size: 16px;
  max-width: 100%;
  margin-top: 24px;
  height: 48px;
}
@media (min-width: 768px) {
  .ready-made-solutions .info-part a {
    max-width: -moz-max-content;
    max-width: max-content;
    margin-top: 32px;
  }
}
@media (min-width: 1440px) {
  .ready-made-solutions .info-part a {
    margin-top: 40px;
  }
}
@media (min-width: 1920px) {
  .ready-made-solutions .info-part a {
    font-size: 18px;
    margin-top: 48px;
    height: 56px;
  }
}
.ready-made-solutions .info-part a:hover {
  cursor: pointer;
}
.ready-made-solutions .info-part .cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #FFF;
  border: 1px solid #1E6AC3;
  background: #2584F4;
  box-shadow: 0px 9px 13px -5px rgba(37, 132, 244, 0.48), 0px 2px 2px 0px rgba(0, 100, 219, 0.24), 0px -2px 0px 1px rgba(0, 100, 219, 0.5) inset, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset, 0px 8px 12px 1px #4A9DFF inset;
}
.ready-made-solutions .info-part .cta-button:hover {
  border: 1px solid var(--Brand-Key, #2584F4);
  background: var(--Brand-Key-Dark, #1E6AC3);
  box-shadow: 0px 9px 13px -5px rgba(37, 132, 244, 0.4), 0px 2px 2px 0px rgba(37, 132, 244, 0.25), 0px -2px 0px 1px rgba(37, 132, 244, 0.24) inset, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset, 0px 7px 12px 1px #4A9DFF inset;
}
.ready-made-solutions .info-part .cta-button::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../../../../../media/img/cto-page/Mail.svg") center/contain no-repeat;
}
.ready-made-solutions .info-part .link-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 8px;
  color: #071A31;
  border: 1px solid #EBF1F6;
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(13, 22, 47, 0.05) inset;
}
.ready-made-solutions .info-part .link-button:hover {
  color: #1E6AC3;
  border: 1px solid var(--Border-Light-Blue, #D3E6FD);
  background: #FFF;
  box-shadow: 0px 2px 2px -17px rgba(13, 22, 47, 0.05), 0px 9px 13px -5px rgba(13, 22, 47, 0.1), 0px -3px 0px 1px rgba(211, 230, 253, 0.48) inset;
}
.ready-made-solutions .info-part .link-button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../../../../../media/img/new-main-page/Arrow-right.svg") center/contain no-repeat;
}
.ready-made-solutions .info-part .link-button:hover::after {
  background: url("../../../../../media/img/new-main-page/Arrow-right-hover.svg") center/contain no-repeat;
}
.ready-made-solutions .img-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 24px;
}
.ready-made-solutions .img-wrapper picture > img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-blue {
  border: 1px solid var(--Border-Light-Blue, #D3E6FD);
  background: var(--Background-Light-Blue, #E9F3FE);
  box-shadow: -16px -16px 64px 0 rgba(190, 218, 252, 0.32) inset;
}
.bg-blue .content-cards-block__cards .card {
  border: 1px solid #D3E6FD;
  background: #FFF;
  box-shadow: none;
}
.bg-blue .content-cards-block__row-cards .card {
  border: 1px solid #D3E6FD;
  background: #FFF;
  box-shadow: none;
}

.new-order .info-part {
  order: 1;
}
.new-order .img-wrapper {
  order: 2;
}
@media (min-width: 920px) {
  .new-order .info-part {
    order: 2;
  }
  .new-order .img-wrapper {
    order: 1;
  }
}/*# sourceMappingURL=banking-software-development-solutions.css.map */