:root {
    --bs-primary: #030851;
    --bs-secondary: #005cff;
    --bs-success: #ffbc00;
    --bs-info: #0dcaf0;
}
#content{margin:0}
header{background:var(--bs-success)}
header .logo {margin:0}
.logo img {height: 100px;}
header .menu-item ul li a {color:var(--bs-primary);}header .menu-item ul li a:hover {color:var(--bs-success);}
header .menu-item ul li a:hover {color:#fff}
header ul li:last-child a {background:#fff;padding: 10px;margin: -10px 0;border-radius: 10px;color: var(--bs-primary);}
header ul li:last-child a:hover {background:var(--bs-primary);color: #fff}
#mobileMenu {background-color: var(--bs-primary);}

div#home {background: url(/img/home.jpg) no-repeat center center;background-size: cover;width: 100vw;height: calc(100vh - 100px);text-align: center;}
#content #home h2 {font-size: 1.5em !important;text-shadow: 0 0 50px var(--bs-success), 0 0 40px var(--bs-success);}
#content #home h2 span{display:block;font-size: 4em !important;line-height: 1em; padding-top: 1.3em;}
#content #home a {margin: 50px auto !important;background: var(--bs-success);text-shadow: 1px 1px 2px #000;font-weight: bold;font-size: 1.5em !important;}
#content #home a:hover {color: var(--bs-primary);text-shadow:none;}

div#features {margin: 0 !important;padding: 100px;background: var(--bs-success);display:flex;flex-wrap:wrap}
#features div {flex: 1;background: #fff;margin: 10px;border-radius: 10px;text-align: center;color: var(--bs-primary);}
#features div::before {content: "";display: block;width: 100px;height: 100px;background-size:cover !important;margin: auto;}
#features div:nth-child(1)::before {background: url(/img/p1.jpg);}
#features div:nth-child(2)::before {background: url(/img/p2.jpg);}
#features div:nth-child(3)::before {background: url(/img/p3.jpg);}
#features div:nth-child(4)::before {background: url(/img/p4.jpg);}
#features div:nth-child(5)::before {background: url(/img/p5.jpg);}
#features div:nth-child(6)::before {background: url(/img/p6.jpg);}
#features strong{display: block;height: 3.5em;}


div#steps{margin:0 !important;background:url(/img/fon2.jpg) var(--bs-primary) top center no-repeat !important;background-size:100vw auto !important;color:#fff;padding:100px}
.bas{font-size:1.5em}.bas h4{font-size:2.5em}.bas span{color:var(--bs-success);display:block;padding-bottom:20px}
.cek div{padding-bottom:15px;}.cek strong{padding-right:15px;color:var(--bs-success)}

div#buy-text{margin:0 !important}
#buy-text::before{content:"";display:block;width: 100vw;height: 300px;background: url(/img/ara.jpg) center center no-repeat var(--bs-primary);background-size: contain;border-bottom: 50px solid #f00;margin-bottom:50px;}
#content #buy-text a {background:var(--bs-success);border-color:var(--bs-primary)}
#content #buy-text a:hover {color: var(--bs-primary)}

footer .footer-top .menu-item ul li a:hover, footer .footer-top .menu-item ul li a.active, footer .footer-center ul li a:hover {color: var(--bs-success)}


@media screen and (max-width: 992px) {
    #content #home h2 span {font-size: 2em !important;display: block !important;}
    #content #home h2 {
        padding-right: 0 !important;padding-top: 30px;
        margin-top: 0 !important;margin-left: 0 !important;margin-right: 0 !important;margin-bottom: 0 !important;
    }
    #content #home {margin-top: 0 !important}
    div#features {padding:30px !important}
    div#steps {padding: 60px !important}
    #content #buy-text {margin-top: 0px !important}
}