html {
  width: 100%;
}

body {
font-family: arial;
font-size:14px;
color:#222;
line-height:2.0em;
background: url(../img/bg.jpg) repeat-x center;
background-size: cover;
background-color:#233788 !important;
}

.bg-gradient {
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) !important;  
}

.bg-gradient2 {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) !important;  
}

.bg-gradient3 {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)) !important;  
}

.bg-blue {
  background: #93cede;
  background: -webkit-gradient(left top,left bottom,color-stop(0,#93cede),color-stop(41%,#75bdd1),color-stop(100%,#49a5bf));
  background: linear-gradient(180deg,#93cede 0,#75bdd1 41%,#49a5bf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93cede",endColorstr="#49a5bf",GradientType=0);
}

.bg-red {
  background: red;
}

.bg-yellow {
  background: gold;
}

.container {
  width: 980px
}

.bgcontainer {
  background: rgba(255,255,255,0.8);
}

.logo {
  /*opacity: 0;*/
}

.navbar-nav {
  width: 100%;
  gap:  0;
  padding: .5rem 1rem;

}

.navbar {
  background: none;
  padding: 0;
  width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 1rem;
  /*font-family: hidayatullah;*/
  padding-left: .5rem;
  padding-right: .5rem;
  color: rgba(255, 255, 255, .5) !important;
}

.navbar-collapse {
  border-radius: 5rem;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 1) !important;
}

#baris-result {
}

#section-3 {
min-height:300px;
margin:0;
background: #cc0208;
color: #fff;
}

#section-3 .judul-baris{
font-size:34px;
font-stretch:narrower;
color:#2e3e4b;
margin-bottom:20px;
}

#section-3 .wrapper-subkolom {
border:none;
border-radius:0;
padding-top:110px;
}

#section-3 .security {
padding-top:0;
padding-top:10%;
padding-bottom:10%;
background: none;
}

#section-3 .judul-baris span{
display:inline-block;
}

#section-3 .bigger-text {
font-size:x-large;
text-transform:uppercase;
}

#section-3 h1, #section-3 h2, #section-3 h3, #section-2 h3{
padding-top:0;
margin-top:0;
font-weight:bold;
}

#section-3 p{
}

#section-3 .judul-baris .text-berwarna{
color:#dc5e61;
font-size:30px;
}

#section-3 .wrapper-subkolom .text-berwarna{
color:#cc1a1a;
}

#section-4 .other-result {
  border:1px solid #e7e7e7;
  background: #0a103c;
  padding:20px 0;
  color: #f2c280;
}

#section-4 .result-prize {
  color: #f2c280;
  font-size: 36px;
  font-weight: bold;
  margin:20px 0 10px 0;
}

#section-4 .checkout-button {
  margin:20px 0;
}

#footer-wrapper{
  padding:10px 0;
  line-height: 1.5rem;
}

#footer-wrapper .row {
  display: flex;
  align-items: center;
}

.additional-info {
  text-align: center;
  font-size: 12px;
  line-height: normal;
  text-align: justify;
  text-align-last: center;
}

.additional-info .title {
  font-size: 18px;
  font-weight: bold;
}

.additional-info hr {
  border-top-color: rgba(0,0,0,0.1);
}

.footer-bottom {
  background: #ffcc00;
  color: #be0405;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding:2rem 0;
}

.foot-img {
  display: table;
  margin-left: auto;
}

.foot-sosmed {
  margin-top: 0;
  margin-bottom: 0;
}

.foot-sosmed li a {
  color: #ffd51d;
}

.time {
  display: block;
  text-align: right;
color: #cc2229;
padding-right: 15px;
margin-top:10px;
}

#section-2 {
  background: url(../img/bg.jpg) center bottom no-repeat;
}


#section-2 .wrapper-subkolom, #section-3 .wrapper-subkolom {
padding:28px;
background: rgba(0,0,0,.5);
}

.agent {
min-height:370px;
background:url(../img/femaleagent.jpg) no-repeat bottom right;
}

.promo {
padding:0;
background:url(../img/promo.jpg) no-repeat;
background-size:100%;
min-height:370px;
}

.bola01 {
  display: inline-block;
  width: 42px; /* Mengubah lebar menjadi 30px */
  height: 42px; /* Mengubah tinggi menjadi 30px */
  line-height: 42px; /* Mengubah line-height menjadi 30px */
  text-align: center;
  color: #ffb701;
  font-family: arial;
  font-weight: bold;
  font-size: 14px; /* Mengubah ukuran font menjadi 14px */
  background-color: #f00;
  border-radius: 50%;
  border: 1px solid #eaff00;
  color: #fff;
}

.bola {
  display: inline-block;
  width: 42px; /* Mengubah lebar menjadi 30px */
  height: 42px; /* Mengubah tinggi menjadi 30px */
  line-height: 42px; /* Mengubah line-height menjadi 30px */
  text-align: center;
  color: #ffb701;
  font-family: arial;
  font-weight: bold;
  font-size: 14px; /* Mengubah ukuran font menjadi 14px */
  background-color: #ff0000;
  border-radius: 50%;
  border: 1px solid #ff0000;
  color: #fff;
}

.bola02 {
  display: inline-block;
  width: 42px; /* Mengubah lebar menjadi 30px */
  height: 42px; /* Mengubah tinggi menjadi 30px */
  line-height: 42px; /* Mengubah line-height menjadi 30px */
  text-align: center;
  color: #ffb701;
  font-family: arial;
  font-weight: bold;
  font-size: 14px; /* Mengubah ukuran font menjadi 14px */
  background-color: #49a5bf;
  border-radius: 50%;
  border: 1px solid #eaff00;
  color: #fff;
}

.bola03 {
  display: inline-block;
  width: 42px; /* Mengubah lebar menjadi 30px */
  height: 42px; /* Mengubah tinggi menjadi 30px */
  line-height: 42px; /* Mengubah line-height menjadi 30px */
  text-align: center;
  color: #ffb701;
  font-family: arial;
  font-weight: bold;
  font-size: 14px; /* Mengubah ukuran font menjadi 14px */
  background-color: #00ff80;
  border-radius: 50%;
  border: 1px solid #fffb00;
  color: #fff;
}
 

.bola-result .bola {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 22px;
}

.bola2 {
  display: flex;
  justify-content: center;
  gap: .25rem;
}

.bola2 span {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #a30228;
  background: -webkit-gradient(left top,left bottom,color-stop(0,#a30228),color-stop(56%,#c20430),color-stop(100%,#e0073a));
  background: linear-gradient(180deg,#a30228 0,#c20430 56%,#e0073a);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a30228",endColorstr="#e0073a",GradientType=0);
}

.bola2 span:nth-child(1), .bola2 span:nth-child(2) {
  background: #a3a3a3;
  background: -webkit-gradient(left top,left bottom,color-stop(0,#a3a3a3),color-stop(56%,#c7c7c7),color-stop(100%,#e6e6e6));
  background: linear-gradient(180deg,#a3a3a3 0,#c7c7c7 56%,#e6e6e6);  
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3a3a3",endColorstr="#e6e6e6",GradientType=0);
}

#section-3 .bgwhite, .bgwhite {
background-color:#fff !important;
}

#section-1 {
  border-top: 10px ​solid #01151f;
  background-color: #ebc516;
  background-color:transparent;
  /*padding-bottom:60px;*/
}

.carousel {
}

.white {
color:#fff !important;
}

.red {
  color: #f00 !important;
}

.blue{
  color: #11bad8 !important;
}

.yellow {
  color: #fff000 !important;
}

.green {
  color: #bacc02 !important;
}

.page-wrapper {
  min-height: 430px;
}

.active > .page-link, .page-link.active {
  background: #ffcc00;
  border-color: #ffcc00;
  color: #6d0005;
}

.wrapper-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

.header {
  background: #154174;
}

.header-img {
  margin-bottom: -1rem;
}

.wrapper-logo .header-icon img {
  height: 80px;
}

.logo {
  position: relative;
  margin-left: 1rem;
}

.runningtext {
  background: #fff;
  color: rgba(0, 0, 0, .8);
}

.runningtext marquee {
  margin-bottom: -10px;
}

#section-1 #navlink-result .col-xs-10{
padding-right:0;
margin-right:0;
}
#section-1 #navlink-result .col-xs-2{
padding-left:0;
margin-left:0;
}
#section-1 #navlink-result:hover{
text-decoration:none;
}

#section-2 {
min-height:255px;
padding-bottom:0px;
}

.page-header {
font-size: 1.5rem;
color: #212529;
text-transform: uppercase;
text-align: center;
margin:0;
padding:1rem;
}

.page-header {
  margin-top:20px;
}

#section-2 .judul-baris {
margin:40px 0;
}

#section-2 #baris-result .col-md-4{
background-position:bottom;
background-image:url('../img/line-border-bawah.png');
background-repeat:no-repeat;
}

.hdg-prize {
  font-size: 16px;
  color: #fff;
  font-weight:bold;
}

.baris-bola{
padding:0px 0 10px 0;
font-weight:bold;
display:inline-block;
}

.baris-bola.bola-home > span.bola {
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 20px;
  color: #0a103c;
  background:#f2c280;
  margin:0 2px;
  border-radius:50%;
}

#section-2 .judul-subkolom {
  font-size: 22px;
  font-weight: normal;
margin-top:5px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 50px;
  padding: 7px 0;
}

#section-2 .judul-subkolom.Lottery {
  background: #d8261b;
}

#section-2 .judul-subkolom.Midday {
  background: #1b6685;
}

#section-2 .judul-subkolom.Evening {
  background: #ffd51d;
  color: #d8261b;
}

.bola-home {
  text-align: center;
  color: #fff;
  margin:0;
  font-size: 14px;
}

.bola-home.Morning {
  border-bottom:9px solid #dd2525;
}

.bola-home.Midday {
  border-bottom:9px solid #108048;
}

.bola-home.Evening {
  border-bottom:9px solid #ffd200;
}

.icon-time {
  margin:1rem 0;
}

.icon-time img {
  width:50px;
}

.tanggal-home {
  font-size: .8rem;
  text-transform: capitalize;
}

.jackpot-home {
  font-size: 1.8rem;
}

.bola-home-title {
  font-size:16px;
  color: #494949;
}

.special-consolation-wrapper {
  background: url(../img/special-consolation.png) repeat-x;
  padding: 10px;
  background-size: auto 100%;
  margin-bottom:2rem;
}

.special-consolation-inside {
  padding: 10px;
  background: #cc2229;
  color: #ebc518;
  font-size:24px;
  line-height: 30px;
}

.home-consolation {
  font-size:25px;
  text-align: center;
  margin-bottom:1rem;
}

.baris-bola-consolation {
  display: table;
  margin:auto;
}

.baris-bola-consolation .bola {
  display: inline-block;
  border-radius:0;
  width: auto; height: auto;
  text-align:center;
  font-size:18px;
  color: #fff;
  font-weight: bold;
  background: none;
}