@font-face {
    font-family: 'ZenAntique';
    src: url('../fonts/ZenAntique-Regular.ttf');
}
body {
    background-color: #072CAB;
    background : linear-gradient(180deg,#072CAB 20%, #075CB5 50%);
    background-repeat: no-repeat;
    background-size: contain;
    color: #07AB7A;
    text-shadow: 2px 2px #000;
    font-weight: 600;
    font-size: 20px;
    font-family: 'ZenAntique';
}
.home_header {
    text-align: center;
}
.home_header_logo {
    max-height: 200px;
}
.menu li {
    display: inline-block;
    list-style-type: none;
}
.nav-link {
    color: #07AB7A!important;
    background-color: #02B5B3;
    margin: 0 15px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #000;
}
.nav-link.active {
    box-shadow: none;
    border: 2px solid green;
    animation : borderblink 4s infinite linear;
}
.next_ld {
    text-align: center;
    margin: 25px auto;
    background-color: #028CB8;
    padding: 15px 35px;
    border-radius: 25px;
    border: 2px solid #000;
}
/* Index Page */
.left_box {
    width: 40%;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}
.left_box a {
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.tog {
    margin-bottom: 15px;
}
.livedraw-info {
    width: 59%;
    display: inline-block;
    vertical-align: top;
}
.index_border {
    width: 100%;
    /* background-color: #000; */
    border-radius: 10%;
    margin-bottom: 20px;
    animation : blink 5s linear infinite;
}
.left_box h3 {
    text-align: center;
    color: #fff;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid #fff; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
      typing 5s steps(75, end) infinite,
      blink-caret .75s step-end infinite;
}
.livedraw-info {
    text-align: center;
}
.img_result {
    width: 60px;
}
.table {
    border: 1px solid #fff;
}
.table thead th {
    border: none;
    border-bottom: 1px solid #fff;
}
thead th {
    background-color: #0228AB;
}
.table {
    color: #07AB7A;
    font-size: larger;
    background: linear-gradient(90deg, #0259B5 20%, #0228AB 50%);
}
.table td {
    vertical-align: middle;
    border: none;
}

/* Last Result */
.section {
    overflow-x: scroll;
    text-align: center;
    padding: 25px 0;
}
.section::-webkit-scrollbar {
    display: none;
}
tr.odd td, tr.even td {
    background-color: transparent;
}
.last_result_table, .livedraw_table {
    min-width: 600px;
}
.page-link {
    color: #07AB7A;
    background-color: transparent;
}
/* Live Draw */
.conso_table, .start_table {
    width: 46%;
    display: inline-block;
}
/* About Us */
.about_page { 
    text-align: left;
}
.about_page h1 {
    margin-bottom: 25px;
}
.navbar-toggler {
    background-color: #fff;
}
.navbar-collapse {
    margin-bottom: 10px;
}
.navbar-menutext {
    padding: 10px 25px;
    margin: 0;
}

.support_box {
    background-color: rgba(0, 0, 0, 0.5);
}
.support_img {
    width: 24%;
    max-height: 200px;
}
footer {
    margin-top: 35px;
    text-align: center;
}
.footer-text {
    margin-top: 20px;
}
.chs_mkt {
    background-color : darkblue;
    border : 2px solid #fff;
    color : #fff!important;
    text-transform : uppercase;
    margin-bottom : 25px;
}
.livedraw-info .active {
    border-color : green;
    background-color : #fff;
    color : #000!important;
}
@media screen and (max-width : 991px) {
    .nav-link {
        border-radius: 0;
        padding-left: 10px!important;
    }
    .nav-link.active {
        border : 2px solid rgb(203, 255, 13);
        animation: none;
    }
    .left_box {
        vertical-align: top;
        margin-bottom: 35px;
    }
    .img_result {
        width: 45px;
    }
}
@media screen and (max-width : 767px) {
    .left_box, .livedraw-info {
        width: 100%;
    }
}
@media screen and (max-width : 550px) {
    .index_border {
        display: none;
    }
    .left_box {
        overflow-x: scroll;
    }
    .conso_table, .start_table {
        width: 100%;
    }
}

/* The typing effect */
@keyframes typing {
    0% { width: 0 }
    50% { width: 100% }
}
  
  /* The typewriter cursor effect */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #fff; }
}

@keyframes borderblink {
    20% {border: 2px solid green;}
    80% {border: 2px solid greenyellow;}
}
@keyframes blink {
    20% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
}
  
@-webkit-keyframes glow {
    from {
      text-shadow: 0 0 10px #000, 0 0 20px #fff, 0 0 30px #02AB79, 0 0 40px #02AB79, 0 0 50px #02AB79, 0 0 60px #02AB79, 0 0 70px #02AB79;
    }
    
    to {
      text-shadow: 0 0 20px #000, 0 0 30px #02B5B3, 0 0 40px #02B5B3, 0 0 50px #02B5B3, 0 0 60px #02B5B3, 0 0 70px #02B5B3, 0 0 80px #02B5B3;
    }
}