:root{--primary:#2b2865;--secondary:#d5b360;--black:#000;--white:#fff;--border-radius:8px;--red:red;--yellow:#ffd500;--orange:#f9a900;--green:#58c162;--bg-color:#f5f5f5}.pos-page .section-header{text-align:center;margin-bottom:40px}@media (max-width:768px){.pos-page .section-header{margin-bottom:32px}}.pos-page .section-header h2{color:#2b2865;margin:0 0 12px;font-size:32px;font-weight:700;line-height:40px}@media (max-width:768px){.pos-page .section-header h2{font-size:24px;line-height:32px}}.pos-page .section-header p{color:#1e1e1e;margin:0;font-size:16px;font-weight:400;line-height:22px}@media (max-width:768px){.pos-page .section-header p{font-size:14px;line-height:20px}}.pos-page .hero-section{background-color:#fffbf180;align-items:center;padding:16px 0;display:flex}@media (max-width:768px){.pos-page .hero-section{min-height:auto;padding:0}}.pos-page .hero-section .hero-container{align-items:center}@media (max-width:960px){.pos-page .hero-section .hero-container{padding:0 16px}}.pos-page .hero-section .hero-content{flex-direction:column;gap:20px;display:flex}@media (max-width:599px){.pos-page .hero-section .hero-content{text-align:center;margin-bottom:32px;padding-right:0}}.pos-page .hero-section .hero-content h1{color:#2b2865;margin:0;font-size:52px;font-weight:800;line-height:64px}@media (max-width:768px){.pos-page .hero-section .hero-content h1{font-size:32px;line-height:40px}}.pos-page .hero-section .hero-content p{color:#1e1e1e;margin:0;font-size:18px;font-weight:400;line-height:26px}@media (max-width:768px){.pos-page .hero-section .hero-content p{font-size:16px;line-height:24px}}.pos-page .hero-section .form-card{background:#fff;border:1px solid #f3f3f3;border-radius:10px;overflow:hidden}@media (max-width:960px){.pos-page .hero-section .form-card{max-width:100%}}.pos-page .hero-section .form-card .form-header{text-align:center;background-color:#2b2865;padding:16px 55px}@media (max-width:480px){.pos-page .hero-section .form-card .form-header{padding:16px 20px}}.pos-page .hero-section .form-card .form-header h3{color:#fff;margin:0;font-size:18px;font-weight:700}.pos-page .hero-section .form-card .login-tabs-container{justify-content:center;padding:24px 70px 0;display:flex}@media (max-width:480px){.pos-page .hero-section .form-card .login-tabs-container{padding:24px 20px 0}}.pos-page .hero-section .form-card .form-fields{padding:24px 70px 0}@media (max-width:480px){.pos-page .hero-section .form-card .form-fields{padding:24px 20px 0}}.pos-page .hero-section .form-card .form-submit{justify-content:center;padding:24px 70px 0;display:flex}@media (max-width:480px){.pos-page .hero-section .form-card .form-submit{padding:24px 20px 0}}.pos-page .hero-section .form-card .form-submit .primaryBtn{width:160px}.pos-page .hero-section .form-card .form-footer{padding:20px 16px 24px}@media (max-width:480px){.pos-page .hero-section .form-card .form-footer{padding:20px 20px 24px}}.pos-page .hero-section .form-card .form-footer p{color:#00000080;text-align:center;margin:0;font-size:12px;font-weight:400;line-height:16px}.pos-page .hero-section .form-card .form-footer p a{color:#2b2865;font-weight:600;text-decoration:none}.pos-page .hero-section .form-card .form-footer p a:hover{text-decoration:underline}.pos-page .career-section{background-color:#fff}@media (max-width:960px){.pos-page .career-section .career-container{padding:24px 16px}}.pos-page .career-section .career-content h2{color:#2b2865;margin:0 0 16px;font-size:32px;font-weight:700;line-height:40px}@media (max-width:768px){.pos-page .career-section .career-content h2{font-size:24px;line-height:32px}}.pos-page .career-section .career-content .career-description{color:#1e1e1e;margin:0 0 24px;font-size:16px;font-weight:400;line-height:24px}.pos-page .career-section .career-content .career-features{flex-direction:column;gap:12px;display:flex}.pos-page .career-section .career-content .career-features .feature-item{align-items:flex-start;gap:12px;display:flex}.pos-page .career-section .career-content .career-features .feature-item .feature-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.pos-page .career-section .career-content .career-features .feature-item p{color:#1e1e1e;margin:0;font-size:14px;font-weight:400;line-height:22px}.pos-page .career-section .career-image{justify-content:center;display:flex}@media (max-width:960px){.pos-page .career-section .career-image{margin-top:32px}}.pos-page .benefits-section{background-color:#f9f9f9}@media (max-width:1200px){.pos-page .benefits-section .benefits-container{padding:24px 16px}}.pos-page .benefits-section .benefits-grid{margin-top:40px}@media (max-width:768px){.pos-page .benefits-section .benefits-grid{margin-top:32px}}.pos-page .benefits-section .benefit-card{text-align:center;background:#fff;border:1px solid #f2f2f2;border-radius:12px;flex-direction:column;align-items:center;height:100%;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.pos-page .benefits-section .benefit-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #0000001a}.pos-page .benefits-section .benefit-card .benefit-icon{width:40px;height:40px;margin-bottom:16px}.pos-page .benefits-section .benefit-card h3{color:#2b2865;margin:0 0 12px;font-size:18px;font-weight:600;line-height:26px}.pos-page .benefits-section .benefit-card p{color:#666;text-align:justify;text-align-last:center;margin:0;font-size:14px;font-weight:400;line-height:22px}.pos-page .steps-section{background-color:#2b2865;margin-bottom:40px}@media (max-width:767px){.pos-page .steps-section{margin-bottom:24px;padding:0}}.pos-page .steps-section .section-header{margin-bottom:40px}.pos-page .steps-section .section-header h2{color:#fff;text-align:center;margin:0 0 12px}.pos-page .steps-section .section-header p{color:#fff;text-align:center}.pos-page .steps-section .steps-list{-webkit-backdrop-filter:blur(62px);backdrop-filter:blur(62px);background:#221f5f99;border-radius:12px;flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;position:relative}.pos-page .steps-section .steps-list:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pos-page .steps-section .steps-list:before{content:"";z-index:0;background:#ffffff80;border-radius:1px;width:1px;height:60%;position:absolute;top:40px;left:44px}.pos-page .steps-section .steps-list{box-shadow:inset 0 1px 13px #ffffff1a,inset -5px 7px 6px #221f5f54}.pos-page .steps-section .steps-list .step-item{z-index:1;align-items:flex-start;gap:12px;display:flex;position:relative}.pos-page .steps-section .steps-list .step-item .step-icon{z-index:2;isolation:isolate;background:#9594b2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.pos-page .steps-section .steps-list .step-item .step-content{flex-direction:column;flex:1;gap:12px;display:flex}.pos-page .steps-section .steps-list .step-item .step-content .step-title{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:26px}.pos-page .steps-section .steps-list .step-item .step-content .step-description{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:300;line-height:20px}.pos-page .steps-section .steps-image-container .steps-image-wrapper .steps-thumbnail{object-fit:cover;border-radius:12px;flex:1;width:100%;height:100%;display:block}
