.slideOverlap .splide__track--draggable{overflow:visible}.splide__slide{border:none!important}.splide__pagination{-moz-column-gap:8px;margin-inline:auto;flex-wrap:nowrap;column-gap:8px;width:calc(100% - 32px);margin-top:24px;position:relative;bottom:0}@media (min-width:768px){.splide__pagination{width:95%}}@media (min-width:1024px){.splide__pagination{max-width:1248px}}.splide__pagination li{-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;align-items:center;width:100%;max-width:24px;margin:0;display:flex;overflow:hidden}.splide__pagination .splide__pagination__page{opacity:1;box-sizing:border-box;-o-transition:all .3s ease;background:#08335e80;border:none;border-radius:0;width:100%;height:6px;margin:0;transition:all .3s;box-shadow:0 1px 2px #1018280d}.splide__pagination .splide__pagination__page.is-active{background:var(--fg-brand-primary);opacity:1;transform:scale(1)}.splide__pagination .splide__pagination__page:hover{background:var(--fg-brand-primary)}.splide__progress{background:var(--overlay-subtle);width:100%;position:absolute;bottom:0}.splide__progress__bar{background-color:var(--colorPrimary);height:2px}.splide__arrows{top:46.5%;left:0;bottom:inherit;width:100%;position:absolute}.splide__arrows .splide__arrow{opacity:1;border-radius:inherit;-o-transition:all .3s ease;background:50%/auto 100% no-repeat;width:32px;height:32px;transition:all .3s}@media (min-width:768px){.splide__arrows .splide__arrow{width:48px;height:48px}}.splide__arrows .splide__arrow svg{display:none}.splide__arrows .splide__arrow:hover{opacity:1}.splide__arrows .splide__arrow:disabled{opacity:.4}.splide__arrows .splide__arrow.splide__arrow--prev{background-image:url(/assets/img/ui/slide/ico-arrow-slide-l.svg);left:-8px}@media (min-width:1024px){.splide__arrows .splide__arrow.splide__arrow--prev{left:-56px}}.splide__arrows .splide__arrow.splide__arrow--prev:hover{background-image:url(/assets/img/ui/slide/ico-arrow-slide-l-hover.svg)}.splide__arrows .splide__arrow.splide__arrow--next{background-image:url(/assets/img/ui/slide/ico-arrow-slide-r.svg);right:-8px}@media (min-width:1024px){.splide__arrows .splide__arrow.splide__arrow--next{right:-56px}}.splide__arrows .splide__arrow.splide__arrow--next:hover{background-image:url(/assets/img/ui/slide/ico-arrow-slide-r-hover.svg)}.splide .bNumber{font-weight:var(--fw-bold);background-color:var(--colorPrimary);color:var(--colorWhite);width:fit-content;margin:12px auto 0;padding:0 12px;line-height:30px;display:table}.splide .bNumber span{display:inline}.splide__sr,.splide__progress{display:none}#pageWithu #pBanner{position:relative}#pageWithu #pBanner .bannerPc{display:none}@media (min-width:768px){#pageWithu #pBanner .bannerPc{display:block}}#pageWithu #pBanner .bannerMb{display:block}@media (min-width:768px){#pageWithu #pBanner .bannerMb{display:none}}#pageWithu #pBanner .bTitle{color:var(--colorWhite);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding-bottom:40px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (min-width:768px){#pageWithu #pBanner .bTitle{padding-bottom:60px}}#pageWithu #pBanner .bTitle h1{width:calc(100% - 32px);font-weight:var(--fw-regular);margin-inline:auto;font-size:1.25rem;line-height:1.5em}@media (min-width:768px){#pageWithu #pBanner .bTitle h1{width:95%}}@media (min-width:1024px){#pageWithu #pBanner .bTitle h1{max-width:1248px;font-size:3rem;line-height:1.25em}}#pageWithu #pBanner .bTitle p{width:calc(100% - 32px);margin-inline:auto;font-size:1rem;line-height:1.5em}@media (min-width:768px){#pageWithu #pBanner .bTitle p{width:95%}}@media (min-width:1024px){#pageWithu #pBanner .bTitle p{max-width:1248px;font-size:1.25rem;line-height:1.5em}}#pageWithu #pActivities{padding:32px 0}@media (min-width:768px){#pageWithu #pActivities{padding:48px 0}}#pageWithu #pActivities .bContent{width:calc(100% - 32px);margin-inline:auto}@media (min-width:768px){#pageWithu #pActivities .bContent{width:95%}}@media (min-width:1024px){#pageWithu #pActivities .bContent{max-width:1248px}}#pageWithu #pActivities .bContent #slideActivities article .bPic img{aspect-ratio:400/225;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}#pageWithu #pActivities .bContent #slideActivities article .bDetails{background-color:var(--bg-brand-primary_alt);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:12px;display:flex}#pageWithu #pActivities .bContent #slideActivities article .bDetails>*{width:100%}#pageWithu #pActivities .bContent #slideActivities article .bDetails h3{color:var(--text-brand-primary);font-size:1.125rem;line-height:1.5556em;font-weight:var(--fw-semibold);border-bottom:1px solid var(--button-secondary-color-border);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:8px 0;overflow:hidden}@media (min-width:768px){#pageWithu #pActivities .bContent #slideActivities article .bDetails h3{font-size:1.5rem;line-height:1.3333em}}#pageWithu #pActivities .bContent #slideActivities article .bDetails p{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;color:var(--text-tertiary);-webkit-box-orient:vertical;font-size:.75rem;line-height:1.5em;display:-webkit-box;overflow:hidden}@media (min-width:768px){#pageWithu #pActivities .bContent #slideActivities article .bDetails p{font-size:1rem;line-height:1.5em}}#pageWithu #pActivities .bContent #slideActivities article .bDetails .bBtn{gap:16px;display:flex}#pageWithu #pActivities .bContent #slideActivities article .bDetails .bBtn .btn{height:36px;line-height:36px}@media (min-width:768px){#pageWithu #pActivities .bContent #slideActivities article .bDetails .bBtn .btn{height:44px;line-height:44px}}#pageWithu #pMomentWithu{background:linear-gradient(180deg,#ffffff4d 0%,var(--Component-colors-Utility-Brand-utility-brand-100,#dbeeff4d)20%,var(--Component-colors-Utility-Brand-utility-brand-200,#b6daff4d)50%,var(--Component-colors-Utility-Brand-utility-brand-100,#dbeeff4d)80%,#ffffff4d 100%),#fff;padding:32px 0}@media (min-width:768px){#pageWithu #pMomentWithu{padding:48px 0}}#pageWithu #pMomentWithu .bTitleSection h2{text-transform:initial}#pageWithu #pMomentWithu .bContent{flex-direction:column;gap:24px;width:calc(100% - 32px);margin-inline:auto;display:flex}@media (min-width:768px){#pageWithu #pMomentWithu .bContent{width:95%}}@media (min-width:1024px){#pageWithu #pMomentWithu .bContent{max-width:1248px}}#pageWithu #pMomentWithu .bContent .bHighlight .bVdo{padding-top:56.25%;position:relative}#pageWithu #pMomentWithu .bContent .bHighlight .bVdo iframe{width:100%;height:100%;position:absolute;inset:0}@media (min-width:768px){#pageWithu #pMomentWithu .bContent .bHighlight{grid-template-columns:60% calc(40% - 24px);align-items:center;gap:24px;display:grid}}#pageWithu #pMomentWithu .bContent .bAll{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;width:100%;display:flex}#pageWithu #pMomentWithu .bContent .bAll #slideMomentArticles{width:100%}#pageWithu #pMomentWithu .bContent .bAll .bBtn{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}#pageWithu #pMomentWithu .bContent .bAll .bBtn .btn{width:auto}#pageWithu #pWithuClub{padding:32px 0}@media (min-width:768px){#pageWithu #pWithuClub{padding:48px 0}}#pageWithu #pWithuClub .bTitleSection h2{text-transform:initial}#pageWithu #pWithuClub .bContent{flex-direction:column;gap:24px;width:calc(100% - 32px);margin-inline:auto;display:flex}@media (min-width:768px){#pageWithu #pWithuClub .bContent{width:95%}}@media (min-width:1024px){#pageWithu #pWithuClub .bContent{max-width:1248px}}#pageWithu #pWithuClub .bContent #slideWithuClub{width:100%}#pageWithu #pWithuClub .bContent #slideWithuClub article .bPic img{aspect-ratio:400/225;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}#pageWithu #pWithuClub .bContent #slideWithuClub article .bDetails{background:linear-gradient(96deg,#0b457f66 52.31%,#97cbff66 100%),var(--Colors-Background-bg-brand-solid,#0b457f);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}#pageWithu #pWithuClub .bContent #slideWithuClub article .bDetails>*{width:100%}#pageWithu #pWithuClub .bContent #slideWithuClub article .bDetails h3{color:var(--colorWhite);font-size:1.125rem;line-height:1.5556em;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (min-width:768px){#pageWithu #pWithuClub .bContent #slideWithuClub article .bDetails h3{font-size:1.5rem;line-height:1.3333em}}#pageWithu #pWithuClub .bContent #slideWithuClub article .bDetails p{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;color:var(--text-secondary_on-brand);-webkit-box-orient:vertical;font-size:.75rem;line-height:1.5em;display:-webkit-box;overflow:hidden}@media (min-width:768px){#pageWithu #pWithuClub .bContent #slideWithuClub article .bDetails p{font-size:1rem;line-height:1.5em}}#pageWithu #pWithuClub .bContent .bVdo{padding-top:56.25%;position:relative}#pageWithu #pWithuClub .bContent .bVdo iframe{width:100%;height:100%;position:absolute;inset:0}#pageWithu #pBenefitWithu{background:url(/assets/img/ci/withu/ico-withu.png) no-repeat right center,linear-gradient(101deg,var(--colors-foreground-fg-brand-secondary-500,#5facf9)1.67%,var(--Colors-Background-bg-brand-section_subtle,#1f63a8)31.79%,var(--Colors-Background-bg-brand-solid,#0b457f)61.91%,var(--Colors-Background-bg-brand-solid_hover,#08335e)76.97%);flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:32px 0;display:flex}@media (min-width:768px){#pageWithu #pBenefitWithu{padding:48px 0}}#pageWithu #pBenefitWithu .bTitle{width:calc(100% - 32px);color:var(--colorWhite);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-inline:auto;display:flex}@media (min-width:768px){#pageWithu #pBenefitWithu .bTitle{width:95%}}@media (min-width:1024px){#pageWithu #pBenefitWithu .bTitle{max-width:1248px}}#pageWithu #pBenefitWithu .bTitle h2{font-weight:var(--fw-semibold);font-size:1.75rem;line-height:1.3571em}@media (min-width:768px){#pageWithu #pBenefitWithu .bTitle h2{font-size:2.375rem;line-height:1.1579em}}#pageWithu #pBenefitWithu .bTitle h2 br{display:block}@media (min-width:768px){#pageWithu #pBenefitWithu .bTitle h2 br{display:none}}#pageWithu #pBenefitWithu .bTitle p{font-size:1rem;line-height:1.5em}@media (min-width:768px){#pageWithu #pBenefitWithu .bTitle p{max-width:860px;margin:0 auto;font-size:1.125rem;line-height:1.5556em}}#pageWithu #pBenefitWithu .bBenefit{flex-direction:column;width:calc(100% - 32px);max-width:800px;margin-inline:auto;display:flex}#pageWithu #pBenefitWithu .bBenefit .bTab{grid-column-gap:0;grid-row-gap:0;grid-template-columns:repeat(3,1fr);width:100%;display:grid}#pageWithu #pBenefitWithu .bBenefit .bTab .btnTab{appearance:none;cursor:pointer;font-size:1rem;line-height:1;font-weight:var(--fw-medium);color:var(--text-secondary_on-brand);-o-transition:all .3s ease;background-color:#0000;border:none;border-bottom:3px solid #0000;margin:0;padding:0 8px 12px;transition:all .3s}@media (min-width:768px){#pageWithu #pBenefitWithu .bBenefit .bTab .btnTab{font-size:1.25rem;line-height:1.5em;line-height:inherit}}#pageWithu #pBenefitWithu .bBenefit .bTab .btnTab.active{color:var(--colorWhite);border-color:var(--colorWhite)}#pageWithu #pBenefitWithu .bBenefit .bTab .btnTab:hover{color:var(--colorWhite)}#pageWithu #pBenefitWithu .bBenefit .bAll{border-top:1px solid var(--colorWhite);background:#ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:12px 16px;display:flex}@media (min-width:768px){#pageWithu #pBenefitWithu .bBenefit .bAll{padding:24px}}#pageWithu #pBenefitWithu .bBenefit .bAll .bItem{color:var(--colorWhite);flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;font-size:.875rem;line-height:1.4286em;display:flex}@media (min-width:768px){#pageWithu #pBenefitWithu .bBenefit .bAll .bItem{width:80%;font-size:1rem;line-height:1.5em}}#pageWithu #pBenefitWithu .bBenefit .bAll .bItem h3{color:var(--colorWhite);font-size:.75rem;line-height:1.5em;font-weight:var(--fw-semibold)}@media (min-width:768px){#pageWithu #pBenefitWithu .bBenefit .bAll .bItem h3{font-size:1.125rem;line-height:1.5556em}}#pageWithu #pBenefitWithu .bBenefit .bAll .bItem ul{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;list-style:none;display:flex}#pageWithu #pBenefitWithu .bBenefit .bAll .bItem ul li{align-items:baseline;gap:12px;display:flex}#pageWithu #pBenefitWithu .bBenefit .bAll .bItem ul li:before{content:"";background-color:var(--colorWhite);-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block;overflow:hidden}@media (min-width:768px){#pageWithu #pBenefitWithu .bBenefit .bAll .bItem ul li:before{width:10px;height:10px}}#pageWithu #pRegisterWithu{overflow:inherit;background:url(/assets/img/ci/withu/bg-form.jpg) 80% bottom no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 0 160px;display:flex}@media (min-width:768px){#pageWithu #pRegisterWithu{background-position:bottom;background-size:130%;gap:24px;padding:48px 0 96px}}@media (min-width:1920px){#pageWithu #pRegisterWithu{background-size:100%}}#pageWithu #pRegisterWithu .bTitle{width:calc(100% - 32px);margin-inline:auto}@media (min-width:768px){#pageWithu #pRegisterWithu .bTitle{width:95%}}@media (min-width:1024px){#pageWithu #pRegisterWithu .bTitle{max-width:1248px}}#pageWithu #pRegisterWithu .bTitle h2{color:var(--text-brand-primary);font-size:1.75rem;line-height:1.3571em;font-weight:var(--fw-medium);text-align:center}@media (min-width:768px){#pageWithu #pRegisterWithu .bTitle h2{font-size:2.375rem;line-height:1.1579em}}#pageWithu #pRegisterWithu .bRegisterMain{width:calc(100% - 32px);max-width:800px;margin-inline:auto}#pageWithu #pRegisterWithu .bRegisterMain .bForm .bGroup h3{color:var(--text-brand-primary);font-size:1rem;line-height:1.5em;font-weight:var(--fw-semibold)}#pageWithu #pRegisterWithu .bRegisterMain .bForm .bGroup .bRow{gap:16px}#pageWithu #pRegisterWithu .bRegisterMain .bForm .bGroup .groupSocial{grid-column-gap:16px;grid-row-gap:16px;grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:768px){#pageWithu #pRegisterWithu .bRegisterMain .bForm .bGroup .groupSocial{grid-column-gap:16px;grid-row-gap:16px;grid-template-columns:repeat(2,1fr);display:grid}}#pageWithu #pRegisterWithu .bRegisterMain .bForm .bGroup .groupSocial .FixRow{grid-template-columns:35% calc(65% - 16px);display:grid}#pageWithu #pRegisterWithu .bRegisterMain .bForm .bGroup .groupSocial .FixRow>label{align-items:center;gap:8px;font-size:1rem;line-height:1.5em;display:flex}#pageWithu #pRegisterWithu .bRegisterMain .bForm .bGroup .groupSocial .FixRow>label .control input{top:50%}#pageWithu #pSocialWithu{background-color:var(--bg-brand-secondary);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:0 0 24px;display:flex}@media (min-width:768px){#pageWithu #pSocialWithu{gap:12px}}#pageWithu #pSocialWithu .bContent{justify-content:center;align-items:center;gap:16px;width:calc(100% - 32px);margin-inline:auto;display:flex}@media (min-width:768px){#pageWithu #pSocialWithu .bContent{width:95%}}@media (min-width:1024px){#pageWithu #pSocialWithu .bContent{max-width:1248px}}#pageWithu #pSocialWithu .bContent h4{font-size:1rem;line-height:1.5em;font-weight:var(--fw-semibold);color:var(--text-brand-primary)}@media (min-width:768px){#pageWithu #pSocialWithu .bContent h4{font-size:1.5rem;line-height:1.3333em}}#pageWithu #pSocialWithu .bContent .bSocial{border-left:1px solid var(--border-primary);flex-direction:row;align-items:center;gap:16px;padding-left:16px;display:flex}#pageWithu #pSocialWithu .bContent .bSocial a{-o-transition:all .3s ease;background-color:var(--fg-brand-primary);background-size:100%;transition:all .3s}#pageWithu #pSocialWithu .bContent .bSocial a img{visibility:hidden}#pageWithu #pSocialWithu .bContent .bSocial a:hover{scale:1.2}#pageWithu #pSocialWithu .bContent .bSocial a.btnInstagram{display:block;-webkit-mask:url(/assets/img/social/instagram.svg) 50%/contain no-repeat;mask:url(/assets/img/social/instagram.svg) 50%/contain no-repeat}#pageWithu #pSocialWithu .bContent .bSocial a.btnFacebook{display:block;-webkit-mask:url(/assets/img/social/facebook.svg) 50%/contain no-repeat;mask:url(/assets/img/social/facebook.svg) 50%/contain no-repeat}#pageWithu #pSocialWithu .bContent .bSocial a.btnYouTube{display:block;-webkit-mask:url(/assets/img/social/youtube.svg) 50%/contain no-repeat;mask:url(/assets/img/social/youtube.svg) 50%/contain no-repeat}#pageWithu #pSocialWithu .bContent .bSocial a.btnTikTok{display:block;-webkit-mask:url(/assets/img/social/tiktok.svg) 50%/contain no-repeat;mask:url(/assets/img/social/tiktok.svg) 50%/contain no-repeat}#pageWithu #pSocialWithu .bContent .bSocial a.btnX{display:block;-webkit-mask:url(/assets/img/social/x.svg) 50%/contain no-repeat;mask:url(/assets/img/social/x.svg) 50%/contain no-repeat}#pageWithu #pSocialWithu .bContent .bSocial a.btnLine{display:block;-webkit-mask:url(/assets/img/social/line.svg) 50%/contain no-repeat;mask:url(/assets/img/social/line.svg) 50%/contain no-repeat}
