.popup-detail-banner{background:url(./bg-renovated.B2GyVrNs.jpg) center -35% no-repeat;background-size:100% auto;padding:1rem!important}.popup-detail-banner .banner-tab-nav{border-bottom-width:1px;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-wrap:wrap;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}@media (max-width:639.98px){.popup-detail-banner .banner-tab-nav{-moz-column-gap:.5rem;column-gap:.5rem}}.popup-detail-banner .banner-tab-nav .tab-nav-item{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;font-weight:600;padding:.5rem .75rem;position:relative;--tw-text-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:639.98px){.popup-detail-banner .banner-tab-nav .tab-nav-item{padding-left:.25rem;padding-right:.25rem}}.popup-detail-banner .banner-tab-nav .tab-nav-item:after{display:none;height:4px;left:0;position:absolute;top:calc(100% - 1px);width:100%;--tw-bg-opacity:1;background-color:rgb(var(--color-primary-DEFAULT)/var(--tw-bg-opacity,1));--tw-content:"";content:var(--tw-content)}.popup-detail-banner .banner-tab-nav .tab-nav-item.active{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.popup-detail-banner .banner-tab-nav .tab-nav-item.active:after{display:block}.popup-detail-banner .banner-tab-nav .tab-nav-item:hover:not(.active){--tw-text-opacity:1;color:rgb(var(--color-gray-700)/var(--tw-text-opacity,1))}.popup-detail-banner .slider-main-section{height:calc(100vh - 5.25rem - 133px)}@media (max-width:1279.98px){.popup-detail-banner .slider-main-section{height:calc(100vh - 5.25rem - 161px)}}.popup-detail-banner .slider-main-section .slider-wrapper,.popup-detail-banner .slider-main-section .slider-wrapper .swiper-container{height:100%}.popup-detail-banner .slider-main-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-left:auto;margin-right:auto}.popup-detail-banner .slider-main-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide img{display:block;margin:auto;max-height:100%}.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-next,.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-prev{height:45px;top:50%;width:45px}@media (max-width:639.98px){.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-next,.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-prev{height:32px;width:32px}}.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-next .iconify,.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-prev .iconify{height:34px;top:0;width:34px}@media (max-width:639.98px){.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-next .iconify,.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-prev .iconify{height:28px;width:28px}.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-prev{left:10px}.popup-detail-banner .slider-main-section .slider-wrapper .swiper-button-next{right:10px}}.popup-detail-banner .slider-main-section .slider-wrapper .swiper-pagination{background-color:#00000040;border-radius:.375rem;font-size:.875rem;left:50%;line-height:1.25rem;padding:.25rem .5rem;pointer-events:none;position:absolute;touch-action:none;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto!important;z-index:3;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.popup-detail-banner .slider-main-section .slider-wrapper .video{align-items:center;background:#000;display:flex;height:100%;justify-content:center;margin:auto}.popup-detail-banner .slider-main-section .slider-wrapper .video .video-inner{aspect-ratio:16/9;height:100%;position:relative;width:auto}@media (max-width:1279.98px){.popup-detail-banner .slider-main-section .slider-wrapper .video .video-inner{height:auto;width:100%}}.popup-detail-banner .slider-main-section .slider-wrapper .video .video-inner.tiktok>div,.popup-detail-banner .slider-main-section .slider-wrapper .video .video-inner.tiktok>div>div{height:100%}.popup-detail-banner .slider-main-section .slider-wrapper .video iframe,.popup-detail-banner .slider-main-section .slider-wrapper .video video{height:100%;position:relative;width:100%}.popup-detail-banner .slider-main-section .slider-wrapper .panorama-360{background:#000;height:100%}.popup-detail-banner .slider-main-section .slider-wrapper .panorama-360>div{height:100%;width:100%}.popup-detail-banner .slider-main-section .slider-wrapper .panorama-360 iframe{border:0;height:100%!important;overflow:hidden;width:100%!important}.popup-detail-banner .slider-main-section .slider-wrapper .image-slide-wrap{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.popup-detail-banner .slider-thumb-section{height:64px}.popup-detail-banner .slider-thumb-section .slider-wrapper,.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container,.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper{height:100%}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide{cursor:pointer;height:64px;position:relative;width:96px;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide:after{border:3px solid #2563eb;content:"";display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:3}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:.5;transition:.3s;width:100%}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after{display:block}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img,.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide:hover img{opacity:1}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide .play-icon-nav{align-items:center;display:flex;height:25px;justify-content:center;left:calc(50% - 12.5px);position:absolute;top:calc(50% - 12.5px);z-index:2}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide .play-icon-nav .play-icon{height:auto;width:25px;--tw-text-opacity:1;color:rgb(var(--color-primary-DEFAULT)/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-slide .play-icon-nav .play-icon:hover{--tw-text-opacity:1;color:rgb(var(--color-primary-600)/var(--tw-text-opacity,1))}.popup-detail-banner .slider-thumb-section .slider-wrapper .swiper-container .swiper-wrapper .swiper-lazy-preloader{height:26px;margin-left:-13px;margin-top:-13px;width:26px}.popup-detail-banner .popup-detail-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.125rem;font-weight:600;line-height:1.75rem;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 45px)}@media (min-width:640px){.popup-detail-banner .popup-detail-title{font-size:1.25rem;line-height:1.75rem}}@media (max-width:1279.98px){.popup-detail-banner .popup-detail-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:56px}}.loan-calculator .input-zone .btn{font-size:.875rem;font-weight:400;line-height:1.25rem;padding:.625rem .5rem;width:100%}@media (min-width:640px){.loan-calculator .input-zone .btn{font-size:1rem;line-height:1.5rem;padding-bottom:.5rem;padding-top:.5rem;width:150px}}.loan-calculator .result-zone{border-radius:.5rem;border-width:1px;height:100%;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));padding:1rem 1.5rem}@media (max-width:639.98px){.loan-calculator .result-zone{padding:.75rem 1rem}}.loan-calculator .result-zone .result-title{font-size:1.25rem;font-weight:600;line-height:1.75rem}.loan-calculator .result-zone .result-content{font-family:Sarabun,sans-serif}.loan-calculator .result-zone .progress-indicator{align-items:center;display:flex;font-size:.875rem;height:100%;justify-content:center;line-height:1.25rem;padding-bottom:.125rem;padding-left:.625rem;padding-right:.625rem;position:absolute;text-align:center;top:0;white-space:nowrap;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.loan-calculator .result-zone .progress-indicator.start{left:0}.loan-calculator .result-zone .progress-indicator.end{right:0}.loan-calculator .result-zone .split-result{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex}.loan-calculator .result-zone .split-result .bullet{border-radius:9999px;height:10px;position:relative;top:1px;width:10px}.loan-calculator .result-zone .split-result .result-price{font-size:.875rem;line-height:1.25rem}