#hero{background:url(/images/hero-bg.jpg) top/cover;width:100%;position:relative}#hero:before{content:"";background:#fffc;position:absolute;inset:0}#hero .container{padding-top:80px}#hero h1{color:#2e2e2e;margin:0;font-family:Noto Sans Thai,sans-serif;font-size:48px;font-weight:700;line-height:72px}#hero h2{color:#777;margin:10px 0 0;font-size:20px;font-weight:400;line-height:1.65em}#hero .btn-get-started{letter-spacing:.5px;color:#fff;background:#0d6efd;border-radius:5px;margin-top:30px;padding:14px 50px;font-family:Noto Sans Thai,sans-serif;font-size:24px;font-weight:500;transition:all .5s;display:inline-block}#hero .btn-get-started:hover{background:#0a58ca}#hero .icon-boxes{margin-top:100px}#hero .icon-box{z-index:1;background:#fff;border-radius:8px;padding:50px 30px;transition:all .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 29px #12426514}#hero .icon-box .title{margin-bottom:15px;font-size:24px;font-weight:700}#hero .icon-box .title a{color:#2e2e2e;transition:all .3s}#hero .icon-box .description{margin-bottom:0;font-size:18px;line-height:28px}#hero .icon-box .icon{color:#0d6efd;margin-bottom:20px;padding-top:10px;font-size:36px;line-height:1;transition:all .3s ease-in-out;display:inline-block}#hero .icon-box:hover{transform:scale(1.08)}#hero .icon-box:hover .title a{color:#0d6efd}@media (min-width:1024px){#hero{background-attachment:fixed}}@media (max-height:800px){#hero{height:auto}}@media (max-width:992px){#hero{height:auto}#hero h1{font-size:28px;line-height:56px}#hero h2{font-size:18px}}@media (min-width:993px) and (max-width:1500px){#hero{height:auto}#hero h1{font-size:42px;line-height:56px}#hero h2{font-size:18px}}@media (max-width:993px){#hero .container{padding-top:40px}}
.services .icon-box{text-align:center;background:#fff;padding:70px 20px 80px;transition:all .3s ease-in-out;box-shadow:0 5px 90px #6e7b830d}.services .icon-box .icon{justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;transition:all .3s ease-in-out;display:flex;position:relative}.services .icon-box .icon i{font-size:36px;transition:all .5s;position:relative}.services .icon-box .icon svg{position:absolute;top:0;left:0}.services .icon-box .icon svg path{fill:#f5f5f5;transition:all .5s}.services .icon-box h4{margin:10px 0 15px;font-size:25px;font-weight:600}.services .icon-box h4 a{color:#2e2e2e;transition:all .3s ease-in-out}.services .icon-box p{margin-bottom:0;font-size:18px;line-height:28px}.services .icon-box:hover{border-color:#fff;box-shadow:0 0 35px #00000014}.services .iconbox-blue i{color:#47aeff}.services .iconbox-blue:hover .icon i{color:#fff}.services .iconbox-blue:hover .icon path{fill:#47aeff}.services .iconbox-orange i{color:#ffa76e}.services .iconbox-orange:hover .icon i{color:#fff}.services .iconbox-orange:hover .icon path{fill:#ffa76e}.services .iconbox-pink i{color:#e80368}.services .iconbox-pink:hover .icon i{color:#fff}.services .iconbox-pink:hover .icon path{fill:#e80368}.services .iconbox-yellow i{color:#ffbb2c}.services .iconbox-yellow:hover .icon i{color:#fff}.services .iconbox-yellow:hover .icon path{fill:#ffbb2c}.services .iconbox-red i{color:#ff5828}.services .iconbox-red:hover .icon i{color:#fff}.services .iconbox-red:hover .icon path{fill:#ff5828}.services .iconbox-teal i{color:#11dbcf}.services .iconbox-teal:hover .icon i{color:#fff}.services .iconbox-teal:hover .icon path{fill:#11dbcf}.services .iconbox-green i{color:#48e709}.services .iconbox-green:hover .icon i{color:#fff}.services .iconbox-green:hover .icon path{fill:#48e709}section{padding:20px 0;overflow:hidden}.section-bg{background-color:#fcfcfd}.section-title{text-align:center;padding-bottom:30px}.section-title h2{text-transform:uppercase;color:#2e2e2e;margin-bottom:20px;padding-bottom:0;font-size:40px;font-weight:700}.section-title p{color:#777;margin-bottom:0;font-size:14px}
.pricing .box{text-align:center;background:#fefefe;border-radius:8px;padding:40px 20px;position:relative;overflow:hidden;box-shadow:0 5px 90px #6e7b831a}.pricing .box h3{text-transform:uppercase;color:#2e2e2e;padding:15px;font-size:18px;font-weight:600}.pricing .box h4{color:#0d6efd;margin-bottom:20px;font-family:Noto Sans Thai,sans-serif;font-size:42px;font-weight:500}.pricing .box h4 sup{font-size:20px;top:-15px;left:-3px}.pricing .box h4 span{color:#777;font-size:16px;font-weight:300}.pricing .box ul{color:#2e2e2e;text-align:center;padding:0;font-size:16px;line-height:20px;list-style:none}.pricing .box ul li{padding-bottom:16px}.pricing .box ul .na{color:#ccc;text-decoration:line-through}.pricing .box .btn-wrap{text-align:center;padding:15px}.pricing .box .btn-buy{color:#0d6efd;border:2px solid #0d6efd;border-radius:4px;padding:10px 40px;font-family:Noto Sans Thai,sans-serif;font-size:18px;font-weight:600;transition:all .3s;display:inline-block}.pricing .box .btn-buy:hover{color:#fff;background:#0d6efd}.pricing .featured{background:#0d6efd}.pricing .featured h3,.pricing .featured h4,.pricing .featured h4 span,.pricing .featured ul,.pricing .featured ul .na,.pricing .featured small{color:#fff}.pricing .featured .btn-wrap{text-align:center;padding:15px}.pricing .featured .btn-buy{color:#fff;border:2px solid #fff}.pricing .featured .btn-buy:hover{color:#2487ce;background:#fff}