/* ............. utilities ............. */

:root {
    --c_primary: #00142f;
    --c_primary2: #082640;
    --c_tomato: #00427c;
    --c_warning: #ffd320;
    --c_white: #ffffff;
    --bg_primary: #00142f;
    --bg_primary2: #082640;
    --bg_tomato: #00427c;
    --bg_warning: #ffd320;
    --bg_primaryGradient: linear-gradient(to right, #082f51, #082f51);
    --bg_cardGradient: linear-gradient(135deg, #082f51, #082f51);
}

body {
    color: var(--c_white);
    background-color: var(--bg_primary);
    font-family: 'Figtree', sans-serif;
}

.c_primary {
    color: var(--c_primary);
}

.c_primary2 {
    color: var(--c_primary2);
}

.c_tomato {
    color: var(--c_tomato);
}

.c_warning {
    color: var(--c_warning);
}

.c_primaryGradient {
    background: -webkit-linear-gradient(270deg, #ffd421, #ff9e01);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg_primary {
    background-color: var(--bg_primary);
}

.bg_primary2 {
    background-color: var(--c_primary2);
}

.bg_tomato {
    background-color: var(--bg_tomato);
}

.bg_warning {
    background-color: var(--bg_warning);
}

.bg_primaryGradient {
    background: var(--bg_primaryGradient);
}

.bg_cardGradient {
    background-image: var(--bg_cardGradient);
}

.btn_tomatoGradient {
    background: -o-linear-gradient(top, #6eb9fb, #2780ce);
    background: -webkit-gradient(linear, left top, left bottom, from(#6eb9fb), to(#2780ce));
    background: linear-gradient(to bottom, #6eb9fb, #2780ce);
    border: none;
}

.btn_tomatoGradient:hover {
   background: -o-linear-gradient(top, #6eb9fb, #2780ce);
    background: -webkit-gradient(linear, left top, left bottom, from(#6eb9fb), to(#2780ce));
    background: linear-gradient(to bottom, #6eb9fb, #2780ce);
}

.fs_lg {
    font-size: 22px;
}

.fs_md {
    font-size: 18px;
}

.fs_def {
    font-size: 15px;
}

.fs_xSm {
    font-size: 10px;
}

.border_def {
    border-width: 3px !important;
    border-color: var(--c_tomato) !important;
}

.sec_py {
    padding: 62px 0px;
}


/* ............. utilities ............. */

.header_sec {}

.header_logo {
    width: 141px;
    height: 50px;
}

.header_sec .navbar-nav .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}

.header_sec .navbar-nav .nav-item::after {
    content: "|";
    color: var(--c_white);
}

.header_sec .navbar-nav .nav-item:last-child:after {
    content: none;
}

.header_sec .navbar-nav .nav-link {
    color: var(--c_white);
    border-radius: 3px;
    margin: 0px 3px;
}

/*.header_sec .navbar-nav .nav-link:hover {
    background-color: rgba(122, 0, 0, 0.25);
}*/

.main_sec {
    background-image: url("../images/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.winner_card {
    background: url("../images/winner_card_bg.png"), var(--bg_cardGradient);
    background-size: cover;
}

.second_winner,
.third_winner {
    padding-top: 108px;
}

.second_winner img,
.third_winner img {
    width: 88%;
}

.winner_badge {
    border-radius: 50%;
    -webkit-box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.25), -3px 3px 5px rgba(253, 0, 55, 0.25);
    box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.25), -3px 3px 5px rgba(253, 0, 55, 0.25);
}

.winner_score {
    padding-top: 6px;
    font-size: 32px;
    font-weight: 700;
}

.first_winner .winner_score {
    font-size: 36px;
}

.score_table.table> :not(caption)>*>* {
    padding: .4rem .5rem;
    color: var(--c_white);
    background-color: transparent;
    border: none;
}

.score_table th:first-child,
.score_table tr td:first-child {
    padding-left: 0.8rem;
}

.score_table tr th,
.score_table tr:nth-child(2n) td {
    background: var(--bg_primary2) !important;
}

.score_table tr th:first-child,
.score_table tr:nth-child(2n) td:first-child {
    border-radius: 50rem 0rem 0rem 50rem;
}

.score_table tr th:last-child,
.score_table tr:nth-child(2n) td:last-child {
    border-radius: 0rem 50rem 50rem 0rem;
}

.footer_top {
    padding: 36px 0px;
}

.footer_logo {
    width: 397px;
    height: 42px;
}
.flipdown .rotor-group:first-child{
    display: none;
}
@media(min-width:768px) {
    .container {
        max-width: 584px;
    }
}

@media(min-width:1400px) {
    .container {
        max-width: 852px;
    }
}

@media(max-width:1399.98px) {
    .fs_lg {
        font-size: 15px;
    }
    .fs_md {
        font-size: 12px;
    }
    .fs_def {
        font-size: 10px;
    }
    .fs_xSm {
        font-size: 7px;
    }
    .border_def {
        border-width: 2px !important;
    }
    .sec_py {
        padding: 40px 0px;
    }
    .header_logo {
        width: 78px;
        height: auto;
    }
    .header_sec .navbar-nav .nav-item {
        font-size: 12px;
    }
    .header_sec .navbar-nav .nav-link {
        padding: 3px 4px;
    }
    .winner_crown {
        width: 36px;
    }
    .first_winner .winner_score {
        font-size: 24px;
    }
    .second_winner,
    .third_winner {
        padding-top: 70px;
    }
    .winner_score {
        padding-top: 0px;
        font-size: 20px;
    }
    .score_table.table> :not(caption)>*>* {
        padding: .3rem .4rem;
    }
    .footer_top {
        padding: 16px 0px;
    }
    .footer_logo {
        width: 264px;
        height: auto;
    }
}

@media(max-width:767.98px) {
    .header_sec .navbar-nav .nav-item::after {
        content: none;
    }
    .footer_logo {
        max-width: 100%;
        height: auto;
    }
}