@font-face {
    font-family: Opensans-Condensed;
    src: url(../font/OpenSansCondensed-Bold.woff2) format('woff2');
}
@font-face {
    font-family: Impact;
    src: url(../font/ImpactLTStd.woff2) format('woff2');
}
:root{
    --header-brown : #5D5B49;
    --base-brown: #352613;
    --black: #1A1A1A;
    --brown: #716C49;
    --light-brown: #B2AD8A;
    --ticket-color: #C4C2AF;
    --white: #F7F7F7;
    --dark-brown: #4A4A4A;
    --orange: #FFC671;
}

body {
    font-family: Open Sans;
    color: #fff;
    background: var(--base-brown);
}
body p {
    font-size: 14px;
    margin-bottom: 0;
    font-family: 'Opensans-Condensed';
}
.img-sample {
    width: 100%;
    margin-top: 15px;
}
#header-site {
    background: var(--header-brown);
    /* font-size: 12px; */
    /* font-family: 'Times New Roman', Times, serif; */
    color: #CFCDBF;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
#header-site2{
    /* background: #FFF; */
    background: url(../img/pattern@4x.webp);
    background-size: cover;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
    /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; */
    /* -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.39); */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 210px
}
.now-time {
    /* margin-top: 20px; */
    display: flex;
}
.navbar-borneo {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-borneo-home {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.result-prize {
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#logo-brand {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 15px 0px;
}
.img-navbar {
    height: 10.5rem;
}
.img-footer {
    height: 4rem;
    display: flex;
    justify-content: flex-end;
}
.lang-link {
    display: flex;
    align-items: center;
}
.navbar-menu .menu-items {
    font-size: 14px;
    color: var(--black);
    text-decoration: none;
}
.navbar-menu {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
}
.navbar-menu:last-child {
    margin-bottom: 0;
}
.navbar-items {
    margin-right: 15px;
}
.navbar-items:last-child {
    margin-right: 0;
}
.right-side-navbar {
    margin-top: 15px;
}
.language-icon {
    height: 20px;
}
.btn-borneo {
    background: #C13737;
    padding: 0 10px;
    border-radius: 100px;
    line-height: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 290px;
    color: #E8E6D3;
}
.img-broadcast {
    height: 30px;
}
.running-text {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    gap: 10px;
    border-radius: 10px 10px 0px 0px;
    border-style: solid;
    border-color: rgba(130, 70, 35, 1);
    background: rgba(36, 12, 12, 1);
    color: rgba(202, 149, 71, 1);
    width: 450px;
}
/* Ticket Design */
* {
    box-sizing: border-box;
  }
.ticket {
display: inline-block;
box-sizing: content-box;
filter: drop-shadow(0 2px 5px rgba(0,0,0,0.5));
position: relative;
height: 1em;
padding: 1em;
color: #000;
font-size: 16px;
background-size: 51% 100%;
background-repeat: no-repeat;
background-image: radial-gradient(circle at 0 50%, rgba(255,255,224,0) 0.4em, var(--ticket-color) 0.5em), radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.4em, var(--ticket-color) 0.5em);
background-position: top left, top right;
}
/* .ticket {
    position: relative;
    border: 2px solid white;
    background: black;
    color: black;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 1em 2em;
}
.ticket:before,
.ticket:after{
    height:90px;
    width:45px;
    content: '';
    position: absolute;
    top: 0.9em;
    top: calc(0.9em - 1px);
    height: 1.2em;
    width: 0.6em;
    border: 2px solid white;
}
.ticket:before {
    left: -2px;
    border-radius: 0 1em 1em 0;
    border-left-color: black;
}
.ticket:after {
    right: -2px;
    border-radius: 1em 0 0 1em;
    border-right-color: black;
} */

#body-borneo {
    /* background: #003843 url(../img/bg.webp) no-repeat center !important; */
    /* background: url(../img/bg.webp); */
    background: linear-gradient(0deg, rgba(53, 38, 19, 0.9), rgba(53, 38, 19, 0.9)),linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/img_bg.webp);
    background-size: cover;
    background-position: top !important;
    /* min-height: 100vh; */
}
#navigation {
    padding-top: 0px;
    padding-bottom: 0px;
    background: linear-gradient(180deg, #623014 0%, #764223 51.5%, #623014 100%);
    display: flex;
    align-items: center;
    height: 48px;
}
a.btn.btn-menu-borneo {
    color: #FFC978;
    font-family: Cinzel Decorative;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.57px;
    text-align: left;

}
.navigation-content .navbar-menu {
    justify-content: space-between;
}
.btn-menu-borneo {
    /* background: #001d23; */
    /* color: var(--black); */
    font-family: Opensans-Condensed;
    padding: 0 15px;
}
/* .btn-menu-borneo:hover {
    color: #6de1f7;
} */
.btn-menu-borneo.active {
    color: var(--light-brown);
}
.btn-menu-borneo.disabled {
    color: var(--brown);
}
.title-text {
    /* font-family: Impact, Oswald;
    font-size: 60px;
    margin: -15px 0px; */
    font-family: Cinzel Decorative;
    font-size: 48px;
    font-weight: 900;
    line-height: 64.7px;
    text-align: left;
    color: white;
}
.icon-broadcast {
    width: 70px;
}
.header-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end;
}
.welcome-text {
    font-family: 'Opensans-Condensed';
    font-size: 16px;
    color: white;
}
.menu-page {
    margin-bottom: 0px;
}
.menu-page .btn-menu-borneo {
    font-size: 22px;
}
#navigation .btn-menu-borneo {
    padding: 0 20px;
}
#navigation .navbar-items {
    margin-right: 5px;
}
#footer {
    background: var(--base-brown);
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    padding: 5px;
    height: 175px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    color: #F0AB54;
}
#number-prize span {
    /* background: url(../img/circle.webp); */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* width: 45px; */
    text-align: center;
    margin-right: 3px;
    color: var(--darkpurple);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    background: linear-gradient(180deg, #CC451A 0%, #2D2000 100%);
    height: 40px;
    width: 40px;
    border-radius: 100px;
    font-family: Amaranth;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.09px;
    letter-spacing: 0.02em;
    text-align: left;

}
h3.content-title {
    font-family: Cinzel Decorative;
    font-size: 16px;
    font-weight: 900;
    line-height: 21.57px;
    text-align: left;
}
.result-content #number-prize {
    display: flex;
    justify-content: space-between;
    /* padding: 10px; */
}
.img-home-page {
    width: 100%;
}
#home-page {
    min-height: 25rem;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
#body-borneo h1 {
    font-family: Impact, Oswald;
    font-size: 32px;
}
.timer h2 {
    font-family: 'Opensans-Condensed';
    font-size: 32px;
    margin-bottom: -2px;
}
.landing-page {
    padding-top: 30px;
    padding-bottom: 30px;
    color: var(--black);
}
.date-result {
    text-align: center;
    margin-top: 15px;
    color: var(--header-brown);
    /* font-family: "Open Sans";
    font-size: 13px; */
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.head-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    font-family: Cinzel Decorative;
    font-size: 40px;
    font-weight: 900;
    line-height: 53.92px;
    text-align: left;
    margin-top: 60px;
}
.head-content-prize {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    font-family: Cinzel Decorative;
    font-size: 40px;
    font-weight: 900;
    text-align: left;
}
.head-content-history {
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    font-family: Cinzel Decorative;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0.02em;
    color: #F0AB54;
}
.head-content-contact {
    display: flex;
    flex-direction: column;
    padding: 25px 24px;
    justify-content: space-between;
}
.contact-body{
    display: flex;
}
.footer-text {
    display: flex;
    align-items: center;
    font-family: 'Opensans-Condensed';
    flex-direction: row;
    justify-content: space-between;
}
#body-borneo h5 {
    font-size: 12px;
}
/* #body-borneo h5 span.block-text {
    background: #001d23;
    padding: 5px 10px;
    border-radius: 10px;
} */
.history-body-content {
    /* opacity: 0.8; */
    display: flex;
    /* background: var(--white, #F7F7F7); */
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
    flex-direction: column;
    align-items: center;
}
.result-body-content{
    /* opacity: 0.8; */
    background: var(--white, #F7F7F7);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.prize-body-content {
    display: flex;
    /* background: #032c34; */
    border-radius: 10px;
    padding: 5px;
    /* margin-top: 25px; */
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.body-content {
    display: flex;
    /* background: #032c34; */
    border-radius: 10px;
    padding: 5px;
    margin-top: 25px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tablet-number {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 110px;
}
.list-winner {
    display: flex;
    justify-content: space-between;
    /* background: #001d23; */
    background: url(../img/ticket_2.svg);
    /* padding: 7px 5px;
    margin-bottom: 5px;
    border-radius: 10px; */
    padding: 0px 23px;
    align-items: center;
    height: 44px;
    width: 234px;
}
.list-winner:last-child {
    margin-bottom: 0;
}
.list-winner .lable {
    color: var(--header-brown);
    font-size: 16px;
    font-weight: 700;
}
.list-winner .result-number {
    color: var(--header-brown);
    font-size: 16px;
    font-weight: 700;
}
.tablet-body p {
    font-size: 16px;
    margin-bottom: 10px;
    /* background: url(../img/ticket_3.svg); */
    width: 146px;
    height: 22px;
}
.prize-lucky-ticket, .prize-consolation-ticket{
    margin-bottom: 10px;
    /* background: url(../img/ticket_3.svg); */
    width: 146px;
    height: 22px;
    color: white;
    font-family: Amaranth;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.09px;
    letter-spacing: 0.2em;
    text-align: center;

}
.prize-lucky-number, .prize-consolation-number{
    font-family: 'Opensans-Condensed';
    font-size: 16px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .tablet-body div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 10px;
    background: url(../img/ticket_3.svg);
    width: 146px;
    height: 22px;
} */
.tablet-body p:last-child {
    margin-bottom: 0;
}
.prize-winner {
    width: 50%;
    padding: 5px;
}
.prize-lucky, .prize-consolation {
    width: 100%;
    padding: 5px;
    color: var(--header-brown);
}
.extra-prize {
    display: flex;
    flex-direction: row;
    /* width: 50%; */
    justify-content: space-evenly;
    
}
.tablet {
    /* border: 1px solid #6de1f7; */
    /* border-radius: 10px; */
    height: 100%;
    overflow: hidden;
}
.tablet-history {
    /* border: 1px solid #6de1f7; */
    /* border-radius: 10px; */
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tablet-title {
    text-align: center;
    color: white;
    font-family: Cinzel Decorative;
    font-size: 16px;
    font-weight: 900;
    line-height: 21.57px;
    padding-bottom: 20px;
}
.last-result {
    margin-top: 30px;
    margin-bottom: 20vh;
}
.tablet-body {
    /* padding: 10px; */
    text-align: center;
    display: flex;
    /* width: 434px; */
    /* height: Fixed(52.33px) px; */
    /* top: 52.25px; */
    padding: 5px 30px 5px 30px;
    /* gap: 30px; */
    border-radius: 100px;
    /* opacity: 0px; */
    background: linear-gradient(180deg, #CC451A 0%, #2D2000 100%);
    /* box-shadow: 0px 4px 4px 0px #00000040; */
    box-shadow: 11px -7px 0px 0px #00000040 inset;
}
.footer-content {
    text-align: center;
    margin-top: 35px;
    background: #032c34;
    position: relative;
    padding: 5px;
    border-radius: 10px;
    font-style: italic;
}
.footer-content .bi-info-circle-fill {
    position: absolute;
    top: -10px;
    left: 15px;
    font-size: 32px;
    color: #6de1f7;
}
.footer-content span {
    color: #6de1f7;
    text-transform: uppercase;
}
.btn-generate {
    padding: 8px 25px;
    margin-top: 15px;
    font-family: Impact, Oswald;
    font-size: 20px;
}
.card-result {
    color: var(--orange);
    width: 350px;
    display: contents;
}
.timer-canvas {
    width: 210px;
}
#timer-countdown {
    display: flex;
    justify-content: space-between;
}
#timer-countdown .timer {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#timer-countdown h1 {
    margin-bottom: 0;
    /* background: #001d23; */
    width: 60px;
    border-radius: 10px;
    margin-left: 5px;
}
.label-countdown p {
    font-family: Times;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}
.result-show {
    padding-top: 30px;
    padding-bottom: 30px;
    /* margin-bottom: 20vh; */
}
.label-result {
    display: flex;
    justify-content: center;
    font-family: Amaranth;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.39px;
    letter-spacing: 0.05em;
    text-align: left;

}
.result-show .head-content {
    margin-bottom: 30px;
}
#draw-result .prize-winner {
    width: 100%;
}
#draw-result .body-content {
    display: flex;
    flex-direction: column;
    width: 400px;
}
#draw-result .prize-lucky, #draw-result .prize-consolation {
    width: 50%;
}
#draw-result .extra-prize, .modal-dialog .extra-prize{
    display: flex;
    flex-direction: row;
    width: 100%;
}
#history-page {
    padding: 30px 0px;
    background-color: var(--base-brown);    
}
.table {
    color: #fff;
    border: 1px solid lightpink;
    /* border-radius: 15px; */
    overflow: hidden;
    margin: 0;
    height: 90%;
    font-size: 13px;
}
td.result-table {
    display: flex;
    flex-direction: row;
}
.row-table {
    display: flex;
    justify-content: space-evenly;
}
.column-table {
    display: flex;
    justify-content: center;
    align-items: center;
}
#history-page .table {
    margin-bottom: 0;
    text-align: center;
}
#history-page .body-content {
    display: block;
    padding: 20px;
    margin-top: 15px;
}
#history-page .table tr, #history-page .table td, #history-page .table th {
    border: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: center;

}
#history-page .table thead tr, #history-page .table th {
    border: 0;
    color: white;
    background: #522C09;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: center;
}
#history-page .table-borneo {
    background: var(--dark-brown);
}
.head-content h2 {
    font-size: 22px;
}
.paginate-borneo {
    display: flex;
    justify-content: center;
    background: #522C09;
}
.paginate-borneo .pagination {
    margin: 27px 0px;
    /* margin-top: 30px; */
}
.paginate-borneo .page-link {
    background: #522C09;
    border: none;
    margin-right: 5px;
    color: white;
}
li.page-item.active {
    display: flex;
    align-items: center;
}
.paginate-borneo .page-item.active .page-link {
    background: #CC451A;
    box-shadow: 0px 4px 4px 0px #00000040, 6px -3px 4px 0px #00000040 inset;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}
.paginate-borneo .page-item.disabled .page-link {
    background: #522C09;
    color: white;
}
.link-table {
    font-size: 14px;
    color: #6de1f7;
}
.link-table:hover, .link-table:focus {
    color: #6de1f7;
}
.modal-content {
    background: linear-gradient(180deg, #8A4E2B 0%, #482611 100%);
    background-position: top !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: 23rem;
    width: 27.5rem;
    border-radius: 10px;
}
.modal-dialog .result-show {
    margin-bottom: 0;
    padding: 25px;
}
.modal-dialog .prize-winner {
    width: 100%;
}
.modal-dialog .prize-lucky, .modal-dialog .prize-consolation {
    width: 50%;
}
.modal-open .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.modal-dialog .head-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}
.logo-part {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 10px;
}
.logo-modal {
    height: 60px;
}
#other-page {
    /* padding-top: 50px; */
    padding-bottom: 50px;
    /* background: var(--header-brown); */
    background: linear-gradient(0deg, #3a1900 0%, #582B0C 100%);
}
#contact-page {
    padding-top: 50px;
    padding-bottom: 50px;
    /* background: var(--header-brown); */
    /* background: linear-gradient(0deg, #3a1900 0%, #582B0C 100%); */
}
.title-content-contact {
    display: flex;
    font-family: Cinzel Decorative;
    font-size: 48px;
    font-weight: 900;
    line-height: 64.7px;
    text-align: left;
    color: #F0AB54;
}
.number-generator-content {
    height: 190px;
}
.six-ball {
    margin-top: 10px;
}
.six-ball .card {
    width: 90px;
    height: 44px;
    background: url(../img/ticket_1.svg);
}
.body-col {
    position: relative;
    padding: 20px 30px;
}
h1#number {
    display: flex;
    gap: 30px;
}
h1#number span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 70px;
    border-radius: 100px;
    border: 2px solid rgba(255, 255, 255, 1);
    padding-top: 10px;
}
#other-page p {
    margin-bottom: 15px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    color: #F0AB54;
}
#contact-page p {
    margin-bottom: 15px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    color: #F0AB54;
}
#other-page ul p {
    margin-bottom: 0;
}
span.uppercase {
    text-transform: uppercase;
    color: #CFCDBF;
}
.mobile-navbar {
    display: none;
}
.menu-mobile {
    display: none;
}
#button-togle-navbar-mobile {
    display: none;
    background: #001d23;
}
.btn-togle, .btn-togle:hover {
    color: #001d23;
    font-size: 25px;
    background: #6de1f7;
    padding: 0px 8px;
    margin: 10px;
}
.body-number-text {
    display: flex;
    padding: 10px 0px;
    justify-content: center;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: center;
    padding: 0rem 15rem;
    /* width: 50%; */

}
.img-contact {
    display: flex;
    align-items: center;
}
.img-contact-body{
    max-width: 100%;
}
.info-number {
    padding: 0px;
}
.loader,
.loader:before,
.loader:after {
  width: 5px; /* update this to control the size */
  aspect-ratio: .5;
  display: grid;
  background: radial-gradient(#fff 68%,#0000 72%) center/100% 50% no-repeat;
  animation: load 1.2s infinite linear calc(var(--_s,0)*.4s);
  transform: translate(calc(var(--_s,0)*150%));
}
.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
}
.loader:before {--_s: -1}
.loader:after  {--_s:  1}
/* p.loader {
    align-items: center;
    justify-content: center;
} */

@keyframes load {
  20% {background-position: top   }
  40% {background-position: bottom}
  60% {background-position: center}
}
.tablet-body .ext-text {
    display: flex;
    padding: 6px;
    justify-content: center;
}
@media (max-width: 768px) {
    .navbar-menu {
        display: flex;
        flex-direction: row;
    }
    .modal-content{
        width: 100%;
        margin: 50px 0px;
    }
    .header-2{
        align-items: center;
    }
    .subtitle-content-contact {
        display: flex;
        flex-direction: column;
    }
    .info-number {
        padding: 0px;
    }
    .head-content-contact {
        display: flex;
        align-items: flex-start;
        /* background: black; */
        font-size: 20px;
        font-family: 'Opensans-Condensed';
        /* height: 48px; */
        flex-direction: column;
        /* margin: 10px 10px; */
        padding: 25px 24px;
    }
    .header-top-borneo {
        display: flex;
        flex-direction: column;
        height: 75px;
        align-items: flex-start;
        justify-content: space-around;
    }
    .btn-generate {
        font-size: 16px;
    }
    .navigation-content .navbar-menu {
        justify-content: center;
        display: flex;
        /* flex-wrap: wrap; */
    }
    #other-page #contact-page {
        padding-top: 50px;
        height: 31.5rem;
    }
    .footer-text{
        align-items: flex-start;
        flex-direction: column;
    }
    .img-footer{
        justify-content: flex-start;
    }
    .landing-page {
        padding-top: 0px;
        padding-bottom: 0px;
        color: var(--black);
    }
    .now-time {
        margin-top: 5px;
    }
    .btn-borneo {
        width: 200px;
    }
    .img-navbar {
        height: 57px;
    }
    h1#number span {
        width: 60px;
        height: 60px;
        background-repeat: round;
        font-size: 32px;
    }
    #body-borneo h1 {
        font-size: 60px;
    }
    /* #body-borneo h2 {
        font-size: 32px;
    } */
    .result-prize {
        flex-direction: column;
        align-items: center;
    }
    .list-winner {
        width: 234px;
        margin: 5px;
    }
    .head-content {
        width: 386px;
        text-align: center;
        font-size: 32px;
        line-height: 40px;
    }
    .head-content-history {
        font-size: 28px;
    }
    .body-number-text{
        padding: 0rem;
        padding-top: 40px;
    }
    .number-generator-content{
        width: 386px;
        height: auto;
    }
    .result-body-content{
        width: 386px;
    }
    .history-body-content {
        width: 386px;
    }
    h1#number {
        gap: 20px;
    }
    .prize-body-content {
        flex-direction: column;
        align-items: center;
    }
    .navbar-borneo {
        justify-content: center;
    }
    #navigation .btn-menu-borneo {
        padding: 5px;
        font-size: 16px !important;
        width: 100%;
    }
    .btn-menu-borneo {
        font-size: 16px !important;
        width: 100%;
    }
    #navigation .navbar-items {
        /* width: 100%; */
        margin: 5px;
    }
    .dekstop-navbar {
        display: none;
    }
    .mobile-navbar {
        display: flex;
        position: absolute;
        right: -5px;
        /* top: 15px; */
        align-items: center;
    }
    .dropdown-menu[data-bs-popper] {
        right: 0 !important;
        left: unset;
    }
    #localitazion-menu {
        color: #fff;
        text-decoration: none;
    }
    .runing-text {
        margin-bottom: 10px;
    }
    .menu-mobile {
        display: block;
    }
    /* #navigation {
        height: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 100%;
        background: #00313b;
        transition: 0.3s;
        z-index: 9;
    } */
    /* .now-time {
        display: none;
    } */
    #button-togle-navbar-mobile {
        display: block;
    }
    #navigation.show {
        height: auto;
    }
    .navigation-content {
        padding: 15px 10px;
    }
    img.img-fluid.img-home-page {
        margin-top: 60px;
        width: 90%;
        margin-left: 15px;
        margin-right: 15px;
    }
    #logo-brand {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        justify-content: center;
        margin: 0px 0px;
    }
    /* .card-result{
        justify-content: center;
    } */
    .body-content {
        flex-direction: column;
    }
    .prize-winner {
        width: 100%;
    }
    .prize-lucky, .prize-consolation {
        width: 100%;
    }
    #body-borneo {
        min-height: auto;
    }
    .logo-modal {
        height: 45px;
    }
    .modal-dialog h1 {
        font-size: 20px !important;
    }
    .six-ball .card {
        width: 50px;
        height: 50px;
    }
    img.ball {
        width: 40px;
        height: 40px;
        margin-top: -12px;
    }
    .extra-prize {
        width: 100%;
    }
    #draw-result .body-content {
        width: auto;
    }
    .timer-canvas {
        width: 220px;
    }
    #timer-countdown .timer {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .footer-content .bi-info-circle-fill {
        display: none;
    }
}
@media (max-width: 373px) {
    .title-text {
        font-family: Impact, Oswald;
        font-size: 55px;
        margin: -15px 0px;
    }
    #navigation .navbar-items {
        /* width: 100%; */
        margin: 0px;
    }
}