@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap");body{font-family:Kanit,sans-serif}.tabs{padding:8px;background-color:var(--atomic-atomic-light-grey-100);border-radius:8px}.tab-button{width:50%;height:36px;color:var(--atomic-atomic-dark-grey-500)}.tab-button.active{color:var(--atomic-atomic-white-100);background-color:var(--nav-link-active-backgournd);border-radius:8px;font-weight:600}.ant-select-single{height:36px;width:100%}.ant-select-selector{text-align:center;color:var(--atomic-atomic-dark-grey-600)}.ant-select-item-option-content{font-family:var(--font-kanit)}.diabled-div{background-color:#e9ecef;color:var(--atomic-atomic-dark-grey-600);height:36px;border-radius:8px}.summary-accordion-section{border-radius:8px;border:1px solid var(--atomic-atomic-light-grey-600);background-color:var(--atomic-atomic-white-100)}.summary-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 16px}.summary-accordion-content.open{max-height:500px;padding:16px;border-top:1px solid var(--atomic-atomic-light-grey-600)}.legend{display:flex;flex-direction:column;margin-top:10px;padding:0 8px}.legend-color{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:8px}.loader{background:radial-gradient(farthest-side,var(--atomic-atomic-light-grey-600) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--atomic-atomic-light-grey-600))!important}.loader-stage{height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader{background:radial-gradient(farthest-side,var(--atomic-atomic-rigel-blue-600) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--atomic-atomic-rigel-blue-600))}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.slide-in-modal{animation:slideIn .8s forwards}.slide-in-modal,.slide-out-modal{position:fixed;bottom:0;left:0;width:100%;height:93%;background:#fff;z-index:1000;overflow-y:auto}.slide-out-modal{animation:slideOut .8s forwards}.modal-overlay{position:fixed;bottom:0;left:0;width:100%;height:93%;background:rgba(0,0,0,.5);z-index:999}.title{padding:24px 24px 16px;display:grid;grid-template-columns:.5fr 4fr .5fr;font-size:20px;font-weight:600;text-align:center;color:var(--atomic-atomic-dark-grey-900)}.show-more{color:var(--show-more-text);cursor:pointer}.no-data-content{min-height:65vh;overflow-y:hidden}.no-data-powerby{position:absolute;bottom:100px;width:100%;text-align:center}.ant-modal-root .ant-modal-centered .ant-modal.bottom{margin:0;max-width:100%;vertical-align:bottom}.bottom .ant-modal-content{padding-bottom:48px;border-radius:24px 24px 0 0!important}.feature-preview-content{background-image:url(/feature/bg-feature-preview.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;margin-top:-55px;z-index:9999;height:100vh;margin-bottom:-90px;overflow-y:hidden}.feature-preview-content .img-1{width:80%;margin:0 auto}.feature-preview-content .img-2{width:75%;margin:0 auto}.feature-preview-card-content{display:flex!important}.feature-preview-text-content{width:100%;padding:0 32px 60px}.carousel-dots-buttons{margin-top:40px}.dot{background:var(--atomic-atomic-dark-grey-700)}.manual-dots{display:flex;gap:8px;margin-top:10px}.dot{width:10px;height:10px;border-radius:50%;background:#e1e0e0;cursor:pointer;transition:background .3s ease,transform .3s ease}.dot.active{width:60px;border-radius:8px;background:var(--header-background);transition:background .3s ease,width .3s ease}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.slide-in-left{animation:slideInLeft 1s forwards}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.slide-in-right{animation:slideInRight 1s forwards}.next-button{position:absolute;right:30px;width:64px;height:64px;border-radius:200px;background-color:var(--header-background);border:1px solid var(--botton-primary-border)}.next-button svg{fill:var(--header-text)}.login-info-content{z-index:9999;margin-top:-55px;overflow-y:hidden;background-image:url(/login-info/bg-login.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover}.login-info-content img{width:90%;margin:40px auto 0}.login-info-text-content{padding:0 24px}.login-info-button-content{padding:0 24px;margin-bottom:100px}.login-info-bg{padding:32px;border-radius:8px;background-color:var(--atomic-atomic-light-grey-purple-200)}.text-indent{text-indent:-10px;padding-left:10px}.btn-primary,.btn-primary:hover{color:var(--atomic-atomic-white-100);background-color:var(--botton-primary-background);border-color:var(--botton-primary-border)}.header-information{color:var(--header-text);padding:24px 16px;background-image:url(/bg-home-header.png);background-position:50%;background-size:contain;background-color:var(--header-background);background-repeat:no-repeat;background-position:100%}.slide-header{margin-top:-20px;padding:24px 16px 0;background-color:var(--atomic-atomic-white-100);border-radius:24px 24px 0 0}.custom-carousel .slick-slide{padding:0 8px}.custom-carousel .slick-dots{position:relative;margin-top:25px}.custom-carousel .slick-dots li button{width:8px;height:8px;border-radius:50%;background:var(--atomic-atomic-dark-grey-500)}.custom-carousel .slick-dots li,.custom-carousel .slick-dots li.slick-active{width:auto}.custom-carousel .slick-dots li.slick-active button{background:var(--atomic-atomic-dark-grey-700)}.no-pointer-events{pointer-events:none}.custom-carousel .div-outline{outline:none}.loader{width:48px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--atomic-atomic-light-grey-600) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--atomic-atomic-light-grey-600));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s linear infinite}@keyframes l13{to{transform:rotate(1turn)}}.news-img-btn{display:flex;justify-content:center;align-items:center;width:54px;height:54px;border-radius:220px;background-color:var(--news-background);box-shadow:0 2px 8px var(--atomic-atomic-dark-grey-300)}.survey-header{padding-top:24px;background-color:#f5f7fa}.survey-head-title{position:relative;height:78px;color:var(--survey-header);padding:18px 16px;border-radius:24px 24px 0 0;background-image:url(/bg-survey-header.png);background-position:50%;background-size:cover;background-color:var(--survey-header-background);background-repeat:no-repeat;background-position:100%}.survey-container .slick-slider .slick-track{display:flex;padding:0 0 10px;gap:16px}.survey-container .slick-next,.survey-container .slick-prev{opacity:1;width:36px;height:36px;top:25%;border-radius:200px;color:var(--atomic-atomic-dark-grey-900);background-color:var(--atomic-atomic-white-100);box-shadow:0 2px 8px 0 var(--atomic-atomic-dark-grey-300)}.survey-container .slick-next:after{top:13px;left:10px}.survey-container .slick-prev:after{top:13px;left:15px}.survey-header-img{transform:translateY(-40px)}.survey-content{position:relative;margin-top:-20px;padding:16px 0 20px}.survey-card,.survey-content{background-color:var(--atomic-atomic-white-100)}.survey-card{display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 8px 0 #ebedf4;border-radius:8px}.survey-card-content{min-height:96px;max-height:96px;padding:8px 12px 12px;border-radius:0 0 var(--8px,8px) var(--8px,8px);border-right:.5px solid var(--atomic-atomic-light-grey-600);border-bottom:.5px solid var(--atomic-atomic-light-grey-600);border-left:.5px solid var(--atomic-atomic-light-grey-600)}.survey-image{border-radius:var(--8px,8px) var(--8px,8px) 0 0}.survey-text{color:var(--atomic-atomic-dark-grey-900);font-size:14px;font-weight:600;text-align:left}.survey-link,.survey-text{font-family:var(--font-kanit)}.survey-link{color:var(--surver-link)}.company-visit-container{min-height:190px;max-height:190px;padding:0 16px}.company-visit-container .content{border-radius:8px 0 0 8px;border:.5px solid var(--atomic-atomic-light-grey-600);background:var(--atomic-atomic-light-grey-purple-100);box-shadow:0 2px 8px 0 var(--atomic-atomic-light-grey-300)}.company-visit-container .img{border-radius:0 8px 8px 0}.btn-outline-primary{color:var(--survey-botton-outline-primary-text);border-color:var(--survey-botton-outline-primary-border);color:var(--botton-outline-primary-text);border-color:var(--botton-outline-primary-border)}@media only screen and (max-width:360px){.header-detail{width:180px}.survey-text{font-size:13px}}.register .btn-check:focus+.btn-primary,.register .btn-primary,.register .btn-primary:focus,.register .btn-primary:hover{color:var(--atomic-atomic-white-100);background-color:var(--atomic-atomic-rigel-blue-600);border-color:var(--atomic-atomic-rigel-blue-800)}.register .btn-check:focus+.btn-primary,.register .btn-primary:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.register .btn-outline-primary,.register .btn-outline-primary:hover{color:var(--atomic-atomic-rigel-blue-600);border-color:var(--atomic-atomic-rigel-blue-600)}.register .btn-primary:disabled{background-color:var(--atomic-atomic-light-grey-100);color:var(--atomic-atomic-light-grey-700);border:none}.register-card{border:1px solid var(--atomic-atomic-rigel-blue-100);border-radius:8px;padding:15px;margin-bottom:15px}.policy-content{overflow-y:scroll;height:350px}.upload-content{border-radius:8px;border:1px dashed var(--atomic-atomic-light-grey-600)}.upload-content.error{border-radius:8px;border:1px dashed var(--atomic-atomic-orange-600)}.ant-upload-wrapper .ant-upload-drag .ant-upload-btn{width:95%;margin-left:10px}.ant-upload-wrapper .ant-upload-drag{background-color:var(--atomic-atomic-white-100);border:none}.previewContainer{display:flex;flex-direction:column;align-items:center}.fileInfo,.previewImage{border-radius:8px}.fileInfo{border:.5px solid var(--atomic-atomic-light-grey-600);padding:8px!important;margin-top:16px;width:100%}.removeButton{margin-left:8px;background:none;border:none;color:#ff4d4f;cursor:pointer}.draggerContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.uploadIcon{font-size:25px;color:var(--atomic-atomic-rigel-blue-600);margin-bottom:16px}.otp-input .ant-otp-input{font-family:var(--font-kanit);height:48px;text-align:center;font-size:32px;border-radius:8px;border:1px solid var(--atomic-atomic-light-grey-500);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}