:root{--text:#6A6770;--text2:#A7A2B0;--title:#452669;--white:#fff;--main:#A158F5;--second:#452669;--dark:#341C4F;--darker:#1F0B36;--font:'Nunito Sans',sans-serif}body{font-family:var(--font);background:var(--white);color:var(--text);font-weight:400;font-size:16px;scroll-behavior:smooth}.container{padding-left:1.5rem!important;padding-right:1.5rem!important}label,p,span{font-size:1rem}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:var(--font)}a{color:var(--main);transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.btn{padding:.75rem 1.25rem;font-weight:700;box-shadow:0 10px 20px rgba(170 170 170 / 25%)}.btn-width{padding:.75rem 5rem}.btn-main{background-color:var(--main);color:var(--white)}.btn-main:hover{background-color:#9041eb;color:var(--white)}.btn-second{background-color:var(--white);border-color:var(--main);color:var(--main)}.btn-second:hover{background-color:#ece1f9;color:var(--main)}.heading{font-size:2rem;line-height:1.2;color:var(--title)}.title{font-size:1.5rem;line-height:1.3;color:var(--title)}.subtitle{font-size:1.3rem;color:var(--title)}.navbar-collapse.show{max-height:90vh;overflow:scroll}.mega-link:hover .dropdown-menu,.nav-link.dropdown-toggle:hover+.dropdown-menu{display:flex}.mega-drop-inside .mdi-hello{display:none}.mega-drop-inside .mdi-hello .subtitle,.mega-drop-inside .mdi-hello .title{color:var(--white)}.mega-drop-inside .mdi-menus{display:flex;flex-flow:wrap row;justify-content:flex-start;gap:1rem}.mega-drop-inside .mdi-menus ul{padding:0;margin:0;list-style:none}.mega-drop-inside .mdi-menus ul li:first-child{padding:5px;font-weight:700;font-size:1.1rem}.mega-drop-inside .mdi-menus ul li{margin:0;padding:0;list-style:none;position:relative}.mega-drop-inside .mdi-menus ul li a{text-decoration:none;color:var(--text);padding:5px 5px 5px 2.5rem;border:1px solid transparent;border-radius:4px;display:flex;align-items:center;height:2.5rem;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.mega-drop-inside .mdi-menus ul li a:hover{border-color:var(--text2);box-shadow:3px 3px 5px rgba(0 0 0 / 25%)}.mega-drop-inside .mdi-menus ul li a .icon{width:1.6rem;position:absolute;left:5px;top:5px}.act-navbar{padding:0!important;background-color:var(--white);box-shadow:0 10px 20px rgba(170 170 170 / 25%)}.act-navbar .navbar-brand img{height:50px}.act-navbar.navbar-light .navbar-toggler{border-color:transparent!important}.act-navbar.navbar-light .navbar-toggler .navbar-toggler-icon{width:2rem;height:2rem}.act-navbar.navbar-light .navbar-nav .nav-link{padding:1rem .65rem;border-bottom:4px solid transparent;color:var(--text)}.act-navbar.navbar-light .navbar-nav .active .nav-link{border-bottom:4px solid transparent;font-weight:700;color:var(--main)}.act-navbar.navbar-light .navbar-nav .nav-link:focus,.act-navbar.navbar-light .navbar-nav .nav-link:hover{border-bottom:4px solid transparent;color:var(--main)}.hackpad{height:76px}.sec-slide{position:relative}.banner-slide .item{position:relative;display:block;z-index:1;min-height:500px;padding:0 0 7rem;overflow:hidden}.banner-slide .item::before{position:absolute;content:"";top:0;left:0;background-color:rgba(255 255 255 /0);background-image:linear-gradient(to top,rgba(255 255 255 / 0) 0,rgba(255 255 255 / 25%) 5%,rgba(255 255 255 / 75%) 100%);width:100%;height:100%;z-index:-1}.banner-slide .item .bg{width:auto;height:100%;position:absolute;z-index:-2;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.hero{position:relative}.hero-box{margin-top:-3rem;background-color:var(--second);position:relative;color:var(--white);z-index:1;display:flex;justify-content:center;align-items:center;flex-flow:wrap row;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.hero-box::before{position:absolute;background-image:url(../images/cepat-stabil-handal.jpg);mix-blend-mode:multiply;background-position:center;background-size:cover;top:0;left:0;content:"";width:100%;height:100%;z-index:-1;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.hero-box .title,.hero-box p{color:var(--white)}.hero-box .imej{width:100%;height:130px;position:relative}.hero-box .imej .rocket{position:absolute;max-width:200px;top:20%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.hero-box .desc{max-width:420px}.product{position:relative}.box-pro{display:flex;flex-flow:wrap row;justify-content:center;align-items:stretch;gap:1rem}.box-pro .item{position:relative;text-align:center;padding:3em 1.5rem 1.5rem;margin:1rem 0;width:100%;flex:1 1 100%;box-sizing:border-box;max-width:350px;background-color:var(--white);border:1px solid transparent;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0 10px 20px rgba(170 170 170 / 25%);transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.box-pro .item.best{background-image:url(../images/bg-pro.svg);background-position:top left;background-size:100%;background-repeat:no-repeat}.box-pro .item:hover{border:1px solid var(--main);box-shadow:0 10px 20px rgba(170 170 170 / 35%);margin:1.5rem 0 .5rem}.box-pro .item .best{position:absolute;top:-1px;left:-10px}.box-pro .item .pro-name{background-image:url(../images/pro-bg2.svg);background-position:top center;background-repeat:no-repeat;background-size:100%;width:200px;padding:3rem 1rem 0;margin:1.5rem auto 0;height:130px}.box-pro .item .pro-name.main{background-image:url(../images/pro-bg.svg)}.box-pro .item .pro-name .byte{color:var(--title);margin:.75rem 0;font-size:1.5rem}.box-pro .item .pro-name.main .byte{color:var(--main)}.box-pro .pro-price{min-height:auto;text-align:left}.box-pro .pro-price h4{text-align:center;letter-spacing:-1px;font-size:2.5rem;font-weight:lighter;color:var(--title)}.box-pro .pro-price h4 span{font-size:1rem;color:var(--text2)}.box-pro .item .pro-list{text-align:left;padding:0;margin:1rem 0}.box-pro .item .pro-list li{font-weight:700;list-style:none;padding:.25rem 0;min-height:auto}.box-pro .item .pro-list li span{font-weight:400;color:var(--text2)}.syarat{position:relative}.act-accord .accordion-button{background-color:var(--title);color:var(--white);font-size:1.5rem;font-weight:700;border-top-left-radius:.6rem!important;border-top-right-radius:.6rem!important}.act-accord .accordion-button:not(.collapsed)::after{background-image:url(../images/chevron.png)!important}.act-accord .accordion-button::after{background-image:url(../images/chevron.png)!important}.feature{position:relative;display:block;overflow:hidden;background-color:var(--title);background-image:none;background-size:cover;background-repeat:no-repeat;background-position:left center;color:var(--white);z-index:1}.feature::before{position:absolute;top:0;left:0;content:"";z-index:-1;width:100%;height:100%;background-color:var(--title);opacity:1}.feature .title{color:var(--white)}.feature-box{display:flex;justify-content:space-between;flex-flow:wrap row}.feature-box .feat-item{position:relative;overflow:hidden;z-index:1;padding:1.5rem 1rem;box-sizing:border-box;flex:1 1 47%;display:flex;justify-content:space-between;align-items:center;text-align:center;flex-flow:wrap column;gap:1rem;color:var(--white);text-decoration:none;background-color:transparent;transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.feature-box .feat-item p{margin:0}.feature-box .feat-item .bg{position:absolute;left:50%;top:50%;opacity:0;height:110%;z-index:-1;transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.feature-box .feat-item:hover .bg{opacity:.7;height:100%}.why-us{position:relative}.why-box{background-color:var(--white);border-radius:10px;height:100%;margin:1rem 0;display:flex;flex-flow:wrap column;justify-content:space-between;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0 10px 20px rgba(170 170 170 / 25%);transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.why-box:hover{box-shadow:0 10px 20px rgba(170 170 170 / 35%);margin:1.5rem 0 .5rem}.why-box .foto{aspect-ratio:5/3;-o-object-fit:cover;object-fit:cover;width:100%}.why-box .desc .subtitle{color:var(--title)}.why-box a{font-weight:700;text-decoration:none;color:var(--main)}.why-box a .bi{font-weight:700;font-size:1.25rem}.contact{position:relative}.contact-form .form-control,.contact-form .form-select{background-color:#fafafa;border-color:transparent}.contact-form ::-webkit-input-placeholder{color:var(--text2)}.contact-form :-ms-input-placeholder{color:var(--text2)}.contact-form ::-moz-placeholder{color:var(--text2)}.contact-form ::-ms-input-placeholder{color:var(--text2)}.contact-form ::placeholder{color:var(--text2)}.contact-form .form-select{color:var(--text2)}.tagline{position:relative;background-color:var(--title);color:var(--white);z-index:1;background-position:center;background-size:cover}.tagline::before{background-image:linear-gradient(120deg,#cca5f9 0,var(--main) 100%);position:absolute;content:"";opacity:.85;top:0;left:0;width:100%;height:100%;z-index:-1}.tagline.sda{background-image:url(../images/sda-bg.jpg)}.tagline.internet{background-image:url(../images/internet.jpg)}.tagline.server{background-image:url(../images/server-bg.jpg)}.tagline.fo{background-image:url(../img/foanimasi.jpg)}.tagline.swicth{background-image:url(../img/swicth.jpg)}.tag{font-size:1.4rem;font-weight:600}.tagline .tag{color:var(--white)}.tagline .title{color:var(--white)}.kategori{position:relative}.kateg-box{width:100%;height:100%;display:block;position:relative;text-align:center;padding:1.5rem 1.5rem;margin:1rem 0;box-sizing:border-box;max-width:350px;background-color:var(--white);border:1px solid transparent;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0 10px 20px rgba(170 170 170 / 25%);transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.kateg-box:hover{border:1px solid var(--main);box-shadow:0 10px 20px rgba(170 170 170 / 35%);margin:1.5rem 0 .5rem}.kateg-box .subtitle{text-transform:capitalize}.kateg-box .kateg-icon{position:relative;width:5rem;height:5rem;display:inline-block;font-size:2rem;color:var(--main);background-color:rgba(170 170 170 / 25%);border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.kateg-box:hover .kateg-icon{color:var(--white);background-color:var(--main)}.kateg-box .kateg-icon::before{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.pro-details{position:relative}.details-box{width:100%;height:100%;display:block;position:relative;padding:1rem;margin:1rem 0;box-sizing:border-box;max-width:350px;border:1px solid transparent;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.details-box:hover{background-color:var(--white);box-shadow:0 10px 20px rgba(170 170 170 / 35%)}.details-box .icon{color:var(--main);font-size:3rem}.details-list{padding:0;margin:0;list-style:none}.details-list li{position:relative;display:flex;gap:.5rem}.details-list li .icon-list{font-size:1rem;color:var(--main)}.blog{position:relative}.blog-content{overflow:hidden;box-shadow:0 10px 20px rgba(170 170 170 / 35%);background:var(--white);border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.blog-content .feature-img{width:100%;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover}.blog-content .desc{padding:1.5rem}.blog-content .desc .timeline{padding:0 0 1rem;border-bottom:1px solid rgba(0 0 0 / 10%);margin:0 0 1rem;list-style:none;display:flex;gap:1rem;flex-flow:wrap row}.blog-content .desc .timeline a{text-decoration:none;color:var(--main)}.recent-post{padding:1.5rem;margin:0;list-style:none}.recent-post li:first-child{border:none}.recent-post li{border-bottom:1px dashed rgba(0 0 0 / 10%)}.recent-post li a{display:block;text-decoration:none;padding:.5rem 0}.recent-post li a:hover{text-decoration:underline}.ads img{aspect-ratio:1;width:100%;-o-object-fit:cover;object-fit:cover}.kateg-post{padding:1.5rem;margin:0;list-style:none}.kateg-post li:first-child{border:none}.kateg-post li{display:block}.kateg-post li a{display:block;position:relative;text-decoration:none;padding:.5rem 1rem .5rem 0}.kateg-post li a .total{position:absolute;top:50%;right:0;display:block;transform:translateY(-50%);text-align:center;font-size:.75rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--white);background-color:var(--main);border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.kateg-post li a:hover{color:var(--text)}.footer{background-color:var(--dark);color:#fff}.copyright{background-color:var(--darker)}.foot-menu{display:flex;flex-flow:wrap row;justify-content:space-between;align-items:flex-start;gap:1rem}.foot-menu ul{padding:0;margin:0;list-style-type:none;max-width:200px;flex:1 1 30%}.foot-menu2{display:flex;flex-flow:wrap row;justify-content:space-between;align-items:flex-start;gap:1rem}.foot-menu2 ul{padding:0;margin:0;list-style-type:none;flex:1 1 100%}.foot-menu2 ul b{font-weight:600}.foot-menu2 ul.icon{max-width:190px}.foot-menu2 ul.icon li{padding:.25rem 0 .5rem 40px}.foot-menu2 ul .tel{background-image:url(../images/icon-phone.svg);background-size:1.8em;background-position:top left;background-repeat:no-repeat}.foot-menu2 ul .email{background-image:url(../images/icon-mic.svg);background-size:1.8rem;background-position:top left;background-repeat:no-repeat}.foot-menu2 ul .sosmed a{margin:0 -5px}.foot-menu2 ul.icon li.iso{padding:.5rem 0;display:flex;justify-content:space-between;gap:.5rem}.iso a{display:inline-block;width:84px;height:74px}.iso a img{height:100%}.footer a{text-decoration:none;color:var(--white)}.footer a:hover{color:var(--main)}.footer ul .head{font-weight:700;min-height:2rem}.footer ul li{padding:.25rem 0;position:relative}.box-wa{width:100%;padding:0 1rem;box-sizing:border-box;max-width:420px;position:fixed;z-index:3333;bottom:1rem;right:0;display:flex;justify-content:flex-end;flex-flow:wrap row}.box-wa .head{padding:1.5rem 1rem 1rem;background-color:#64b161;color:#fff;border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;display:flex;flex-flow:nowrap row;justify-content:space-between;gap:.5rem}.box-wa .head img{width:32px;height:32px}.box-wa .head .subtitle{font-weight:500;font-size:1.4rem;color:#fff}.box-wa .head p{padding:0;margin:0}.box-wa .desc{padding:1.5rem 1rem 1rem}.box-wa .desc .desc-item{padding:.5rem 1rem;text-decoration:none;margin:.75rem 0;border-left:2px solid rgba(0 0 0 / 50%);display:flex;flex-flow:nowrap row;justify-content:space-between;align-items:center;gap:.5rem;background-color:#d6d6d6;background-image:linear-gradient(to right,#cfd9df 0,#e2ebf0 100%);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.box-wa .desc .desc-item:hover{background-image:linear-gradient(to right,#d4fc79 0,#96e6a1 100%)}.box-wa .desc .desc-item .icon-first{width:40px;height:40px}.box-wa .desc .desc-item .subtitle{flex:1 0 60%;font-size:1.2rem;margin:0;padding:0}.box-wa .desc .desc-item:hover .subtitle{color:var(--text)}.box-wa .desc .desc-item .icon-last{width:28px;height:28px;background-color:#fff;padding:1px;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}.box-wa-inner{width:100%;overflow:hidden;width:0;height:0;margin:0;background-color:#efefef;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:5px 5px 10px rgba(0 0 0 / 25%);transition:ease all .5s;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s}.box-wa-inner.show{height:auto;width:auto;margin:0 0 1.5rem}.box-wa .btn-wa{width:34px;height:34px;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;border:none;background-color:#64b161;display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 10px rgba(0 0 0 / 25%)}.box-wa .btn-wa .close{display:none}.box-wa .btn-wa .wa{display:block}.box-wa .btn-wa.close .close{display:block}.box-wa .btn-wa.close .wa{display:none}.box-wa .btn-wa img{width:32px}@media (min-width:576px){.foot-menu2 ul{padding:0;margin:0;list-style-type:none;flex:1 1 40%}.box-wa .head img{width:40px;height:40px}.box-wa .btn-wa{width:60px;height:60px}.box-wa .desc .desc-item{padding:1rem}}@media (min-width:768px){.act-navbar.navbar-light .navbar-nav .nav-link{padding:1.5rem;border-bottom:4px solid transparent;color:var(--text)}.act-navbar.navbar-light .navbar-nav .active .nav-link{border-bottom:4px solid var(--main);font-weight:700;color:var(--main)}.act-navbar.navbar-light .navbar-nav .nav-link:focus,.act-navbar.navbar-light .navbar-nav .nav-link:hover{border-bottom:4px solid var(--main);color:var(--main)}.heading{font-size:3rem;color:var(--title)}.title{font-size:1.7rem;line-height:1.3}.subtitle{font-size:1.4rem}.banner-slide .item::before{background-color:rgba(255 255 255 / 20%);background-image:linear-gradient(to right,rgba(255 255 255 / 100%) 0,rgba(255 255 255 /40%) 30%,rgba(255 255 255 / 0) 100%)}.hero-box{margin-top:-6rem}.hero-box .imej{width:200px;height:100px;position:relative}.hero-box .imej .rocket{position:absolute;max-width:300px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.box-pro .pro-price{min-height:160px}.box-pro .item .pro-list li{min-height:2rem}.box-pro .item{flex:1 1 45%}.feature{background-image:url(../images/cloud-workflow.jpg);background-size:auto 100%}.feature::before{position:absolute;top:0;left:0;content:"";z-index:-1;width:100%;height:100%;opacity:1;background-color:transparent;background-image:linear-gradient(to right,rgba(255 255 255 / 0) 0,var(--title) 30%,var(--title) 100%)}.banner-slide .item::before{background-color:rgba(255 255 255 /0);background-image:linear-gradient(to left,rgba(255 255 255 / 0) 0,rgba(255 255 255 / 50%) 45%,rgba(255 255 255 / 100%) 55%,rgba(255 255 255 / 100%) 100%)}.banner-slide .item .bg{width:auto;height:100%;position:absolute;z-index:-2;top:50%;left:unset;right:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}.feature-box .feat-item{flex:1 1 31%}}@media (min-width:992px){.mega-link{position:unset!important}.mega-drop{top:auto;position:absolute;flex-flow:nowrap;width:100%;left:0;border-color:transparent;background-color:transparent}.mega-drop.show{display:flex}.mega-drop-inside{background-color:var(--white);border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;overflow:hidden;display:flex;flex-flow:nowrap row;justify-content:flex-start;box-shadow:0 5px 10px rgba(0 0 0 / 25%)}.mega-drop-inside .mdi-hello{background-color:var(--main);display:block;color:var(--white);max-width:360px;flex:40%;padding:1.5rem;background-image:linear-gradient(120deg,#cca5f9 0,var(--main) 100%)}.mega-drop-inside .mdi-hello .subtitle,.mega-drop-inside .mdi-hello .title{color:var(--white)}.mega-drop-inside .mdi-menus{display:flex;flex-flow:nowrap row;justify-content:flex-start;gap:1rem;padding:1.5rem}.mega-drop-inside .mdi-menus ul{padding:0;margin:0;list-style:none}.mega-drop-inside .mdi-menus ul li:first-child{padding:5px;font-weight:700;font-size:1.1rem}.mega-drop-inside .mdi-menus ul li{margin:0;padding:0;list-style:none;position:relative}.mega-drop-inside .mdi-menus ul li a{text-decoration:none;color:var(--text);padding:5px 5px 5px 2.5rem;border:1px solid transparent;border-radius:4px;display:flex;align-items:center;height:2.5rem;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.mega-drop-inside .mdi-menus ul li a:hover{border-color:var(--main);box-shadow:3px 3px 5px rgba(0 0 0 / 25%)}.mega-drop-inside .mdi-menus ul li a .icon{width:1.6rem;position:absolute;left:5px;top:5px}}@media (min-width:1200px){.box-pro .item{flex:1 1 30%}.banner-slide .item::before{background-color:rgba(255 255 255 /0);background-image:linear-gradient(to left,rgba(255 255 255 / 0) 0,rgba(255 255 255 / 40%) 15%,rgba(255 255 255 / 100%) 35%,rgba(255 255 255 / 100%) 100%)}.feature::before{background-image:linear-gradient(to right,rgba(255 255 255 / 0) 0,var(--title) 20%,var(--title) 100%)}}