/* payment gateaway | succes-story */

.succes-story {
  margin: var(--default-section-margin) 0;
  overflow: hidden;
}

.succes-story.-bigger .title .tab {
  display: none !important;
}

.succes-story .review {
  border-radius: 0;
  border: none;
  border-left: 1px solid var(--shark-shark-100, #E4E7E9);
  width: min(360px, 25vw);
  padding: min(32px, 2.222vw);
  min-height: 100%;
}

.succes-story .container>.default-button {
  margin: min(40px, 2.778vw) auto 0 auto;
  min-width: 200px;
  width: fit-content;
}

.succes-story .colored-tabs {
  margin-top: min(24px, 1.667vw);
}

.success-slide {
  border-radius: 16px;
  border: 1px solid var(--shark-shark-100, #E4E7E9);
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  /* height: fit-content !important; */
}

.success-slide__left {
  padding: min(32px, 2.222vw);
  overflow: hidden;
  align-self: flex-start;
}

.succes-story .succes-slider {
  position: relative;
  margin-top: min(80px, 5.556vw);
}

.succes-slider .swiper-wrapper {
  align-items: stretch;
}

.succes-slider .swiper-wrapper .swiper-slide {
  height: auto;
}

.succes-slider .nav-pag {
  margin-top: min(32px, 2.222vw);
}

.succes-slider .nav-pag .swiper-navigation__button {
  display: none;
}

.succes-slider .slider .navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 2;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.succes-slider .slider .swiper-wrapper {
  transition: transform 0.4s, height 0.7s;
}

.succes-slider .slider .navigation div {
  pointer-events: auto;
  background: var(--white);
}

.succes-slider .slider .navigation div.prev {
  margin-left: max(-40px, -2.778vw);
}

.succes-slider .slider .navigation div.next {
  margin-right: max(-40px, -2.778vw);
}

.succes-slider .swiper-slide {
  transition: transform 0.6s;
  transform: translateX(0);
}

.succes-slider .swiper-slide-prev {
  transform: translateX(-20vw);
}

/* Succes stories page | succes-story.-big */

.succes-story.-bigger {
  margin: min(80px, 5.556vw) 0;
}

.succes-story.-bigger .succes-slider {
  margin: 0 auto;
  max-width: min(994px, 69.028vw);
}

.succes-story.-bigger .success-slide {
  padding: min(24px, 1.667vw) min(80px, 5.556vw) min(40px, 2.778vw) min(80px, 5.556vw);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.succes-story.-bigger .success-slide {
  height: fit-content;
}

.succes-story.-bigger .success-slide .title {
  text-align: center;
}

.succes-story.-bigger .success-slide .number {
  height: min(40px, 2.778vw);
  min-height: min(40px, 2.778vw);
  border-radius: 100px;
  border: 1px solid var(--shark-shark-100, #E4E7E9);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  gap: min(5px, 0.347vw);
  letter-spacing: initial !important;
}

.succes-story.-bigger .success-slide .number span {
  position: relative;
  width: min(40px, 2.778vw);
  height: 100%;
  letter-spacing: initial !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--shark-shark-600, #0A0B0D);

  padding-top: min(2px, 0.139vw);
}

.succes-story.-bigger .success-slide .number span:first-child:after {
  content: '';
  position: absolute;
  right: 0;
  transform: translateX(100%);
  display: block;
  width: min(5px, 0.347vw);
  height: min(10px, 0.694vw);
  background: no-repeat center /contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDUgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJsaW5lIiBkPSJNNCAwSDVMMSAxMEgwTDQgMFoiIGZpbGw9IiNEQUREREUiLz4KPC9zdmc+Cg==);
}

.succes-story.-bigger .success-slide .logo {
  height: min(48px, 3.333vw);
}

.succes-story.-bigger .success-slide .number+.logo {
  margin-top: min(24px, 1.667vw);
}

.succes-story.-bigger .success-slide .logo img {
  display: block;
  height: 100%;
  width: auto;
}

.succes-story.-bigger .success-slide .logo+.labels-wrapper {
  margin-top: min(24px, 1.667vw);
}

.succes-story.-bigger .success-slide .labels-wrapper {
  display: flex;
  align-items: center;
  gap: min(8px, 0.556vw);
}

.succes-story.-bigger .success-slide .title:not(:first-child) {
  margin-top: min(24px, 1.667vw);
}

.succes-story.-bigger .colored-tabs .--tabs-container__menu {
  justify-content: center;
}

.succes-story.-bigger .colored-tabs {
  margin-bottom: min(24px, 1.667vw);
}

.succes-story.-bigger .nav-pag {
  display: none;
}

.review-anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  position: relative;
  color: var(--shark-shark-600, #0A0B0D);
  margin: auto 0 0 0;
  padding-left: min(28px, 1.944vw);
  transition: opacity 0.4s;
}

.review-anchor:before {
  content: '';
  position: absolute;
  left: 0;
  margin-top: -1px;
  display: block;
  height: min(16px, 1.111vw);
  width: min(16px, 1.111vw);
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gYXJyb3ctZG93biI+CjxwYXRoIGlkPSJJY29uIiBkPSJNOC40OTg3IDMuMzMzMjVWMTIuNjY2Nk04LjQ5ODcgMTIuNjY2NkwxMy4xNjU0IDcuOTk5OTJNOC40OTg3IDEyLjY2NjZMMy44MzIwMyA3Ljk5OTkyIiBzdHJva2U9IiMwQTBCMEQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K);
}

.succes-story.-bigger .swiper-navigation .swiper-navigation__button {
  width: min(80px, 5.556vw);
  min-width: min(80px, 5.556vw);
  height: min(80px, 5.556vw);
}

@media screen and (max-width: 1100px) {
  
	/* Homepage | succes-story */

	.succes-story .colored-tabs {
		margin-top: 16px;
	}


	.succes-story .review {
		border: none;
		border-top: 1px solid var(--shark-shark-100, #E4E7E9);
		width: 100%;
		padding: 16px;
		min-height: auto;
		min-height: 100%;
	}

	.success-slide__left {
		padding: 16px;
		width: 100%;
		/* flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 0; */
	}

	.success-slide__right {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0;
	}

	.succes-story .succes-slider {
		margin-top: 40px;
	}

	.succes-slider .nav-pag {
		margin-top: 16px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 16px;
	}

	.succes-slider .slider .navigation {
		display: none;
	}

	.succes-slider .nav-pag .swiper-navigation__button {
		display: flex;
	}

	.succes-slider .nav-pag .pagination {
		width: fit-content;
	}

	.succes-slider .swiper-slide {
		transition: transform 0.6s;
		transform: translateX(0);
	}

	.succes-slider .swiper-slide-next:not(.swiper-slide-active) {
		transform: translateX(10vw);
	}

	.succes-slider .swiper-slide-prev:not(.swiper-slide-active) {
		transform: translateX(-10vw);
	}

	.success-slide {
		flex-direction: column;
	}


  
	/* Succes stories page | succes-story.-big */

	.succes-story.-bigger {
		margin: 40px 0;
	}

	.succes-story.-bigger .succes-slider {
		margin: 0 auto;
		max-width: 994px;
	}

	.succes-story.-bigger .success-slide {
		padding: 16px;
	}

	.succes-story.-bigger .success-slide .number {
		height: 32px;
		min-height: 32px;
		gap: 5px;
	}

	.succes-story.-bigger .success-slide .number span {
		width: 32px;
		padding-top: 2px;
	}

	.succes-story.-bigger .success-slide .number span:first-child:after {
		width: 5px;
		height: 10px;
	}

	.succes-story.-bigger .success-slide .logo {
		height: 36px;
	}

	.succes-story.-bigger .success-slide .number+.logo {
		margin-top: 16px;
	}

	.succes-story.-bigger .success-slide .title:not(:first-child) {
		margin-top: 16px;
	}

	.succes-story.-bigger .colored-tabs {
		margin-bottom: 16px;
	}

	.succes-story.-bigger .success-slide .logo+.labels-wrapper {
		margin-top: 16px;
	}

	.succes-story.-bigger .success-slide .labels-wrapper {
		flex-direction: column;
		gap: 8px;
	}

	.succes-story.-bigger .nav-pag {
		display: flex;
	}

	.review-anchor {
		padding-left: 24px;
	}

	.review-anchor:before {
		margin-top: -1px;
		height: 16px;
		width: 16px;
	}

	.succes-story.-bigger .slider .swiper-navigation {
		display: none;
	}

	.succes-story.-bigger .swiper-navigation .swiper-navigation__button {
		width: 44px;
		height: 44px;
	}

	.succes-story .container>.default-button {
		margin: 24px auto 0 auto;
		min-width: auto;
	}


  
}