a{
    text-decoration:underline;
    color:#0a02ad;
    font-weight:bold;
}

body,div,h1,h2,h3,html,img,p,table,tbody,td,th,tr,u{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
}

body,html{
    font-family:Arial,Helvetica,sans-serif;
    font-size:100%;
    background:#fff;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

table{
    border-collapse:collapse;
    border-spacing:0;
    width:80%;
    margin:auto;
}

.item1,
.text-center{
    text-align:center;
}

.clear{
    clear:both;
}

.container{
    background-color:#fafafa;
    width:100%;
    margin:0 auto;
}

.col-md-45{
    width:33.33%;
    float:left;
    position:relative;
    min-height:1px;
}

.col-md-50{
    width:16.66%;
    float:left;
}

.item1{
    width:100%;
    float:none;
    font-size:24px;
}

.head-one{
    padding:0 0 .5em;
}

.head-one h2{
    /*font-weight:800;*/
    color:#303030;
    /*font-size:.9em;*/
}

.head-one p{
    margin:0 auto;
    font-size:.875em;
    color:#5a5a5a;
    letter-spacing:.015em;
    width:95%;
    line-height:1.6em;
}

.top-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    height:60px;
    min-height:60px;
    background-color:#9cf;
    padding:6px 15px;
    overflow:hidden;
}

.work-grid{
    margin-bottom:.3em;
}

.work-grid img{
    width:98%;
    border:1px solid #fff;
}

.team-head p{
    width:90%;
    font-weight:600;
    color:#5a5a5a;
    margin:.8em auto 0;
}

.table th{
    border:1px solid #000;
    background-color:#fafafa;
}

.table td{
    border:1px solid #000;
}

.teer-img{
    width:137px;
    height:137px;
}

.teer-custom-layout{
    max-width:850px;
    margin:30px auto;
    padding:0 20px;
    font-family:Arial,sans-serif;
    color:#111;
}

.teer-section,
.teer-faq-section{
    margin-bottom:50px;
}

.teer-heading{
    font-size:32px;
    font-weight:400;
    text-align:left;
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:2px dashed #222;
    position:relative;
    display:block;
}

.teer-heading::before{
    content:"\2605\00a0";
    font-size:32px;
    color:#000;
}

.teer-subheading-h3{
    font-size:26px;
    font-weight:400;
    margin-top:35px;
    margin-bottom:15px;
    border-bottom:1px dashed #444;
    padding-bottom:8px;
}

.teer-subheading-h3::before{
    content:"\2605\00a0";
}

.teer-subheading-h4{
    font-size:22px;
    font-weight:400;
    margin-top:30px;
    margin-bottom:12px;
}

.teer-subheading-h5{
    font-size:18px;
    font-weight:400;
    margin-top:25px;
    margin-bottom:10px;
}

.teer-text-box p{
    font-size:17px;
    line-height:1.6;
    text-align:center;
    margin-bottom:25px;
    color:#222;
}

.teer-text-box p:last-child{
    margin-bottom:0;
}

.faq-premium-box{
    background-color:#f8faff;
    border:1px solid #e1e8f5;
    border-radius:16px;
    padding:24px;
    margin-bottom:20px;
    text-align:left;
}

.faq-premium-question{
    font-size:22px;
    font-weight:700;
    color:#0a4fa4;
    margin:0 0 14px;
    padding-bottom:14px;
    border-bottom:1px solid #e2eaf4;
}

.faq-premium-answer p{
    font-size:16.5px;
    line-height:1.6;
    color:#3e4a5b;
    margin:0;
}

.teer-table-container{
    max-width:600px;
    margin:25px auto;
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 15px rgba(0,0,0,.06);
    overflow:hidden;
    padding:5px;
}

.teer-info-table{
    width:100%;
    border-collapse:collapse;
    font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,sans-serif;
    background-color:#fff;
}

.teer-info-table thead th{
    background-color:#01821b;
    color:#fff;
    text-align:center;
    padding:16px;
    font-size:18px;
    font-weight:600;
    width:50%;
    border:none;
}

.teer-info-table thead th:first-child{
    border-right:1px solid rgba(255,255,255,.2);
}

.teer-info-table tbody td{
    padding:14px 20px;
    font-size:16px;
    color:#333;
    text-align:center;
    border-bottom:1px solid #703901;
}

.teer-info-table tbody td:first-child{
    border-right:1px solid #1d1e1f;
    color:#444;
}

.teer-info-table tbody tr:last-child td{
    border-bottom:none;
}

.text-muted{
    font-size:14px;
    color:#111;
    font-weight:700;
}

.font-bold{
    font-weight:600;
}

.text-dark{
    color:#000!important;
}

.teer-link{
    color:#011470;
    text-decoration:underline;
    font-weight:500;
}

.teer-link:hover{
    color:#004499;
}

.live-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:500;
    color:#222;
}

.live-dot{
    width:14px;
    height:14px;
    background-color:#ff3b30;
    border-radius:50%;
    display:inline-block;
    animation:pulse-live 1.8s infinite;
}

@keyframes pulse-live{
    0%{
        transform:scale(.95);
        box-shadow:0 0 0 0 rgba(255,59,48,.5);
    }
    70%{
        transform:scale(1);
        box-shadow:0 0 0 6px rgba(255,59,48,0);
    }
    100%{
        transform:scale(.95);
        box-shadow:0 0 0 0 rgba(255,59,48,0);
    }
}

.teer-info{
    max-width:900px;
    font-size:18px;
    line-height:1.8;
    color:#111;
}

.teer-info li{
    margin-left:10px;
}

.teer-box{
    max-width:900px;
    font-size:18px;
    line-height:1.9;
}

ol{
    padding-left:30px;
    text-align: left;
}

.app-btn{
    display:block;
    width:fit-content;
    margin:25px auto;
    padding:14px 28px;
    background:#9bc493;
    color:#000;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    border-radius:8px;
}

.app-btn:hover{
    transform:scale(1.03);
}

.rules-section{
    width:100%;
}

.section-title{
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
    color:#111;
}

.rule-box{
    background:#e6dcdc;
    padding:10px 12px;
    margin-bottom:22px;
    border-radius:28px;
    font-size:15px;
    line-height:1.8;
    color:#111;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
}

.sky-blue-footer{
    background-color:#08452b;
    width:100%;
    padding:10px 0;
    box-sizing:border-box;
    clear:both;
    font-family:Arial,sans-serif;
}

.sky-footer-container{
    max-width:900px;
    margin:0 auto;
    padding:0 15px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
    box-sizing:border-box;
}

.sky-footer-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    row-gap:12px;
}

.sky-footer-nav a{
    color:#ffffff !important;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
}

.sky-footer-nav a:hover{
    text-decoration:underline;
}

.sky-footer-line{
    width:100%;
    border:0;
    border-top:1.5px solid #000;
    margin:5px 0;
}

.sky-social-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
}

.sky-social-heading{
    color:#ffffff !important;
    font-size:16px;
    font-weight:700;
    margin:0;
}

.sky-social-icons{
    display:flex;
    justify-content:center;
    gap:15px;
}

.sky-ico{
    width:48px;
    height:48px;
    background-color:#878686;
    border-radius:50%;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:55%;
    transition:transform .2s ease;
}

.sky-ico:hover{
    transform:scale(1.05);
}

.sky-ico-fb{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c4.56-.93 8-4.96 8-9.8z'/%3E%3C/svg%3E");
}

.sky-ico-yt{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}

.sky-ico-x{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}

.sky-ico-in{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
}

.sky-footer-copy{
    color:#ffffff !important;
    font-size:16px;
    font-weight:700;
    margin:5px 0 0;
    text-align:center;
}

@media (max-width:650px){
    .sky-footer-nav{
        gap:12px;
    }

    .sky-footer-nav a{
        font-size:14px;
    }

    .sky-social-heading,
    .sky-footer-copy{
        font-size:14px;
    }

    .sky-ico{
        width:42px;
        height:42px;
    }
}

@media (max-width:600px){
    .teer-heading,
    .teer-heading::before{
        font-size:24px;
        margin-top: 0.5rem;
    }

    .teer-subheading-h3{
        font-size:20px;
    }

    .teer-text-box p{
        font-size:15px;
        text-align:justify;
    }

    .faq-premium-box{
        padding:16px;
        border-radius:12px;
    }

    .faq-premium-question{
        font-size:18px;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .faq-premium-answer p{
        font-size:14.5px;
    }
}

@media (max-width:480px){
    .teer-info-table thead th{
        padding:12px;
        font-size:16px;
    }

    .teer-info-table tbody td{
        padding:12px 10px;
        font-size:14.5px;
    }

    .live-dot{
        width:12px;
        height:12px;
    }
}

h1 {
  font-weight: normal !important;
  font-size: clamp(1.4rem, 4vw, 2rem) !important;
}

h2 {
  font-size: clamp(1.3rem, 3vw, 1rem) !important;
}

h3 {
  font-size: clamp(1.1rem, 2vw, 0.8rem) !important;
}

h4 {
  font-size: clamp(1rem, 1.5vw, 0.7rem) !important;
}
