<!doctype html>
<html ⚡ lang="id-ID">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="keywords"
content="Hebat33, link Hebat33 , slot gacor online, slot gacor, slot gacor hari ini, slot online" />
<title>Hebat33 | Gak Cuma Main Tapi Jadi Gaya Hidup Baru Para Pemain Game Online</title>
<meta name="title" content="Hebat33 | Gak Cuma Main Tapi Jadi Gaya Hidup Baru Para Pemain Game Online">
<meta name="description"
content="Hebat33 adalah game online yang kini menjelma menjadi lebih dari sekadar hiburan ia telah menjadi gaya hidup baru bagi para pemain di Indonesia." />
<meta name="author" content="Hebat33">
<meta name="google-site-verification" content="1ZJW8c2S-umcrGyxQfnp50r2g4XWugAAzeSQzDxBmBE" />
<meta name="google-site-verification" content="RXnnuAbrrTYXHPZqaLjFipqhxCYjFmXbINIYzXHHa1o" />
<meta name="og:type" content="website" />
<meta name="google-site-verification" content="gNYDSaT-y7ZZF5eQlSedHhk_6RzwaPq0SiNggFGa4Mg" />
<meta name="og:title" content="Hebat33 | Gak Cuma Main Tapi Jadi Gaya Hidup Baru Para Pemain Game Online">
<meta name="og:description"
content="Hebat33 adalah game online yang kini menjelma menjadi lebih dari sekadar hiburan ia telah menjadi gaya hidup baru bagi para pemain di Indonesia.">
<meta name="og:url" content="https://miraclefriends.org/">
<meta name="og:site_name" content="Hebat33">
<meta content="Hebat33 | Gak Cuma Main Tapi Jadi Gaya Hidup Baru Para Pemain Game Online" property="og:title">
<meta
content="Hebat33 adalah game online yang kini menjelma menjadi lebih dari sekadar hiburan ia telah menjadi gaya hidup baru bagi para pemain di Indonesia."
property="og:description">
<meta name="og:image" content="https://cdn.bannervip.cloud/Banner-Hebat33/Banner-LP-SEO_hebat33ontop.webp">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://miraclefriends.org/" />
<link rel="shortcut icon" type="image/x-icon"
href="https://cdn.datavip.cloud/Favicon/Hebat33.png" />
<link rel="icon" href="https://cdn.datavip.cloud/Favicon/Hebat33.png" rel="icon"
sizes="32x32" type="image/png" />
<link rel="apple-touch-icon" href="https://cdn.datavip.cloud/Favicon/Hebat33.png" />
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
</style> <noscript>
<style amp-boilerplate>
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
</style>
</noscript>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.2.js"></script>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-custom>
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #ffffff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1160px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container {
max-width: 540px
}
}
@media (min-width: 768px) {
.container {
max-width: 720px
}
}
@media (min-width: 992px) {
.container {
max-width: 960px
}
}
@media (min-width: 1160px) {
.container {
max-width: 1100px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.33333%
}
.offset-2 {
margin-left: 16.66667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333%
}
.offset-5 {
margin-left: 41.66667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333%
}
.offset-8 {
margin-left: 66.66667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333%
}
.offset-11 {
margin-left: 91.66667%
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333%
}
.offset-sm-2 {
margin-left: 16.66667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333%
}
.offset-sm-5 {
margin-left: 41.66667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333%
}
.offset-sm-8 {
margin-left: 66.66667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333%
}
.offset-sm-11 {
margin-left: 91.66667%
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333%
}
.offset-md-2 {
margin-left: 16.66667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333%
}
.offset-md-5 {
margin-left: 41.66667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333%
}
.offset-md-8 {
margin-left: 66.66667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333%
}
.offset-md-11 {
margin-left: 91.66667%
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333%
}
.offset-lg-2 {
margin-left: 16.66667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333%
}
.offset-lg-5 {
margin-left: 41.66667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333%
}
.offset-lg-8 {
margin-left: 66.66667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333%
}
.offset-lg-11 {
margin-left: 91.66667%
}
}
@media (min-width: 1160px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333%
}
.offset-xl-2 {
margin-left: 16.66667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333%
}
.offset-xl-5 {
margin-left: 41.66667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333%
}
.offset-xl-8 {
margin-left: 66.66667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333%
}
.offset-xl-11 {
margin-left: 91.66667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table th,
.table td {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-sm th,
.table-sm td {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075)
}
.table-primary,
.table-primary>th,
.table-primary>td {
background-color: #fefad8
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
border-color: #fef5b6
}
.table-hover .table-primary:hover {
background-color: #fdf7bf
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #fdf7bf
}
.table-secondary,
.table-secondary>th,
.table-secondary>td {
background-color: #d6d8db
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,
.table-success>th,
.table-success>td {
background-color: #c3e6cb
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
border-color: #8fd19e
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info,
.table-info>th,
.table-info>td {
background-color: #bee5eb
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,
.table-warning>th,
.table-warning>td {
background-color: #ffeeba
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #fc0
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #fc0
}
.table-danger,
.table-danger>th,
.table-danger>td {
background-color: #c60000
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
border-color: #c60000
}
.table-hover .table-danger:hover {
background-color: #c60000
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #c60000
}
.table-light,
.table-light>th,
.table-light>td {
background-color: #c60000
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
border-color: #c60000
}
.table-hover .table-light:hover {
background-color: #c60000
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #c60000
}
.table-dark,
.table-dark>th,
.table-dark>td {
background-color: #c60000
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
border-color: #95999c
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active,
.table-active>th,
.table-active>td {
background-color: rgba(0, 0, 0, 0.075)
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgba(0, 0, 0, 0.075)
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #454d55
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075)
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width: 1159.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.align-baseline {
vertical-align: baseline
}
.align-top {
vertical-align: top
}
.align-middle {
vertical-align: middle
}
.align-bottom {
vertical-align: bottom
}
.align-text-bottom {
vertical-align: text-bottom
}
.align-text-top {
vertical-align: text-top
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none
}
.d-inline {
display: inline
}
.d-inline-block {
display: inline-block
}
.d-block {
display: block
}
.d-table {
display: table
}
.d-table-row {
display: table-row
}
.d-table-cell {
display: table-cell
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media (min-width: 576px) {
.d-sm-none {
display: none
}
.d-sm-inline {
display: inline
}
.d-sm-inline-block {
display: inline-block
}
.d-sm-block {
display: block
}
.d-sm-table {
display: table
}
.d-sm-table-row {
display: table-row
}
.d-sm-table-cell {
display: table-cell
}
.d-sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-sm-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media (min-width: 768px) {
.d-md-none {
display: none
}
.d-md-inline {
display: inline
}
.d-md-inline-block {
display: inline-block
}
.d-md-block {
display: block
}
.d-md-table {
display: table
}
.d-md-table-row {
display: table-row
}
.d-md-table-cell {
display: table-cell
}
.d-md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-md-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none
}
.d-lg-inline {
display: inline
}
.d-lg-inline-block {
display: inline-block
}
.d-lg-block {
display: block
}
.d-lg-table {
display: table
}
.d-lg-table-row {
display: table-row
}
.d-lg-table-cell {
display: table-cell
}
.d-lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-lg-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media (min-width: 1160px) {
.d-xl-none {
display: none
}
.d-xl-inline {
display: inline
}
.d-xl-inline-block {
display: inline-block
}
.d-xl-block {
display: block
}
.d-xl-table {
display: table
}
.d-xl-table-row {
display: table-row
}
.d-xl-table-cell {
display: table-cell
}
.d-xl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-xl-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media print {
.d-print-none {
display: none
}
.d-print-inline {
display: inline
}
.d-print-inline-block {
display: inline-block
}
.d-print-block {
display: block
}
.d-print-table {
display: table
}
.d-print-table-row {
display: table-row
}
.d-print-table-cell {
display: table-cell
}
.d-print-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-print-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.visible {
visibility: visible
}
.invisible {
visibility: hidden
}
html {
overflow: auto
}
body {
overflow: hidden;
margin: 0
}
a,
a:hover {
text-decoration: none
}
:focus {
outline: none;
outline-color: none;
outline-style: none;
outline-width: 0
}
ul {
-webkit-padding-start: 0;
padding-inline-start: 0
}
ul li {
list-style-type: none
}
.text-white {
color: #ffffff
}
.text-gold {
color: #fc0
}
body {
font-family: 'Helvetica', sans-serif
}
.sans-serif {
font-family: 'Helvetica', sans-serif
}
strong,
.font-bold {
font-weight: 700
}
h1 {
font-size: 40px
}
.text-h2,
h2 {
font-size: 36px
}
.text-h3,
h3 {
font-size: 24px
}
.text-h4,
h4,
p {
font-size: 16px;
word-spacing: 2px;
line-height: 25px
}
.text-uppercase {
text-transform: uppercase
}
.fontsize-70 {
font-size: 70px
}
@media (max-width: 991.98px) {
h1 {
font-size: 30px
}
.text-h2,
h2 {
font-size: 30px
}
.text-h3,
h3 {
font-size: 20px
}
.text-h4,
h4,
p {
font-size: 15px
}
.fontsize-70 {
font-size: 50px
}
}
.btn-cta {
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, from(#fc0), to(#ffffff));
background: linear-gradient(0deg, #990000 0%, #fd0000 100%);
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
padding: 13px 0
}
.btn-block {
display: block;
text-align: center
}
body {
background: #131313;
background: -webkit-gradient(linear, left top, right top, from(#131313), to(#232323));
background: linear-gradient(90deg, #131313 0%, #232323 100%)
}
@media (max-width: 991.98px) {
.the-main-container {
padding: 0
}
}
.main-body {
background: #00000095;
color: #ffffff;
box-shadow: 1px solid #fbbb05;
border: 1px solid rgb(211, 200, 103);
overflow: hidden;
position: relative;
border-radius: 10px;
}
.main-body header {
padding: 20px 40px 20px;
background: #111111
}
.main-body header .logo amp-img {
height: 50px;
width: 266px
}
@media (max-width: 991.98px) {
.main-body header .logo amp-img {
max-width: 100%
}
}
@media (max-width: 991.98px) {
.main-body header .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
}
.main-body header .main-nav .the-nav {
margin: 0
}
.main-body header .main-nav .the-nav .nav-item {
font-size: 16px;
margin-right: 15px
}
.main-body header .main-nav .the-nav .nav-item a {
color: #ffffff
}
.main-body header .main-nav .the-nav .nav-item:last-child {
margin-right: 0
}
.main-body .featured-image amp-img {
width: 100%;
height: auto
}
.main-body .content-body {
padding: 0 50px 5px
}
@media (max-width: 991.98px) {
.main-body .content-body {
padding: 0 10px 5px
}
}
.main-body .sectiontitle {
font-size: 35px;
line-height: 50px;
font-weight: bold;
position: relative;
padding-bottom: 25px;
margin-bottom: 20px
}
.main-body .sectiontitle:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 5px;
background: #ffffff
}
@media (min-width: 768px) {
.main-body p {
text-align: justify
}
}
.main-body .faq .que {
background: #ffffff;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#e8a938));
background: linear-gradient(90deg, #171c46 0%, #003864 100%);
color: rgb(255, 255, 255);
font-weight: bold;
padding: 10px 10px 10px 15px
}
.main-body .faq .ans {
padding: 10px 10px 10px 20px;
border-left: 1px solid white;
margin: 5px 5px 30px 10px
}
a {
color: #ffffff;
}
.responsive {
width: 100%;
height: auto;
}
.the-list li {
margin-bottom: 8px;
list-style: disc;
margin-inline-start: 16px;
}
table {
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
color: #fff;
text-align: center;
background-color: #161616;
border: 1px solid #fbbb05;
border-collapse: separate;
border-radius: 12px
}
table.table-layout-fixed {
table-layout: fixed
}
table.table-has-caption {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
table caption {
padding: 15px;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
background-color: #000;
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
table tr td,
table tr th {
padding: 10px;
line-height: 24px;
vertical-align: middle;
border: 1px solid #fbbb05
}
table thead tr th {
background-color: #fbbb05;
border-bottom: 1px solid #fbbb05;
color: black;
font-weight: bold;
}
table tr:last-of-type:not(:first-of-type) td,
table tr:last-of-type:not(:first-of-type) th {
border-bottom: none
}
table tfoot tr td,
table tfoot tr th {
border: none
}
table tfoot tr:first-of-type td,
table tfoot tr:first-of-type th {
border-top: 2px solid #e6e9ee
}
table tr td .button,
table tr td button,
table tr th .highlight {
color: #000;
font-size: 20px;
font-weight: 700
}
table tr .responsive-th {
display: none;
overflow: hidden;
position: absolute;
left: 4%;
width: 44%;
color: #000;
font-size: 16px;
text-overflow: ellipsis;
text-align: right;
white-space: nowrap
}
.button.button-secondary,
button.button-secondary {
color: #fff;
background-color: #18214a
}
.button.button-primary,
.button.button-secondary,
button.button-primary,
button.button-secondary {
padding: 7px 22px;
border-radius: 6px
}
.marquee {
width: 100%;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
height: 24px;
font-family: prompt, arial;
text-transform: uppercase;
font-size: 14px;
color: #ffff;
font-style: bold;
margin-bottom: 0px
}
.marquee span {
display: inline-block;
padding-left: 100%;
text-indent: 0;
animation: marquee 30s linear infinite
}
.marquee span:hover {
animation-play-state: paused
}
@keyframes marquee {
0% {
transform: translate(0, 0)
}
100% {
transform: translate(-100%, 0)
}
}
p {
text-align: justify
}
.submenu {
color: #5db;
margin: 0
}
.nomargin {
margin: 0
}
.seo-content {
font-size: .12.8em;
color: #d3d3d3;
text-align: justify;
letter-spacing: .1px
}
.btn {
display: grid;
padding: 6px 12px;
margin-bottom: 0;
font-size: large;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:active:focus,
.btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:focus,
.btn:hover {
color: #333;
text-decoration: none
}
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.menu a {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
color: white;
margin: 0px;
font-size: 18px;
}
.menu {
display: block;
width: 100%;
text-align: center;
background: #df1300;
}
.menu a:hover {
color: gold;
}
.menu a {
display: block;
font-size: 16px;
border: 1px solid white;
}
.tanggal {
font-size: 20px;
}
.btn-primary {
color: #edebeb;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
border-color: #fff;
background-color: #df1300
}
.btn-primary:focus {
color: #fff;
background-color: #2b2b2b;
border-color: #df1300
}
.btn-primary:hover {
color: #df1300;
background-color: #2b2b2b;
border-color: #df1300
}
.btn-primary:active {
color: #fff;
background-color: #2b2b2b;
border-color: #2b2b2b
}
.btn-primary:active:focus,
.btn-primary:active:hover {
color: #fff;
background-color: #2b2b2b;
border-color: #df1300
}
.btn-primary:active {
background-image: none
}
.container-global {
max-width: 1000px;
margin: 0 auto
}
html {
scroll-behavior: smooth;
}
a {
text-decoration: none;
}
body {
background: url(https://cdn.bannervip.cloud/Banner-Hebat33/Banner-LP-SEO_hebat33ontop.webp) center center no-repeat;
background-size: cover;
background-attachment: fixed;
margin: 0;
display: block;
}
label {
font-family: "Raleway", sans-serif;
font-size: 11pt;
}
#forgot-pass {
color: #2dbd6e;
font-family: "Raleway", sans-serif;
font-size: 10pt;
margin-top: 3px;
text-align: right;
}
#card {
margin: -35px;
margin-top: 10px;
width: 100%;
margin-left: 0px;
}
#card-content {
padding: 0px 5px;
}
#card-title {
font-family: "Raleway Thin", sans-serif;
letter-spacing: 4px;
padding-bottom: 23px;
padding-top: 15px;
text-align: center;
color: white;
}
#signup {
color: #2dbd6e;
font-family: "Raleway", sans-serif;
font-size: 10pt;
margin-top: 16px;
text-align: center;
}
#submit-btn {
background: -webkit-linear-gradient(right, #a6f77b, #2dbd6e);
border: none;
border-radius: 21px;
box-shadow: 0px 1px 8px #24c64f;
cursor: pointer;
color: white;
font-family: "Raleway SemiBold", sans-serif;
height: 42.3px;
margin: 0 auto;
margin-top: 50px;
transition: 0.25s;
width: 153px;
}
#submit-btn:hover {
box-shadow: 0px 1px 18px #24c64f;
}
.form {
align-items: left;
display: flex;
flex-direction: column;
}
.form-border {
background: -webkit-linear-gradient(right, #a6f77b, #2ec06f);
height: 1px;
width: 100%;
}
.form-content {
background: #fbfbfb;
border: none;
outline: none;
padding-top: 14px;
}
.underline-title {
background: -webkit-linear-gradient(right, #fff, #fff);
height: 2px;
margin: -1.1rem auto 0 auto;
width: 100%;
}
.contactField.requiredField,
.contactField.contactOption {
height: 35px;
margin-bottom: 0px;
border-radius: 15px;
border: 3px outset;
border-color: #00e146;
text-align: center;
margin-left: -5px;
width: 100%;
}
.form-group {
clear: both;
margin-bottom: 10px;
}
.buttonjoin {
width: 100%;
}
.buttonWrap.button-green {
padding: 10px 26px;
display: block;
line-height: 22px;
border-width: 0;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
margin-bottom: 12px;
background: linear-gradient(#ffbb00, #c29200);
box-shadow: 0px 0px 2px #B22222;
border: 1px solid #B22222;
color: #ffffff;
text-transform: uppercase;
border-radius: 17px;
}
.buttonWrap.button-blue {
padding: 10px 26px;
display: block;
line-height: 22px;
box-shadow: inset 0 -2px 0 rgb(182, 141, 5);
border: 1px solid #ecdc4d;
color: #fff;
border-width: 0;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
margin-bottom: 12px;
background: linear-gradient(#ffbb00, #c29200);
}
.underline {
text-decoration: underline;
}
.right {
text-align: right;
}
.left {
float: left;
}
.right {
float: right;
}
.note {
font-size: 14px;
color: #fff;
margin-bottom: 20px;
font-weight: bold;
}
.center {
text-align: center;
margin-bottom: 10px;
}
.center-bank {
text-align: center;
color: #fff;
font-weight: bold;
margin-left: -5px;
}
.showp {
color: white;
display: flex;
float: right;
}
.bank {
display: inline-block;
background-color: #fff;
padding: 3px 10px 5px 10px;
width: 45%;
margin: 5px 0 0 0;
text-align: left;
border-radius: 6px;
}
.bank {
border-radius: 10px;
padding: 0px;
height: 32px;
width: 45%;
margin-left: 7px;
border: groove 3px;
display: inline-block;
vertical-align: middle;
}
.bank img:first-child {
width: 65px;
display: inline-block;
vertical-align: middle;
margin-left: auto;
margin-right: 2px;
margin-top: 6px;
margin-bottom: auto;
}
.bank img:last-child {
width: 70px;
display: inline-block;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.margintop {
margin-top: -20px;
}
.nav {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
align-items: center
}
.logo {
text-align: center;
margin-left: 10px;
margin-top: 10px;
}
.livechat {
align-self: center
}
.buttonlc {
position: absolute;
top: 18px;
right: 10px;
width: 70px;
font-size: 10px;
}
.slc {
top: 85px;
}
.space {
right: 54px;
margin-top: -73px;
}
.buttonWrap.buttonlc2.button-orange {
background-image: linear-gradient(#ffbb00, #c29200);
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
box-shadow: inset 0 -2px 0 #000000;
border: 3px groove #FFFFFF;
animation: change-color 0.5s ease 0s infinite normal;
border-radius: 0px 18px 0px 18px;
text-align: center;
text-transform: uppercase;
padding: 15px 22px;
}
.page-header {
width: 100%;
z-index: 999999;
border-bottom: 1px solid #fbbb05;
top: 0;
}
.shead {
height: 75px;
}
.buttonlc2 {
text-align: center;
width: 100%;
height: 15px;
color: #FFFFFF;
padding: 10px 0 10px 0;
display: inline-block;
margin-bottom: 10px;
font-family: aller;
font-size: 14px;
line-height: 12px;
box-shadow: inset 0 -4px 0 rgb(144 92 0);
}
.main {
background-color: #000000;
}
footer#footer {
width: 1170px;
margin: auto;
}
@-webkit-keyframes change-color {
0% {
color: black;
}
50% {
color: white;
}
100% {
color: black;
}
}
@keyframes change-color {
0% {
color: white;
}
50% {
color: white;
}
100% {
color: black;
}
}
.buttonWrap.buttondapk.button-blues.contactSubmitButton {
padding: 10px 26px;
line-height: 22px;
box-shadow: inset 0 0 0 1px #daa520, inset 0 2px 0 0 #daa520, inset 0 4px 4px 2px #b8860b, 3px 3px 3px 1px rgb(0 0 0 / 20%);
background-image: linear-gradient(to bottom, #B8860B 0%, #B8860B 50%, #FFD700 95%);
border: 1px solid #ad0000;
color: #fff;
border-width: 0;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
margin-bottom: 10px;
}
.buttonWrap.button-biru2 {
padding: 10px 26px;
line-height: 22px;
box-shadow: inset 0 0 0 1px #001d48, inset 0 2px 0 0 #001d48, inset 0 4px 4px 2px #004a97, 3px 3px 3px 1px rgb(0 0 0 / 20%);
background-image: linear-gradient(to bottom, #00264c 0%, #0042b7 50%, #007eff 100%);
border: 1px solid #005aff;
color: #fff;
border-width: 0;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
margin-bottom: 10px;
height: 23px;
}
.buttonWrap.buttondapk.button-reds.contactSubmitButton {
padding: 10px 26px;
min-width: 43%;
line-height: 25px;
box-shadow: inset 0 0 0 2px #ffffff, inset 0 2px 0 0 #7d7d7d, inset 0 4px 4px 2px #7d7d7d, 3px 3px 3px 1px rgb(0 0 0 / 20%);
background-image: linear-gradient(to bottom, #cccccc 0%, #f9f9f9 50%, #e6e6e6 100%);
border: 0px solid #000000;
color: #000;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
height: 23px;
margin-bottom: 10px;
}
.contactSubmitButton {
display: block;
margin-right: 0px;
}
.buttondapk {
text-align: center;
margin-bottom: 10px;
font-family: aller;
font-size: 17px;
}
.btn-anim {
transition: all .5s;
position: relative;
overflow: hidden;
}
#more {
display: none;
}
.footer {
font-size: 12px;
color: #868686;
}
.center-text {
color: #fff;
text-align: center;
}
.btn-primary {
color: #fff;
background-color: #b9882a;
border: 3px #fad842 groove;
border-radius: 0px 23px 0px 23px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.keluaran {
width: 99%;
box-shadow: inset 0 0 0 0px #000000, inset 0 50px 0 0 #f3f3f3, inset 0 0 0 3px #f3f3f3, 2px 2px 2px 1px rgb(35 35 35);
background-image: #000;
border-radius: 27px;
border: groove;
}
.keluaran th {
color: #000000;
border-bottom: 2px solid #ffffff;
font-size: large;
}
.list-menu-mobile {
width: 100%;
}
.list-menu-mobile a {
width: 17%;
padding: 0px 3px;
display: inline-block;
}
.list-menu-mobile a img {
width: 100%;
}
#livechat-Hebat33 .guru {
padding: 10px 26px;
line-height: 22px;
background-image: linear-gradient(to bottom, #fa9292 0%, #890000 100%);
border: 1px solid #fa9292;
color: #fff;
border-radius: 20px;
font-weight: 600;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgba(0, 0, 0, 0.7)
}
#livechat-Hebat33 div.guru {
background-image: linear-gradient(124deg, #c60000, #c60000, #c60000, #c60000, #c60000, #c60000, #c60000, #DC143C, #DC143C, #DC143C, #DC143C, #DC143C, #DC143C);
color: white;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
background-size: 300% 300%;
animation: background-gold 1s infinite;
box-shadow: inset 0 -2px 0 Black;
border: none;
}
@keyframes background-gold {
0% {
background-position: 0% 82%;
}
50% {
background-position: 100% 0%;
}
100% {
background-position: 0% 82%;
}
}
.banner {
cursor: pointer;
transition: all 0.3s ease;
animation: borderPulse 1s infinite ease-out;
}
@keyframes borderPulse {
0% {
filter: drop-shadow(0px 0px 2px #00FF00);
}
50% {
filter: drop-shadow(0px 0px 10px #00FF00)
}
100% {
filter: drop-shadow(0px 0px 2px #00FF00);
}
}
.banner:hover {
animation: none;
filter: brightness(1.5) drop-shadow(0px 0px 20px #00FF00);
}
h1,
h2,
h3,
li {
color: white;
}
</style>
</head>
<body>
<div class="container the-main-container">
<div class="main-body">
<div class="page-header shead">
<a href="https://hebat33.pagevip.link/login" target="_blank" rel="noreferrer noopener"><img class="logo" alt="Hebat33"
src="https://cdn.datavip.cloud/Logo/Hebat33.png"
height="70%"></a>
<div class="buttonlc space smartb3 slc">
<a href="https://hebat33.pagevip.link/login"
rel="noopener noreferrer nofollow" target="_blank"
class="buttonWrap buttonlc2 button-orange">LOGIN</a>
</div>
</div>
<p class="marquee" style="color:rgb(246, 246, 243);font-weight:bold;font-size: 11px;border-bottom: 1px solid #fbbb05;">
<span>Hebat33 | Gak Cuma Main Tapi Jadi Gaya Hidup Baru Para Pemain Game Online
</span>
</p>
<div class="row mb-5">
<div class="col">
<section>
<div class="featured-image">
<amp-carousel media="(min-width: 801px)" width="auto" height="625" type="slides" autoplay
delay="3000" role="region">
<amp-img
src="https://cdn.bannervip.cloud/Banner-Hebat33/Banner-LP-SEO_hebat33ontop.webp"
width="auto" height="625" title="Hebat33" alt="Hebat33"></amp-img>
</amp-carousel>
<amp-carousel media="(max-width: 800px)" width="auto" height="235" type="slides" autoplay
delay="3000" role="region">
<amp-img
src="https://cdn.bannervip.cloud/Banner-Hebat33/Banner-LP-SEO_hebat33ontop.webp"
width="auto" height="235" title="Hebat33" alt="Hebat33"></amp-img>
</amp-carousel>
</div>
</section>
</div>
</div>
<div class="content-body">
<div id="card">
<div id="card-content">
<div>
<div class="buttonjoin">
<a href="https://hebat33.pagevip.link/login" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttons button-blue contactSubmitButton">LOGIN</a>
</div>
<div class="buttonjoin">
<a href="https://hebat33.pagevip.link/login" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttong button-green contactSubmitButton">DAFTAR </a>
</div>
<div class="buttonjoin">
<a href="https://hebat33.pagevip.link/login" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttong button-green contactSubmitButton">Alternatif 1</a>
</div>
<div class="buttonjoin">
<a href="https://hebat33.pagevip.link/login" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttong button-green contactSubmitButton">Alternatif 2</a>
</div>
</div>
</div>
</div>
<br>
<h3 class="center-bank">DAFTAR BANK 🔔</h3>
<div class="center-bank">
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/bca.webp" alt="BCA" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/mandiri.webp" alt="Mandiri" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/bri.webp" alt="BRI" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/bni.webp" alt="BNI" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/danamon.gif" alt="Danamon" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/cimb.webp" alt="CIMB" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/permata.webp" alt="Permata" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/ovo.gif" alt="OVO" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/gopay.webp" alt="Gopay" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/dana.gif" alt="Dana" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/linkaja.webp" alt="LinkAja" />
</div>
<div style='margin-left: 5px;' class='bank'> <img src='https://rujak.cc/uploads/pororo/online.webp' alt='Hebat33'> <img
src="https://rujak.cc/uploads/pororo/qris.webp" alt='Hebat33'></div>
</div>
<div class="row mb-5">
<div class="col">
<h3 style="text-align: center;">Hebat33 | Gak Cuma Main Tapi Jadi Gaya Hidup Baru Para Pemain Game Online</h3>
<table style="width:100%">
<thead>
<tr>
<th colspan="3"><a><strong style="color: white;">INFORMASI SLOT ONLINE</a></strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Nama Situs</td>
<td>Hebat33</td>
</tr>
<tr>
<td>Metode Deposit</td>
<td>Transfer Bank, E-Wallet, Scan Qris</td>
</tr>
<tr>
<td>Minimal Deposit</td>
<td>Rp. 30.000</td>
</tr>
<tr>
<td>Minimal Withdraw</td>
<td>Rp. 50.000</td>
</tr>
<tr>
<td>Pelayanan</td>
<td>Aktif 24 Jam</td>
</tr>
</tbody>
</table>
</div>
</div>
<p><a href="https://miraclefriends.org/">Hebat33</a> adalah game online yang kini menjelma menjadi lebih dari sekadar hiburan ia telah menjadi gaya hidup baru bagi para pemain di Indonesia. Di tengah maraknya industri game digital, Hebat33 berhasil mencuri perhatian dengan pengalaman bermain yang seru, kompetitif, dan penuh tantangan. Tidak hanya menyuguhkan grafis yang memanjakan mata, Hebat33 juga memiliki komunitas yang aktif dan solid, menciptakan ruang sosial yang hangat bagi para gamer dari berbagai latar belakang. Popularitasnya melonjak bukan hanya karena kualitas permainannya, tapi karena keberhasilannya membentuk identitas baru bagi para pemain yang kini bangga menyebut diri mereka sebagai bagian dari ekosistem Hebat33. </p>
<br>
<div class="footer">
<div class="wrapper">
<div class="center-text">© Copyright 2025 <a href="https://hebat33.pagevip.link/login">Hebat33</a> | Gubrak 2025 </div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>