:root{--color-white:#fff;--color-orange:#f60;--color-lightgray:#b6b6b6;--color-black:#333}.v-websiteHelpBanner{border-radius:24px;display:flex;padding:3.2rem 4rem 3.2rem 22.4rem;position:relative}@media screen and (max-width:1220px){.v-websiteHelpBanner{padding:3.2rem 4rem 3.2rem 21.6rem}}@media screen and (max-width:992px){.v-websiteHelpBanner{padding:2.4rem 4rem 2.4rem 28.3rem}}@media screen and (max-width:640px){.v-websiteHelpBanner{padding:2.4rem 2.4rem 2.4rem 3.2rem}}.v-websiteHelpBanner.gray{background-color:#f4f4f4}.v-websiteHelpBanner.white{background-color:#fff}@media screen and (max-width:992px){.v-websiteHelpBanner.list{padding:2.4rem 4rem 2.4rem 25.6rem}}@media screen and (max-width:640px){.v-websiteHelpBanner.list{padding:2.4rem 2.4rem 2.4rem 3.2rem}}@media screen and (max-width:992px){.v-websiteHelpBanner.list .v-websiteHelpBanner__imgWrap{height:24rem;width:24rem}}@media screen and (max-width:640px){.v-websiteHelpBanner.list .v-websiteHelpBanner__imgWrap{display:none}.v-websiteHelpBanner.list .v-websiteHelpBanner__container{margin-left:0}}.v-websiteHelpBanner .v-websiteHelpBanner__title{font-size:2.2rem;line-height:3rem;margin-bottom:1.6rem}@media screen and (max-width:992px){.v-websiteHelpBanner .v-websiteHelpBanner__title{font-size:2rem;line-height:2.8rem}}@media screen and (max-width:640px){.v-websiteHelpBanner .v-websiteHelpBanner__title{font-size:1.8rem;line-height:2.6rem}}.v-websiteHelpBanner__imgWrap{border-radius:0 0 0 24px;bottom:0;height:19rem;left:0;overflow:hidden;position:absolute;width:19rem}@media screen and (max-width:992px){.v-websiteHelpBanner__imgWrap{height:26rem;width:26rem}}@media screen and (max-width:640px){.v-websiteHelpBanner__imgWrap{height:25.6rem;width:14.2rem;z-index:3}}.v-websiteHelpBanner__img{position:absolute;width:100%}.v-websiteHelpBanner__wrapper{display:grid;gap:0 3.2rem;grid-template-columns:1fr max-content;width:100%}@media screen and (max-width:992px){.v-websiteHelpBanner__wrapper{gap:0;grid-template-columns:1fr}}@media screen and (max-width:640px){.v-websiteHelpBanner__container{margin-left:12rem}}.v-websiteHelpBanner__wrapBtn{align-items:center;display:flex;gap:1.6rem;grid-row:span 2;justify-content:flex-end;position:relative;z-index:4}@media screen and (max-width:992px){.v-websiteHelpBanner__wrapBtn{justify-content:flex-start;margin-top:2.4rem}}@media screen and (max-width:640px){.v-websiteHelpBanner__wrapBtn{flex-direction:column}}.v-websiteHelpBanner__content{color:#6f6f6f;font-size:1.6rem;line-height:2.4rem}@media screen and (max-width:1220px){.v-websiteHelpBanner__content{font-size:1.4rem;line-height:2.2rem}}@media screen and (max-width:640px){.v-websiteHelpBanner__content{font-size:1.2rem;line-height:2rem}}.v-websiteHelpBanner__additionalBtn{font-size:1.4rem;gap:.4rem;line-height:2.4rem;margin-top:1.6rem}@media screen and (max-width:992px){.v-websiteHelpBanner__additionalBtn{font-size:1.2rem;line-height:2rem;margin-top:2rem}}@media screen and (max-width:640px){.v-websiteHelpBanner__additionalBtn{left:.6rem;margin:1.6rem auto 0;position:relative}}@media (hover:hover){.v-websiteHelpBanner__additionalBtn:hover{color:#f60;transition:color .3s ease-out}}@media screen and (hover:hover) and (max-width:992px){.v-websiteHelpBanner__additionalBtn:hover{color:#333}}.v-websiteHelpBanner__additionalBtn .v-icon{margin-right:0}@media screen and (max-width:992px){.v-websiteHelpBanner__additionalBtn .v-icon{height:2rem;width:2rem}}.v-websiteHelpBanner__swiper.v-swiperSlider.newDesign{max-width:100%;padding:0;width:auto}.v-websiteHelpBanner__swiper .swiper{overflow:hidden}.v-websiteHelpBanner__slider{column-gap:3.2rem;display:grid;grid-template-columns:61.1rem 1fr}@media screen and (max-width:1220px){.v-websiteHelpBanner__slider{grid-template-columns:45.7rem 1fr}}@media screen and (max-width:992px){.v-websiteHelpBanner__slider{column-gap:0;grid-template-columns:25.7rem}}@media screen and (max-width:640px){.v-websiteHelpBanner__slider{display:flex;flex-direction:column;margin-left:11rem;padding-bottom:6.4rem;width:calc(100% - 11rem)}}.v-websiteHelpBanner__swiper,.v-websiteHelpBanner__title{grid-column:1}.v-websiteHelpBanner__slide{color:#6f6f6f;line-height:2.4rem;transition:opacity .5s ease}@media screen and (max-width:1220px){.v-websiteHelpBanner__slide{font-size:1.4rem;line-height:2.4rem}}@media screen and (max-width:640px){.v-websiteHelpBanner__slide{font-size:1.2rem;line-height:2rem}}.v-websiteHelpBanner__slide:not(.swiper-slide-active){height:0;opacity:0}.v-websiteHelpBanner__navigation{align-items:center;display:flex;grid-column:2;grid-row:span 2}@media screen and (max-width:992px){.v-websiteHelpBanner__navigation{grid-column:1;margin-top:2.4rem}}@media screen and (max-width:640px){.v-websiteHelpBanner__navigation{bottom:2.4rem;position:absolute;right:2.4rem}}.v-websiteHelpBanner__navigation .swiperButton{align-items:center;background-color:#f4f4f4;border-radius:50%;display:flex;flex-shrink:0;height:4.8rem;justify-content:center;position:static;width:4.8rem}@media screen and (max-width:992px){.v-websiteHelpBanner__navigation .swiperButton{transform:translateY(0)}}@media screen and (max-width:640px){.v-websiteHelpBanner__navigation .swiperButton{height:4rem;width:4rem}}@media (hover:hover){.v-websiteHelpBanner__navigation .swiperButton:hover{background-color:#f60}.v-websiteHelpBanner__navigation .swiperButton:hover .v-icon{color:#fff}}.v-websiteHelpBanner__navigation .swiperButton .v-icon{height:2.4rem;margin:0;width:2.4rem}.v-websiteHelpBanner__pagination{align-items:center;display:flex;flex-shrink:0;height:4.8rem;margin:0 1.6rem;transform:translateY(-50%)}@media screen and (max-width:992px){.v-websiteHelpBanner__pagination{transform:translateY(0)}}@media screen and (max-width:640px){.v-websiteHelpBanner__pagination{font-size:1.4rem;line-height:2.2rem;margin:0 1.2rem}}
