/* banner */
#banner {padding: 0;width: 100%;z-index: 3;}
#banner .item {height: 100vh;display: flex;align-items: center;}
#banner .main-slider { -webkit-clip-path: url(#clip_banner); clip-path: url(#clip_banner); }
#banner .item .clip >* { min-width: 100%; width: 100%; }
#banner .item .clip:after{content:'';position: absolute;width: 100%;height: 100%;top: 0;background: #021f5f;opacity: .45;z-index: -1;}
#banner .item .clip .bgBox {z-index: 1;position: absolute;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video {overflow: hidden;position: absolute;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);z-index: -2;}
#banner .item .info{z-index:2}
#banner .item .info >div {margin: auto auto auto 10%;width: calc(45% - 60px);}
#banner .item .info >div .txt >* {max-width: calc(100% - 30px);font-size: 20px;letter-spacing: 0.05em;}
#banner .item .info >div .txt .h3 {margin-bottom: 15px;line-height: 140%;font-size: 45px;word-spacing: 100vw;letter-spacing: 5px;font-weight: 500;color: #2a3373;}
#banner .item .info >div .txt em{padding-bottom: .5%;display: block;font-family: 'Arimo';font-style: unset;font-size: 60px;line-height: 1.2;color: var(--complement);font-weight: 600;letter-spacing: 2px;text-transform: uppercase;margin-top: 15%;text-align: left;}
#banner .morelink{display:flex;gap: 30px;margin-top: 60px;justify-content: flex-start;}
#banner .morelink a{background: var(--complement);display: inline-flex;align-items: flex-start;justify-content: center;color: white;padding: 57px 215px 57px 25px;border-radius: 2.4rem;flex-direction: column;position: relative;overflow: hidden;box-shadow: 15px 15px #d9d9d9;gap: 5px;}
#banner .morelink a:hover{box-shadow: 0 0 #d9d9d9;}
#banner .morelink a img{position:absolute;width: 65%;right: -40px;}
#banner .morelink a:last-child{background: var(--secondary);}
#banner .morelink svg{width: 28px;height: 28px;fill: white;}
#banner .morelink em{font-style:unset;font-family: "Arimo", sans-serif;display: flex;gap: 20px;font-size: 18px;margin-top: 2px;}
#banner .morelink em i{display:flex;align-items: center;justify-content: center;}
#banner .morelink em i .c-oval__svg{position:absolute;width: 28px;height: 28px;z-index: 0;overflow: visible;stroke: var(--white);stroke-width: 1.5px;fill: rgb(67 67 67 / 0%);transition: var(--transition-hover);transition-property: stroke, fill, transform, -webkit-transform;}
#banner .morelink em i .c-arrow__svg{position: relative;z-index: 2;fill: none;width: 7px;height: 7px;}
#banner .morelink em i .c-arrow__svg path{stroke: white;stroke-width: 1.5px;}
#banner .morelink span{color:white;font-size: 19px;letter-spacing: 1px;}

#banner .left-part { padding: 20px 0 0; overflow: hidden; }
#banner .left-part h1 { margin: 0; color: #fff; font-family: "Extenda Trial 30 Deca"; font-size: clamp(100px,18.5%,282px); line-height: 0.75; font-weight: normal; font-style: normal; text-transform: uppercase; }
#banner .left-part h1 .text { color: #f1e728; display: block; height: 200px; }
#banner .left-part h1 .d-flex { display: flex; align-items: center; }
#banner .left-part h1 .char { transform: translateY(-515px); transition: transform 0.5s; }
.typed-cursor { display: none !important; }
#banner .left-part p { width: 72%; margin: 20px 0 0; color: #fff; font-size: 16px; font-style: normal; font-weight: normal; line-height: 2; font-family: "monument_extendedregular"; opacity: 0.8; }

/* button */
#banner .book-link { margin: 40px 0 0; padding: 0; border: 0; font-size: 56px; line-height: 1; color: #f1f1f1; letter-spacing: 0.25px; text-transform: uppercase; font-family: "Extenda Trial 20 Micro"; font-weight: 300; font-style: normal; display: inline-flex; align-items: center; gap: 28px; position: relative; text-decoration: none; }
#banner .book-link .linktext { position: relative; overflow: hidden; display: inline-block; }
#banner .book-link .linktext::before { position: absolute; content: ""; left: 0; bottom: 6px; width: 100%; height: 3px; background-color: #ffffff; transform: scaleX(1); transition: transform 250ms ease-in-out; transform-origin: 0 0; }
#banner .book-link:hover .linktext:before { transform: scaleX(0); transform-origin: 100% 100%; }
#banner .book-link .arrow { height: 36px; width: 36px; top: -5px; display: inline-block; position: relative; overflow: hidden; }
#banner .book-link .arrow::before,#banner .book-link .arrow::after { position: absolute; content: ""; background-color: #f1e728; transition: all ease-in-out 0.35s; transform-origin: 0 0; border-radius: 30px; }
#banner .book-link .arrow::before { height: 2px; width: 100%; top: 0; right: 0; }
#banner .book-link .arrow::after { width: 2px; height: 100%; top: 0; right: 0; }
#banner .book-link:hover .arrow::before { width: 65%; }
#banner .book-link:hover .arrow::after { height: 65%; }
#banner .book-link .arrow span { background-color: #f1e728; height: 2px; width: 100%; display: inline-block; transform: rotate(-45deg) translate(-3px,-1px); transform-origin: right top; border-radius: 30px; position: relative; transition: all ease-in-out 0.35s; position: absolute; top: 0; left: 0; }
#banner .book-link .arrow span::before { background-color: #f1e728; content: ""; height: 100%; width: 15px; left: -15px; top: 0; position: absolute; }

/* right part */
#banner .right-part {background-color: transparent;height: 700px;width: 700px;margin: 10% 0 0 auto;margin-right: 10%;display: block;position: relative;z-index: 3;flex-shrink: 0;display: none;}
#banner .right-part::before { content: ""; border-radius: 197.5px 0px; opacity: 0.4; background: #f1e728; filter: blur(112px); height: 35%; width: 55%; position: absolute; top: 50%; right: 33%; transform: translate(50%,-50%); z-index: -1; }
#banner .right-part .d-flex { height: 100%; gap: 24px; display: flex; flex-wrap: wrap; align-content: space-between; position: relative; }
#banner .main-grid { position: relative; }
#banner .box {width: calc((100%/3) - 16px);height: calc((100%/3) - 16px);background-color: #5bc0de;display: flex;align-items: center;justify-content: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 32px;color: #ffffff;font-family: "monument_extendedregular";border-radius: 120px;position: absolute;animation: 30s infinite;}

/* Box nth-child */
#banner .box:nth-child(1) { left: 0; top: 0; animation-name: box-1; }
#banner .box:nth-child(2) { left: calc(100%/3); top: 0; animation-name: box-2; }
#banner .box:nth-child(3) {left: calc((100%/3) * 2);top: 0;animation-name: box-3;background: #78b8de;}
#banner .box:nth-child(4) {left: 0;top: calc(100%/3);animation-name: box-4;background: #2faabc;}
#banner .box:nth-child(5) { left: calc((100%/3) * 2); top: calc(100%/3); animation-name: box-5; }
#banner .box:nth-child(6) { left: 0; top: calc((100%/3) * 2); animation-name: box-6; }
#banner .box:nth-child(7) {left: calc(100%/3);top: calc((100%/3) * 2);animation-name: box-7;background: #00b2e9;}
#banner .box:nth-child(8) { left: calc((100%/3) * 2); top: calc((100%/3) * 2); animation-name: box-8; }

/* 1st Child */
@keyframes box-1 {
  0%,90%,100% { left: 0; top: 0; }
  2.5%,12.5% { left: calc(100%/3); }
  15%,25% { left: calc((100%/3) * 2); top: 0; }
  27.5% { left: calc((100%/3) * 2); top: calc(100%/3); }
  29.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  31.5%,33.5% { left: calc(100%/3); width: 100%; }
  35.5%,37.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  40%,50% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  52.5%,62.5% { left: calc(100%/3); }
  65%,75% { left: 0; top: calc((100%/3) * 2); }
  77.5%,87.5% { top: calc(100%/3); }
}
@-webkit-keyframes box-1 {
  0%,90%,100% { left: 0; top: 0; }
  2.5%,12.5% { left: calc(100%/3); }
  15%,25% { left: calc((100%/3) * 2); top: 0; }
  27.5% { left: calc((100%/3) * 2); top: calc(100%/3); }
  29.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  31.5%,33.5% { left: calc(100%/3); width: 100%; }
  35.5%,37.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  40%,50% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  52.5%,62.5% { left: calc(100%/3); }
  65%,75% { left: 0; top: calc((100%/3) * 2); }
  77.5%,87.5% { top: calc(100%/3); }
}
@keyframes box-2 {
  0%,90%,100% { left: calc(100%/3); }
  2.5%,12.5% { left: calc((100%/3) * 2); top: 0; }
  15%,17% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  19%,21% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  23%,25% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  27.5%,37.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  40%,50% { left: calc(100%/3); top: calc((100%/3) * 2); }
  52.5%,62.5% { left: 0; top: calc((100%/3) * 2); }
  65%,75% { left: 0; top: calc(100%/3); }
  77.5%,87.5% { left: 0; top: 0; }
}
@-webkit-keyframes box-2 {
  0%,90%,100% { left: calc(100%/3); }
  2.5%,12.5% { left: calc((100%/3) * 2); top: 0; }
  15%,17% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  19%,21% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  23%,25% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  27.5%,37.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  40%,50% { left: calc(100%/3); top: calc((100%/3) * 2); }
  52.5%,62.5% { left: 0; top: calc((100%/3) * 2); }
  65%,75% { left: 0; top: calc(100%/3); }
  77.5%,87.5% { left: 0; top: 0; }
}
@keyframes box-3 {
  0%,90%,100% { left: calc((100%/3) * 2); }
  2.5%,12.5% { left: calc((100%/3) * 2); top: calc(100%/3); }
  4.5%,10.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  6.5%,8.5% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  15%,25% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  27.5%,37.5% { left: calc(100%/3); top: calc((100%/3) * 2); }
  40%,50% { left: 0; top: calc((100%/3) * 2); }
  52.5%,62.5% { left: 0; top: calc(100%/3); }
  65%,75% { left: 0; top: 0; }
  77.5%,87.5% { left: calc(100%/3); top: 0; }
}
@-webkit-keyframes box-3 {
  0%,90%,100% { left: calc((100%/3) * 2); }
  2.5%,12.5% { left: calc((100%/3) * 2); top: calc(100%/3); }
  4.5%,10.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  6.5%,8.5% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  15%,25% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  27.5%,37.5% { left: calc(100%/3); top: calc((100%/3) * 2); }
  40%,50% { left: 0; top: calc((100%/3) * 2); }
  52.5%,62.5% { left: 0; top: calc(100%/3); }
  65%,75% { left: 0; top: 0; }
  77.5%,87.5% { left: calc(100%/3); top: 0; }
}
@keyframes box-4 {
  0%,90%,100% { top: calc(100%/3); }
  2.5%,12.5% { left: 0; top: 0; }
  15%,25% { left: calc(100%/3); top: 0; }
  27.5%,37.5% { left: calc((100%/3) * 2); top: 0; }
  40%,42%,48%,50% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  44%,46% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  52.5%,62.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  65%,75% { left: calc(100%/3); top: calc((100%/3) * 2); }
  77.5%,87.5% { left: 0; top: calc((100%/3) * 2); }
}
@-webkit-keyframes box-4 {
  0%,90%,100% { top: calc(100%/3); }
  2.5%,12.5% { left: 0; top: 0; }
  15%,25% { left: calc(100%/3); top: 0; }
  27.5%,37.5% { left: calc((100%/3) * 2); top: 0; }
  40%,42%,48%,50% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  44%,46% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  52.5%,62.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  65%,75% { left: calc(100%/3); top: calc((100%/3) * 2); }
  77.5%,87.5% { left: 0; top: calc((100%/3) * 2); }
}
@keyframes box-5 {
  0%,90%,92%,98%,100% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  2.5%,12.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  15%,25% { left: calc(100%/3); top: calc((100%/3) * 2); }
  27.5%,37.5% { left: 0; top: calc((100%/3) * 2); }
  40%,50% { left: 0; top: calc(100%/3); }
  52.5%,62.5% { left: 0; top: 0; }
  65%,75% { left: calc(100%/3); top: 0; }
  77.5%,87.5% { left: calc((100%/3) * 2); top: 0; }
  94%,96% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
}
@-webkit-keyframes box-5 {
  0%,90%,92%,98%,100% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  2.5%,12.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  15%,25% { left: calc(100%/3); top: calc((100%/3) * 2); }
  27.5%,37.5% { left: 0; top: calc((100%/3) * 2); }
  40%,50% { left: 0; top: calc(100%/3); }
  52.5%,62.5% { left: 0; top: 0; }
  65%,75% { left: calc(100%/3); top: 0; }
  77.5%,87.5% { left: calc((100%/3) * 2); top: 0; }
  94%,96% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
}
@keyframes box-6 {
  0%,90%,100% { left: 0; top: calc((100%/3) * 2); }
  2.5%,12.5% { left: 0; top: calc(100%/3); }
  15%,25% { left: 0; top: 0; }
  27.5%,37.5% { left: calc(100%/3); top: 0; }
  40%,50% { left: calc((100%/3) * 2); top: 0; }
  52.5%,54.5%,60.5%,62.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  56.5%,58.5% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  65%,75% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  77.5%,87.5% { left: calc(100%/3); top: calc((100%/3) * 2); }
}
@-webkit-keyframes box-6 {
  0%,90%,100% { left: 0; top: calc((100%/3) * 2); }
  2.5%,12.5% { left: 0; top: calc(100%/3); }
  15%,25% { left: 0; top: 0; }
  27.5%,37.5% { left: calc(100%/3); top: 0; }
  40%,50% { left: calc((100%/3) * 2); top: 0; }
  52.5%,54.5%,60.5%,62.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  56.5%,58.5% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  65%,75% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  77.5%,87.5% { left: calc(100%/3); top: calc((100%/3) * 2); }
}
@keyframes box-7 {
  0%,90%,100% { left: calc(100%/3); top: calc((100%/3) * 2); }
  2.5%,12.5% { left: 0; top: calc((100%/3) * 2); }
  15%,25% { left: 0; top: calc(100%/3); }
  27.5%,37.5% { left: 0; top: 0; }
  40%,50% { left: calc(100%/3); top: 0; }
  52.5%,62.5% { left: calc((100%/3) * 2); top: 0; }
  65%,67%,73%,75% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  69%,71% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  77.5%,87.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
}
@-webkit-keyframes box-7 {
  0%,90%,100% { left: calc(100%/3); top: calc((100%/3) * 2); }
  2.5%,12.5% { left: 0; top: calc((100%/3) * 2); }
  15%,25% { left: 0; top: calc(100%/3); }
  27.5%,37.5% { left: 0; top: 0; }
  40%,50% { left: calc(100%/3); top: 0; }
  52.5%,62.5% { left: calc((100%/3) * 2); top: 0; }
  65%,67%,73%,75% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); }
  69%,71% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
  77.5%,87.5% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
}
@keyframes box-8 {
  0%,90%,100% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  2.5%,12.5% { left: calc(100%/3); top: calc((100%/3) * 2); }
  15%,25% { left: 0; top: calc((100%/3) * 2); }
  27.5%,37.5% { left: 0; top: calc(100%/3); }
  40%,50% { left: 0; top: 0; }
  52.5%,62.5% { left: calc(100%/3); top: 0; }
  65%,75% { left: calc((100%/3) * 2); top: 0; }
  77.5%,79.5%,85.5%,87.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); border-radius: 100%; }
  81.5%,83.5% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
}
@-webkit-keyframes box-8 {
  0%,90%,100% { left: calc((100%/3) * 2); top: calc((100%/3) * 2); }
  2.5%,12.5% { left: calc(100%/3); top: calc((100%/3) * 2); }
  15%,25% { left: 0; top: calc((100%/3) * 2); }
  27.5%,37.5% { left: 0; top: calc(100%/3); }
  40%,50% { left: 0; top: 0; }
  52.5%,62.5% { left: calc(100%/3); top: 0; }
  65%,75% { left: calc((100%/3) * 2); top: 0; }
  77.5%,79.5%,85.5%,87.5% { left: calc((100%/3) * 2); top: calc(100%/3); width: calc((100%/3) - 16px); border-radius: 100%; }
  81.5%,83.5% { left: calc(100%/3); top: calc(100%/3); width: 100%; }
}

/* Box Text */
#banner .box span {position: absolute;display: block;opacity: 0.8;z-index: 5;font-size: 18px;color: white;font-weight: 600;letter-spacing: 1px;}

/* Box Background-Image */
#banner .box .bg-img { position: absolute; top: 0; left: 0; border-radius: 120px; overflow: hidden; }
#banner .box .bg-img,#banner .box .bg-img img { height: 100%; width: 100%; }
#banner .box .bg-img img { max-width: 100%; object-fit: cover; object-position: center center; }

/* Curve Line */
.bg-line {position: absolute;top: -20px;right: -230px;width: 80%;height: 85px;z-index: -1;overflow: hidden;display: flex;display: -webkit-flex;white-space: nowrap;}
.bg-line img { position: relative; flex-shrink: 0; -webkit-flex-shrink: 0; animation: 26s linear infinite; }
.bg-line img:nth-child(1) { animation-name: first-text; }
.bg-line img:nth-child(2) { animation-name: second-text; }
@keyframes first-text {
  50% { transform: translateX(-100%); opacity: 1; }
  50.05% { opacity: 0; }
  50.1% { transform: translateX(100%); opacity: 1; }
  100% { transform: translateX(0%); }
}
@-webkit-keyframes first-text {
  50% { transform: translateX(-100%); opacity: 1; }
  50.05% { opacity: 0; }
  50.1% { transform: translateX(100%); opacity: 1; }
  100% { transform: translateX(0%); }
}
@keyframes second-text {
  50% { transform: translateX(-100%); }
  100% { transform: translateX(-200%); }
  0% { transform: translateX(0%); }
}
@-webkit-keyframes second-text {
  50% { transform: translateX(-100%); }
  100% { transform: translateX(-200%); }
  0% { transform: translateX(0%); }
}
/* Dash Circle */
.bg-dash-circle {position: absolute;bottom: -15px;right: -123px;z-index: -1;width: 180px;aspect-ratio: 1/1;}
.bg-dash-circle img { height: 100%; width: 100%; object-fit: cover; object-position: center center; animation: cirlce-rotate 18s linear infinite; }
@keyframes cirlce-rotate {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes cirlce-rotate {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}
/* Circle Line */
.bg-circle-h-line {bottom: 112px;left: -128px;z-index: 1;width: 181px;height: 111px;position: relative;}
.bg-circle-h-line img { width: 100%; max-width: 100%; height: auto; position: absolute; left: 0; }
.bg-circle-h-line img:nth-child(1) { top: 0; animation: top-ring-move 2.5s linear infinite; }
.bg-circle-h-line img:nth-child(2) { top: 50%; transform: translateY(-50%); }
.bg-circle-h-line img:nth-child(3) { bottom: 0; animation: bottom-ring-move 2.5s linear infinite; }
@keyframes top-ring-move {
  0% { transform: translateY(0); }
  50% { transform: translateY(5px); }
  100% { transform: translateY(0); }
}
@-webkit-keyframes top-ring-move {
  0% { transform: translateY(0); }
  50% { transform: translateY(5px); }
  100% { transform: translateY(0); }
}
@keyframes bottom-ring-move {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}
@-webkit-keyframes bottom-ring-move {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

@media screen and (max-width: 1680px){
    #banner .item .info >div .txt .h3{font-size: 38px;word-spacing: 100vw;}
	#banner .right-part{margin-right: 2%;}
}
@media screen and (max-width: 1440px){
    #banner .morelink a{padding: 27px 145px 27px 25px;}
    #banner .item .info >div{margin: auto auto auto 5%;}
}
@media screen and (max-width: 1400px){
    #banner .item .info >div .txt .h3{font-size: 32px;}
    #banner .item .info >div .txt em{margin-top: 17%;font-size: 32px;}
    #banner .item .info >div{width: calc(60% - 60px);}
	#banner .right-part{height: 550px;width: 550px;}
}
@media screen and (max-width: 1280px){
    .bg-circle-h-line, .bg-dash-circle, .bg-line{display:none;}
}
@media screen and (max-width: 1024px){
    #banner .item .info >div .txt em{margin-top: 35%;}
    #banner .item .clip .bgBox{background-position: 10% 50%;}
    #banner .right-part{display:none;}
    #banner .item .info >div{width: calc(90% - 60px);margin: 0 auto;}
    #banner .item .info >div .txt >*{font-size: 18px;}
}
@media screen and (max-width: 768px){
    #banner .item .clip .bgBox{background-position: 30% 50%;}
    #banner .item{height: 85vh;}
}
@media screen and (max-width: 640px){
    #banner .item .clip .bgBox{background-position: 55% 50%;}
    #banner .item{height: 100vh;}
    #banner .item .info >div{display: flex;flex-direction: column;justify-content: flex-end;margin-bottom: 15%;width: calc(95% - 60px);}
    #banner .morelink a{box-shadow:0 0;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 20px;gap: 5px;}
    #banner .morelink{display:flex;flex-direction: row;gap: 10px;margin-top: 20px;flex-wrap: wrap;}
    #banner .morelink a img, #banner .morelink a em{display:none;}
    #banner .item .info >div .txt >*{font-size: 15px;}
    #banner .item .info >div .txt .h3{font-size: 23px;}
}

@media screen and (max-width: 480px){
        #banner .item .info >div{display: flex;flex-direction: column;justify-content: flex-end;margin-bottom: 7%;width: calc(95% - 20px);}
#banner .item .info >div .txt .h3{
    font-size: 22px;
    letter-spacing: 2px;
    word-break: keep-all;
}
    #banner .item .info >div .txt em{
    font-size: 0;
}
    #banner .item .info >div .txt >*{
    font-size: 14px;
}
    #banner .morelink span{font-size: 15px;}
    #banner .morelink svg{
    width: 22px;
    height: 22px;
}
}