@import url('https://fonts.googleapis.com/css2?family=Anek+Tamil:wght@500;600;700&display=swap');

:root {
    --header-height: 4.5rem;
    --nav-width: 85px;
    --first-color: #179a0b;
    --first-color-hover: #00cb00;
    --first-color-light: #a5d9a9;
    --white-color: #F7F6FB;
    --body-font: 'Anek Tamil', sans-serif;
    --normal-font-size: 1rem;
    --z-fixed: 100
}

*,
::before,
::after {
    box-sizing: border-box
}

body {
    font-family: var(--body-font);
    font-size: 15px;
    transition: .5s;
    min-height: 100vh;
    background: radial-gradient(ellipse at bottom, #183f0e 0%, #0c130c 100%);
    color: #dbdce3;
}

.stars {
    position: fixed;
    top: -30rem;
    left: 30rem;
    width: 100%;
    height: 150%;
    transform: rotate(-45deg);
    z-index: 0;
}

.star {
    --star-color: var(--first-color);
    --star-tail-length: 6em;
    --star-tail-height: 2px;
    --star-width: calc(var(--star-tail-length) / 6);
    --fall-duration: 9s;
    --tail-fade-duration: var(--fall-duration);
    position: absolute;
    top: var(--top-offset);
    left: 0;
    width: var(--star-tail-length);
    height: var(--star-tail-height);
    color: var(--star-color);
    background: linear-gradient(45deg, currentColor, transparent);
    border-radius: 50%;
    filter: drop-shadow(0 0 6px currentColor);
    transform: translate3d(104em, 0, 0);
    animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;
}

@media screen and (max-width: 750px) {
    .star {
        animation: fall var(--fall-duration) var(--fall-delay) linear infinite;
    }
}

.star:nth-child(1) {
    --star-tail-length: 5.09em;
    --top-offset: 73.69vh;
    --fall-duration: 6.724s;
    --fall-delay: 3.079s;
}

.star:nth-child(2) {
    --star-tail-length: 6.6em;
    --top-offset: 66.11vh;
    --fall-duration: 9.162s;
    --fall-delay: 7.39s;
}

.star:nth-child(3) {
    --star-tail-length: 6.1em;
    --top-offset: 23.75vh;
    --fall-duration: 9.134s;
    --fall-delay: 1.127s;
}

.star:nth-child(4) {
    --star-tail-length: 5.92em;
    --top-offset: 18.83vh;
    --fall-duration: 9.404s;
    --fall-delay: 4.134s;
}

.star:nth-child(5) {
    --star-tail-length: 6.14em;
    --top-offset: 50.97vh;
    --fall-duration: 8.38s;
    --fall-delay: 5.765s;
}

.star:nth-child(6) {
    --star-tail-length: 7.01em;
    --top-offset: 16.03vh;
    --fall-duration: 10.741s;
    --fall-delay: 9.203s;
}

.star:nth-child(7) {
    --star-tail-length: 5.97em;
    --top-offset: 82.94vh;
    --fall-duration: 9.039s;
    --fall-delay: 0.967s;
}

.star:nth-child(8) {
    --star-tail-length: 6.25em;
    --top-offset: 79.7vh;
    --fall-duration: 7.013s;
    --fall-delay: 9.365s;
}

.star:nth-child(9) {
    --star-tail-length: 6.86em;
    --top-offset: 30.56vh;
    --fall-duration: 8.797s;
    --fall-delay: 4.247s;
}

.star:nth-child(10) {
    --star-tail-length: 5.68em;
    --top-offset: 41.28vh;
    --fall-duration: 8.835s;
    --fall-delay: 5.137s;
}

.star:nth-child(11) {
    --star-tail-length: 5.69em;
    --top-offset: 49.22vh;
    --fall-duration: 7.044s;
    --fall-delay: 4.601s;
}

.star:nth-child(12) {
    --star-tail-length: 5.22em;
    --top-offset: 83.06vh;
    --fall-duration: 7.893s;
    --fall-delay: 0.635s;
}

.star:nth-child(13) {
    --star-tail-length: 6.39em;
    --top-offset: 29.89vh;
    --fall-duration: 11.777s;
    --fall-delay: 1.219s;
}

.star:nth-child(14) {
    --star-tail-length: 5.96em;
    --top-offset: 99.83vh;
    --fall-duration: 9.157s;
    --fall-delay: 1.844s;
}

.star:nth-child(15) {
    --star-tail-length: 7.31em;
    --top-offset: 36.39vh;
    --fall-duration: 6.592s;
    --fall-delay: 4.235s;
}

.star:nth-child(16) {
    --star-tail-length: 7.27em;
    --top-offset: 65.31vh;
    --fall-duration: 11.884s;
    --fall-delay: 1.435s;
}

.star:nth-child(17) {
    --star-tail-length: 5.89em;
    --top-offset: 73.17vh;
    --fall-duration: 11.005s;
    --fall-delay: 5.687s;
}

.star:nth-child(18) {
    --star-tail-length: 7.46em;
    --top-offset: 62.28vh;
    --fall-duration: 10.865s;
    --fall-delay: 1.141s;
}

.star:nth-child(19) {
    --star-tail-length: 6.89em;
    --top-offset: 87.52vh;
    --fall-duration: 8.586s;
    --fall-delay: 9.724s;
}

.star:nth-child(20) {
    --star-tail-length: 6.52em;
    --top-offset: 23.76vh;
    --fall-duration: 10.304s;
    --fall-delay: 6.775s;
}

.star:nth-child(21) {
    --star-tail-length: 6.28em;
    --top-offset: 32.47vh;
    --fall-duration: 11.593s;
    --fall-delay: 3.147s;
}

.star:nth-child(22) {
    --star-tail-length: 5.19em;
    --top-offset: 25.43vh;
    --fall-duration: 6.169s;
    --fall-delay: 7.437s;
}

.star:nth-child(23) {
    --star-tail-length: 6.03em;
    --top-offset: 39.49vh;
    --fall-duration: 10.076s;
    --fall-delay: 4.438s;
}

.star:nth-child(24) {
    --star-tail-length: 6.34em;
    --top-offset: 73.8vh;
    --fall-duration: 9.697s;
    --fall-delay: 8.177s;
}

.star:nth-child(25) {
    --star-tail-length: 6.81em;
    --top-offset: 19.49vh;
    --fall-duration: 8.699s;
    --fall-delay: 8.791s;
}

.star:nth-child(26) {
    --star-tail-length: 5.77em;
    --top-offset: 76.9vh;
    --fall-duration: 11.962s;
    --fall-delay: 8.301s;
}

.star:nth-child(27) {
    --star-tail-length: 5.8em;
    --top-offset: 65.6vh;
    --fall-duration: 6.681s;
    --fall-delay: 7.506s;
}

.star:nth-child(28) {
    --star-tail-length: 5.63em;
    --top-offset: 69vh;
    --fall-duration: 6.87s;
    --fall-delay: 1.881s;
}

.star:nth-child(29) {
    --star-tail-length: 7.14em;
    --top-offset: 16.92vh;
    --fall-duration: 6.902s;
    --fall-delay: 4.923s;
}

.star:nth-child(30) {
    --star-tail-length: 6.14em;
    --top-offset: 30.18vh;
    --fall-duration: 7.231s;
    --fall-delay: 5.883s;
}

.star:nth-child(31) {
    --star-tail-length: 7.4em;
    --top-offset: 33.6vh;
    --fall-duration: 9.341s;
    --fall-delay: 6.089s;
}

.star:nth-child(32) {
    --star-tail-length: 5em;
    --top-offset: 2.08vh;
    --fall-duration: 8.993s;
    --fall-delay: 3.901s;
}

.star:nth-child(33) {
    --star-tail-length: 5.98em;
    --top-offset: 3.3vh;
    --fall-duration: 11.772s;
    --fall-delay: 7.189s;
}

.star:nth-child(34) {
    --star-tail-length: 7.39em;
    --top-offset: 61.7vh;
    --fall-duration: 8.157s;
    --fall-delay: 1.539s;
}

.star:nth-child(35) {
    --star-tail-length: 5.39em;
    --top-offset: 47.89vh;
    --fall-duration: 9.896s;
    --fall-delay: 3.768s;
}

.star:nth-child(36) {
    --star-tail-length: 6.62em;
    --top-offset: 20.09vh;
    --fall-duration: 9.464s;
    --fall-delay: 1.61s;
}

.star:nth-child(37) {
    --star-tail-length: 7.05em;
    --top-offset: 33.25vh;
    --fall-duration: 10.508s;
    --fall-delay: 2.282s;
}

.star:nth-child(38) {
    --star-tail-length: 7.1em;
    --top-offset: 45.66vh;
    --fall-duration: 9.588s;
    --fall-delay: 0.938s;
}

.star:nth-child(39) {
    --star-tail-length: 6.35em;
    --top-offset: 45.13vh;
    --fall-duration: 11.172s;
    --fall-delay: 0.206s;
}

.star:nth-child(40) {
    --star-tail-length: 5.33em;
    --top-offset: 65.32vh;
    --fall-duration: 8.77s;
    --fall-delay: 9.071s;
}

.star:nth-child(41) {
    --star-tail-length: 5.55em;
    --top-offset: 61.37vh;
    --fall-duration: 10.564s;
    --fall-delay: 0.194s;
}

.star:nth-child(42) {
    --star-tail-length: 5.24em;
    --top-offset: 15.46vh;
    --fall-duration: 8.641s;
    --fall-delay: 1.29s;
}

.star:nth-child(43) {
    --star-tail-length: 7.12em;
    --top-offset: 36.03vh;
    --fall-duration: 6.684s;
    --fall-delay: 8.27s;
}

.star:nth-child(44) {
    --star-tail-length: 5.72em;
    --top-offset: 6.98vh;
    --fall-duration: 7.432s;
    --fall-delay: 7.055s;
}

.star:nth-child(45) {
    --star-tail-length: 5.24em;
    --top-offset: 67.75vh;
    --fall-duration: 8.642s;
    --fall-delay: 4.575s;
}

.star:nth-child(46) {
    --star-tail-length: 5.26em;
    --top-offset: 33.68vh;
    --fall-duration: 6.09s;
    --fall-delay: 9.039s;
}

.star:nth-child(47) {
    --star-tail-length: 7.26em;
    --top-offset: 16.79vh;
    --fall-duration: 10.054s;
    --fall-delay: 3.221s;
}

.star:nth-child(48) {
    --star-tail-length: 7.01em;
    --top-offset: 39.22vh;
    --fall-duration: 6.921s;
    --fall-delay: 5.315s;
}

.star:nth-child(49) {
    --star-tail-length: 5.42em;
    --top-offset: 76.52vh;
    --fall-duration: 6.444s;
    --fall-delay: 2.199s;
}

.star:nth-child(50) {
    --star-tail-length: 5.09em;
    --top-offset: 7.71vh;
    --fall-duration: 8.915s;
    --fall-delay: 7.984s;
}

.star::before,
.star::after {
    position: absolute;
    content: "";
    top: 0;
    left: calc(var(--star-width) / -2);
    width: var(--star-width);
    height: 100%;
    background: linear-gradient(45deg, transparent, currentColor, transparent);
    border-radius: inherit;
    animation: blink_star 2s linear infinite;
}

.star::before {
    transform: rotate(45deg);
}

.star::after {
    transform: rotate(-45deg);
}

@keyframes fall {
    to {
        transform: translate3d(-30em, 0, 0);
    }
}

@keyframes tail-fade {

    0%,
    50% {
        width: var(--star-tail-length);
        opacity: 1;
    }

    70%,
    80% {
        width: 0;
        opacity: 0.4;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}

@keyframes blink_star {
    50% {
        opacity: 0.6;
    }
}

main {
    min-height: calc(100vh - 6.4rem);
}

main,
footer {
    position: relative;
    margin: 0;
    padding: 5.5rem 1rem 0 1rem;
    padding: ;
}

.main-container,
footer {
    position: relative;
    z-index: 1;
}

a {
    color: var(--first-color);
    text-decoration: none
}

a:hover {
    color: var(--first-color-hover);
}

.table {
    color: #dbdce3;
}

p {
    text-align: justify;
}

.text-primary {
    color: var(--first-color);
}

.text-secondary {
    color: #a5c7e5 !important;
}

.btn {
    padding: .4rem .8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #fff;
    background-color: #fff;
    border: none;
    border-radius: .7rem;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.btn:hover {
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.15);
    color: #fff;
    transform: translateY(-7px);
}

.btn:active {
    transform: translateY(-1px);
}

.btn-primary {
    background: linear-gradient(130deg, rgb(20 77 143 / 70%) 0%, rgb(10 37 71 / 50%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(34 135 27 / 60%);
    color: var(--first-color);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: var(--first-color);
    background: linear-gradient(130deg, rgba(10, 71, 15, 0.5) 0%, rgba(24, 143, 20, 0.7) 100%);
    border: 1px solid rgba(0, 255, 13, 0.4);
    box-shadow: 0 0 9px 0 rgba(0, 255, 34, 0.4);
}

.btn-info {
    background: linear-gradient(90deg, #0dc916 0%, #00ff0d 100%);
}

.btn-info:hover,
.btn-info:active,
.btn-info:focus {
    background: linear-gradient(90deg, #09ff00 0%, #0dc90d 100%)
}

.btn-success {
    background: linear-gradient(90deg, rgba(7, 180, 82, 1) 0%, rgba(15, 237, 155, 1) 100%);
    color: #fff;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background: linear-gradient(90deg, rgba(15, 237, 155, 1) 0%, rgba(7, 180, 82, 1) 100%);
}

.btn-danger {
    background: linear-gradient(90deg, rgba(145, 11, 11, 1) 0%, rgba(227, 14, 14, 1) 100%);
    color: #fff;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background: linear-gradient(90deg, rgba(227, 14, 14, 1) 0%, rgba(145, 11, 11, 1) 100%);
}

.btn-secondary {
    background: linear-gradient(90deg, rgb(45 10 127) 0%, rgb(68 19 209) 100%);
    color: ;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background: linear-gradient(90deg, rgb(68 19 209) 0%, rgb(45 10 127) 100%);
}

.btn-white {
    background: #fff;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    background: #fff;
}

.btn i {
    vertical-align: middle;
}

.form-control,
.form-select {
    color: #fff;
    background: linear-gradient(130deg, rgb(34 135 27 / 60%) 0%, rgb(7 25 47 / 40%) 100%);
    border: 1px solid #216b0a;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
    border-radius: .7rem;
}

.form-control:focus {
    color: #fff;
    background: linear-gradient(130deg, rgb(34 135 27 / 60%) 0%, rgb(7 25 47 / 40%) 100%);
    border: 1px solid rgb(0 220 255 / 66%);
    box-shadow: 0 0 9px 0 rgb(0 220 255 / 40%);
}

.form-control::placeholder {
    color: #216b0a;
}

.form-select:focus {
    box-shadow: none;
}

.form-select {
    font-size: 13px;
    padding: .7rem 2.25rem .7rem .75rem;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dbdce3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.row {
    align-items: center;
    align-content: center;
}

.accordion-item {
    border-color: #45455c;
}

.accordion-button {
    color: #dbdce3;
    background-color: #2d2d3f;
    font-weight: 800;
}

.accordion-button:not(.collapsed) {
    color: var(--first-color);
    background-color: #262639;
}

.accordion-button:focus {
    border: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ecdb0c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dbdce3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
    background-color: #262626;
}

img {
    max-width: 100%;
    max-height: auto;
}

img.lazy {
    background: #F1F1FA;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 29px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 23px;
}

h6 {
    font-size: 21px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin-bottom: 1rem;
}

strong {
    font-weight: 600;
}

hr {
    margin: auto;
    height: 3px !important;
    background: rgb(21 52 87 / 60%);
    opacity: 1;
    max-width: 50% !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.heading-icon {
    display: flex;
    align-items: center;
    align-content: center;
}

.heading-icon img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}

.content_article {
    margin-bottom: 1rem;
}

.content_article *:last-child {
    margin-bottom: 0;
}

.content_article li {
    margin-bottom: 1rem;
}

.content_article li br {
    margin-top: .5rem;
}

.tooltip-inner {
    font-weight: 500;
    width: fit-content;
    background-color: #2196f3;
    box-shadow: 0 0 6px rgb(0 0 0 / 40%);
    color: #fff;
}

.tooltip .tooltip-arrow:before {
    border-right-color: #2196f3;
}

.logo {
    display: inline-flex;
    white-space: nowrap;
    font-size: 25px;
    font-weight: 700;
}

.logo img {
    max-width: 250px;
    height: auto;
}

.header {
    width: 100%;
    height: var(--header-height);
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    border-bottom: 1px solid #155717;
    backdrop-filter: blur(5.7px);
    z-index: var(--z-fixed);
    transition: .5s;
    box-shadow: 0px 2px 5px 0 rgb(0 0 0 / 36%);
}

.header .main-container {
    position: unset;
    width: 100%;
    padding-top: 0;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_toggle {
    font-size: 1.8rem;
    cursor: pointer;
    color: #9b9ba8;
}

.header #btn-menu {
    cursor: pointer;
    font-size: 30px;
    display: none;
}

.header #btn-menu i {
    vertical-align: middle;
}

.header .menu ul {
    display: inline-flex;
    padding: 0;
    margin: 0;
}

.header .menu ul li {
    font-weight: 700;
    list-style: none;
    padding: 0 .7rem;
    text-transform: uppercase;
}

.header .menu ul li a {
    color: #dbdce3;
}

.header .menu ul li a:hover {
    color: var(--first-color);
}

.header .menu ul li.active a {
    color: var(--first-color);
}

.header .menu ul li.active a:hover {
    color: var(--first-color-hover);
}

.dropdown-con {
    position: absolute;
    width: 100%;
    min-width: 200px;
    max-width: 400px;
    color: var(--first-color);
    background: linear-gradient(130deg, rgb(18 97 19 / 90%) 0%, rgb(7 47 12 / 90%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(24 97 18 / 60%);
    top: 4.5rem;
    margin-left: 25px;
    padding: .7rem;
    border-radius: .7rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 17%);
    margin-bottom: .5rem;
}

.dropdown-con#provider-slot ul {
    columns: 2;
}

.dropdown-con ul.dropdown {
    display: block;
}

.dropdown-con ul.dropdown li:not(:last-child) {
    margin: .5rem 0;
    border-bottom: 1px solid rgb(34 135 27 / 60%);
}

.dropdown-con ul.dropdown {
    max-height: 85vh;
    overflow: auto;
}

@media screen and (max-width: 768px) {
    .dropdown-con ul.dropdown {
        max-height: 40vh;
    }
    .header .menu.active {
        display: block;
    }
}

.search_bar {
    width: 100%;
}

.search_bar:before {
    color: #9b9ba8;
}

.search_bar input {
    display: inline-block;
    padding-left: 2.4rem;
}

.search_bar:before {
    content: "\ebf8";
    font-family: 'boxicons';
    width: 20px;
    height: 20px;
    position: absolute;
    font-size: 25px;
    color: #808080;
    margin-left: 6px;
}

.search_bar.style_2 {
    max-width: unset !important;
    padding: 0px;
}

.header_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_img i {
    font-size: 20px;
}

.switch {
    position: relative;
    display: block;
    height: 13px;
    width: 37px;
    background: #181824;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 5px;
}

.switch:after {
    position: absolute;
    left: -2px;
    top: -3px;
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 100px;
    background: #2d2d3f;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    transition: all 0.3s ease;
}

.switch:active:after {
    transform: scale(1.15, 0.85);
}

.cbx:checked~label {
    background: #EBEBEB;
}

.cbx:checked~label:after {
    left: 20px;
    background: #FFFFFF;
}

.cbx:disabled~label {
    background: #d5d5d5;
    pointer-events: none;
}

.cbx:disabled~label:after {
    background: #bcbdbc;
}

.hidden {
    display: none;
}

.nav {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.close_menu {
    background: #2d2d3f;
    font-size: 25px;
    display: none;
    padding: 5px;
}

.nav_logo {
    margin-bottom: 2rem
}

.nav_logo-icon {
    font-size: 1.25rem;
    color: var(--white-color)
}

.nav_logo-name {
    color: var(--white-color);
    font-weight: 700
}

.nav_icon {
    font-size: 1.25rem;
    vertical-align: middle;
    height: 100%;
    max-width: 25px;
    max-height: 25px;
}

.main-container {
    padding-top: 1rem;
    max-width: 1200px;
    margin: auto;
}

.slide-container,
.slide-container-mobile {
    border-radius: .7rem;
    overflow: hidden;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
    margin-bottom: 1rem;
}

.slide-container-mobile {
    display: none;
}

.slide-container img,
.sl ide-container-mobile img {
    width: 100%;
    height: auto;
}

.selection {
    max-width: 200px;
    margin: auto;
    margin-right: 0;
}

.provider-cont {
    text-align: center;
    padding: .7rem;
}

.provider-cont .game-container {
    padding: .5rem;
}

.provider-cont img {
    max-height: 50px;
    margin-bottom: .5rem;
}

.provider-img {
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(31 87 21 / 60%);
    padding: .5rem;
    border-radius: .7rem;
}

.provider-img img {
    max-width: 120px;
}

.game-container {
    width: 100%;
    display: block;
    color: #dbdce3;
    background: linear-gradient(130deg, rgb(34 135 27 / 60%) 0%, rgb(7 25 47 / 40%) 100%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(34 135 27 / 60%);
    border-radius: .7rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
    margin-bottom: 1.5rem;
    cursor: pointer;
    padding: .5rem;
}

.game-container:hover {
    border: 1px solid rgb(0 220 255 / 40%);
    box-shadow: 0 0 9px 0 rgb(0 220 255 / 40%);
}

.game-container .btn-con .btn {
    font-size: 12px;
    font-weight: 700;
    padding: 0.4rem;
}

.game-img {
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    max-height: 11vw;
    height: auto;
    overflow: hidden;
    border-radius: 0.5rem;
    align-items: center;
    align-content: center;
    display: flex;
    position: relative;
    --bs-aspect-ratio: calc(3 / 4 * 100%);
    margin-bottom: .5rem;
}

.game-img::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.l-navbar .nav_link a {
    color: var(--first-color-hover);
}

.l-navbar .nav_link a:hover {
    color: var(--first-color-hover);
}

.l-navbar .dropdown li:not(:last-child) {
    border-color: #41415c;
}

.l-navbar .dropdown li a {
    color: #d0d1d9;
}

.l-navbar .dropdown li:hover a {
    color: var(--first-color);
}

.user-online {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    background: rgb(0 0 0 / 60%);
    color: #fff;
    text-shadow: 0 0 3px black;
    padding: 1px 6px;
    border-radius: 5px;
    z-index: 99;
}

.user-online i {
    margin-right: 3px;
}

.text-primary {
    color: var(--first-color) !important;
}

.toast {
    width: 250px;
    background: #2c2c2c;
}

.toast-header {
    background: #3a3a3a;
    color: #dbdce3;
}

.page-link {
    color: var(--first-color);
}

.page-link .bx {
    vertical-align: middle;
}

.page-link:hover {
    color: var(--first-color-hover);
}

.dark .page-link {
    background: #2d2d3f;
    border-color: #3e3e4c;
}

.game-img {
    max-height: unset !important;
}

.game-img img {
    position: absolute;
    width: 100%;
    height: auto;
}

.slick-slide img {
    display: inline !important;
}

.game-btn-play {
    content: '';
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
    background: rgb(24 24 36 / 60%);
    opacity: 0;
    transition: all .3s;
}

.game-btn-play button {
    margin: auto;
    font-size: 20px;
    padding: 0 .575rem;
}

.game-container:hover .game-btn-play {
    opacity: 1;
}

.game-text-cont {
    padding: .7rem;
    margin-top: -40px;
    position: relative;
}

.game-text {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-text h5,
.game-container .h5 {
    font-size: 18px;
    margin-bottom: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-text>span.text-secondary {
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-style-2 .game-item-container {
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: .7rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
    margin-bottom: 1rem;
    padding: 1rem 4rem;
}

.game-style-2 .slick-games-style-2 {
    width: 100%;
    border-radius: .7rem;
    overflow: hidden;
}

.game-style-2 .slick-games-style-2 .slick-slide {
    display: flex !important;
}

.game-style-2 .slick-games-style-2 .slick-slide>div {
    margin-bottom: 1rem;
}

.game-style-2 .slick-game-btn {
    position: absolute;
    display: block;
    text-align: left;
    z-index: 10;
}

.game-style-2 .slick-game-btn.btn-left {
    left: 1rem;
}

.game-style-2 .slick-game-btn.btn-right {
    right: 1rem;
}

.game-style-2 .slick-game-btn .btn {
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 25%);
}

.game-style-2 .slick-game-btn .previous {
    margin-left: 0;
}

.game-style-2 .game-container {
    width: 100%;
    align-items: center;
    align-content: center;
    padding: .5rem;
    margin-bottom: 0;
    margin-right: 1rem;
    position: relative;
}

.game-style-2 .game-container .pe-0 {
    max-width: fit-content;
}

.game-style-2 .game-img {
    max-width: 92px;
    text-align: center;
    margin-bottom: 0;
}

.game-style-2 .game-text {
    padding-left: .5rem;
}

.game-container .game-number {
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 1rem;
    font-size: 55px;
    font-weight: 800;
    color: var(--first-color);
    opacity: 0.2;
}

.agen-container {
    width: 100%;
    background: #262626;
    padding: .7rem;
    border-radius: .7rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
    margin-bottom: 1rem;
}

.agen-container:hover .agen-logo-img {
    transform: scale(1.1);
}

.agen-container>.row>div {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.agen-container>.row>div:not(:last-child):after {
    content: '';
    position: absolute;
    display: block;
    height: 60px;
    width: 3px;
    background: #2e3f2d;
    right: 0;
}

.agen-logo-img {
    cursor: pointer;
    text-align: center;
    transition: transform .3s;
}

.agen-logo-img img {
    max-width: 90%;
    max-height: 50px;
}

.agen-rating {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
}

.agen-rating i {
    cursor: pointer;
    color: #ffc107;
}

.agen-text h6 {
    margin-bottom: .2rem;
}

.agen-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.slick-game-btn {
    text-align: right;
    white-space: nowrap;
}

.slick-game-btn .slick-list {
    display: none;
}

.slick-game-btn .btn {
    background: rgba(1, 99, 1, 0.72);
    border: 1px solid #216b0a;
    border-radius: .4rem;
    color: #00ff0d;
    padding: 0 3px;
    font-size: 20px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
}

.slick-game-btn .btn:hover {
    background: #e7e7e7;
}

.slick-game .slick-slide {
    min-width: 140px;
    max-width: 12.6vw;
    margin: 0px .5rem;
}

footer {
    width: 100%;
    background: linear-gradient(130deg, rgb(10 43 9 / 40%) 0%, rgb(31 87 21 / 60%) 100%);
    backdrop-filter: blur(5px);
    border-top: 1px solid rgb(31 87 21 / 60%);
    margin-top: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

footer .text-secondary {
    color: white !important;
}

footer .licenses {
    margin-top: 5px;
}

footer .licenses img {
    margin-left: 5px;
    max-width: 120px;
}

footer .copyright {
    text-align: center;
}

.align-unset {
    align-items: inherit;
    align-content: inherit;
}

.breadcrumb {
    margin: .5rem 0 1.5rem 0;
    display: flex;
    align-items: center;
    align-content: center;
    color: #8b8da0;
}

.breadcrumb i {
    font-size: 20px;
    padding: 0 .3rem;
}

.single-review {
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(31 87 21 / 60%);
    padding: 1rem;
    border-radius: .7rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
}

.single-review .review-logo {
    margin-bottom: 1rem;
    text-align: center;
}

.single-review .review-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 60px;
}

.single-review .info {
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(31 87 21 / 60%);
    border-radius: .7rem;
    padding: 1rem;
}

.single-review .info ul {
    list-style: none;
    padding-left: 1.5rem;
}

.single-review .info ul li {
    position: relative;
}

.single-review .info ul li:after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 12px;
    top: 5px;
    left: -23px;
}

.single-review .info ul.kelebihan li:after {
    background: url(../img/checkmark.svg) no-repeat;
    background-size: 15px 12px;
}

.single-review .info ul.kekurangan li:after {
    background: url(../img/delete.svg) no-repeat;
    background-size: 15px 12px;
}

.progress-con {
    display: flex;
    height: .8rem;
    overflow: hidden;
    font-size: .75rem;
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(21, 87, 21, 0.8);
    border-radius: .6rem;
    margin-top: .2rem;
}

.progress-bar {
    width: 100%;
    animation-name: progress-bar;
    animation-duration: 1.5s;
    border-radius: .6rem;
}

.progress-bar.danger {
    background: #fd0d0d;
}

.progress-bar.warning {
    background: #fdae0d;
}

.progress-bar.success {
    background: #4dfd0d;
}

.card {
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(31 87 21 / 60%);
    border-radius: .7rem;
    padding: 1rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
}

.sidebar {
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(31 87 21 / 60%);
    border-radius: .7rem;
    padding: 1rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
}

.sidebar .top-games {
    height: 31.8vw;
    min-height: 300px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 8px;
}

.sidebar .top-games .game-container {
    position: relative;
    margin-bottom: .5rem;
    padding: .5rem;
}

.sidebar .top-games .game-container:last-child {
    margin-bottom: 0;
}

.sidebar .top-games .game-img {
    margin-bottom: 0;
    margin-right: .5rem;
    min-width: 75px;
    --bs-aspect-ratio: 100%;
}

.sidebar .last-post:not(:last-child) {
    margin-bottom: .5rem;
}

.sidebar .last-post .last-post-img,
.sidebar .top-games .game-img {
    width: 100%;
    max-width: 75px;
    max-height: 58px;
}

.fit-content {
    max-width: fit-content;
}

.sidebar .agen-container {
    background: #f3f5f6;
    box-shadow: none;
}

.sidebar .agen-logo-img img {
    max-height: 40px;
    max-width: 110px;
}

.sidebar .last-post .last-post-img {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    overflow: hidden;
    border-radius: .7rem;
}

.sidebar .last-post .last-post-text h6 {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar .last-post .last-post-text a {
    font-size: 13px;
    display: flex;
    align-items: center;
    align-content: center;
}

.sidebar .last-post .last-post-text a i {
    font-size: 20px;
}

.sidebar .last-post .last-post-text a:hover span {
    text-decoration: underline;
}

.slot-iframe {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    border-radius: .7rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
    overflow: hidden;
    width: 100%;
}

.slot-iframe:before {
    content: '';
    position: absolute;
    background: rgb(24 24 36 / 76%);
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
}

.slot-iframe-con {
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
}

.slot-iframe .slot-play {
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.slot-iframe .slot-play .slot-iframe-btn {
    display: flex;
    justify-content: center;
}

.slot-iframe .slot-play .slot-iframe-btn .btn {
    display: flex;
    align-items: center;
}

.slot-iframe .slot-play .slot-iframe-btn i {
    font-size: 20px;
}

.slot-iframe .slot-play .before-play {
    text-align: center;
}

.slot-iframe .slot-play .before-play img {
    width: 100%;
    max-width: 180px;
}

.slot-iframe .slot-play .loading-game {
    text-align: center;
    margin-top: .2rem;
}

.slot-iframe-bottom {
    bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    padding: .5rem;
    background: rgb(9 25 43 / 60%);
}

.slot-iframe-bottom>* {
    position: relative;
}

.slot-iframe-bottom .btn {
    padding: .175rem .75rem;
}

.slot-iframe-bottom .btn-fullscreen {
    color: #fff;
    vertical-align: middle;
    font-size: 20px;
    padding: 0;
    background: none;
    border: none;
    float: right;
}

.slot-iframe-bottom .btn-fullscreen i {
    margin-top: 6px;
}

.slot-iframe .slot-iframe-img {
    margin-bottom: 1rem;
}

.slot-iframe .slot-iframe-img img {
    max-width: 150px;
    border-radius: .7rem;
}

.iframe-fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 99999999999;
    overflow: hidden;
    border-radius: 0 !important;
}

.iframe-fullscreen #iframe-ratio {
    z-index: 2;
    padding-bottom: 48px;
}

.iframe-fullscreen #iframe-ratio iframe {
    padding-bottom: 48px;
}

.iframe-fullscreen #iframe-ratio {
    max-height: 100vh;
}

.iframe-fullscreen .slot-iframe-bottom {
    margin-top: -48px;
}

.pagination {
    background: #2d2d3f;
    border-radius: .7rem;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 7%);
}

.pagination .page-item:first-child .page-link {
    border-left: 0;
}

.pagination .page-item .page-link {
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

.pagination .page-item.active .page-link {
    background: var(--first-color);
    border-color: var(--first-color);
}

.pagination .page-item.disabled .page-link {
    background: #2d2d3f;
    color: #8b8da0;
}

.pagination .page-item.active:hover .page-link {
    color: #fff;
}

.game-stats-con {
    max-width: 380px;
}

.live-rtp-con {
    margin: 0;
}

.live-rtp-con>div {
    padding: 0px 2px;
}

.live-rtp {
    width: 100%;
    background: #1c1c1c;
    text-align: center;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: .2rem .5rem;
    border-radius: .5rem;
}

.live-rtp i {
    font-size: 15px;
    margin-left: 3px;
}

.live-rtp .bxs-chevrons-up {
    color: #33cc39;
}

.live-rtp .bxs-chevrons-down {
    color: #ff3b3b;
}

.live-rtp span {
    margin-right: 3px;
}

.game-stats {
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: 2px solid #e8e8e8;
}

.game-stats:last-child {
    border: none !important;
}

.tag-kategori {
    display: inline-block;
    color: #ffffff;
    background: var(--first-color);
    padding: 1px 5px;
    border-radius: 0.4rem;
    margin-bottom: 2px;
    white-space: nowrap;
}

.tag-kategori:hover {
    color: #ffffff;
    background: var(--first-color-hover);
}

.tag-kategori:not(:last-child) {
    margin-right: 2px;
}

.live-rtp-slot {
    margin-top: .1rem;
}

.live-rtp-slot .day-rtp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 1px 5px;
    border-radius: .3rem;
    margin-right: 5px;
    font-weight: 800;
}

.live-rtp-slot .day-rtp.up {
    background: #33cc39;
}

.live-rtp-slot .day-rtp.down {
    background: #ff3b3b;
}

.anchor {
    display: block;
    height: 92px;
    margin-top: -92px;
    visibility: hidden;
}

.modal-content {
    background: linear-gradient(130deg, rgb(33 87 21 / 60%) 0%, rgb(12 43 9 / 40%) 100%);
    backdrop-filter: blur(5px);
    border-color: rgb(21 52 87 / 60%);
}

.modal-header,
.modal-footer {
    border-color: rgba(21, 87, 30, 0.6);
}

.game-stats {
    border-bottom: 2px solid #2d3f2d;
}

#promotion .modal-content {
    padding: 0;
    border-radius: .7rem;
    overflow: hidden;
}

#promotion .modal-body {
    padding: 0;
    border-radius: .7rem;
    overflow: hidden;
}

#promotion .close {
    color: #fff;
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    padding: 0;
    font-size: 30px;
    text-shadow: 0 0 8px #000;
}

@keyframes progress-bar {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    .logo img {
        max-width: 180px;
        height: auto;
    }

    .header #btn-menu {
        display: block;
    }

    .header .menu {
        display: none;
        position: absolute;
        padding: .5rem .2rem;
        width: 100%;
        background: linear-gradient(130deg, rgba(21, 87, 26, 0.9) 0%, rgba(9, 43, 14, 0.8) 100%);
        border: 1px solid rgb(31 87 21 / 60%);
        backdrop-filter: blur(6px);
        z-index: 99999;
        top: var(--header-height);
        left: 0;
    }

    .header .menu.active {
        display: block;
    }

    .header .menu ul {
        display: block;
    }

    .header .menu ul li:not(:last-child) {
        margin-bottom: .5rem;
    }

    .header .menu .dropdown-con {
        background: linear-gradient(130deg, rgba(8, 65, 8, 0.7) 0%, rgba(5, 24, 8, 0.6) 100%);
        box-shadow: none;
        position: relative;
        width: auto;
        max-width: 100%;
        top: 0;
        margin-left: .5rem !important;
        margin-right: .5rem !important;
        margin-bottom: .5rem;
    }

    .dropdown-con#provider-slot ul {
        columns: unset !important;
    }

    .slide-container {
        display: none;
    }

    .slide-container-mobile {
        display: block;
    }

    .carousel-indicators {
        margin-bottom: .2rem;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }

    .selection {
        max-width: 100%;
    }

    .game-img {
        max-height: 24vw;
    }

    .agen-container {
        padding: 1.2rem;
        text-align: center;
    }

    .agen-container>.row>div {
        margin-bottom: 1rem;
    }

    .agen-container>.row>div:after {
        display: none !important;
    }

    .agen-rating {
        margin-top: 1rem;
        font-size: 28px;
    }

    .sidebar .agen-container>.row>div {
        margin-bottom: .5rem;
    }

    .sidebar .agen-rating {
        margin-top: .5rem;
        font-size: 18px;
    }

    .single-review .info .kelebihan {
        padding-bottom: 1rem;
        border-bottom: 1px solid #dedede;
    }

    .slot-iframe .slot-play .before-play img {
        max-width: 80px;
    }

    .slot-iframe .slot-iframe-img img {
        width: 30vw;
    }

    footer .copyright {
        text-align: center;
    }

    .game-stats-con {
        max-width: 100%;
    }

    .anchor {
        height: 65px;
        margin-top: -65px;
    }

    .live-rtp-slot {
        font-size: 11.5px;
    }
}

@media screen and (max-width: 400px) {
    .live-rtp-slot {
        font-size: 10px;
    }
}

body *::-webkit-scrollbar {
    width: 7px;
}

body *::-webkit-scrollbar-thumb {
    background: #216b0a;
    border-radius: 5px;
    cursor: pointer;
}

body *::-webkit-scrollbar-thumb:hover {
    background: #00ff15;
}

body *::-webkit-scrollbar-track {
    background: rgb(2 39 2 / 90%);
    border-radius: 5px;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 10px 10px;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    margin: auto;
    width: 70px;
    height: 17px;
}

.lds-ellipsis div {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #a0a0a0;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.blink {
    cursor: pointer !important;
    animation-name: blink;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#seeMore, #seeLess{
  width:5em;
  text-align: center;
  display: block;
  margin:1em auto;
  background:linear-gradient(0deg, #094300 0%, #03cd00 100%);
  border:1px solid #3ecd00;
  text-decoration:none;
  color:white;
  font-weight:700;
  border-radius:10px;
}

#showText{
  display:none;
}