.head-banner{position:relative;width:100%;height:100%;min-height:100px;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden}.head-banner__svg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:1}.head-banner__svg path{--svg-fill:#222}.head-banner__link{display:block;width:100%;height:100%;position:relative;z-index:1;text-decoration:none;color:inherit}.head-banner__link:hover{cursor:pointer}.head-banner__static{height:100px}.head-banner__swiper-slide{background-color:#6b92f6;height:auto!important;min-height:100px}.head-banner__container{margin:0 auto;height:100%;width:100%;position:relative;z-index:2}.head-banner__inner{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:10px 180px;padding:10px}.head-banner__inner2{display:flex;width:100%;height:100%;position:relative;align-items:center;gap:10px 180px;padding:10px}.head-banner__text1,.head-banner__text2{position:absolute;z-index:10}.head-banner__slide{max-width:1300px;height:100%;margin:auto}.head-banner__left,.head-banner__right{display:flex;align-items:center;gap:32px;z-index:10;justify-content:space-between}.head-banner__right{max-width:450px;width:100%}.head-banner__title{font-size:22px;font-weight:bold;max-width:400px;line-height:1.5;color:#fff}.head-banner__button{all:unset;display:inline-block;position:relative;z-index:2;cursor:pointer;padding:8px 26px;text-align:center;border:2px solid #fff;border-radius:10px;text-decoration:none;font-size:14px;transition:all .3s;box-sizing:border-box;line-height:1.5;white-space:nowrap;max-width:300px}.head-banner__button--left{color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;transition:background .3s , color .3s}.head-banner__button--right{background-color:#fff;color:#222;border:2px solid #fff;margin-left:auto}.head-banner__button--left:hover,.head-banner__button--right:hover{background-color:#fff;color:#6b92f6}.head-banner__text{font-size:16px;max-width:300px;text-align:center;line-height:1.5}.head-banner__character{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;height:95px;background-size:contain;background-position:center;background-repeat:no-repeat}.head-banner__close{position:absolute;background-color:transparent;bottom:50%;transform:translateY(50%);right:15px;--svg-fill:#fff;text-align:center;cursor:pointer;z-index:3;width:36px;height:36px}.head-banner__close:hover{--svg-fill:#e1e1e1}.head-banner__swiper{height:100%}.head-banner__slider-nav{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;justify-content:center;z-index:1}.head-banner__slider-nav .head-banner__pagination{position:relative!important;display:flex!important;gap:5px;align-items:center;justify-content:center;top:0!important;left:0!important;bottom:auto!important;right:auto!important}.head-banner__slider-nav .head-banner__button-next,.head-banner__slider-nav .head-banner__button-prev{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;margin:0!important;flex-shrink:0}.head-banner__slider-nav .head-banner__button-next::after,.head-banner__slider-nav .head-banner__button-prev::after{font-size:8px;color:#222;position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.head-banner__slider-nav .swiper-pagination-bullet{opacity:.5!important;background:#fff!important}.head-banner__slider-nav .swiper-pagination-bullet-active{background:#fff!important;width:8px!important;height:8px!important;opacity:1!important}.head-banner__button--left-mb,.head-banner__text-mb{display:none}@media (max-width:1400px){.head-banner__right{margin-right:60px}.head-banner__close{width:32px;height:32px;top:-17px;bottom:unset;right:0}}@media (max-width:1280px){.head-banner__right{max-width:unset;width:unset}.head-banner__text{max-width:248px}}@media (max-width:1160px){.head-banner__title{font-size:20px}.head-banner__button--left-mb,.head-banner__text-mb{display:inline-block}.head-banner__inner2{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px}.head-banner__text1{grid-row:1;grid-column:1;position:relative;left:3%!important}.head-banner__text2{grid-row:2;grid-column:1;position:relative;left:3%!important}.head-banner__button--right{grid-row: 1 / span 2;grid-column:2}}@media (max-width:968px){.head-banner__static{height:100%}.head-banner__inner{gap:10px 150px;padding:10px 60px}.head-banner__text{text-align:left}.head-banner__character{height:100%}.head-banner__button{padding:8px 8px;width:100%;white-space:normal}.head-banner__title{font-size:18px;max-width:248px}.head-banner__right{flex-direction:column;gap:15px;text-align:center;margin-right:unset}.head-banner__left{flex-direction:column;gap:15px;padding:10px 0}.head-banner__inner2{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px}.head-banner__text1{grid-row:1;grid-column:1;position:relative;left:3%!important}.head-banner__text2{grid-row:2;grid-column:1;position:relative;left:3%!important}.head-banner__button--right{grid-row: 1 / span 2;grid-column:2}}@media (max-width:768px){.head-banner__slider-nav{bottom:10px}.head-banner__character{background-position:bottom left!important;width:100%;max-width:var(--max-width-mb,50%);left:0;transform:none}.head-banner__inner,.head-banner__inner2{display:flex;flex-direction:column;gap:10px;align-items:flex-end;margin:0 auto}.head-banner__text1,.head-banner__text2{position:relative;left:0!important;align-items:flex-end;gap:10px;width:100%;max-width:50%}.head-banner__button{max-width:50%}.swiper-wrapper .head-banner__inner,.head-banner__inner2{justify-content:space-evenly}.head-banner__left,.head-banner__right{align-items:flex-end;gap:10px;width:100%;max-width:60%}.head-banner__title{font-size:18px;display:block;width:300px;max-width:100%}.head-banner__text{font-size:14px}}@media (max-width:500px){.head-banner__title{font-size:16px}.head-banner__button--left-mb{padding:0;border:none;text-transform:none;font-size:14px}.head-banner__button{font-size:12px;padding:6px}.head-banner__left,.head-banner__right{gap:0;max-width:60%}.head-banner__left{padding:5px 0}.head-banner__inner,.head-banner__inner2{gap:0}.head-banner__slider-nav{left:10px;transform:none;gap:8px}.swiper-wrapper .head-banner__inner,.head-banner__inner2{padding:10px}.head-banner__slider-nav .head-banner__button-next,.head-banner__slider-nav .head-banner__button-prev{width:14px!important;height:14px!important}.head-banner__slider-nav .swiper-pagination-bullet-active{width:6px!important;height:6px!important}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{font-size:5px!important}.swiper-pagination-bullet{width:6px!important;height:6px!important}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}}