body{margin:0;padding:0;background-color:#fbfbfc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-image:url(../img/header-bg.jpg);background-repeat:repeat-x;-webkit-background-size:auto auto;background-size:auto}
a{color:#627af7;text-decoration:none!important}
.text-xs{font-size:0.75rem !important}
.text-sm{font-size:0.875rem !important}
.text-md{font-size:1rem !important}
.text-lg{font-size:1.175rem !important}
.text-xl{font-size:1.375rem !important}
.text-xxl{font-size:1.675rem !important}
.text-64{font-size:4rem !important}
.serve-list{display:flex;justify-content:space-evenly;margin:100px 0}
.content{position:relative;max-width:860px;margin:auto;z-index:1}
.list-img{width:62px}
.nav-list{color:#333;padding:5px 20px;border-radius:8px;margin-left:5px;transition:0.3s}
.nav-list:hover{color:#000;background-color:rgba(255,255,255,0.2)}
.card{border-width:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1)}
.card-header{position:relative;background-color:#fff;border-bottom-width:0}
.card-body{padding:1.25rem;border-width:0}
.card-footer{background-color:#fff;border-top:1px dashed #e9ecef}
.card-header::after{content:"";display:block;position:absolute;width:10%;height:4px;bottom:0;border-radius:4px;background:#eee;transition:0.3s}
.card:hover .card-header::after{width:30%;background:#627af7}
.code{color:#5468d2;background-color:#edeff9;padding:1rem;border-radius:6px}
.section-title{margin-top:120px;margin-bottom:50px;text-align:center}
.section-title span{position:relative}
.section-title span::before,.section-title span::after{position:absolute;top:50%;width:50px;height:1px;border-top:1px solid;content:'';border-color:#627af7;transition:all .3s ease}
.section-title span::before{left:-65px}
.section-title span::after{right:-65px}
section:hover .section-title span::before{left:-100px;width:80px}
section:hover .section-title span::after{right:-100px;width:80px}
.img-content{position:relative;display:flex;align-items:center}
.img-content img{max-width:60%;height:auto}
.shape{overflow:hidden;pointer-events:none;position:absolute;color:#f2f4f8}
.shape:not([class*=shape-blur])>*{transform:scale(2)}
.shape-fluid-x>*{height:auto;width:100%}
.shape-bottom>*{transform-origin:top center}
.shape>*{display:block}
.shape-bottom{bottom:0;left:0;right:0}
.bg-muted{position:relative;padding:5px 0;background-color:#f2f4f8!important}
.main-footer{color:#eee;background:#627af7;padding:30px 0}
.main-footer p{color:#eee}
.main-footer a{color:#eee}
.main-footer a:hover{color:#fff}
.footer-tabbar-placeholder{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}
@media screen and (min-width:768px){.list-img{width:72px}
}