.corporate-communication-platform{max-width:1808px;margin:0 auto;padding-bottom:200px;--sample-width:1778;--container-max-width:min(1778px,100vw - 140px)}.corporate-communication-platform .container-fluid{padding-top:clamp(16px,2.9166666667vw,56px)}.corporate-communication-platform ._banner{text-align:center;letter-spacing:0;color:#fff;position:relative}.corporate-communication-platform ._banner ._title_banner{margin-bottom:0;padding-top:clamp(40px,4.1666666667vw,80px);font-weight:700;font-size:clamp(32px,3.3333333333vw,64px);line-height:140%}.corporate-communication-platform ._banner ._description_banner{max-width:820px;margin:0 auto;font-weight:400;font-size:clamp(16px,.9375vw,18px);line-height:180%;padding:clamp(24px,2.0833333333vw,40px) 14px 0}.corporate-communication-platform ._banner .image_banner{max-width:clamp(320px,75.9375vw,1458px);width:100%;height:auto;position:relative}@media screen and (max-width:1919px){.corporate-communication-platform ._banner .image_banner{top:4px}}@media screen and (max-width:1399px){.corporate-communication-platform ._banner .image_banner{top:0}}@media screen and (max-width:991px){.corporate-communication-platform ._banner .image_banner{top:-4px}}@media screen and (max-width:767px){.corporate-communication-platform ._banner .image_banner{top:0}}.corporate-communication-platform ._banner ._svg{aspect-ratio:1920/94;display:block;width:100%}@media screen and (max-width:767px){.corporate-communication-platform ._banner ._svg{height:25px}}@media screen and (max-width:500px){.corporate-communication-platform ._banner ._svg{height:28px}}@media screen and (max-width:450px){.corporate-communication-platform ._banner ._svg{height:30px}}@media screen and (max-width:375px){.corporate-communication-platform ._banner ._svg{height:33px}}.corporate-communication-platform ._banner ._background_banner{position:absolute;top:0;left:0;z-index:-1;height:100%;width:100%;aspect-ratio:1808/913}.corporate-communication-platform .section-project-highlights{padding-top:clamp(56px,4.1666666667vw,80px);position:relative;overflow:hidden}.corporate-communication-platform .section-project-highlights ._container_title{display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.6666666667vw,32px);padding-bottom:clamp(40px,2.9166666667vw,56px)}.corporate-communication-platform .section-project-highlights ._container_title ._title{font-weight:600;font-size:clamp(24px,2.0833333333vw,40px);line-height:140%;letter-spacing:0;margin-bottom:0}.corporate-communication-platform .section-project-highlights ._container_title .icon_decor_title{height:auto;max-width:clamp(40px,3.3333333333vw,64px)}.corporate-communication-platform .section-project-highlights ._container_category{position:relative;margin:0 auto;background-color:#fff;box-shadow:0 0 16px 4px rgba(0,122,228,.122);border-radius:16px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding:8px;max-width:1440px;width:-moz-fit-content;width:fit-content}.corporate-communication-platform .section-project-highlights ._container_category:after,.corporate-communication-platform .section-project-highlights ._container_category:before{position:absolute;content:"";top:50%;background-image:url(/media/portfolio/portfolio-detail/corporate-communication-platform/decor-project-highlight.webp);background-repeat:no-repeat;background-size:100% 100%;width:calc(298/var(--sample-width)*var(--container-max-width));height:calc(56/var(--sample-width)*var(--container-max-width));z-index:1;transform:translate(-50%,-50%)}.corporate-communication-platform .section-project-highlights ._container_category:before{left:calc(-168/var(--sample-width)*var(--container-max-width))}.corporate-communication-platform .section-project-highlights ._container_category:after{right:calc(-463/var(--sample-width)*var(--container-max-width))}.corporate-communication-platform .section-project-highlights ._container_category ._slider{position:absolute;top:8px;left:0;height:calc(100% - 16px);background:linear-gradient(287.67deg,#57b1fa 4.33%,#087ee5 77.77%);border-radius:12px;z-index:0;transition:all .4s ease}.corporate-communication-platform .section-project-highlights ._container_category ._category_item{position:relative;font-weight:400;font-size:clamp(14px,.8333333333vw,16px);line-height:180%;color:#6b6b6b;padding:5.5px 28.17px;border-radius:12px;cursor:pointer;z-index:1}.corporate-communication-platform .section-project-highlights ._container_category ._category_item p{margin-bottom:0}.corporate-communication-platform .section-project-highlights ._container_category ._active_category{color:#fff;font-weight:600}.corporate-communication-platform .section-project-highlights ._container_content{padding-top:40px}.corporate-communication-platform .section-project-highlights ._container_content ._content_item{display:flex;flex-direction:column;gap:40px}.corporate-communication-platform .section-project-highlights ._container_content ._content_item ._description{max-width:820px;margin:0 auto;font-weight:400;font-size:clamp(16px,.9375vw,18px);line-height:180%;letter-spacing:0;text-align:center}.corporate-communication-platform .section-project-highlights ._container_content ._content_item p{margin-bottom:0}.corporate-communication-platform .section-project-highlights ._container_content .fade_in{animation:fade-in .6s forwards;opacity:.4}@keyframes fade-in{0%{opacity:.4}to{opacity:1}}.corporate-communication-platform .section-project-highlights ._container_content .animation_container{position:relative;width:100%;height:100%;margin:0 auto;display:flex;height:calc(671/var(--sample-width)*var(--container-max-width));max-width:calc(1380/var(--sample-width)*var(--container-max-width));overflow:hidden;will-change:transform,opacity}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_animation{filter:drop-shadow(0 0 16px rgba(0,122,228,.12));height:auto;position:absolute;left:0;top:0;width:calc(800/var(--sample-width)*var(--container-max-width))}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_slide_1_1{animation:fade-in-left .8s ease forwards}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_slide_1_2{left:calc(580/var(--sample-width)*var(--container-max-width));top:calc(72/var(--sample-width)*var(--container-max-width));animation:fade-in-right .8s ease forwards}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_slide_2_1{left:calc(175/var(--sample-width)*var(--container-max-width));animation:fade-in-left .8s ease forwards}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_slide_2_2{width:calc(232/var(--sample-width)*var(--container-max-width));left:calc(902/var(--sample-width)*var(--container-max-width));top:calc(108/var(--sample-width)*var(--container-max-width));animation:fade-in-right .8s ease forwards}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_slide_3_1{width:auto;height:calc(543/var(--sample-width)*var(--container-max-width));top:calc(96/var(--sample-width)*var(--container-max-width));left:calc(115/var(--sample-width)*var(--container-max-width));z-index:2;animation:fade-in-left .8s ease forwards}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_slide_3_2{left:calc(294/var(--sample-width)*var(--container-max-width));animation:fade-in-up .8s ease forwards}.corporate-communication-platform .section-project-highlights ._container_content .animation_container .img_slide_3_3{width:auto;height:calc(543/var(--sample-width)*var(--container-max-width));top:calc(96/var(--sample-width)*var(--container-max-width));left:calc(980/var(--sample-width)*var(--container-max-width));animation:fade-in-right .8s ease forwards}@keyframes fade-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fade-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fade-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.corporate-communication-platform .section-project-highlights ._background_section{position:absolute;top:0;left:0;z-index:-1;height:auto;width:100%;aspect-ratio:1808/913;max-height:888px}.corporate-communication-platform .section-project-highlights ._mobile{height:97%;max-height:100%}.corporate-communication-platform .section-project-highlights ._container_content_mobile{display:flex;flex-direction:column;gap:56px;padding:0 14px}.corporate-communication-platform .section-project-highlights ._container_content_mobile ._content_item{padding-top:0;font-weight:600;font-size:20px;line-height:130%;letter-spacing:0;text-align:center}.corporate-communication-platform .section-project-highlights ._container_content_mobile ._content_item p{margin-bottom:0;font-weight:400;font-size:16px;line-height:150%;letter-spacing:0;text-align:center}.corporate-communication-platform .section-project-highlights ._container_content_mobile ._content_item ._category_mobile{font-weight:600;font-size:20px}.corporate-communication-platform .section-project-highlights ._container_content_mobile ._content_item img{margin-top:16px}.corporate-communication-platform .section-project-highlights ._container_content_mobile ._container_content{padding-top:0}.corporate-communication-platform .section-project-highlights ._container_content_mobile ._content_item{display:flex;flex-direction:column;gap:8px}.corporate-communication-platform .container_img{padding:clamp(56px,4.1666666667vw,80px) 0 clamp(56px,6.25vw,120px);max-width:1660px;margin:0 auto;width:100%;height:auto}.corporate-communication-platform .container_img ._image_chat{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;will-change:transform,opacity}.corporate-communication-platform .container_img ._image_chat img{max-width:1100px;width:100%;height:auto}.corporate-communication-platform .container_img ._image_chat .fadeInUp{animation:fade-up .8s forwards;opacity:0}@keyframes fade-up{0%{transform:translateY(98px);opacity:0}to{transform:translateY(0);opacity:1}}.corporate-communication-platform .container_img ._image_chat:first-child{padding-bottom:40px}.corporate-communication-platform .container_img ._image_chat:nth-child(3){padding-top:8px}.corporate-communication-platform .container_img .flex_right{padding-top:80px;align-items:flex-start;flex-direction:row-reverse;gap:16px}.corporate-communication-platform .container_img .flex_right .typing_chat{width:136px;height:64px;background-color:#e1f2ff;border-radius:24px;margin:auto 0;display:flex;gap:12px;align-items:center;justify-content:center;overflow:hidden;will-change:transform,opacity;position:absolute;right:100px;bottom:7px}.corporate-communication-platform .container_img .flex_right .typing_chat .dots{display:flex;gap:4px;align-items:flex-end}.corporate-communication-platform .container_img .flex_right .typing_chat .dot_1,.corporate-communication-platform .container_img .flex_right .typing_chat .dot_2,.corporate-communication-platform .container_img .flex_right .typing_chat .dot_3{width:16px;height:16px;border-radius:50%;background-color:#cedae3;animation:typing-bounce 1s ease-in-out infinite}.corporate-communication-platform .container_img .flex_right .typing_chat .dot_1{background-color:#a4a4a4}.corporate-communication-platform .container_img .flex_right .typing_chat .dot_2{background-color:#bbc3c7;animation-delay:.2s}.corporate-communication-platform .container_img .flex_right .typing_chat .dot_3{animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.corporate-communication-platform .container_img .flex_right ._image_icon{width:80px;height:auto;transition:all .1s}.corporate-communication-platform .container_img .flex_right ._padding_top{margin-top:-42px}.corporate-communication-platform .container_img .chatClientMobile{display:flex;margin:0 auto;max-width:327px}.corporate-communication-platform .related-work{border-top:none;padding-top:clamp(80px,8.3333333333vw,160px)}.corporate-communication-platform .related-work .related-title{margin-bottom:0!important}.corporate-communication-platform .related-work .related-container{padding-top:clamp(40px,5.2083333333vw,100px)}@media screen and (max-width:767px){.corporate-communication-platform .container_img{max-width:327px;margin:0 auto}.corporate-communication-platform .section-project-highlights ._container_title{display:flex;flex-direction:column}}