@font-face{font-family:"Inter";src:url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype")}@font-face{font-family:"NotoSansThai";src:url("../fonts/Noto_Sans_Thai/NotoSansThai-VariableFont_wdth,wght.ttf") format("truetype")}.banner{position:relative;height:496px}@media screen and (max-width:575px){.banner{height:195px}}.banner .banner-img{position:absolute;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.banner .banner-filter{position:absolute;height:100%;width:100%;background-color:#000000}.content{margin-top:96px;margin-bottom:96px;color:#0c0c0c}.showcase{margin-bottom:94px}@media screen and (max-width:575px){.showcase{margin-bottom:14px important}}.showcase .topic{color:#000000;text-transform:uppercase}.showcase .description{margin-top:12px;color:#000000}.showcase .swiper-container{position:relative;margin-top:40px}.showcase .swiper-container .swiper-wrapper .swiper-slide{width:390px;height:490px}@media screen and (max-width:575px){.showcase .swiper-container .swiper-wrapper .swiper-slide{aspect-ratio:260/325;height:auto}}.showcase .swiper-container .swiper-button-next,.showcase .swiper-container .swiper-button-prev{background-color:#000000;width:36px;height:36px;border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:575px){.showcase .swiper-container .swiper-button-next,.showcase .swiper-container .swiper-button-prev{display:none}}.showcase .swiper-container .swiper-button-next:after,.showcase .swiper-container .swiper-button-prev:after{content:"";width:20px;height:20px;display:inline-block;background-image:url("../images/icons/20px/arrow1-right-white@2x.png");background-repeat:no-repeat;background-position:center;background-size:20px}.showcase .swiper-container .swiper-button-next{right:0px}.showcase .swiper-container .swiper-button-next:after{background-image:url("../images/icons/20px/arrow1-right-white@2x.png")}.showcase .swiper-container .swiper-button-prev{left:0px}.showcase .swiper-container .swiper-button-prev:after{background-image:url("../images/icons/20px/arrow1-left-white@2x.png")}.showcase .swiper-container .swiper-pagination-container{margin:auto}.showcase .swiper-container .swiper-pagination{display:none;position:relative;height:16px;overflow:hidden;margin:20px auto 0}@media screen and (max-width:575px){.showcase .swiper-container .swiper-pagination{display:inline-block}}.showcase .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1!important}.showcase .swiper-container .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:#005f6a;opacity:0.3;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;margin:0 4px;border-radius:50%;vertical-align:middle}.showcase .swiper-container .swiper-pagination .bullet-lg{width:8px;height:8px;opacity:1;background-color:#005f6a}.showcase .swiper-container .swiper-pagination .bullet-md{width:8px;height:8px;opacity:0.6;background-color:#72a7ad}.showcase .swiper-container .swiper-pagination .bullet-sm{width:8px;height:8px;opacity:0.6;background-color:#bfd7d9}.showcase .swiper-container .swiper-pagination .bullet-xs{width:4px;height:4px;opacity:0.6;background-color:#bfd7d9}.showcase .swiper-container .swiper-pagination .bullet-xs.hide{display:none}