:root {
    --primery: #FF5D27;
    --primery-dark: #591600;
    --primery-light: #FFF3EC;
    --black: #000;
    --white: #fff;
    --dark: #001826;
    --text: #453A36;
    --gray: #B0B0B0;
    --gray-light: #F6F6F6;
    --font-heading: 60px;
    --font-subheading: 32px;
    --font24: 24px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    --font12: 12px;
}

@font-face {
    font-family: Denton;
    font-weight: normal;
    src: url(../fonts/Denton\ Test\ Regular\ 400.otf);
}

@font-face {
    font-family: Denton;
    font-weight: 300;
    src: url(../fonts/Denton\ Test\ Light\ 300.otf);
}

@font-face {
    font-family: Denton;
    font-weight: 500;
    src: url(../fonts/Denton\ Test\ Medium\ 500.otf);
}

@font-face {
    font-family: Denton;
    font-weight: 700;
    src: url(../fonts/Denton\ Test\ Bold\ 700.otf);
}

@font-face {
    font-family: Denton;
    font-weight: 800;
    src: url(../fonts/Denton\ Test\ ExtraBold\ 800.otf);
}

body {
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: Denton;
}

.homw-page-padding {
    padding: 30px 0;
}

.home-page-section .brand-logo {
    max-width: 320px;
    margin: 0 auto 50px;
}

.heading {
    font-size: var(--font-heading);
    color: var(--primery-dark);
    margin-bottom: 50px;
    font-weight: 700;
}

.heading span {
    color: var(--primery);
    text-wrap: nowrap;
}

.sub-heading {
    font-size: var(--font-subheading);
    font-weight: 700;
    color: var(--black);
    margin-bottom: 25px;
}

.sub-heading span {
    color: var(--primery);
}
p.event_title
{
    font-size: var(--font-subheading);
    font-weight: 700;
    margin-bottom: 0px;
}

.event-page-card .card-head h3 {
    font-size: var(--font24);
    margin-bottom: 16px;
    font-weight: 700;
    color: var(--dark);
}

.event-page-card {
    background: #fef3ed;
    border-radius: 14px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    border: 1px solid #F3AB84;
}

.home-page-card {
    background: var(--white);
    border-radius: 14px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    border: 1px solid #F3AB84;
}

.yogasana-banners {
    padding: 30px 0;
}

.yogasana-banners .owl-carousel .item img {
    border-radius: 50px;
    overflow: hidden;
    max-height: 450px;
    /*min-height: 450px;*/
}

.yogasana-banners .owl-dots .owl-dot span {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: 50%;
    opacity: 0.2;
}

.yogasana-banners .owl-dots {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    bottom: -20px;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
}

.yogasana-banners .owl-dots .owl-dot.active span {
    background: var(--primery);
    opacity: 1;
}

.home-page-card .card-head h3 {
    font-size: var(--font24);
    margin-bottom: 16px;
    font-weight: 700;
    color: var(--dark);
}

.card-head {
    border-bottom: 1px solid var(--gray);
}

.card-details ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 16px 0;
}

.card-details ul li img {
    width: 22px;
}

.card-details-event ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /*margin: 16px 0;*/
}
.card-details-event ul li img {
    width: 22px;
}

.text {
    font-size: var(--font16);
    font-weight: 500;
    color: var(--text);
    font-family: "Inter", sans-serif;
}

.card-rank-btn {
    text-decoration: none;
    font-size: var(--font16);
    font-weight: 700;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 30px;
    background: var(--primery-dark);
    border-radius: 10px;
    width: fit-content;
    margin-left: auto;
}

.card-rank-btn img {
    width: 22px;
    height: auto;
}

.color-prime {
    color: var(--primery);
}

.footer {
    padding: 20px 0;
    background: var(--primery-light);
}

.footer-align {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-links {
    display: flex;
    gap: 10px;
}

.footer-links .footer-link {
    font-size: var(--font14);
    color: var(--text);
    text-decoration: none;
    font-family: 'Inter';
    font-weight: 500;
    padding-right: 10px;
    border-right: 2px solid var(--text);
}

.footer-links .footer-link:last-child {
    padding-right: 0;
    border-right: 0;
}

.copright {
    font-family: 'Inter';
    font-size: var(--font14);
    font-weight: 500;
}

.header-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.brand-logo {
    max-width: 200px;
}

.header-bg {
    background: var(--primery-light);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.hbr-images img {
    width: 30px;
    height: 30px;
}

.hbr-images {
    display: flex;
    gap: 16px;
}

.hpage-link {
    color: var(--white);
    font-family: 'inter';
    font-weight: 500;
    font-size: var(--font14);
    text-decoration: none;
    transition: 0.4s;
}

.header-page-links {
    display: flex;
    align-items: center;
    gap: 60px;
}

.header-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top-contact {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.w-20 {
    width: 20px;
    height: auto;
}

.header-contact-link {
    text-decoration: none;
    font-size: var(--font14);
    color: var(--primery-dark);
    font-family: 'inter';
    font-weight: 500;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.contact-links {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-social-link {
    text-decoration: none;
}

.social-link {
    display: flex;
    align-items: center;
    gap: 18px;
}

.header-right {
    min-width: 50%;
}

.hpage-link.active,
.hpage-link:hover {
    color: var(--primery-dark);
}

.header-bottom::before {
    content: "";
    position: absolute;
    width: calc(50% + 30px);
    background: var(--primery);
    height: 50px;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.header-bottom::after {
    content: "";
    position: absolute;
    width: 70px;
    background: var(--primery);
    height: 70px;
    right: calc(50% + -40px);
    transform: translateX(-50%) rotate(45deg);
    bottom: -35px;
    z-index: -1;
}

.event-section {
    padding: 30px 0;
}

.event-card {
    border: 1px solid var(--gray);
    border-radius: 10px;
    padding: 16px 16px 0;
}

.evnt-heading h3 {
    font-size: var(--font24);
    font-weight: 600;
    font-family: 'Inter';
    color: var(--dark);
    margin-bottom: 0;
}

.evnt-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.live-img {
    width: 24px;
    height: auto;
}

span.live-badge {
    background: #FFE7E7;
    padding: 4px 10px;
    border-radius: 10px;
    color: #FF0000;
    font-family: 'Inter';
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.event-card-tab ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin: 0 0 10px;
}

.event-card-tab img {
    width: 22px;
    height: auto;
}

.event-card-tab ul li {
    padding: 4px 12px;
    background: var(--gray-light);
    border-radius: 10px;
}

.event-card-top-right {
    overflow: hidden;
    border-radius: 10px;
    max-width: 160px;
}

.event-card-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 16px;
}

.event-card-mid-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-top: 1px solid #F0E3DE;
    background: var(--primery-light);
    margin-bottom: 18px;
}

.event-profile {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-profile-content h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Inter';
    margin-bottom: 8px;
    color: var(--dark);
}

.event-profile-content p {
    font-size: var(--font14);
    font-weight: 500;
    font-family: 'Inter';
    margin-bottom: 0;
    color: var(--dark);
}

.card-profile-sec {
    display: flex;
    align-items: center;
    gap: 20px;
}

.eve-card-mid p {
    font-size: var(--font16);
    color: var(--text);
    font-family: 'Inter';
    margin-bottom: 14px;
    font-weight: 500;
}

.eve-card-mid h3 {
    font-size: var(--font24);
    color: var(--primery-dark);
    margin-bottom: 0;
    font-weight: 700;
}

.referee-section {
    display: flex;
    gap: 34px;
    width: 100%;
    justify-content: space-between
}

.referee-section h2 {
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--primery);
}

.referee-cards {
    display: flex;
    gap: 16px;
    font-family: 'Inter';
    flex-wrap: wrap;
    justify-content: flex-end;
}

.referee-card {
    background: var(--primery);
    border: 1px solid var(--primery-dark);
    border-radius: 12px;
    padding: 16px 22px;
    text-wrap: nowrap;
    text-align: center;
}

.Referee-name {
    color: var(--white);
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
    /*max-width: 150px;*/
    /*overflow: hidden;*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.referee-card .marks {
    width: fit-content;
    margin: 0 auto;
    background: #FFF5F0;
    border-radius: 30px 30px 16px 16px;
    border: 1px solid #A97665;
}

.referee-card .marks p {
    font-size: 32px;
    font-weight: 500;
    color: var(--dark);
    margin: 4px 0;
}

.referee-card .marks h4 {
    color: var(--white);
    background: var(--primery-dark);
    border-radius: 50px;
    padding: 6px 24px;
    font-size: var(--font14);
    margin: -1px;
}

.eve-card-bottom {
    font-family: 'Inter';
    display: flex;
    gap: 40px;
    justify-content: center;
    background: var(--primery-dark);
    width: fit-content;
    margin: 20px auto 0;
    border-radius: 20px 20px 0 0;
    padding: 12px 80px;
}

.eve-card-bottom p {
    color: var(--white);
    margin-bottom: 0;
    text-align: center;
}

.eve-card-bottom p:first-child {
    padding-right: 40px;
    /*border-right: 2px solid var(--white);*/
}

.pulse {
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 64, 121, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 15, 95, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 44, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 44, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 44, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 44, 44, 0);
    }
}

.home-page-section {
    background-image: url(../images/bg.jpg);
    background-size: cover; /* contain; */
    background-repeat: repeat-y;
    width: 100%;
}

.event-page-section {
    /*background-image: url(../images/bg.jpg);*/
    background-size: cover; /* contain; */
    background-repeat: repeat-y;
    width: 100%;
}

.filter-layout {
    display: flex;
}

li.filter-li.active {
    background-color: #FF5D27;
    color: #fff;
}
li.filter-li {
    padding: 8px;
    list-style: none;
    background-color: #FFFFFF;
    color: #B0B0B0;
    margin-bottom: 20px;
}

.about-card {
    border: 1px solid #FF5D27;
    border-radius: 20px;
    padding: 30px 36px;
}

.about-section {
    padding: 70px 0;
    position: relative;
}

.backgroud-vectors .bg-vetimg {
    position: absolute;
    bottom: 0;
}

.backgroud-vectors .bg-vetimg:first-child {
    left: 0;
}

.backgroud-vectors .bg-vetimg:last-child {
    right: 0;
}

.about-content .sub-heading {
    margin-bottom: 14px;
}

.about-text {
    font-family: 'Inter';
    margin-bottom: 24px;
}

.about-text .r-more-btn {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--primery);
    font-weight: 500;
}

.counter-card-top {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.counter-img {
    width: 30px;
}

.count-number p {
    font-family: Inter;
    font-size: 26px;
    font-weight: 600;
    color: var(--primery-dark);
    margin-bottom: 0;
    line-height: 28px;
}

.about-counter-card {
    padding: 14px;
    background: var(--primery-light);
    border: 1px solid var(--primery);
    border-radius: 10px;
    height: 100%;
}

.count-heading {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    color: var(--text);
    margin-bottom: 0;
}

.our-team-section {
    padding: 70px 0;
}

.circ-bg {
    background: linear-gradient(90deg, #F6F6FD, #FAE6D7, #F6F6FD);
}

.team-member-card {
    text-align: center;
    padding: 30px 0 12px;
    border-radius: 160px 160px 0 0;
    background: var(--white);
    font-family: 'Inter';
}

.person-imag {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 50px;
}

.person-details {
    background: linear-gradient(180deg, #F9E8DC 0%, #FFFFFF 100%);
}

.person-name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    padding-top: 12px;
    color: var(--primery);
}

.professions {
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
    margin-bottom: 0;
    padding-bottom: 12px;
}

.owl-dots .owl-dot span {
    background: #00000033;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.owl-dots {
    display: flex;
    gap: 8px;
    padding-top: 32px;
    justify-content: center;
}

.owl-dots .owl-dot.active span {
    background: var(--primery);
}

.overview-section {
    background-image: url(../images/overview.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 130px 0;
    text-align: center;
}

.over-view-card {
    padding: 0 40px 40px;
    border: 1px solid #fff;
    border-radius: 20px;
}

.overview-heading .sub-heading {
    color: #fff;
    background: var(--primery);
    width: fit-content;
    margin: 0 auto;
    border-radius: 0 0 20px 20px;
    padding: 8px 40px;
    margin-bottom: 36px !important;
}

.over-view-content p {
    color: var(--white);
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
}

.gallery-section {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.gallery-img-card {
    width: 249px;
    height: 249px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gallery-img-card:hover img {
    transform: scale(1.1);
}

.gallery-img-card img {
    transition: 0.6s;
}

.events-gallery {
    padding: 70px 0;
}

.event-gallery-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.vmore-btn {
    background: var(--primery);
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.vmore-btn img {
    width: 22px;
    height: auto;
}

.testimonial-section {
    padding: 70px 0;
}

.testimonial-card {
    text-align: center;
    padding: 22px;
    background: var(--white);
    border-radius: 20px;
    box-shadow: 0px 1px 8px 0px #00000033;
    margin: 8px;
    font-family: 'Inter';
}

.testers-img {
    width: 100px;
    height: 100px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--primery);
    margin: 0 auto 26px;
}

.clint-review {
    font-size: 16px;
    font-weight: 400;
    color: var(--text);
    min-height: 180px;
}

.clinet-name {
    color: var(--primery);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.client-prof {
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
    margin-bottom: 0;
}

.testimonial-card hr {
    border-color: var(--gray);
}

.contact-us-section {
    background-image: url(../images/Contact\ Us.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0;
}

.contact-first-card {
    background: var(--primery-light);
    border-radius: 20px;
    overflow: hidden;
}

.contact-content {
    padding: 40px 26px 40px 0;
}

.contact-content .sub-heading {
    color: var(--primery);
}

.contact-form .form-label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    color: var(--dark);
}

.contact-form {
    font-family: 'Inter';
}

.contact-input-group {
    position: relative;
}

.contact-input-group .form-control {
    padding: 12px 32px 12px 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: none;
    font-size: 14px;
}

.contact-input-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--primery-dark);
}

.contact-input-group .form-control:focus {
    border-color: var(--primery);
}

.contact-form .btn-primary {
    background-color: var(--primery) !important;
    color: var(--white) !important;
    border: 1px solid var(--primery) !important;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 42px;
    border-radius: 10px;
    margin-left: auto;
    display: block;
}

.contact-second-card {
    background: url(../images/contact-btm.png), var(--white);
    background-repeat: no-repeat;
    height: 100%;
    border-radius: 20px;
    border: 1px solid var(--primery);
    padding: 40px 26px;
    background-position: center bottom 36px;
}

.contact-link-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.contact-link-nav ul li a {
    text-decoration: none;
    border-bottom: 1px solid var(--primery-light);
    display: block;
    font-family: 'Inter';
    padding-bottom: 26px;
}

.contact-link-card {
    display: flex;
    gap: 32px;
}

.contact-link-card i {
    color: var(--primery-dark);
    font-size: 22px;
    height: fit-content;
    padding: 2px;
}

.contact-link-card .clable-name {
    font-size: 14px;
    font-weight: 600;
    color: #8D8D8D;
    margin-bottom: 8px;
}

.contact-link-card p {
    color: var(--text);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.other-pages-section {
    min-height: calc(100vh - 160px);
    padding: 60px 0;
    font-family: 'Inter';
}

.other-pages-section {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 600;
        color: var(--dark);
        margin-bottom: 16px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }

    p{
        font-size: 14px;
        font-weight: 400;
        color: var(--text);
        margin-bottom: 16px;
    }

    ul li{
        font-size: 14px;
        font-weight: 500;
        color: var(--text);
        margin-bottom: 16px;
    }
}




/* .ribbon-link {
    position: relative;
    z-index: 1;
}

.ribbon-link::before,
.ribbon-link::after {
    content: '';
    position: absolute;
    border: 4px solid red;
    border-radius: 50%;
    z-index: 0;
    animation: ribbonCircleAnimation 2s ease-in-out infinite;
}
.ribbon-link::before {
    width: 120px;
    height: 120px;
    top: -60px;
    left: -60px;
    animation-delay: 0s;
}

.ribbon-link::after {
    width: 160px;
    height: 160px;
    top: -80px;
    left: -80px;
    animation-delay: 0.5s;
}
    
@keyframes ribbonCircleAnimation {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
} */


.ncustom-tab .nav-tabs {
    position: relative;
    gap: 0;
    border-bottom: 2px solid #ff5d27;
    flex-wrap: nowrap;
    text-wrap: nowrap;
    min-width: fit-content;
    box-sizing: border-box;
}

.ncustom-tab .nav-tabs .nav-item {
    position: relative;
    margin-right: -20px;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}

.ncustom-tab .nav-tabs .nav-item .nav-link {
    padding: 10px 10px;
    margin: 4px 20px 0;
    border-radius: 10px 10px 0 0;
    z-index: 2;
    position: relative;
    border: none;
    box-shadow: 0px 0px 5px #00000045;
    font-family: 'Inter';
    transition: 0.0s;
}

.ncustom-tab .nav-tabs .nav-item .nav-link::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 60px;
    right: -15px;
    top: 18px;
    z-index: -9;
    transform: rotate(-25deg);
    background: #fff;
    box-shadow: 2px 4px 4px #00000030;
}

.ncustom-tab .nav-tabs .nav-item .nav-link::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 60px;
    left: -15px;
    top: 18px;
    z-index: -1;
    transform: rotate(25deg);
    background: #fff;
    box-shadow: -2px 2px 3px #0000001a;
}

.ncustom-tab .nav-tabs .nav-item .nav-link.active::before, .ncustom-tab .nav-item .nav-link.active::after {
    background: #ff5d27;
}

.ncustom-tab .nav-tabs .nav-item .nav-link.active {
    z-index: 20 !important;
}

.ncustom-tab .nav-tabs .nav-item:first-child .nav-link{
    z-index: 19;
}

.ncustom-tab .nav-tabs .nav-item:nth-child(2n) .nav-link{
    z-index: 18;
}

.ncustom-tab .nav-tabs .nav-item:nth-child(3n) .nav-link{
    z-index: 17;
}

.ncustom-tab .nav-tabs .nav-item:nth-child(4n) .nav-link{
    z-index: 16;
}

.ncustom-tab .nav-tabs .nav-item:nth-child(5n) .nav-link{
    z-index: 15;
}

.ncustom-tab .nav-tabs .nav-item:nth-child(6n) .nav-link{
    z-index: 14;
}

.ncustom-tab .nav-tabs .nav-item:nth-child(7n) .nav-link{
    z-index: 13;
}

.ncustom-tab {
    max-width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
}





.new-align-img {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.new-align-img img {
    max-width: 160px;
}

@media (max-width:767.98px){
    .new-align-img {
        flex-direction:column;
    }

    .new-align-img img {
        max-width: 280px;
    }
}

@media (max-width:480.98px){
    .new-align-img img {
        max-width: 100%;
    }
}



.img-alignr {
    display: flex;
    align-items: flex-start;
    justify-content: end;
    max-height: 100px;
}

.img-alignr img{
    max-height: 100%;
}

@media (max-width:575.98px){
    .img-alignr, .img-alignr img{
        max-height: 100%;
    }
}



.footer-section {
    background: var(--dark);
    color: var(--white);
    font-family: 'Inter';
    padding-bottom: 40px;
}

.footer-ncards {
    padding-top: 50px;
}

.footer-sec-heading {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 22px;
}

.footer-ncards a {
    display: inline-block;
    text-decoration: none;
}

.footer-app-link {
    max-width: 200px;
    margin-bottom: 26px;
    overflow: hidden;
    border: 1px solid var(--white);
    border-radius: 10px;
}

.footer-social-lists {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.footer-social-lists li {
    width: 40px;
}

.footer-pera {
    font-size: 18px;
    font-weight: 400;
}

.footer-links-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-nav-link {
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    padding-left: 0;
    transition: 0.4s;
}

.footer-nav-link:hover {
    padding-left: 6px;
}

.cpyrt-pera {
    text-align: center;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--white);
    padding: 14px 12px;
    background: #162D42;
    border-top: 1px solid #7F8C8D;
    font-family: 'Inter';
}

@media (max-width:767.98px) {
    .footer-section {
        padding-top: 40px;
    }

    .footer-ncards {
        padding-top: 20px;
    }

    .footer-sec-heading {
        font-size: 18px;
    }

    .footer-nav-link, .footer-pera, .cpyrt-pera {
        font-size: 16px;
        font-weight: 400;
    }

    .footer-links-nav {
        gap: 10px;
    }
}

.new-noevent-section {
    padding: 60px 12px;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.over-view-content {
    color: #fff;
}
.over-content {
    padding: 70px 0;
}

.over-content p {
    font-family: 'Inter';
}


@keyframes scrolling {
        0%{
            left: 124px;
        }
        100%{
            left: -260px;
        }
}

.header-btm-right {
    max-width: 124px;
    overflow-x: scroll;
    scrollbar-width: none;
}

.hbr-images {
    position: relative;
    animation: scrolling 10s linear infinite;
}

@media (max-width:575.98px){
    .header-btm-right {
    max-width: fit-content;
}
    .hbr-images {
    position: unset;
    animation: none;
}
}


.row.col-flex-fix {
    &>div {
        display: flex;

        &>div {
            flex: 1;
        }
    }
}

.tournament-info-card {

    .card-title {
        color: #000;
        margin-bottom: 1rem;
        font-family: 'Denton';
        font-style: normal;
        font-weight: bold;
        font-size: 2.8rem;
    }

    .t-card-body {
        padding: 2.2rem 0;

        .card-details {
            display: flex;
            justify-content: space-between;

            p {
                margin-bottom: 2.4rem;
                font-size: 1.6rem;
                color: #001826;
                font-weight: 500;
                display: flex;
                align-items: center;

                &:last-child {
                    margin-bottom: 0;
                }
            }

            .detail-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 3rem;
                height: 3rem;
                background-color: #FF5D27;
                border-radius: 1rem;
                margin-right: 1.4rem;
                font-size: 1rem;

                img {
                    height: 100%;
                    width: 100%;
                    object-fit: contain;
                }
            }

            .content-right {
                height: 19.8rem;
                flex: 0 0 19rem;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 1.5rem;
                    border: .1rem solid #F0E3DE;
                }
            }
        }
    }

    .t-card-footer {
        text-align: right;

        .btn-view-details {
            font-family: 'Denton';
            font-style: normal;
            font-weight: bold;
            background-color: #591600;
            color: white;
            border: none;
            font-size: 1.6rem;
            border-radius: 1rem;
            padding: 0.6rem 1rem;
            height: 5rem;
            width: 23rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;

            i {
                display: inline-block;
                margin-left: .6rem;
                margin-bottom: .3rem;
                transition: .3s all;
            }

            &:hover {
                background-color: #4a1a0a;
                color: white;

                i {
                    transform: translate(.6rem, 0);
                }
            }
        }
    }

    .status-badge {
        font-size: 1.2rem;
        font-weight: 500;
        border-radius: 1rem;
        text-transform: capitalize;
        height: 3.2rem;
        min-width: 7.6rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;

        i {
            margin-right: .4rem;
        }

        &.status-live {
            background-color: #FFE7E7;
            color: #FF0000;
        }

        &.status-upcoming {
            background-color: #FFF1E8;
            color: #FF6A00;
        }

        &.status-upcoming-alt {
            background-color: #F4FFE8;
            color: #007712;
        }
    }
}

.default-tabbing {

    .tournament-pill-box {
        padding-left: 1.5rem;
        margin-bottom: 2rem;
        border-bottom: .1rem solid #FF5D27;

        .nav-tabs {
            border: 0;
            max-width: 1395px;
            margin: 0 auto .1rem;

            .nav-link {
                border-radius: 3rem 3rem 0 0;
                border-bottom: none;
                position: relative;
                z-index: 1;
                text-align: center;
                padding: .7rem 3rem;
                background-color: #F8F9FA;
                box-shadow: 0 0 .8rem rgba(0, 0, 0, 0.30);
                transition: all 0.2s ease-in-out;

                span {
                    display: inline-block;
                    color: #B0B0B0;
                    font-weight: 500;
                }

                &.active,
                &:hover {
                    color: white;
                    background-color: #FF5D27;
                    border-bottom: none;
                }

                &:hover {
                    background-color: #FF5D27;
                    border-color: #FF5D27;

                    span {
                        color: white;
                    }
                }

                &.active {
                    background-color: #FF5D27;
                    border-color: #FF5D27;
                    z-index: 2;
                    box-shadow: .2rem -.2rem .6rem rgba(0, 0, 0, 0.1);

                    span {
                        color: white;
                    }
                }
            }
        }
    }

    .tab-content {
        max-width: 1395px;
        margin: auto;
        padding: 0 2rem;
    }
}

.tournaments-section {
    .section-title-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.8rem 0;

        .section-title {
            color: #000;
            text-transform: capitalize;
            font-family: 'Denton';
            font-style: normal;
            font-weight: bold;
            font-size: 3.2rem;
        }

        .btn-view-all {
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            font-style: normal;
            font-family: 'Denton';
            font-weight: 300;

            i {
                display: inline-block;
                margin-left: .6rem;
                margin-bottom: .3rem;
                transition: .3s all;
            }

            &:hover {
                background-color: #e66a45;
                color: white;
                border-color: #FF5D27;

                i {
                    transform: translate(.6rem, 0);
                }
            }
        }
    }

    .tournament-card {
        background: #FFF1F7;
        background: linear-gradient(180deg, rgba(255, 241, 247, 1) 0%, rgba(255, 244, 236, 1) 100%);
        border: .1rem solid #F8EBE4;
        border-radius: 1.2rem;
        box-shadow: 0 .4rem 1.5rem rgba(0, 0, 0, 0.05);
        position: relative;
        overflow: hidden;
        transition: transform 0.3s, box-shadow 0.3s;
        padding: 1.6rem;

        &:hover {
            transform: translateY(-.5rem);
            box-shadow: 0 .8rem 2.5rem rgba(0, 0, 0, 0.08);
        }


    }

    .d-badge-box {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #fff;
        height: 5.8rem;
        width: 13.5rem;
        border-left: .1rem solid #FF5D27;
        border-bottom: .1rem solid #FF5D27;
        border-radius: 0 0 0 1.5rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

.t-match-info-section {
    background: #E8C2D1;
    background: linear-gradient(180deg, rgba(232, 194, 209, 1) 0%, rgba(255, 236, 222, 1) 100%);
    padding: 5rem 0;
    box-shadow: 0 0 .8rem rgba(0, 0, 0, 0.15);

    .t-card-body {
        padding-bottom: 0;
    }

    .tournament-info-card {
        display: flex;
        justify-content: space-between;

        .tournament-info-box {
            display: flex;

            .status-badge {
                background-color: #fff;
            }
        }

        .image-content-only {
            display: inline-block;
            margin-right: 2rem;

            img {
                border-radius: 1rem;
            }
        }

        .t-card-header {
            display: flex;
            align-items: center;

            .card-title {
                margin-right: 1rem;
            }
        }

        .t-card-body {
            padding: 1.2rem 0 0;

            .card-details p {
                margin-bottom: 1.8rem;

                &:last-child {
                    margin-bottom: 0;
                }
            }
        }

        .match-stats {
            display: flex;

            .m-s-info {
                margin-left: 2.5rem;
                height: 17.1rem;
                width: 15.3rem;
                border-radius: 2.4rem;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;

                h3 {
                    font-weight: 700;
                    font-size: 5.6rem;
                    color: #fff;
                }

                p {
                    font-weight: 700;
                    font-size: 1.6rem;
                    color: #fff;
                    text-transform: capitalize;
                }

                &.ms-info-green {
                    background: #81B672;
                    background: linear-gradient(180deg, rgba(129, 182, 114, 1) 0%, rgba(19, 97, 0, 1) 100%);
                }

                &.ms-info-brown {
                    background: #F68F6D;
                    background: linear-gradient(180deg, rgba(246, 143, 109, 1) 0%, rgba(136, 61, 36, 1) 100%);
                }
            }
        }
    }
}

.match-info-tabbing {
    margin-top: 3rem;

    .group-class {
        font-weight: 600;
        font-size: 2.6rem;
        color: #000000;
        margin: 2rem 0;
        text-transform: capitalize;
    }

    .match-schedule-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
        background-color: #FFF9F6;
        border: .1rem solid #F0E3DE;
        border-radius: 1rem;
        padding: 2rem;
        margin-bottom: 2rem;
    }

    .match-info {
        flex-shrink: 0;

        p {
            margin: 0;
            line-height: 1.4;
        }

        .match-datetime {
            font-weight: 500;
            font-size: 1.6rem;
            color: #001826;
            margin-bottom: .6rem;
        }

        .match-location {
            font-weight: 500;
            font-size: 1rem;
            color: #000;
        }
    }

    .divider {
        width: .1rem;
        align-self: stretch;
        background-color: #F0E3DE;
        padding: 4.5rem 0;
    }

    .team-info {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-shrink: 0;

        .team-logo {
            width: 6.8rem;
            height: 6.8rem;
            border-radius: 50%;
            object-fit: cover;
        }

        .team-details {
            p {
                margin: 0;
                line-height: 1.4;
            }

            .team-name {
                font-weight: 500;
                font-size: 2rem;
                color: #591600;
                margin-bottom: .6rem;
            }

            .captain-name {
                font-size: 1.4rem;
                color: #453A36;
                font-weight: 400;
            }
        }
    }

    .vs-separator {
        img {
            width: 5.5rem;
            height: 8.5rem;
            object-fit: cover;
        }
    }

    .btn-live-result {
        display: flex;
        align-items: center;
        gap: 0.3rem;
        background: #FF9471;
        background: linear-gradient(180deg, rgba(255, 148, 113, 1) 0%, rgba(169, 59, 23, 1) 100%);
        color: white;
        border: none;
        border-radius: 1rem;
        padding: 1.3rem 1.8rem;
        font-weight: 600;
        font-size: 1.6rem;
        text-decoration: none;
        white-space: nowrap;
        transition: all 0.3s ease;

        i {
            display: inline-block;
            margin-left: 2rem;
            margin-bottom: .3rem;
        }

        &:hover {
            box-shadow: 0 .4rem 1.5rem rgba(225, 107, 78, 0.4);
            color: white;
            transform: translateY(-.2rem);
        }
    }
}

.page-shell {
    text-align: center;
    margin: 4rem 1rem;

    .custom-pagination {
        display: inline-flex;
        background-color: #ffffff;
        border: .1rem solid #FF5D27;
        border-radius: 1.5rem;
        padding: 1.2rem 0.4rem;
        box-shadow: 0 .8rem 2.5rem rgba(255, 107, 60, 0.1);

        .page-item {
            margin: 0 0.5rem;
        }

        .page-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.8rem;
            height: 2.8rem;
            border-radius: 50%;
            border: none;
            background-color: transparent;
            color: #555;
            font-weight: 500;
            font-size: 1.2rem;
            transition: all 0.25s ease;

            &:focus {
                box-shadow: none;
            }

            &:hover {
                background-color: #FFF2EE;
                color: #FF6B3C;
            }
        }

        .page-item:first-child .page-link {
            margin-right: 2rem;
            margin-left: 1rem;
        }

        .page-item:last-child .page-link {
            margin-right: 1rem;
            margin-left: 2rem;
        }

        .page-item:first-child .page-link,
        .page-item:last-child .page-link {
            color: #FF6B3C;
            font-size: 1.8rem;

            .bi::before {
                font-weight: 800 !important;
            }
        }

        .page-item.active .page-link {
            background-color: #FF6B3C;
            color: #fff;
            transform: translateY(-.1rem);

            &:hover {
                background-color: #F85E2B;
                color: #fff;
                border-radius: 50%;
            }
        }

        &.pagination {
            margin-bottom: 0;
        }
    }
}

.hero-banner {
    background: #5E1800;
    background: linear-gradient(180deg, rgba(94, 24, 0, 1) 0%, rgba(198, 114, 86, 1) 100%);
    padding: 2rem 0rem !important;
    position: relative;
    overflow: hidden;

    .container {
        max-width: 1755px;
    }

    .match-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #ffffff;

        .team {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            width: 45%;

            .team-logo {
                width: 15.3rem;
                height: 15.3rem;
                border-radius: 50%;
                flex-shrink: 0;
                object-fit: contain;
            }

            .team-details {
                min-width: 0;

                .team-name {
                    font-size: 6rem;
                    font-weight: 700;
                    margin: 0 0 0.25rem 0;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: "Darker Grotesque", sans-serif;
                    color: #fff;
                }

                .captain-name {
                    font-family: "Darker Grotesque", sans-serif;
                    font-size: 2.6rem;
                    color: #fff;
                    margin: 0;
                    font-weight: 500;
                }
            }
        }

        
        /* .team-right {
            padding-left: 10rem;
        } */

        .center-separator {
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            transform: translateX(-50%);
            display: flex;
            align-items: center;

            &::before {
                content: '';
                position: absolute;
                left: 50%;
                top: 0;
                bottom: 0;
                transform: translateX(-50%);
                width: .4rem;
                background-color: #fff;
            }

            .vs-icon {
                position: relative;
                z-index: 1;
                width: 10rem;
                height: 10rem;
                background-color: #ffffff;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

.live-action-widget {
    max-width: 89rem;
    margin: 4rem auto;
    padding: 0 2rem;

    .widget-cards {
        position: relative;
        padding-bottom: 2rem;
    }

    .team-info-card {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        background-color: #FFF1E8;
        border: .3rem solid #FF6A00;
        border-radius: 1.6rem;
        padding: 4rem 2rem;
        position: relative;
        z-index: 2;

        .team-identity {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .team-logo {
            width: 7.8rem;
            height: 7.8rem;
            border-radius: 50%;
        }

        .team-details {

            h3,
            p {
                margin: 0;
                line-height: 1.4;
            }

            .team-name {
                font-size: 4.2rem;
                font-weight: 700;
                color: #591600;
                font-family: "Darker Grotesque", sans-serif;
            }

            .captain-name {
                font-family: "Darker Grotesque", sans-serif;
                font-size: 2.6rem;
                font-weight: 700;
                color: #453A36;
            }
        }

        .player-role p {
            font-size: 3.2rem;
            font-weight: 700;
            color: #000;
            font-family: "Darker Grotesque", sans-serif;
            margin: 0;
        }
    }

    .action-timer-card {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        background-color: #582716;
        color: #ffffff;
        border-radius: 0 0 5.2rem 5.2rem;
        padding: 2.8rem 3rem;
        position: relative;
        z-index: 1;
        max-width: 84rem;
        margin: -2rem auto 0;

        .action-prompt {
            font-family: "Darker Grotesque", sans-serif;
            font-size: 3.2rem;
            font-weight: 700;
            margin: 0;
        }

        .timer {
            display: flex;
            align-items: end;
            gap: 0.75rem;
        }

        .timer-label {
            font-weight: 700;
            font-family: "Darker Grotesque", sans-serif;
            font-size: 2.1rem;
            color: #fff;
            margin-bottom: 1rem;
            margin: 0;
        }

        .time-box {
            background-color: #ffffff;
            color: #FF5D27;
            font-family: "Darker Grotesque", sans-serif;
            font-weight: 700;
            font-size: 3.2rem;
            width: 10.5rem;
            height: 6.4rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: .8rem;
        }

        .hourglass-icon {
            width: 4.5rem;
            height: 4.5rem;
        }
    }

    .round-info {
        text-align: center;
        margin-top: 6rem;

        p {
            font-family: "Darker Grotesque", sans-serif;
            color: #FF6A00;
            font-weight: 700;
            font-size: 3rem;
            margin: 0;
        }
    }
}

.live-match-page {
    display: grid;
    grid-template-columns: 60rem 1fr;
    gap: 2rem;
   /* min-height: 100vh;*/

    .sidebar-info {
        padding: 2rem;
        border-right: .1rem solid #8D8D8D;
        background-color: #FAFAFA;

        .main-title {
            font-size: 3.4rem;
            margin-bottom: 1.6rem;
            font-style: normal;
            font-family: 'Denton';
            color: #000;
            font-weight: bold;
        }

        .subtitle {
            color: #453A36;
            font-size: 1.6rem;
            font-weight: 400;
            margin-bottom: 2rem;
        }

        .features-list {
            list-style: none;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 2.4rem;

            li {
                display: flex;
                align-items: flex-start;
                gap: 1.5rem;
                line-height: 1.5;
                color: #000;
                font-size: 1.6rem;
                font-weight: 500;

                i {
                    color: #28a745;
                    font-size: 1.2rem;
                    margin-top: 0.2rem;
                    width: 2.2rem;
                    height: 2.2rem;
                    min-width: 2.2rem;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
                }
            }
        }
    }

    .main-content-area {
        width: 100%;
        margin-bottom: 3rem;

        .referee-info-shell {
            text-align: center;
        }

        .referee-info-bar {
            display: inline-flex;
            align-items: center;
            gap: 1.5rem;
            background-color: #591600;
            color: #ffffff;
            padding: 1.8rem 8rem;
            border-radius: 2rem;
            font-weight: 600;
            font-size: 1.6rem;
            margin-top: 6rem;

            .divider {
                width: 2px;
                height: 1.2em;
                background-color: rgba(255, 255, 255, 0.4);
            }

        }

    }

    .team-columns-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        position: relative;
    }

    .center-separator {
        position: absolute;
        left: 50%;
        top: 2rem;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        height: 10rem;

        .vs-icon {
            position: relative;
            z-index: 5;
            width: 10rem;
            height: 10rem;
            background-color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }


    .team-column {
        display: flex;
        flex-direction: column;

        .column-header {
            display: flex;
            padding: 1rem 2rem;
            height: 13.3rem;
            color: white;

            .team {
                display: flex;
                align-items: center;
                gap: 1rem;
                width: 100%;
            }

            .team-logo {
                width: 9rem;
                height: 9rem;
                object-fit: contain;
                border-radius: 50%;
            }

            .team-details {
                min-width: 0;
            }

            .team-name {
                font-weight: 700;
                font-size: 3rem;
                white-space: nowrap;
                overflow: hidden;
                color: #fff;
                text-overflow: ellipsis;
                font-family: "Darker Grotesque", sans-serif;
                margin: 0 0 1rem;
            }

            .captain-name {
                font-weight: 700;
                font-family: "Darker Grotesque", sans-serif;
                font-size: 2rem;
                color: #fff;
                margin: 0;
            }

            &.header-brown {
                background-color: #5E1800;

                .team {
                    text-align: left;
                }
            }

            &.header-green {
                background-color: #3D843F;
                color: #000;

                .team {
                    flex-direction: row-reverse;
                    text-align: right;
                }

                .team-logo {
                    border-color: #333;
                }
            }
        }

        .column-body {
            flex-grow: 1;
            padding: 2rem;

            &.body-left {
                border: 2px solid #5D1800;
                border-top: none;
                background: #FFF2EE;
            }

            &.body-right {
                background-color: #E7F3E7;
                border: 2px solid #3D843F;

                .round-label {
                    color: #2A762C;
                }
            }

            .table-container {
                margin-top: 4rem;
                overflow: hidden;
                border: 1px solid #B0B0B0;

                .referee-marks-table {
                    width: 100%;
                    border-collapse: collapse;
                    color: #212529;

                    thead {
                        th {
                            background-color: #E3E3E3;
                            padding: 1.2rem 1.6rem;
                            text-align: left;
                            font-weight: 700;
                            color: #001826;
                            font-size: 1.6rem;
                            text-transform: uppercase;
                            letter-spacing: 0.5px;
                        }
                    }

                    tbody {
                        td {
                            padding: 1.2rem 1.6rem;
                            border-top: 1px solid #dee2e6;
                            background-color: #fff;
                            color: #001826;
                            font-weight: 500;
                            font-size: 1.6rem;
                        }

                        tr:nth-child(even) td {
                            background-color: #F0F0F0;
                        }
                    }

                    .marks {
                        font-weight: 700;
                        font-size: 1.6rem;
                        color: #001826;
                    }

                    th:first-child,
                    td:first-child {
                        width: 80px;
                    }

                    th:last-child {
                        width: 12rem;
                    }
                }
            }

        }

        .title-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;

            h4 {
                font-size: 3rem;
                text-transform: capitalize;
                font-weight: 700;
                margin: 0;
                font-family: "Darker Grotesque", sans-serif;
            }

            .round-label {
                color: #FF5D27;
                font-size: 3rem;
                font-family: "Darker Grotesque", sans-serif;
                font-weight: 700;
                line-height: initial;
            }
        }

        .player-card {
            text-align: center;
            background: #fff;
            border-radius: 1rem;
            height: 16.6rem;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            box-shadow: 0 0 .8rem #FF5D275E;

            img {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                margin-bottom: 0.5rem;
                object-fit: cover;
            }

            p {
                font-weight: 600;
                margin: 1rem 0 0 0;
                font-size: 2rem;
                color: #001826;
            }
        }
    }

    .selected-players-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
        gap: 1.5rem;
    }

    .player-card-box {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
        gap: 1.5rem;
    }

    .live-action-widget {
        background: #fff;
        box-shadow: 0 0 .8rem #FF5D275E;
        border-radius: 1rem;
        display: flex;
        flex-direction: column;
        margin: 0 auto 1.5rem;

        .widget-top,
        .widget-bottom {
            display: flex;
            align-items: center;
            padding: 1rem;
            gap: 0.75rem;
        }

        .widget-top {
            font-weight: 600;
            flex-direction: column;
            text-align: center;

            p {
                font-family: "Darker Grotesque", sans-serif;
                font-weight: 800;
                color: #591600;
                margin: 1rem 0 0 0;
                line-height: 2.2rem;
            }
        }

        .widget-logo {
            width: 6.7rem;
            height: 6.7rem;
        }

        .widget-bottom {
            justify-content: space-between;
            font-size: 1.4rem;
            font-family: "Darker Grotesque", sans-serif;
            font-weight: 700;
            color: #453A36;
            background: #F2F2F2;

            p {
                margin: 0;
            }
        }

        .time-box {
            background-color: #fff;
            border: 1px solid #B0B0B0;
            color: #001826;
            font-family: "Darker Grotesque", sans-serif;
            font-weight: 700;
            font-size: 1.2rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 2.5rem;
            width: 4.1rem;
            padding: 0.1rem 0.6rem;
            border-radius: 6px;
        }

        .hourglass-icon {
            width: 1.8rem;
            height: 1.8rem;
        }
    }

    .result-card {
        background-color: #ffffff;
        border-radius: 1.6rem;
        box-shadow: 0 0 3rem rgba(0, 0, 0, 0.25);
        padding: 2.5rem 3rem;
        text-align: center;
        width: 75.5rem;
        margin: 14rem auto;
        min-height: 39rem;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;

        .round-number {
            font-family: "Darker Grotesque", sans-serif;
            font-size: 3rem;
            font-weight: 700;
            color: #000000;
            margin: 0 0 0.5rem 0;
        }

        .result-title {
            font-size: 4rem;
            font-family: 'Denton';
            font-weight: bold;
            color: #B0B0B0;
            margin: 0 0 4rem 0;
            line-height: 1;
        }

        .points-display {
            font-size: 4rem;
            font-weight: 600;
            color: #001826;
            margin: 0;
        }
    }

    .winner-team-bg-img {
        background-image: url(/../../front/assets/images/confetti-image.png) !important;
    }
}