* { font-family: "Poppins"; } body { overflow-x: hidden; } @media (max-width: 576px) { .hide-dekstop { display: none; } .hide-mobile { display: block; } /** Navbar **/ .header__img { height: 24px; width: auto; margin-right: 0; } .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(86,193,255)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-collapse { background: #666E82; } .navbar-collapse ul li a { color: #fff !important; padding: 0.8rem; margin-right: 1rem; } .btn__register { background-color: #1B3A56; color: #fff !important; margin-bottom: 2rem; margin-top: 1rem; } /** Penutup Navbar **/ /** Home **/ .home { margin-top: 5rem; } .home h1 { margin-top: 0.2rem; } .home p { margin-right: 0; } h1.title { font-style: normal; font-weight: 900; font-size: 20px; color: #1E212A; line-height: 42px; } /** Penutup Home **/ /** Features **/ .features { margin-top: 1rem; } .custom-card { margin-top: 2rem; margin-bottom: 2rem; } .custom-card .card h5 { font-size: 16px; margin-top: 0.5rem; } .custom-card .card h5 span { display: inline-block; } .custom-card .card p { font-size: 13px; margin-top: 0; } /** Explain **/ .explain { margin-top: 3rem; margin-bottom: 6rem; } .explain ol li { font-size: 14px; } .explain ol li:before { width: 32px; height: 32px; padding-top: 0.4rem; } /** Price **/ .price { margin-top: 0; } .custom-card-shadow .card img { width: auto; height: 30px; } .custom-card-shadow .card .price__title { font-size: 12px; } .custom-card-shadow .card .price__subtitle { font-size: 14px; } /** Amount **/ .amount { margin-top: 4rem; margin-bottom: 4rem; padding: 4rem 0; } .amount .amount__desc { margin-top: 2.5rem; } .amount .amount__desc .amount__title { font-size: 28px; } .amount .amount__desc .amount__subtitle { font-size: 14px; } /** Contact **/ .contact { margin-top: 1rem; margin-bottom: 5rem; } .contact .contact__top { margin-top: 2rem; } .contact .contact__title { font-size: 12px; } .contact .contact__subtitle { font-size: 14px; } /** Footer **/ .main-footer { text-align: center; } .main-footer img { width: auto; height: 32px; margin-left: auto; margin-right: auto; display: block; } .main-footer .main-footer__subtitle { font-size: 14px; color: #A2AED2; line-height: 1.8rem; text-align: center; } .main-footer .main-footer__subtitle a { font-size: 14px; color: #A2AED2; } .main-footer .main-footer__title { font-size: 16px; color: #A2AED2; font-weight: 600; margin-top: 2rem; } .main-footer ul { margin-top: 1.5rem; } .main-footer ul li { padding-bottom: 0.5rem; } .main-footer ul li a { font-size: 14px; color: #A2AED2; } /** Register **/ .wizard__form .wizard__form-steps { padding-left: 0px; } /** BG - Tile **/ .bg-title { background: url(../images/bg-gradation.svg) center center no-repeat; background-size: cover; padding-top: 85px; padding-bottom: 35px; } } @media (min-width: 768px) and (max-width: 991px) { .hide-dekstop { display: none; } .hide-mobile { display: block; } /** Navbar **/ .header__img { height: 28px; width: auto; margin-right: 0; } .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(86,193,255)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-collapse { background: #666E82; } .navbar-collapse ul li a { color: #fff !important; padding: 1.2rem; margin-right: 1rem; } .btn__register { background-color: #1B3A56; color: #fff !important; margin-bottom: 2rem; margin-top: 1rem; } /** Penutup Navbar **/ /** Home **/ .home { margin-top: 5rem; } .home h1 { margin-top: 0.2rem; } .home p { margin-right: 0; } h1.title { font-style: normal; font-weight: 900; font-size: 22px; color: #1E212A; line-height: 42px; } /** Penutup Home **/ /** Features **/ .features { margin-top: 1rem; } .custom-card { margin-top: 2rem; margin-bottom: 2rem; } .custom-card .card h5 { font-size: 18px; margin-top: 0.5rem; } .custom-card .card h5 span { display: inline-block; } .custom-card .card p { font-size: 15px; margin-top: 0; } /** Explain **/ .explain { margin-top: 3rem; margin-bottom: 6rem; } .explain ol li { font-size: 16px; } .explain ol li:before { width: 32px; height: 32px; padding-top: 0.4rem; } /** Price **/ .price { margin-top: 0; } .custom-card-shadow .card img { width: auto; height: 30px; } .custom-card-shadow .card .price__title { font-size: 14px; } .custom-card-shadow .card .price__subtitle { font-size: 16px; } /** Amount **/ .amount { margin-top: 4rem; margin-bottom: 4rem; padding: 4rem 0; } .amount .amount__desc { margin-top: 0.5rem; } .amount .amount__desc .amount__title { font-size: 28px; } .amount .amount__desc .amount__subtitle { font-size: 14px; } /** Contact **/ .contact { margin-top: 1rem; margin-bottom: 5rem; } .contact .contact__top { margin-top: 2rem; } .contact .contact__title { font-size: 14px; } .contact .contact__subtitle { font-size: 16px; } /** Footer **/ .main-footer { text-align: left; } .main-footer img { width: auto; height: 32px; } .main-footer .main-footer__subtitle { font-size: 14px; color: #A2AED2; line-height: 1.8rem; text-align: left; } .main-footer .main-footer__subtitle a { font-size: 14px; color: #A2AED2; } .main-footer .main-footer__title { font-size: 16px; color: #A2AED2; font-weight: 600; margin-top: 2rem; } .main-footer ul { margin-top: 1.5rem; } .main-footer ul li { padding-bottom: 0.5rem; } .main-footer ul li a { font-size: 14px; color: #A2AED2; } /** Register **/ .wizard__form .wizard__form-steps { padding-left: 0px; } /** BG - Tile **/ .bg-title { background: url(../images/bg-gradation.svg) center center no-repeat; background-size: cover; padding-top: 85px; padding-bottom: 35px; } } /*# sourceMappingURL=mobile.css.map */