* {
     margin: 0;
     padding: 0;
 }

 html {
     font-size: 10px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     line-height: 1.42857143;
     color: #c8c8c8;
     background-color: #002400;
     margin: 0px;
     padding: 0px;
     overflow-x: hidden;
 }

 a img {
     border: none;
 }

 .hover:hover {
     opacity: .5;
 }

 ul {
     list-style-type: none;
 }

 p {
     text-align: justify;
 }

 .container {
     width: 1020px;
     height: auto;
     margin: 0 auto;
     position: relative;
 }

 .sub-menu .gameNav li:hover {
     text-decoration: underline
 }

 .main_width {
     width: 1024px;
     height: 110px;
     background-color: #6a0000;
     margin: 0;
     padding-bottom: 35px
 }

 .sub-menu {
     top: 43px;
     padding-top: 0px;
     padding-bottom: 23px
 }

 #sectionWrapper {
     width: 100%;
     /* position: relative; */
     margin: 0 auto;
     background: rgba(0, 0, 0, 0);
     background-size: 100% 100%;
 }

 #sectionWrapper #sectionHeader {
     width: 100%;
     height: 115px;
     background: rgba(0, 0, 0, 0);
     position: relative;
 }

 #sectionWrapper #sectionHeader.header {
     height: 170px;
 }

 #sectionWrapper #sectionHeader #sectionLogo {
     height: 100px;
     left: 0;
     top: 10px;
     position: absolute;
 }

 #sectionWrapper #sectionHeader .login {
     width: 390px;
     height: 49px;
     position: absolute;
     right: 0;
     top: 42px;
 }

 #sectionWrapper #sectionHeader .login input {
     border: none;
     position: absolute;
     font-size: 12px;
     color: #000;
     background: #fff;
 }

 #sectionWrapper #sectionHeader .login input.username {
     left: 60px;
     top: 0;
     width: 125px;
     height: 25px;
     padding: 0 5px;
     border: 1px solid #2bff00;
     font-style: italic;
 }

 #sectionWrapper #sectionHeader .login input.password {
     top: 27px;
     left: 60px;
     width: 125px;
     height: 25px;
     padding: 0 5px;
     border: 1px solid #2bff00;
     font-style: italic;
 }

 #sectionWrapper #sectionHeader .login input.code {
     left: 189px;
     top: 0;
     width: 71px;
     height: 25px;
     padding: 0 5px;
     border: 1px solid #2bff00;
     font-style: italic;
 }

 #sectionWrapper #sectionHeader .login img.kode {
     position: absolute;
     left: 189px;
     top: 27px;
     border: 1px solid #2bff00;
 }

 #sectionWrapper #sectionHeader .login input[type=button],
 #sectionWrapper #sectionHeader .login input[type=button] {
     padding: 0;
     border: none;
     cursor: pointer;
     position: absolute;
     top: 0;
 }

 #sectionWrapper #sectionHeader .login input.btn-login {
     padding-top: -10px;
     border: 1px solid;
     border-image-source: linear-gradient(0deg, rgb(2 124 0) 0%, rgb(133 255 0) 100%);
     border-image-slice: 1;
     cursor: pointer;
     visibility: visible;
     background: rgb(0, 255, 0);
     background: linear-gradient(0deg, #00FF33 0%, #148200 56%, #00660C 100%);
     right: 0;
     top: 0;
     width: 127px;
     height: 52px;
     font-family: 'Bebas Neue', cursive;
     letter-spacing: 2px;
     margin-left: 5px;
     font-size: 24px;
     cursor: pointer;
     color: #fff;
     text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
 }

 #sectionWrapper #sectionHeader .login input.btn-register {
     padding-top: -10px;
     border: 1px solid;
     border-image-source: linear-gradient(0deg, rgb(2 124 0) 0%, rgb(133 255 0) 100%);
     border-image-slice: 1;
     cursor: pointer;
     visibility: visible;
     background: rgb(72, 255, 0);
     background: linear-gradient(0deg, #00FF33 0%, #148200 56%, #00660C 100%);
     left: -75px;
     top: 0;
     width: 127px;
     height: 52px;
     font-family: 'Bebas Neue', cursive;
     letter-spacing: 2px;
     margin-left: 5px;
     font-size: 24px;
     cursor: pointer;
     color: #fff;
     text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
 }

 #sectionWrapper #sectionHeader .login .fogotpass {
     position: absolute;
     color: #fff;
     font-size: 12px;
     font-style: italic;
     position: absolute;
     right: 168px;
     top: 100px;
     font-weight: 700;
 }

 #sectionWrapper #containerWrapper {
     background: #6bcb47;
     width: 100%;
     height: auto;
 }

 #sectionWrapper #containerWrapper #sectionMenu {
     width: 100%;
     height: 47px;
     background: rgb(163, 23, 0);
     background: linear-gradient(0deg, rgba(163, 23, 0, 1) 0%, rgba(124, 0, 0, 1) 50%, rgba(70, 0, 0, 1) 100%);
     padding-top: 3px;
 }

 #sectionWrapper #containerWrapper #sectionMenu .menu {
     float: left;
 }

 #informasi {
     margin-top: 5px;
     float: left;
     margin-bottom: 5px;
     background: linear-gradient(0deg, #EDEDED 0%, #ABABAB 19%, #737373 48%, #D1D1D1 50%, #E0E0E0 68%, #F2F2F2 100%);
     width: 100%;
     height: 38px;
     border: 1px solid #ffffff;
     border-radius: none;
 }

 .textinformasi {
     float: left;
     color: #1eff00;
     font-size: 23px;
     font-family: 'Bebas Neue', cursive;
     letter-spacing: 0;
     width: 0.2%;
     margin: 3px 10px;
     text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
 }

 .textmarquee {
     float: right;
     color: #fff;
     font: normal 15px arial, sans-serif;
     font-style: italic;
     width: 90%;
     height: 25px;
     margin: 5px 5px;
     background: linear-gradient(0deg, #000000 0%, #414242 50%, #000000 100%);
     padding-top: 7px;
     border-radius: 7px;
 }

 #sectionWrapper #containerWrapper #sectionFooter {
     width: 100%;
     height: 40px;
     background: pink;
     text-align: center;
     background: rgb(255, 55, 0);
     background: linear-gradient(0deg, rgba(255, 55, 0, 1) 0%, rgba(126, 0, 0, 1) 100%);
 }

 #sectionWrapper #sectionFooter p {
     text-align: justify;
     color: #fff;
     font-size: 16pt;
     font-family: 'Bebas Neue', cursive;
     line-height: 26px;
     padding-top: 7px;
     text-align: center;
 }

 td :hover {
     background-color: #009400;
 }

 @keyframes glowing {
     0% {
         box-shadow: 0 0 -10px #fffc00;
     }

     40% {
         box-shadow: 0 0 20px #fffc00;
     }

     60% {
         box-shadow: 0 0 20px #fffc00;
     }

     100% {
         box-shadow: 0 0 -10px #fffc00;
     }
 }

 .button-glow {
     animation: glowing 3000ms infinite;
 }

 .glow {
     text-decoration: none;
     position: relative;
     overflow: hidden;
 }

 .light {
     -webkit-mask-image: linear-gradient(-15deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
     -webkit-mask-size: 200%;
     animation: shine 2s infinite;
 }

 @-webkit-keyframes shine {
     from {
         -webkit-mask-position: 150%;
     }

     to {
         -webkit-mask-position: -50%;
     }
 }

 * {
     box-sizing: border-box;
 }

 .header {
     width: 999px;
     margin: 0px auto 0px;
 }

 .header ul {
     padding: 0px;
     margin: 0px;
     list-style: none;
 }

 .header ul li {
     padding: 0px;
     margin: 0px;
     float: left;
 }

 tbody {
     display: table-row-group;
     vertical-align: middle;
     border-color: inherit;
 }

 #bgnav {
     background: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
     width: 100%;
 }

 #bgnav td a {
     display: block;
     line-height: 25px;
     padding: 0 5px;
     font-size: 21px;
     color: white;
     font-family: Bebas Neue;
     text-align: center;
     text-transform: uppercase;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
     text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
     border: 0.001rem solid #0d5100;
 }

 a {
     text-decoration: none;
     color: #d3d3d3;
     font-family: Century Gothic, Arial, Helvetica;
     font-size: 20x;
 }

 .oswald {
     font-family: 'Oswald', sans-serif;
 }

 .togelonline-div {
     height: 40px;
     margin-top: 10px;
     padding: 5px 5px 5px 10px;
     font-size: 20px;
     font-style: italic;
     background-color: #0e5000;
     color: #fff;
 }

 .togelonline-div-info {
     margin-left: 20px;
     font-size: 15px;
 }

 .abel {
     font-family: 'Abel';
 }

 .togelonline-div-info {
     margin-left: 20px;
     font-size: 15px;
 }

 #mobile .row:after {
     content: "";
     display: table;
     clear: both;
 }

 .piclmd-img {
     background-size: 331px;
     width: 331px;
     height: 159px;
 }

 #picleft {
     background: url(https://i.ibb.co/HK758yF/slidecasino.jpg) no-repeat;
     background-size: 331px;
     transition: 2s;
 }

 #picleft:hover {
     background: url(https://i.ibb.co/TkBX5QD/slidecasino2.jpg) no-repeat;
     background-size: 331px;
     transition: 0.3s;
 }

 #picmid {
     background: url(https://i.ibb.co/LkjKHSj/slideslot.jpg) no-repeat;
     background-size: 331px;
     transition: 2s;
 }

 #picmid:hover {
     background: url(https://i.ibb.co/QHWF1P9/slideslot2.jpg) no-repeat;
     background-size: 331px;
     transition: 0.3s;
 }

 #picright {
     background: url(https://i.ibb.co/KVgd3HT/slidesport.jpg) no-repeat;
     background-size: 331px;
     transition: 2s;
 }

 #picright:hover {
     background: url(https://i.ibb.co/xCkKZmk/slidesport2.jpg) no-repeat;
     background-size: 331px;
     transition: 0.3s;
 }

 #mobile .piclmd-div {
     width: 100%;
 }

 .piclmd-div {
     width: 331px;
 }

 .piclmd-title {
     font-size: 16px;
     padding: 14px 10px 0px 22px;
     font-style: italic;
     color: #fff;
 }

 .piclmd-info {
     font-size: 16px;
     padding: 0px 10px 10px 22px;
     color: #acacac;
 }

 .col-xs-4 {
     float: left;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px width:33.33333333%
 }

 .piclmd-div {
     background: #0e5000;
 }

 div {
     display: block;
 }

 .row:before {
     content: " ";
     display: table;
 }

 .row:after {
     clear: both;
 }

 .bgdatapasaran {
     height: 182px;
     padding: 10px 0px 0px 0px;
 }

 #dataPasaran a:hover {
     text-decoration: none;
 }

 #datapasaran-divname {
     border-radius: 10px 10px 0px 0px;
     font-size: 13px;
     padding-top: 1px;
     height: 20px;
     background-color: #004609;
     border-top: 3px #817e76 solid;
     border-left: 3px #817e76 solid;
     border-right: 3px #817e76 solid;
     color: #fff;
 }

 #datapasaran-divnomor-text {
     font-size: 42px;
     font-weight: normal;
     letter-spacing: 0px;
     margin-bottom: 10px;
     background-color: #022002;
     border-left: 3px #817e76 solid;
     border-right: 3px #817e76 solid;
     color: #fff;
 }

 #datapasaran-date {
     padding: 5px 0px 5px 0px;
     font-size: 11px;
     border-radius: 0px 0px 10px 10px;
     margin-top: -10px;
     position: relative;
     color: #000;
     background: #72ff00;
     border-left: 3px #817e76 solid;
     border-right: 3px #817e76 solid;
     border-bottom: 3px #817e76 solid;
     border-top: 1px #72ff00 solid;
 }

 .faq-label {
     align-items: center;
     display: flex;
     cursor: pointer;
     position: relative;
     align-items: center;
     margin-top: 35px;
 }

 .imgtoto {
     width: 30px;
     height: 30px;
 }

 .demo {
     border-radius: 0px;
     border-image-slice: 1;
     border-width: 1.5px;
     border-color: #00FF00;
     background: rgb(55, 55, 55);
     background: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
 }

 .menu {
     padding: 0;
     margin: 0;
     height: 45px;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center;
     list-style-type: none;
 }

 .demo li a {
     color: #131313;
 }

 .menu li a {
     text-decoration: none;
     align-self: center;
     border-radius: 0;
     font-size: 18px;
     padding: 8px 5px;
     transition: background .2s linear;
     font-family: 'montserrat';
 }

 .navmenu {
     border-radius: 0px;
     border-image-slice: 1;
     border-width: 1.5px;
     border-color: #00FF00;
     background: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
 }

 .demo li a:hover {
     width: 100%;
     color: #FFD700;
     text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
     -webkit-text-stroke: solid 1px #00ff04;
     background: #ff0000;
     background: linear-gradient(0deg, #c20000 0%, #ff0000 50%);
 }

 .table thead>tr>th,
 .table tbody>tr>th,
 .table tfoot>tr>th,
 .table thead>tr>td,
 .table tbody>tr>td,
 .table tfoot>tr>td {
     padding: 2px;
     line-height: 1.428571429;
     vertical-align: top;
 }

 .table thead>tr>th {
     vertical-align: bottom;
 }

 .table caption+thead tr:first-child th,
 .table colgroup+thead tr:first-child th,
 .table thead:first-child tr:first-child th,
 .table caption+thead tr:first-child td,
 .table colgroup+thead tr:first-child td,
 .table thead:first-child tr:first-child td {
     border-top: 0
 }

 .table tbody+tbody {
     border-top: 2px solid #ddd
 }

 .table .table {
     background-color: #fff
 }

 .table-condensed thead>tr>th,
 .table-condensed tbody>tr>th,
 .table-condensed tfoot>tr>th,
 .table-condensed thead>tr>td,
 .table-condensed tbody>tr>td,
 .table-condensed tfoot>tr>td {
     padding: 5px
 }

 .table-bordered {
     border: 1px solid #ddd
 }

 .table-bordered>thead>tr>th,
 .table-bordered>tbody>tr>th,
 .table-bordered>tfoot>tr>th,
 .table-bordered>thead>tr>td,
 .table-bordered>tbody>tr>td,
 .table-bordered>tfoot>tr>td {
     border: 1px solid #ddd
 }

 .table-bordered>thead>tr>th,
 .table-bordered>thead>tr>td {
     border-bottom-width: 2px
 }

 .table-striped>tbody>tr:nth-child(odd)>td,
 .table-striped>tbody>tr:nth-child(odd)>th {
     background-color: #f9f9f9
 }

 .table-hover>tbody>tr:hover>td,
 .table-hover>tbody>tr:hover>th {
     background-color: #f5f5f5
 }

 table col[class*="col-"] {
     display: table-column;
     float: none
 }

 table td[class*="col-"],
 table th[class*="col-"] {
     display: table-cell;
     float: none
 }

 .table>thead>tr>td.active,
 .table>tbody>tr>td.active,
 .table>tfoot>tr>td.active,
 .table>thead>tr>th.active,
 .table>tbody>tr>th.active,
 .table>tfoot>tr>th.active,
 .table>thead>tr.active>td,
 .table>tbody>tr.active>td,
 .table>tfoot>tr.active>td,
 .table>thead>tr.active>th,
 .table>tbody>tr.active>th,
 .table>tfoot>tr.active>th {
     background-color: #f5f5f5
 }

 .table>thead>tr>td.success,
 .table>tbody>tr>td.success,
 .table>tfoot>tr>td.success,
 .table>thead>tr>th.success,
 .table>tbody>tr>th.success,
 .table>tfoot>tr>th.success,
 .table>thead>tr.success>td,
 .table>tbody>tr.success>td,
 .table>tfoot>tr.success>td,
 .table>thead>tr.success>th,
 .table>tbody>tr.success>th,
 .table>tfoot>tr.success>th {
     background-color: #dff0d8;
     border-color: #d6e9c6
 }

 .table-hover>tbody>tr>td.success:hover,
 .table-hover>tbody>tr>th.success:hover,
 .table-hover>tbody>tr.success:hover>td {
     background-color: #d0e9c6;
     border-color: #c9e2b3
 }

 .table>thead>tr>td.danger,
 .table>tbody>tr>td.danger,
 .table>tfoot>tr>td.danger,
 .table>thead>tr>th.danger,
 .table>tbody>tr>th.danger,
 .table>tfoot>tr>th.danger,
 .table>thead>tr.danger>td,
 .table>tbody>tr.danger>td,
 .table>tfoot>tr.danger>td,
 .table>thead>tr.danger>th,
 .table>tbody>tr.danger>th,
 .table>tfoot>tr.danger>th {
     background-color: #f2dede;
     border-color: #eed3d7
 }

 .table-hover>tbody>tr>td.danger:hover,
 .table-hover>tbody>tr>th.danger:hover,
 .table-hover>tbody>tr.danger:hover>td {
     background-color: #ebcccc;
     border-color: #e6c1c7
 }

 .table>thead>tr>td.warning,
 .table>tbody>tr>td.warning,
 .table>tfoot>tr>td.warning,
 .table>thead>tr>th.warning,
 .table>tbody>tr>th.warning,
 .table>tfoot>tr>th.warning,
 .table>thead>tr.warning>td,
 .table>tbody>tr.warning>td,
 .table>tfoot>tr.warning>td,
 .table>thead>tr.warning>th,
 .table>tbody>tr.warning>th,
 .table>tfoot>tr.warning>th {
     background-color: #fcf8e3;
     border-color: #fbeed5
 }

 .table-hover>tbody>tr>td.warning:hover,
 .table-hover>tbody>tr>th.warning:hover,
 .table-hover>tbody>tr.warning:hover>td {
     background-color: #faf2cc;
     border-color: #f8e5be
 }

 .countrytoto {
     width: 85px;
     padding-left: 8px;
     text-align: left;
     font-size: 18px;
     text-transform: uppercase;
 }

 #slider {
     height: 276px;
     width: 751px;
 }

 .conmedsos {
     width: 999px;
     margin: 0px auto 0px;
 }

 .button-glow {
     animation: glowing 3000ms infinite;
 }

 .media {
     float: left;
     width: 230px;
     height: 70px;
     margin: 0px 0px 0px 14px;
     font-size: 16px;
     border-radius: 0px;
     border: 10px solid;
     border-image-slice: 1;
     border-width: 2px;
     border-image-source: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
     background: rgb(55, 55, 55);
     background: linear-gradient(0deg, #00FF33 0%, #148200 56%, #00660C 100%);
 }

 .nbox {
     -moz-box-shadow: 0 -2px 0 0 rgba(7, 32, 49, 1);
     padding: 0 0;
     float: left;
     width: 999px;
     margin-top: 10px;
 }

 .socialico {
     float: left;
     width: 40px;
     height: 40px;
     position: absolute;
     margin-top: 15px;
     margin-left: 10px;
 }

 .media-body {
     vertical-align: middle;
     border-radius: 5px;
 }

 img {
     max-width: 100%;
     vertical-align: middle;
     border-style: none;
     max-width: 100%;
     max-height: 100%;
 }

 .media-body span {
     position: absolute;
     font-size: 20px;
     margin-left: 60px;
     color: #e9e9e9;
     padding-top: 18px;
     text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
 }

 .glow {
     text-decoration: none;
     position: relative;
     overflow: hidden;
 }

 @keyframes glowing {
     0% {
         box-shadow: 0 0 -10px #00ff00;
     }

     40% {
         box-shadow: 0 0 20px #00ff00;
     }

     60% {
         box-shadow: 0 0 20px #00ff00;
     }

     100% {
         box-shadow: 0 0 -10px #00ff00;
     }
 }

 .button-glow {
     animation: glowing 3000ms infinite;
 }

 .glow {
     text-decoration: none;
     position: relative;
     overflow: hidden;
 }

 .glow:hover {
     box-shadow: 1px 1px 25px 10px #00ff00;
 }

 .glow:before {
     content: "";
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(120deg, transparent, rgba(153, 255, 139, 0.763), transparent);
     transition: all 650ms;
 }

 .glow:hover:before {
     left: 100%;
 }

 .disclaimer {
     width: 999px;
     margin: 0px auto 0px;
 }

 .col {
     float: left;
     margin: 15px 11px 15px 0px;
 }

 .col-icon {
     position: relative;
     text-align: center;
     border-top: 1px solid #fff;
     padding: 15px 15px 15px 15px;
     border: 1px solid #0e5000;
     border-radius: 5px;
     width: 100%;
     overflow: unset;
     margin-top: 25px;
 }

 .col-icon span {
     position: absolute;
     top: -16px;
     background: #0e5000;
     padding: 5px 10px;
     left: 2px;
     right: 2px;
     color: #c3b56c;
     font-weight: bold;
     font-size: 15px;
     text-align: center;
     width: 35%;
     margin: auto;
     border-radius: 3px;
 }

 .textart {
     -ms-overflow-style: none;
     scrollbar-width: none;
     overflow-y: scroll;
 }

 .textart::-webkit-scrollbar {
     display: none;
 }

 .textart {
     height: 300px;
     width: 100%;
     text-align: justify;
     padding: 0px 8px 0px 8px;
     color: white;
     position: relative;
     font-size: 10px;
 }

 .faq-heading {
     font-family: montserrat;
     font-weight: 400;
     font-size: 15px;
     -webkit-transition: text-indent 0.2s;
     text-indent: 18px;
     color: rgb(226, 226, 226);
     padding-top: 12px;
 }

 .faq-text {
     font-family: montserrat;
     font-weight: 400;
     color: rgb(235, 235, 235);
     width: 95%;
     padding-left: 20px;
     margin-bottom: 10px;
     margin-top: 10px;
 }

 .faq {
     max-width: 999px;
     margin: 0 auto;
     background: #007a14a4;
     border-radius: 4px;
     position: relative;
     border: 1px solid #0e5000;
     margin-bottom: 20px;
 }

 .faq label {
     display: block;
     position: relative;
     overflow: hidden;
     cursor: pointer;
     height: 56px;
     padding-top: 1px;
     background-color: #041a00;
     border-bottom: 1px solid #0e5000;
 }

 .faq input[type="checkbox"] {
     display: none;
 }

 .faq .faq-arrow {
     width: 5px;
     height: 5px;
     transition: -webkit-transform 0.8s;
     transition: transform 0.8s;
     transition: transform 0.8s, -webkit-transform 0.8s;
     -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
     border-top: 2px solid rgba(0, 0, 0, 0.33);
     border-right: 2px solid rgba(0, 0, 0, 0.33);
     float: right;
     position: relative;
     top: -15px;
     right: 27px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .faq input[type="checkbox"]:checked+label>.faq-arrow {
     transition: -webkit-transform 0.8s;
     transition: transform 0.8s;
     transition: transform 0.8s, -webkit-transform 0.8s;
     -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
 }

 .faq input[type="checkbox"]:checked+label {
     display: block;
     background: #ff5c5c18 !important;
     color: #4f7351;
     height: 225px;
     transition: height 0.8s;
     -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }

 .faq input[type='checkbox']:not(:checked)+label {
     display: block;
     transition: height 0.8s;
     height: 45px;
     -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }

 .text-center {
     padding-top: 6px;
     text-align: center;
     text-transform: uppercase;
     font-size: 15px;
 }

 .py-4 {
     padding-bottom: 1rem;
 }

 .text-white {
     --tw-text-opacity: 1;
     color: rgb(0, 255, 21);
 }

 .bg-ui-02 {
     --tw-bg-opacity: 1;
     background-color: #0e5000;
 }

 .TogelBall {
     color: #fff;
     line-height: 39px;
     font-size: 24px;
     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
     font-weight: bold;
     margin: 6px 0 6px 0;
     padding: 0 20px
 }

 .TogelItem {
     width: 146px;
     height: 100%;
     text-align: center;
     float: left;
     padding: 10px;
 }

 .TogelCountry {
     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
     text-align: center;
     vertical-align: middle;
     padding: 0;
     color: white;
     text-transform: uppercase;
     font-family: Sans-Serif;
     font-weight: bold;
     font-size: 16px;
 }

 .HasilR {
     width: 440px;
     height: 75px;
     float: right;
 }

 .HasilL {
     width: 440px;
     height: 75px;
     float: left;
 }

 .TogelItem2 {
     width: 146px;
     height: 100%;
     text-align: center;
     float: right;
     padding: 10px;
 }

 .flex {
     float: right;
     display: flex;
 }

 #sliderarea {
     float: left;
     margin-top: 0px;
     border: 1px solid #1eff00;
 }

 .gamewraper {
     top: 0px;
     margin-left: 5px;
     float: right;
     width: 264px;
     height: 259px;
     font-family: 'bebas neue', bold;
 }

 .games {
     margin: 0 auto;
     text-align: center;
     width: 263px;
     height: 63.5px;
     margin-bottom: 7px;
     border: 1px solid #1eff00;
     background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(206, 206, 206, 1) 30%, rgba(223, 223, 223, 1) 52%, rgba(255, 255, 255, 1) 52%, rgba(229, 229, 229, 1) 80%, rgba(209, 209, 209, 1) 100%);
 }

 .middleinfo {
     display: flex;
     height: 330px;
 }

 .boxstep {
     float: right;
     width: 700px;
     height: 295px;
     margin-left: 8px;
 }

 .boxtoto {
     margin-top: 8px;
     font-family: 'Bebas Neue', cursive;
     float: left;
     width: 302px;
     height: 328px;
     border: 1px solid #21ff00;
     background: transparent;
     background-size: 400% 400%;
     animation: gradient 15s ease infinite;
     margin-left: 5px;
 }

 .step {
     margin-top: 8px;
     float: right;
     border: 1px solid #21ff00;
 }

 .supportedbrowser {
     float: right;
     margin-top: 10px;
     border: 1px solid #21ff00;
 }

 .widget-content {
     margin: 0 0 0 0;
 }

 .lastesttitle {
     float: left;
     width: 100%;
     height: 40px;
     text-align: center;
     vertical-align: middle;
     background: rgb(6, 187, 0);
     background: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
     color: #fff;
     font-size: 25px;
     font-family: 'Bebas Neue', cursive;
     font-style: bold;
     padding-top: 5px;
     color: #261700;
 }

 .tototitle {
     float: left;
     width: 80px;
     height: 40px;
 }

 #gaptoto {
     margin-left: 0px;
     margin-top: 2px;
     width: 302px;
     border-top: 1px solid #00FF00;
 }

 .widget-content tr td {
     border-top: 0;
     letter-spacing: 0;
     color: #fff;
 }

 .datetoto {
     text-align: left;
     font-size: 18px;
 }

 td {
     height: 15px;
     text-align: center;
 }

 .iframestyle {
     width: 751px;
     height: 276px;
 }

 .line {
     margin-top: -9px
 }