.ready_to_load_animation_fourth_section {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
}

.ready_to_load_animation_fourth_section.active {
  opacity: 1;
  transform: translateY(0);
}

/* Section Banner */
.section__banner {
  padding: 0;
  background-color: #000000;
  clip-path: inset(0 0 0 0);
  overflow: hidden;
  height: 100vh;
}

.section__banner--container {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.section__banner--image.fixed {
  position: fixed;
  top: 0;
  left: 50%;
}

.section__banner--image {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  gap: 40px;
  justify-content: center;
  transform: translate(-50%, 0px);
}

.section__banner--image .mobile__version {
  display: none;
}

.section__banner .banner__col {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.section__banner .banner__col.left,
.section__banner .banner__col.right {
  transform: translateY(-100px);
  transition: all linear 0.5s;
}

.section__banner .banner__col.center {
  transform: translateY(-280px);
  transition: all linear 0.5s;
}

.banner__col .loading__skeleton img,
.banner__col .loading__skeleton video {
  opacity: 0;
  visibility: hidden;
}

.section__banner .banner__col .item {
  position: relative;
  overflow: hidden;
  /* width: calc(1060px / 3); */
  width: 360px;
  height: 300px;
  border-radius: 5px;
}

.section__banner .banner__col img,
.section__banner .banner__col video {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.banner__background--dark.fixed {
  position: absolute;
  top: 0;
  left: 0;
}

.banner__background--dark {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}

.section__banner .banner__content.fixed {
  position: fixed;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
  transition: all linear 0.3s;
}

.section__banner .banner__content {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
  top: 200px;
  bottom: 85vh;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  transition: all linear 0.3s;
  height: max-content;
}


.banner__content .banner__content--title {
  color: var(--main-white-color);
  font-size: 60px;
  line-height: 80px;
  font-weight: 700;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all linear 0.3s;
  position: absolute;
  top: 0;
  word-break: break-word;
  width: 100%;
}

.banner__content .banner__content--title div {
  font-size: 60px;
  line-height: 80px;
  font-weight: 700;
}

.banner__content .banner__content--title p {
  font-size: 35px;
  line-height: 45px;
  font-weight: 700;
  margin-top: 20px;
}

.banner__content .banner__content--title.active {
  height: auto;
  overflow: unset;
  opacity: 1;
  visibility: visible;
  /* transform: translate(-50%, 0px); */
  /* transition: all linear 0.3s; */

  transform: translateY(-20px);
  transition: all 0.8s ease;
}

.banner__content .section__ai {
  padding: 0;
}

.banner__content .section__ai .section__ai--title h3,
.banner__content .section__ai .section__ai--title p {
  color: var(--main-white-color);
}

.banner__content .section__ai--chatbox {
  background: var(--main-white-color);
}

.banner__content .banner__content--sub-title {
  margin-top: 30px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: var(--main-white-color);
}

/* SECTION SHAPE */
.hexagon {
  position: relative;
  height: 160px;
  width: calc(160px * 0.866);
  min-width: calc(160px * 0.866);
  background: #146ef5;
}

.hexagon {
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.section__shape .container__layout {
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  align-items: center;
}

.section__shape .section__shape--title {
  font-size: 60px;
  line-height: 80px;
  max-width: 600px;
  text-align: center;
}

.section__shape .section__shape--title strong {
  font-weight: bold;
  font-size: 60px;
}

.section__shape .shape__container {
  display: flex;
  justify-content: center;
}

.shape__container .shape__col {
  min-height: 400px;
  min-width: 200px;
  display: flex;
  justify-content: center;
}

.shape__container .shape__col.last {
  align-items: end;
}

.shape__container .shape__col.second {
  padding-top: 70px;
}

.shape__container .shape__col.third {
  padding-bottom: 70px;
  align-items: end;
}

/* SECTION PERFORMANCE */
.section__performance {
  background-color: white;
  padding: 0;
  /* margin-top: 120px; */
}

.section__performance--container {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url('/images/homepage/side_move_bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section__performance--background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.section__performance--container p {
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  color: #f9fafb;
  text-align: center;
  z-index: 2;
}


.section__performance--container span {
  position: absolute;
  top: 0px;
  width: calc(50% - 440px);
  max-width: calc(50% - 440px);
  min-width: 0%;
  height: 100%;
  background-color: var(--white-color);
}

.section__performance--container span:nth-child(1) {
  left: 0px;
}

.section__performance--container span:nth-child(2) {
  right: 0px;
}

/*  SECTION FASTEST */
.section__fastest {
  padding: 70px 0px;
}


.section__fastest--container {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
}


.section__fastest h3 {
  width: 100%;
  font-size: 60px;
  line-height: 80px;
  font-weight: 700;
  color: var(--main-black-color);
  text-align: center;
}



.section__fastest .fastest__speed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: 100%;
}

.fastest__speed--list {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 100%;
}


.section__fastest--container--second .fastest__speed--list {
  display: flex;
  justify-content: center;
  gap: 100px;
}

.section__fastest .section__fastest--container--second .fastest__speed {
  gap: 100px;
}

.fastest__speed--list .fastest__speed--item {
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section__fastest--container--second .fastest__speed--list .fastest__speed--item .wrapper_text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.fastest__speed--list .fastest__speed--item h5 {
  color: var(--primary-color);
  font-size: 90px;
  font-weight: bold;
  line-height: 100px;
}

.fastest__speed--list .fastest__speed--item .fastest__speed--item--secure,
.fastest__speed--list .fastest__speed--item .fastest__speed--item--monitor {
  font-size: 70px;
}

.fastest__speed--list .fastest__speed--item p {
  color: var(--primary-color);
  font-size: 22px;
  line-height: 20px;
  font-weight: 400;
}

.fastest__speed--list .fastest__speed--item span {
  color: var(--light-black-color);
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  max-width: 100%;
  word-break: break-word;
  margin-top: 12px;
  text-align: center;
  width: 260px;
}

.fastest__speed--list.ko .fastest__speed--item span {
  font-weight: bold;
  max-width: 240px;
}

.section__fastest--container--second .fastest__speed--item img {
  height: 120px;
  width: fit-content;
}

.fastest__file {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 150px;
  flex-wrap: wrap;
}

.fastest__file .fastest__file--item {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  padding: 0 40px;
}

.fastest__file .fastest__file--item .description {
  display: flex;
  flex-direction: column;
  width: 450px;
  height: 249px;
  row-gap: 30px;
  font-weight: bold;
}

.fastest__file .fastest__file--item img {
  width: 400px;
  height: 300px;
  padding-right: 50px;
  object-fit: cover;
}

.fastest__file .faster__file--item img:nth-child(2n) {
  float: right;
}

.fastest__file .fastest__file--item .description p {
  font-size: 40px;
  font-weight: bold;
  line-height: 55px;
}

.fastest__file .fastest__file--item .description span {
  color: #666666;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}

.fastest__file .fastest__file--item .description .blue_text {
  color: #146ef5;
  margin-bottom: 10px;
}

.fastest__item--double-text {
  margin-top: 20px;
}

/* SECTION VALUE */

.section__value {
  padding: 70px 0px;
}



.section__value .container__layout {
  display: flex;
  flex-direction: column;
  gap: 80px;
  max-width: 1050px;
}



.section__value--title {
  font-size: 60px;
  line-height: 80px;
  color: var(--main-black-color);
  width: 100%;
}

.en .section__value--title {
  font-weight: 700;
}

.section__value--title span {
  display: block;
  font-weight: bold;
  font-size: 60px;
  line-height: 80px;
}



.section__value--container {
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}

.value__main--content {
  display: flex;
  gap: 40px;
}



.value__main--content-left {
  width: 672px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.value__main--content-left img {
  transition: all linear 0.3s;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* .value__main--content-left:hover img {
  transform: scale(1.05);
  transition: all linear 0.3s;
  cursor: pointer;
} */
.value__main--content-right {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding-top: 125px;
  width: 338px;
  overflow: hidden;
}

.value__main--content-right img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all linear 0.3s;
}

/* .value__main--content-right img:hover {
  transform: scale(1.05);
  transition: all linear 0.3s;
} */
.value__main--content-right p {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  color: var(--light-black-color);
  max-width: 338px;
  word-break: break-word;
}

.value__content--title {
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  color: var(--main-black-color);
}

.value__content--title__2,
.value__content--title__1 {
  font-size: 40px;
  line-height: 52px;
  font-weight: bold;
  color: var(--dark-black-color);
  text-transform: uppercase;
}

.value__content--title__2 {
  color: #999999;
}

/* SECTION SOLUTION */
.section__solution {
  padding: 0px 0px 150px;
}


/* .section__solution .container__layout {
  max-width: 1050px;
  display: flex;
  flex-direction: column;
  gap: 50px;
} */
.section__solution .container__layout {
  max-width: 1050px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.section__solution--img {
  width: 100%;
  overflow: hidden;
}

/* .section__solution--img:hover img {
  transform: scale(1.05);
  transition: all linear 0.3s;
  cursor: pointer;
} */
.section__solution--img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all linear 0.3s;
}

.section__solution--content {
  display: flex;
}

.section__solution--content h5 {
  width: 520px;
}

.solution__content--title .solution__content--title__1,
.solution__content--title .solution__content--title__2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  color: var(--main-black-color);
  word-break: break-word;
  text-transform: uppercase;
}

.solution__content--title .solution__content--title__2 {
  color: #999999;
}

.solution__content--text {
  width: 504px;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  color: var(--light-black-color);
  /* flex-grow: 1; */
}

/* SECTION ACCELERATE */
.section__accelerate {
  padding: 0px 0px 70px 0px;
}


.section__accelerate .container__layout {
  max-width: 1050px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.section__accelerate--content {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.section__accelerate--img {
  max-width: 740px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

/* .section__accelerate--img:hover img {
  transform: scale(1.05);
  transition: all linear 0.3s;
  cursor: pointer;
} */
.section__accelerate--img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all linear 0.3s;
}

.accelerate__content--title>p {
  font-size: 40px;
  font-weight: bold;
  line-height: 52px;
  color: var(--dark-black-color);
  text-transform: uppercase;
}

.accelerate__content--title>p:last-child {
  color: #999999;
}

.accelerate__content--text {}

.accelerate__content--text>span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  color: var(--light-black-color);
}

/* SECTION CUSTOMER */
.section__customer {
  overflow: hidden;
  padding: 70px 0;
}

.section__customer .container__layout {
  padding: 0 70px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.section__customer .container__layout .customer__title {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.section__customer .container__layout .customer__title .link {
  display: flex;
  gap: 5px;
  color: var(--primary-color);
}

.section__customer .container__layout .customer__title .link .text__customers {
  border-bottom: 1px solid transparent;
}

.section__customer .container__layout .customer__title .link:hover .text__customers {
  border-bottom: 1px solid var(--primary-color);
}

.section__customer .container__layout .customer__title .link:hover svg {
  transform: translateX(4px);
}

.section__customer .container__layout .customer__title .link .text__customers,
.section__customer .container__layout .customer__title .link svg {
  transition: all 0.4s linear;
}

.section__customer .container__layout .customer__title .link svg {
  transform: translateX(0px);
}

.section__customer .section__customer--title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section__customer .section__customer--title .see__all--customer {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: end;
}

.section__customer .section__customer--title .see__all--customer span {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: var(--primary-color);
  position: relative;
  border-bottom: 1px solid transparent;
}

.section__customer .section__customer--title .see__all--customer span:hover {
  border-bottom-color: var(--primary-color);
}

.section__customer .section__customer--title>h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 44px;
  color: var(--main-black-color);
}

.section__customer .section__customer--title>h3>strong {
  font-weight: 700;
  font-size: 45px;
  line-height: 52px;
  color: var(--main-black-color);
  display: inline-block;
}

.customer__list {
  position: relative;
}

.customer__list__carousel {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  transition: transform 0.3s ease-in-out;
}

.customer__list .customer__item {
  display: inline-block;
  max-height: 400px;
  min-height: 400px;
  width: 267px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: all ease-in-out 1s;
}


.customer__list .customer__item img {
  display: block;
  object-fit: cover;
  height: 100%;
}

.customer__item .customer__item--content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 24px;
  padding: 24px;
  flex-direction: column;
  justify-content: flex-start;
}

.customer__item .customer__item--content__background {
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
  inset: 0;
  transition: opacity ease-in-out var(--item-animate-time);
  opacity: 1;
}

.customer__item--content .customer__item--content-title {
  position: relative;
  z-index: 2;
  background-color: var(--main-white-color);
  border-radius: 10px;
  padding: 0 8px;
  min-height: 24px;
  display: flex;
  width: max-content;
  align-items: center;
  justify-content: center;
}

.customer__item--content .customer__item--content-title span {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  color: var(--light-black-color);
}

.customer__item--content .customer__item--content-text {
  font-size: 18px;
  line-height: normal;
  font-weight: 400;
  color: var(--main-white-color);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
}

.customer__item--content .customer__item--content-img {
  min-height: 42px;
}

.customer__item--content .customer__item--content-img img {
  width: auto;
  height: 42px;
  object-fit: cover;
}

.customer__item--content .customer__item--content-img .customer__subcontent--mainlogo {
  display: block;
  width: max-content;
  height: max-content;
  padding: 6px;
  background: var(--main-white-color);
  border-radius: 8px;
}

.customer__item--content .customer__item--content-img .customer__subcontent--sublogo {
  display: none;
  width: max-content;
  height: max-content;
  padding: 6px;
  background: var(--main-white-color);
  border-radius: 8px;
}

.customer__item--subcontent {
  width: 100%;
  height: 400px;
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 24px;
  padding: 24px;
  flex-direction: column;
  justify-content: space-between;
  transform: translateY(65%);
  transition: background-color linear calc(var(--item-animate-time) - 0.1s), transform linear var(--item-animate-time);
}

.customer__item:hover .customer__item--subcontent {
  transform: translateY(0);
  transition: all ease-in-out var(--item-animate-time);
}


.customer__subcontent--title {
  min-height: 20px;
  display: block;
}

.customer__subcontent--text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--dark-black-color);
  height: 100%;
}

/* Hover in each item */
.customer__item:hover {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

.customer__item:hover .customer__item--content__background {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.customer__item:hover .customer__item--subcontent {
  transform: translateY(0);
  background: var(--main-white-color);
}

.customer__item:hover .customer__item--content-title {
  background-color: #e4eafa;
}

.customer__item:hover .customer__item--content-title span {
  color: var(--primary-color);
}

.customer__item:hover .customer__item--content .customer__item--content-img .customer__subcontent--mainlogo {
  display: none;
}

.customer__item:hover .customer__item--content .customer__item--content-img .customer__subcontent--sublogo {
  display: block;
}

.section__both_header {
  max-width: 1280px;
  margin: 0 auto;
  padding: 70px;
}

.section__both_header .header {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  color: var(--dark-black-color);
}

.section__both_header .container {
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
  gap: 24px;
}

.section__both_header .container .left {
  width: 580px;
}

.section__both_header.exabyter .container .left {
  width: 500px;
}

.section__both_header.exabyter .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 116px;
}

.section__both_header.exabyter .header>span {
  font-size: 50px;
  line-height: 60px;
  font-weight: bold;
  color: var(--dark-black-color);
}

.section__both_header .container .left .title {
  font-size: 32px;
  line-height: 44px;
  color: var(--dark-black-color);
  max-width: 450px;
}

.section__both_header.exabyter .container .left .title {
  max-width: 500px;
}

.section__both_header .container .left .title strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}


.section__both_header .container .left .text {
  margin-top: 40px;
  font-size: 22px;
  line-height: 32px;
  color: var(--dark-black-color);
}

.section__both_header .container .left .text>span {
  display: block;
  font-size: 22px;
  line-height: 32px;
  max-width: 450px;
}

.section__both_header .container .right {
  position: relative;
  max-width: 520px;
  width: 100%;
  height: 300px;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
}

.section__both_header .container .right:hover {
  cursor: pointer;
}

.section__both_header .container .right .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, transparent 40%, transparent 80%),
    linear-gradient(0deg, rgba(17, 17, 17, 1) 0%, rgba(17, 17, 17, 0.2) 50%);
}

.section__both_header.exabyter .container .right .mask {
  background: linear-gradient(0deg, rgba(17, 17, 17, 1) 0%, rgba(17, 17, 17, 0.2) 50%);
}

.section__both_header .container .right .mask_logo {
  position: absolute;
  top: 35px;
  left: 0;
  padding: 10px;
  background-color: #597cf6b3;
  max-width: 80%;
}

.section__both_header .container .right .mask_logo>img {
  width: 100%;
}

.section__both_header .container .right .mask_logo2 {
  position: absolute;
  bottom: 50px;
  right: 0;
  max-width: 80%;
}

.section__both_header .container .right .mask_logo2>img {
  width: 100%;
}

.section__both_header .container .right .time {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0 8px;
  line-height: 23px;
  background-color: #000;
  border-radius: 4px;
  color: var(--white-color);
}

.section__both_header .container .right .play_button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section__both_header .container .right .play_button circle {
  transition: fill 0.3s ease;
}

.section__both_header .container .right:hover .play_button circle {
  fill: #ff5f5f;
}

.section__both_header .container .right .text {
  position: absolute;
  bottom: 24px;
  left: 24px;
  color: var(--white-color);
  font-size: 18px;
}

.section__product {
  background-color: #f2f2f2;
  padding: 70px 0px;
}

.section__product .layout {
  max-width: 1280px;
  padding: 0 70px;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .section__product .layout {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 700px) {
  .section__product .layout {
  padding: 0 20px;
}
}

.section__product .layout .header {}

.section__product .layout .header>span {
  font-size: 35px;
  line-height: 45px;
  font-weight: 700;
  color: var(--dark-black-color);
  display: block;
}

.section__product .layout .list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 24px;
  margin-top: 40px;
}



.section__product .layout .list .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: 345px;
  width: calc(33.333% - 24px * 2 / 3);
  border-radius: 15px;
  padding: 22px;
  box-shadow: 0 5px 10px #00000026;
  background-color: var(--white-color);
  border: 2px solid transparent;
  transition: all 0.15s ease-in-out;

}

@media (max-width: 1220px){
  .section__product .layout .list{

    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 24px;
    align-self: start;
    justify-items: center;
    grid-column-gap: 24px;
  }
  .section__product .layout .list .item {
  justify-self: start;

}

  .section__product .layout .list .item:nth-child(odd){
    justify-self: end;
  }
}

@media (max-width: 800px){
  .section__product .layout .list{
    grid-template-columns: auto;
  }

  .section__product .layout .list .item,
  .section__product .layout .list .item:nth-child(odd) {
    justify-self: start;
    width: 100%;
  }
}



@media screen and (max-width: 576px) {
.section__product .layout .list .item {
  min-width: unset; 
  width: 100%;
}
}

.section__product .layout .list .item.loadingAnisAll {
  min-height: 300px;
}

.section__product .layout .list .item.loadingAnisAll:hover {
  border: 2px solid transparent;
}

.section__product .layout .list .item:hover {
  scale: 1.026;
  border-color: var(--primary-color);
}

.section__product .layout .list .item .present {
  position: relative;
  width: 100%;
  height: 100px;
}

.section__product .layout .list .item .present>img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
}

.section__product.exabyter .layout .list .item .present>img {
  top: 0;
}

.section__product.exabyter .layout .list .item:nth-child(2) .present>img {
  top: 0;
}

.section__product .layout .list .item .content {
  width: 100%;
  color: var(--dark-black-color);
}

.section__product .layout .list .item .content .type {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: var(--primary-color);
}

.section__product .layout .list .item .content .title {
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  height: 96px;
  transition: all 0.4s linear;
}

.section__product .layout .list .item .content .more {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
}

/* .section__product .layout .list .item .content .more svg {
  position: relative;
  transition: all 0.4s ease-out;
  transform: translateX(0px);
} */
/* 
.section__product .layout .list .item:hover .more svg {
  transform: translateX(6px);
} */

/* .section__product .layout .list .item:hover .content .more > span {
  font-size: 18px;
} */

.section__product .layout .list .item .content .more>span {
  font-size: 16px;
  line-height: 22px;
  color: var(--primary-color);
  transition: all 0.4s linear;
}
.section__product .layout .list .item .content .more> svg {
  transition: transform 0.2s ease-in-out;
}
.section__product .layout .list .item:hover .content .more> svg {
  transform: translateX(12px);
}
.section__both_product {
  max-width: 1280px;
  margin: 0 auto;
  padding: 70px 70px 70px;
}

.section__both_product .header {
  font-size: 45px;
  font-weight: 700;
}

.section__both_product .list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 36px;
  column-gap: 24px;
  margin-top: 60px;
}

.section__both_product .list .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: calc(33.333% - 24px * 2 / 3);
}

.section__both_product .list .item .present {
  border: 2px solid var(--primary-color);
  height: 200px;
  border-radius: 20px;
  position: relative;
  padding: 0 24px;
  width: 100%;
}

.section__both_product.exabyter .list .item .present {
  padding: 0;
  overflow: hidden;
}

.section__both_product .list .item .present>img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  max-width: calc(100% - 24px * 2);
}

.section__both_product.exabyter .list .item .present>img {
  max-width: 100%;
}

.section__both_product .list .item .present:hover>img {
  transform: translateY(-50%) scale(1.1);
}

.section__both_product .list .item .title {
  font-size: 22px;
  line-height: 32px;
  flex-grow: 1;
  cursor: auto;
}

.section__both_product .list .item .type {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 8px;
}

.section__both_product .list .item .type .item2 {
  border: 1px solid var(--primary-color);
  background-color: #dae2ff;
  color: var(--primary-color);
  line-height: 22px;
  padding: 0 16px;
  border-radius: 20px;
}

.section__both_product .list .item .more {
  color: #146ef5;
  line-height: 14px;
  line-height: 20px;
  border-bottom: 1px solid transparent;
  transition: border 0.3s ease;
  position: relative;
}

.section__both_use_case {
  background-color: #f2f2f2;
  padding: 0px;
}

.section__both_product.exabyter {
  background-color: #f2f2f2;
  padding: 0px;
  margin: 0px;
  width: 100%;
  max-width: 100%;
}

.section__both_product.exabyter .layout {
  margin: 0 auto;
  padding: 70px;
  max-width: 1280px;
}

.section__both_use_case .layout {
  max-width: 1280px;
  margin: 0 auto;
  padding: 70px;
}

.section__both_use_case .layout .header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px;
  gap: 10px;
}


.section__both_use_case .layout .header .title {
  font-size: 35px;
  font-weight: 700;
  line-height: 45px;
  flex-grow: 1;
  color: var(--dark-black-color);
  align-self: flex-start;
}

.section__both_use_case .layout .header a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}

.section__both_use_case .layout .header a>span {
  font-size: 16px;
  line-height: 22px;
  color: var(--primary-color);
  border-bottom: 1px solid transparent;
  transition: border 0.3s ease;
}

.section__both_use_case .layout .header a>span:hover {
  border-bottom-color: var(--primary-color);
}

.section__both_use_case .layout .list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 60px;
}

.section__both_use_case .layout .list .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: calc(33.333% - 40px * 2 / 3);
}

.section__both_use_case .layout .list .item .img {
  height: 200px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid transparent;
  transition: border 0.3s ease;
}

.section__both_use_case .layout .list .item .img:hover {
  border-color: var(--primary-color);
}

.section__both_use_case .layout .list .item .img>img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.section__both_use_case .layout .list .item .img:hover>img {
  transform: scale(1.1);
}

.section__both_use_case .layout .list .item .title {
  font-size: 22px;
  font-weight: 900;
  line-height: 30px;
  cursor: auto;
}

.section__both_use_case .layout .list .item .text {
  font-size: 18px;
  flex-grow: 1;
  line-height: 24px;
  cursor: auto;
}

.section__both_use_case .layout .list .item .more {
  display: inline-block;
  color: #146ef5;
  line-height: 20px;
  border-bottom: 1px solid transparent;
  transition: border 0.3s ease;
  position: relative;
}

/* SECTION VISION */
.section__vision {
  overflow: hidden;
  padding: 70px 0;
}

.section__vision .container__layout {
  padding: 0 40px;
  max-width: 1220px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.section__vision--title {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  padding: 0 8px;
  color: var(--main-black-color);
}

.vision__item--container {
  width: 100%;
  position: relative;
}

.vision__item--container.carousel_common .list {
  display: flex;
  align-items: start;
  gap: 40px;
  width: 100%;
}

.vision__item--container.carousel_common .list .vision__item--container.item {
  width: calc(50% - 20px);
}

.vision__item--container .vision__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--white-color);
  width: 100%;
  transition: all 0.3s linear;
}

.vision__item--container .vision__item .title__wrapper {
  display: flex;
  flex-direction: column;
}

.vision__item--container .vision__item .vision__icon--arrow {
  width: fit-content;
  margin-top: -4px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.vision__item--container .vision__item .vision__icon--arrow span {
  font-size: 16px;
  line-height: 22px;
  color: var(--primary-color);
}

.vision__item--container .vision__item .vision__icon--arrow svg {
  transition: all 0.4s ease-out;
  position: relative;
  transform: translateX(0px);
}

.vision__item--container.carousel_common .list .vision__item--container.item .vision__icon--arrow:hover svg {
  transform: translateX(18px);
}

.vision__item--container .vision__item .vision__item--title {
  font-size: 32px;
  line-height: 44px;
  font-weight: bold;
  color: var(--dark-black-color);
  cursor: auto;
  cursor: pointer;
}

.vision__item--container .vision__item .vision__item--sub-title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  color: var(--dark-black-color);
  cursor: auto;
}

.ru .vision__item--container .vision__item .vision__item--sub-title {
  min-height: 64px;
}

.vision__item--container .vision__item .vision__item--text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: var(--light-black-color);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex-grow: 1;
  max-width: 450px;
}


.ru .vision__item--container .vision__item .vision__item--text {
  min-height: 108px;
}

.vision__item--container .vision__item .vision__item--img {
  display: inline-flex;
  width: 100%;
}

.vision__item--container .vision__item .vision__item--img img {
  width: auto;
  height: 400px;
  object-fit: cover;
}
.vision__item--container .vision__item .vision__item--img video {
  height: 300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.vision__item--container .slick-list .slick-slide {
  margin: 0 12px;
}

/* OLD VERSION CUSTOMER */

.card {
  height: 400px;
  background-color: var(--white-color);
  text-align: left;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #d1d1d1;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.card.loadingAnisAll {
  min-width: 355px;
}

.thumbNail {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.thumbNail>img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.info {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  gap: 10px;
}

.cardTitle {
  width: fit-content;
  height: 50px;
  position: relative;
  box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 10px;
  display: none;
}

.cardSubTitle {
  color: var(--white-color);
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
}

.cardTitle>img {
  height: 100%;
}

.info .text {
  width: 283px;
  color: var(--white-color);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  display: none;
  opacity: 0;
}

.info2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0000004d 0%, #00000066 66.67%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 40px;
  gap: 24px;
  border: 1px solid #d1d1d1;
  border-radius: 24px;
}

.card:hover .info2 {
  border: 1px solid #006aba;
}

.cardSubTitle2 {
  color: var(--white-color);
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  transform: translateY(10px);
  opacity: 0;
  text-align: center;
  transition: all 0.1s ease;
}

.info2 .text2 {
  width: 283px;
  color: var(--white-color);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.1s ease;
  line-height: 24px;
}

.cardTitle2 {
  width: fit-content;
  height: 40px;
  position: relative;
  box-sizing: border-box;
  padding: 5px;
  border-radius: 4px;
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.1s ease;
  background-color: var(--white-color);
}

.cardTitle2>img {
  height: 100%;
}

.slide_box_wrapper {
  position: relative;
  margin: 0px auto;
  width: 100%;
  height: 264px;
  overflow: hidden;
  border-radius: 30px;
  padding: 30px 40px;
  border-radius: 30px;
  background: #f7f7f5;
}

.slide_box_wrapper:last-child {
  margin-bottom: 0px;
}

.slide_box {
  position: relative;
  top: 0px;
  left: 0px;
  width: 2700px;
  height: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

.slide_box>div {
  width: 320px;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #7f7f7f;
  box-sizing: border-box;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.from_right_slide_ent>div:nth-child(1) {
  background-image: url('/images/page/customer/logo_new_comp/aia.png');
}

.from_right_slide_ent>div:nth-child(2) {
  background-image: url('/images/page/customer/logo_new_comp/american_express.png');
}

.from_right_slide_ent>div:nth-child(3) {
  background-image: url('/images/page/customer/logo_new_comp/aramark.png');
}

.from_right_slide_ent>div:nth-child(4) {
  background-image: url('/images/page/customer/logo_new_comp/bank_of_korea.png');
}

.from_right_slide_ent>div:nth-child(5) {
  background-image: url('/images/page/customer/logo_new_comp/belkin.png');
}

.from_right_slide_ent>div:nth-child(6) {
  background-image: url('/images/page/customer/logo_new_comp/bnp_paribas.png');
}

.from_right_slide_ent>div:nth-child(7) {
  background-image: url('/images/page/customer/logo_new_comp/carrefour.png');
}

.from_right_slide_ent>div:nth-child(8) {
  background-image: url('/images/page/customer/logo_new_comp/cgv.png');
}

.from_right_slide_ent>div:nth-child(9) {
  background-image: url('/images/page/customer/logo_new_comp/cj.png');
}

.from_right_slide_ent>div:nth-child(10) {
  background-image: url('/images/page/customer/logo_new_comp/clinique.png');
}

.from_right_slide_ent>div:nth-child(11) {
  background-image: url('/images/page/customer/logo_new_comp/daewoo.png');
}

.from_right_slide_ent>div:nth-child(12) {
  background-image: url('/images/page/customer/logo_new_comp/dongbu.png');
}

.from_right_slide_ent>div:nth-child(13) {
  background-image: url('/images/page/customer/logo_new_comp/doosan.png');
}

.from_right_slide_ent>div:nth-child(14) {
  background-image: url('/images/page/customer/logo_new_comp/dun_bradstreet.png');
}

.from_right_slide_ent>div:nth-child(15) {
  background-image: url('/images/page/customer/logo_new_comp/ericsson.png');
}

.from_right_slide_ent>div:nth-child(16) {
  background-image: url('/images/page/customer/logo_new_comp/exxonmobil.png');
}

.from_right_slide_ent>div:nth-child(17) {
  background-image: url('/images/page/customer/logo_new_comp/food_for_thehungry.png');
}

.from_right_slide_ent>div:nth-child(18) {
  background-image: url('/images/page/customer/logo_new_comp/fuji_xerox.png');
}

.from_right_slide_ent>div:nth-child(19) {
  background-image: url('/images/page/customer/logo_new_comp/ge.png');
}

.from_right_slide_ent>div:nth-child(20) {
  background-image: url('/images/page/customer/logo_new_comp/gs_caltex.png');
}

.from_right_slide_ent>div:nth-child(21) {
  background-image: url('/images/page/customer/logo_new_comp/halla.png');
}

.from_right_slide_ent>div:nth-child(22) {
  background-image: url('/images/page/customer/logo_new_comp/hankook.png');
}

.from_right_slide_ent>div:nth-child(23) {
  background-image: url('/images/page/customer/logo_new_comp/hanwha.png');
}

.from_right_slide_ent>div:nth-child(24) {
  background-image: url('/images/page/customer/logo_new_comp/hardrock_cafe.png');
}

.from_right_slide_ent>div:nth-child(25) {
  background-image: url('/images/page/customer/logo_new_comp/hp.png');
}

.from_right_slide_ent>div:nth-child(26) {
  background-image: url('/images/page/customer/logo_new_comp/hynix.png');
}

.from_right_slide_ent>div:nth-child(27) {
  background-image: url('/images/page/customer/logo_new_comp/hyosung.png');
}

.from_right_slide_ent>div:nth-child(28) {
  background-image: url('/images/page/customer/logo_new_comp/hyundai.png');
}

.from_right_slide_ent>div:nth-child(29) {
  background-image: url('/images/page/customer/logo_new_comp/hyundai_group.png');
}

.from_right_slide_ent>div:nth-child(30) {
  background-image: url('/images/page/customer/logo_new_comp/hyundai_capital.png');
}

.from_right_slide_ent>div:nth-child(31) {
  background-image: url('/images/page/customer/logo_new_comp/hyundai_mobis.png');
}

.from_right_slide_ent>div:nth-child(32) {
  background-image: url('/images/page/customer/logo_new_comp/ibk.png');
}

.from_right_slide_ent>div:nth-child(33) {
  background-image: url('/images/page/customer/logo_new_comp/ibm.png');
}

.from_right_slide_ent>div:nth-child(34) {
  background-image: url('/images/page/customer/logo_new_comp/incheon_airport.png');
}

.from_right_slide_ent>div:nth-child(35) {
  background-image: url('/images/page/customer/logo_new_comp/kb.png');
}

.from_right_slide_ent>div:nth-child(36) {
  background-image: url('/images/page/customer/logo_new_comp/kbs.png');
}

.from_right_slide_ent>div:nth-child(37) {
  background-image: url('/images/page/customer/logo_new_comp/aia.png');
}

.from_right_slide_ent>div:nth-child(38) {
  background-image: url('/images/page/customer/logo_new_comp/american_express.png');
}

.from_right_slide_ent>div:nth-child(39) {
  background-image: url('/images/page/customer/logo_new_comp/aramark.png');
}

.from_right_slide_ent>div:nth-child(40) {
  background-image: url('/images/page/customer/logo_new_comp/bank_of_korea.png');
}

.from_right_slide_ent>div:nth-child(41) {
  background-image: url('/images/page/customer/logo_new_comp/belkin.png');
}

.from_right_slide_ent>div:nth-child(42) {
  background-image: url('/images/page/customer/logo_new_comp/bnp_paribas.png');
}

.from_right_slide_ent>div:nth-child(43) {
  background-image: url('/images/page/customer/logo_new_comp/carrefour.png');
}

.from_right_slide_ent>div:nth-child(44) {
  background-image: url('/images/page/customer/logo_new_comp/cgv.png');
}

.from_left_slide_ent>div:nth-child(1) {
  background-image: url('/images/page/customer/logo_new_comp/kdb_bank.png');
}

.from_left_slide_ent>div:nth-child(2) {
  background-image: url('/images/page/customer/logo_new_comp/kia.png');
}

.from_left_slide_ent>div:nth-child(3) {
  background-image: url('/images/page/customer/logo_new_comp/kolon.png');
}

.from_left_slide_ent>div:nth-child(4) {
  background-image: url('/images/page/customer/logo_new_comp/kt.png');
}

.from_left_slide_ent>div:nth-child(5) {
  background-image: url('/images/page/customer/logo_new_comp/lg.png');
}

.from_left_slide_ent>div:nth-child(6) {
  background-image: url('/images/page/customer/logo_new_comp/lg_chem.png');
}

.from_left_slide_ent>div:nth-child(7) {
  background-image: url('/images/page/customer/logo_new_comp/lock&lock.png');
}

.from_left_slide_ent>div:nth-child(8) {
  background-image: url('/images/page/customer/logo_new_comp/lotte.png');
}

.from_left_slide_ent>div:nth-child(9) {
  background-image: url('/images/page/customer/logo_new_comp/lotte_card.png');
}

.from_left_slide_ent>div:nth-child(10) {
  background-image: url('/images/page/customer/logo_new_comp/mbc.png');
}

.from_left_slide_ent>div:nth-child(11) {
  background-image: url('/images/page/customer/logo_new_comp/natioal_geographic.png');
}

.from_left_slide_ent>div:nth-child(12) {
  background-image: url('/images/page/customer/logo_new_comp/ncsoft.png');
}

.from_left_slide_ent>div:nth-child(13) {
  background-image: url('/images/page/customer/logo_new_comp/nh.png');
}

/* .from_left_slide_ent > div:nth-child(14) {
  background-image: url('/images/page/customer/logo_new_comp/dun_bradstreet.png');
} */
.from_left_slide_ent>div:nth-child(14) {
  background-image: url('/images/page/customer/logo_new_comp/ocn.png');
}

.from_left_slide_ent>div:nth-child(15) {
  background-image: url('/images/page/customer/logo_new_comp/orion.png');
}

.from_left_slide_ent>div:nth-child(16) {
  background-image: url('/images/page/customer/logo_new_comp/philips.png');
}

.from_left_slide_ent>div:nth-child(17) {
  background-image: url('/images/page/customer/logo_new_comp/posco.png');
}

.from_left_slide_ent>div:nth-child(18) {
  background-image: url('/images/page/customer/logo_new_comp/prudential.png');
}

.from_left_slide_ent>div:nth-child(19) {
  background-image: url('/images/page/customer/logo_new_comp/redcross.png');
}

.from_left_slide_ent>div:nth-child(20) {
  background-image: url('/images/page/customer/logo_new_comp/samsung.png');
}

.from_left_slide_ent>div:nth-child(21) {
  background-image: url('/images/page/customer/logo_new_comp/sbs.png');
}

.from_left_slide_ent>div:nth-child(22) {
  background-image: url('/images/page/customer/logo_new_comp/shinhan.png');
}

.from_left_slide_ent>div:nth-child(23) {
  background-image: url('/images/page/customer/logo_new_comp/siemens.png');
}

.from_left_slide_ent>div:nth-child(24) {
  background-image: url('/images/page/customer/logo_new_comp/sk.png');
}

.from_left_slide_ent>div:nth-child(25) {
  background-image: url('/images/page/customer/logo_new_comp/sk_telecom.png');
}

.from_left_slide_ent>div:nth-child(26) {
  background-image: url('/images/page/customer/logo_new_comp/soil.png');
}

.from_left_slide_ent>div:nth-child(27) {
  background-image: url('/images/page/customer/logo_new_comp/sony.png');
}

.from_left_slide_ent>div:nth-child(28) {
  background-image: url('/images/page/customer/logo_new_comp/standard_chartered.png');
}

.from_left_slide_ent>div:nth-child(29) {
  background-image: url('/images/page/customer/logo_new_comp/stx.png');
}

.from_left_slide_ent>div:nth-child(30) {
  background-image: url('/images/page/customer/logo_new_comp/theshilla.png');
}

.from_left_slide_ent>div:nth-child(31) {
  background-image: url('/images/page/customer/logo_new_comp/total.png');
}

.from_left_slide_ent>div:nth-child(32) {
  background-image: url('/images/page/customer/logo_new_comp/united_colors_of_benetton.png');
}

.from_left_slide_ent>div:nth-child(33) {
  background-image: url('/images/page/customer/logo_new_comp/us_army.png');
}

.from_left_slide_ent>div:nth-child(34) {
  background-image: url('/images/page/customer/logo_new_comp/vietnam_airlines.png');
}

.from_left_slide_ent>div:nth-child(35) {
  background-image: url('/images/page/customer/logo_new_comp/volkswagen.png');
}

.from_left_slide_ent>div:nth-child(36) {
  background-image: url('/images/page/customer/logo_new_comp/yokogawa.png');
}

.from_left_slide_ent>div:nth-child(37) {
  background-image: url('/images/page/customer/logo_new_comp/kdb_bank.png');
}

.from_left_slide_ent>div:nth-child(38) {
  background-image: url('/images/page/customer/logo_new_comp/kia.png');
}

.from_left_slide_ent>div:nth-child(39) {
  background-image: url('/images/page/customer/logo_new_comp/kolon.png');
}

.from_left_slide_ent>div:nth-child(40) {
  background-image: url('/images/page/customer/logo_new_comp/kt.png');
}

.from_left_slide_ent>div:nth-child(41) {
  background-image: url('/images/page/customer/logo_new_comp/lg.png');
}

.from_left_slide_ent>div:nth-child(42) {
  background-image: url('/images/page/customer/logo_new_comp/lg_chem.png');
}

.from_left_slide_ent>div:nth-child(43) {
  background-image: url('/images/page/customer/logo_new_comp/lock&lock.png');
}

.from_left_slide_ent>div:nth-child(44) {
  background-image: url('/images/page/customer/logo_new_comp/lotte.png');
}

.from_left_slide_ent>div:nth-child(45) {
  background-image: url('/images/page/customer/logo_new_comp/lotte_card.png');
}

.from_right_slide1>div:first-child {
  background-image: url('/images/page/customer/image_1.jpg');
}

.from_right_slide1>div:nth-child(2) {
  background-image: url('/images/page/customer/image_5.jpg');
}

.from_right_slide1>div:nth-child(4) {
  background-image: url('/images/page/customer/image_7.jpg');
}

.from_right_slide1>div:nth-child(5) {
  background-image: url('/images/page/customer/image_2.jpg');
}

.from_right_slide1>div:nth-child(7) {
  background-image: url('/images/page/customer/image_1.jpg');
}

.from_right_slide1>div:nth-child(8) {
  background-image: url('/images/page/customer/image_5.jpg');
}

.from_right_slide1>div:nth-child(10) {
  background-image: url('/images/page/customer/image_7.jpg');
}

.from_left_slide1>div:first-child {
  background-image: url('/images/page/customer/image_11.jpg');
}

.from_left_slide1>div:nth-child(2) {
  background-image: url('/images/page/customer/image_3.jpg');
}

.from_left_slide1>div:nth-child(4) {
  background-image: url('/images/page/customer/image_6.jpg');
}

.from_left_slide1>div:nth-child(5) {
  background-image: url('/images/page/customer/image_8.jpg');
}

.from_left_slide1>div:nth-child(7) {
  background-image: url('/images/page/customer/image_11.jpg');
}

.from_left_slide1>div:nth-child(8) {
  background-image: url('/images/page/customer/image_3.jpg');
}

.from_left_slide1>div:nth-child(10) {
  background-image: url('/images/page/customer/image_6.jpg');
}

.from_right_slide2>div:first-child {
  background-image: url('/images/page/customer/image_10.jpg');
}

.from_right_slide2>div:nth-child(2) {
  background-image: url('/images/page/customer/image_12.png');
}

.from_right_slide2>div:nth-child(4) {
  background-image: url('/images/page/customer/image_4.jpg');
}

.from_right_slide2>div:nth-child(5) {
  background-image: url('/images/page/customer/image_9.jpg');
}

.from_right_slide2>div:nth-child(7) {
  background-image: url('/images/page/customer/image_10.jpg');
}

.from_right_slide2>div:nth-child(8) {
  background-image: url('/images/page/customer/image_12.png');
}

.from_right_slide2>div:nth-child(10) {
  background-image: url('/images/page/customer/image_4.jpg');
}

.move_container_slide_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.from_left_slide_ent>div,
.from_right_slide_ent>div {
  background-size: contain;
  border: 0px solid #7f7f7f;
}

/*END OLD VERSION CUSTOMER */

/* MOUSE BANNER SECTION */
.scroll_bottom_animation {
  z-index: 4;
  position: absolute;
  bottom: 4.9vh;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 100;
  transition: opacity 0.85s cubic-bezier(0.47, 0.42, 0, 0.99);
}

.scroll_bottom_animation_center_wrapper {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
}

.mouse_object {
  position: relative;
  width: 26px;
  height: 38px;
  border-radius: 20px;
  border: 1px solid var(--white-color);
}

.mouse_object>div {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 6px;
  height: 11px;
  /* background-color: var(--white-color); */
  border: 1px solid var(--white-color);
  border-radius: 20px;
  transform: translateX(-50%);
}

.mouse_animation_arrow {
  display: block;
  animation: arrow_scroll_animation 2.4s forwards infinite;
}

.mouse_animation_arrow::after {
  content: '';
  display: block;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid var(--white-color);
  border-right: 0;
  border-bottom: 0;
  transform-origin: center;
  transform: rotate(-135deg);
}

.section__both_use_case .post__list .post__item {
  border: 2px solid transparent;
}

.section__both_use_case .post__list .post__item:hover {
  border: 2px solid var(--primary-color);
}

@keyframes arrow_scroll_animation {
  0% {
    opacity: 1;
    transform: translate3d(0, -5px, 0);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, 10px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, -5px, 0);
  }
}

/* Counting numbers seciton  */

.section_innorix {
  width: 100%;
  position: relative;
  padding: 70px 0px;
  background-color: #f2f2f2;
}

.main_innorix_container {
  position: relative;
  width: 100%;
  max-width: 1280px;
  padding: 0 70px;
  margin: 0px auto;
}



.title_main_page {
  width: fit-content;
  line-height: normal;
  margin-bottom: 60px;
  font-size: 45px;
  line-height: 52px;
  font-weight: 700;
  color: var(--dark-black-color);
}

.secondSection {
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
  width: 100% !important;
}

.secondSection .secondNumberCountBox {
  width: 488px;
  height: 272px;
  width: calc(50% - 24px / 2);
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 15px;
  background: var(--white-color);
  box-sizing: border-box;
  padding: 40px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.secondSection .secondNumberCountBox:nth-child(n + 3) {
  height: 272px;
  width: calc(33.33% - 24px * 2 / 3);
}


.secondSection .secondImgBox {
  width: 80px;
  height: 80px;
  background-image: url('/images/homepage/230627_webicons.svg');
  background-repeat: no-repeat;
}

.secondSection .secondNumbers {
  position: relative;
  height: auto;
  margin-top: 24px;
}

.secondSection .secondNumAnis {
  white-space: nowrap;
  /* line-height:1em; */
}

.secondSection .secondNumAnis .plusNumAni {
  opacity: 0;
  display: inline-block;
  color: var(--dark-black-color);
  font-size: 48px;
  font-weight: 400;
  line-height: normal;
}

.secondSection .secondNumAnis>span {
  display: inline-block;
  color: var(--dark-black-color);
  font-size: 45px;
  line-height: 55px;
  font-weight: 700;
}

.secondSection .secondTexts {
  color: var(--dark-black-color);
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}

.section__customer2 {
  overflow: hidden;
  padding: 70px 0;
}

.section__customer2 .container__layout {
  padding: 0 70px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.section__customer2 .section__customer--title {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.section__customer2 .section__customer--title .title {
  font-size: 45px;
  font-weight: 700;
  line-height: 52px;
  flex-grow: 1;
  color: var(--dark-black-color);
  align-self: flex-start;
}

.section__customer2 .section__customer--title a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}

.section__customer2 .section__customer--title a>span {
  font-size: 16px;
  line-height: 22px;
  color: var(--primary-color);
  border-bottom: 1px solid transparent;
  transition: border 0.3s ease;
}

.section__customer2 .section__customer--title a>span:hover {
  border-bottom-color: var(--primary-color);
}

@media (max-width: 1279px) {
  .section__customer .container__layout {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section__both_header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section__both_use_case .layout {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section__both_header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section__fastest--container {
    padding: 0px 40px;
  }

  .main_innorix_container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section__vision .container__layout {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section__accelerate .container__layout {
    padding: 0px 40px;
  }

  .section__solution .container__layout {
    padding: 0px 40px;
  }
}

@media screen and (max-width: 1024px) {
  .secondSection .secondNumberCountBox {
    width: 100%;
  }

  .secondSection .secondNumberCountBox:nth-child(n + 2) {
    width: calc(50% - 24px / 2);
  }

  .solution__content--title .solution__content--title__1,
  .solution__content--title .solution__content--title__2 {
    font-size: 30px;
    line-height: 35px;
  }

  .accelerate__content--title>p {
    font-size: 30px;
    line-height: 35px;
  }

  .section__both_header .container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-top: 40px;
  }

  .section__both_header.exabyter .container {
    flex-direction: column-reverse;
  }

  .section__both_header .container .left {
    width: 100%;
  }

  .vision__item--container.carousel_common .list {
    flex-direction: column;
    align-items: center;
  }

  .vision__item--container.carousel_common .list .vision__item--container.item {
    width: 100%;
    max-width: 558px;
  }
}

@media screen and (max-width: 990px) {
  .banner__content .banner__content--title div {
    font-size: 50px;
    line-height: 80px;
  }

  .section__customer .container__layout {
    gap: 60px;
  }

  .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 80px;
    width: 100%;
  }

  .shape__container .shape__col {
    min-width: 150px;
    min-height: 300px;
  }

  .shape__container .shape__col.second {
    padding-top: 60px;
  }

  .shape__container .shape__col.third {
    padding-bottom: 60px;
  }

  .hexagon {
    height: 120px;
    width: calc(120px * 0.866);
    min-width: calc(120px * 0.866);
  }

  /* Section Value */
  .value__main--content-left {
    min-width: 240px;
    width: 42%;
  }

  .value__main--content-right {
    min-width: 240px;
    width: 42%;
    padding-left: 40px;
    padding-top: 0;
    align-self: flex-end;
  }

  /* Section Solution */
  .section__solution--content {
    flex-direction: column;
  }

  .solution__content--title {
    width: 100%;
  }

  .header__moblie--title-item .solution__content--text {
    width: 100%;
  }

  .section__solution--img {
    border-radius: 5px;
  }

  .section__solution--img img {
    border-radius: 5px;
  }

  .section__accelerate--img {
    border-radius: 5px;
  }

  .section__accelerate--img img {
    border-radius: 5px;
  }
}

@media screen and (max-width: 799px) {
  .value__main--content {
    flex-direction: column;
    gap: 30px;
  }

  .section__solution {
    padding-bottom: 100px;
  }

  .section__accelerate {
    padding-bottom: 50px;
  }

  .section__fastest {
    padding: 50px 0px;
  }

  .section__fastest--container {
    gap: 60px;
    padding: 0 20px;
  }

  .section__fastest h3 {
    font-size: 40px;
    line-height: 50px;
  }

  .section__fastest h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .fastest__speed--list {
    flex-direction: column;
    align-items: center;
  }

  .section__customer2 .container__layout {
    padding: 0 20px;
  }

  .main_innorix_container {
    padding: 0 20px;
  }

  .section__banner .banner__content {
    top: 150px;
  }

  .section__performance--container p {
    font-size: 40px;
    line-height: 50px;
  }

  .section__value {
    padding: 50px 0px 100px;
  }

  .section__value .container__layout {
    gap: 60px;
  }


  .section__value--title span {
    font-size: 40px;
    line-height: 50px;
  }

  .section__customer .section__customer--title {
    flex-direction: column;
    align-items: start;
  }

  .section__customer {
    padding: 70px 0;
  }

  .section__both_header .header {
    font-size: 35px;
    line-height: 44px;
  }

  .section__product .layout .header>span {
    font-size: 30px;
    line-height: 40px;
  }


  .section__product {
    padding: 50px 0px;
  }

  .section__both_use_case .layout {
    padding: 50px 20px;
  }

  .section__both_use_case .layout .header {
    flex-direction: column;
  }

  .section__vision .container__layout {
    padding: 0 20px;
  }

  .section__vision {
    padding: 50px 0;
  }

  .section__customer .container__layout {
    padding: 0px 20px;
  }
}

@media screen and (max-width: 600px) {
  .section__both_header .container .left .title strong {
    font-size: 26px;
    line-height: 32px;
  }

  .section__both_header .container .left .title {
    font-size: 26px;
    line-height: 32px;
  }

  .section__both_header .container .left .text {
    margin-top: 20px;
  }

  .section__both_header .container .left .text>span {
    display: inline;
    font-size: 18px;
    line-height: 24px;
  }

  .section__both_header {
    padding: 50px 20px;
  }

  .section__product .layout .header>span {
    display: inline;
    font-size: 28px;
    line-height: 36px;
  }
}

@media screen and (max-width: 576px) {
  .accelerate__content--text>span {
    display: inline;
  }

  .secondSection .secondNumberCountBox:nth-child(n + 2) {
    width: 100%;
  }

  .banner__content .banner__content--title.active {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .banner__content .banner__content--title div {
    font-size: 30px;
    line-height: 40px;
    width: 280px;
  }

  .banner__content .banner__content--title p {
    font-size: 18px;
    line-height: 30px;
    width: 280px;
  }

  .solution__content--text {
    width: unset;
    font-size: 20px;
    line-height: 32px;
  }

  .value__content--title__1,
  .value__content--title__2 {
    font-size: 30px;
    line-height: 35px;
  }

  .section__solution--content h5 {
    width: unset;
  }

  .section__solution--content {
    gap: 20px;
  }

  .section__both_header.exabyter .container .left {
    width: 100%;
  }

  .customer__list .customer__item {
    max-height: unset;
  }

  .customer__item--subcontent {
    transform: translateY(calc(72%));
  }

  .section__both_header .header {
    font-size: 30px;
    line-height: 40px;
  }

  .section__product .layout .list {
    margin-top: 30px;
  }

  .section__product .layout .list .item .content .title {
    line-height: 24px;
    height: 100px;
  }

  .section__vision--title {
    font-size: 40px;
    line-height: 50px;
  }

  .vision__item--img video {
    height: auto;
    width: 100%;
    object-fit: cover;
  }

  .vision__item--container .vision__item {
    width: 100%;
  }

  /* Section Banner */
  .banner__content .banner__content--title {
    font-size: 32px;
    line-height: 44px;
  }

  .section__banner .banner__col img,
  .section__banner .banner__col video {
    height: 100%;
    /* width: 240px;
            height: 180px; */
  }

  .section__banner--image {
    gap: 40px;
  }

  .section__banner--image .mobile__version {
    display: block;
  }

  .section__banner .banner__content {
    bottom: calc(28% - 12px);
  }

  /* Section Shape */
  .section__shape .section__shape--title {
    font-size: 32px;
    line-height: 44px;
    max-width: 300px;
  }

  .section__shape .section__shape--title strong {
    font-size: 32px;
    font-weight: bold;
  }

  .shape__container .shape__col {
    min-width: 70px;
    min-height: 200px;
  }

  .hexagon {
    height: 60px;
    width: calc(60px * 0.866);
    min-width: calc(60px * 0.866);
  }

  .shape__container .shape__col.second {
    padding-top: 50px;
  }

  .shape__container .shape__col.third {
    padding-bottom: 50px;
  }

  /* Section Performance */
  .section__performance--container {
    height: 440px;
  }

  .section__performance--container p {
    font-size: 30px;
    line-height: 40px;
  }

  /* Section Faster */
  .section__fastest h3 {
    font-size: 32px;
    line-height: 44px;
  }

  /* Section Speed */
  .fastest__speed--list {
    flex-direction: column;
    gap: 40px;
  }

  .section__fastest .fastest__speed {
    gap: 40px;
  }

  .fastest__speed--list .fastest__speed--item {
    padding: 0;
    width: 100%;
    gap: 12px;
  }

  /* Section Value */
  .section__value .container__layout {
    padding: 0 20px;
    gap: 40px;
  }

  .section__value--title {
    font-size: 32px;
    line-height: 44px;
  }

  .section__accelerate .container__layout {
    gap: 40px;
  }

  /* Section Customer */
  .section__customer .container__layout {
    padding: 0 20px;
  }

  .section__customer .section__customer--title {
    font-size: 24px;
    line-height: 32px;
    width: 100%;
    padding: 0;
  }

  .section__vision .container__layout {
    gap: 40px;
    padding: 0 20px;
  }

  .section__vision--title {
    font-size: 32px;
    line-height: 44px;
  }

  .solution__content--title {
    font-size: 26px;
    line-height: 34px;
  }

  .section__banner .banner__content.fixed {
    top: 180px;
  }

  .value__main--content-left img,
  .value__main--content-right img {
    width: 245px;
  }

  .value__main--content-left {
    gap: 30px;
    width: 100%;
  }

  .value__main--content-right p {
    width: 240px;
    font-size: 20px;
    line-height: 32px;
  }

  .value__main--content-right {
    align-items: end;
  }

  .section__accelerate--img img {
    max-height: 300px;
  }

  .section__accelerate--content {
    gap: 30px;
  }

  .section__customer .container__layout {
    gap: 40px;
  }

  .vision__item--container .vision__item .title__wrapper {
    flex-direction: column;
  }
}

@media screen and (max-width: 500px) {
  .section__product .layout .list .item {
    width: 100%;
  }
}

@media screen and (max-width: 470px) {
  .section__performance--container p {
    font-size: 30px;
    line-height: 40px;
  }
}

@media screen and (max-width: 430px) {
  .vision__item--container .vision__item .vision__item--text {
    min-height: 66px;
    width: 80%;
  }
}
@media screen and (max-width: 350px) {
  .vision__item--container .vision__item .vision__item--text {
    min-height: 66px;
    width: 100%;
  }
}