/* @import url('https://fonts.cdnfonts.com/css/sf-mono?styles=36554,36550,36552,36556,36546,36548'); */

/* @font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 300;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Light.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Regular.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 500;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Medium.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-SemiBold.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 700;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Bold.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 900;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Heavy.ttf");
} */
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 100;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Ultralight.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 200;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Thin.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 300;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Light.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 400;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Regular.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 500;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Medium.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 600;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-SemiBold.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 700;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Bold.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 800;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Black.ttf");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 900;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Heavy.ttf");
}

*:not(html, .slogan-wrapper__circle-text) {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

body {
  font-family: 'SF Pro', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

html, body {
  -webkit-overflow-scrolling : touch !important;
  overflow-y: auto !important;
  /* height: 100% !important; */
}

.grecaptcha-badge {
  z-index: 10;
  visibility: hidden;
  bottom: 85px!important;
}

body * {
  box-sizing: border-box;
  font-size: 16px;
  /* color: #0A0C14; */
}

#menu-language {
  height: fit-content;
}

#menu-language::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(104, 104, 104, 0.6) 0%, rgba(211, 210, 210, 0) 116.52%);
  background-size: contain;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  /* transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); */
  opacity: 1;
  transition: all .3s ease-in-out;
  border-radius: 4px;
}

#menu-mobile::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.041) 35%, rgb(111, 146, 255, 0.4) 60%, rgb(11, 49, 123, 0.8) 96.52%);
  background-size: contain;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  /* transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); */
  opacity: 1;
  transition: all .3s ease-in-out;
  border-radius: 0;
}

#app-header::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(104, 104, 104, 0.6) 0%, rgba(104, 104, 104, 0) 116.52%);
  background-size: contain;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  /* transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); */
  opacity: 1;
  transition: all .3s ease-in-out;
}

.header-blur::before {
  opacity: 1 !important;
}

.button-get-stared {
  background-color: transparent;
  transition: all .5s ease-in-out;
  position: relative;
  overflow: hidden;
}

.button-get-stared::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(91.95deg, #100BDE 0%, #6F92FF 100%);
  opacity: 0;
  transition: all .5s ease-in-out;
  z-index: 1;
  border-radius: 999px;
}

.button-get-stared:hover:after {
  opacity: 1;
}

.menu-icon-dropdown__language-item {
  position: relative;
  display: flex;
  align-items: center;
}

.menu-icon-dropdown__language-item span {
  color: #ffffff;
  transition: all .3s ease-in-out;
}

/* .menu-icon-dropdown__language-item::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(91.95deg, #100BDE 0%, #6F92FF 100%);
  opacity: 0;
  transition: all .5s ease-in-out;
  z-index: 1;
  border-radius: 999px;
} */

/* .menu-icon-dropdown__language-item span.active {
  color: #1263FF;
} */

/* .menu-icon-dropdown__language-item:hover span {
  background-image: linear-gradient(91.95deg, #100BDE 0%, #6F92FF 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #1263FF;
} */

/* .menu-icon-dropdown__language-item:hover:after {
  opacity: 1;
} */

.background-blur-1 {
  background-repeat: no-repeat;
  background-image: radial-gradient(350px 300px ellipse at 50% 25%, #1263FF, transparent);
}

.background-blur-2 {
  border-radius: 99px;
  display: inline-block;
  border: none;
  opacity: .4;
  z-index: 0;
  /* transform-style: preserve-3d; */
}

.background-blur-2::before {
  position: absolute;
  background: linear-gradient(-90deg, #0C41FF 0%, #0C41FF 100%);
  content: "";
  border-radius: inherit;
  width: inherit;
  height: inherit;
  transform: translate(0px, 20px) scale(1.1);
  z-index: -1;
  filter: blur(90px);
  /* transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); */
}



.background-blur-3 {
  border-radius: 100%;
  display: inline-block;
  border: none;
  opacity: .4;
  z-index: 0;
  transform-style: preserve-3d;
  animation: backgroundSwipe 8s linear infinite;
}

@keyframes backgroundSwipe {
	0% {
    left: -30px;
    top: -30px;
  }
  25% {
    left: calc(100% - 30px);
    top: -30px;
    opacity: .7;
  }
  50% {
    left: calc(100% - 30px);
    top: calc(100% - 30px);
    opacity: 1;
  }
  75% {
    left: -30px;
    top: calc(100% - 30px);
    opacity: 1;
  }
  100% {
    left: -30px;
    top: -30px;
    opacity: .4;
  }
}

.background-blur-3::before {
  position: absolute;
  background: #FFFFFF;
  content: "";
  border-radius: inherit;
  width: inherit;
  height: inherit;
  transform: translate(0px, 20px) scale(1.1);
  z-index: -1;
  filter: blur(55px);
  /* transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); */
}

.slogan-wrapper__slogan {
  font-size: 105px;
  background: linear-gradient(91.16deg, #4282FF 1.74%, #FFFFFF 43.71%, #FFFFFF 61.62%, #4282FF 102.48%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  line-height: 1.3;
}

.slogan-wrapper__get-started {
  margin: 0 auto;
  display: flex;
  height: 52px;
  width: fit-content;
  align-items: center;
  column-gap: 10px;
  border-radius: 999px;
  /* border: 1px solid white; */
  padding: 14px 24px;
  position: relative;
  overflow: hidden;
  transition: all .7s ease-in-out;
}

.slogan-wrapper__get-started::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: white;
  transition: all .7s ease-in-out;
  z-index: 1;
}

.slogan-wrapper__get-started>div {
  background: linear-gradient(91.95deg, #100BDE 0%, #6F92FF 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all .7s ease-in-out;
  font-weight: 400;
}

.slogan-wrapper__get-started>div>div {
  transition: all .7s ease-in-out;
}

.slogan-wrapper__get-started:hover {
  box-shadow: 0px 0px 24px 0px #1263FF99;
}

.slogan-wrapper__get-started:hover::after {
  background: linear-gradient(91.95deg, #100BDE 0%, #6F92FF 100%);
  -webkit-text-fill-color: transparent;
  font-weight: 400;
}

.slogan-wrapper__get-started:hover>div {
  background: white;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.customer-success-stories__item-image {
  align-items: flex-start;
}

.slogan-wrapper__get-started:hover>div>div {
  background-image: url(../../assets/image/uil_arrow-up.svg);
}

.slogan-wrapper__circle {
	position: relative;
	width: 151px;
	height: 151px;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slogan-wrapper__circle-logo {
	position: absolute;
	width: 48px;
	height: 48px;
	background-image: url("../../assets/image/iconamoon_mouse-light.svg");
	background-size: 100%;
  background-repeat: no-repeat;
	border-radius: 100vmax;
	background-position: center center;
  transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  overflow: visible;
  transform: scale(0.7);
  -ms-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
}

.slogan-wrapper__circle:hover .slogan-wrapper__circle-logo {
  background-image: url("../../assets/image/iconamoon_mouse-light-shadow.svg");
	background-size: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  background-repeat: no-repeat;
}

.slogan-wrapper__circle-text {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #000;
	font-size: 17px;
	animation: textRotation 8s linear infinite;
}

@keyframes textRotation {
	to {
		transform: rotate(360deg);
	}
}

.slogan-wrapper__circle-text span {
	position: absolute;
	left: 50%;
	font-size: 16px;
	transform-origin: 0 76px;
  color: white;
}

.slide-language__slide {
  height: 139px;
  position: relative;
  /* background-color: #FFFFFF; */
  /* white-space: nowrap; */
  transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  margin-left: -10px;
  /* box-sizing: border-box; */
  z-index: 2;
}

.slide-language {
  position: relative;
  margin-top: 80px;
  margin-bottom: 269px;
}

.slide-language::after {
  content: '';
  position: absolute;
  top: 0;
  width: calc(100vw + 30px);
  height: 100%;
  background-color: #1A1A1A;
  transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  margin-right: -10px;
  box-sizing: border-box;
  z-index: 0;
}

.slide-language::before {
  content: '';
  width: calc(100vw);
  height: 588px;
  position: absolute;
  background-image: url(../../assets/image/second-vector.svg);
  background-size: 1266px 588px;
  background-repeat: no-repeat;
  background-position: center;
  top: -180px;
  left: -11px;
  z-index: 0;
}

.customer-success-stories::before {
  content: '';
  width: calc(100vw);
  height: 751px;
  position: absolute;
  background-image: url(../../assets/image/four-sector.png);
  background-size: 1266px 751px;
  background-repeat: no-repeat;
  background-position: center;
  left: -11px;
  bottom: -485px;
  z-index: 0;
}

/* .slide-language__slide:hover .slide-language__slide-list {
  animation-play-state: paused;
} */

.slide-language__slide>.slide-language__slide-list {
  /* padding-left: 100%; */
  background-color: #FFFFFF;
  display: flex;
  height: inherit;
  /* min-width: max-content; */
  align-items: center;
}

.slide-language__slide img {
  margin: 0 20px;
}

/* .slide-language__slide>.slide-language__slide-list img {
  height: 66px!important;
} */

.slide-language-another__slide {
  height: 139px;
  position: relative;
  /* background-color: #FFFFFF; */
  /* white-space: nowrap; */
  transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  margin-left: -10px;
  /* box-sizing: border-box; */
  z-index: 2;
}

.slide-language-another {
  position: relative;
  margin-top: 170px;
  margin-bottom: 165px;
}

.slide-language-another::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1A1A1A;
  transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  margin-right: -10px;
  box-sizing: border-box;
  z-index: 0;
}

.slide-language-another::before {
  content: '';
  width: 100vw;
  height: 710px;
  position: absolute;
  background-image: url(../../assets/image/third-vector.png);
  background-size: 1240px 100%;
  background-repeat: no-repeat;
  background-position: center;
  top: -253px;
  left: 0;
  z-index: 0;
}

.slide-language-another__slide>.slide-language-another__slide-list {
  display: flex;
  height: inherit;
  /* min-width: max-content; */
  align-items: center;
  background-color: #FFFFFF;
}

.slide-language-another__slide img {
  margin: 0 20px;
}

/* .slide-language-another__slide:hover .slide-language-another__slide-list {
  animation-play-state: paused;
} */

.work-with-us__slogan {
  width: fit-content;
  font-size: 68px;
  background: linear-gradient(91.16deg, #4282FF 1.74%, #FFFFFF 43.71%, #FFFFFF 61.62%, #4282FF 102.48%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  line-height: 75px;
}

.app-header__logo {
  transition: all .3s ease-in-out;
}

.white-change-header-mobile a {
  color: #1a202c;
}

.white-change-header .app-header__logo {
  background-image: url(../../assets/image/logo-blur.png);
}

.white-change-header .app-header__menu-item a,
.white-change-header .app-header__menu-item a a,
.white-change-header .app-header__menu-item .mobile-solution-dropdown {
  color: #1a202c;
}

.white-change-header .app-header__menu-item .menu-icon-dropdown {
  background-image: url(../../assets/image/icon-language-dropdown-dark.svg);
}

.white-change-header .menu-language:hover .menu-icon-dropdown {
  background-image: url(../../assets/image/icon-language-dropdown-blue.svg);
}

.white-change-header .menu-icon-dropdown__language-item span {
  color: #1a202c;
}

.app-header__menu-item a.menu-language:hover .menu-icon-dropdown {
  background-image: url(../../assets/image/icon-language-dropdown-blue.svg);
}

.white-change-header .app-header__menu-item .button-get-stared::after {
  opacity: 1;
}

.work-with-us__know-more {
  background-color: #000;
  display: flex;
  height: 52px;
  width: fit-content;
  align-items: center;
  column-gap: 10px;
  border-radius: 999px;
  /* border: 1px solid white; */
  padding: 14px 24px;
  position: relative;
  overflow: hidden;
  transition: all .7s ease-in-out;
}

.work-with-us__know-more::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);
  transition: all .7s ease-in-out;
  z-index: 1;
}

.work-with-us__know-more>div {
  /* background: linear-gradient(91.95deg, #FFFFFF 0%, #FFFFFF 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #FFFFFF;
  transition: all .7s ease-in-out;
  font-weight: 400;
}

.work-with-us__know-more>div>div {
  transition: all .7s ease-in-out;
}

.work-with-us__know-more:disabled {
  cursor: not-allowed;
}

.work-with-us__know-more:not(:disabled):hover {
  box-shadow: 0px 0px 24px 0px #1263FF99;
}

.work-with-us__know-more:not(:disabled):hover::after {
  background: linear-gradient(91.95deg, #100BDE 0%, #6F92FF 100%);
  /* background-clip: text;
  -webkit-text-fill-color: transparent; */
  font-weight: 400;
}

/* .work-with-us__know-more:hover>div {
  background: white;
  background-clip: text;
  -webkit-text-fill-color: transparent;
} */

.work-with-us__know-more:hover>div>div {
  background-image: url(../../assets/image/uil_arrow-up.svg);
}

.us-apart__num-slide {
  font-family: 'SF Mono', sans-serif;
}

.us-apart__slider .slick-slide {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 700ms ease-in-out !important;
}

.us-apart__slider .slick-active {
  opacity: 1 !important;
  visibility: visible !important;
}

/* .us-apart__slider .slick-slide:nth-child(1)>div>div {
  background-position: bottom !important;
  background-size: cover !important;
  transition: all 700ms ease-in-out !important;
} */

.who-we-served__slogan {
  background: linear-gradient(91.16deg, #4282FF 1.74%, #FFFFFF 43.71%, #FFFFFF 61.62%, #4282FF 102.48%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  line-height: 75px;
  font-size: 68px;
  font-weight: 400;
  width: fit-content;
  margin: 0 auto;
}

.who-we-served__slide-description {
  background: radial-gradient(88.54% 537.96% at 51.67% 50.19%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  line-height: 36px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.who-we-served__description {
  background: radial-gradient(88.54% 537.96% at 51.67% 50.19%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
  text-align: center;
  line-height: 24px;
}

.who-we-served .who-we-served__slide-image.slick-slider.slick-initialized {
  height: 487px;
  overflow: hidden;
}

.who-we-served .who-we-served__slide-image.slick-slider {
  position: relative;
}

.who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list {
  border-radius: 100%;
  height: 2000px;
  width: 3000px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list .slick-slide {
  padding-left: 20px;
  padding-right: 20px;
}

.customer-success-stories__tag {
  border-radius: 32px;
  padding: 10px 4px;
}

.customer-say__list-item {
  color: #313149;
  padding: 10px;
  display: inline-block;
  position: relative;
  z-index: 0;
  padding: 32px 24px;
  border-radius: 24px;
  overflow: hidden;
}

.customer-say__list-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 1px;
  border-radius: 24px;
  background: linear-gradient(108.17deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 24.2%);
  mask: 
   linear-gradient(#000 0 0) exclude, 
   linear-gradient(#000 0 0) content-box;
}

.customer-say__list-item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 21, 21, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  /* transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); */
  opacity: 1;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  z-index: -2;
}

.menu-dropdown__list-item {
  color: #313149;
  padding: 10px;
  display: inline-block;
  position: relative;
  z-index: 0;
  padding: 32px 24px;
  border-radius: 12px;
  overflow: hidden;
}

.menu-dropdown__list-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 1px;
  border-radius: 12px;
  background: linear-gradient(108.17deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 24.2%);
  mask: 
   linear-gradient(#000 0 0) exclude, 
   linear-gradient(#000 0 0) content-box;
}

.menu-dropdown__list-item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(125deg, #1a1a1a 55%, rgba(164, 163, 163, 0.6) 116.52%);
  background-size: contain;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  /* transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); */
  opacity: 1;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  z-index: -2;
}

.contact-session {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #504CFF;
}

.who-we-served__slide-text-item {
  line-height: 32px;
  font-weight: 400;
  transition: all .1s ease-in-out;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.who-we-served__slide-text-item:hover {
  color: #1263FF;
  text-shadow: 0px 0px 24px #1263FF; 
}

.who-we-served__slide-text .slick-center p {
  font-size: 64px;
  position: relative;
  height: 166px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  white-space: normal;
}

.who-we-served__slide-text .slick-center p.slide-vi {
  font-size: 45px;
}

.who-we-served__slide-text .slick-center p:hover {
  color: white;
  text-shadow: none;
}

.who-we-served__slide-text .slick-center p::after {
  content: '';
  width: inherit;
  position: absolute;
  top: 25px;
  left: 0;
  border-radius: 600px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);
  height: 120px;
}

.who-we-served__slide-text .slick-track {
  display: flex;
  align-items: center;
}

.who-we-served__slide-text .slick-list {
  overflow: hidden;
  width: 100%;
}

/* .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
  width: 180px !important;
  min-width: 180px !important;
} */

.who-we-served__slide-text div.slick-center ~ div.slick-active:not(.slick-center) p {
  justify-content: left;
}

.who-we-served__slide-text div.slick-active:has(+ .slick-center) p {
  text-align: left;
  justify-content: left;
  font-size: 32px;
  height: 64px;
}

.who-we-served__slide-text div.slick-active:has(+ .slick-center) p.slide-vi {
  font-size: 25px;
}

.who-we-served__slide-text div.slick-center + div.slick-slide:not(.slick-center) p {
  text-align: right;
  justify-content: right;
  font-size: 32px;
  min-height: 64px;
}

.who-we-served__slide-text div.slick-center + div.slick-slide:not(.slick-center) p.slide-vi {
  font-size: 25px;
}

.who-we-served__slide-text div.slick-center:has(+ .slick-center) {
  font-size: 32px;
  line-height: 64px;
}

.who-we-served__slide-text div.slick-center + div.slick-slide:not(.slick-center) + div.slick-slide:not(.slick-center) p {
  justify-content: right;
}

.who-we-served__slide-text .slick-track {
  display: flex;
  align-items: flex-end;
}

.customer-success-stories__list-item-detail * {
  color: rgba(163, 168, 178, 1);
}

@media only screen and (max-width: 1244px) {
  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized {
    height: 400px;
    width: 700px;
    margin: 0 auto;
  }

  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list {
    height: 1500px;
    width: 2000px;
  }
  
  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list .slick-slide {
    padding-left: 4px;
    padding-right: 4px;
  }

  .who-we-served__slide-description {
    background: radial-gradient(88.54% 537.96% at 51.67% 50.19%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    line-height: 27.8px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
  }

  .container {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .slide-language {
    margin-bottom: 150px;
  }
  .slide-language::before {
    content: '';
    /* background-image: url(../../assets/image/second-vector-mobile.png); */
    background-size: calc(100% - 48px) 486px;
    height: 486px;
    top: -154px;
  }

  .slide-language-another__slide>.slide-language-another__slide-list {
    display: flex;
    height: inherit;
    min-width: max-content;
    align-items: center;
    column-gap: 80px;
  }
  
  .slide-language-another::before {
    height: 645px;
    /* background-image: url(../../assets/image/third-vector-mobile.png); */
    background-size: calc(1244px - 246px) 644px;
    top: -239px;
  }
  .slide-language-another {
    margin-bottom: 100px;
  }
  .customer-success-stories::before {
    /* background-image: url(../../assets/image/four-vector-mobile.png); */
    background-size: 1020px 634px;
    bottom: -470px;
    left: 0px;
  }
  .customer-say__list-item {
    padding: 21px 14px;
  }
  .menu-dropdown__list-item {
    padding: 21px 14px;
  }
  .contact-session {
    border-color: transparent !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 148px !important;
    min-width: 148px !important;
  }
  
  .who-we-served__slide-text div.slick-center + div.slick-slide:not(.slick-center) p {
    min-height: 36px;
    height: 36px;
  }

  .who-we-served__slide-text div.slick-active:has(+ .slick-center) p {
    min-height: 32px;
    height: 32px;
    text-align: left !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) p {
    text-align: right;
    font-size: 18px;
    line-height: 24px;
    height: fit-content;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) p.slide-vi {
    font-size: 18px;
  }

  .who-we-served__slide-text .slick-center {
    width: 243px !important;
    min-width: 243px !important;
    /* height: 55px !important; */
  }

  /* .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 86px !important;
    min-width: 86px !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) p {
    font-size: 12px;
    line-height: 24px;
  } */

  .who-we-served__slide-text .slick-center div {
    height: inherit;
  }

  .who-we-served__slide-text .slick-center p {
    white-space: normal;
    padding: 10px 10px;
    height: 90px;
    font-size: 30px;
  }

  .who-we-served__slide-text .slick-center p::after {
    height: 90px;
    top: 3px;
  }

  .who-we-served__slide-text .slick-center p.slide-vi {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1022px) {
  .customer-success-stories__item-image {
    max-width: 100% !important;
  }

  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized {
    height: 400px;
    width: 635px;
    margin: 0 auto;
  }

  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list {
    height: 1000px;
    width: 1500px;
  }
  
  .slide-language__slide:hover .slide-language__slide-list {
    animation-play-state: running;
  }

  .who-we-served__slide-text-item:hover {
    color: #ffffff;
    text-shadow: none; 
  }

  .slide-language-another__slide:hover .slide-language-another__slide-list {
    animation-play-state: running;
  }

  .mobile-solution-dropdown:hover {
    color: #1263FF !important;
  }
  
  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list .slick-slide {
    padding-left: 4px;
    padding-right: 4px;
  }

  .slide-language::before {
    content: '';
    background-image: url(../../assets/image/second-vector-mobile.png) !important;
    background-size: 340px 486px !important;
    height: 486px;
    top: -138px !important;
  }

  .slide-language-another__slide>.slide-language-another__slide-list {
    display: flex;
    height: inherit;
    min-width: max-content;
    align-items: center;
    column-gap: 80px;
  }
  

  .slide-language-another {
    margin-bottom: 80px;
  }

  .customer-success-stories::before {
    background-size: 678px 500px;
    bottom: -470px;
    left: 0px;
  }
  
  .slide-language-another::before {
    /* content: ''; */
    height: 686px;
    background-image: url(../../assets/image/third-vector-tablet.png);
    background-size: calc(873px - 189px) 675px;
    top: -259px;
    /* left: 8px; */
  }

  .contact-session {
    background-size: 1022px 100%;
  }
}

@media only screen and (max-width: 678px) {
  .slide-language-another::before {
    /* content: ''; */
    height: 718px;
    background-image: url(../../assets/image/third-vector-adjust-mobile.png);
    background-size: calc(567px - 50px) 620px;
    top: -198px;
    /* left: 8px; */
  }

  .slide-language__slide {
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  .slide-language::after {
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    z-index: 1;
    transform-origin: right;
    top: 5px;
  }

  .slide-language-another__slide {
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .slide-language-another::after {
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    z-index: 1;
    transform-origin: left;
    top: 7px;
  }
  
  .slogan-wrapper__circle-logo {
    transition: transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 123px !important;
    min-width: 123px !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) p {
    font-size: 18px;
    line-height: 24px;
    height: fit-content;
  }

  /* .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) p.slide-vi {
    font-size: 18px;
  } */

  .who-we-served__slide-vi .slick-center {
    max-width: 240px !important;
    min-width: auto !important;
    width: 100% !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 105px !important;
    min-width: 105px !important;
  }

  .who-we-served__slide-vi div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 120px !important;
    min-width: 120px !important;
  }

  .who-we-served__slide-text .slick-center {
    max-width: 190px !important;
    min-width: auto !important;
    width: 100% !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) p {
    font-size: 13px;
    line-height: 24px;
    height: fit-content;
  }

  .who-we-served__slide-text .slick-center p.slide-vi {
    font-size: 25px;
  }
  
  .who-we-served__slide-text .slick-center p {
    min-height: 55px;
    height: 100%;
  }

  .who-we-served__slide-text .slick-center p::after {
    min-height: 55px;
    height: 100%;
  }
  
  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) p.slide-vi {
    font-size: 12px;
    line-height: 1;
  }

  .slide-language-another__slide>.slide-language-another__slide-list {
    display: flex;
    height: inherit;
    min-width: max-content;
    align-items: center;
    column-gap: 80px;
  }
  
  .customer-success-stories::before {
    background-image: url(../../assets/image/four-sector.png);
    background-size: calc(678px - 120px) 500px;
    bottom: -470px;
    left: 0px;
  }
  .slide-language-another {
    margin-top: 120px;
  }

  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized {
    height: 246px;
    width: 430px;
    margin: 0 auto;
  }

  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list {
    height: 500px;
    width: 1100px;
  }
}

@media only screen and (max-width: 567px) {
  .slide-language-another {
    margin-top: 120px;
  }
  .slide-language-another::before {
    /* content: ''; */
    height: 679px;
    background-image: url(../../assets/image/third-vector-mobile.png);
    background-size: calc(100% - 60px) 660px;
    top: -176px;
    /* left: 8px; */
  }
  .customer-success-stories::before {
    /* background-image: url(../../assets/image/four-vector-mobile.png); */
    background-size: calc(100vw - 20px) 500px;
    bottom: -470px;
    left: 0px;
  }

  .contact-session {
    background-size: 100% 100%;
  }

  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized {
    width: 100%;
  }

  .slide-language-another__slide>.slide-language-another__slide-list {
    display: flex;
    height: inherit;
    min-width: max-content;
    align-items: center;
    column-gap: 80px;
  }
}

@media only screen and (max-width: 473px) {
  .who-we-served__slide-text .slick-center {
    max-width: 179px !important;
    min-width: auto !important;
    width: 100% !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 85px !important;
    min-width: 85px !important;
  }

  .who-we-served__slide-text .slick-center p.slide-vi {
    font-size: 25px;
  }

  .who-we-served__slide-text .slick-center {
    max-width: 179px !important;
    min-width: auto !important;
    width: 100% !important;
  }
  .who-we-served__slide-text {
    width: 352px;
  }
}

@media only screen and (max-width: 430px) {
  .customer-success-stories::before {
    background-image: url(../../assets/image/four-vector-mobile.png);
    background-size: calc(100% - 20px) 634px;
    left: 0;
  }
}

@media only screen and (max-width: 376px) {
  .who-we-served__slide-text .slick-center {
    max-width: 150px !important;
    min-width: auto !important;
    width: 100% !important;
  }
  .who-we-served__slide-text .slick-center p {
    font-size: 25px;
  }
  .who-we-served__slide-text {
    width: 282px;
  }
  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list {
    height: 500px;
    width: 1000px;
  }
  
  .slide-language::before {
    background-size: 250px 486px !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 65px !important;
    min-width: 65px !important;
  }
  .who-we-served__slide-text div.slick-center + div.slick-slide:not(.slick-center) {
    width: 65px !important;
    min-width: 65px !important;
  }
}

@media only screen and (max-width: 340px) {
  .who-we-served__slide-text .slick-center {
    max-width: 140px !important;
    min-width: auto !important;
    width: 100% !important;
  }
  .who-we-served__slide-text .slick-center p {
    font-size: 23px;
  }
  .who-we-served__slide-text .slick-center p.slide-vi {
    font-size: 23px;
  }
  .who-we-served__slide-text {
    width: 272px;
  }
  .who-we-served .who-we-served__slide-image.slick-slider.slick-initialized .slick-list {
    height: 500px;
    width: 1000px;
  }
  
  .slide-language::before {
    background-size: 250px 486px !important;
  }

  .who-we-served__slide-text div.slick-center ~ div.slick-slide:not(.slick-center) {
    width: 65px !important;
    min-width: 65px !important;
  }
  .who-we-served__slide-text div.slick-center + div.slick-slide:not(.slick-center) {
    width: 65px !important;
    min-width: 65px !important;
  }
}