/* homepage css */

.hero-desc mark.gb-highlight {
	position: relative
}

.hero-desc mark.gb-highlight:before {
	content: "";
    display: block;
    position: absolute;
    width: 104%;
    background: #e7eaff;
    z-index: -1;
    left: -2px;
    top: 3px;
    bottom: 1px;
}

.marquee-left {
  white-space: nowrap;
  position: absolute;
  text-transform: uppercase;
}

.marquee-left {
  -webkit-animation: marquee 8s linear infinite; /* Safari 4.0 - 8.0 */
  animation: marquee-left 8s linear infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes marquee-left {
  from {
    left: 0;
  }
  to {
    left: -140px;
  }
}

@keyframes marquee-left {
  from {
    left: 0;
  }
  to {
    left: -140px;
  }
}

.brands-container {
	position: relative
}

.brands-container:before,
.brands-container:after {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 136px;
    height: 200px;
	height: 100%;
    z-index: 2;
}

.brands-container:before {
	background: linear-gradient(90deg,#fff 30%,rgba(255,255,255,0.2) 100%);
}

.brands-container:after {
	background: linear-gradient(-90deg,#fff 30%,rgba(255,255,255,0.2) 100%);
	right: 0;
}

.gb-tabs .gb-button {
	cursor: pointer
}

.service-tabs .gb-tabs__buttons {
	align-items: stretch;
    justify-content: flex-start;
	
}

.service-tabs .gb-tabs__buttons .gb-button {
	-ms-flex-positive: 1;
    flex-grow: 1;
	justify-content: center;
	line-height: 1;
	-webkit-text-stroke: 0.3px;
	letter-spacing: 0.1px
}

.service-tabs .video-tab {
    border-radius: 0 0 11.108px 11.108px;
    overflow: hidden;
    transform: translateZ(0);
    width: auto!important;
    margin-top: -44px;
    margin-left: -52px;
    margin-right: -52px;
	margin-bottom: -30px;
}

.capability-post-container {
	box-shadow: 0 3px 16px 0 #ebeefa;
}

.capability-slider .swiper-button-next, .capability-slider .swiper-button-prev,
.capability-slider .splide .splide__arrows .splide__arrow {
	top: unset!important;
   /* bottom: -40%; */
	bottom: -33%;
	opacity: 7.5;
	background-color: #e4e7ed;
}

/*
.capability-slider .splide__arrow svg {
	width: 0.66em;
	height: 0.66em
}
*/

.integration-slider .swiper-button-next:after,
.integration-slider .swiper-button-prev:after,
.capability-slider .swiper-button-next:after,
.capability-slider .swiper-button-prev:after {
	font-size: 11px!important;
	font-weight: 600;
    -webkit-text-stroke: 1.35px;
}

.integration-slider .swiper-button-prev:after,
.integration-slider .swiper-button-prev:after {
	margin-left: -1.5px
}

.integration-slider .swiper-button-next:after,
.integration-slider .swiper-button-next:after {
	margin-right: -1.5px
}

.integration-slider .swiper-button-prev,
.capability-slider .swiper-button-prev,
.capability-slider .splide .splide__arrows--ltr .splide__arrow--prev {
	left: .1em!important
}

.integration-slider .swiper-button-next,
.capability-slider .swiper-button-next,
.capability-slider .splide .splide__arrows--ltr .splide__arrow--next {
	right: unset!important;
	left: 2.3em
}

.swiper-slide-inner > div > div.gb-container {
	/* min-height: 316px; */
	min-height: calc(272px + (326.25 - 272) * ((100vw - 300px) / (1920 - 300)));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-content: space-around;
}

.integration-slide-parent-container .swiper-slide-inner > div > div.gb-container {
	min-height: calc(272px + (330 - 272) * ((100vw - 300px) / (1920 - 300)));
}

.integration-slide-parent-container {
	margin-right: calc(-100vw / 2 + 100% / 2);
		max-width: 100vw!important;
		width: auto!important;
}

.ep-columns,
.ep-columns-container,
.integration-slide-container .gb-block-image,
.integration-slide-container .gb-block-image img,
.integration-slide-parent-container,
.integration-slide-container,
.relative {
	position: relative
}

.z-index-1 {z-index:1}

.integration-slide-parent-container:after {
	content: "";
    width: 90px;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 5;
}

.absolute-arrow-icon {
	position: absolute;
    right: 14px;
    top: 4px;
}

.integration-slide-container:hover .absolute-arrow-icon svg {
	filter: invert(1);
}

.integration-slide-container .gb-block-image img {
	margin-left: auto;
    display: block;
}

.integration-slide-container .gb-block-image:before {
	content: "";
    display: block;
    position: absolute;
    top: 12.25px;
    left: 18.5px;
    width: 100px;
    bottom: 0;
    background: #d9deed;
    border-radius: 8px 0 0;
}

.integration-slide-container,
.integration-slide-container * {
	transition: all .65s cubic-bezier(.16,.68,.43,.99);
	transition: all .335s ease;
}

.integration-slider .swiper {
	overflow: visible;
}

.integration-slider .swiper-slide {
	min-width: 261.3px;
}

.section-products-slider-upd-2:after {
    content: "";
    width: 90px;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 5;
}

.ep-columns-container:before {
	content: "";
    display: block;
    position: absolute;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#dac8ff 21.35%,rgba(245,245,249,0) 100%);
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ep-columns .with-box-shadow {
	background-color: #fff;
	box-shadow: 0 2.2612993717px 12.0602636337px 0 #ebeefa
}

@media (min-width: 768px) {
	
	.brands-container .splide__list {
		transform: translateX(0)!important;
	}
	
	
	.service-tabs .gb-tabs__buttons .gb-button {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		min-width: 0;
		max-width: 100%;
	}
	
	.ep-columns .with-box-shadow {
		min-height: 240px
	}
	
	.help-column {
		min-height: 629px;
		display: flex;
		flex-direction: column;
	}
	
	.help-column.first {
		justify-content: space-between;
	}
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	
	.service-inner-container,
	.brands-container {
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		max-width: 100vw!important;
		width: auto!important;
	}
	
	.brands-container:before,
	.brands-container:after {
		width: 22px;
	}
	
	.service-inner-container {
		border-radius: 0
	}
	
	.service-tabs .video-tab {
		margin-top: -46px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: -28px;
	}
	
	.capability-slider .swiper-button-next,
	.capability-slider .swiper-button-prev {
		width: 34px!important;
		height: 34px!important;
		line-height: 34px!important;
	}
	
	.integration-slider  .swiper-button-prev,
	.capability-slider .swiper-button-prev {
		left: -0.25em!important;
	}
	
	.integration-slider .swiper-slide {
		min-width: 30px;
		max-width: 80%;
		width: 265px!important
	}
	
	.swiper-slide[aria-label="8 / 8"],
	.hide-mobile {
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px!important;
		min-width: 0!important;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		position: absolute;
		top: -999vh;
		left: -999vw;
		content-visibility: hidden;
		display: none;
		margin: 0!important;
		transition-property: none!important;
	}
	/*
	.marquee-left-mobile {
		white-space: nowrap;
		position: absolute;
		text-transform: uppercase;
		margin-left: -120%!important;
		margin-right: -20%!important;
	}

	.marquee-left-mobile {
	  -webkit-animation: marquee-mobile 6s linear infinite;
	  animation: marquee-left-mobile 6s linear infinite;
	}
	
	@-webkit-keyframes marquee-left-mobile {
	  0% {
		transform: translateX(100%);
	  }
	  100% {
		transform: translateX(-100%);
	  }
	}

	@keyframes marquee-left-mobile {
	  0% {
		transform: translateX(100%);
	  }
	  100% {
		transform: translateX(-100%);
	  }
	}
	
	.marquee-left-mobile .gb-block-image img {
		width: 100%
	}
	*/
}

@media (max-width: 499px) {
	
	
	
}