.c-charcoal80{color:var(--charcoal80-grey-color)}.c-pink-neon{text-shadow:0px 0px 1px #FFB7E6,0px 0px 8px #EA089C,0px 0px 8px rgba(234,8,156,0.8),0px 0px 20px rgba(234,8,156,0.6),0px 0px 24px rgba(234,8,156,0.4),0px 0px 32px rgba(234,8,156,0.1)}.c-yellow-neon{text-shadow:0px 0px 4px rgba(255,232,109,0.8),0px 0px 4px rgba(255,138,0,0.8),0px 0px 16px rgba(228,157,92,0.6),0px 0px 16px rgba(255,211,130,0.9),0px 0px 16px #FFF4DE}.bg-red-gradient{background:linear-gradient(149.36deg, red 0%, #EA089C 73.89%, #428AE3 136.1%)}.c-red-gradient{background:linear-gradient(107.27deg, #FE0000 2.55%, #FE002A 29.33%, #FE0145 48.9%, #F8034E 53.02%, #E80B67 59.2%, #CE1890 66.4%, #AA29C8 75.67%, #883AFF 83.91%, #4F81FF 94.21%, #07DCFF 105.54%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent}.bg-light-purple{background-color:#F9F9FC}.container-1440:has(.banner-hero){padding:0}.sc-banner-hero{min-height:360px;background-color:#cccccc}.sc-banner-hero .banner-hero .page-scroll{cursor:pointer}.sc-banner-hero .banner-hero img{width:100%;height:auto}@media (min-width: 992px){.sc-banner-hero{min-height:320px}}.sec-banner-hero{display:flex;width:100%}.sec-banner-hero .banner-image{display:flex;width:100%;overflow:hidden}@media only screen and (max-width: 1200px){.sec-banner-hero .container{padding:0}}.sec-register{background:var(--white-color);display:flex;flex-direction:column}.c-gray80{color:rgba(48,60,70,0.8)}.radio-wrapper{display:flex;width:100%;align-items:center;padding-top:18px;padding-left:14px;padding-bottom:24px}.radio-wrapper .cr-wrapper *,.radio-wrapper .cr-wrapper *::before,.radio-wrapper .cr-wrapper *::after{box-sizing:content-box !important}.radio-wrapper .cr-wrapper input{position:absolute;z-index:-1;opacity:0}.radio-wrapper .cr-wrapper span{font-size:14px;display:flex;line-height:20px;align-self:center;letter-spacing:0.25%}.radio-wrapper .cr-wrapper{display:flex;position:relative;padding-left:34px;cursor:pointer;align-items:center;margin-bottom:0;margin-right:30px}.radio-wrapper .cr-wrapper:last-child{margin-right:0}.radio-wrapper .cr-wrapper input[type="checkbox"] ~ .cr-input{position:absolute;top:50%;left:0;height:16px;width:16px;background:#ffffff;transition:background 250ms;border:2px solid #303c46;border-radius:4px;transform:translate(0, -50%)}.radio-wrapper .cr-wrapper input[type="radio"] ~ .cr-input{position:absolute;top:50%;left:0;height:16px;width:16px;background:#ffffff;transition:background 250ms;border:2px solid #303c46;border-radius:20px;transform:translate(0, -50%)}.radio-wrapper .cr-wrapper input[type="checkbox"] ~ .cr-input::after{content:"";position:absolute;display:none;left:3px;top:3px;width:10px;height:10px;transition:background 250ms;background-color:#e00000;clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)}.radio-wrapper .cr-wrapper input[type="radio"] ~ .cr-input::after{content:"";position:absolute;display:none;left:3px;top:3px;width:10px;height:10px;border-radius:20px;background:#e00000;transition:background 250ms}.radio-wrapper .cr-wrapper input:checked ~ .cr-input::after{display:block}.radio-wrapper .cr-wrapper:hover input[type="checkbox"]:not([disabled]) ~ .cr-input,.radio-wrapper .cr-wrapper input[type="checkbox"]:focus ~ .cr-input{background:#ffffff;border-color:#303c46}.radio-wrapper .cr-wrapper:hover input[type="radio"]:not([disabled]) ~ .cr-input,.radio-wrapper .cr-wrapper input[type="radio"]:focus ~ .cr-input{background:#ffffff;border-color:#303c46}.radio-wrapper .cr-wrapper input[type="checkbox"]:checked ~ .cr-input{background:#ffffff;border-color:#e00000}.radio-wrapper .cr-wrapper input[type="radio"]:checked ~ .cr-input{background:#ffffff;border-color:#e00000}.radio-wrapper .cr-wrapper input[type="checkbox"]:disabled ~ .cr-input,.radio-wrapper .cr-wrapper input[type="radio"]:disabled ~ .cr-input{opacity:0.5;cursor:not-allowed}.radio-wrapper .cr-wrapper input[type="checkbox"]:disabled ~ span,.radio-wrapper .cr-wrapper input[type="radio"]:disabled ~ span{opacity:0.5;cursor:not-allowed}.radio-wrapper .cr-wrapper input[type="checkbox"]:disabled ~ .cr-input::after{background:#e00000}.radio-wrapper .cr-wrapper input[type="radio"]:disabled ~ .cr-input::after{background:#e00000}.radio-wrapper .cr-wrapper:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input,.radio-wrapper .cr-wrapper input[type="checkbox"]:checked:focus ~ .cr-input{background:#ffffff;border-color:#e00000}.radio-wrapper .cr-wrapper:hover input[type="radio"]:not([disabled]):checked ~ .cr-input,.radio-wrapper .cr-wrapper input[type="radio"]:checked:focus ~ .cr-input{background:#ffffff;border-color:#e00000}.radio-wrapper .cr-wrapper.select-pay input[type="radio"] ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay input[type="checkbox"] ~ .cr-input{position:absolute;top:50%;left:20px;height:16px;width:16px;background:#ffffff;transition:background 250ms;border:2px solid #303c46;border-radius:4px;transform:translate(0, -50%)}.radio-wrapper .cr-wrapper.select-pay:hover input[type="radio"]:not([disabled]):checked ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay input[type="radio"]:checked:focus ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay input[type="checkbox"]:checked:focus ~ .cr-input{background:#ffffff;border-color:#e00000}.radio-wrapper .cr-wrapper.select-pay:hover input[type="radio"]:not([disabled]):checked ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay input[type="radio"]:checked:focus ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay input[type="checkbox"]:checked:focus ~ .cr-input{background:var(--primary-color);border-color:var(--primary-color)}.radio-wrapper .cr-wrapper.select-pay:hover input[type="radio"]:not([disabled]):checked ~ .cr-input::after,.radio-wrapper .cr-wrapper.select-pay input[type="radio"]:checked:focus ~ .cr-input::after,.radio-wrapper .cr-wrapper.select-pay:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input::after,.radio-wrapper .cr-wrapper.select-pay input[type="checkbox"]:checked:focus ~ .cr-input::after{display:block}.radio-wrapper .cr-wrapper.select-pay input[type="radio"]:checked ~ .cr-input,.radio-wrapper .cr-wrapper.select-pay input[type="checkbox"]:checked ~ .cr-input{background:var(--primary-color);border-color:var(--primary-color)}.radio-wrapper .cr-wrapper.select-pay input[type="radio"] ~ .cr-input::after,.radio-wrapper .cr-wrapper.select-pay input[type="checkbox"] ~ .cr-input::after{content:"";position:absolute;display:none;left:2px;top:1px;width:12px;height:12px;border-radius:0;display:none;z-index:5;background:url("../images/icons/ico-checked.svg") center center/10px auto no-repeat;transition:background 250ms}.radio-wrapper .cr-wrapper.select-pay input[type="radio"]:checked ~ .cr-input::after,.radio-wrapper .cr-wrapper.select-pay input[type="checkbox"]:checked ~ .cr-input::after{opacity:1;display:block}.radio-wrapper .cr-wrapper.select-pay{border-radius:6px;border:1px solid #f0f0f3;padding:16px 20px 16px 50px;height:56px;align-items:center}.radio-wrapper .cr-wrapper.select-pay .cr-input{right:auto;left:0}.radio-wrapper .cr-wrapper.select-pay .caption{display:flex;flex-direction:row-reverse;width:100%;align-items:center}.radio-wrapper .cr-wrapper.select-pay .caption .icon{display:flex;width:26px;margin-right:0}.radio-wrapper .cr-wrapper.select-pay .caption .icon img{width:100%}.radio-wrapper .cr-wrapper.select-pay .caption .text{display:flex;flex-direction:column;margin-right:auto;margin-left:0}.radiobox{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.radiobox .cr-wrapper *,.radiobox .cr-wrapper *::before,.radiobox .cr-wrapper *::after{box-sizing:content-box !important}.radiobox .cr-wrapper input{position:absolute;z-index:-1;opacity:0}.radiobox .cr-wrapper span{font-size:14px;display:flex;line-height:20px;align-self:center;letter-spacing:0.25%}.radiobox .cr-wrapper{display:flex;position:relative;cursor:pointer;align-items:center;justify-content:center;width:100%;height:100%}.radiobox .cr-wrapper:last-child{margin-right:0}.radiobox .cr-wrapper input[type="radio"] ~ .cr-input{top:0;left:0;height:16px;width:16px;background:#ffffff;transition:background 250ms;border:2px solid #303c46;border-radius:20px;position:relative}.radiobox .cr-wrapper input[type="radio"] ~ .cr-input::after{content:"";position:absolute;display:none;left:3px;top:3px;width:10px;height:10px;border-radius:20px;background:#e00000;transition:background 250ms}.radiobox .cr-wrapper.square input[type="radio"] ~ .cr-input{background:#ffffff;transition:background 250ms;border:2px solid #303c46;border-radius:4px}.radiobox .cr-wrapper.square:hover input[type="radio"]:not([disabled]):checked ~ .cr-input,.radiobox .cr-wrapper.square input[type="radio"]:checked:focus ~ .cr-input{background:#ffffff;border-color:#e00000}.radiobox .cr-wrapper.square:hover input[type="radio"]:not([disabled]):checked ~ .cr-input,.radiobox .cr-wrapper.square input[type="radio"]:checked:focus ~ .cr-input{background:var(--primary-color);border-color:var(--primary-color)}.radiobox .cr-wrapper.square:hover input[type="radio"]:not([disabled]):checked ~ .cr-input::after,.radiobox .cr-wrapper.square input[type="radio"]:checked:focus ~ .cr-input::after{display:block}.radiobox .cr-wrapper.square input[type="radio"]:checked ~ .cr-input{background:var(--primary-color);border-color:var(--primary-color)}.radiobox .cr-wrapper.square input[type="radio"] ~ .cr-input::after{content:"";position:absolute;display:none;left:2px;top:1px;width:12px;height:12px;border-radius:0;display:none;z-index:5;background:url("../images/icons/ico-checked.svg") center center/10px auto no-repeat;transition:background 250ms}.radiobox .cr-wrapper.square input[type="radio"]:checked ~ .cr-input::after{opacity:1;display:block}.btn-checkbox{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.btn-checkbox .cr-wrapper *,.btn-checkbox .cr-wrapper *::before,.btn-checkbox .cr-wrapper *::after{box-sizing:content-box !important}.btn-checkbox .cr-wrapper input{position:absolute;z-index:-1;opacity:0}.btn-checkbox .cr-wrapper span{font-size:14px;display:flex;line-height:20px;align-self:center;letter-spacing:0.25%}.btn-checkbox .cr-wrapper{display:flex;position:relative;cursor:pointer;align-items:center;justify-content:center;width:100%;height:100%}.btn-checkbox .cr-wrapper:last-child{margin-right:0}.btn-checkbox .cr-wrapper input[type="checkbox"] ~ .cr-input{top:14px;left:14px;height:16px;width:16px;background:#ffffff;transition:background 250ms;border:2px solid #303c46;border-radius:20px;position:absolute}.btn-checkbox .cr-wrapper input[type="checkbox"] ~ .cr-input::after{content:"";position:absolute;display:none;left:3px;top:3px;width:10px;height:10px;border-radius:20px;background:#e00000;transition:background 250ms}.btn-checkbox .cr-wrapper.square input[type="checkbox"] ~ .cr-input{background:#ffffff;transition:background 250ms;border:2px solid #303c46;border-radius:4px}.btn-checkbox .cr-wrapper.square:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input,.btn-checkbox .cr-wrapper.square input[type="checkbox"]:checked:focus ~ .cr-input{background:#ffffff;border-color:#e00000}.btn-checkbox .cr-wrapper.square:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input,.btn-checkbox .cr-wrapper.square input[type="checkbox"]:checked:focus ~ .cr-input{background:var(--primary-color);border-color:var(--primary-color)}.btn-checkbox .cr-wrapper.square:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input::after,.btn-checkbox .cr-wrapper.square input[type="checkbox"]:checked:focus ~ .cr-input::after{display:block}.btn-checkbox .cr-wrapper.square input[type="checkbox"]:checked ~ .cr-input{background:var(--primary-color);border-color:var(--primary-color)}.btn-checkbox .cr-wrapper.square input[type="checkbox"] ~ .cr-input::after{content:"";position:absolute;display:none;left:2px;top:1px;width:12px;height:12px;border-radius:0;display:none;z-index:5;background:url("../images/icons/ico-checked.svg") center center/10px auto no-repeat;transition:background 250ms}.btn-checkbox .cr-wrapper.square input[type="checkbox"]:checked ~ .cr-input::after{opacity:1;display:block}.devices-container{background:#edeef1}.devices-container .container{display:flex;flex-direction:column;width:100%}.devices-container .btn-primary-outline{background:var(--white-color)}.devices-container .btn-primary-outline:hover{background:var(--white-color)}.devices-container .navbar-wrapper{display:flex;justify-content:center;align-items:center}.devices-container .navbar-wrapper .btn{min-width:96px;height:40px;border:1px solid #c0c0c0;color:var(--primary-text-color);margin-right:16px;font-size:14px;transition:0s;padding:10px 0}.devices-container .navbar-wrapper .btn:last-child{margin-right:0}.devices-container .navbar-wrapper .btn.active{color:var(--white-color)}.devices-container .navbar-wrapper .btn.btn-true.active{border:1px solid var(--primary-color)}.devices-container .navbar-wrapper .btn.btn-dtac.active{border:1px solid #10b9f2;background:#10b9f2}.devices-container .tabs-wrapper{position:relative}.devices-container .tabs-wrapper .tab-content{visibility:hidden;position:absolute;opacity:0;top:0;left:0;color:#303c46}.devices-container .tabs-wrapper .tab-content.active{visibility:visible;position:relative;opacity:1;transition:all 0.25s ease-in-out 0.05s}@media (max-width: 767px){.devices-container .navbar-wrapper{justify-content:start;overflow:auto}.devices-container .navbar-wrapper .btn{min-width:76px;width:auto;padding:10px 8px;margin-right:8px}}@media (min-width: 768px){.devices-container .navbar-wrapper .btn{width:auto;padding:10px 12px}}.form-template{display:flex;flex-direction:column;width:100%}.form-template .row{margin:0 -12px}.form-template .row [class^="col-"]{padding:0 12px}.form-template .form-group{display:flex;flex-direction:column;position:relative;margin-bottom:16px}.form-template .form-group .note-code-correct{position:absolute;bottom:-24px;left:16px;display:none}.form-template .form-group.code-correct::after{content:" ";width:32px;height:32px;background:url(../images/icons/ico-correct-green.svg) center center no-repeat;background-size:100%;position:absolute;top:50%;right:8px;transform:translate(0, -50%)}.form-template .form-group.code-correct .note-code-correct{display:block}.form-template .form-group.error .form-control{border-color:var(--primary-color)}.form-template .form-group.error span{color:var(--primary-color)}.form-template .form-group.error .note-error{display:flex}.form-template .form-group.error .clear-field{display:flex}.form-template .form-group>span{position:absolute;top:-5px;left:12px;z-index:5;padding:0 4px;background:var(--white-color)}.form-template .form-group .note-error{display:none;width:100%;top:auto;background:none;padding:0;color:var(--primary-color);font-size:12px;line-height:16px;letter-spacing:0.004em;font-family:var(--font-regular);left:16px;bottom:-18px;position:absolute}.form-template .form-group .clear-field{display:none;width:40px;height:56px;top:0;right:0;cursor:pointer;position:absolute;background:url("../images/icons/ico-close.svg") center center/24px auto no-repeat}.form-template .form-group .form-control{display:flex;width:100%;height:56px;padding:0 46px 0 16px;border-radius:16px;font-size:16px;background:var(--white-color);border:1px solid #c0c0c0;outline:0}.form-template .form-group .form-control::placeholder{color:rgba(48,60,70,0.38)}.form-template .form-group .form-control::-ms-input-placeholder{color:rgba(48,60,70,0.38)}.form-template .card-status{display:none}.form-template .card-status.active{display:flex}.cards{display:flex;flex-direction:column;border-radius:16px;border:1px solid #f0f0f3;background:var(--white-color);width:100%;overflow:hidden}.cards .cards-wrapper{display:flex;width:100%;flex-direction:column;padding-top:24px;padding-bottom:24px}.cards .cards-body{display:flex;flex-direction:column;width:100%}.cards.cards-devices{box-shadow:0px 1px 3px 1px rgba(0,0,0,0.15);border:none}.cards.cards-devices .cards-name{color:#1a1c1e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.cards.cards-devices .cards-image{display:flex;width:100%}.cards.cards-devices .cards-body{padding:16px 16px 0}.cards.cards-devices .cards-body .select-acc-color{position:relative;z-index:1}.tc-wrapper{display:flex;width:100%;flex-direction:column}.tc-wrapper .radio-wrapper{padding-left:10px}.tc-wrapper .cr-wrapper .cr-input{top:15px}.tc-wrapper .cr-wrapper span{display:inline}.tc-wrapper .cr-wrapper a{display:inline;color:#007ad0}.tc-wrapper .cr-wrapper input[type="checkbox"] ~ .cr-input{top:15px}.tc-wrapper .button-control{display:flex;justify-content:center;width:100%}.tc-wrapper .button-control .btn{width:100%;max-width:326px}.c-red-gradient{background:var(--citrin-gradient-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-top:4px;max-width:-moz-max-content;max-width:max-content}.sc-device-privilege,.sc-device-booking{background:linear-gradient(167deg, #fff 42.36%, #ffd8e7 63.92%, #e7deff 78.35%, #bee9ff 100%)}.sc-device-privilege .presale-privilege .box-privilege{background:#ffffff;padding:36px 16px;border-radius:24px;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.04);overflow:hidden}.sc-device-privilege .presale-privilege .box-privilege .ico-gift{display:flex;width:93px;height:93px;background:url("https://www.true.th/hubfs/.._pages/devices/images/img-gift-200x200.png") center center no-repeat;background-size:100%;transition:all 0.3s ease;margin:-36px 0 0 -26px}.sc-device-privilege .presale-privilege .box-privilege .privilege-name{background:var(--citrin-gradient-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:-moz-max-content;max-width:max-content;padding-top:4px;transition:all 0.3s ease}.sc-device-privilege .presale-privilege .box-privilege .privilege-desc{color:var(--primary-text-color);display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.3s ease}.sc-device-privilege .presale-privilege .box-privilege{display:flex;flex-direction:column}.box-privilege .gift-desc{height:inherit;margin-top:auto}.presale-privilege .button-control{display:flex;justify-content:flex-end;margin-top:auto}.presale-privilege .button-control [data-fancybox]{cursor:pointer}.sc-device-booking .presale-privilege .box-privilege{background:#ffffff;padding:36px 16px;border-radius:24px;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.04);overflow:hidden;display:flex;flex-direction:column}.sc-device-booking .presale-privilege .box-privilege .ico-gift{display:flex;width:93px;height:93px;background:url("https://www.true.th/hubfs/.._pages/devices/images/img-gift-200x200.png") center center no-repeat;background-size:100%;transition:all 0.3s ease;margin:-36px 0 0 -26px}.sc-device-booking .presale-privilege .box-privilege .gift-name{width:100%;padding-top:4px;transition:all 0.3s ease}.sc-device-booking .presale-privilege .box-privilege .gift-desc{color:var(--primary-text-color);display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.3s ease}.sc-device-booking .presale-privilege .button-control{display:flex;justify-content:flex-end}.presale-privilege .item-cards{margin-bottom:20px;padding:1px}.sc-device-privilege .presale-privilege .box-privilege{padding:16px 24px;height:100% !important;box-shadow:0px 1px 3px 1px rgba(0,0,0,0.15)}.presale-privilege .item-cards:nth-child(2n){margin-right:0 !important}.presale-privilege .swiper.swiper-grid{height:100%;padding-bottom:0;overflow:visible}.sc-device-privilege .presale-privilege{width:100%;margin:0 auto}.presale-privilege .swiper-grid-column>.swiper-wrapper{width:100% !important;flex-direction:row}.presale-privilege .item-cards.full-card{width:100% !important;display:flex;justify-content:center}.sc-device-privilege .presale-privilege .item-cards.full-card .box-privilege{width:100%}.highlight-name{margin:0 auto}.sc-device-privilege{background:linear-gradient(137.97deg, #fff 42.36%, #ffd8e7 63.92%, #e7deff 78.35%, #bee9ff 100%)}@media (max-width: 767px){.sc-device-privilege .presale-privilege .box-privilege{padding:8px;border-radius:16px;display:flex;flex-direction:column}.presale-privilege .item-cards{display:flex;width:160px !important;margin-right:8px}.presale-privilege .button-control{display:flex;justify-content:flex-end;margin-top:auto}.sc-device-booking .presale-privilege .box-privilege{padding:12px 16px;border-radius:16px}.devices-container .row{margin:0 -8px}.devices-container .cols{padding:0 8px}}@media (min-width: 768px){.textItem.cardLink>div{display:flex;justify-content:space-between}.presale-privilege .item-cards{margin-top:0 !important;margin-bottom:20px;margin-right:20px;padding:2px;width:calc(50% - 10px)}}@media (min-width: 768px) and (max-width: 991px){.presale-privilege .item-cards{margin-top:0 !important;margin-bottom:20px}.sc-device-privilege .presale-privilege{max-width:736px}}@media (max-width: 767px){.sc-device-privilege{padding:130px 0 48px}.sc-device-privilege .presale-privilege .box-privilege{padding:24px 12px}.sc-device-privilege .presale-privilege .box-privilege .ico-gift{width:50px;height:50px;margin:-24px 0 0 -12px}.swiper.swiper-grid{height:682px;padding-bottom:50px}.item-cards{margin-top:20px}.sc-device-privilege .presale-privilege .box-privilege{padding:12px;height:100% !important;border-radius:16px;width:100%}.images-icons img{height:26px;width:auto}.presale-privilege .item-cards{margin-top:0 !important;width:240px !important;margin-bottom:20px;margin-right:16px;padding:2px}}@media (max-width: 500px){.presale-privilege .item-cards{margin-top:0 !important;width:171px !important;margin-bottom:16px;margin-bottom:16px;width:calc(50% - 8px)}.sc-device-privilege .presale-privilege{max-width:358px;width:100%;margin:0 auto}}@media (max-width: 375px){.sc-device-privilege .presale-privilege{max-width:100%;width:100%;margin:0 auto}}@media (min-width: 768px){.container-932{max-width:964px}}.sc-installment .box-installment-text{background:#fffafc;background:linear-gradient(135deg, #fffafc 0%, #ffd8e7 33%, #e7deff 67%, #bee9ff 100%);padding:4px;border-radius:14px;margin-top:24px}.sc-installment .box-installment-text .wrap-inner{background-color:#ffffff;border-radius:10px;padding:40px;text-align:center}.sc-installment .bank-list [class*="col-"]{margin-top:24px}.sc-installment .bank-list .logo-bank{text-align:center}.sc-installment .bank-list .logo-bank img{width:100%;height:auto}@media (max-width: 767px){.sc-installment .container>h3,.sc-installment .container .wrap-inner h4,.sc-installment .container .wrap-inner h4 span{font-family:var(--font-bold)}.sc-installment .container .box-installment-text .wrap-inner{padding:16px 12px}.sc-installment .container .bank-list{margin-top:8px}.sc-installment .container .bank-list [class*="col-"]{margin-top:16px}}@media (min-width: 992px){.sc-installment .bank-list{margin:24px 0 0;gap:24px 16px}.sc-installment .bank-list [class*="col-"]{width:300px;padding:0;margin-top:0}}.sc-thank .wrap-thank{text-align:center}.sc-thank .wrap-thank .button-control .btn{width:100%;max-width:326px}@media (max-width: 767px){.fancybox__slide:has(.bottom-in-mobile){justify-content:end;padding:0}.fancybox__slide:has(.bottom-in-mobile):before,.fancybox__slide:has(.bottom-in-mobile):after{display:none}.cta-popup.bottom-in-mobile{max-height:90vh;overflow:auto;max-width:100%;border-radius:28px 28px 0 0}}.cta-popup.bottom-in-mobile .popup-detail img{width:100%}.cta-popup.bottom-in-mobile .popup-detail .swap-bg{padding:12px 32px;margin-left:-24px;margin-right:-24px;border-top:1px solid #EDEEF1}.cta-popup.bottom-in-mobile .popup-detail .swap-bg:nth-child(odd){background:#eeeeee}.cta-popup.bottom-in-mobile .tab-container .wrap-nav-tab{display:flex;gap:16px}.cta-popup.bottom-in-mobile .tab-container .wrap-nav-tab .btn-nav-tab{position:relative;font-family:var(--font-medium);font-size:14px;line-height:16.8px;display:flex;justify-content:center;align-items:center;height:48px;width:calc(50% - 8px);background:none}.cta-popup.bottom-in-mobile .tab-container .wrap-nav-tab .btn-nav-tab::after{content:" ";position:absolute;bottom:0;left:0;right:0;height:3px}.cta-popup.bottom-in-mobile .tab-container .wrap-nav-tab .btn-nav-tab.active{color:#E00000}.cta-popup.bottom-in-mobile .tab-container .wrap-nav-tab .btn-nav-tab.active::after{background:#E00000}.cta-popup.bottom-in-mobile .tab-container .wrap-tabs{margin-left:0;margin-right:0}.cta-popup.bottom-in-mobile .tab-container .wrap-tabs .tab-content{display:none}.cta-popup.bottom-in-mobile .tab-container .wrap-tabs .tab-content.active{display:block}.cta-popup.bottom-in-mobile .wrap-pack-accordion .pack-accordion{width:100%}.cta-popup.bottom-in-mobile .wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper{padding:8px 16px !important;flex-direction:column;justify-content:start;align-items:start}.cta-popup.bottom-in-mobile .wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper ul,.cta-popup.bottom-in-mobile .wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper ol{padding-left:16px}.cta-popup.bottom-in-mobile .wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper p{display:block;width:100%;text-align:left;font-family:var(--font-regular) !important}.cta-popup.popup-pre-register{background:#ffffff;border-radius:24px;max-width:312px}.cta-popup.popup-pre-register .popup-inner .popup-img{margin-top:16px;min-height:auto}.cta-popup.popup-pre-register .popup-inner .popup-detail .txt-title{margin-bottom:26px}.cta-popup.popup-pre-register .popup-inner .popup-detail .button-control .btn{width:100%;outline:none}.cta-popup.popup-pre-register>.is-close-btn{display:none}.inner-term ul{padding-left:36px !important}.inner-term p,.inner-term ol{padding-left:16px !important}.inner-term ul li{list-style:disc}.inner-term ol{counter-reset:item}.inner-term ol>li{display:block}.inner-term ol>li:before{content:counters(item, ".") ". ";counter-increment:item}.inner-term .button-control{max-width:356px;width:100%;margin:0 auto}.inner-term .btn.btn-primary-outline.disabled{background:rgba(26,28,30,0.12) !important;color:rgba(26,28,30,0.5) !important}.breadcrumbs ul{list-style:none}.breadcrumbs ul li{position:relative}.ico.ico-arrow{position:absolute;left:4px;width:9px;height:20px;left:0;top:50%;transform:translate(-50%, -50%);background:url(../images/icons/icon-arrow.svg) center center no-repeat;background-size:100% auto}.terms-container{display:flex;margin:0 auto;max-width:1160px;padding:0 16px;width:100%}.terms-container .terms-list,.terms-container .wrapper{display:flex;flex-direction:column;width:100%}.terms-container .terms-list{border:1px solid #f0f0f3;border-radius:6px;margin-bottom:16px;overflow:hidden}.terms-container .terms-list:last-child{margin-bottom:0}.terms-container .terms-list header{cursor:pointer;display:flex;padding:16px 60px 16px 16px;position:relative;width:100%}.terms-container .terms-list header .icon{height:24px;position:absolute;right:32px;top:20px;transform:rotate(0deg);transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;width:24px;background:url("../images/icons/ico-caret-down.svg") center center/15px auto no-repeat}.terms-container .terms-list header .head{color:rgba(48,60,70,0.8);font-size:16px;line-height:24px;padding-top:4px}.terms-container .terms-list.active{box-shadow:0 5px 30px 0 rgba(0,0,0,0.04)}.terms-container .terms-list.active header .icon{transform:rotate(-180deg)}.terms-container .terms-list.active header p{background:var(--primary-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:-moz-max-content;max-width:max-content}.terms-container .terms-list .content{display:flex;flex-direction:column;padding:24px 32px;position:relative;width:100%}.terms-container .terms-list .content:before{border-bottom:1px solid #f0f0f3;content:"";height:1px;left:32px;position:absolute;right:32px;top:1px}.terms-container .terms-list .content .text-box{display:flex;flex-direction:column;font-size:14px;overflow:hidden;position:relative;width:100%}.terms-container .terms-list .content .text-box p{font-size:inherit}.terms-container .terms-list .content .title{border-radius:20px;display:flex;margin-bottom:8px;padding:2px 24px 0 0;position:relative;width:100%;z-index:5}.terms-container .terms-list .content .title p{color:#303c46;position:relative;z-index:5}.terms-container .terms-list .content ul{color:#495057;list-style:none;margin:0;padding:0}.terms-container .terms-list .content ul li{margin-bottom:4px;padding-left:24px;position:relative;width:100%}.terms-container .terms-list .content ul li:before{background:#495057;border-radius:50%;content:"";height:4px;left:6px;position:absolute;top:8px;width:4px}.terms-container .terms-list .content ol{color:#495057;counter-reset:index;list-style:none;margin:0;padding:0}.terms-container .terms-list .content ol>li{font-size:14px;margin-bottom:4px;padding-left:24px;position:relative;width:100%}.terms-container .terms-list .content ol>li:before{color:#495057;content:"";content:counters(index, ".", decimal) ".";counter-increment:index;font-family:better_togetherregular !important;font-size:14px;left:3px;position:absolute;top:0}.terms-container .terms-list .content ol>li ol>li{padding-left:40px}.terms-container .terms-list .content ol>li ol>li:before{content:counters(index, ".", decimal) ""}@media only screen and (max-width: 767px){.terms-container .terms-list .content .text p,.terms-container .terms-list .content ol>li,.terms-container .terms-list .content ol>li:before,.terms-container .terms-list .content ul li{font-size:12px;line-height:20px}.terms-container .terms-list .content ol>li li{padding-left:34px}.terms-container .terms-list .content .title{max-width:max-content;min-width:170px}.terms-container .terms-list .content .title:after,.terms-container .terms-list .content .title:before{top:10px}.terms-container .terms-list header:after{top:24px}.terms-container .terms-list .content:before{left:16px;right:16px}.terms-container .terms-list header .icon{right:16px}}@media (min-width: 768px){.breadcrumbs ul{margin-left:16px}.ico{width:12px}.inner-term p,.inner-term ol{padding-left:24px !important}.inner-term ul{padding-left:44px !important}}@media (max-width: 767px){.main-page{background:#f0f0f3}.section-term{margin:16px;padding:16px 0;background:#fff;border-radius:24px}.inner-term>p,.inner-term>ol{padding:0 !important}.inner-term>p{margin-bottom:12px}}@media only screen and (max-width: 991px){.form-template .form-group{margin-bottom:32px}.radio-wrapper.card-type{padding-top:0}.form-template .form-group .form-control{font-size:14px}.tc-wrapper .radio-wrapper{padding-top:0}}.presale-booking{overflow:visible}.presale-booking .swiper-slide{width:272px}.presale-booking .swiper-slide .item-cards{margin:0;width:100%;border-radius:16px;padding:12px 16px;box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15)}.presale-booking .swiper-slide .box-privilege .button-control{display:flex;justify-content:flex-end}@media only screen and (min-width: 991px){.presale-booking .swiper-slide{width:454px}}.personal-form{display:flex;width:100%;flex-direction:column}.personal-form .form-group{margin-top:12px;margin-bottom:16px}.personal-form .form-group.fill-active .clear-field{display:block}.personal-form .radio-wrapper{padding:6px 0 6px 14px}.personal-form .pay-wrapper{display:block;flex-direction:column;padding:0}.personal-form .pay-wrapper .select-pay{width:100%;margin:0 0 20px}.personal-form .branch-detail{display:flex;width:100%;margin-top:12px}.personal-form .branch-detail ul{list-style:none;display:flex;width:100%;flex-direction:column;padding:18px 16px;border-radius:16px;overflow:hidden;background:#FFEDEA}.personal-form .branch-detail ul li{display:flex;width:100%;margin-bottom:12px;align-items:flex-start}.personal-form .branch-detail ul li .icon{display:flex;width:32px}.personal-form .branch-detail ul li .detail{display:flex;width:calc(100% - 32px);padding-left:4px;flex-direction:column}.select-control{display:flex;width:100%}.select-control .select2-container{width:100%}.select-control .select2-container--default .select2-selection--single{border-radius:16px;width:100%;height:56px;line-height:56px;padding:0 46px 0 16px}.select-control .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:56px}.select-control .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select-control .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-radius:16px}.select2-container--open .select2-dropdown{border:none;border-radius:4px;margin-top:5px;box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15);background:#fafafa}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #c0c0c0;height:46px;outline:none;box-shadow:none;background:none;border-radius:4px;padding:0 12px;font-size:14px}.select2-container--default .select2-selection--single .select2-selection__arrow{top:15px;right:20px}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent var(--primary-text-color) transparent;border-width:0 4px 5px 4px}.select-control .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--primary-text-color) transparent transparent transparent}.select2-results__option{padding:12px}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#e2e2e5;color:#1a1c1e}.accessories-filter-btn{display:flex;gap:8px;overflow:auto;margin:0 -16px 16px;padding:0 16px}.accessories-filter-btn::-webkit-scrollbar{display:none}.accessories-filter-btn .btn{white-space:nowrap;min-width:96px}.swiper-accessories{margin-right:-16px;margin-left:-16px;padding:3px 16px}.swiper-accessories .cards.cards-devices{padding-top:48px}.swiper-accessories .cards.cards-devices .btn-checkbox{position:absolute;top:0;left:0;width:100%;height:100%}.swiper-accessories .cards.cards-devices .cards-wrapper{padding-top:0}.swiper-accessories .swiper-slide{width:171px}.swiper-accessories .swiper-slide .radiobox{top:0;left:0;width:100%;height:100%}.swiper-accessories .swiper-slide .cr-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.swiper-accessories .swiper-slide .cr-wrapper input[type="radio"] ~ .cr-input{position:absolute;top:14px;left:14px}.tc-wrapper .cr-wrapper input[type="checkbox"] ~ .cr-input{top:7px}.deposit-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px}.form-template.payment-wrapper{display:flex;flex-direction:column;padding:0;width:100%;margin-right:0}.form-template.payment-wrapper .list-payment{display:flex;width:100%;align-items:center;border-radius:6px;flex-direction:column;padding:12px 16px;margin-bottom:16px;border:1px solid #f0f0f3}.form-template.payment-wrapper .list-payment:last-child{margin-bottom:0}.form-template.payment-wrapper .cr-wrapper{display:flex;width:100%;padding:0;border:none;background:var(--white-color);margin-right:0;border-radius:0;margin-bottom:0}.form-template.payment-wrapper .cr-wrapper .caption{display:flex;flex-direction:row-reverse;width:100%;align-items:center}.form-template.payment-wrapper .cr-wrapper .caption .icon{width:26px;height:26px;margin-right:0}.form-template.payment-wrapper .cr-wrapper .caption .icon img{width:100%}.form-template.payment-wrapper .cr-wrapper .caption .text{margin-right:auto;margin-left:34px}.form-template.payment-wrapper .collapse-box{flex-direction:column;align-items:flex-start;width:100%;padding:8px 0;display:none}.form-template.payment-wrapper .collapse-box .list{display:flex;flex-direction:column;width:100%;font-size:12px;list-style:ninr;position:relative;color:rgba(48,60,70,0.8)}.form-template.payment-wrapper .collapse-box .list li{width:100%;display:flex;position:relative;padding-left:10px}.form-template.payment-wrapper .collapse-box .list li::before{content:"";height:4px;width:4px;border-radius:5px;position:absolute;top:6px;left:0;background:rgba(48,60,70,0.8)}.form-template.payment-wrapper .collapse-box .form-group{width:100%;margin-top:12px;margin-bottom:16px}.form-template.payment-wrapper .cr-wrapper input[type="radio"] ~ .cr-input{right:auto;left:0}.radio-wrapper .cr-wrapper.select-pay{justify-content:center;align-items:flex-start;flex-direction:column;padding:0 20px 0 50px}.booking-countdown{display:flex;flex-direction:column;align-items:flex-start}.booking-countdown .device-detail{margin-left:0;width:100%;padding:20px 16px}.booking-countdown .device-detail .packshot{min-width:80px;width:80px;height:80px;display:flex}.booking-countdown .detail{display:flex;width:100%;flex-direction:column;margin-left:0}.booking-countdown .detail-list{display:flex;align-items:flex-start;padding-right:120px;justify-content:space-between}.booking-countdown .detail-list .text{display:flex;flex-direction:column}.booking-countdown .detail-list .text.add-code #btn-coupon{margin-left:16px}@media (max-width: 767px){.booking-countdown .detail-list .text.add-code{width:100%}}.booking-countdown .detail-list .text>p{margin-bottom:4px}.booking-countdown .detail-list .text .form-template .form-group .txt-label{background-color:#ffedea}.booking-countdown .detail-list .text .form-template .form-group .form-control{background-color:transparent}.wrap-countdown-box{border-bottom:1px solid #f0f0f3}.wrap-countdown-box.nav-fixed{padding-top:61px;z-index:501}.wrap-countdown-box.nav-fixed .countdown-box{position:fixed;top:0;left:0;right:0;margin:0;border:none}.countdown-box{display:flex;gap:8px;justify-content:center;align-items:center;margin-left:-16px;margin-right:-16px;position:relative;z-index:501;height:61px;transition:all 0.3s ease;background:#FFFFFF}.countdown-box .timer{display:flex;align-items:center}.countdown-box .timer span{display:flex;width:24px;height:24px;align-items:center;justify-content:center;background:var(--primary-color);color:var(--white-color);font-size:14px;font-family:var(--font-medium);border-radius:8px;overflow:hidden}.countdown-box .timer i{display:flex;color:var(--black-color);font-size:14px;display:flex;font-family:var(--font-medium);width:12px;align-items:center;font-style:normal;justify-content:center}@media (min-width: 768px){.wrap-countdown-box.nav-fixed{padding-top:92px}.wrap-countdown-box.nav-fixed .countdown-box{background:#FFFFFF}.countdown-box{margin-left:0;margin-right:0;height:92px;background:none}}.sc-confirm .booking-countdown .device-detail{max-width:100%}.sc-confirm .customer-detail{max-width:100%}.sc-confirm .payment-wrapper .button-control{width:100%;display:flex;justify-content:center}.sc-confirm .payment-wrapper .button-control .btn{max-width:168px}@media (max-width: 767px){.sc-confirm .payment-wrapper .button-control .btn{max-width:none}}.bt-8{border-top:8px solid #f0f0f3}@media only screen and (min-width: 991px){.bt-8{border-top:none}.select2-container--default .select2-search--dropdown .select2-search__field{font-size:16px}.table-price-pre-booking .txt-head{font-size:14px}.tc-wrapper .button-control .btn{max-width:168px}.personal-form .radio-wrapper{max-width:max-content;margin:0 auto}.personal-form .radio-wrapper{min-width:100%}}@media only screen and (max-width: 991px){.sc-confirm .booking-countdown{max-width:456px;margin:0 auto}.sc-confirm .customer-detail{max-width:456px;margin:0 auto}.sc-confirm .personal-form{max-width:456px;margin:0 auto}}@media (min-width: 768px){.container-932{max-width:964px;margin:0 auto}}.head-title{flex-direction:column}.main-page{background:#f0f0f3}.devices-container{background:none}.devices-container .navbar-wrapper .btn.btn-delivery.active{border:1px solid #303c46;background:#303c46}@media (max-width: 500px){.presale-privilege .item-cards{width:calc(50% - 8px) !important}}@media (min-width: 991px){.presale-booking .swiper-slide{width:272px}}.breadcrumbs .container{position:relative}.breadcrumbs .box-noti{position:absolute;top:0;left:16px;right:16px;z-index:502;background-color:#2E3133;padding:16px;border-radius:24px;box-shadow:0px 4px 8px 3px rgba(0,0,0,0.15)}.breadcrumbs .box-noti .desc{color:#F0F0F3}.breadcrumbs .box-noti .button-control{display:flex;justify-content:flex-end;align-items:center;gap:30px}.breadcrumbs .box-noti .button-control .btn-confirm-back{color:#FFB4A8}.breadcrumbs .box-noti .button-control .btn-close{position:relative;width:14px;height:14px;cursor:pointer}.breadcrumbs .box-noti .button-control .btn-close::before,.breadcrumbs .box-noti .button-control .btn-close::after{content:" ";position:absolute;width:18px;height:2px;background-color:#FFFFFF;border-radius:2px;top:6px;left:-2px}.breadcrumbs .box-noti .button-control .btn-close::before{transform:rotate(-45deg)}.breadcrumbs .box-noti .button-control .btn-close::after{transform:rotate(45deg)}.breadcrumbs .history-back{display:inline-flex;align-items:center;cursor:pointer}.breadcrumbs .history-back .ico-arrow{display:flex;width:10px;height:16px;margin-top:-2px;background:url(../images/icons/icon-arrow.svg) center center/100% auto no-repeat;margin-right:12px;position:relative;transform:none}.breadcrumbs .pre-booking-step{margin:20px -16px 0;padding:0 16px;overflow:auto;white-space:nowrap}.breadcrumbs .pre-booking-step::-webkit-scrollbar{display:none}.breadcrumbs .pre-booking-step li{display:inline-block}.breadcrumbs .pre-booking-step li i{display:inline-block;width:15px;height:15px;margin:-2px 0 0 8px;vertical-align:middle;background:url(../images/icons/ico-checked-grey.svg) center center no-repeat;background-size:100%}.breadcrumbs .pre-booking-step li.passed{color:#e00000}.breadcrumbs .pre-booking-step li.passed i{background:url(../images/icons/ico-checked-red.svg) center center no-repeat;background-size:100%}.breadcrumbs .pre-booking-step li:nth-child(n+2){margin-left:12px}@media (min-width: 992px){.breadcrumbs .pre-booking-step li:nth-child(n+2){margin-left:32px}}.banner-with-text{position:relative;max-width:1920px;margin:0 auto}.banner-with-text .box-content{position:absolute;top:0;right:0;bottom:0;left:0}.banner-with-text .box-content .container{padding:0 16px;margin-top:48px}.banner-with-text .box-content .logo{width:190px}.banner-with-text .box-content .title{margin-top:8px}.banner-with-text .box-content .button-control{margin-top:16px}.banner-with-text .box-content .button-control .btn{min-width:140px}@media (min-width: 768px){.banner-with-text .box-content{display:flex;align-items:center}.banner-with-text .box-content .container{margin-top:0}.banner-with-text .box-content .logo{width:240px}.banner-with-text .box-content .title{margin-top:16px}}.devices-container .devices-wrapper .cards-devices .button-control .btn{width:100%}.devices-container .wrap-tabs{padding:0 16px}@media (max-width: 767px){.devices-container .devices-wrapper .cards-devices .button-control .btn{padding:10px 0}.devices-container .devices-wrapper .cards-devices .button-control .btn:nth-child(n+2){margin-top:12px}}@media (min-width: 992px){.devices-container .devices-wrapper .cards-devices .button-control{display:flex;justify-content:space-between}.devices-container .devices-wrapper .cards-devices .button-control .btn{width:calc(50% - 8px)}}.sec-register{background:none}.cards.cards-devices .cards-body{padding:16px 12px 0}.table-responsive:has(.table-price-pre-booking){margin:0 -16px;padding:0 16px;overflow:auto}.table-responsive:has(.table-price-pre-booking)::-webkit-scrollbar{display:none}.table-price-pre-booking{text-align:center;border-radius:16px;outline:1px solid #edeef1;margin-bottom:1px}.table-price-pre-booking .txt-head{font-size:14px;line-height:20px;letter-spacing:0.001em;font-family:var(--font-medium);white-space:nowrap}.table-price-pre-booking .txt-sub-head{display:block;font-size:8px;line-height:9.6px;white-space:nowrap}.table-price-pre-booking tr td:first-child .txt-head{display:inline-block}.table-price-pre-booking tr td:first-child .txt-sub-head{display:inline-block}.table-price-pre-booking tr th,.table-price-pre-booking tr td{padding:12px 8px;vertical-align:middle;min-width:100px}.table-price-pre-booking thead tr th{background-color:#303c46;color:#ffffff}.table-price-pre-booking thead tr th:first-child{background-color:#900000;text-align:left}.table-price-pre-booking thead tr th+th{border-left:1px solid #edeef1}.table-price-pre-booking tbody tr td{background-color:#ffffff;border-top:1px solid #edeef1}.table-price-pre-booking tbody tr td+td{border-left:1px solid #edeef1}.table-price-pre-booking tbody tr td:first-child{background-color:#c00000;color:#ffffff;text-align:left}.table-price-pre-booking tbody tr:last-child td:first-child{border-radius:0 0 0 16px}.table-price-pre-booking tbody tr:last-child td:last-child{border-radius:0 0 16px 0}.table-price-pre-booking.select-pack .box-select{position:relative;padding:4px 8px;border-radius:8px;background-color:#f3f3f6;cursor:pointer}.table-price-pre-booking.select-pack .box-select.selected{background-color:#e00000}.table-price-pre-booking.select-pack .box-select.selected .txt-head,.table-price-pre-booking.select-pack .box-select.selected .txt-sub-head{color:#ffffff}.table-price-pre-booking.select-pack .box-select.selected::after{position:absolute;content:"";top:9px;left:-7px;width:20px;height:20px;background:url(../images/icons/ico-pack-selected.svg) center center no-repeat;background-size:100%}@media (min-width: 992px){.table-responsive:has(.table-price-pre-booking){margin:0;padding:1px}.table-price-pre-booking{width:100%}.table-price-pre-booking .txt-head{font-size:18px;line-height:24px;letter-spacing:0.05em}.table-price-pre-booking .txt-sub-head{font-size:12px;line-height:16px;letter-spacing:0.004em}.table-price-pre-booking tr th,.table-price-pre-booking tr td{padding:12px}.table-price-pre-booking.select-pack .box-select{display:inline-block}.table-price-pre-booking.select-pack .box-select.selected::after{left:-13px}}.wrap-device-model{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.wrap-device-model.nav-fixed{padding-top:138px}.device-model .form-template .button-control .btn{width:100%;min-width:168px}.device-model .note-bar{background-color:#ffedea;border-radius:8px;padding:8px}.device-model .note-bar i{margin-right:8px}.wrap-packshot-slide .swiper-packshot-slide .swiper-pagination{bottom:0}@media (min-width: 768px) and (max-width: 991px){.wrap-device-model{display:flex}.wrap-device-model>*{width:50%}}@media (min-width: 992px){.wrap-device-model{display:flex;gap:64px;justify-content:space-between;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.wrap-device-model>*{width:calc(50% - 32px)}.wrap-device-model .wrap-packshot-slide{display:flex;justify-content:center;align-items:center;padding:32px 0}.wrap-device-model .wrap-packshot-slide .swiper-packshot-slide{width:426px;height:426px}.wrap-device-model .device-model{padding:32px 24px 32px 0;display:flex;align-items:center}.wrap-device-model .device-model .wrap-inner{width:100%}.wrap-device-model .device-model .form-template .button-control .btn{width:auto}}@media (min-width: 768px){.bg-light-purple:has(.wrap-select-btn-outline),.bg-light-purple:has(.date-time-selected){background:none}}.wrap-select-btn-outline .select-btn-outline{display:flex;gap:8px;flex-wrap:wrap}.wrap-select-btn-outline .select-btn-outline .btn-check{position:absolute;opacity:0;pointer-events:all;z-index:-1}.wrap-select-btn-outline .select-btn-outline .btn-check+.btn-outline{cursor:pointer;width:calc((100% - 16px) / 3);min-height:48px;border:1px solid #edeef1;background-color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-medium);font-size:13px;border-radius:6px;margin:0;padding:4px 0;text-align:center}.wrap-select-btn-outline .select-btn-outline .btn-check+.btn-outline span{display:none;font-size:10px;color:#e00000;font-family:var(--font-regular)}.wrap-select-btn-outline .select-btn-outline .btn-check:checked+.btn-outline{background-color:#ffedea;border-color:var(--primary-color)}.wrap-select-btn-outline .select-btn-outline .btn-check:disabled+.btn-outline{background-color:#e0e0e0;border-color:#e0e0e0;color:#8c8d8e}.wrap-select-btn-outline .select-btn-outline .btn-check:disabled+.btn-outline.out-of-stock{border:1px solid #edeef1;background-color:#ffffff;color:var(--primary-text-color)}.wrap-select-btn-outline .select-btn-outline .btn-check:disabled+.btn-outline.out-of-stock span{display:block}.wrap-select-btn-outline .select-btn-outline .btn-check:disabled+.btn-outline.upgrade-storage span{display:block;color:#8c8d8e}.wrap-select-btn-outline.bd-rd-16 .select-btn-outline .btn-check+.btn-outline{border-radius:16px}.wrap-select-btn-outline.two-btn .select-btn-outline .btn-check+.btn-outline{width:calc(50% - 4px)}.wrap-select-color .select-color{display:flex;gap:8px;padding:8px 0;flex-wrap:wrap}.wrap-select-color .select-color:has(input:disabled){padding:8px 0 32px}.wrap-select-color .select-color .btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.wrap-select-color .select-color .btn-check+.btn-color{position:relative;cursor:pointer;width:30px;height:30px;border:1px solid #edeef1;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-bold);font-size:14px;margin:0 16px}.wrap-select-color .select-color .btn-check+.btn-color::after{content:" ";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:100%}.wrap-select-color .select-color .btn-check+.btn-color.bg-gold{background-color:#f2e5cf}.wrap-select-color .select-color .btn-check+.btn-color.bg-grey{background-color:rgba(48,60,70,0.38)}.wrap-select-color .select-color .btn-check+.btn-color.bg-black{background-color:#3d3c3a}.wrap-select-color .select-color .btn-check+.btn-color.bg-titanium{background-color:#EDEEF1}.wrap-select-color .select-color .btn-check+.btn-color span{display:none;font-size:12px;color:#e00000;font-family:var(--font-regular);position:absolute;bottom:-32px;white-space:nowrap}.wrap-select-color .select-color .btn-check:checked+.btn-color::after{border:1px solid #e00000}.wrap-select-color .select-color .btn-check:disabled+.btn-color{border:1px solid #EDEEF1}.wrap-select-color .select-color .btn-check:disabled+.btn-color span{display:block}.wrap-select-color .select-color .btn-check:disabled+.btn-color::before{content:" ";position:absolute;top:50%;left:0;width:100%;height:1px;border-top:1px dashed #FFFFFF;transform:rotate(-45deg)}.date-time-selected{padding:8px 16px;background-color:#FFEDEA;border-radius:8px}@media (min-width: 992px){.wrap-select-color .select-color{display:flex;gap:8px;padding:8px 0;flex-wrap:wrap}.wrap-select-color .select-color:has(input:disabled){padding:8px 0 32px}.wrap-select-color .select-color .btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.wrap-select-color .select-color .btn-check+.btn-color{position:relative;cursor:pointer;width:40px;height:40px;border:1px solid #edeef1;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-bold);font-size:14px;margin:0 16px}.wrap-select-color .select-color .btn-check+.btn-color::after{content:" ";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:100%}.wrap-select-color .select-color .btn-check+.btn-color.bg-gold{background-color:#f2e5cf}.wrap-select-color .select-color .btn-check+.btn-color.bg-grey{background-color:rgba(48,60,70,0.38)}.wrap-select-color .select-color .btn-check+.btn-color.bg-black{background-color:#3d3c3a}.wrap-select-color .select-color .btn-check+.btn-color.bg-titanium{background-color:#EDEEF1}.wrap-select-color .select-color .btn-check+.btn-color span{display:none;font-size:12px;color:#e00000;font-family:var(--font-regular);position:absolute;bottom:-32px;white-space:nowrap}.wrap-select-color .select-color .btn-check:checked+.btn-color::after{border:1px solid #e00000}.wrap-select-color .select-color .btn-check:disabled+.btn-color{border:1px solid #EDEEF1}.wrap-select-color .select-color .btn-check:disabled+.btn-color span{display:block}.wrap-select-color .select-color .btn-check:disabled+.btn-color::before{content:" ";position:absolute;top:50%;left:0;width:100%;height:1px;border-top:1px dashed #FFFFFF;transform:rotate(-45deg)}}.step-title{margin:0 -16px;padding:32px 16px 16px}.step-title .num-step{display:inline-flex;justify-content:center;align-items:center;width:26px;height:26px;border-radius:100%;background:#303c46;margin-right:8px}.model-container:has(.nav-fixed){padding-top:145px}.model-container .wrap-tabs{margin-left:0;margin-right:0}.wrap-select-model{margin:0 -16px;z-index:501;position:relative}.wrap-select-model:has(.btn-select-shop){z-index:499}.wrap-select-model.nav-fixed{position:fixed;top:0;left:0;right:0;margin:0}.wrap-select-model .select-model{display:flex}.wrap-select-model .select-model .btn-select-model{display:flex;justify-content:center;align-items:center;gap:8px;width:50%;background:linear-gradient(157.76deg, #fff 57.15%, #eee 100.02%);padding:16px 8px;position:relative;overflow:hidden;border-left:1px solid transparent;border-right:1px solid transparent}.wrap-select-model .select-model .btn-select-model:not(.active){border-left:1px solid #F0F0F3;border-right:1px solid #F0F0F3}.wrap-select-model .select-model .btn-select-model.btn-select-channel{width:50%;border:1px solid #F0F0F3}.wrap-select-model .select-model .btn-select-model.btn-select-channel p{margin-top:12px}.wrap-select-model .select-model .btn-select-model.btn-select-channel span{margin-top:8px;color:rgba(48,60,70,0.8)}.wrap-select-model .select-model .btn-select-model>*{position:relative;z-index:1}.wrap-select-model .select-model .btn-select-model::after{transition:all 0.3s ease;opacity:0;content:" ";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.wrap-select-model .select-model .btn-select-model.active .ico-circle,.wrap-select-model .select-model .btn-select-model:hover .ico-circle{border:2px solid #ffffff}.wrap-select-model .select-model .btn-select-model.active p,.wrap-select-model .select-model .btn-select-model.active span,.wrap-select-model .select-model .btn-select-model:hover p,.wrap-select-model .select-model .btn-select-model:hover span{color:#FFFFFF !important}.wrap-select-model .select-model .btn-select-model.active::after,.wrap-select-model .select-model .btn-select-model:hover::after{background:linear-gradient(144.73deg, red 0%, #EA089C 54.29%, #428AE3 100%);opacity:1}.wrap-select-model .select-model .btn-select-model:disabled,.wrap-select-model .select-model .btn-select-model.active:disabled,.wrap-select-model .select-model .btn-select-model:hover:disabled{cursor:no-drop}.wrap-select-model .select-model .btn-select-model:disabled::after,.wrap-select-model .select-model .btn-select-model.active:disabled::after,.wrap-select-model .select-model .btn-select-model:hover:disabled::after{background:#a7acb0 !important;opacity:1}.wrap-select-model .select-model .btn-select-model .ico-circle{width:20px;height:20px;border-radius:100%;border:2px solid #303C46;position:relative}.wrap-select-model .select-model .btn-select-model .ico-circle::after{content:" ";width:8px;height:8px;border-radius:100%;background:#ffffff;position:absolute;top:50%;left:50%;translate:-50% -50%;transition:all 0.3s ease;opacity:0}.wrap-select-model .select-model .btn-select-model.active .ico-circle::after{opacity:1}.wrap-select-model .select-model .btn-select-model.active .ico-phone svg rect{stroke:#ffffff}.wrap-select-model .select-model .btn-select-model.active .ico-home{filter:invert(98%) sepia(100%) saturate(7%) hue-rotate(182deg) brightness(103%) contrast(104%) !important}.wrap-select-model .select-model .ico-phone{display:block;width:16px;height:32px;}.wrap-select-model .select-model .ico-home{display:block;width:20px;height:22px;background:url(../images/icons/ico-home.svg) center center no-repeat;background-size:100% auto}.wrap-select-model #sel-shop-true .ico-home{filter:invert(13%) sepia(81%) saturate(4735%) hue-rotate(356deg) brightness(97%) contrast(121%)}.wrap-select-model #sel-shop-true p{color:#E00000;display:flex;align-items:self-end;gap:8px}.wrap-select-model #sel-shop-true span{display:block;margin-top:12px;color:#E00000}.wrap-select-model #sel-shop-dtac .ico-home{filter:invert(51%) sepia(95%) saturate(1440%) hue-rotate(171deg) brightness(98%) contrast(98%)}.wrap-select-model #sel-shop-dtac p{color:#19aaf8;display:flex;align-items:self-end;gap:8px}.wrap-select-model #sel-shop-dtac span{display:block;margin-top:12px;color:#19aaf8}.wrap-select-model #tab-delivery .ico-home{filter:invert(65%) sepia(11%) saturate(1079%) hue-rotate(319deg) brightness(113%) contrast(110%)}.wrap-select-model #tab-delivery p{color:#FFB4A8}@media (min-width: 992px){.step-title{margin:0;padding:32px}.step-title .title-page{display:flex;align-items:center}.wrap-select-model{margin:0;display:flex;justify-content:center;padding:0 32px 24px;z-index:499}.wrap-select-model.nav-fixed{position:fixed;top:0;left:0;right:0;margin:0}.wrap-select-model .select-model{display:flex;gap:16px}.wrap-select-model .select-model .btn-select-model{display:flex;flex-direction:row;align-items:center;justify-content:start;width:auto;padding:16px 16px 16px 21px;position:relative;overflow:hidden;border-radius:16px;min-width:200px;box-shadow:2px 4px 30px 0px rgba(0,0,0,0.1);border-left:none !important;border-right:none !important}.wrap-select-model .select-model .btn-select-model.btn-select-channel{min-width:385px;min-height:70px}.wrap-select-model .select-model .btn-select-model>*{position:relative;z-index:1}.wrap-select-model .select-model .btn-select-model::after{transition:all 0.3s ease;opacity:0;content:" ";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.wrap-select-model .select-model .btn-select-model.active .ico-circle,.wrap-select-model .select-model .btn-select-model:hover .ico-circle{border:2px solid #ffffff}.wrap-select-model .select-model .btn-select-model.active .ico-phone svg rect,.wrap-select-model .select-model .btn-select-model:hover .ico-phone svg rect{stroke:#FFFFFF}.wrap-select-model .select-model .btn-select-model.active .ico-home,.wrap-select-model .select-model .btn-select-model:hover .ico-home{filter:invert(98%) sepia(100%) saturate(7%) hue-rotate(182deg) brightness(103%) contrast(104%) !important}.wrap-select-model .select-model .btn-select-model.active span,.wrap-select-model .select-model .btn-select-model:hover span{color:#FFFFFF !important}.wrap-select-model .select-model .btn-select-model:disabled,.wrap-select-model .select-model .btn-select-model.active:disabled,.wrap-select-model .select-model .btn-select-model:hover:disabled{cursor:no-drop}.wrap-select-model .select-model .btn-select-model:disabled::after,.wrap-select-model .select-model .btn-select-model.active:disabled::after,.wrap-select-model .select-model .btn-select-model:hover:disabled::after{background:#a7acb0 !important;opacity:1}.wrap-select-model .select-model .btn-select-model .ico-circle{min-width:20px;width:20px;height:20px;border-radius:100%;position:relative}.wrap-select-model .select-model .btn-select-model .ico-circle::after{content:" ";width:8px;height:8px;border-radius:100%;background:#ffffff;position:absolute;top:50%;left:50%;translate:-50% -50%;transition:all 0.3s ease;opacity:0}.wrap-select-model .select-model .btn-select-model.active .ico-circle::after{opacity:1}.wrap-select-model .select-model .ico-phone{margin-top:0;margin-left:19px}.wrap-select-model .select-model .ico-home{margin-top:0}.wrap-select-model .select-model .txt{margin-left:16px;text-align:left}.wrap-select-model .select-model .txt p{margin-top:0}.wrap-select-model .select-model .txt span{margin-left:0}.wrap-select-model .select-model span{margin-top:0;margin-left:16px;text-align:left}}.device-model .box-up-size{background:linear-gradient(135deg, #ffdad4 32.04%, #ffd8e7 57.46%, #e7deff 74.48%, #bee9ff 100%);border-radius:8px;padding:10px 16px}.device-model .box-up-size .normal-price{color:#b0b5b9;text-decoration:line-through}.box-thanks .ico-success{display:block}.booking-detail{margin:0 -16px;padding-left:16px;padding-right:16px}.booking-detail .button-control .btn{width:100%}.barcode-detail .barcode img{width:300px;margin:0 auto;display:block}.device-detail{border:1px solid #edeef1;border-radius:16px;padding:16px;display:flex;gap:16px;max-width:456px;margin-left:auto;margin-right:auto}.device-detail[class*="bg-"]{border:none}.device-detail.bg-pink{background-color:#ffedea;max-width:100%}.device-detail .packshot{min-width:60px;width:60px;height:60px;border-radius:8px;overflow:hidden}.customer-detail{border:1px solid #edeef1;border-radius:16px;padding:16px;max-width:456px;margin-left:auto;margin-right:auto}.customer-detail .table tr td{padding:10px 8px;vertical-align:middle}.customer-detail .table tr td:first-child{width:142px;padding-right:0}.customer-detail .table tr:nth-child(even) td{background-color:#f3f3f6}@media (min-width: 768px){.booking-detail{padding-left:16px;padding-right:16px}.booking-detail .button-control{display:flex;justify-content:center}.booking-detail .button-control .btn{width:auto}}.sc-success .device-detail{max-width:456px}.sc-unsuccess .box-unsuccess .ico-unsuccess{display:block}.sc-unsuccess .box-text{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.sc-unsuccess .box-text .button-control .btn{width:100%}@media (min-width: 768px){.sc-unsuccess .box-text{margin-left:0;margin-right:0}.sc-unsuccess .box-text .button-control .btn{width:auto}}.cta-popup .txt-title.f-medium{font-family:var(--font-medium) !important}.cta-popup .is-close-btn{display:none}.cta-popup.popup-privilege{text-align:left}.cta-popup.popup-privilege .popup-title{text-align:left}.cta-popup.popup-privilege .popup-img{min-height:auto}.cta-popup.popup-privilege .popup-img img{height:30px;width:auto}.cta-popup .btn-with-arrow{text-align:left;width:100%;border:1px solid #edeef1;border-radius:16px;padding:16px;position:relative;background:transparent}.cta-popup .btn-with-arrow.bg-pink{border:1px solid #ffedea;background-color:#ffedea}.cta-popup .btn-with-arrow::after{content:" ";position:absolute;top:50%;right:16px;width:10px;height:16px;transform:translate(0, -50%);background:url(../images/icons/icon-arrow-right-red.svg) center center no-repeat;background-size:100%}.cta-popup#popup-fill-code .txt-title{margin-bottom:40px}.cta-popup#popup-fill-code .form-template .form-group{margin-bottom:24px}.cta-popup#popup-fill-code .form-template .form-group>span{background:#fafafa}.cta-popup#popup-fill-code .form-template .form-group .form-control{background:#fafafa}.cta-popup#popup-fill-code .button-control{display:flex;justify-content:space-between;gap:8px;flex-direction:row}.cta-popup#popup-fill-code .button-control .btn{width:calc(50% - 4px)}.cta-popup.popup-pre-booking{background:#ffffff;border-radius:24px;max-width:312px}.cta-popup.popup-pre-booking .popup-inner .popup-img{margin-top:16px;min-height:auto}.cta-popup.popup-pre-booking .popup-inner .popup-detail .txt-title{margin-bottom:26px}.cta-popup.popup-pre-booking .popup-inner .popup-detail .button-control .btn{width:100%;outline:none}@media (min-width: 768px){.cta-popup.popup-privilege{max-width:560px}}#countdown>div{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:var(--primary-color);color:var(--white-color);font-size:14px;font-family:var(--font-medium);border-radius:8px;border:none}#countdown .jst-hours,#countdown .jst-clearDiv{display:none}#countdown .jst-seconds{margin-left:13px;position:relative}#countdown .jst-seconds::after{content:":";position:absolute;color:#000000;top:2px;left:-8px}.main-footer{display:flex;width:100%;background:#000000;flex-direction:column;padding:40px 0;position:relative;z-index:10}.main-footer .follow-wrapper{display:flex;flex-direction:column}.main-footer .head{display:flex;margin-top:10px;margin-bottom:16px}.main-footer .nav-social{display:flex;align-items:center;padding:10px 0}.main-footer .nav-social .link-social{display:flex;width:24px;margin-right:16px}.main-footer .nav-social .link-social img{width:100%}.main-footer .sub-footer{display:flex;width:100%;align-items:flex-end;justify-content:flex-end;padding:0 0 10px;height:100%;border-top:none}.main-footer .sub-footer .privacy-policy{display:flex;align-items:center}.main-footer .sub-footer a{display:inline-flex;align-items:center}.main-footer .sub-footer a:first-child::after{content:"";width:4px;height:4px;border-radius:50%;background:#ffffff;display:inline-flex;margin:0 2px}.button-control.sticky-button{display:flex;position:relative;z-index:10;left:0;bottom:0;width:100%;justify-content:center;background:var(--white-color);align-items:center;padding:16px 16px}.button-control.sticky-button .btn{width:168px}.button-control.sticky-button.sticky{position:fixed}.waiting-room{display:flex;height:100%}.waiting-room .container{display:flex;flex-direction:column;height:100%}.waiting-room .room-wrapper{display:flex;justify-content:flex-start;align-items:center;width:100%;flex-direction:column;padding:80px 0;min-height:calc(100vh - 266px)}.waiting-room .button-control{display:flex;margin-top:auto;padding:0 16px}.waiting-room .button-control .btn{width:358px}.waiting-room .head-title{align-items:center;text-align:center}.waiting-room .loading-time{display:flex;flex-direction:column;align-items:center}.waiting-room .loading-time .loading{display:flex;width:48px;margin-bottom:16px;animation:animCircle 0.75s linear infinite}.waiting-room .loading-time .loading img{width:100%}.waiting-room #countdown>div{height:auto;width:auto;background:none;color:var(--primary-color);font-size:20px;font-family:var(--font-medium)}.waiting-room #countdown .jst-seconds::after{color:var(--primary-color)}.waiting-room .timer-box{display:flex;flex-direction:column;align-items:center}.waiting-room .timer-box .timer{display:flex;align-items:baseline;margin-top:8px}.waiting-room #countdown .jst-seconds::after{top:-2px}.overlay-loading{position:fixed;display:flex;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;z-index:15;backdrop-filter:blur(5px);background:rgba(255,255,255,0.35)}.overlay-loading .loading{display:flex;width:48px;height:48px;animation:animCircle 0.75s linear infinite}.overlay-loading .loading img{width:100%}@keyframes animCircle{100%{transform:rotate(360deg)}}@media only screen and (max-width: 991px){.main-footer{padding:16px 0 16px}.main-footer .follow-wrapper{flex-direction:row;justify-content:space-between;align-items:center}.main-footer .sub-footer{padding:30px 0 16px;justify-content:center}.main-footer .head{margin:auto 0}.main-footer .nav-social{padding:8px 0}.booking-countdown .detail-list{padding-right:0}.waiting-room .room-wrapper{min-height:calc(100vh - 238px);padding:60px 0}.main-page{padding-top:64px}}@media only screen and (max-width: 767px){.booking-countdown .detail-list{flex-direction:column}.booking-countdown .device-detail .packshot{width:60px;height:60px}.booking-countdown .device-detail{padding:16px}.booking-countdown .detail-list .text{margin-bottom:16px}.booking-countdown .detail-list .text:last-child{margin-bottom:0}.form-template.payment-wrapper .collapse-box .row{margin:0 -8px}.form-template.payment-wrapper .collapse-box .row [class^="col-"]{padding:0 8px}.waiting-room .room-wrapper{padding:60px 0 16px}}@media only screen and (max-width: 460px){.main-footer .sub-footer{flex-direction:column;align-items:center}.button-control.sticky-button .btn{width:100%}}@media only screen and (max-width: 360px){.booking-countdown .detail .fz-12{font-size:11px !important}.booking-countdown .device-detail{gap:10px}}.button-control-fixed{position:fixed;z-index:10;bottom:0;left:0;right:0;background-color:#ffffff;padding:16px 10px;display:flex;justify-content:center;box-shadow:3px 3px 5px 6px #ccc}.button-control-fixed .btn{width:100%}@media (min-width: 768px){.button-control-fixed .btn{max-width:168px}}.wrap-payment{background-color:#ffffff;text-align:center;padding-left:16px;padding-right:16px}.wrap-payment .wrap-inner .logo-payment{max-width:300px;margin:0 auto}.wrap-payment .wrap-inner .qr-payment{max-width:256px;margin:0 auto}.wrap-payment .wrap-inner .button-control{display:flex;justify-content:center;gap:16px}@media (max-width: 991px){.wrap-payment{margin-left:-16px;margin-right:-16px}}#countdown-payment{display:inline-flex}#countdown-payment .jst-hours,#countdown-payment .jst-clearDiv{display:none}#countdown-payment .jst-minutes::after{content:" นาที"}#countdown-payment .jst-seconds{margin-left:4px}#countdown-payment .jst-seconds::after{content:" วินาที"}.storage-container .navbar-wrapper{display:flex;gap:12px;overflow:auto}.storage-container .navbar-wrapper .btn{border:1px solid #edeef1;background-color:#ffffff;color:#303c46;min-width:100px;border-radius:6px}.storage-container .navbar-wrapper .btn.active{border:1px solid #E00000;background-color:#ffedea}.storage-container .wrap-tabs{margin-left:0;margin-right:0}.logo-card{height:24px;width:auto;margin-top:4px}.logo-card+.logo-card{margin-left:4px}.logo-brand-true-dtac{height:20px;width:auto;margin:-10px 0 0 8px}@media (max-width: 767px){.logo-card{height:16px}.logo-brand-true-dtac{height:16px;margin:0}}.sc-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(../images/bg-countdown.jpg) center center no-repeat;background-size:cover;position:relative}.sc-loader::after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.9)}.sc-loader>*{z-index:1}.sc-loader h1{background:linear-gradient(144.73deg, red 0%, #EA089C 54.29%, #428AE3 100%);-webkit-background-clip:text}.sc-loader .button-control .btn-primary-outline{color:#FFFFFF;background:transparent;min-width:150px}#countdown-to-date{display:flex;color:#FFFFFF}#countdown-to-date .time-unit span{color:#c6c6c9;background:#333537;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;text-align:center;padding:0 3px;border-radius:8px}@media (min-width: 992px){.Loader::after{font-size:44px;line-height:44px;white-space:nowrap}#countdown-to-date{margin-top:32px}}.wrap-pack-accordion .pack-accordion{overflow:hidden}.wrap-pack-accordion .pack-accordion.active header::after{transform:rotate(-180deg)}.wrap-pack-accordion .pack-accordion:nth-child(n+2){margin-top:16px}.wrap-pack-accordion .pack-accordion header{background:#000000;color:#FFFFFF;padding:12px 50px 12px 16px;position:relative;cursor:pointer;display:flex;justify-content:space-between;align-items:start;border-top:1px solid #edeef1;border-right:1px solid #edeef1;border-left:1px solid #edeef1;border-radius:16px 16px 0 0}.wrap-pack-accordion .pack-accordion header p{font-size:16px;line-height:19.2px}.wrap-pack-accordion .pack-accordion header p span{font-size:12px;line-height:14.4px}.wrap-pack-accordion .pack-accordion header .logo-member-list{display:flex;justify-content:end;gap:2px}.wrap-pack-accordion .pack-accordion header .logo-member-list span{display:inline-block;width:24px}.wrap-pack-accordion .pack-accordion header .ico-phone{width:18px;height:36px;display:inline-block}.wrap-pack-accordion .pack-accordion header .ico-phone svg rect{stroke:#ffffff}.wrap-pack-accordion .pack-accordion header::after{content:" ";width:18px;height:18px;position:absolute;top:50%;right:16px;translate:0 -50%;background:url(../images/icons/ico-chevron-down-white.svg) center center no-repeat;background-size:100% auto;transition:all 0.3s ease}.wrap-pack-accordion .pack-accordion .content .wrap-inner{border-bottom:1px solid #edeef1;border-right:1px solid #edeef1;border-left:1px solid #edeef1;border-radius:0 0 16px 16px;overflow:hidden}.wrap-pack-accordion .pack-accordion .content .pack-head{display:flex;background:rgba(48,60,70,0.8);color:#FFFFFF;border-top:1px solid #edeef1;border-bottom:1px solid #edeef1;padding:8px 16px;justify-content:space-between}.wrap-pack-accordion .pack-accordion .content .pack-head p{text-align:center;font-size:12px;line-height:14.4px;padding:0 8px;width:40%}.wrap-pack-accordion .pack-accordion .content .pack-head p span{font-size:8px;line-height:9.6px}.wrap-pack-accordion .pack-accordion .content .pack-head.handset-only p:first-child{width:70%}.wrap-pack-accordion .pack-accordion .content .pack-head.handset-only p:last-child{width:30%}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper{flex-direction:column;align-items:start;padding:0}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper{flex-direction:row;width:100%;height:60px;margin:0;padding:0 16px;justify-content:space-between}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper:has(input:checked){background:rgba(255,180,168,0.3)}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper input ~ .cr-input{left:14px}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper>p{width:40%;justify-content:center;flex-direction:column;text-align:center;display:flex;font-family:var(--font-medium);font-size:14px;line-height:16.8px}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper>p.with-ico-upgrade{position:relative}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper>p.with-ico-upgrade::after{content:" ";position:absolute;top:-1px;left:0;translate:-55% 0%;width:68px;height:15px;display:block;background:url(../images/icons/ico-time-wrap-small-th.png) center center no-repeat;background-size:100% auto}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper>p span{font-size:12px;line-height:14.4px;color:rgba(48,60,70,0.38)}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper.check-box{height:auto;padding:16px 0 16px 48px}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper.check-box input ~ .cr-input{top:16px;transform:translate(0, 0)}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper.check-box>span{width:100%;text-align:left;padding:0}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper:nth-child(even){background:#fafafa}.wrap-pack-accordion .pack-accordion .content .pack-price.handset-only .radio-wrapper .cr-wrapper{height:auto;padding:24px 32px 24px 42px;align-items:start;background-color:#fafafa}.wrap-pack-accordion .pack-accordion .content .pack-price.handset-only .radio-wrapper .cr-wrapper>p{padding:0}.wrap-pack-accordion .pack-accordion .content .pack-price.handset-only .radio-wrapper .cr-wrapper>p:nth-child(3){width:70%}.wrap-pack-accordion .pack-accordion .content .pack-price.handset-only .radio-wrapper .cr-wrapper>p:nth-child(4){width:30%;font-family:var(--font-medium)}.wrap-pack-accordion .pack-accordion .content .pack-price.handset-only .radio-wrapper .cr-wrapper>p span{width:100%}.wrap-pack-accordion .pack-accordion .content .pack-price.handset-only .radio-wrapper .cr-wrapper input ~ .cr-input{top:24px;transform:translate(0, 0)}.wrap-pack-accordion .pack-accordion .content .ussd{text-align:center;background:#fafafa;padding:12px}.wrap-pack-accordion .pack-accordion .content .ussd i{display:inline-block;width:10px;height:10px;background:url(../images/icons/ico-call.svg) center center no-repeat;background-size:100% auto}.wrap-pack-accordion.view-price-only .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper{cursor:default}.wrap-pack-accordion.view-price-only .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper input ~ .cr-input{display:none}.wrap-pack-accordion.view-price-only .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper:has(input:checked){background:transparent}.en .wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper>p.with-ico-upgrade::after{translate:-63% 0%;width:82px;height:15px;background:url(../images/icons/ico-time-wrap-small-en.png) center center no-repeat;background-size:100% auto}@media (min-width: 768px){.en .wrap-pack-accordion .pack-accordion:nth-child(1) header,.en .wrap-pack-accordion .pack-accordion:nth-child(2) header{min-height:102px}.wrap-pack-accordion{display:flex;gap:16px;flex-wrap:wrap}.wrap-pack-accordion .pack-accordion{width:calc(50% - 8px)}.wrap-pack-accordion .pack-accordion:nth-child(1) header,.wrap-pack-accordion .pack-accordion:nth-child(2) header{min-height:83px}.en .wrap-pack-accordion .pack-accordion:nth-child(1) header,.en .wrap-pack-accordion .pack-accordion:nth-child(2) header{min-height:102px}.wrap-pack-accordion .pack-accordion:nth-child(n+2){margin-top:0}.wrap-pack-accordion .pack-accordion .content .pack-head{padding:8px 32px}.wrap-pack-accordion .pack-accordion .content .pack-head p{width:30%}.wrap-pack-accordion .pack-accordion .content .pack-head p span{font-size:8px;line-height:9.6px}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper{padding:0 32px}.wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper>p{width:30%}}@media (min-width: 768px) and (max-width: 991px){.en .wrap-pack-accordion .pack-accordion:nth-child(1) header,.en .wrap-pack-accordion .pack-accordion:nth-child(2) header{min-height:140px}.en .wrap-pack-accordion .pack-accordion .content .pack-price .radio-wrapper .cr-wrapper>p.with-ico-upgrade::after{translate:-80% 0%}}.select-acc-color{display:flex;justify-content:center;align-items:center;padding:8px 0}.select-acc-color>button{width:9px;height:16px;background:url(../images/icons/icon-arrow.svg) center center no-repeat;background-size:100% auto}.select-acc-color>button.next{transform:rotate(180deg)}.select-acc-color>button.inactive{opacity:0;cursor:auto}.select-acc-color .wrap-btn-color{display:flex;gap:12px;margin:0 12px}.select-acc-color .wrap-btn-color .btn-acc-color{text-indent:-999px;width:14px;height:14px;border-radius:100%;box-shadow:1px 1px 1px 0px rgba(0,0,0,0.15) inset;position:relative}.select-acc-color .wrap-btn-color .btn-acc-color.active::after{content:" ";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid var(--primary-color);border-radius:100%}.select-acc-color .wrap-btn-color .btn-acc-color:disabled::after{content:" ";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px dashed rgba(48,60,70,0.38);border-radius:100%}.sc-promotion{padding-bottom:99px}.wrap-box-privilege{margin:0 -16px}.wrap-box-privilege .box-privilege{height:285px}.wrap-box-privilege .box-privilege .wrap-inner{height:100%;padding:16px;display:flex;flex-direction:column;justify-content:center}.wrap-box-privilege .box-privilege .wrap-inner .image{display:inline-flex;align-items:start;gap:4px}.wrap-box-privilege .box-privilege .wrap-inner .image.card-member span{display:flex;align-items:start;max-width:24px}.wrap-box-privilege .box-privilege .wrap-inner .image.card-member span img{width:100%}.wrap-box-privilege .box-privilege .wrap-inner .desc{margin-top:4px}.wrap-box-privilege .box-privilege .wrap-inner .button-control{margin-top:8px;display:flex;justify-content:end}@media (max-width: 767px){.wrap-box-privilege{column-gap:0;column-count:2}.wrap-box-privilege .box-privilege{width:100%}.wrap-box-privilege .box-privilege:first-child,.wrap-box-privilege .box-privilege:last-child{height:240px}}@media (min-width: 768px){.wrap-box-privilege{display:flex;flex-wrap:wrap;flex-direction:row}.wrap-box-privilege .box-privilege{width:25%;height:auto}.wrap-box-privilege .box-privilege .wrap-inner{padding:32px 16px;justify-content:space-between}.wrap-box-privilege .box-privilege .wrap-inner .image.card-member span{max-width:40px;width:100%}.wrap-box-privilege .od-sm-1{order:1}.wrap-box-privilege .od-sm-2{order:2}.wrap-box-privilege .od-sm-3{order:3}.wrap-box-privilege .od-sm-4{order:4}.wrap-box-privilege .od-sm-5{order:5}.wrap-box-privilege .od-sm-6{order:6}.wrap-box-privilege .od-sm-7{order:7}.wrap-box-privilege .od-sm-8{order:8}}@media (min-width: 992px){.wrap-box-privilege .box-privilege .wrap-inner{padding:40px 16px}}.en .box-hilight{background:url(../images/bg-box-time-m-en.webp) center center no-repeat;background-size:cover}.en .box-hilight.box-2{background:url(../images/bg-box-sabuypay-m-en.webp) center center no-repeat;background-size:cover}.en .box-hilight.box-1.active{background:url(../images/bg-box-time-m-active-en.webp) top center no-repeat;background-size:100% auto}.box-hilight{min-height:153px;border-radius:16px;overflow:hidden;background:url(../images/bg-box-time-m-th.webp) center right no-repeat;background-size:cover;display:flex;align-items:center;padding:16px}.box-hilight.box-1 .wrap-inner{max-width:500px}.box-hilight.box-1.active{background:url(../images/bg-box-time-m-active-th.webp) top center no-repeat;background-size:100% auto}.box-hilight.box-1.active .wrap-inner .wrap-content .content{overflow:visible;max-width:none;margin-top:32%}.box-hilight.box-2{background:url(../images/bg-box-sabuypay-m.webp) center center no-repeat;background-size:cover}.box-hilight.box-2 .wrap-inner{width:100%}.box-hilight *{transition:all 0.8s ease-in-out}.box-hilight .wrap-inner{position:relative}.box-hilight .wrap-inner .wrap-content .content{max-height:0;transition:max-height 0.8s ease-in-out;overflow:hidden;max-width:70%}.box-hilight .wrap-inner .wrap-content .content ol li:nth-child(n+2){margin-top:4px}.box-hilight .wrap-inner .wrap-content>.button-control{margin-top:20px}.box-hilight .wrap-inner .wrap-content>.button-control .btn{overflow:hidden;transition:text-indent 1s ease}.box-hilight .wrap-inner .wrap-content>.button-control .btn span{opacity:1;transition:opacity 0.1s ease}.box-hilight.active{background-size:cover}.box-hilight.active .wrap-inner .image{height:auto}.box-hilight.active .wrap-inner .wrap-content .content{max-height:500px}.box-hilight.active .wrap-inner .wrap-content>.button-control{margin-top:0;margin-left:calc(100% - 48px)}.box-hilight.active .wrap-inner .wrap-content>.button-control .btn{background:url(../images/icons/icon-park-outline_scale.svg) center center no-repeat;background-size:100% auto;width:48px;height:48px;border:0;text-indent:-110px;border-radius:0;padding:0}.box-hilight.active .wrap-inner .wrap-content>.button-control .btn span{opacity:0}@media (min-width: 992px){.en .box-hilight{background:url(../images/bg-box-time-d-en.webp) center center no-repeat;background-size:cover}.en .box-hilight.box-2{background:url(../images/bg-box-sabuypay-d-en.webp) center center no-repeat;background-size:cover}.box-hilight{border-radius:24px;overflow:hidden;background:url(../images/bg-box-time-d-th.webp) center center no-repeat;background-size:cover;height:483px;display:flex;align-items:center;padding:32px 64px}.box-hilight.box-2{background:url(../images/bg-box-sabuypay-d.webp) center center no-repeat;background-size:cover;height:480px}.box-hilight.box-1 .wrap-inner{position:relative;padding:3px;border-radius:40px;max-width:500px;background:linear-gradient(155.31deg, #EA089C4D 12.33%, rgba(255,255,255,0) 34.31%, rgba(255,255,255,0) 52.66%, #EA089C4D 74.67%);padding:3px;box-shadow:0px 1.2px 30px 0px rgba(234,8,156,0.3)}.box-hilight.box-1 .wrap-inner .wrap-content{border-radius:36px;padding:0 32px 32px !important;background-color:rgba(156,10,48,0.9)}.box-hilight .wrap-inner{position:relative}.box-hilight .wrap-inner .wrap-content .content{max-height:none;max-width:none}.box-hilight .wrap-inner .wrap-content .content .button-control .btn{min-width:120px}.box-hilight .wrap-inner .wrap-content>.button-control{display:none}}@media (max-width: 767px){.box-hilight.box-2{margin:0 -16px;border-radius:0}}@media (min-width: 768px) and (max-width: 991px){.box-hilight.box-1{min-height:230px}.box-hilight.box-1 .wrap-inner .wrap-content>.button-control{margin-left:15%}.box-hilight.box-1.active .wrap-inner{max-width:none;width:100%}.box-hilight.box-1.active .wrap-inner .wrap-content .content{margin-top:37%;padding-left:30px}.box-hilight.box-1.active .wrap-inner .wrap-content>.button-control{margin-left:15%}}.bg-channel{background:url(../images/bg-card-device-mobile.webp) center bottom no-repeat #fff;background-size:100% auto}.bg-channel .wrap-select-model{background:none}.channel-container .wrap-tabs{margin-left:0;margin-right:0}.wrap-cards-device-pre-booking{display:flex;flex-direction:column;gap:24px}.wrap-cards-device-pre-booking .cards-device-pre-booking{padding-top:130px}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper{position:relative;z-index:1;box-shadow:2px 4px 30px 0px rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:center;border-radius:16px;background:#FFFFFF;transition:background 0.3s ease}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper .cards-image{position:relative;z-index:2;max-width:260px;margin-top:-90px}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper .cards-body{padding:0 16px 24px;text-align:center;width:100%}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper .cards-body .cards-name{margin-top:24px}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper .cards-body .cards-price{display:flex;align-items:center;gap:8px;margin-top:8px;justify-content:center}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper .cards-body .button-control{margin-top:16px;display:flex;gap:8px}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper .cards-body .button-control .btn{width:100%;max-width:calc(50% - 4px)}@media (min-width: 768px){.wrap-cards-device-pre-booking{flex-wrap:wrap;flex-direction:row;justify-content:center}.wrap-cards-device-pre-booking .cards-device-pre-booking{width:calc((100% - 48px) / 3)}}@media (min-width: 992px){.bg-channel{background:url(../images/bg-card-device-desktop.webp) center bottom no-repeat #fff;background-size:100% auto}.wrap-cards-device-pre-booking .cards-device-pre-booking{width:calc((100% - 48px) / 3)}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper{background:rgba(237,238,241,0.2)}.wrap-cards-device-pre-booking .cards-device-pre-booking .cards-wrapper:hover{background:#FFFFFF}}.main-nav{display:flex;justify-content:center;width:100%;max-width:390px;margin:0 auto;border-bottom:1px solid #EDEEF1;gap:16px}.main-nav p{width:100%;max-width:140px;text-align:center;padding:6px 0;position:relative}.main-nav p::after{content:" ";position:absolute;bottom:0;left:0;min-height:3px;width:0;background-color:#E00000;transition:all 0.3s ease}.main-nav p.active::after{width:100%}.main-nav p a{width:100%;display:block}@media (max-width: 767px){.main-nav{margin-left:-16px;margin-right:-16px;width:auto}}@media (min-width: 992px){.main-nav p:not(.active):hover::after{width:100%}}.text-head .button-control{display:flex;justify-content:center;gap:8px}.text-head .button-control .btn{width:calc(50% - 4px)}@media (min-width: 768px){}.text-head .button-control .btn{max-width:172px}}.wrap-box-toggle{gap:8px}.wrap-box-toggle .box-toggle{overflow:hidden;max-height:100%;transition:all 0.5s ease-in-out}.wrap-box-toggle .box-toggle .wrap-inner{position:relative}.wrap-box-toggle .box-toggle .wrap-inner .image{position:relative}.wrap-box-toggle .box-toggle .wrap-inner .image::after{position:absolute;content:" ";top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),linear-gradient(180deg, transparent 5.46%, #000 100%)}.wrap-box-toggle .box-toggle .wrap-inner .image img{position:relative;z-index:1}.wrap-box-toggle .box-toggle .wrap-inner .content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;color:#FFFFFF;display:flex;flex-direction:column;justify-content:end;transition:all 0.8s ease}.wrap-box-toggle .box-toggle .wrap-inner .content .title{font-family:var(--font-medium);font-size:14px;line-height:16.8px;text-align:center;padding-bottom:8px;position:relative}.wrap-box-toggle .box-toggle .wrap-inner .content .title::after{content:" ";position:absolute;bottom:4px;left:50%;translate:-50% 0;width:60px;height:1px;background:#E00000}.wrap-box-toggle .box-toggle .wrap-inner .content .desc{font-size:12px;line-height:14.4px;text-align:center}.wrap-box-toggle .box-toggle .wrap-inner .content .detail{max-height:0;overflow:hidden}.wrap-box-toggle .box-toggle .wrap-inner>.button-control{display:none}@media (min-width: 992px){.wrap-box-toggle{display:flex;flex-wrap:wrap;gap:16px}.wrap-box-toggle .box-toggle{width:calc(33.33% - 11px);height:545px;border-radius:16px}.wrap-box-toggle .box-toggle .wrap-inner{height:100%}.wrap-box-toggle .box-toggle .wrap-inner .image{height:100%}.wrap-box-toggle .box-toggle .wrap-inner .content{padding:48px 24px}.wrap-box-toggle .box-toggle .wrap-inner .content .title{font-size:24px;line-height:28.8px;padding-bottom:16px;margin-bottom:16px;display:flex}.wrap-box-toggle .box-toggle .wrap-inner .content .title span{white-space:nowrap;transition:all 0.3s ease-in 0.65s;width:100%;display:inline-block}.wrap-box-toggle .box-toggle .wrap-inner .content .title::after{bottom:0;width:120px;height:2px}.wrap-box-toggle .box-toggle .wrap-inner .content .desc{font-size:16px;line-height:19.2px;max-height:100%;visibility:visible;opacity:1;transition:all 0.3s ease-in 0.5s}.wrap-box-toggle .box-toggle .wrap-inner .content .detail{margin-top:-16px;opacity:0;transition:all 0.8s ease-in 0s}.wrap-box-toggle .box-toggle .wrap-inner .content .detail .ico-call{display:inline-block;width:15px;height:15px;vertical-align:text-top}.wrap-box-toggle .box-toggle .wrap-inner .content .detail .button-control{margin-top:16px}.wrap-box-toggle .box-toggle .wrap-inner>.button-control{display:none}.wrap-box-toggle .box-toggle:hover .wrap-inner .content{padding:48px 24px}.wrap-box-toggle .box-toggle:hover .wrap-inner .content .title span{width:0;transition:all 0.3s ease-out 0s}.wrap-box-toggle .box-toggle:hover .wrap-inner .content .title::after{bottom:0;width:120px;height:2px}.wrap-box-toggle .box-toggle:hover .wrap-inner .content .desc{visibility:hidden;overflow:hidden;opacity:0;transition:all 0.3s ease-out 0s}.wrap-box-toggle .box-toggle:hover .wrap-inner .content .detail{max-height:100%;overflow:hidden;opacity:1;transition:all 0.8s ease-out 0.3s}.wrap-box-toggle .box-toggle:hover .wrap-inner>.button-control{display:none}}@media (max-width: 991px){.wrap-box-toggle{position:relative;height:166px;transition:all 0.5s ease}.wrap-box-toggle .box-toggle{display:flex;align-items:center;justify-content:center;width:calc(33.33% - 8px);height:166px;transition:all 0.5s ease;position:absolute;cursor:pointer;overflow:hidden;border-radius:8px;z-index:1}.wrap-box-toggle .box-toggle:nth-child(1){top:0;left:0}.wrap-box-toggle .box-toggle:nth-child(1).active{top:0;left:0}.wrap-box-toggle .box-toggle:nth-child(2){top:0;left:calc(33.33% + 4px)}.wrap-box-toggle .box-toggle:nth-child(2).active{top:0;left:0;transform-origin:center}.wrap-box-toggle .box-toggle:nth-child(3){top:0;right:0}.wrap-box-toggle .box-toggle:nth-child(3).active{top:0;right:0;left:auto}.wrap-box-toggle .box-toggle:nth-child(3).shrink-fade{transform-origin:bottom left}.wrap-box-toggle .box-toggle.shrink-fade{opacity:0.5;transform:scale(0.9);transition:opacity 0.5s ease, transform 0.5s ease}.wrap-box-toggle .box-toggle .wrap-inner{position:relative;width:100%;height:100%}.wrap-box-toggle .box-toggle .wrap-inner .image{position:relative;width:100%;height:100%}.wrap-box-toggle .box-toggle .wrap-inner .image::after{position:absolute;content:" ";top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),linear-gradient(180deg, transparent 5.46%, #000 100%)}.wrap-box-toggle .box-toggle .wrap-inner .image img{position:relative;z-index:1}.wrap-box-toggle .box-toggle .wrap-inner .content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;color:#FFFFFF;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;flex-direction:column;justify-content:end;align-items:center;color:#fff;padding:16px;box-sizing:border-box;transition:opacity 0.5s ease}.wrap-box-toggle .box-toggle .wrap-inner .content .title{font-family:var(--font-medium);font-size:14px;line-height:16.8px;text-align:center;padding-bottom:8px;position:relative}.wrap-box-toggle .box-toggle .wrap-inner .content .title::after{content:" ";position:absolute;bottom:4px;left:50%;translate:-50% 0;width:60px;height:1px;background:#E00000}.wrap-box-toggle .box-toggle .wrap-inner .content .desc{font-size:12px;line-height:14.4px;text-align:center}.wrap-box-toggle .box-toggle .wrap-inner .content .detail{display:none;transition:opacity 0.5s ease}.wrap-box-toggle .box-toggle .wrap-inner>.button-control{display:none}.wrap-box-toggle .box-toggle>.button-control{display:none}.wrap-box-toggle .box-toggle.active{position:absolute;top:0;left:0;width:100%;height:auto;z-index:10}.wrap-box-toggle .box-toggle.active .wrap-inner .content{justify-content:center;align-items:start}.wrap-box-toggle .box-toggle.active .wrap-inner .content .title{font-size:16px;line-height:19.2px;padding-bottom:16px}.wrap-box-toggle .box-toggle.active .wrap-inner .content .title span{font-family:var(--font-medium)}.wrap-box-toggle .box-toggle.active .wrap-inner .content .title span br{display:none}.wrap-box-toggle .box-toggle.active .wrap-inner .content .title::after{bottom:8px;left:0;translate:0 0}.wrap-box-toggle .box-toggle.active .wrap-inner .content .desc{max-height:0;overflow:hidden}.wrap-box-toggle .box-toggle.active .wrap-inner .content .detail{display:block;max-height:100%}.wrap-box-toggle .box-toggle.active .wrap-inner>.button-control{display:block;position:absolute;bottom:16px;right:16px;z-index:3}.wrap-box-toggle .box-toggle.active .wrap-inner>.button-control .btn-toggle-card{background:none}}.fancybox__slide:has(.popup-iphone-16){justify-content:start;padding:0 16px !important}.fancybox__slide:has(.popup-iphone-16)::after,.fancybox__slide:has(.popup-iphone-16)::before{display:none}.popup-iphone-16{position:relative;border-radius:0 0 16px 16px;overflow:hidden;padding:0}.popup-iphone-16 .button-control{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0.3) 100%);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:8px 24px;display:flex;flex-direction:column;justify-content:center;gap:8px}.popup-iphone-16 .button-control .btn{width:100%}.popup-iphone-16 .button-control .btn.btn-primary-outline{background:transparent;color:#FFFFFF}.popup-iphone-16 .button-control .btn:-webkit-any-link:focus-visible{outline:0}.popup-iphone-16 .is-close-btn{display:none}@media (min-width: 768px){.fancybox__slide:has(.popup-iphone-16){justify-content:start;padding:0 !important}.popup-iphone-16 .button-control{padding:30px 16px;display:flex;flex-direction:row;justify-content:center;gap:8px}.popup-iphone-16 .button-control .btn{max-width:280px}.popup-iphone-16 .button-control .btn.btn-primary-outline{background:transparent}}.sc-all-center{min-height:500px;display:flex;justify-content:center;align-items:center;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover}.sc-all-center .wrap-content{display:inline-flex;flex-direction:column}.sc-all-center .wrap-content.frame{border-radius:24px;padding:160px 96px;position:relative;overflow:hidden}.sc-all-center .wrap-content.frame::after{content:"";background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0.3) 100%);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.sc-all-center .wrap-content .content{z-index:2}.sc-all-center .wrap-content .content .text-head{font-size:57px;line-height:64px;font-family:"better_togethermedium"}.sc-all-center .wrap-content .content .wrap-list{display:inline-flex;margin-top:40px}.sc-all-center .wrap-content .content .wrap-list .ul-center{list-style:none;text-align:left}.sc-all-center .wrap-content .content .wrap-list .ul-center li{display:flex;font-size:16px;line-height:24px}.sc-all-center .wrap-content .content .wrap-list .ul-center li:nth-child(n+2){margin-top:8px}.sc-all-center .wrap-content .content .wrap-list .ul-center li .ico{margin-right:8px;width:18px;min-width:18px}.sc-all-center .wrap-content .content .btn-control{margin-top:48px}@media (max-width: 767px){.sc-all-center{min-height:auto;padding-top:48px;padding-bottom:48px}.sc-all-center .wrap-content.frame{padding:52px 16px}.sc-all-center .wrap-content .content .text-head{font-size:24px;line-height:37px}.sc-all-center .wrap-content .content .wrap-list{margin-top:24px}.sc-all-center .wrap-content .content .wrap-list .ul-center li{font-size:16px;line-height:24px}.sc-all-center .wrap-content .content .wrap-list .ul-center li .ico{width:16px;min-width:16px}.sc-all-center .wrap-content .btn-control{margin-top:24px}}.sc-order-now{background:url(../images/bg-sc-order-now-d.png) center center no-repeat;background-size:cover}.sc-order-now .container{display:flex;justify-content:center;align-items:center}.sc-order-now .container .content{text-align:center}.sc-order-now .container .content .button-outline{color:#FFFFD0;background:transparent;border:1px solid #FFFFFF;padding:20px 95px;box-shadow:0px 0px 10px 1px #FFFFFFCC;border-radius:24px}@media (min-width: 992px){.sc-order-now{min-height:520px}.sc-order-now .container .content .title{line-height:80px !important}.sc-order-now .container .content .button-outline span:nth-child(2){margin-left:12px}}@media (max-width: 768px){.sc-order-now{background:url(../images/bg-sc-order-now-m.png) center center no-repeat}.sc-order-now .container .content .button-outline{padding:20px}}@media (min-width: 768px){.sc-price .container{background-color:#FFFFFF}}