@import url(https://fonts.googleapis.com/css2?family=Kanit&family=Mochiy+Pop+One&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:"Open Sans",sans-serif;color:#272829}a{color:#00a01d}a,a:hover{text-decoration:none}a:hover{color:#37b3ed}h1,h2,h3,h4,h5,h6{font-family:"Raleway",sans-serif}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#00a01d;width:40px;height:40px;border-radius:50px;transition:all .4s}.back-to-top i{font-size:28px;color:#fff;line-height:0}.back-to-top:hover{background:#2eafec;color:#fff}.back-to-top.active{visibility:visible;opacity:1}#header{position:fixed;top:0;left:0;bottom:0;width:300px;transition:all .5s ease-in-out;z-index:9997;transition:all .5s;padding:0 15px;background:#040b14;overflow-y:auto}#header .profile img{margin:15px auto;display:block;width:160px;height:160px;border:5px solid #2c2f3f}#header .profile h1{font-size:24px;margin:0;padding:0;font-weight:600;text-align-last:center;font-family:"Poppins",sans-serif}#header .profile h1 a,#header .profile h1 a:hover{color:#fff;text-decoration:none}#header .profile .social-links a{font-size:18px;display:inline-block;background:#212431;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#header .profile .social-links a:hover{background:#00a01d;color:#fff;text-decoration:none}#main{margin-left:300px}@media (max-width:1199px){#header{left:-300px}#main{margin-left:0}}.nav-menu{padding:30px 0 0}.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a,.nav-menu a:focus{display:flex;align-items:center;color:#a8a9b4;padding:12px 15px;margin-bottom:8px;transition:.3s;font-size:15px}.nav-menu a:focus i,.nav-menu a i{font-size:24px;padding-right:8px;color:#6f7180}.nav-menu .active,.nav-menu .active:focus,.nav-menu a:hover,.nav-menu li:hover>a{text-decoration:none;color:#fff}.nav-menu .active:focus i,.nav-menu .active i,.nav-menu a:hover i,.nav-menu li:hover>a i{color:#00a01d}.mobile-nav-toggle{position:fixed;right:15px;top:15px;z-index:9998;border:0;font-size:24px;transition:all .4s;outline:none!important;background-color:#dde9ee;color:#141313;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;line-height:0;border-radius:50px;cursor:pointer}.mobile-nav-active{overflow:hidden}.mobile-nav-active #header{left:0}#hero{background:url(/static/media/hero-bg.25ecbeca.jpg) top}.hero-container h1{font-size:45px}.change-text h2,.hero-container h1{font-family:"Kanit",sans-serif;font-family:"Mochiy Pop One",sans-serif}.change-text h2{font-size:25px}#hero h1{margin:0 0 10px;font-size:45px;font-weight:700;line-height:56px;color:#fff}#hero p span{border-bottom:3px solid #149ddd}#hero{width:100%;height:100vh;background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,.66)),url(/static/media/header.0b560f15.jpg);background-size:cover}#hero:before{content:"";background:rgba(5,13,24,.3);position:absolute;bottom:0;top:0;left:0;right:0;z-index:1}#hero .hero-container{position:relative;z-index:2;min-width:300px}#hero p{color:#fff;margin-bottom:50px;font-size:26px;font-family:"Poppins",sans-serif}#hero p span{color:#fff;padding-bottom:4px;letter-spacing:1px;border-bottom:3px solid #00a01d}@media (min-width:1024px){#hero{background-attachment:fixed}}@media (max-width:768px){#hero h1{font-size:28px;line-height:36px}#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}}section{padding:60px 0;overflow:hidden}.section-bg{background:#f5f8fd}.section-title{padding-bottom:30px}.section-title h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative;color:#00a01d}.section-title h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#00a01d;bottom:0;left:0}.section-title p{margin-bottom:0}.about .content h3{font-weight:700;font-size:26px;color:#00a01d}.about .content ul{list-style:none;padding:0}.about .content ul li{margin-bottom:20px;display:flex;align-items:center}.about .content ul strong{margin-right:10px}.about .content ul i{font-size:16px;margin-right:5px;color:#00a01d;line-height:0}.about .content p:last-child{margin-bottom:0}.about-img img{border-radius:7px;box-shadow:10px 5px 5px #e7e7e7}.skills .progress{height:60px;display:block;background:none;border-radius:0}.skills .progress .skill{padding:0;margin:0 0 6px;text-transform:uppercase;display:block;font-weight:600;font-family:"Poppins",sans-serif;color:#050d18}.skills .progress .skill .val{float:right;font-style:normal}.skills .progress-bar-wrap{background:#dce8f8;height:10px}.skills .progress-bar{width:1px;height:10px;transition:.9s;background-color:#00a01d}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#050d18}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid #00a01d;position:relative}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:"Poppins",sans-serif;color:#050d18;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:#e4edf9;padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#fff;border:2px solid #00a01d}.portfolio .portfolio-item{margin-bottom:30px}.portfolio #portfolio-flters{margin:0 auto 35px;list-style:none;text-align:center;background:#fff;border-radius:50px;padding:2px 15px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px 8px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#272829;margin-bottom:5px;transition:all .3s ease-in-out}.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#00a01d}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1}.portfolio .portfolio-wrap:before{content:"";background:hsla(0,0%,100%,.5);position:absolute;left:0;right:0;top:0;bottom:0;transition:all .3s ease-in-out;z-index:2;opacity:0}.portfolio .portfolio-wrap .portfolio-links{opacity:1;left:0;right:0;bottom:-60px;z-index:3;position:absolute;transition:all .3s ease-in-out;display:flex;justify-content:center}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;font-size:28px;text-align:center;background:rgba(20,157,221,.75);transition:.3s;width:50%}.portfolio .portfolio-wrap .portfolio-links a:hover{background:rgba(20,157,221,.95)}.portfolio .portfolio-wrap .portfolio-links a+a{border-left:1px solid #37b3ed}.portfolio .portfolio-wrap:hover:before{top:0;left:0;right:0;bottom:0;opacity:1}.portfolio .portfolio-wrap:hover .portfolio-links{opacity:1;bottom:0}.btn-primary{border:none!important;background:none!important;font-size:18px;font-weight:700;color:#000!important}.btn-primary:hover{color:#00a01d!important}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #00a01d}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#00a01d}.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(5,13,24,.08)}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p,ul{padding:0}ul{margin:0;list-style:none}.bg-gray{background-color:#f9f9f9}.site-heading h2{display:block;font-weight:700;margin-bottom:10px;text-transform:uppercase}.site-heading h2 span{color:#00a01d}.site-heading h4{display:inline-block;padding-bottom:20px;position:relative;text-transform:capitalize;z-index:1}.site-heading h4:before{background:#00a01d none repeat scroll 0 0;bottom:0;content:"";height:2px;left:50%;margin-left:-25px;position:absolute;width:50px}.site-heading{margin-bottom:60px;overflow:hidden;margin-top:-5px}.carousel-shadow .owl-stage-outer{margin:-15px -15px 0;padding:15px}.we-offer-area .our-offer-carousel .owl-dots .owl-dot span{background:#fff none repeat scroll 0 0;border:2px solid;height:15px;margin:0 5px;width:15px}.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span{background:#00a01d none repeat scroll 0 0;border-color:#00a01d}.we-offer-area .item{height:400px;background:#fff none repeat scroll 0 0;border-left:2px solid #00a01d;-o-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;overflow:hidden;padding:30px;position:relative;z-index:1}.we-offer-area.text-center .item{background:#fff none repeat scroll 0 0;border:none;padding:67px 40px 64px}.we-offer-area.text-center .item img{background:#00a01d none repeat scroll 0 0;position:relative;text-align:center;z-index:1;margin-bottom:25px}.we-offer-area.text-center .item img,.we-offer-area.text-center .item img:after{transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out}.we-offer-area.text-center .item img:after{border:2px solid #00a01d;position:absolute;top:-5px;width:90px;z-index:-1}.we-offer-area.item-border-less .item{border:none}.we-offer-area .our-offer-items.less-carousel .equal-height{margin-bottom:30px}.we-offer-area.item-border-less .item .number{font-family:"Poppins",sans-serif;font-size:50px;font-weight:900;opacity:.1;position:absolute;right:30px;top:30px}.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,.we-offer-area.center-active .single-item:nth-child(2n) .item{background:#00a01d none repeat scroll 0 0}.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,.we-offer-area.center-active .single-item:nth-child(2n) .item h4,.we-offer-area.center-active .single-item:nth-child(2n) .item i,.we-offer-area.center-active .single-item:nth-child(2n) .item p{color:#fff}.we-offer-area .item i{color:#00a01d;display:inline-block;font-size:60px;margin-bottom:20px}.we-offer-area .item h4{font-weight:600;text-transform:capitalize}.we-offer-area .item p{margin:0}.we-offer-area .item:after,.we-offer-area .item h4,.we-offer-area .item i,.we-offer-area .item p{transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out}.we-offer-area .item:after{background:#00a01d none repeat scroll 0 0;content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:-1}.we-offer-area .item:hover:after{left:0}.we-offer-area .item:hover h4,.we-offer-area .item:hover i,.we-offer-area .item:hover p{color:#fff!important}.we-offer-area.text-center .item:hover i:after{border-color:#fff!important}.we-offer-area.text-center .item:hover i{background-color:#fff!important;color:#00a01d!important}.we-offer-area.text-left .item i{background:#00a01d none repeat scroll 0 0;border-radius:50%;color:#fff;display:inline-block;font-size:60px;height:100px;line-height:100px;margin-bottom:30px;position:relative;width:100px;z-index:1;text-align:center}.we-offer-area.text-left .item i:after{border:2px solid #00a01d;border-radius:50%;content:"";height:120px;left:-10px;position:absolute;top:-10px;width:120px}.blog-card-blog{margin-top:30px}.blog-card{display:inline-block;position:relative;width:100%;margin-bottom:30px;border-radius:6px;color:rgba(0,0,0,.87);background:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.blog-card .blog-card-image{height:60%;position:relative;overflow:hidden;margin-left:15px;margin-right:15px;margin-top:-30px;border-radius:6px;box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.blog-card .blog-card-image img{width:100%;height:100%;border-radius:6px;pointer-events:none}.blog-card .blog-table{padding:15px 30px}.blog-table{margin-bottom:0}.blog-category{position:relative;line-height:0;margin:15px 0}.blog-text-success{color:#28a745!important}.blog-card-blog .blog-card-caption{margin-top:5px}.blog-card-caption h4{font-weight:300;text-transform:uppercase;font-family:"Kanit",sans-serif}.blog-card-caption h4:hover{color:#28a745}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-card-caption,.blog-card-caption a{color:#333;text-decoration:none}.blog-card .ftr{margin-top:15px;display:flex;justify-content:space-between}.blog-card .ftr .author{color:#888}.blog-card .ftr div{display:inline-block}.blog-card .author .avatar{width:36px;height:36px;overflow:hidden;border-radius:50%;margin-right:5px}.blog-card .ftr .stats{position:relative;top:1px;font-size:14px;float:right;line-height:30px}.service-card{text-decoration:none;color:#28a745}.service-card:hover{color:#080808}.stats{color:#28a745}.contact{padding-bottom:130px}.contact .info{padding:30px;background:#fff;width:100%;box-shadow:0 0 24px 0 rgba(0,0,0,.12)}.contact .info i{font-size:20px;color:#00a01d;float:left;width:44px;height:44px;background:#dff3fc;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:#050d18}.contact .info p{padding:0 0 10px 60px;margin-bottom:20px;font-size:14px;color:#00a01d}.contact .info .email p{padding-top:5px}.contact .info .social-links{padding-left:60px}.contact .info .social-links a{font-size:18px;display:inline-block;background:#333;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s;margin-right:10px}.contact .info .address:hover i,.contact .info .email:hover i,.contact .info .phone:hover i,.contact .info .social-links a:hover{background:#00a01d;color:#fff}.contact .php-email-form{width:100%;padding:30px;background:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.12)}.contact .php-email-form .form-group{padding-bottom:8px}.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px;font-weight:400;font-size:13px}.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}.contact .php-email-form .error-message br+br{margin-top:25px}.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;animation:animate-loading 1s linear infinite}.contact .php-email-form .form-group{margin-bottom:15px}.contact .php-email-form label{padding-bottom:8px}.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}.contact .php-email-form input{height:44px}.contact .php-email-form textarea{padding:10px 15px}.contact .php-email-form button[type=submit]{background:#00a01d;border:0;padding:10px 24px;color:#fff;transition:.4s;border-radius:4px}.contact .php-email-form button[type=submit]:hover{background:#37b3ed}@keyframes animate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.breadcrumbs{padding:20px 0;background:#f9f9f9}.breadcrumbs h2{font-size:26px;font-weight:300}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:15px}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li:before{display:inline-block;padding-right:10px;color:#0e2442;content:"/"}@media (max-width:768px){.breadcrumbs .d-flex{display:block!important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}.portfolio-description h2{text-align:center;text-transform:uppercase}.portfolio-description p{text-align:justify}.blog-wrap{margin-left:10px}
/*# sourceMappingURL=main.ab94ada9.chunk.css.map */