.carrybot {
  width: 100%;
  overflow: hidden;
  background: #181818;
  color: #fff;
}

.ar .carrybot {
  text-align: right;
}

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

.spritespin_pc canvas {
  width: 100%;
  height: 100%;
}

.carrybot .autodoor-main-container {
  max-width: 1200px;
  margin: 0 auto;
}

.ar .autodoor-main-container-kg {
  display: flex;
  justify-content: flex-end;
}

.carrybot .autodoor-main-container .autodoor-main-container-text {
  width: 600px;
  padding-top: 160px;
}

.carrybot .autodoor-main-container-m {
  width: 100vw;
}



.carrybot .bxm2-banner-pc {
  position: relative;
  background: radial-gradient(40.34% 68.72% at 38.85% 22.75%, #3E3E3E 0%, #181818 100%);
}

.carrybot .bxm2-banner-pc .bxm2-banner-container {
  width: 1200px;
  margin: 0 auto;
  height: 800px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container {
  height: 680px;
}

.ar .carrybot .bxm2-banner-pc .bxm2-banner-container {
  flex-direction: row-reverse;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: left;
  margin-left: 70px;
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container {
  position: relative;
  z-index: 1;
  margin-left: 0;
}

.ar .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container {
  align-items: flex-start;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-text,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-text {
  margin-bottom: 30px;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title {
  color: #fff;
  text-align: left;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.747px;
  text-transform: uppercase;
  max-width: 535px;
  white-space: pre-wrap;
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title {
  color: rgba(255, 255, 255, 0.60);
  font-size: 32px;
  line-height: 1.6;
  max-width: 801px;
  text-transform: none;
}

.ar .carrybot .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title,
.carrybot .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-desc,
.ar .carrybot .highlights-lock .lock-title,
.ar .carrybot .highlights-space .space-title,
.ar .carrybot .more-title,
.ar .carrybot .experience-title,
.ar .carrybot .solution-title,
.ar .carrybot .solution-title,
.ar .speci-title {
  font-family: 'Cairo-Bold';
}


.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-desc {
  color: #FFF;
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  text-transform: uppercase;
  white-space: nowrap;
  max-width: 535px;
  white-space: pre-wrap;
}


.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-desc,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-desc {
  color: rgba(255, 255, 255, 0.60);
  font-size: 32px;
  max-width: 801px;
  text-transform: none;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img {
  height: 129px;
  align-self: stretch;
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img,
.it-IT .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img,
.es-ES .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img,
.de-DE .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img,
.fr-FR .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img,
.nl-NL .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img
{
  height: 98px;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  width: 100%;
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns,
.it-IT .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns,
.es-ES .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns,
.de-DE .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns,
.fr-FR .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns,
.nl-NL .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns
{
  justify-content: left;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn {
  flex: 1;
  height: 60px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.70);
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px 30px;
  /* min-width:50%; */
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn {
  flex: none;
  margin-top: 0;
}


.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn {
  position: fixed;
  left: -30px;
  bottom: 120px;
  padding: 12px 24px;
  z-index: 1;
  background: rgba(24, 24, 24, 0.9);
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn .bxm2-banner-btn-text,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn .bxm2-banner-btn-text {
  font-size: 20px;
  padding-left: 24px;
}


.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child {
  margin-right: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  /* flex: 1; */

}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child,
.it-IT .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child,
.es-ES .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child,
.de-DE .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child,
.fr-FR .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child,
.nl-NL .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child

{
  width: 284px;
}

.ar .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child {
  margin-right: 0px;
  margin-left: 32px;
  flex-direction: row-reverse;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:last-child {
  flex: 1.2;

}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:nth-child(2),
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:nth-child(2) {
  flex: none;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child .bxm2-banner-btn-text {
  flex: 1;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-icon {
  width: 48px;
  height: 48px;
  margin-left: -20px;
}


.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-text {
  color: #FFF;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 36.4px */
  letter-spacing: 0.747px;
  text-transform: uppercase;
  white-space: nowrap;

}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-tip,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-tip {
  position: absolute;
  top: -36px;
  left: 48px;
  margin-top: 0;
  color: #FFF;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.747px;
  color: #ccc;
}

.carrybot .bxm2-banner-pc .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn:first-child .bxm2-banner-btn-text {
  /* margin-left:-20px; */
}

.carrybot .bxm2-banner-pc #banner-robot-list {
  width: 550px;
  height: 700px;
  overflow: hidden;
  margin: 0 auto;
  margin-right: -30px;
}

.en-US .carrybot .bxm2-banner-pc #banner-robot-list,
.ja-JP .carrybot .bxm2-banner-pc #banner-robot-list {
  width: 382px;
  height: 700px;
  overflow: hidden;
  margin: 0 auto;
}

.carrybot .bxm2-banner-pc .swiper-slide {
  width: 800px;
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carrybot .bxm2-banner-pc .bxm2-banner-img {
  width: 418px;
  height: 662px;
  object-fit: cover;
}

.en-US .carrybot .bxm2-banner-pc .bxm2-banner-img,
.ja-JP .carrybot .bxm2-banner-pc .bxm2-banner-img,
.it-IT .carrybot .bxm2-banner-pc .bxm2-banner-img,
.es-ES .carrybot .bxm2-banner-pc .bxm2-banner-img,
.de-DE .carrybot .bxm2-banner-pc .bxm2-banner-img,
.fr-FR .carrybot .bxm2-banner-pc .bxm2-banner-img,
.nl-NL .carrybot .bxm2-banner-pc .bxm2-banner-img
 {
  width: 300px;
  height: auto;
  object-fit: cover;
}


.carrybot .bxm2-banner-m .bxm2-banner-container {
  position: relative;
  width: 100%;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 12vw 4vw;
}

.en-US .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container,
.ja-JP .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container {
  margin: 15.733vw 0 0;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title {
  color: #FFF;
  text-align: center;
  font-size: 5.5vw;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  text-transform: uppercase;
  margin: 5.6vw 0 0 0;
}

.en-US .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title,
.ja-JP .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title {
  color: rgba(255, 255, 255, 0.70);
  font-size: 4.8vw;
  text-transform: none;
  margin-top: 0;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-desc {
  color: #FFF;
  font-size: 3.5vw;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  text-transform: uppercase;
  text-align: center;
}

.en-US .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-desc,
.ja-JP .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-desc {
  color: rgba(255, 255, 255, 0.70);
  font-size: 3.733vw;
  text-transform: none;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img {
  width: 80vw;
  margin: 5vw auto;
}

.en-US .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img,
.ja-JP .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-title-img {
  width: 89.333vw;
  margin: 2.667vw auto;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80vw;
  gap: 4vw;
}


.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn {
  /* flex: 1; */
  height: auto;
  padding: 1vw;
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.70);
  margin-top: 1.33333333vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 0vw 4vw;
  min-width: 35vw;

}

.ar .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn {
  flex-direction: row-reverse;
}


.en-US .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn,
.ja-JP .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn {
  /* flex: 1.4; */
  position: fixed;
  bottom: 15vw;
  padding: 2.133vw 3.2vw 2.133vw 6.4vw;
  left: -3.6vw;
  z-index: 1;
  background: rgba(24, 24, 24, 0.9);
}

.en-US .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn .bxm2-banner-btn-tip,
.ja-JP .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn.absolute-btn .bxm2-banner-btn-tip {
  position: absolute;
  top: -6.4vw;
  font-size: 2.667vw;
  line-height: 1.3;
  color: #ccc;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-icon {
  width: 9vw;
  height: 9vw;
  margin-left: -2vw;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-text {
  font-size: 3.7vw;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 36.4px */
  letter-spacing: 0.747px;
  text-transform: uppercase;
}

.en-US .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-text,
.ja-JP .carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-text-container .bxm2-banner-btn-text {
  font-size: 3.2vw;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-icon-box {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 6vw;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-icon-box .bxm2-banner-icon-item {
  margin-right: 4.2vw;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-icon-box .bxm2-banner-icon-item:nth-child(1) {
  width: 9vw;
  height: 9vw;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-icon-box .bxm2-banner-icon-item:nth-child(2) {
  width: 9.7vw;
  height: 9vw;
}

.carrybot .bxm2-banner-m .bxm2-banner-container .bxm2-banner-icon-box .bxm2-banner-icon-item:nth-child(3) {
  width: 16vw;
  height: 9vw;
}

.carrybot .bxm2-banner-m .swiper-wrapper {
  gap: 0;
}

.carrybot .bxm2-banner-m .bxm2-banner-img {
  margin: 0 auto;
  height: 100vw;
}

.carrybot .introduction-pc {
  padding-top: 160px;
}

.en-US .carrybot .introduction-pc,
.ja-JP .carrybot .introduction-pc {
  padding: 120px 0;
}

.carrybot .features-pc {
  padding-top: 240px;
  padding-bottom: 90px;

}

.carrybot .introduction-pc .introduction-title-box {
  margin-bottom: 80px;
}

.ar .carrybot .introduction-pc .introduction-title-box {
  margin-bottom: 100px;
}

.carrybot .introduction-pc .introduction-title {
  text-align: center;
  white-space: nowrap;
  font-size: 95px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 144px */
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.ar .carrybot .introduction-pc .introduction-title {
  line-height: 160%;
  font-family: 'Cairo-Bold';
}

.fr-FR .carrybot .introduction-pc .introduction-title {
  font-size: 100px;
}

.carrybot .introduction-m .introduction-title,
.carrybot .introduction-m .introduction-title2 {
  text-align: center;
  font-size: 9vw;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ar .carrybot .introduction-m .introduction-title,
.ar .carrybot .introduction-m .introduction-title2 {
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.carrybot .introduction-m .introduction-title2 {
  margin-top: 20vw;
  margin-bottom: 8vw;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 9vw;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 144px */
  text-transform: uppercase;
}


.carrybot .introduction-pc .introduction-title2 {
  margin-bottom: 0;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;

  font-size: 100px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 144px */
  text-transform: uppercase;
}

.carrybot .introduction-m .introduction-title-th {
  font-size: 15vw;
}

.carrybot .introduction-pc .introduction-module1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
}

.carrybot .introduction-m .introduction-module1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.carrybot .introduction-pc .introduction-module1 .introduction-360 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.carrybot .introduction-pc .introduction-module1 .module1-img-box {
  width: 500px;
  height: 500px;
  margin-right: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: -60px;
  margin-bottom: 40px;
}

.carrybot .introduction-pc .introduction-module1 .module1-img-box .robot_title {
  color: rgba(255, 255, 255, 0.80);
  text-align: center;
  font-family: 'Poppins';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 27px */
}

.carrybot .introduction-pc .introduction-module1 .module1-img {
  height: 500px;
  object-fit: cover;
  flex-shrink: 0;
  position: absolute;
}

.carrybot .introduction-pc .module1-box {
  flex: 1;
}

.carrybot .introduction-pc .introduction-module1 .module1-box-desc {
  color: rgba(255, 255, 255, 0.60);

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  margin-top: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ar .carrybot .introduction-pc .introduction-module1 .module1-box-desc {
  text-align: right;
}

.carrybot .introduction-pc .introduction-module1 .module1-box-desc .desc-weight {
  color: rgba(255, 255, 255, 0.80);
  text-align: justify;
  font-family: 'Poppins', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
}



.carrybot .introduction-pc .introduction-module1 .module1-box-main {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 24px;
}

.carrybot .introduction-pc .introduction-module1 .module1-box-main .module1-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 24px;
  background: #242424;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.carrybot .introduction-pc .introduction-module1 .module1-box-main .module1-item .module1-item-title {
  color: #0AF;
  text-align: center;

  font-size: 54px;
  font-style: italic;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -2px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.carrybot .introduction-pc .introduction-module1 .module1-box-main .module1-item .module1-item-title span {
  color: #0AF;
  text-align: center;

  font-size: 28px;
  font-style: italic;
  font-weight: 600;
  line-height: 200%;
  /* 56px */
  text-transform: uppercase;
  margin-left: 5px;
}

.carrybot .introduction-pc .introduction-module1 .module1-box-main .module1-item .module1-item-desc {
  color: #FFF;
  text-align: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

.carrybot .introduction-pc .introduction-module2 {
  margin-top: 80px;
}

.carrybot .introduction-pc .introduction-module2 .module2-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin-top: 130px;
  width: 100%;
}

.carrybot .introduction-pc .introduction-module2 .lightSpot {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 120px;
  width: 100%;
}

.carrybot .introduction-m .introduction-module2 .lightSpot {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  margin-top: 0px;
  width: 100%;
}


.carrybot .introduction-module2 .lightSpot .item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  align-items: flex-start;
  margin-bottom: 20px;
  background-color: #0e1218;
  border-radius: 53px 12px 42px 12px;
}

.carrybot .introduction-module2 .lightSpot .item:nth-child(1)::after,
.carrybot .introduction-module2 .lightSpot .item:nth-child(4)::after {
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  background: #FFC443;
  background: url("https://www.orionstar.com/res/orics/down/ow001_20241028_8d7e0625965f2a74a96b842bd1dc2d29.png");
  background-size: cover;
  position: absolute;
  bottom: -10px;
  right: 0;
}

.carrybot .introduction-module2 .lightSpot .item .item-title {
  color: var(--bg-2, #FFF);

  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  line-height: 120%;
  position: absolute;
  left: 5px;
  text-shadow: 0px 0px 24.2px #43B7FF;

}

.carrybot .introduction-m .introduction-module2 .lightSpot .item .item-title {
  font-size: 5vw;
}

.carrybot .introduction-module2 .lightSpot .item:nth-child(1) .item-title,
.carrybot .introduction-module2 .lightSpot .item:nth-child(4) .item-title {
  text-shadow: 0px 0px 24.2px #FFC443;
}

.carrybot .introduction-module2 .lightSpot .item .item-title .big {
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: -4px;
}

.carrybot .introduction-m .introduction-module2 .lightSpot .item .item-title .big {
  font-size: 8vw;
  margin-right: -0.6vw;
}


.carrybot .introduction-module2 .lightSpot .item .content {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 26%;
  width: 100%;
}

.zh-TW .carrybot .introduction-module2 .lightSpot .item .content {
  top: 21%;
}

.carrybot .introduction-m .introduction-module2 .lightSpot .item .content {
  top: 22%;
}

.carrybot .introduction-module2 .lightSpot .item .content .title {
  color: #9DDBFF;
  text-align: center;
  text-shadow: 0px 0px 9.1px rgba(255, 255, 255, 0.25);

  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 20px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carrybot .introduction-m .introduction-module2 .lightSpot .item .content .title {
  font-size: 5vw;
  height: auto;
  margin-bottom: 4vw;
}


.carrybot .introduction-module2 .lightSpot .item:nth-child(1) .content .title,
.carrybot .introduction-module2 .lightSpot .item:nth-child(4) .content .title {
  color: #FFE09D;
}

.carrybot .introduction-module2 .lightSpot .item .content .desc {
  color: rgba(255, 255, 255, 0.90);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  height: 72px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.carrybot .introduction-m .introduction-module2 .lightSpot .item .content .desc {
  font-size: 3.5vw;
  height: auto;
}


.carrybot .introduction-module2 .module2-box .module2-item {
  cursor: pointer;
  height: 130px;
  display: flex;
  padding: 24px 32px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-radius: 16px;
  border: 1px solid #242424;
  background: #242424;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.06);
}

.carrybot .introduction-pc .introduction-module2 .module2-box .module2-item .module2-text .module2-item-title {
  color: rgba(255, 255, 255, 0.90);

  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 42px */
}

.ar .carrybot .introduction-pc .introduction-module2 .module2-box .module2-item .module2-text .module2-item-title {
  text-align: right;
}

.carrybot .introduction-pc .introduction-module2 .module2-box .module2-item .module2-text .module2-item-desc {
  color: rgba(255, 255, 255, 0.90);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

.ar .carrybot .introduction-pc .introduction-module2 .module2-box .module2-item .module2-text .module2-item-desc {
  text-align: right;
}

.carrybot .introduction-pc .introduction-module2 .module2-box .module2-item .module2-item-img {
  width: 48px;
  height: 48px;
  margin-left: 32px;
}

.ar .carrybot .introduction-pc .introduction-module2 .module2-box .module2-item .module2-item-img {
  margin-right: 32px;
  margin-left: 0;
  transform: rotate(180deg);
}

.carrybot .introduction-pc-img {
  object-fit: cover;
  width: 100%;
  height: 80px;
}


.carrybot .introduction-m {
  padding-top: 16vw;
}

/* .carrybot .highlights-pc {
 position: relative;
} */





.carrybot .introduction-m .introduction-module1 .module1-box {
  margin: auto 20px;
}

.carrybot .introduction-m .introduction-module1 .module1-img {
  margin: 0 auto;
  width: 100vw;
  height: 100vw;
  flex-shrink: 0;
  object-fit: cover;
  position: absolute;
}

.carrybot .introduction-m .introduction-module1 .module1-box-desc {
  font-weight: 400;
  color: #fff;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  margin-top: 10vw;
  margin-bottom: 10vw;
}

.carrybot .introduction-m .introduction-module1 .module1-box-desc .desc-weight {
  font-size: 4.8vw;
  font-weight: 600;
}



.carrybot .introduction-m .introduction-module1 .module1-box-main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.26666667vw;
  justify-content: center;
}

.carrybot .introduction-m .introduction-module1 .module1-box-main .module1-item {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #242424;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
  display: flex;
  padding: 12px;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;

}

.carrybot .introduction-m .introduction-module1 .module1-box-main .module1-item .module1-item-title {
  color: #0AF;
  text-align: center;

  font-size: 6.8vw;
  font-style: italic;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.carrybot .introduction-m .introduction-module1 .module1-box-main .module1-item .module1-item-title span {
  color: #0AF;
  text-align: center;

  font-size: 4.2vw;
  font-style: italic;
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  margin-left: 0.8vw;
}

.introduction-m .robot-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 10vw;
}

.introduction-m .robot-tab .robot-tab-item {
  display: flex;
  width: 24vw;
  height: 32vw;
  padding: 4vw 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.20);
  margin-right: 3.5vw;
}

.ar .introduction-m .robot-tab .robot-tab-item {
  margin-right: 0px;
  margin-left: 3.5vw;
}

.introduction-m .robot-tab .bg-white {
  background: rgba(255, 255, 255, 0.40) !important;
}

.introduction-m .robot-tab .robot-tab-item:last-child {
  margin-right: 0px;
}

.carrybot .introduction-m .introduction-module1 .module1-box-main .module1-item .module1-item-desc {
  color: #fff;
  text-align: center;

  font-size: 3.6vw;
  font-style: normal;
  font-weight: 400;
}

.carrybot .introduction-m .introduction-module2 {
  padding: 10vw 4vw 20vw 4vw;
}

.carrybot .introduction-m .introduction-module2 .module2-box .module2-item {
  cursor: pointer;
  margin: 0 auto 4.26666667vw;
  display: flex;
  padding: 3.4vw 4.26666667vw;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-radius: 3.4vw;
  border: 1px solid #242424;
  background: #242424;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.06);
}

.carrybot .introduction-m .introduction-module2 .module2-box .module2-item .module2-text .module2-item-title {
  color: #fff;

  font-size: 4.5vw;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.carrybot .introduction-m .introduction-module2 .module2-box .module2-item .module2-text .module2-item-desc {
  color: #fff;

  font-size: 3.4vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.carrybot .introduction-m .introduction-module2 .module2-box .module2-item .module2-item-img {
  width: 6.4vw;
  height: 6.4vw;
}

.ar .carrybot .introduction-m .introduction-module2 .module2-box .module2-item .module2-item-img {
  transform: rotateY(180deg);
}

.carrybot .highlights-pc .highlights-title {
  text-align: center;

  font-size: 77px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.carrybot .highlights-pc .highlights-title-th {
  font-size: 90px;
}

.carrybot .highlights-pc .highlights-desc {
  color: #FFF;
  text-align: center;

  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.carrybot .highlights-pc .door-desc,
.carrybot .highlights-pc .door-text {
  text-align: left !important;
}

.ar .carrybot .highlights-pc .door-desc,
.ar .carrybot .highlights-pc .door-text {
  text-align: right !important;
}

.carrybot .highlights-pc .highlights-text {
  color: rgba(255, 255, 255, 0.70);
  text-align: center;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  /* 36px */
  margin-top: 32px;
  margin-bottom: 60px;
}

.carrybot .highlights-pc .robot_imgs_list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 70px;
}


.carrybot .highlights-pc .robot_imgs_list .robot_imgs_item {
  flex: 1;
}

.carrybot .highlights-pc .robot_imgs_list .robot_imgs_item:last-child {
  flex: 1.28;
}

.carrybot .highlights-pc .robot_imgs_list .robot_imgs_item img {
  width: 100%;
  object-fit: contain;
}

.carrybot .highlights-pc .robot_img_text {
  margin-top: 52px;
  color: rgba(255, 255, 255, 0.50);
  text-align: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.carrybot .highlights-m .robot_imgs_list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: auto 4vw;
}

.carrybot .highlights-m .robot_imgs_list .robot_imgs_item {
  margin-right: 2vw;
}

/* .carrybot .highlights-m .robot_imgs_list img {
  width: 30vw;
}

.carrybot .highlights-m .robot_imgs_list .robot-imgs-big {
  width: 40vw !important;
} */



.carrybot .highlights-m .robot_img_text {
  margin-top: 3vw;
  color: rgba(255, 255, 255, 0.50);
  text-align: center;

  font-size: 2.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.carrybot #highlights2 .highlights-desc,
.carrybot #highlights2 .highlights-text {
  text-align: left;
}

.carrybot .highlights-pc .highlights-img {
  margin: 0 auto;
}

.carrybot #highlights2 .highlights-img {
  width: 100%;
  height: 800px;
  object-fit: cover;
}


.carrybot .highlights-pc .highlights-door {
  padding: 120px 0;
  padding-top: 0px;
  background-color: #181818;
}

.carrybot .highlights-pc .highlights-door .door-title {
  color: #FFF;

  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 96px */
  letter-spacing: -2px;
  text-transform: uppercase;
  text-align: left;
  width: 800px;
  white-space: nowrap;
}

.ar .carrybot .highlights-pc .highlights-door .door-title {
  text-align: right;
}

.carrybot .highlights-pc .highlights-door .door-title-small {
  font-size: 70px;
}

.carrybot .highlights-pc .highlights-door .door-title-small2 {
  font-size: 60px;
}

.carrybot .highlights-pc .highlights-lock {
  padding: 160px 0;
  padding-bottom: 0px;
}

.carrybot .highlights-pc .highlights-lock .lock-title {
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.carrybot .highlights-pc .highlights-space {
  padding-top: 160px;
}

.carrybot .highlights-pc .highlights-space .space-title {
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

.carrybot .highlights-m .highlights-title {
  white-space: nowrap;

  font-size: 8vw;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0 4vw;
}

.carrybot .highlights-m .highlights-desc {
  margin: 1vw 4vw 4vw;
  color: #fff;

  font-size: 5vw;
  font-style: normal;
  font-weight: 600;
  line-height: 8vw;
}

.carrybot .highlights-m .highlights-text {
  color: #fff;

  font-size: 3.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  margin: 0 4vw 10vw;
}

.carrybot .highlights-m .highlights-img {
  width: 100vw;
  margin: 0 auto;
}

.carrybot .highlights-m .highlights-door {
  padding: 16vw 0;
  background-color: #292A2F;
  height: 900px;
}

.carrybot .highlights-m .highlights-door .door-titles {
  padding-top: 10vw;
}

.carrybot .highlights-door .door-title {
  font-size: 8.5vw;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

.ar .carrybot .highlights-door .door-title {
  text-align: right;

}

.carrybot .highlights-door .door-title-th {
  font-size: 12vw;
}

.carrybot .highlights-door .door-title-nl {
  font-size: 7.8vw;
}

.carrybot .highlights-door .door-title2 {
  -webkit-text-fill-color: #fff;
  color: #fff;
  margin-top: 0px;
}

.carrybot .highlights-m .highlights-lock {
  padding: 16vw 0;
}

.carrybot .highlights-m .highlights-lock .lock-title {
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

.carrybot .highlights-m .highlights-lock .lock-title-small {
  font-size: 6.5vw;
}

.ar .carrybot .highlights-m .highlights-lock .lock-title-small {
  font-size: 7.5vw;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.carrybot .highlights-m .highlights-lock .lock-title-middle {
  font-size: 8vw;
}

.carrybot .highlights-m .highlights-lock .lock-desc-th {
  font-size: 4.1vw;
}

.carrybot .highlights-m .highlights-space {
  padding: 16vw 0;
  padding-bottom: 0px;
}

.carrybot .highlights-m .highlights-space .space-title {
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

.carrybot .highlights-m .highlights-space .space-title-small {
  font-size: 6.5vw;
}

.ar .carrybot .highlights-m .highlights-space .space-title-small {
  font-size: 7.5vw;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.carrybot .highlights-m .highlights-space .space-title-th {
  font-size: 7.8vw;
}

.carrybot .highlights-m .highlights-space .space-desc-th {
  font-size: 4.1vw;
}




.carrybot .more-pc .more-title {
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;

  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;

}





.carrybot .more-pc .more-item-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 170px auto;
  gap: 60px;
}

.carrybot .more-pc .more-item-box:last-child {
  margin-bottom: 0;
}


.carrybot .more-pc .more-container .more-item-box:nth-child(even) {
  flex-direction: row-reverse;
}

.carrybot .more-pc .more-item-box .more-item-img-box {
  flex: 1.5;
}

.carrybot .more-pc .more-item-box .more-item-img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.carrybot .more-pc .more-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.carrybot .more-pc .more-item .more-item-title {
  color: #FFF;

  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 54px */
  border-bottom: 1px solid #fff;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.ar .carrybot .more-pc .more-item .more-item-title {
  text-align: right;
}





.carrybot .more-pc #highlights3 {
  padding-bottom: 160px;
  padding-top: 160px;
}

.carrybot .more-pc .more-item .more-item-desc {
  color: #FFF;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  /* 28px */
}

.ar .carrybot .more-pc .more-item .more-item-desc {
  text-align: right;
}


.carrybot #highlights_m3 {
  padding-top: 21vw
}

.carrybot .more-m .more-title {
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;

  font-size: 9vw;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}

.carrybot .more-m .more-title-th {
  font-size: 12vw;
}

.carrybot .more-m .more-item {
  margin: 0 auto;
  padding-top: 4vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.carrybot .more-m .more-item-box .more-item-img {
  width: 92vw;
  margin: 0 auto;
  border-radius: 2vw;
}

.carrybot .more-m .more-item .more-item-title {
  margin: 8vw 4vw 0;
  color: #fff;

  font-size: 5.6vw;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  border-bottom: 1px solid #fff;
  padding-bottom: 1vw;
}

.carrybot .more-m .more-item-box {
  margin-bottom: 15vw;
}

.carrybot .more-m .more-item .more-item-desc {
  margin: 0 4vw;
  margin-top: 1vw;
  margin-bottom: 10vw;
  color: #fff;

  font-size: 3.3vw;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}


.carrybot .experience-pc {
  padding: 160px 0;
  padding-bottom: 60px;
}

.carrybot .experience-pc .experience-title {
  text-align: center;

  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 96px */
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.carrybot .experience-pc .experience-desc {
  color: #FFF;
  text-align: center;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  /* 36px */
  margin: 32px auto;
  max-width: 1200px;
}

.carrybot .experience-pc .experience-container {
  height: 800px;
  margin-top: 120px;
  position: relative;
}

.carrybot .experience-m .experience-container {
  width: 100vw;
  height: 200vw;
  margin-top: 40vw;
  margin-bottom: 50vw;
  position: relative;
}


.carrybot .experience-pc .experience-container .experience-item {
  display: flex;
  width: 300px;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 12px;
  background: rgba(36, 36, 36, 0.60);
  box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.20);
}

.carrybot .experience-pc .experience-container .experience-item .experience-item-box-title {

  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-transform: uppercase;
}

.ar .carrybot .experience-pc .experience-container .experience-item .experience-item-box-title {
  text-align: right;
}

.carrybot .experience-pc .experience-container .experience-item .experience-item-box-tips {

  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4px;
}

.carrybot .experience-pc .experience-container .experience-item .experience-item-box-tips img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.carrybot .experience-pc .experience-container .experience-item .experience-item-box-desc {
  color: #fff;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  padding: 8px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
}


.carrybot .experience-pc .experience-container .experience-item:nth-child(1) {
  margin: 0 auto;
  position: absolute;
  top: -58px;
  left: 50%;
  margin-left: -168px;
}

.carrybot .experience-pc .experience-container .experience-item:nth-child(2) {
  position: absolute;
  left: 50%;
  top: 115px;
  margin-left: -600px;
}

.carrybot .experience-pc .experience-container .experience-item:nth-child(3) {
  position: absolute;
  left: 50%;
  top: 102px;
  margin-left: 245px;
}

.carrybot .experience-pc .experience-container .experience-item:nth-child(4) {
  position: absolute;
  left: 50%;
  bottom: 145px;
  margin-left: -450px;
}

.carrybot .experience-pc .experience-container .experience-item:nth-child(5) {
  position: absolute;
  left: 50%;
  bottom: 163px;
  margin-left: 150px;
}



.carrybot .experience-m .experience-container .experience-item:nth-child(1) {
  margin: 0 auto;
  position: absolute;
  top: 32vw;
  left: 4vw;
}

.carrybot .experience-m .experience-container .experience-item:nth-child(2) {
  position: absolute;
  top: -28vw;
  right: 4vw;
}

.carrybot .experience-m .experience-container .experience-item:nth-child(3) {
  position: absolute;
  right: 4vw;
  top: 85vw;
}

.carrybot .experience-m .experience-container .experience-item:nth-child(4) {
  position: absolute;
  bottom: -40vw;
  right: 4vw;
}

.carrybot .experience-m .experience-container .experience-item:nth-child(5) {
  position: absolute;
  left: 4vw;
  bottom: 20vw;
}

.carrybot .experience-container .experience-item:nth-child(1) .experience-item-box-title {
  color: #FFD365;
}

.carrybot .experience-container .experience-item:nth-child(1) .experience-item-box-tips {
  color: #FFD365;
}

.carrybot .experience-container .experience-item:nth-child(1) .experience-item-box-desc {
  background: #FFD365;
}




.carrybot .experience-container .experience-item:nth-child(2) .experience-item-box-title {
  color: #B39CCF;
}

.carrybot .experience-container .experience-item:nth-child(2) .experience-item-box-tips {
  color: #B39CCF;
}

.carrybot .experience-container .experience-item:nth-child(2) .experience-item-box-desc {
  background: #B39CCF;
}

.carrybot .experience-container .experience-item:nth-child(3) .experience-item-box-title {
  color: #5AC7C7;
}

.carrybot .experience-container .experience-item:nth-child(3) .experience-item-box-tips {
  color: #5AC7C7;
}

.carrybot .experience-container .experience-item:nth-child(3) .experience-item-box-desc {
  background: #5AC7C7;
}

.carrybot .experience-container .experience-item:nth-child(4) .experience-item-box-title {
  color: #C5A482;
}

.carrybot .experience-container .experience-item:nth-child(4) .experience-item-box-tips {
  color: #C5A482;
}

.carrybot .experience-container .experience-item:nth-child(4) .experience-item-box-desc {
  background: #C5A482;
}


.carrybot .experience-container .experience-item:nth-child(5) .experience-item-box-title {
  color: #5CA1F2;
}

.carrybot .experience-container .experience-item:nth-child(5) .experience-item-box-tips {
  color: #5CA1F2;
}

.carrybot .experience-container .experience-item:nth-child(5) .experience-item-box-desc {
  background: #5CA1F2;
}





.carrybot .experience-m {
  margin: 21vw 0;
}

.carrybot .experience-m .experience-title {
  white-space: nowrap;
  text-align: center;

  font-size: 8vw;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto;
}

.carrybot .experience-m .experience-title-small {
  font-size: 6.6vw;
}

.carrybot .experience-m .experience-title-th {
  font-size: 9vw;
}

.carrybot .experience-m .experience-desc {
  color: #fff;

  font-size: 3.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  margin: 3.4vw 4vw;
}

.carrybot .experience-m .experience-item {
  width: 55vw;
  padding: 3vw;
  border-radius: 3vw;
  background: rgba(36, 36, 36, 0.60);
  box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.20);
}

.carrybot .experience-m .experience-container .experience-item-box .experience-item-box-title {

  font-size: 4vw;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  position: relative;
}

.carrybot .experience-m .experience-container .experience-item .experience-item-box-tips {
  display: flex;
  flex-direction: row;
  font-size: 3.5vw;
  align-items: center;
  margin-bottom: 0.5vw;
}

.carrybot .experience-m .experience-container .experience-item .experience-item-box-tips img {
  width: 3.8vw;
  height: 3.8vw;
}

.carrybot .experience-m .experience-container .experience-item .experience-item-box-desc {
  border-radius: 2.5vw;
  padding: 2vw;
  font-size: 3.3vw;
}


.carrybot .solution-pc {
  padding-bottom: 160px;
  padding-top: 160px;
}

.carrybot .solution-pc .solution-title {
  text-align: center;

  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 64.8px */
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 80px;
}

.carrybot .solution-pc .solution-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.carrybot .solution-pc .solution-list .solution-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 32px;
  border-radius: 12px;
  background: #242424;
}

.carrybot .solution-pc .solution-list .solution-item-icon {
  width: 80px;
  height: 80px;
}

.carrybot .solution-pc .solution-list .solution-item-title {
  color: rgba(255, 255, 255, 0.90);

  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
  /* 43.2px */
  text-transform: uppercase;
}

.carrybot .solution-pc .solution-list .solution-item-desc {
  color: rgba(255, 255, 255, 0.70);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.2px */
}

.ar .carrybot .solution-pc .solution-list .solution-item-desc {
  text-align: right;
}


.carrybot .solution-m {
  padding-bottom: 20vw;
  padding-top: 10vw;
}

.carrybot .solution-m .solution-title {
  /* white-space: nowrap; */
  margin-bottom: 10vw;
  margin-top: 10vw;
  text-align: center;

  font-size: 8.2vw;
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.carrybot .solution-m .solution-title-th {
  font-size: 10vw;
}

.carrybot .solution-m .solution-title-nl {
  font-size: 7.5vw;
}

.carrybot .solution-m .solution-list {
  grid-template-columns: repeat(1, 1fr);
  padding: 4vw;
}

.carrybot .solution-m .solution-list .solution-item {
  margin-bottom: 4vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2vw;
  padding: 32px;
  border-radius: 12px;
  background: #242424;
}

.carrybot .solution-m .solution-list .solution-item-icon {
  width: 12vw;
  height: 12vw;
}

.carrybot .solution-m .solution-list .solution-item {
  padding: 6vw 5vw;
}

.carrybot .solution-m .solution-list .solution-item-title {
  font-size: 5.5vw;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.90);
}

.carrybot .solution-m .solution-list .solution-item-desc {
  font-size: 3.4vw;
  color: rgba(255, 255, 255, 0.70);
}




.carrybot .application-pc {
  padding-bottom: 160px;
}

.carrybot .application-pc .application-title {
  text-align: center;

  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 80px;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.carrybot .application-pc .application-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;

}

.carrybot .application-pc .application-list .application-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* max-width:40vw; */
}

.carrybot .application-pc .application-list .application-item .application-item-icon {
  /* max-height:400px;  */
  border-radius: 12px;
  object-fit: contain;
}

.carrybot .application-pc .application-list .application-item .application-item-text {
  color: #FFF;
  text-align: center;

  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 32px;
}



.carrybot .application-m {
  padding-bottom: 20vw;
}

.carrybot .application-m .application-title {
  white-space: nowrap;
  font-size: 9vw;
  margin-bottom: 0px;
  text-align: center;

  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;

  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.carrybot .application-m .application-title-nl {
  font-size: 8vw;
}

.carrybot .application-m .application-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.carrybot .application-m .application-list {
  margin: auto 4vw;
  margin-top: 10vw;
}

.carrybot .application-m .application-list .application-item {
  height: auto;
  gap: 0vw;
  margin-top: 4vw;
}

.carrybot .application-m .application-item-last {
  width: 92vw;
  margin: 6vw auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2vw;
}

.carrybot .application-m .application-item-last .application-item-icon {
  border-radius: 2vw;
}

.carrybot .application-m .application-list .application-item .application-item-icon {
  border-radius: 2vw;
}

.carrybot .application-m .application-list .application-item .application-item-text,
.carrybot .application-m .application-item-last .application-item-text {
  margin: 2vw auto 0;
  color: #fff;
  text-align: center;

  font-size: 4vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}


/* speci-container */
.speci {
  margin-bottom: 120px;
  background: #181818 !important;
}

.speci-container {
  padding: 120px 0;
  margin: 0 auto;
  color: #fff;
}


.speci-title {
  text-align: center;

  font-size: 54px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 64.8px */
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.speci-list {
  margin-top: 42px;
  margin-bottom: 42px;
  display: flex;
  flex-direction: column;
  align-items: center;

}

.speci-item {
  padding-bottom: 16px;
  display: flex;
  flex-direction: row;
}

.speci-pc .speci-item-title {
  width: 268px;
  color: rgba(255, 255, 255, 0.70);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  /* position: relative; */
}

/* .speci-item-list {
  margin-left: 80px;
} */

.speci-item-line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.speci-content .speci-item-line:last-child {
  display: none;
}

.speci-item-list-item {
  display: flex;
  flex-direction: row;

}

.speci-pc .speci-item-list-item-value {
  flex: 1;
  color: #FFF;

  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 268px;
  text-align: center;
  margin-right: 16px;
}

.robot-list {
  margin-bottom: 66px;
}

.speci-pc .robot-title {
  color: #FFF;
  text-align: center;
  font-family: 'Poppins';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.robot-title img {
  width: 147px;
  height: 180px;
}

.comparison {
  padding: 120px 0 160px;
  background-color: #181818;
}

.comparison-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.comparison-container .comparison-title {
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.comparison-container .comparison-title.title1 {
  font-size: 54px;
  margin-bottom: 8px;
}

.comparison-container .comparison-title.title2 {
  font-size: 80px;
}

.comparison-container .comparison-desc {
  font-size: 18px;
  line-height: 2;
  margin: 32px 0;
}

.comparison-container .comparison-tip {
  width: 100%;
  margin: 24px 0 28px;
  color: rgba(255, 255, 255, 0.45);
  text-align: left;
  font-size: 14px;
  line-height: 150%;
}


.comparison-container .comparison-content {
  width: 100%;

}

.comparison-item {
  display: flex;
  justify-content: space-between;
  height: 86px;
}

.comparison-item .comparison-item-title {
  width: 150px;
  border-right: 1px dashed rgba(255, 255, 255, 0.20);
  text-align: left;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.70);
}

.comparison-item-value {
  font-size: 14px;
  line-height: 1.5;
  width: 175px;
  text-align: center;
  font-weight: 600;
}

.comparison-item .comparison-item-value:nth-child(3),
.comparison-item .comparison-item-value:nth-child(5) {
  border-right: 1px dashed rgba(255, 255, 255, 0.20);
}

.comparison-item:first-child {
  height: 100%;
  margin-bottom: 50px;
}

.comparison-item:first-child .comparison-item-value {
  width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.comparison-item:first-child .comparison-item-value img {
  width: 205px;
  height: 242px;
  margin: 24px 0 16px;
}

.comparison-item:first-child .comparison-item-title,
.comparison-item:first-child .comparison-item-value {
  border-right: none;
}

.comparison-item:nth-child(2) {
  color: #F9C84C;
  font-weight: 700;
  line-height: 150%;
}

.comparison-item:nth-child(2) .comparison-item-value {
  font-size: 18px;
  font-weight: 700;
}

.comparison-item:nth-child(3) {
  height: 120px;
}

.comparison-item:last-child {
  height: 21px;
}

@media screen and (max-width: 1000px) {

  .comparison {
    padding: 16vw 0 21.333vw;
  }

  .comparison-container .comparison-content {
    padding: 0 4.4vw;
  }

  .comparison-container .comparison-title.title1 {
    font-size: 5.333vw;
    margin-bottom: 1.067vw;
  }

  .comparison-container .comparison-title.title2 {
    font-size: 6vw;
  }

  .comparison-container .comparison-desc {
    font-size: 2.4vw;
    margin: 4.267vw 0;
    padding: 0 5.333vw;
    text-align: center;
  }

  .comparison-container .comparison-tip {
    margin: 3.2vw 0 3.733vw;
    padding: 0 4.4vw;
    font-size: 1.867vw;
  }

  .comparison-item {
    height: 12vw;
  }

  .comparison-item .comparison-item-title {
    width: 11.067vw;
    font-size: 1.867vw;
  }

  .comparison-item .comparison-item-title,
  .comparison-item:nth-last-child(2) .comparison-item-value {
    white-space: pre-line;
  }

  .comparison-item:first-child .comparison-item-value {
    width: 26.4vw;
  }

  .comparison-item:first-child .comparison-item-value img {
    width: 26.267vw;
    height: 32.267vw;
    margin: 3.2vw 0 2.133vw;
  }

  .comparison-item-value {
    font-size: 1.867vw;
    width: 13.333vw;
  }

  .comparison-item:first-child {
    margin-bottom: 6.667vw;
  }

  .comparison-item:first-child .comparison-item-value,
  .comparison-item:nth-child(2) {
    font-size: 2.4vw;
  }

  .comparison-item:nth-child(2) .comparison-item-value {
    font-size: 2.4vw;
  }

  .comparison-item:nth-child(3) {
    height: 18.667vw;

  }

  .comparison-item:last-child {
    height: 5.6vw;
  }

}




#box_m .robot_3D,
#box_pc .robot_3D {
  position: relative;
}


.spritespin_pc {
  width: 500px;
  height: 500px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
  background-size: cover;
}

.spritespin_m_box {
  position: relative;
  width: 100vw;
  height: 100vw;
}

.spritespin_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
  background-size: cover;
}

#spritespin_m_1,
#spritespin_m_2,
#spritespin_m_3 {
  width: 100vw;
  height: 100vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
  background-size: cover;
}


.sprites_btns_pc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 27px;
  border: 1px solid rgba(255, 255, 255, 0.50);
  background: rgba(255, 255, 255, 0.15);
  width: 190px;
  padding: 6px 8px;
  margin: 0 auto;
  margin-top: -40px;
  position: relative;
  z-index: 999;
}

.ar .sprites_btns_pc {
  flex-direction: row-reverse;
}

#sprites_btns_m {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 27px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.20);
  width: 170px;
  padding: 6px 8px;
  margin: 0 auto;
  margin-top: -25px;
  position: relative;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ar #sprites_btns_pc,
.ar #sprites_btns_m {
  flex-direction: row-reverse;
}

.rotate-middle_pc,
.rotate-loading_pc,
#rotate-middle_m,
#rotate-loading_m {
  margin: 0px 24px;
}

.rotate-left_pc,
.rotate-right_pc,
.rotate-middle_pc,
.rotate-loading_pc {
  width: 32px;
  height: 32px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0.3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rotate-middle_pc,
#rotate-middle_m {
  display: none;
}

#rotate-left_m,
.rotate-left_pc {
  background: url('https://www.orionstar.com/res/orics/down/ow001_20240428_2777db9a9ee5c93e8899d8486f33e8ae.png') center no-repeat;
  background-size: contain;
}

#rotate-middle_m,
.rotate-middle_pc {
  background: url('https://www.orionstar.com/res/orics/down/ow001_20240809_617d5dd99233ed88dbb6f074ed349308.png') center no-repeat;
  background-size: contain;
}

#rotate-loading_m,
.rotate-loading_pc {
  background: url('https://r.cmcm.com/r/a4ddc800339011efab1a5195d0336ab8.gif') center no-repeat;
  background-size: contain;
}

#rotate-right_m,
.rotate-right_pc {
  background: url('https://www.orionstar.com/res/orics/down/ow001_20240428_5eec2770e8fe1acd204961e652e962f1.png') center no-repeat;
  background-size: contain;
}

#rotate-left_m,
#rotate-right_m,
#rotate-middle_m,
#rotate-loading_m {
  width: 28px;
  height: 28px;
  opacity: 0.3;

}

.speci-m {
  margin-bottom: 16vw;
}

.speci-m .speci-container {
  padding: 16vw 4vw;
  margin: 0 auto;
  color: #fff;
}

.speci-m .speci-img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 107.46666667vw;
}

.speci-m .speci-title {
  font-size: 7.2vw;
  font-weight: 600;
  text-align: center;
  line-height: 9.33333333vw;
  color: #fff;
  position: relative;
  color: #FFF;

  font-style: normal;
  margin-bottom: 15vw;
}

.speci-m .title-after {
  display: none;
}

.en-US .speci-m .speci-title,
.ja-JP .speci-m .speci-title {
  margin-bottom: 0;
}

.en-US .speci-m .title-after,
.ja-JP .speci-m .title-after {
  display: block;
  margin-bottom: 15vw;
}

.speci-m .speci-title-th {
  font-size: 10vw;
}

.speci-m .speci-list {
  margin-top: 4vw;
  display: flex;
  flex-direction: column;
  align-items: center;

}

.speci-m .speci-item {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.speci-m .speci-item-title {
  width: 16vw;
  font-size: 2.8vw;
  text-align: left;
  color: rgba(255, 255, 255, 0.70);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.ar .speci-m .speci-item-title {
  text-align: right;
}

.speci-m .speci-item-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.speci-m #speci-robot-list {
  background: #181818;
  display: none;
  position: fixed;
  top: 60px;
  padding-left: 18vw;
  padding-right: 4.3vw;
  padding-bottom: 2vw;
  box-shadow: 0px 10px 10px 0px #000;
}

.ar .speci-m #speci-robot-list {
  padding-left: 4.3vw;
  padding-right: 18vw;
}



.speci-m .speci-item-line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}



.speci-m .speci-item-list-item-value {
  color: #FFF;
  text-align: center;

  font-size: 2.8vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  min-width: 24vw;
  max-width: 24vw;
  margin-left: 1.5vw;
}


.speci-m .robot-title img {
  width: 30vw;
  height: 30vw;
}

.speci-m .robot-title {
  color: #FFF;
  text-align: center;

  font-size: 4vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.speci-m .robot-list {
  margin-bottom: 8vw;
}

@media (max-width: 800px) {

  /* .media-pc {
    display: none;
  }

  .media-m {
    display: block;
    width: 100vw;
  } */

  .ant-modal {
    width: 100%;
  }



}

@media (min-width: 800.1px) {
  /* .media-pc {
    display: block;
  }

  .media-m {
    display: none;
  } */

  .ant-modal {
    width: 980px;
  }

}

.recommended .recommended_title {
  text-align: center;
  font-size: 54px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 64.8px */
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFF 20.74%, #727272 60.45%, #9E9E9E 78.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}