@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";.modal{background-color:var(--modal-bg);color:var(--modal-content-text)}.modal-content{background-color:var(--modal-content-bg);padding:var(--modal-content-padding);border-radius:var(--modal-content-radius);box-shadow:var(--modal-content-shadow)}.alert{background-color:var(--alert-bg);color:var(--alert-text);border:var(--alert-border);border-radius:var(--alert-radius);padding:var(--alert-padding)}.dropdown{background-color:var(--dropdown-bg);color:var(--dropdown-text);border:var(--dropdown-border);padding:var(--dropdown-padding);box-shadow:var(--dropdown-shadow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-family:var(--ff-main);font-size:var(--fs-main);font-weight:var(--fw-regular);color:var(--clr-text);background-color:var(--clr-bg);padding:0}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);color:var(--clr-heading)}h2{font-size:var(--fs-h2);font-weight:var(--fw-semi-bold);color:var(--clr-heading)}h3{font-size:var(--fs-h3);font-weight:var(--fw-semi-bold);color:var(--clr-heading)}h4{font-size:var(--fs-h4);font-weight:var(--fw-medium);color:var(--clr-heading)}h5{font-size:var(--fs-h5);font-weight:var(--fw-regular);color:var(--clr-heading)}h6{font-size:var(--fs-h6);font-weight:var(--fw-regular);color:var(--clr-heading)}p,small,span{color:var(--clr-text)}ul,ol{list-style:none}a{color:var(--clr-text);text-decoration:none;cursor:pointer}img,picture{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;display:block}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (scrollbar-color: auto){*{scrollbar-color:var(--clr-primary-500) var(--clr-bg);scrollbar-width:thin}}::selection{background:var(--clr-selection)}button,input[type=button],input[type=submit],a.buttonLink{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:0;border-bottom:var(--btn-primary-border);border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);box-shadow:var(--btn-primary-shadow);transition:var(--transition-medium);font-weight:var(--btn-fw);font-size:var(--btn-fs);cursor:pointer}button:hover,input[type=button]:hover,input[type=submit]:hover,a.buttonLink:hover{transform:var(--btn-transform-general);background-color:var(--btn-primary-bg-hover);border-bottom:var(--btn-primary-border-hover)}.animated{animation:scaleAnimation var(--transition-medium) ease}@keyframes scaleAnimation{0%{scale:1}50%{scale:var(--btn-scale-general)}to{scale:1}}.secondaryBtn{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-bottom:var(--btn-secondary-border);border-radius:var(--btn-secondary-radius);padding:var(--btn-secondary-padding);box-shadow:var(--btn-secondary-shadow)}.secondaryBtn:hover{background-color:var(--btn-secondary-bg-hover);border-bottom:var(--btn-secondary-border-hover)}.dangerBtn{background-color:var(--btn-danger-bg);color:var(--btn-danger-text);border:var(--btn-danger-border)}.successBtn{background-color:var(--btn-success-bg);color:var(--btn-success-text);border:var(--btn-success-border)}input:not([type=button],[type=submit],[type=range]),textarea{background-color:var(--input-bg);color:var(--input-text);border:var(--input-border);border-radius:var(--input-border-radius);padding:var(--input-padding);box-shadow:var(--input-shadow);transition:var(--transition-fast)}input:hover,textarea:hover{background-color:var(--input-bg-hover)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input[type=range]{background:var(--input-range-track-color);height:var(--input-range-track-height)}input[type=range]::-webkit-slider-thumb{background:var(--input-range-thumb-color);width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);border-radius:50%}input[type=checkbox],input[type=radio]{accent-color:var(--checkbox-checked-bg);background:var(--checkbox-bg);border:var(--checkbox-border);border-radius:var(--checkbox-border-radius)}.switch-track{background-color:var(--switch-track-bg);border-radius:var(--switch-border-radius)}.switch-thumb{background-color:var(--switch-thumb-bg)}:root{--max-page-width: 1920px;--ff-main: "Bai Jamjuree", sans-serif;--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semi-bold: 600;--fw-bold: 700;--fw-extra-bold: 800;--fw-black: 900;--fs-main: clamp(1em, 2vw, 1.05em);--fs-h1: clamp(2.8em, 5vw, 3.7em);--fs-h2: clamp(2.5em, 4.5vw, 3.5em);--fs-h3: clamp(2.2em, 4vw, 2.8em);--fs-h4: clamp(2em, 3.5vw, 2.5em);--fs-h5: clamp(1.7em, 3vw, 2em);--fs-h6: clamp(1.2em, 2.5vw, 1.6em);--fs-xl: clamp(1.8rem, 3vw, 2.2rem);--fs-lg: clamp(1.5rem, 2.5vw, 1.8rem);--fs-md: clamp(1.2rem, 2vw, 1.5rem);--fs-sm: clamp(1rem, 1.5vw, 1.2rem);--fs-xs: clamp(.875rem, 1vw, 1rem);--fs-xxs: clamp(.75rem, 1vw, .875rem);--clr-bg: #fff;--clr-text: var(--clr-neutral-700);--clr-text-softer: var(--clr-neutral-500);--clr-blue-100: #6173FF;--clr-green-500: #26BAA4;--clr-neutral-500: #9FABB2;--clr-neutral-700: #4C545D;--clr-selection: #26baa467;--clr-footer-bg: #f5f6f8;--gray-900: hsl(0, 0%, 10%);--gray-800: hsl(0, 0%, 20%);--gray-700: hsl(0, 0%, 30%);--gray-600: hsl(0, 0%, 40%);--gray-500: hsl(0, 0%, 50%);--gray-400: hsl(0, 0%, 60%);--gray-300: hsl(0, 0%, 75%);--gray-200: hsl(0, 0%, 87%);--gray-100: hsl(0, 0%, 95%);--gray-50: hsl(0, 0%, 98%);--overlay-900: rgba(0, 0, 0, .9);--overlay-800: rgba(0, 0, 0, .8);--overlay-700: rgba(0, 0, 0, .6);--overlay-600: rgba(0, 0, 0, .4);--overlay-500: rgba(0, 0, 0, .2);--overlay-400: rgba(0, 0, 0, .15);--overlay-300: rgba(0, 0, 0, .1);--overlay-200: rgba(0, 0, 0, .05);--gradient-primary-vertical: ;--gradient-primary-horizontal: ;--gradient-button: ;--shadow-xs: 0 1px 2px var(--overlay-200);--shadow-sm: 0 2px 4px var(--overlay-300);--shadow-md: 0 4px 8px var(--overlay-400);--shadow-lg: 0 8px 16px var(--overlay-500);--shadow-xl: 0 12px 24px var(--overlay-600);--radius-none: ;--radius-xs: ;--radius-sm: ;--radius-md: ;--radius-lg: ;--radius-xl: ;--radius-pill: ;--transition-fast: ;--transition-medium: .3s;--transition-slow: ;--input-bg: ;--input-bg-hover: ;--input-text: ;--input-placeholder: ;--input-border: ;--input-border-hover: ;--input-border-radius: ;--input-padding: ;--input-shadow: ;--input-range-track-color: ;--input-range-thumb-color: ;--input-range-thumb-size: ;--input-range-track-height: ;--input-range-fill-color: ;--btn-border-size-general: 4px;--btn-transform-general: translateY(var(--btn-border-size-general));--btn-border-general: var(--btn-border-size-general) solid;--btn-border-r-general: 100vw;--btn-padding-general: .65rem 1.5rem;--btn-fw: var(--fw-regular);--btn-fs: var(--fs-main);--btn-scale-general: .95;--btn-general-shadow: 0 2px 5px 1px;--btn-primary-bg: var(--clr-blue-100);--btn-primary-bg-hover: #8897fe;--btn-primary-text: var(--clr-bg);--btn-primary-border-clr: #5161da;--btn-primary-shadow-clr: #001eff4c;--btn-primary-shadow: var(--btn-general-shadow) var(--btn-primary-shadow-clr);--btn-primary-border: var(--btn-border-general) var(--btn-primary-border-clr);--btn-primary-radius: var(--btn-border-r-general);--btn-primary-padding: var(--btn-padding-general);--btn-primary-border-hover: 0 solid transparent;--btn-secondary-bg: var(--clr-green-500);--btn-secondary-bg-hover: #5dccbb;--btn-secondary-text: var(--clr-bg);--btn-secondary-border-clr: #219f89;--btn-secondary-shadow-clr: #00ffd951;--btn-secondary-shadow: var(--btn-general-shadow) var(--btn-secondary-shadow-clr);--btn-secondary-border: var(--btn-border-general) var(--btn-secondary-border-clr);--btn-secondary-radius: var(--btn-border-r-general);--btn-secondary-padding: var(--btn-padding-general);--btn-secondary-border-hover: 0 solid transparent;--btn-danger-bg: ;--btn-danger-bg-hover: ;--btn-danger-text: ;--btn-danger-border: ;--btn-success-bg: ;--btn-success-bg-hover: ;--btn-success-text: ;--btn-success-border: ;--dropdown-bg: ;--dropdown-text: ;--dropdown-border: ;--dropdown-hover-bg: ;--dropdown-padding: ;--dropdown-shadow: ;--modal-bg: ;--modal-content-bg: ;--modal-content-text: ;--modal-content-padding: ;--modal-content-radius: ;--modal-content-shadow: ;--alert-bg: ;--alert-text: ;--alert-border: ;--alert-radius: ;--alert-padding: ;--checkbox-border: ;--checkbox-bg: ;--checkbox-checked-bg: ;--checkbox-border-radius: ;--switch-track-bg: ;--switch-track-bg-active: ;--switch-thumb-bg: ;--switch-thumb-bg-active: ;--switch-border-radius: ;--z-base: ;--z-dropdown: ;--z-modal: ;--z-tooltip: ;--z-overlay: }.sx{box-shadow:var(--shadow-xs)}.sm{box-shadow:var(--shadow-sm)}.md{box-shadow:var(--shadow-md)}.lg{box-shadow:var(--shadow-lg)}.xl{box-shadow:var(--shadow-xl)}.r-none{border-radius:0}.r-xs{border-radius:var(--radius-xs)}.r-sm{border-radius:var(--radius-sm)}.r-md{border-radius:var(--radius-md)}.r-lg{border-radius:var(--radius-lg)}.r-xl{border-radius:var(--radius-xl)}.r-pill{border-radius:var(--radius-pill)}.flex{display:flex}.flex-c{justify-content:center;align-items:center}.flex-jc{justify-content:center}.flex-ai{align-items:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-sb-ai{display:flex;justify-content:space-between;align-items:center}.flex-se-ai{display:flex;justify-content:space-evenly;align-items:center}.flex-sa-ai{display:flex;justify-content:space-around;align-items:center}.flex-col-start-all{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.flex-col-center-all{display:flex;flex-direction:column;justify-content:center;align-items:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-gap-sm{gap:.5rem}.grid-gap-md{gap:1rem}.grid-gap-lg{gap:1.5rem}.fw-thin{font-weight:var(--fw-thin)}.fw-exl{font-weight:var(--fw-extra-light)}.fw-l{font-weight:var(--fw-light)}.fw-r{font-weight:var(--fw-regular)}.fw-m{font-weight:var(--fw-medium)}.fw-sb{font-weight:var(--fw-semi-bold)}.fw-b{font-weight:var(--fw-bold)}.fw-eb{font-weight:var(--fw-extra-bold)}.fw-bl{font-weight:var(--fw-black)}.fs-xxs{font-size:var(--fs-xxs)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.fs-lg{font-size:var(--fs-lg)}.fs-xl{font-size:var(--fs-xl)}.fs-h6{font-size:var(--fs-h6)}.fs-h5{font-size:var(--fs-h5)}.fs-h4{font-size:var(--fs-h4)}.fs-h3{font-size:var(--fs-h3)}.fs-h2{font-size:var(--fs-h2)}.fs-h1{font-size:var(--fs-h1)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.text-primary-500{color:var(--clr-primary-500)}.text-success-500{color:var(--clr-success-500)}.text-danger-500{color:var(--clr-danger-400)}.text-warning-500{color:var(--clr-warning-300)}.text-gray-900{color:var(--gray-900)}.text-gray-500{color:var(--gray-500)}.text-gray-300{color:var(--gray-300)}.bg-primary-500{background-color:var(--clr-primary-500)}.bg-success-500{background-color:var(--clr-success-500)}.bg-danger-400{background-color:var(--clr-danger-400)}.bg-warning-300{background-color:var(--clr-warning-300)}.bg-gray-900{background-color:var(--gray-900)}.bg-gray-100{background-color:var(--gray-100)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.g-05{gap:.5rem}.g-1{gap:1rem}.g-15{gap:1.5rem}.g-2{gap:2rem}.g-25{gap:2.5rem}.g-3{gap:3rem}.g-35{gap:3.5rem}.g-4{gap:4rem}.g-45{gap:4.5rem}.g-5{gap:5rem}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.w{width:100%}.ts{transition:.3s}.clr-soft{color:var(--clr-text-softer)!important}main section{padding-bottom:13rem!important}@media screen and (min-height: 670px){main section:first-child{padding-bottom:0!important}}main section .sectionHeader{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}main section .sectionHeader p{max-width:65ch;color:var(--clr-text-softer)}section.hero{min-height:100dvh;display:grid;place-items:center}section.hero .bgPhoto{position:absolute;min-width:100%;top:0;left:0;z-index:-1}.heroContentContainer{gap:2.5rem;padding:1rem}.heroContentContainer .heroContentTxt h3{line-height:1.2}.heroContentContainer .heroContentTxt p{max-width:50ch}section.featuresSection{gap:6rem}section.featuresSection .featuresContainer{display:flex;justify-content:flex-start;align-items:center;width:100%;gap:5rem;padding-right:2rem}section.featuresSection .featuresContainer img{transform:translate(-35px);max-width:100%}@media screen and (max-width: 1232px){section.featuresSection .featuresContainer img{width:600px}}section.featuresSection .featuresContainer .featuresArea{display:flex}section.featuresSection .featuresContainer .featuresArea .item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.3rem}section.featuresSection .featuresContainer .featuresArea .item h6{font-weight:var(--fw-semi-bold)}section.featuresSection .featuresContainer .featuresArea .item p{max-width:35ch;color:var(--clr-text-softer)}@media screen and (max-width: 960px){section.featuresSection .featuresContainer{flex-direction:column;padding:1rem}section.featuresSection .featuresContainer img{transform:none}}section.workflowSection .workflowItemsArea{width:100%;display:flex;justify-content:space-around;align-items:flex-start;padding-inline:2rem;gap:1.4rem}@media screen and (max-width: 770px){section.workflowSection .workflowItemsArea{flex-direction:column;align-items:center;gap:4rem;padding-inline:2rem}}section.workflowSection .workflowItemsArea .workflowItem{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.2rem}section.workflowSection .workflowItemsArea .workflowItem h6{font-weight:var(--fw-semi-bold)}section.workflowSection .workflowItemsArea .workflowItem p{max-width:35ch;color:var(--clr-text-softer)}section.workflowSection .workflowItemsArea .workflowItem img{--size: 2rem;height:var(--size)}section.partnersSection .partnersLogos{width:100%;padding-inline:1.5rem;display:flex;justify-content:space-evenly;align-items:center;gap:5rem;flex-wrap:wrap}footer{display:flex;justify-content:space-around;align-items:flex-start;background-color:var(--clr-footer-bg);padding:2.5rem}footer .footerContent{display:grid;grid-template-columns:repeat(4,1fr);place-items:start center;max-width:fit-content;gap:7rem}footer .footerContent img{--size: 3.3rem;width:var(--size);height:var(--size);margin-right:1rem}footer .footerContent ul{width:100%;display:flex;gap:1rem;flex-direction:column}footer .footerContent ul li{display:flex;justify-content:stretch;width:100%;transition:var(--transition-medium)}footer .footerContent ul li a{width:100%;text-wrap:nowrap}footer .footerContent ul li:is(:hover,:focus-visible){opacity:.6}footer .footerSocial{display:grid;place-items:center;align-self:stretch}footer .footerSocial ul{display:flex;gap:1.5rem}footer .footerSocial ul li{transition:var(--transition-medium)}footer .footerSocial ul li:is(:hover,:focus-visible){opacity:.6}@media screen and (max-width: 1060px){footer{flex-direction:column;align-items:center;gap:5rem;padding:4.5rem 0}footer .footerContent{grid-template-columns:repeat(2,1fr)}footer .footerContent img{margin-right:0}}@media screen and (max-width: 390px){footer{flex-direction:column;align-items:center;gap:5rem;padding:4.5rem 0}footer .footerContent{gap:2rem;place-items:start;grid-template-columns:repeat(1,1fr)}}
