:root{--color-main: #00A75E;--color-font: #262A37;--color-border: #E9ECEE;--margin-section: 55px}@media (max-width: 768px){:root{--margin-section: 35px !important}}header#header+.hero{padding-top:150px}.btn{transition:all .4s;display:inline-flex;align-items:center;justify-content:center;min-width:max-content;border-radius:0}.btn.btn-color-main{background:linear-gradient(90deg,#00a75e,#6fe69a 84.67%);color:var(--color-font);border:none}.btn.btn-color-main:hover{box-shadow:0 1px 20px #17b46b}.btn.btn-border-white{background-color:transparent;border:1px solid white;color:#fff}.btn.btn-border-white:hover{border-color:var(--color-font);color:var(--color-font)}.container{max-width:1192px;padding-left:11px;padding-right:11px;margin-left:auto;margin-right:auto}.row{display:flex;flex-wrap:wrap;margin-left:-11px;margin-right:-11px}.row>[class*=col-]{padding-left:11px;padding-right:11px}.col-md-2{flex:0 0 auto;width:16.666667%}.col-md-3{flex:0 0 auto;width:25%}@media (max-width: 767px){.col-md-2,.col-md-3{width:100%}}header#header{padding:5px 0;position:fixed;top:0;left:0;width:100%;z-index:100;transition:all .3s;background-color:#fff;box-shadow:0 1px 4px #19213d14}header#header.active{background-color:#fff;box-shadow:0 1px 4px #19213d14}header#header .container{display:flex;justify-content:space-between;align-items:center}header#header #nav .wrap-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}header#header #nav .box-action-header.is-mobile{display:none}header#header #nav .wrap-menu .item-menu a{font-weight:700;color:var(--color-font)}header#header.active #nav .wrap-menu .item-menu a{color:var(--color-font)}header#header #nav .wrap-menu .item-menu a:hover{color:var(--color-main)}header#header .box-action-header{display:flex;align-items:center;gap:10px}header#header .box-action-header .btn{font-size:14px;border-radius:90px;padding:17px 45px;line-height:calc(17 / 14);font-weight:700}header#header .box-action-header .btn-color-main{border:none}header#header .box-action-header .btn:hover{border-radius:0}header#header .box-action-header .toggle-menu{display:none;position:relative}header#header .box-action-header .btn-border-white{border-color:var(--color-font);color:var(--color-font)}header#header.active .box-action-header .btn-border-white{border-color:var(--color-font);color:var(--color-font)}header#header .box-action-header .btn-border-white:hover{border-color:var(--color-main);color:var(--color-main)}header#header.active .logo img,header#header .logo img{width:auto;height:80px;max-width:100%;object-fit:contain}footer#footer{background-repeat:no-repeat;background-size:cover}footer#footer .footer-main{padding:var(--margin-section) 0;color:#fff}footer#footer .footer-last{padding:20px;border-top:1px solid #3C3C3C;color:#fff;text-align:center;margin:0}.footer-main .row{row-gap:30px}.footer-main .title-company{font-size:18px;line-height:calc(22 / 18);font-weight:700;margin-bottom:20px;color:#fff}.footer-main .list-social{display:flex;gap:8px;list-style:none;padding:0;margin:0}.footer-main .list-social img{width:24px;height:24px;border-radius:100%;transition:all .3s}.footer-main .list-social img:hover{transform:scale(1.15)}.footer-main .box-footer-left{display:flex;gap:30px}.footer-main a{color:#fff}.footer-main a:hover{color:var(--color-main)}.footer-main .title-footer{font-size:18px;line-height:calc(22 / 18);font-weight:700;margin-bottom:20px;color:#fff}.footer-main .list-menu-footer{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.footer-main strong{color:#fff}.footer-main .footer-address{list-style:none;padding:0;margin:0}header#header .box-action-header .btn-trial-desktop{display:none!important}@media (max-width: 991px){header#header .box-action-header{display:flex;align-items:center}header#header .box-action-header .btn-trial-desktop{display:inline-flex!important;margin-right:10px;padding:8px 20px;font-size:13px;height:auto}}@media (max-width: 1024px){.container{padding-left:20px;padding-right:20px}header#header .box-action-header .toggle-menu{display:flex;padding:0;width:35px;height:35px;background-color:transparent;border-radius:100%;outline:none;border:none;cursor:pointer;align-items:center;justify-content:center}header#header .box-action-header .toggle-menu span{display:block;width:20px;height:2px;background-color:var(--color-main);transition:all .3s;margin-left:0;position:absolute}header#header .box-action-header .toggle-menu span:before,header#header .box-action-header .toggle-menu span:after{content:"";width:100%;position:absolute;height:2px;background-color:var(--color-main);left:0;transition:all .3s;border-radius:2px}header#header .box-action-header .toggle-menu span:before{top:-7px}header#header .box-action-header .toggle-menu span:after{width:20px;left:auto;right:0;bottom:-7px}header#header .box-action-header .toggle-menu.active span{background-color:transparent}header#header .box-action-header .toggle-menu.active span:before{transform:rotate(45deg);top:0}header#header .box-action-header .toggle-menu.active span:after{transform:rotate(-45deg);bottom:0}header#header .box-action-header:not(.is-mobile) .btn:not(.toggle-menu){display:none}header#header nav#nav{position:fixed;left:0;top:0;height:100dvh;width:390px;background-color:#fff;z-index:9;transition:all .3s;transform:translate(-100%);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 4px #19213d14}header#header nav#nav.active{transform:translate(0)}header#header nav#nav ul{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:10px;padding-right:10px;list-style:none}header#header nav#nav .wrap-menu{background-color:#fff;padding:50px 0 0;position:relative;z-index:2}header#header nav#nav .wrap-menu .item-menu a{color:var(--color-font);font-size:18px}header#header #nav .box-action-header.is-mobile{display:flex;padding:20px 0;justify-content:center;gap:10px}body.overlay{position:relative;overflow:hidden}body.overlay:before{content:"";position:absolute;left:0;width:100%;top:0;height:100%;background-color:#0000008a;z-index:9}header#header.active .logo img,header#header .logo img{height:60px}header#header .box-action-header .btn-border-white{border-color:var(--color-font);color:var(--color-font)}header#header nav#nav{width:calc(100% - 60px)}.footer-main .box-footer-left{flex-direction:column}footer#footer .footer-last{padding:16px;font-size:12px}}@media (max-width: 414px){header#header #nav .box-action-header.is-mobile{padding-inline:10px;flex-direction:column}header#header .box-action-header.is-mobile .btn{width:100%;padding:12px}}
