@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*,:focus{outline:0}*,ins{text-decoration:none}*,ol,ul{padding:0}.landing,body,html{height:100%}*{margin:0;list-style-type:none;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box},a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tfoot,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1.2;background:#00244c;font-family:Inter,Kanit,Arial,Helvetica,sans-serif;font-weight:400}ol,ul{list-style:none;margin-bottom:0}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}::selection{color:#fff;background:#333}::-moz-selection{color:#fff;background:#333}#container::after,#container::before,.clearfix::after,.clearfix::before,.content::after,.content::before{content:" ";display:table}#container::after,.clearfix::after,.content::after{clear:both}a,a:active,a:focus,a:hover{-webkit-tap-highlight-color:transparent}a{color:#333}h1{font-size:40px;font-weight:700}h1,h2,h3,h4,h5,h6{margin:0 0 20px;padding:0;letter-spacing:0}main{width:100%;height:100vh}.landing{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;background:url('../images/bg-landingpage.webp') center/cover no-repeat}.landing article{width:100%;max-width:700px;margin:auto;padding:40px;color:#fff;text-align:center}.landing article ul{display:grid;margin-top:50px;grid-template-columns:1fr 1fr 1fr;gap:40px;animation:1s ease-out .6s both fadeInUp}.box{border-radius:20px;padding:40px 30px;transition:.4s cubic-bezier(.175, .885, .32, 1.275);cursor:pointer;box-shadow:0 10px 40px rgba(0,0,0,.2);position:relative;overflow:hidden;background:rgb(255,255,255,.8)}.box::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ffcb33,#ffcb33);transform:scaleX(0);transition:transform .4s}.box:hover::before{transform:scaleX(1)}.box:hover{transform:translateY(-15px) scale(1);box-shadow:0 20px 60px rgba(0,0,0,.3);background:#fff}.box span{color:#0052da;text-transform:uppercase;font-size:14px;font-weight:600}.box h2,.des{font-size:18px}.box span i{transition:.3s}.box:hover span i{padding-left:10px;transition:.3s}.box h2{padding-top:20px}@media screen and (max-width:767px){h1{font-size:30px}.landing article ul{grid-template-columns:1fr;gap:20px}.box{padding:30px 20px;background:rgb(255,255,255,.95)}.box img{width:100%;max-width:120px}.des br{display:none}.box h2{padding-top:10px}}