#hero{width:100%;background:url(/images/hero-bg.jpg) top;background-size:cover;position:relative}#hero:before{content:"";background:hsla(0,0%,100%,.8);position:absolute;bottom:0;top:0;left:0;right:0}#hero .container{padding-top:80px}#hero h1{margin:0;font-size:48px;font-weight:700;line-height:72px;color:#2e2e2e;font-family:Noto Sans Thai,sans-serif}#hero h2{color:#777;margin:10px 0 0;font-size:20px;line-height:1.65em;font-weight:400}#hero .btn-get-started{font-family:Noto Sans Thai,sans-serif;font-weight:500;font-size:24px;letter-spacing:.5px;display:inline-block;padding:14px 50px;border-radius:5px;transition:.5s;margin-top:30px;color:#fff;background:#0d6efd}#hero .btn-get-started:hover{background:#0a58ca}#hero .icon-boxes{margin-top:100px}#hero .icon-box{padding:50px 30px;position:relative;overflow:hidden;background:#fff;box-shadow:0 0 29px 0 rgba(18,66,101,.08);transition:all .3s ease-in-out;border-radius:8px;z-index:1}#hero .icon-box .title{font-weight:700;margin-bottom:15px;font-size:24px}#hero .icon-box .title a{color:#2e2e2e;transition:.3s}#hero .icon-box .description{font-size:18px;line-height:28px;margin-bottom:0}#hero .icon-box .icon{margin-bottom:20px;padding-top:10px;display:inline-block;transition:all .3s ease-in-out;font-size:36px;line-height:1;color:#0d6efd}#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;padding:70px 20px 80px;transition:all .3s ease-in-out;background:#fff;box-shadow:0 5px 90px 0 hsla(203,9%,47%,.05)}.services .icon-box .icon{margin:0 auto;width:100px;height:100px;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;position:relative}.services .icon-box .icon i{font-size:36px;transition:.5s;position:relative}.services .icon-box .icon svg{position:absolute;top:0;left:0}.services .icon-box .icon svg path{transition:.5s;fill:#f5f5f5}.services .icon-box h4{font-weight:600;margin:10px 0 15px;font-size:25px}.services .icon-box h4 a{color:#2e2e2e;transition:.3s ease-in-out}.services .icon-box p{line-height:28px;font-size:18px;margin-bottom:0}.services .icon-box:hover{border-color:#fff;box-shadow:0 0 35px 0 rgba(0,0,0,.08)}.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{font-size:40px;font-weight:700;text-transform:uppercase;margin-bottom:20px;padding-bottom:0;color:#2e2e2e}.section-title p{margin-bottom:0;font-size:14px;color:#777}.pricing .box{padding:40px 20px;text-align:center;border-radius:8px;position:relative;overflow:hidden;background:#fefefe;box-shadow:0 5px 90px 0 hsla(203,9%,47%,.1)}.pricing .box h3{font-weight:400;padding:15px;font-size:18px;text-transform:uppercase;font-weight:600;color:#2e2e2e}.pricing .box h4{font-size:42px;color:#0d6efd;font-weight:500;font-family:Noto Sans Thai,sans-serif;margin-bottom:20px}.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{padding:0;list-style:none;color:#2e2e2e;text-align:center;line-height:20px;font-size:16px}.pricing .box ul li{padding-bottom:16px}.pricing .box ul .na{color:#ccc;text-decoration:line-through}.pricing .box .btn-wrap{padding:15px;text-align:center}.pricing .box .btn-buy{display:inline-block;padding:10px 40px;border-radius:4px;color:#0d6efd;transition:none;font-size:18px;font-weight:400;font-family:Noto Sans Thai,sans-serif;font-weight:600;transition:.3s;border:2px solid #0d6efd}.pricing .box .btn-buy:hover{background:#0d6efd;color:#fff}.pricing .featured{background:#0d6efd}.pricing .featured h3,.pricing .featured h4,.pricing .featured h4 span,.pricing .featured small,.pricing .featured ul,.pricing .featured ul .na{color:#fff}.pricing .featured .btn-wrap{padding:15px;text-align:center}.pricing .featured .btn-buy{color:#fff;border:2px solid #fff}.pricing .featured .btn-buy:hover{background:#fff;color:#2487ce}