.color-main{color:#4D4D4D}.color-gray{color:#7b7a7a}.color-title{color:#4d4e4f}.color-ci{color:#1B1464}.color-ci-2{color:#5ABCF6}.color-red{color:#ce171f;fill:#ce171f}.color-gray{color:#7b7a7a}.font-light{font-weight:300}.font-reg{font-weight:400}.font-med{font-weight:500}.font-sami{font-weight:600}.font-bold{font-weight:700}.cut-text-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cut-text-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cut-text-1{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}a,a:hover,a:active,a:focus{cursor:pointer;text-decoration:none;outline:none;color:inherit}a{text-decoration:none !important;outline:none;transition:all 0.3s}p{margin:0 0 15px}html{height:-webkit-fill-available}html,body{width:100%;padding:0;-webkit-font-smoothing:antialiased;font-size:62.5%}body{font-family:"aktiv-grotesk-thai",sans-serif;font-size:1.6rem;font-weight:normal;line-height:1.4;color:#4D4D4D;background:#fff;min-height:100vh;min-height:-webkit-fill-available}body.bg-black{background:#000}body.opener{overflow:hidden;height:100vh}button{background:none;border:0}button:focus,button:active,input:focus,input:active,textarea:focus,textarea:active{outline:none !important;box-shadow:none !important;-webkit-box-shadow:none !important}textarea{resize:none;padding-top:15px !important}select option{font-size:1em;font-family:sans-serif}.form-select,.form-control{font-size:1em}.pad-30{padding-top:30px;padding-bottom:30px}.pad-80{padding-top:70px;padding-bottom:70px}.custom-control-input:checked ~ .custom-control-label::before{background:#4d4e4f;border-color:#4d4e4f}.custom-control-label::before{box-shadow:none}.ui-datepicker-material-header{display:block;background-color:#306fa8;color:#fff;text-align:center;width:325px}.ui-datepicker-material-header .ui-datepicker-material-day{background-color:#1f3a58;padding:10px;font-size:1rem}.ui-datepicker-material-header .ui-datepicker-material-date{padding:20px}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year{padding:5px}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month{font-size:2rem;text-transform:uppercase}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num{font-size:4.5rem}.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year{font-size:1.8rem;font-weight:200;color:rgba(255,255,255,0.4)}.ui-datepicker{padding:0;border:none;box-shadow:0 12px 36px 16px rgba(0,0,0,0.24);width:325px}.ui-corner-all{border-radius:0}.ui-widget-header{border:0}.ui-datepicker-header{text-align:center;background:#fff;padding-bottom:15px;font-weight:300}.ui-datepicker-header .ui-datepicker-next,.ui-datepicker-header .ui-datepicker-prev,.ui-datepicker-header .ui-datepicker-title{border:none;outline:0;margin:5px}.ui-datepicker-next.ui-state-hover,.ui-datepicker-prev.ui-state-hover{border:none;outline:0;background:#306fa8}.ui-datepicker-calendar .ui-state-default{background:0 0;border:none;text-align:center;height:33px;width:33px;line-height:29px;font-size:14px}.ui-datepicker-calendar .ui-state-highlight{color:#306fa8}.ui-datepicker-calendar .ui-state-active{border-radius:0;background-color:#306fa8;color:#fff}.ui-datepicker-calendar thead th{color:#999;font-weight:200}.ui-datepicker-buttonpane{border:none}.ui-datepicker-buttonpane .ui-state-default{background:#fff;border:none}.ui-datepicker-buttonpane .ui-datepicker-close,.ui-datepicker-buttonpane .ui-datepicker-current{background:#fff;color:#ed1d24;text-transform:uppercase;border:none;opacity:1;font-weight:200;outline:0}.ui-datepicker-buttonpane .ui-datepicker-close:hover,.ui-datepicker-buttonpane .ui-datepicker-current:hover{background:#306fa8}.ui-datepicker{z-index:10 !important}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:35%;margin:0 1%;background:#fff;border:1px solid #ced4da;font-size:1em;font-size:14px;border-radius:3px;padding:2px 10px;-webkit-appearance:none;background:url(../images/down.png) no-repeat right 10px center !important;background-size:15px 15px !important}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:5px}.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:none}.container{padding-left:20px;padding-right:20px;position:relative}@media (min-width: 575.98px){.container{max-width:575.98px}}.container.container-300{max-width:340px;width:100%}@media screen and (min-width: 400px){.container.container-300{max-width:400px}}.pb-50{padding-bottom:50px}.form-check-input:checked{background-color:#5ABCF6;border-color:#5ABCF6}.btn-detail{font-family: "bree-thai-variable", sans-serif;font-weight:600;font-size:27px;height:57px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:20px;width:100%;position:relative;text-transform:uppercase;color:#fff;background:#6A2FEA}.btn-detail.btn-blue{background:#4132d4;background:linear-gradient(141deg, #4132d4 0%, #1b1464 100%);font-size:22px}.btn-detail.btn-small{width:182px;height:41px;font-size:18px;font-weight:600;border-radius:12px}.btn-detail.btn-green{background-color:#00A43B}.btn-detail.btn-dark{background-color:#252525}.btn-detail:hover{color:#fff}.form-check-input{width:18px;height:18px}.main{min-height:100vh}.main.main-register{background:#F8F6F4}.main.main-profile{background:#00AE3F;padding-bottom:25px}.main .bg-regis{width:100%}.main.main-blueplus{background:#1d2cf3;background:linear-gradient(180deg, #1d2cf3 0%, #00c4da 86%);padding-top:80px}.regisbox{padding-left:25px;margin-top:-126px}.regisbox form{background:#00AE3F;color:#fff;padding:25px;border-top-left-radius:40px}@media screen and (min-width: 400px){.regisbox form{padding-left:28px;padding-right:28px}}.regisbox form .form-group{margin-bottom:20px}.regisbox form h2{font-size:20px;margin-bottom:30px}.regisbox form .form-control,.regisbox form .dropdown-toggle{background:#00A43B;height:44px;border-radius:15px;border:0;padding:0 20px;color:#fff;font-weight:300;width:100%;font-size:15px;font-family:"aktiv-grotesk-thai",sans-serif}.regisbox form .form-control::placeholder,.regisbox form .dropdown-toggle::placeholder{color:#fff;font-weight:300;font-size:15px}.regisbox form .form-control.datepicker,.regisbox form .dropdown-toggle.datepicker{background-image:url(../images/calendar.png);background-repeat:no-repeat;background-position:right 20px center}.regisbox form .form-control .filter-option,.regisbox form .dropdown-toggle .filter-option{display:flex;align-items:center}.regisbox form .btn-detail{margin-top:25px}.regisbox form .bootstrap-select{width:100% !important}.regisbox form .bootstrap-select .dropdown-menu li a{font-size:15px;font-weight:300}.regisbox form .dropdown-item.active,.regisbox form .dropdown-item:active{background:#6A2FEA}.regisbox form .bootstrap-select>.dropdown-toggle::after{border-width:.5em}.regisbox form .bootstrap-select>.dropdown-toggle.bs-placeholder,.regisbox form .bootstrap-select>.dropdown-toggle.bs-placeholder:active,.regisbox form .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.regisbox form .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#fff !important}.regisbox form .send-otp{width:80px;height:36px;border-radius:15px;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#fff;background:#6A2FEA}.profile-box h2{margin-bottom:15px}.profile-box h2 span{font-family: "bree-thai-variable", sans-serif;border-radius:16px;padding:7px 25px;background:#00AE3F;color:#fff;font-size:20px;font-weight:400;min-width:168px;text-align:center;display:inline-block}.profile-box fieldset{display:flex;align-items:center;margin-bottom:20px}.profile-box fieldset i{flex-basis:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-right:10px}.profile-box .position-relative{flex-grow:1}.profile-box .form-control,.profile-box .dropdown-toggle{background-color:#fff;height:44px;border-radius:15px;border:0;padding:0 20px;color:#757575;font-weight:300;width:100%;font-size:15px;font-family:"aktiv-grotesk-thai",sans-serif}.profile-box .form-control::placeholder,.profile-box .dropdown-toggle::placeholder{color:#757575;font-weight:300;font-size:15px}.profile-box .form-control.datepicker,.profile-box .dropdown-toggle.datepicker{background-image:url(../images/calendar.png);background-repeat:no-repeat;background-position:right 20px center}.profile-box .form-control .filter-option,.profile-box .dropdown-toggle .filter-option{display:flex;align-items:center}.profile-box .bootstrap-select>.dropdown-toggle::after{border-width:.5em;color:#00AE3F}.profile-box .send-otp{width:80px;height:36px;border-radius:15px;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#fff;background:#6A2FEA}.profile-box .bootstrap-select{width:100% !important}.profile-box .bootstrap-select .dropdown-menu li a{font-size:15px;font-weight:300}.ui-datepicker-calendar .ui-state-active{background:#00AE3F}.help-block.with-errors{color:#E01B22;position:absolute;bottom:-30px;left:20px;font-size:.8em;font-size:300}.mt-fixed{position:fixed;bottom:50px;width:calc(100% - 40px);max-width:535.95px;left:50%;transform:translateX(-50%)}.mt-fixed.btn-apply{bottom:130px;font-size:20px}.otp{display:flex;margin-top:30px;width:100%;max-width:450px;margin-left:auto;margin-right:auto}.otp .input{height:44px;background:#F5F4F2;color:#00AE3F;font-weight:600;font-size:25px;width:16.6666666666667%;margin:0 3px;border-radius:10px;border:0;text-align:center}.phone-is-used h1{margin-top:30px;text-transform:uppercase;font-weight:700;line-height:1.5;font-size:25px}.modal-dialog{justify-content:center}.modal-content{width:332px;padding:25px;border-radius:20px}.modal-content h2{font-size:18px}.modal-content h2.color-green{color:#00AE3F}.modal-content .btn-detail{width:182px;height:41px;font-size:18px;font-weight:600;border-radius:12px}.modal-content .btn-detail.btn-green{background-color:#00A43B}.modal-content .btn-detail.btn-dark{background-color:#252525}.modal-content .color-gray{font-size:14px;color:#757575}.flex-center{display:flex;justify-content:center}.wrap-profile-box{background:#F2F0EC;border-bottom-left-radius:35px;border-bottom-right-radius:35px;overflow:hidden}.wrap-profile-box.pb-profile{padding-bottom:40px}.box-blue-point{height:65px;border-radius:15px;display:flex;background:#6A2FEA;align-items:center;justify-content:center;box-shadow:0px 10px 11px -7px rgba(0,0,0,0.4);position:relative;padding-right:110px;margin-bottom:50px}.box-blue-point .text-blue-plus{text-align:center;font-size:16px;color:#B8A4E4}.box-blue-point .img-profile{position:absolute;right:0;border-radius:100%;box-shadow:0px 10px 11px -7px rgba(0,0,0,0.4)}.profile-box{margin-top:-20px}.profile-detail{background:#e8e5e0;border-radius:15px;padding:30px;position:relative;padding-top:52px}.profile-detail h2{position:absolute;border-radius:16px;left:0;top:0;padding:7px 25px;background:#00AE3F;color:#fff;font-size:20px;font-weight:400;min-width:168px;text-align:center}.profile-detail ul{list-style:none;padding-left:0;margin-bottom:0}.profile-detail ul li{display:flex;color:#757575;font-weight:400;align-items:center;margin-bottom:10px}.profile-detail ul li:last-child{margin-bottom:0}.profile-detail ul i{width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-right:10px}.connect-blueplus{color:#fff;margin-top:40px}.connect-blueplus .container{height:168px;display:flex;justify-content:flex-end;flex-direction:column}.connect-blueplus .btn-detail{font-size:22px}.point-innner{display:flex;justify-content:space-between;width:155px;align-items:center;border-bottom:1px solid #fff}.point-innner .point-num{font-size:20px;font-weight:400;font-style:italic;color:#fff}.point-innner .point-text{color:#B8A4E4;font-size:24px;font-weight:700;font-style:italic}.point-date{color:#9E9999;text-align:center}.font-inter{font-family:'Inter'}.btn-blueplus .btn-detail{font-size:22px;font-weight:600}.btn-blueplus .btn-detail.btn-line{background-color:transparent;border:1px solid #fff}.btn-blueplus .btn-detail.btn-blue{background-color:#1910FF}.btn-blueplus.fixed-3-btn{position:fixed;bottom:40px;width:100%}@media screen and (max-height: 750px){.btn-blueplus.fixed-3-btn{position:static;bottom:auto;margin-top:50px}}.btn-blueplus.fixed-1-btn{position:fixed;bottom:80px;width:100%}.detail-connect{margin-top:80px}.detail-connect p{font-weight:300;font-size:30px;color:#fff}.form-main input.form-control{height:48px;padding-left:20px;border-color:#BDBDBD;position:relative;z-index:5}.form-main input.form-control:focus{border-color:#BDBDBD}.form-main input.form-control.date-picker{background:url(../images/calendar.png) no-repeat right 15px center}.form-main input.form-control.disabled-has-value{background-color:#F6F6F6;border-color:#BDBDBD;pointer-events:none}.form-main .form-group{position:relative}.form-main .form-control-placeholder{position:absolute;top:50%;transform:translateY(-50%);left:15px;transition:all 200ms;color:#979797;font-size:1.5rem;background:#fff;padding-left:5px;padding-right:5px;z-index:4}.form-main .form-control:focus+.form-control-placeholder,.form-main .form-control:valid+.form-control-placeholder{font-size:75%;top:0;opacity:1;color:#4D4D4D;line-height:.6;z-index:6}
/*# sourceMappingURL=style.css.map */