@media (max-width: 768px) {
#content {
background: url(https://lambe100-css.b-cdn.net/css/background-lambe100.webp) 0 0/100% !important;
background-size: 100% !important;
}
div.d-flex.gap-1.my-3 {
width: 100%;
display: flex;
flex-direction: column;
gap: 15px !Important;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
margin: 0 auto;
position: relative;
z-index: 2;
}
div#content {
max-width: 1170px;
margin: 0 auto;
position: relative;
background: black !Important;
}
.navbar {
max-width: 1170px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.menubar {
max-width: 1170px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.owl-carousel {
max-width: 1170px;
margin: 0 auto;
position: relative;
z-index: 2;
}
body {
background: #000;
background-attachment: fixed !Important;
background-size: cover;
}
}
.owl-dots {
display: none !Important;
}
.modal-content {
background-color: transparent !important;
}
img.d-block.w-100 {
display: none !important;
}
a {
color: white;
text-decoration: none;
font-weight: 700;
}
.bg-dark {
background-color: black !important;
}
.menubar {
background-image: linear-gradient(to bottom, #f6f300 0%, #efbd00 30%);
animation: none;
border: 2px solid #fffa0c !important;
box-shadow: 0px 0px 3px #ffe900;
}
.card {
background: transparent;
border-radius: 20px;
box-shadow: -2px 0 0 0 #ffff00, 2px 0 0 0 #ffff00 !important;
}
.form-control {
background-color: white;
color: black;
border: 2px solid #ffff00;
border-radius: 20px;
}
.btn-inject {
background: linear-gradient(239deg, rgb(201 200 0) 0%, rgb(193 189 0) 21%, rgb(255 249 0) 33%, rgb(228 255 0) 44%, rgb(210 215 9) 60%, rgb(252 207 34) 73%, rgb(228 255 0) 85%, rgb(255 191 0) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #f1de00, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
color: black;
font-weight: 500;
}
.btn-primary {   
background: linear-gradient(270deg, rgb(201 200 0) 0%, rgb(193 189 0) 21%, rgb(255 249 0) 33%, rgb(228 255 0) 44%, rgb(210 215 9) 60%, rgb(252 207 34) 73%, rgb(228 255 0) 85%, rgb(255 191 0) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #f1de00, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
color: #330000;
padding: 0.6em 0.9em;
--bs-btn-border-color: #e1e409;
border-radius: 20px;
}
.btn-secondary {   
color: #ffffff;;
background: linear-gradient(270deg, rgb(201 0 0) 0%, rgb(193 0 0) 21%, rgb(255 0 0) 33%, rgb(255 0 0) 44%, rgb(215 9 9) 60%, rgb(252 34 34) 73%, rgb(255 0 0) 85%, rgb(255 0 0) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #f10000, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
border-color: #dc0505;
border-radius: 20px;
}
.btn-danger {   
color: #000;
border-color: rgb(184 193 0);
background: linear-gradient(270deg, rgb(255 217 0) 0%, rgb(255 180 0) 21%, rgb(252 126 34) 33%, rgb(215 200 9) 44%, rgb(255 236 0) 60%, rgb(255 154 0) 73%, rgb(193 136 0) 85%, rgb(201 194 0) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #f1e900, inset 0 2px 0 0 #fff, inset 0 0 0 2px #670064, 3px 3px 3px 1px rgba(0,0,0,.2);
}
div#carousel-exlusive-promotion.carousel.slide.carousel-fade.pointer-event {
display: none !important;
}
.menubar.navbar.fixed-bottom.navbar-dark.bg-dark.p-0 {
border-radius: 25px 25px 0px 0px;
border-top: 3px solid #ffff00;
}
#sidebarCollapse {
color: #ffffff;
background: linear-gradient(270deg, rgb(201 0 0) 0%, rgb(193 0 0) 21%, rgb(255 0 0) 33%, rgb(255 0 0) 44%, rgb(215 9 9) 60%, rgb(252 34 34) 73%, rgb(255 0 0) 85%, rgb(255 0 0) 100%);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #f10000, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
border-color: #dc0505;
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes borderPulse{
0% { box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4), 0px 0px 0px 0px rgb(255, 255, 255); }
100% { box-shadow: 0px 0px 0px 3px rgba(255, 117, 117, 0), 0px 0px 0px 10px rgba(255, 0, 0, 0); }
}
.glassmorphism {
background: linear-gradient(270deg, rgb(201 180 0) 0%, rgb(193 153 0) 21%, rgb(255 231 0) 33%, rgb(255 216 0) 44%, rgb(235 202 15) 60%, rgb(255 246 16) 73%, rgb(255 228 0) 85%, rgb(253 212 50) 100%);
box-shadow: 0 4px 30px rgb(0, 0, 0);
backdrop-filter: blur(11.7px);
background-size: 400% 400%;
animation: gradient 5s ease infinite;
}
.text-secondary {
--bs-text-opacity: 1;
color: rgb(243 243 243) !important;
font-size: 21px;
}

.text-black {
--bs-text-opacity: 1;
color: transparent !important;
font-weight: bolder !important;
text-transform: uppercase;
font-size: 2.2rem !important;
width: 100% !important;
text-align: center !important;
padding: 3px 2px;
}
.ninfo {
background-color: rgb(255 249 0) !important;
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #f6e600, inset 0 2px 0 0 #fff, inset 0 0 0 2px #000000, 3px 3px 3px 1px rgba(0, 0, 0, .2);
font-weight: 500;
color: #000000;
font-weight: bold;
z-index: 9999;
position: relative;
overflow: hidden;
display: flex;
align-items: stretch;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
margin: 10px;
z-index: 0;
}
.nicon {
background: linear-gradient(#f90000, #f90000, #f90000);
width: 60px;
min-width: 60px;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.nicon i {
font-size: 1.3rem;
animation: shake 1.5s infinite, blinkColor 2s infinite;
}
@keyframes shake {
0%, 100% { transform: rotate(0deg); }
20% { transform: rotate(-15deg); }
40% { transform: rotate(10deg); }
60% { transform: rotate(-10deg); }
80% { transform: rotate(5deg); }
}
@keyframes blinkColor {
0% { color: #fff; }
25% { color: #0f0; }
50% { color: #ff0; }
75% { color: rgb(255, 251, 0); }
100% { color: #fff; }
}
.ntxt-wrapper {
overflow: hidden;
flex: 1;
display: flex;
align-items: center;
padding-right: 10px;
}
.ntxt {
white-space: nowrap;
display: inline-block;
animation: flowX 18s linear infinite;
padding: 0.25rem 1rem;
}
@keyframes flowX {
0% { transform: translateX(0%); }
100% { transform: translateX(-100%); }
}
.row.mb-3.g-1 {
display: grid !important;
grid-template-columns: repeat(4, minmax(80px, 1fr)) !important;
margin-top: 15px;
gap: 5px;
}
.row.mb-3.g-1 .col-4 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: unset;
border: 2px solid #ffb100 !important;
gap: 5px;
width: auto !important;
box-shadow: none !important;
border-radius: 12px !important;
}
.row > * {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
img, svg {
border-radius: 12px;
}
.show-more-btn {
width: 100%;
display: block;
margin: 20px auto;
padding: 5px 5px;
background: linear-gradient(to bottom,#f6f300 0%,#ffbb00 30%);
background-size: 400% 400%;
color: black;
border: 2px solid #faa105;
border-radius: 20px;
box-shadow: 0px 0px 3px #ffe900;
cursor: pointer;
font-weight: bold;
font-size: 14px;
transition: all 0.3s ease;
}
#pasaran-override-list {
display: grid;
grid-template-columns: repeat(4, minmax(80px, 1fr)) !important;
margin-top: 15px;
gap: 10px;
}
#pasaran-override-list .card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: unset;
gap: 5px;
width: auto !important;
box-shadow: none !important;
border-radius: 12px !Important;
border-bottom: none !important;
background: #000000 !important;
}
#pasaran-override-list .card-body {
border-radius: 12px !important;
border-bottom: none !important;
width: 100% !important;
background: #000000 !important;
}
div.card.border.rounded-4.border-5.border-primary {
background: linear-gradient(to bottom, #ff0000, #600a0a) !important;
--bs-border-width: 2px !important;
border: 2px solid #ffff00 !important;
}
div.card-body.p-0 {
padding: 0px !important;
}
.card-body .my-1.pasaran-title {
width: auto !important;
text-align: center;
font-size: 10px !important;
font-weight: 700 !important;
color: #000;
padding: 5px;
margin-top: -5px !important;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
background: linear-gradient(101deg, rgb(255 173 0) 4%, rgb(255 209 0) 15%, rgb(255 213 0) 30%, rgb(255 220 0) 69%, rgb(255 209 0) 87%, rgb(255 178 0) 92%);
background-size: 400% 400%;
border-bottom: 1px solid #fff !important;
border-top: 2px solid #ffff00 !important;
}
div.my-1 {
background: linear-gradient(101deg, rgb(255 173 0) 4%, rgb(255 209 0) 15%, rgb(255 213 0) 30%, rgb(255 220 0) 69%, rgb(255 209 0) 87%, rgb(255 178 0) 92%);
background-size: 400% 400%;
color: #000;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
margin-top: 0px !Important;
margin-bottom: 0px !Important;
}
#togel-search {
margin: 20px 0 10px;
display: flex !important; /* Pastikan selalu tampil */
justify-content: center;
position: relative;
z-index: 1;
}
#filter-togel {
max-width: 400px;
width: 100%;
padding: 10px 15px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,0.3);
background: white;
color: black;
font-family: "Saira Condensed", sans-serif;
}
.bg-white {
background: black !Important;
}