html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    background-color: #f2f2f2;
}

/*  */
.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

/*  */

@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}

.wow {
    visibility: hidden;
}

a,
button,
.btn {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a {
    text-decoration: none;
}

p:last-child {
    margin-bottom: 0 !important;
}

.owl-carousel .owl-item img {
    width: auto;
}

main {
    overflow: hidden;
}
img {
    max-width: 100%;
}

.hd-style-1 h1,
.hd-style-1 h2,
.hd-style-1 h3,
.hd-style-1 h4,
.hd-style-1 h5,
.hd-style-1 h6 {
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}

.hd-style-1 h1 span,
.hd-style-1 h2 span,
.hd-style-1 h3 span,
.hd-style-1 h4 span,
.hd-style-1 h5 span,
.hd-style-1 h6 span {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    margin: 0 0 0 0;
}

.btn-style-1 {
    background: #E2046E;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 15px 5px 5px;
    border-radius: 22px;
    min-height: 42px;
}

.btn-style-1:hover {
    background: #fff;
    color: #E2046E;
}

.btn-style-1 svg {
    width: 32px;
}

.btn-style-1 svg path {
    fill: #fff;
}

.btn-style-1:hover svg path {
    fill: #E2046E;
}

.live-matches-slide-wrap {
    position: absolute;
    right: 64px;
    bottom: 140px;
    width: 300px;
}

.live-matches-slide-wrap .owl-nav {
    position: absolute;
    left: -14px;
    bottom: 50px;
    width: calc(100% + 28px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 9;
}

.live-matches-slide-wrap .owl-nav .owl-prev,
.live-matches-slide-wrap .owl-nav .owl-next {
    width: 28px;
    height: 28px;
    background: #fff !important;
    border-radius: 50%;
    outline: none;
    border: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-matches-slide-wrap .owl-nav .owl-prev:hover,
.live-matches-slide-wrap .owl-nav .owl-next:hover {
    background: #E2046E !important;
    color: #fff;
}

.live-matches-card-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.live-matches-card-header .header-left {
    display: flex;
    align-items: center;
    gap: 5px;
}

.live-matches-card-header .live-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.live-matches-card-header .count-badge {
    color: #ffffff;
    width: 24px;
    height: 16px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid rgba(59, 125, 237, 0.60);
    background: rgba(59, 125, 237, 0.49);
}

.live-matches-card-header .live-badge {
    background: #fde8e8;
    padding: 6px 12px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(239, 68, 68, 0.08);
    animation: pulse-glow-2 2s infinite;
}

@keyframes pulse-glow-2 {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(200, 38, 13, 0.7);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(221, 15, 15, 0);
    }
}

.live-matches-card-header .live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d4d;
    box-shadow: 0 0 8px #ff4d4d;
}

.live-matches-card-header .live-badge span {
    color: #ff4d4d;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.5px;
}

/* Blue Box (width: 300px) */
.live-blue-box {
    width: 100%;
    background: #1b52d6;
    border-radius: 16px;
    padding: 0 10px 10px 10px;
    margin: 40px auto 0 auto;
    position: relative;
    /* box-shadow: 0 10px 25px rgba(27, 82, 214, 0.3); */
}

.live-blue-box .logos-overlap-row {
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    position: relative;
    top: -28px;
    margin-bottom: -23px;
    padding: 0 0;

    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.live-blue-box .logos-overlap-row>div:nth-child(1) {
    justify-self: center;
}

.live-blue-box .logos-overlap-row>div:nth-child(2) {
    justify-self: center;
}

.live-blue-box .logos-overlap-row>div:nth-child(3) {
    justify-self: center;
}

.live-blue-box .team-logo-card {
    width: 53px;
    height: 53px;
    border-radius: 20px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    padding: 2px;
    overflow: hidden;
}

.live-blue-box .team-logo-card.border-coral {
    border: 3px solid #fde0db;
}

.live-blue-box .team-logo-card.border-mint {
    border: 3px solid #d8f3e5;
}

.live-blue-box .team-logo-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.live-blue-box .vs-badge {
    /* background: #4983f6; */
    color: #ffffff;
    border-radius: 12px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 900;
    font-style: italic;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

    border: 1px solid rgba(59, 125, 237, 0.60);
    background: rgba(59, 125, 237, 0.49);
}

.live-blue-box .team-names-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    text-align: center;
    margin-bottom: 8px;
}

.live-blue-box .team-name-col {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.25;
}

.live-blue-box .scores-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 0;
}

.live-blue-box .score-col {
    flex: 1;
    text-align: center;
}

.live-blue-box .score-main {
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
}

.live-blue-box .score-overs {
    color: rgba(255, 255, 255, 0.65);
    font-size: 10px;
    font-weight: 600;
    margin-top: 4px;
}

.live-blue-box .score-divider {
    width: 1px;
    height: 32px;
    background: rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

.live-blue-box .match-status-pill {
    padding: 6px 12px;
    font-size: 11px;

    color: #7DADFF;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-radius: 8px;
    border: 1px solid rgba(59, 125, 237, 0.19);
    background: rgba(59, 125, 237, 0.08);
}

/* ======================================= Header: Start ======================================= */
header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 0 0;
    z-index: 99;
    background: linear-gradient(to top,
            rgba(125, 185, 232, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
}

header .left {
    display: flex;
    flex-direction: row;
}

header .left .cell {
    padding-left: 10px;
    padding-top: 20px;
}

header .left .cell .ins {
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
}

header .left .cell .sponsored-by {
    font-size: 14px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    line-height: 1;
}

header .main-logo {
    width: 200px;
    height: 142px;
    background: url("../images/main-logo-bg.webp") center center no-repeat;
    display: inline-block;
    padding-left: 27px;
    padding-top: 16px;
    flex-shrink: 0;
}

header .right {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-top: 40px;
    width: 405px;
    justify-content: flex-end;
    padding-right: 50px;
}

header .right .btn-style-1 {
    padding-left: 15px;
    font-size: 14px;
}

header .right .btn-style-1 svg {
    width: 20px;
}

header .right .btn-style-1.live {
    background: #E2046E;
}

header .right .btn-style-1.register {
    background: #4E0076;
}

header .right .btn-style-1:hover {
    background: #fff;
}

header .mid {
    border: 1.5px solid #484848;
    padding: 15px;
    border-radius: 23px;
    margin-top: 40px;
}

/* .classy nav */
.classy-nav-container {
    background: none;
}

.classy-nav-container .classynav a {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: 1px;
}

.classynav ul li {
    margin: 0 15px;
}

.classynav>ul>li>.active,
.classynav>ul>li:has(a.active)>a,
.classynav>ul>li:hover>a {
    color: #E2046E !important;
}


/* Inner page */
header.inner-header {
    background: #FFF;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 16px;
    padding-bottom: 16px;
}

header.inner-header .main-logo {
    background: none;
    width: auto;
    height: auto;
    padding: 0;
}

header.inner-header .left .cell .ins {
    padding-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

header.inner-header .left {
    align-items: center;
}

header.inner-header .left .cell {
    padding-top: 0;
}

header.inner-header .main-logo {
    padding-right: 25px;
    border: 0;
    border-right: 1px solid #BFBFBF;
    border-style: dashed;
}

header.inner-header .left .cell {
    padding-left: 25px;
}

header.inner-header .classy-nav-container .classynav a {
    color: #000;
}

header.inner-header .mid {
    margin-top: 0;
}

header.inner-header .right {
    padding-top: 0;
}

header.inner-header {
    display: flex;
    align-items: center;
}

header.inner-header .right {
    width: 373px;
    justify-content: flex-end;
    padding-right: 0;
}

header.inner-header .right .btn-style-1.live:hover {
    background: #1b52d6;
    color: #fff;
}

header.inner-header .right .btn-style-1.register:hover {
    background: #1b52d6;
    color: #fff;
}

header.inner-header .btn-style-1:hover svg path {
    fill: #fff;
}

header.inner-header .inner-header-buttons {
    display: none !important;
}


header.inner-header .left .cell .sponsored-by {
    color: #323131;
    padding-bottom: 10px;
}
header.inner-header .left .cell .ins {
    gap: 3px;
}
header.inner-header .left .cell .ins img {
    border-radius: 20px;
    border: 1px solid #ebebeb;
}

/* ======================================= Header: End ======================================= */


/* ======================================= Banner: Start ======================================= */
.banner-sec {
    width: 100%;
    height: 600px;
    position: relative;
    background: #000;
}

@media (min-width: 1199px) {
    .banner-sec {
        height: calc(100vh - 210px);
    }
}

@media (max-height: 790px) {
    .banner-sec {
        height: 600px;
    }
}

.banner-sec video {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    position: relative;
    opacity: 0.8;
}

.banner-sec::after {
    width: 60vw;
    height: 100%;
    /* background: red; */
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: linear-gradient(to left,
            rgba(125, 185, 232, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
}

.banner-sec h1 {
    position: absolute;
    left: 30px;
    top: 178px;
    margin: 0;
    z-index: 1;
}

.banner-sec h1 span {
    font-style: normal;
    font-size: 82px;
    font-weight: 900;
    line-height: 0.8;
    color: transparent;
    -webkit-text-stroke: 2px #E2046E;
    text-transform: uppercase;
    text-box: trim-both cap alphabetic;
    margin-top: 15px;
}

.banner-sec h1 sup {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    top: auto;
    margin-bottom: 20px;
}

.banner-sec .items-20 {
    position: absolute;
    top: 117px;
    right: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.banner-sec .items-20 .round-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.banner-sec .items-20 .round-row .round-1 {
    position: relative;
    margin-left: -22px;
}

.banner-sec .items-20 span {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.banner-sec .items-20 span b {
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
}

/* ======================================= Banner: Start ======================================= */


/* ======================================= teams sec: Start ======================================= */
.teams-sec {
    background: #271D6B;
    background: linear-gradient(0deg, rgba(39, 29, 107, 1) 0%, rgba(169, 166, 193, 1) 62%, rgba(39, 29, 107, 1) 100%);
    position: relative;
    padding-top: 214px;
    padding-bottom: 136px;
    margin-top: -90px;
}

.teams-sec .hd-style-1 {
    position: absolute;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
    z-index: 9;
}

.teams-sec::after {
    width: 10000px;
    height: 251px;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    background-image: url("../images/arrow-top-bottom.webp");
    background-position: top left 59px;
    background-size: auto;
    background-repeat: repeat-x;
    transform: translateX(-50%);
}

.teams-sec::before {
    width: 10000px;
    height: 251px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -80px;
    background-image: url("../images/arrow-top-bottom.webp");
    background-position: top left 59px;
    background-size: auto;
    background-repeat: repeat-x;
    transform: scaleY(-1) translateX(-50%);
}

.teams-sec .cell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

.teams-sec .cell:hover {
    transform: scale(0.9);
}

.teams-sec .cell img {
    width: auto;
    /* opacity: 0; */
}

.teams-sec .cell img.team-logo-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: calc(100% - 80px);
    height: calc(100% - 120px);
    object-fit: contain;
}

/* .teams-sec .item {
    width: 247px;
    height: 373;
} */
.teams-sec .owl-nav.disabled {
    display: none;
}

.teams-sec .owl-nav {
    left: -25px;
    display: flex;
    flex-direction: row;
    gap: 0;
    width: calc(100% + 50px);
    justify-content: space-between;
    position: absolute;
    top: calc(50% - 14px);
    height: 0;
    z-index: 9;
    transform: translateY(-50%);
}

.teams-sec .owl-nav .owl-prev,
.teams-sec .owl-nav .owl-next {
    width: 28px;
    height: 28px;
    background: #fff !important;
    border-radius: 50%;
    outline: none;
    border: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.teams-sec .owl-nav .owl-prev:hover,
.teams-sec .owl-nav .owl-next:hover {
    background: #E2046E !important;
    color: #fff;
}


/* ======================================= teams sec: End ======================================= */



/* ======================================= Moments: Start ======================================= */
.moments-matches::after {
    width: 100%;
    height: 150px;
    position: absolute;
    content: "";
    left: 0;
    top: -150px;
    background: linear-gradient(to bottom,
            rgba(125, 185, 232, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
}

.moments-matches .moments {
    position: relative;
    margin-top: -70px;
    z-index: 1;
}

.moments-matches .moments .inner {
    margin-right: calc((100% - 100vw) / 2);
    /* background: red; */
}

.moments-matches .moments .title {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.moments-matches .moments .top-row {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    padding-bottom: 15px;
}

.moments-matches .moments .item {
    position: relative;
}

.moments-matches .moments .item span {
    position: absolute;
    font-size: 180px;
    font-weight: 900;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 2px #6B6A68;
    text-transform: uppercase;
    text-box: trim-both cap alphabetic;
    margin-top: 15px;

}

.moments-matches .moments .cell {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: calc(100% - 57px);
    margin-left: 57px;
    cursor: pointer;
    display: block;
}

.moments-matches .moments .cell img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    transition: 0.3s;
}

.moments-matches .moments .cell:hover img {
    transform: scale(1.1);
}

.moments-matches .moments .cell button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: none;
    outline: none;
    border: 0;
    z-index: 1;
}

.moments-matches .moments .cell button svg {
    width: 20px;
    height: 20px;
    opacity: 0.5;
}

.moments-matches .moments .cell:hover button svg {
    opacity: 1;
}

.moments-matches .moments .cell:hover button svg path {
    fill: #ECB738;
}

.moments-matches .moments .owl-nav.disabled {
    display: none;
}

.moments-matches .moments .owl-nav {
    display: inline-flex;
    flex-direction: row;
    gap: 6px;
}

.moments-matches .moments .owl-nav .owl-prev,
.moments-matches .moments .owl-nav .owl-next {
    width: 20px;
    height: 20px;
    background: #fff !important;
    border-radius: 50%;
    outline: none;
    border: 0;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moments-matches .moments .owl-nav .owl-prev:hover,
.moments-matches .moments .owl-nav .owl-next:hover {
    background: #E2046E !important;
    color: #fff;
}

/* ======================================= Moments: End ======================================= */

/* ======================================= Matches: Start ======================================= */

.moments-matches {
    background: #0C0059;
    background: linear-gradient(0deg, rgba(12, 0, 89, 1) 22%, rgba(0, 0, 0, 1) 100%);
    position: relative;
}

.moments-matches .matches .top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
}

.moments-matches .matches {
    padding: 90px 0 70px 0;
}

.moments-matches .matches .owl-nav.disabled {
    display: none;
}

.moments-matches .matches .owl-nav {
    display: inline-flex;
    flex-direction: row;
    gap: 6px;
    /* background: green; */
}

.moments-matches .matches .owl-nav .owl-prev,
.moments-matches .matches .owl-nav .owl-next {
    width: 28px;
    height: 28px;
    background: #fff !important;
    border-radius: 50%;
    outline: none;
    border: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moments-matches .matches .owl-nav .owl-prev:hover,
.moments-matches .matches .owl-nav .owl-next:hover {
    background: #E2046E !important;
    color: #fff;
}

/* Match Cards Styling */
.moments-matches .match-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* min-height: 230px; */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}



/* Match Header */
.moments-matches .match-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.moments-matches .match-teams-title {
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.25;
    flex: 1;
    color: #0C0059;
    font-size: 16px;
    font-style: italic;
    line-height: 1;
}

.moments-matches .match-teams-title span {
    color: #0C0059;
    font-size: 14px;
    margin: 0 4px;
}

/* Status Badges */
.moments-matches .status-badge {
    padding: 8px 18px;
    border-radius: 20px;
    letter-spacing: 0.5px;
    white-space: nowrap;
    display: inline-block;
    color: #FFF;
    font-size: 10px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.moments-matches .status-upcoming {
    background: #4470EC;
}

.moments-matches .status-live {
    background: #38EC5D;
    color: #000;
    animation: pulse-glow 2s infinite;
}

.moments-matches .status-completed {
    background: #0C0059;
}

@keyframes pulse-glow {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(3, 188, 21, 0.7);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(109, 228, 93, 0);
    }
}

/* Match Body */
.moments-matches .match-card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
}

.moments-matches .team-block {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.moments-matches .team-logo-wrap {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moments-matches .team-logo-img {
    max-width: 48px;
    max-height: 48px;
    object-fit: contain;
}

.moments-matches .team-logo-wrap.no-wrap .team-logo-img {
    border-radius: 50%;
}

.moments-matches .team-info-wrap {
    display: flex;
    flex-direction: column;
}

.moments-matches .team-name-sub {
    letter-spacing: 0.3px;
    color: #9F9F9F;
    font-size: 10px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.moments-matches .team-score {
    margin-top: 3px;
    color: #0C0059;
    font-size: 16px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.moments-matches .vs-divider {
    margin: 0 10px;
    color: #0C0059;
    font-size: 10px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

/* Match Footer */
.moments-matches .match-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #F3F4F6;
    padding-top: 14px;
}

.moments-matches .format-badge {
    background: #EDEDED;
    color: #6B7280;
    border-radius: 12px;
    padding: 4px 12px;
    font-size: 8px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Info Group for Upcoming */
.moments-matches .info-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.moments-matches .info-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.moments-matches .info-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.moments-matches .info-text {
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: 700;
    font-style: italic;
    color: #9CA3AF;
    line-height: 1.1;
}

.moments-matches .info-divider {
    width: 1px;
    height: 20px;
    background: #E5E7EB;
}

/* Match Notes for Live & Completed */
.moments-matches .match-note {
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    text-align: right;
    flex: 1;
}

.moments-matches .note-live {
    color: #22C55E;
}

.moments-matches .note-completed {
    color: #6B21A8;
}

/* ======================================= Matches: End ======================================= */





.techies-premier-league {
    position: relative;
}

.techies-premier-league img {
    height: 750px;
    object-fit: cover;
}

.techies-premier-league .hd-style-1 {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}


.bottom-block {
    background: #E2046E;
    background: linear-gradient(0deg, rgba(226, 4, 110, 1) 31%, rgba(12, 0, 89, 1) 57%);
    position: relative;
}

.bottom-block .hd-style-1 {
    margin-bottom: 10px;
}

.bottom-block::after {
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(12, 0, 89, 1) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
}

.sponsors-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    align-items: center;
    padding: 30px 0 0 0;
}

.sponsors-row .cell {
    width: 240px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFF;
    transform: scale(1);
    transition: 0.3s;
}

.sponsors-row .cell:hover {
    transform: scale(0.95);
}

.sponsors-row .cell img {
    max-width: 100%;
    width: auto;
}

.road-to-glory {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 0 0 70px 0;
    position: relative;
    margin-top: -30px;
    z-index: 1;
}

.road-to-glory .cell {
    width: 25%;
    /* background: #fff; */
    padding: 10px;
    flex: 1;
    text-align: center;
}

.road-to-glory .cell img {
    margin-bottom: 10px;
}

.road-to-glory .cell p {
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.road-to-glory .cell p span {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    margin-top: 5px;
}




.commercial-partners {
    /* background: red; */
    width: 100vw;
    overflow: hidden;
    padding: 95px 0 100px 0;
}

.commercial-partners .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 25px;
}

.commercial-partners .top .hd-style-1 h6 {
    text-align: left;
    margin: 0;
}

.commercial-partners .inner {
    margin-right: calc((100% - 100vw) / 2);
    /* background: green; */
}

.commercial-partners .inner .cell {
    height: 275px;
    border-radius: 32px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    transform: scale(1);
    padding: 30px;
}

.commercial-partners .inner .cell:hover {
    transform: scale(0.95);
}
.commercial-partners .inner .cell img {
    max-width: 100%;
    max-height: 100%;
}

.commercial-partners .owl-nav {
    display: inline-flex;
    flex-direction: row;
    gap: 10px;
    /* background: green; */
}

.commercial-partners .owl-nav .owl-prev,
.commercial-partners .owl-nav .owl-next {
    width: 36px;
    height: 36px;
    background: #fff !important;
    border-radius: 50%;
    outline: none;
    border: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commercial-partners .owl-nav .owl-prev:hover,
.commercial-partners .owl-nav .owl-next:hover {
    background: #30047B !important;
    color: #fff;
}




.top-performers {
    padding-bottom: 80px;
    padding-top: 100px;
    position: relative;
    /* background: linear-gradient(180deg, rgba(14, 3, 88, 0.00) 13.46%, #0C0059 40.38%); */
    background: #EBEBED;
}

.top-performers::after {
    width: 100%;
    height: 46px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/patterns.svg");
}

.top-performers .top {
    padding-bottom: 40px;
}

.top-performers .hd-style-1 h4 {
    color: #30047B;
    font-weight: 900;
    margin-bottom: 10px;
}

.top-performers p {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize;
    width: 650px;
    margin: 0 auto 80px auto;
}

.top-performers .top-2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 30px;
}
.top-performers .top-2 span.sub-heading {
    color: #30047B;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -0.8px;
}
.top-performers .top-2 span.sub-heading sub {
    background: #E2046E;
    bottom: 0;
    font-size: inherit;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
}







.top-performers .cell-row {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

.top-performers .trophy {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.top-performers .cell-row .cell {
    position: relative;
    transition: 0.3s;
    width: 279px;
    height: 310px;
    background: url('../images/polygon-shape-1.png') center center no-repeat;
}

.top-performers .cell-row .cell:hover {
    transform: scale(1.08) rotate(5deg);
}

.top-performers .cell-row .cell .mask-shape {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 263px;
    height: 294px;


    -webkit-mask-image: url("../images/polygon-shape-2.png");
    mask-image: url("../images/polygon-shape-2.png");

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;
}

.top-performers .cell-row .cell .mask-shape::after {
    width: 262px;
    height: 294px;
    background: url('../images/polygon-gradient.png') center bottom no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
}

.top-performers .cell-row .cell .mask-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.top-performers .cell-row .cell .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 38px 0;
    flex-direction: column;
    z-index: 1;
}

.top-performers .cell-row .cell .text img.queen {
    margin: 0 0 5px 0;
}

.top-performers .cell-row .cell .text .gender {
    background: #30047B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 2px;
    border-radius: 10px;
    padding-right: 6px;
}

.top-performers .cell-row .cell .text .gender span {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.top-performers .cell-row .cell .text .round-small {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-performers .cell-row .cell .text .digiora-xl {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    padding: 4px 15px;
    border: 1px solid #fff;
    border-radius: 11px;
    margin-bottom: 2px;
}

.top-performers .cell-row .cell .text .title {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.top-performers .cell-row .cell .text .title sub {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    bottom: auto;
}



.points-table {
    background: #0C0059;
    padding: 60px 0 30px 0;
    height: auto;
    position: relative;
}

.points-table .inner {
    border-radius: 40px;
    border: 2px solid #523FCA;
    padding: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 22px;
}

.points-table .inner .left {
    width: 250px;
}

.points-table .inner .left h3 {
    text-align: left;
    margin: 0 0 10px 0;
}

.points-table .inner .left .title {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.points-table .inner .left .location {
    color: #ECB738;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    margin: 5px 0 0 0;
    padding-bottom: 10px;
}

.points-table .inner .left .cell {
    border-radius: 10px;
    border: 2px solid #523FCA;
    padding: 16px;
    width: 100%;
    margin: 10px 0 0 0;
}

.points-table .inner .left .cell p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}

.points-table .inner .left .btn-style-1 {
    margin-top: 20px;
}

.points-table .inner .right {
    flex: 1;
    min-width: 0;
}

/* Points Table Right Styling */
.points-table-right {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.points-table-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

/* Custom Nav Tabs for Men / Women */
.points-table-header .custom-nav-tabs {
    border-bottom: none;
    background: #090044;
    border: 2px solid #3b28b4;
    padding: 0px;
    border-radius: 12px;
    display: inline-flex;
    gap: 0;
    overflow: hidden;
}

.points-table-header .custom-nav-tabs .nav-item {
    margin-bottom: 0;
}

.points-table-header .custom-nav-tabs .nav-link {
    border: none !important;
    border-radius: 0px !important;
    padding: 14px 0;
    width: 100px;
    transition: all 0.3s ease;
    background: transparent;

    color: #523FCA;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.points-table-header .custom-nav-tabs .nav-link:hover {
    color: #a39ceb;
}

.points-table-header .custom-nav-tabs .nav-link.active {
    background: #4430d4;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(68, 48, 212, 0.4);
}

/* Column Header Row */
.table-head-row {
    display: grid;
    grid-template-columns: 2.6fr 1.1fr 0.8fr 0.8fr 1.3fr 1.5fr 1fr;
    align-items: center;
    padding: 0 10px 12px 10px;
    position: sticky;
    top: 0;
    background: #0C0059;
    z-index: 10;
    border-bottom: 1px solid rgba(82, 63, 202, 0.2);
    margin-bottom: 12px;
}

.th-cell {
    color: #ECB738;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    /* text-transform: uppercase; */
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.th-team {
    text-align: left;
}

.th-stat {
    text-align: center;
}

/* Table Body SimpleBar Container */
/* .simplebar-table-wrapper { */
    /* max-height: 310px; */
    /* padding-right: 15px; */
/* } */

.table-body {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.table-row {
    display: grid;
    grid-template-columns: 2.6fr 1.1fr 0.8fr 0.8fr 1.3fr 1.5fr 1fr;
    align-items: center;
    padding: 4px 10px;
}

.td-cell {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.td-team {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.team-badge {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-img {
    max-width: 35px;
    max-height: 35px;
    object-fit: contain;
}

.avatar-badge {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    font-style: italic;
}

.avatar-ow {
    background: #16a34a;
}

.avatar-dx {
    background: #2563eb;
}

.avatar-gs {
    background: #f87171;
}

.avatar-as {
    background: #fbbf24;
    color: #000;
}

.avatar-cb {
    background: #818cf8;
}

.avatar-ct {
    background: #38bdf8;
}

.avatar-ph {
    background: #a78bfa;
}

.team-name {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    /* text-transform: uppercase; */
    letter-spacing: 0.3px;
    /* white-space: nowrap; */
}

.td-stat {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
}

/* Customizing SimpleBar for Points Table */
.points-table .simplebar-track.simplebar-vertical {
    width: 10px;
    right: 0;
    background: transparent;
    background: #332681;
    border-radius: 5px;
    margin-top: 40px;
}

.simplebar-scrollbar {
    cursor: pointer;
}

.points-table .simplebar-scrollbar::before {
    background-color: #ffffff !important;
    opacity: 1 !important;
    border-radius: 10px;
    left: 2px;
    right: 2px;
}

.points-table .simplebar-scrollbar.simplebar-visible::before {
    opacity: 1 !important;
}

.points-table .simplebar-track.simplebar-vertical .more-play {
    position: relative;
}

.more-play {
    position: relative;
}

.more-play::after {
    width: 100%;
    height: 100px;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(12, 0, 89, 1) 100%);
}

.more-play::before {
    width: 100%;
    height: 200px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: linear-gradient(to top, rgba(125, 185, 232, 0) 0%, rgba(12, 0, 89, 1) 100%);
}

.more-play .title-top {
    width: 1236px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 50px;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
}

.more-play .title-top span {
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.more-play .title-top span b {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}




/* Footer: Start */
footer {
    background: #30047B;
    padding: 30px 0;
}

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

footer p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin: 0;
    width: 280px;
}

footer .developed-by {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 280px;
}

footer .developed-by span {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

footer .social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 280px;
}

footer .social span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
}

footer .social i {
    color: #D50061;
    background: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.3s;
}

footer .social:hover i {
    background: #D50061;
    color: #FFF;
}

/* Footer: End */

/* ---- fixture match card :start ---- */
.fixture-card-item {
    width: 100%;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 24px 20px 20px 20px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid #eaeaea;
    cursor: pointer;
    transition: 0.3s;
}

.fixture-card-item:hover {
    transform: scale(1.02);
}

.fixture-card-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 10px;
}

.fixture-status-badge {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #E2046E;
    border: 1.5px dashed #ffffff;
    border-radius: 6px;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
}

.fixture-match-datetime {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    text-transform: uppercase;
    flex-wrap: wrap;
}

.fixture-match-datetime .match-date {
    font-weight: 700;
    color: #1a1a1a;
}

.fixture-match-datetime .match-time {
    font-weight: 400;
    color: #777777;
}

.fixture-match-details {
    width: 100%;
    background-color: #f2f4f7;
    border-radius: 16px;
    padding: 24px 20px 16px 20px;
    overflow: hidden;
}

.fixture-team-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
}

.fixture-team-row .team-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.fixture-team-row .team-info .team-logo-circle {
    width: 64px;
    height: 64px;
    min-width: 64px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.fixture-team-row .team-info .team-logo-circle img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fixture-team-row .team-info .team-logo-circle.no-logo {
    padding: 0;
}

.fixture-team-row .team-info .team-logo-circle.no-logo img {
    width: 100%;
    height: 100%;
}

.fixture-team-row .team-info .team-name {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    color: #000000;
}

.fixture-team-row .team-info .team-name .highlight {
    color: #30047B;
}

.fixture-team-row .team-score {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fixture-team-row .team-score .score-trophy-icon {
    width: 20px;
    height: auto;
}

.fixture-team-row .team-score .score-val {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.fixture-team-row .team-score .score-val.green {
    color: #00a651;
}

.fixture-team-row .team-score .score-val.red {
    color: #e52e2e;
}

.fixture-result-banner {
    width: 100%;
    background-color: #30047B;
    border-radius: 12px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    flex-wrap: wrap;
}

.fixture-result-banner .result-text {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.fixture-result-banner .runs-badge {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    color: #30047B;
    background-color: #ffffff;
    padding: 4px 14px;
    border-radius: 20px;
    line-height: 1;
}

.fixture-result-banner .result-trophy-icon {
    height: 21px;
    width: auto;
}

.fixture-card-footer {
    width: 100%;
    padding-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.fixture-potm-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fixture-potm-wrap .potm-star-icon {
    width: 10px;
}

.fixture-potm-wrap .potm-label {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
    letter-spacing: 0.3px;
}

.fixture-potm-wrap .potm-player-name {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #30047B;
    padding: 4px 16px;
    border-radius: 20px;
    line-height: 1;
}

.fixture-potm-wrap .potm-player-img {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #e2e8f0;
}

.fixture-potm-wrap .potm-player-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fixture-location-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #777777;
    border-radius: 20px;
    padding: 6px 20px;
    background-color: #ffffff;
}

.fixture-location-wrap .location-icon {
    width: 10px;
}

.fixture-location-wrap .location-text {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
    letter-spacing: 0.3px;
}

/* ---- fixture match card :end ---- */

.fixture-logo-slide-wrap {
    background: #fff;
    padding: 50px 0;
}

.fixture-logo-slide-wrap .cell {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.fixture-logo-slide-wrap .cell .logo-round {
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.25);
    width: 82px;
    height: 82px;
    padding: 10px;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.fixture-logo-slide-wrap .cell .logo-round.no-logo {
    padding: 0;
}
.fixture-logo-slide-wrap .cell .logo-round.no-logo img {
    width: 100%;
    height: 100%;
}

.fixture-logo-slide-wrap .cell .logo-round img {
    object-fit: contain;
    max-width: 100%;
}

.fixture-logo-slide-wrap .cell p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.fixture-logo-slide-wrap .owl-nav {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 0;
}

.fixture-logo-slide-wrap .owl-prev,
.fixture-logo-slide-wrap .owl-next {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #30047B !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixture-logo-slide-wrap .owl-prev i,
.fixture-logo-slide-wrap .owl-next i {
    font-size: 20px;
}

.fixture-logo-slide-wrap .owl-prev:hover,
.fixture-logo-slide-wrap .owl-next:hover {
    background: #E2046E !important;
}

.fixture-logo-slide {
    padding-left: 72px;
    padding-right: 72px;
}

.fixture-logo-slide-wrap .owl-dots {
    display: flex;
    flex-direction: row;
    gap: 7px;
    margin-top: 50px;
    justify-content: center;
}

.fixture-logo-slide-wrap .owl-dot.active {
    background: #30047B !important;
}

.fixture-logo-slide-wrap .owl-dot {
    width: 28px;
    height: 6px;
    border-radius: 3px;
    background: #E9E9E9 !important;
}


.player-details-row-1 {}

.player-details-row-1 .inner {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(4, 1fr);
}

.player-details-row-1 .inner .cell {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 4px 24px 0 rgba(0, 0, 0, 0.08);
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.player-details-row-1 .inner .cell .icn {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: #E2046E;
    padding: 18px;
}

.player-details-row-1 .inner .cell .icn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.player-details-row-1 .inner .cell span {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

.player-details-row-1 .inner .cell span sub {
    font-weight: 400;
    font-size: 22px;
    bottom: auto;
    display: block;
    line-height: normal;
}

.player-details-row-2 {
    margin: 24px 0 0 0;
}

.player-details-row-2 .full-row {
    border-radius: 16px;
    border: 1px solid #CBD5E1;
    background: #FFF;
    box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.04);
    padding: 30px;
}

.player-details-row-2 h2 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    padding-left: 22px;
    margin: 0 0 20px 0;
}

.player-details-row-2 h2::after {
    width: 6px;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    background: #E2046E;
    border-radius: 3px;
}

.player-details-row-2 .inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.player-details-row-2 .inner .cell {
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #E2046E;
    background: #F8FAFC;
}

.player-details-row-2 .inner .cell span {
    color: #0F172A;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.player-details-row-2 .inner .cell span sup {
    color: #30047B;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    top: auto;
    display: block;
    margin: 0 0 5px 0;
    font-style: italic;
}

/* Inner banner 3: Start */
.innerbanner-3 {
    background: linear-gradient(91deg, #30047B 16.83%, #30047B 51.74%, #30047B 65.45%);
    position: relative;
    width: 100%;
}

.innerbanner-3 .digiora-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 50px;
}

.innerbanner-3 .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.innerbanner-3 .ppl-image {
    width: 271px;
    height: 271px;
    object-fit: contain;
}

.innerbanner-3 .left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.innerbanner-3 h1 {
    color: #FFF;
    font-size: 46px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    background: #E2046E;
    padding: 10px 15px;
    position: relative;
    margin: 0;
}

.innerbanner-3 h1::after,
.innerbanner-3 h1::before {
    width: 13px;
    height: 100%;
    background: url("../images/round-pattern.png") top right repeat-y;
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
}

.innerbanner-3 h1::before {
    left: -8px;
    right: auto;
}

.innerbanner-3 .capsule {
    border: 1px solid #6a6a6a;
    border-radius: 100px;
    backdrop-filter: blur(2px);
    padding: 7px 20px 7px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.30);
    margin-top: 20px;
}

.innerbanner-3 .capsule .white-round {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #FFF;
    stroke-width: 3px;
    stroke: #F5F5F5;
    padding: 5px;
}

.innerbanner-3 .capsule .white-round img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.innerbanner-3 .capsule hr {
    width: 1px;
    height: 20px;
    background: #30047B;
    opacity: 1;
}

.innerbanner-3 .capsule span {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

/* Inner banner 3: End */


/* Player of the Match Card :start */
.potm-card-section {
    padding-top: 0;
    padding-bottom: 75px;
}

.potm-details-card {
    width: 100%;
    background-color: #30047B;
    border-radius: 24px;
    padding: 24px 15px 15px 15px;
    box-shadow: 0 10px 30px rgba(40, 0, 93, 0.25);
    text-align: center;
    overflow: hidden;
}

.potm-details-card .potm-card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.potm-details-card .potm-header-icon {
    width: 23px;
    height: 23px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.potm-details-card .potm-header-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.potm-details-card .potm-card-title {
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    line-height: 1.2;
}

.potm-details-card .potm-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.potm-details-card .potm-player-avatar {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 4px solid #e2046e;
    overflow: hidden;
    margin-bottom: 16px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.potm-details-card .potm-player-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.potm-details-card .potm-player-name {
    display: inline-block;
    background-color: #ffffff;
    color: #28005d;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 6px 20px;
    border-radius: 30px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    line-height: 1.2;
}

.potm-details-card .potm-team-badge {
    display: inline-flex;
    align-items: center;
    background-color: #e2046e;
    padding: 4px 16px 4px 4px;
    border-radius: 30px;
    gap: 8px;
    margin-bottom: 10px;
}

.potm-details-card .potm-team-logo {
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    padding: 2px;
}

.potm-details-card .potm-team-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.potm-details-card .potm-team-name {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
}

.potm-details-card .potm-stats-card {
    width: 100%;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px 8px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.potm-details-card .potm-stat-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 6px;
    padding-right: 6px;
}

.potm-details-card .stat-label {
    font-size: 12px;
    font-weight: 900;
    color: #4b307b;
    text-transform: uppercase;
    margin-bottom: 6px;
    white-space: nowrap;
    line-height: 1;
    font-style: italic;
}

.potm-details-card .stat-value {
    font-size: 22px;
    font-weight: 800;
    color: #e2046e;
    line-height: 1;
    font-style: italic;
}

.potm-details-card .stat-value.stat-total {
    color: #000000;
}

.potm-details-card .potm-stat-op {
    font-size: 22px;
    font-weight: 800;
    color: #000000;
    line-height: 1;
    align-self: flex-end;
    font-style: italic;
    padding: 0 2px;
}

.potm-details-card .potm-stat-divider {
    width: 0;
    height: 36px;
    border-right: 1.5px dotted #a88ccf;
}

/* Player of the Match Card :end */


.masked-image {
    width: 400px;
    height: 400px;

    -webkit-mask-image: url("../images/xxxx.png");
    mask-image: url("../images/xxxx.png");

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;
}

.masked-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.load-more-btn {
    min-height: 31px;
    font-size: 12px;
}

.load-more-btn svg {
    width: 22px;
    height: 22px;
}

.load-more-btn:hover {
    background: #30047B;
    color: #fff;
}

.load-more-btn:hover svg path {
    fill: #fff;
}

.no-logo-cmn {
    padding: 0;
}
.no-logo-cmn img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    width: 100%;
    height: 100%;
}


/* ===================================== Sticky Menu: Start ===================================== */
main.home-main {
    padding-top: 0 !important;
}
header.header-hide,
header.header-show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #3154a3;
    z-index: 9999;
    /* transition: transform 0.3s ease; */
    padding: 15px 0px !important;
}
 
header.header-hide {
    transform: translateY(-100%);
}
 
header.header-show {
    transform: translateY(0);
    transition: transform 0.3s ease;
}
header.header-show {
    flex-direction: row-reverse;
    align-items: center;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background: #5b13a0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
header.header-show .left {
    display: none;
}
header.header-show .mid {
    margin-top: 0;
}
header.header-show .right {
    padding-top: 0;
}
header.header-show .mid {
    border: 1.5px solid #a902ff;
}

/* inner */
main.stick-main {
    padding-top: 114px;
}
header.inner-header.header-show .right {
    width: auto;
}
header.inner-header.header-show .classy-nav-container .classynav a {
    color: #fff;
}

@media (max-width: 1199px) {
    header.header-show {
        justify-content: flex-end;
    }
    header.header-show .mid {
        right: 20px;
    }
    /* inner */
    header.inner-header.header-show .mid {
        right: 20px;
    }
    header.inner-header.header-show .mid {
        border: 1.5px solid #fff;
    }
    header.inner-header.header-show .classy-navbar-toggler .navbarToggler span {
        background-color: #fff;
    }
}
@media (max-width: 991px) {
    main.stick-main {
        padding-top: 177px;
    }
    header.header-show .right {
        position: relative;
        bottom: auto;
        padding-left: 0;
        padding-right: 0;
    }
    header.header-show .mid {
        bottom: auto;
    }
    header.header-hide {
        position: absolute;
    }
    /* inner */
    header.inner-header.header-show .inner-header-buttons {
        display: none !important;
    }
    header.inner-header.header-show .right {
        bottom: 0;
    }
    header.inner-header.header-show .mid {
        position: absolute;
        margin: 0;
        bottom: auto;
    }
}
@media (max-width: 767px) {
    main.stick-main {
        padding-top: 175px;
    }
    header.header-show {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    header.inner-header.header-show .mid {
        right: 15px;
    }
}
/* ===================================== Sticky Menu: End ===================================== */


/* Style 2 : Start */

body:has(.classy-nav-container.breakpoint-on .classy-menu.menu-on) {
    overflow: hidden;
}

/* COMMON STYLE :START */

/* ---- color :start ---- */
.color-1 {
    color: #30047B !important;
}

.color-2 {
    color: #E2046E !important;
}

/* ---- color :end ---- */

/* ---- font weight :start ---- */
.fw-900 {
    font-weight: 900 !important;
}

/* ---- font weight :end ---- */

/* ---- btn-style-2 :start ---- */
.btn-style-2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    background-color: #E2046E;
    border: 2px solid #E2046E;
    border-radius: 2px;
    padding: 6px 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-style-2:hover {
    color: #ffffff;
    background-color: #30047B;
    border-color: #30047B;
}

/* ---- btn-style-2 :end ---- */

/* ---- block-style-1 :start ---- */
.block-style-1 {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: relative;
    overflow: hidden;
}

.block-style-1 .bs1-image {
    width: 250px;
    height: auto;
    flex-grow: 0;
    flex-shrink: 0;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.251);
    overflow: hidden;
}

.block-style-1 .bs1-image img {
    width: 100%;
    height: auto;
}

.block-style-1 .bs1-text {
    width: 100%;
    height: auto;
}

.block-style-1 .bs1-text .btxt-head {
    width: 100%;
    height: auto;
    text-align: center;
    color: #ffffff;
    background-color: #E2046E;
    padding: 10px;
    margin-bottom: 24px;
}

.block-style-1 .bs1-text .btxt-head h2 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
}

.block-style-1 .bs1-text .btxt-body {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}

.block-style-1 .bs1-text .btxt-body p {
    font-family: "Bebas Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0;
}

.block-style-1 .bs1-text .btxt-buttons .btn-contact {
    font-family: "Bebas Neue", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    background-color: #E2046E;
    border: 2px solid #E2046E;
    border-radius: 2px;
    padding: 6px 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.block-style-1 .bs1-text .btxt-buttons .btn-contact:hover {
    color: #ffffff;
    background-color: #30047B;
    border-color: #30047B;
}

/* ---- block-style-1 :end ---- */

/* ---- frm-btn-s1 :start ---- */
.frm-btn-s1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #39FF14;
    background-color: #30047B;
    border: 2px solid #30047B;
    border-radius: 100px;
    padding: 18px 70px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 15px;
}

.frm-btn-s1 span {
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* margin-left: 15px; */
}

.frm-btn-s1 span svg {
    margin-right: 5px;
}

.frm-btn-s1:hover {
    color: #ffffff;
    background-color: #E2046E;
    border-color: #E2046E;
}

/* ---- frm-btn-s1 :end ---- */

/* ---- form-style-1 :start ---- */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
    background-color: #fff !important;
}

.form-wraper-1 {
    background-color: #ffffff;
    border: 2px solid #ededed;
    padding: 24px;
    border-radius: 10px;
}

.form-row-gap {
    row-gap: 24px;
}

.form-inner-block {
    margin-bottom: 60px;
}

.form-inner-block:last-child {
    margin-bottom: 0;
}

.form-style-1 .frmin-title {
    display: flex;
    align-items: center;
    padding-left: 20px;
    position: relative;
}

.form-style-1 .frmin-title::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #30047B;
    border-radius: 2px;
}

.form-style-1 .frmin-title::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #30047B;
    background: linear-gradient(90deg, rgba(48, 4, 123, 1) 0%, rgba(48, 4, 123, 0) 100%);
    border-radius: 2px;
    margin-left: 15px;
}

.form-style-1 .frmin-title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-wrap: nowrap;
}

.form-style-1 .frmin-title.fit-s2 {
    flex-wrap: wrap;
    row-gap: 10px;
}

.form-style-1 .frmin-title.fit-s2::after {
    display: none;
}

.form-style-1 .frmin-title.fit-s2 h2 {
    margin-right: 15px;
}



.form-style-1 .form-input-wrap {
    width: 100%;
    height: auto;
    color: #000000;
    background-color: #fff;
    border: 1px dashed #30047B;
    border-radius: 8px;
    padding: 7.5px 10px;
}



.form-style-1 {
    width: 100%;
    height: auto;
}

.form-style-1 p {
    font-size: 13px;
    font-weight: 500;
}

.form-style-1 .form-label {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    color: #30047B;
    text-transform: uppercase;
    margin-bottom: 7px;
    display: block;
    font-style: italic;
}

label.required::after {
    content: " *";
    font-size: 13px;
    color: red;
}

.form-style-1 .form-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #6c757d;
    margin-top: 12px;
    display: block;

}

.form-style-1 .form-control {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #30047B;
    background-color: #fff;
    border: 1px dashed #30047B;
    border-radius: 8px;
    overflow: hidden;
    padding: 12px 10px;
    transition: 0.5s;
}

.form-style-1 textarea.form-control {
    overflow-y: auto;
    resize: none;
}

.form-style-1 .form-control:focus {
    border-color: #000;
    box-shadow: none;
}

.form-style-1 .form-control:disabled {
    background-color: #e8e8e8;
}

.form-style-1 .form-control::placeholder {
    color: #959595;
}

.form-style-1 .nice-select {
    width: 100%;
    height: 43px;
    font-size: 13px;
    line-height: 1;
    background-color: #fff;
    border: 1px dashed #30047B;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 30px;
}

.form-style-1 .nice-select::after {
    top: 0;
    right: 15px;
    background-image: url('../images/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 100%;
    border: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.form-style-1 .nice-select.open::after {
    -webkit-transform: scaleY(-1) rotate(0deg);
    -ms-transform: scaleY(-1) rotate(0deg);
    transform: scaleY(-1) rotate(0deg);
}

.form-style-1 .nice-select .current {
    color: #30047B;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-style-1 .nice-select .list {
    max-height: 300px;
    overflow-y: auto;
}

.form-style-1 .nice-select .list .option:hover {
    color: #ffffff;
    background-color: #000000 !important;
}

.form-style-1 .form-group {
    margin-bottom: 0px;
}

.form-style-1 h3 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    color: #000000;
}

.form-style-1 .invalid-feedback {
    font-size: 14px;
}

/* ---- form-style-1 :end ---- */

/* ---- form-note :start ---- */
.form-note {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    background-color: #ffffff;
    border-radius: 20px;
    display: inline-block;
    padding: 12px 30px;
}

.form-note .fncolor1 {
    color: #30047B;
}

.form-note .fncolor2 {
    color: #EA1E1E;
}

/* ---- form-note :end ---- */

/* ---- checkbox-style-1 :start ---- */
.checkbox-style-1 {
    display: flex;
    align-items: center;
}

.checkbox-style-1.form-check-inline {
    display: inline-flex;
}

.checkbox-style-1 .form-check-input {
    width: 20px;
    height: 17px;
    background-color: #fff;
    border: 1px solid #30047B;
    border-radius: 2px;
    flex-shrink: 0;
    flex-grow: 0;
    cursor: pointer;
    transition: 0.5s;
}

.checkbox-style-1 .form-check-input:focus {
    box-shadow: none;
}

.checkbox-style-1 .form-check-input:hover {
    background-color: #cdcdcd;
    border-color: #30047B;
}

.checkbox-style-1 .form-check-input:checked {
    background-color: transparent;
    border-color: #30047B;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23EA1E1E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.checkbox-style-1 .form-check-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    color: #000000;
    margin-top: 3px;
    margin-left: 10px;
    height: 100%;
    cursor: pointer;
}

.checkbox-style-1 .form-check-label a {
    color: inherit;
    text-decoration: underline;
}

.checkbox-style-1 .form-check-label a:hover {
    color: inherit;
    text-decoration: none;
}

.form-check-input[type=radio] {
    width: 16px;
    height: 16px;
    border: 2px solid #30047B;
    border-radius: 100px;
}

.form-check-input:checked[type=radio] {
    background-image: none;
    background-color: #EA1E1E;
}

/* ---- checkbox-style-1 :end ---- */

/* ---- .custom-fileupload :start ---- */
.custom-fileupload {
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    background-color: transparent;
    border: 1px dashed #30047B;
    border-radius: 8px;
    overflow: hidden;
    padding: 11px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7px;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}

.custom-fileupload [type="file"] {
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.custom-fileupload p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    margin-bottom: 0;
    margin-right: auto;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.custom-fileupload .cfuicon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    flex-grow: 0;
}

.custom-fileupload .cfuicon svg {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.custom-fileupload .cfubtn {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.0834;
    color: #000000;
    background-color: #D9D9D9;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    text-align: center;
    padding: 2px 20px;
    margin: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-grow: 0;
    transition: 0.5s;
}

.custom-fileupload:hover .cfubtn {
    color: #ffffff;
    background-color: #30047B;
    border: 1px solid #30047B;
}

/* ---- .custom-fileupload :end ---- */

/* ---- .table-style-1 :start ---- */
.table-style-1 {
    border-collapse: separate;
    border-spacing: 0px 0;
    margin-top: 0;
    margin-bottom: 0;
}

.table-style-1>:not(caption)>*>* {
    padding: 25px 20px;
    vertical-align: middle;
}

.table-style-1 thead {
    font-size: 20px;
    font-weight: 600;
}

.table-style-1 thead tr>* {
    color: #ffffff;
    background-color: #E2046E;
    font-size: 14px;
}

.table-style-1 tbody {
    font-size: 18px;
    font-weight: 400;
}

.table-style-1 tbody tr th,
.table-style-1 tbody tr td {
    padding: 15px 20px;
}

.table-style-1 thead tr th:first-child,
.table-style-1 thead tr td:first-child,
.table-style-1 tbody tr th:first-child,
.table-style-1 tbody tr td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.table-style-1 thead tr th:last-child,
.table-style-1 thead tr td:last-child,
.table-style-1 tbody tr th:last-child,
.table-style-1 tbody tr td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.table-style-1 tbody tr>* {
    border-top: 0 solid #30047B;
    border-bottom: 1px solid #30047B;
    font-size: 14px;
    font-style: italic;
}

.table-style-1 tbody tr th:first-child,
.table-style-1 tbody tr td:first-child {
    border-left: 1px solid #30047B;
}

.table-style-1 tbody tr th:last-child,
.table-style-1 tbody tr td:last-child {
    border-right: 1px solid #30047B;
}

/* ---- .table-style-1 :end ---- */

/* ---- .table-style-2 :start ---- */
.table-style-2 {
    width: 100%;
    /* border-collapse: separate; */
    /* border-spacing: 0px 20px; */
    /* margin-top: -20px; */
    margin-bottom: 0;
}

.table-style-2>:not(caption)>*>* {
    padding: 15px 20px;
    vertical-align: middle;
}

.table-style-2 thead {
    font-size: 20px;
    font-weight: 600;
}

.table-style-2 thead tr>* {
    color: #ffffff;
    background-color: #E2046E;
}

.table-style-2 tbody {
    font-size: 12px;
    font-weight: 700;
}

.table-style-2 thead tr th:first-child,
.table-style-2 thead tr td:first-child {
    border-top-left-radius: 12px;
}

.table-style-2 thead tr th:last-child,
.table-style-2 thead tr td:last-child {
    border-top-right-radius: 12px;
}

.table-style-2 tbody tr th,
.table-style-2 tbody tr td {
    border-bottom: 1px solid #30047B;
    font-weight: 700;
    font-style: italic;
}

.table-style-2 tbody tr:last-child th,
.table-style-2 tbody tr:last-child td {
    border-bottom: 0;
}

.table-style-2 tbody tr:last-child th:first-child,
.table-style-2 tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.table-style-2 tbody tr:last-child th:last-child,
.table-style-2 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

/* ---- .table-style-2 :end ---- */

/* ---- .table-style-3 :start ---- */
.table-style-3 {
    width: 100%;
    /* border-collapse: separate; */
    /* border-spacing: 0px 20px; */
    /* margin-top: -20px; */
    margin-bottom: 0;
}

.table-style-3>:not(caption)>*>* {
    padding: 15px 20px;
    vertical-align: middle;
}

.table-style-3 thead {
    font-size: 18px;
    font-weight: 900;
}

.table-style-3 thead tr>* {
    font-size: 14px;
    font-weight: 900;
    color: #000000;
    background-color: rgba(41, 121, 255, 0.102);
    padding: 25px 20px;
    font-style: italic;
}

.table-style-3 tbody {
    font-size: 16px;
    font-weight: 400;
}

.table-style-3 thead tr th:first-child,
.table-style-3 thead tr td:first-child {
    /* border-top-left-radius: 12px; */
}

.table-style-3 thead tr th:last-child,
.table-style-3 thead tr td:last-child {
    /* border-top-right-radius: 12px; */
}

.table-style-3 tbody tr th,
.table-style-3 tbody tr td {
    border-bottom: 1px solid #30047B;
    font-style: italic;
    font-weight: 900;
    font-size: 14px;
}

.table-style-3 tbody tr:last-child th,
.table-style-3 tbody tr:last-child td {
    border-bottom: 0;
}

.table-style-3 tbody tr:last-child th:first-child,
.table-style-3 tbody tr:last-child td:first-child {
    /* border-bottom-left-radius: 12px; */
}

.table-style-3 tbody tr:last-child th:last-child,
.table-style-3 tbody tr:last-child td:last-child {
    /* border-bottom-right-radius: 12px; */
}

/* ---- .table-style-3 :end ---- */

/* ---- .table-style-4 :start ---- */
.table-style-4 {
    width: 100%;
    margin-bottom: 0;
}

.table-style-4>:not(caption)>*>* {
    padding: 15px 20px;
    vertical-align: middle;
}

.table-style-4 thead {
    font-size: 18px;
    font-weight: 900;
}

.table-style-4 thead tr>* {
    font-size: 14px;
    font-weight: 900;
    color: #000000;
    background-color: #D9D9D9;
    padding: 25px 20px;
    font-style: italic;
}

.table-style-4 tbody {
    font-size: 16px;
    font-weight: 400;
}

.table-style-4 tbody tr th,
.table-style-4 tbody tr td {
    border-bottom: 1px solid #30047B;
    font-style: italic;
    font-weight: 900;
    font-size: 14px;
}
/* ---- .table-style-4 :end ---- */

/* ---- page-filter :start ---- */
.page-filter {
    width: 100%;
    height: auto;
    margin-bottom: 55px;
}

.page-filter .pgfilter-inner {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.078);
    padding: 14px 22px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}


.page-filter .pgfilter-inner .pgfil-gender {
    display: inline-flex;
    align-items: center;
}

.page-filter .pgfilter-inner .pgfil-gender ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: rgba(41, 121, 255, 0.102);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    overflow: hidden;
}

.page-filter .pgfilter-inner .pgfil-gender ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #000000;
    background-color: transparent;
    border-radius: 12px;
    padding: 15px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.page-filter .pgfilter-inner .pgfil-gender ul li a.active {
    color: #ffffff;
    background-color: #E2046E;
}

.page-filter .pgfilter-inner .pgfil-gender ul li a:hover {
    color: #ffffff;
    background-color: #30047B;
}


.page-filter .pgfilter-inner .pgfil-input {
    width: 350px;
    height: auto;
    position: relative;
}

.page-filter .pgfilter-inner .pgfil-input .form-control::placeholder {
    color: #6B7280;
}

.page-filter .pgfilter-inner .pgfil-input .form-control {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #30047B;
    background-color: rgba(41, 121, 255, 0.102);
    background-image: url('../images/search-icon.svg');
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 13px;
    border: 1px solid rgba(41, 121, 255, 0.102);
    border-radius: 12px;
    overflow: hidden;
    padding: 12px 10px 12px 34px;
    transition: 0.5s;
}


.page-filter .pgfilter-inner .pgfil-select {
    width: 192px;
    height: auto;
}

.page-filter .pgfilter-inner .pgfil-select .nice-select {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.page-filter .pgfilter-inner .pgfil-select .nice-select::after {
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-color: #9CA3AF;
}

.page-filter .pgfilter-inner .pgfil-select .nice-select .current {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: wrap;
    word-break: break-all;
}

/* ---- page-filter :end ---- */

/* ---- .video-wrap :start ---- */
.video-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 390/245;
    background-color: #E2046E;
    border-radius: 12px;
    padding: 5px;
    overflow: hidden;
}

.video-wrap .vwinner {
    width: 100%;
    height: 100%;
    background-color: #000000;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

/* .video-wrap .vwinner::after {
    content: "\f04b";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
    background-color: #E2046E;
    border-radius: 100px;
    padding-left: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
} */

.video-wrap .vwinner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.video-wrap:hover .vwinner::after {
    background-color: #30047B;
}

/* ---- .video-wrap :end ---- */

/* ---- .video-wrap :end ---- */
.btns-tab-s1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.btns-tab-s1 ul li a {
    font-size: 15px;
    font-weight: 400;
    text-wrap: nowrap;
    color: #000000;
    background-color: rgba(41, 121, 255, 0.102);
    border-radius: 100px;
    padding: 15px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 230px;
}

.btns-tab-s1 ul li a:hover {
    color: #000000;
    background-color: #d9d9d9;
}

.btns-tab-s1 ul li a.active {
    color: #ffffff;
    background-color: #E2046E;
}

/* ---- .video-wrap :end ---- */

/* COMMON STYLE :END */

/* Inner banner section :start */
.innerbanner-section {
    width: 100%;
    height: auto;
    background-color: #30047B;
    overflow: hidden;
}

.innerbanner-section .ibsec-inner {
    width: 100%;
    height: auto;
    /* min-height: 270px; */
    position: relative;
}

.innerbanner-section .ibsec-inner .ibs-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.innerbanner-section .ibsec-inner .ibs-image picture,
.innerbanner-section .ibsec-inner .ibs-image picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



.innerbanner-section .ibs-content {
    width: 100%;
    height: 100%;
    padding-top: 60px;
    position: relative;
}

.innerbanner-section .ibs-content::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #30047B;
    background: linear-gradient(-45deg, rgba(48, 4, 123, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(48, 4, 123, 1) 85%);
}

.innerbanner-section .ibs-content .ibcontent-inner {
    width: 100%;
    height: 100%;
}

.innerbanner-section .ibs-content .ibcont-team {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 32px;
}

.innerbanner-section .ibs-content .ibcont-team .ibteam-logo {
    width: 116px;
    height: 116px;
    background-color: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
}

.innerbanner-section .ibs-content .ibcont-team .ibteam-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}


.innerbanner-section .ibs-content .ibcont-team .ibteam-logo.no-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




.innerbanner-section .ibs-content .ibcont-team .ibteam-text h1 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
}

.innerbanner-section .ibs-content .ibcont-team .ibteam-text .captian-badge {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 2px 2px 2px 15px;
    margin-bottom: 7px;
}

.innerbanner-section .ibs-content .ibcont-team .ibteam-text .captian-badge .cap {
    background-color: #0C0059;
    border-radius: 100px;
    padding: 3px 10px;
    margin-left: 7px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.innerbanner-section .ibs-content .ibcont-team .ibteam-text h2 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
}



.innerbanner-section .ibs-content-2 {
    width: 100%;
    height: auto;
    padding: 60px 0px;
    position: relative;
}

.innerbanner-section .ibs-content-2 .ibcontent-inner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 100px;
}

.innerbanner-section .ibs-content-2 .ibc2-box {
    width: 100%;
    max-width: 280px;
    height: auto;
    background-color: #ffffff;
    border-radius: 12px;
}

.innerbanner-section .ibs-content-2 .ibc2-box .ibcbx-top {
    width: 100%;
    height: auto;
    border-bottom: 2px dotted #30047B;
    padding: 5px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerbanner-section .ibs-content-2 .ibc2-box .ibcbx-top img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.innerbanner-section .ibs-content-2 .ibc2-box .ibcbx-bottom {
    width: 100%;
    height: auto;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerbanner-section .ibs-content-2 .ibc2-box .ibcbx-bottom h2 {
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #E2046E;
    margin-bottom: 0;
}

.innerbanner-section .ibs-content-2 .ibc2-box .ibcbx-bottom h2 span {
    color: #30047B;
}

.innerbanner-section .ibs-content-2 .ibc2-powered .ibcp-row-1 {
    width: 100%;
    margin-bottom: 12px;
}

.innerbanner-section .ibs-content-2 .ibc2-powered .ibcp-row-1 h2 {
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.innerbanner-section .ibs-content-2 .ibc2-powered .ibcp-row-2 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #8f8f8f;
    border-radius: 100px;
    backdrop-filter: blur(2px);
    padding: 14px 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.innerbanner-section .ibs-content-2 .ibc2-powered .ibcp-row-2 img {
    width: auto;
    max-width: 100%;
    height: auto;
}




.innerbanner-section .ibs-content-3 {
    width: 100%;
    height: auto;
    padding: 60px 0px;
    position: relative;
}

.innerbanner-section .ibs-content-3 .ibcontent-inner {
    width: 100%;
    height: auto;
    display: flex;
    gap: 150px;
}

.innerbanner-section .ibs-content-3 .ibc3-box {
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, 0.051);
    border-radius: 15px;
    overflow: hidden;
}


.innerbanner-section .ibs-content-3 .c3b-card-header {
    width: 100%;
    height: auto;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.innerbanner-section .ibs-content-3 .c3b-card-header .fstatus-badge {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #E2046E;
    border: 0.5px dashed #ffffff;
    border-radius: 6px;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
}

.innerbanner-section .ibs-content-3 .c3b-card-header .fmatch-datetime {
    font-size: 16px;
    text-transform: uppercase;
    background-color: #FFFFFF;
    padding: 7px 20px;
    border-radius: 100px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.innerbanner-section .ibs-content-3 .c3b-card-header .fmatch-datetime .match-date {
    font-weight: 600;
    color: #1a1a1a;
}

.innerbanner-section .ibs-content-3 .c3b-card-header .f-match-datetime .match-time {
    font-weight: 300;
    color: #777777;
}

.innerbanner-section .ibs-content-3 .c3b-match {
    width: 100%;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    padding: 0px 20px;
    overflow: hidden;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row:last-child {
    margin-bottom: 0;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-info .ti-logo {
    width: 64px;
    height: 64px;
    background-color: #ffffff;
    border-radius: 50%;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    padding: 6px;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-info .ti-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* background: red; */
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-info .ti-logo.no-logo {
    padding: 0;
}


.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-info .ti-name {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    color: #ffffff;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-score {
    display: flex;
    align-items: center;
    gap: 8px;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-score .score-val {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-score .score-val.green {
    color: #00a651;
}

.innerbanner-section .ibs-content-3 .c3b-match .match-row .team-score .score-val.red {
    color: #e52e2e;
}

.innerbanner-section .ibs-content-3 .match-location {
    width: 100%;
    height: auto;
    margin: 5px 20px 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerbanner-section .ibs-content-3 .match-location .mlicon {
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.innerbanner-section .ibs-content-3 .match-location .mlicon img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.innerbanner-section .ibs-content-3 .match-location p {
    font-size: 18px;
    font-weight: 600;
    line-height: 0.9;
    color: #ffffff;
    margin-bottom: 0;
}


.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-team-wrap {
    width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-team-wrap .potm-label {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
    letter-spacing: 0.3px;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-team-wrap .potm-player-name {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #30047B;
    padding: 4px 16px;
    border-radius: 20px;
    line-height: 1;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-potm-wrap {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-potm-wrap .potm-star-icon {
    width: 15px;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-potm-wrap .potm-label {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
    letter-spacing: 0.3px;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-potm-wrap .potm-player-name {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #30047B;
    padding: 4px 16px;
    border-radius: 20px;
    line-height: 1;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-potm-wrap .potm-player-img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #e2e8f0;
    flex-shrink: 0;
    flex-grow: 0;
}

.innerbanner-section .ibs-content-3 .ibc3-box .c3bx-bottom .btm-potm-wrap .potm-player-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}






.inbanner-page-name {
    width: 100%;
    height: auto;
}

.inbanner-page-name .ibpg-name {
    background-color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 38px;
    /* border-left: 10px dotted #E2046E; */
    /* border-right: 10px dotted #E2046E; */
    position: relative;
    overflow: hidden;
}

.inbanner-page-name .ibpg-name::before,
.inbanner-page-name .ibpg-name::after {
    content: "";
    position: absolute;
    top: 0;
    width: 12px;
    height: 100%;

    background-image: radial-gradient(circle,
            #ed006b 0 6px,
            transparent 6px);
    background-size: 12px 16px;
    background-repeat: repeat-y;
}

.inbanner-page-name .ibpg-name::before {
    left: -6px;
}

.inbanner-page-name .ibpg-name::after {
    right: -6px;
}

.inbanner-page-name .ibpg-name h1,
.inbanner-page-name .ibpg-name h2 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #E2046E;
    margin-bottom: 0;
}

/* Inner banner section :end */


/* innerbanner-2 :start */
.innerbanner-2 {
    width: 100%;
    height: auto;
    background-color: #30047B;
    overflow: hidden;
}

.innerbanner-2 .ibsec-inner {
    width: 100%;
    height: auto;
    /* min-height: 270px; */
    position: relative;
}

.innerbanner-2 .ibsec-inner .ibs-image {
    width: 100%;
    height: auto;
}

.innerbanner-2 .ibsec-inner .ibs-image picture,
.innerbanner-2 .ibsec-inner .ibs-image picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



.innerbanner-2 .ib2-page {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding-top: 60px;
}

/* innerbanner-2 :end */

.innerpage-padding {
    padding: 60px 0px;
    min-height: calc(100vh - 217px);
}

/* Team Players List Page :start */
.team-players-pg-filter {
    width: 100%;
    height: auto;
    margin-bottom: 55px;
}

.team-players-pg-filter .tpfilter-inner {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.078);
    padding: 14px 22px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.team-players-pg-filter .tpfilter-inner .tpf-gender {
    display: inline-flex;
    align-items: center;
}

.team-players-pg-filter .tpfilter-inner .tpf-gender ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: rgba(41, 121, 255, 0.102);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    overflow: hidden;
}

.team-players-pg-filter .tpfilter-inner .tpf-gender ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #000000;
    background-color: transparent;
    border-radius: 12px;
    padding: 15px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.team-players-pg-filter .tpfilter-inner .tpf-gender ul li a.active {
    color: #ffffff;
    background-color: #E2046E;
}

.team-players-pg-filter .tpfilter-inner .tpf-gender ul li a:hover {
    color: #ffffff;
    background-color: #30047B;
}


.team-players-pg-filter .tpfilter-inner .tpf-season {
    width: 192px;
    height: auto;
}

.team-players-pg-filter .tpfilter-inner .tpf-season .nice-select {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.team-players-pg-filter .tpfilter-inner .tpf-season .nice-select::after {
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-color: #9CA3AF;
}


.team-players-list-section {}

.teamplayers-list-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 100px;
}

.teamplayers-list-wrap .tplist-item {
    width: 100%;
    aspect-ratio: 1 / 1;
}

.teamplayers-list-wrap .team-player {
    width: 100%;
    height: 100%;
    background-color: #30047B;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.teamplayers-list-wrap .team-player .tpimage {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.teamplayers-list-wrap .team-player .tpimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.teamplayers-list-wrap .team-player .tplogo {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.teamplayers-list-wrap .team-player .tplogo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.teamplayers-list-wrap .team-player .tpdetails {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;

    background: #30047b;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(48, 4, 123, 1) 100%);
}

.teamplayers-list-wrap .team-player .tpdetails .tpd-inner {
    width: 100%;
    height: auto;
    text-align: center;
}

.teamplayers-list-wrap .team-player .tpdetails .tpd-inner .captian-badge {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 2px 2px 2px 15px;
    margin-bottom: 7px;
}

.teamplayers-list-wrap .team-player .tpdetails .tpd-inner .captian-badge .cap {
    background-color: #0C0059;
    border-radius: 100px;
    padding: 3px 10px;
    margin-left: 7px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.teamplayers-list-wrap .team-player .tpdetails .tpd-inner h2 {
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #30047B;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 8px 10px;
    margin-bottom: 0;
    transition: 0.5s;
}

.teamplayers-list-wrap .team-player .tpdetails .tpd-inner .pspecs {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 7px;
}

.teamplayers-list-wrap .team-player .tpdetails .tpd-inner .pspecs span {
    margin: auto;
}


.teamplayers-list-wrap .team-player:hover .tpdetails .tpd-inner h2 {
    color: #ffffff;
    background-color: #E2046E;
}

/* Team Players List Page :end */

/* Registration Category Page :start */
.registration-category-pg {}

.regcategory-head {
    width: 100%;
    height: auto;
    text-align: center;
}

.regcategory-head h1 {
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #30047B;
    margin-bottom: 0;
}

.regcategory-head h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #30047B;
    background-color: rgba(48, 4, 123, 0.2);
    border-radius: 100px;
    padding: 13px 32px;
    margin-bottom: 20px;
    display: inline-block;
}

.regcategory-gender {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    gap: 120px;
    margin-top: 60px;
}

.regcategory-gender .rcgender-block {
    width: 321px;
    height: auto;
}

.regcategory-gender .rcgender-block .rcgb-inner {
    width: 100%;
    height: auto;
}

.regcategory-gender .rcgender-block .rcgblock-box {
    width: 100%;
    height: auto;
    aspect-ratio: 321/336;
    background: #30047B;
    background: linear-gradient(180deg, rgba(48, 4, 123, 1) 0%, rgba(137, 95, 210, 1) 100%);
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.regcategory-gender .rcgender-block .rcgblock-box .rcgblk-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.regcategory-gender .rcgender-block .rcgblock-box .rcgblk-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover;
    object-position: center top;
}

.regcategory-gender .rcgender-block .rcgblock-box .rcgblk-season {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #E2046E;
    border-radius: 100px;
    padding: 5px 20px;
    margin-bottom: 0px;
    display: inline-block;
}

.regcategory-gender .rcgender-block .rcgblock-box .rcgblk-register {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    text-align: center;
}

.regcategory-gender .rcgender-block .rcgblock-box .rcgblk-register h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #30047B;
    border: 0;
    border-radius: 100px;
    padding: 0px 0px 0px 20px;
    margin-bottom: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.regcategory-gender .rcgender-block .rcgblock-box .rcgblk-register h4 span {
    width: 49px;
    height: 49px;
    background-color: #ffffff;
    border: 3px solid #E2046E;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    transform: scale(1.1);
}

.regcategory-gender .rcgender-block .rcgblock-bottom {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
}

.regcategory-gender .rcgender-block .rcgblock-bottom h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #E2046E;
    border-radius: 100px;
    padding: 14px 44px;
    margin-bottom: 0px;
    display: inline-block;
    transition: 0.5s;
}

.regcategory-gender .rcgender-block:hover .rcgblock-bottom h2 {
    color: #ffffff;
    background-color: #30047B;
}

/* Registration Category Page :end */

/* Registration form Page :start */
.regformpg-head {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
}

.regformpg-head h1 {
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #30047B;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
}

.regformpg-head h1 .ball-icon {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    display: inline-flex;
}

.regformpg-head h1 .ball-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.regform-section {
    width: 100%;
    height: auto;
}

.regform-section .regfrmsec-inner {
    width: 100%;
    height: auto;
    background-color: rgba(48, 4, 123, 0.102);
    border-radius: 20px;
    padding: 40px 30px;
}

/* Registration form Page :end */

/* Teams List Page :start */
.teams-pg-filter {
    width: 100%;
    height: auto;
    margin-bottom: 55px;
}

.teams-pg-filter .tpgfilter-inner {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.078);
    padding: 14px 22px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

/* .teams-pg-filter .tpgfilter-inner .tfilter-gender {
    display: inline-flex;
    align-items: center;
}
.teams-pg-filter .tpgfilter-inner .tfilter-gender ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: rgba(41, 121, 255, 0.102);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    overflow: hidden;
}
.teams-pg-filter .tpgfilter-inner .tfilter-gender ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #000000;
    background-color: transparent;
    border-radius: 12px;
    padding: 15px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.teams-pg-filter .tpgfilter-inner .tfilter-gender ul li a.active {
    color: #ffffff;
    background-color: #E2046E;
}
.teams-pg-filter .tpgfilter-inner .tfilter-gender ul li a:hover {
    color: #ffffff;
    background-color: #30047B;
} */


.teams-pg-filter .tpgfilter-inner .tfilter-search {
    width: 350px;
    height: auto;
    position: relative;
}

.teams-pg-filter .tpgfilter-inner .tfilter-search i {}

.teams-pg-filter .tpgfilter-inner .tfilter-search .form-control::placeholder {
    color: #6B7280;
}

.teams-pg-filter .tpgfilter-inner .tfilter-search .form-control {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #30047B;
    background-color: rgba(41, 121, 255, 0.102);
    background-image: url('../images/search-icon.svg');
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 13px;
    border: 1px solid rgba(41, 121, 255, 0.102);
    border-radius: 12px;
    overflow: hidden;
    padding: 12px 10px 12px 34px;
    transition: 0.5s;
}

.teams-pg-filter .tpgfilter-inner .tfilter-season,
.teams-pg-filter .tpgfilter-inner .tfilter-teams {
    width: 192px;
    height: auto;
}

.teams-pg-filter .tpgfilter-inner .tfilter-season .nice-select,
.teams-pg-filter .tpgfilter-inner .tfilter-teams .nice-select {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.teams-pg-filter .tpgfilter-inner .tfilter-season .nice-select::after,
.teams-pg-filter .tpgfilter-inner .tfilter-teams .nice-select::after {
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-color: #9CA3AF;
}

.teams-pg-filter .tpgfilter-inner .tfilter-season .nice-select .current,
.teams-pg-filter .tpgfilter-inner .tfilter-teams .nice-select .current {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: wrap;
    word-break: break-all;
}


.teams-list-section {
    width: 100%;
    height: auto;
}

.teams-list-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.teams-list-wrap .teamlist-item {
    width: 100%;
    /* aspect-ratio: 1 / 1; */
}

.teams-list-wrap .teamlist-item .tlblock {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #30047B;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.teams-list-wrap .teamlist-item .tlblock .team-logo {
    width: 62px;
    height: 62px;
    background-color: #ffffff;
    border-radius: 100%;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    padding: 5px;
    margin: 0px auto 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.teams-list-wrap .teamlist-item .tlblock .team-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.teams-list-wrap .teamlist-item .tlblock .team-logo.no-logo {
    padding: 0;
}

.teams-list-wrap .teamlist-item .tlblock .team-logo.no-logo img {
    width: 100%;
    height: 100%;
}

.teams-list-wrap .teamlist-item .tlblock .team-details {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 15px;
}

.teams-list-wrap .teamlist-item .tlblock .team-details h2 {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 10px;
}

.teams-list-wrap .teamlist-item .tlblock .team-details .tdplayers {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    margin: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.teams-list-wrap .teamlist-item .tlblock .team-details .tdplayers img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-right: 5px;
}

.teams-list-wrap .teamlist-item .tlblock .team-buttons {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.teams-list-wrap .teamlist-item .tlblock .team-buttons .btn-view {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    background-color: #30047B;
    border: 2px solid #30047B;
    border-radius: 6px;
    padding: 6px 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.teams-list-wrap .teamlist-item .tlblock .team-buttons .btn-view:hover {
    color: #ffffff;
    background-color: #E2046E;
    border-color: #E2046E;
}

/* Standing page :start */
.standings-table .stcol-1 {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
}

.standings-table tbody .stcol-1 {
    text-align: center;
    color: #ffffff;
    background-color: #30047B;
}

.standings-table .stcol-1 {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    text-align: center;
}

.standings-table tbody .stcol-1 {
    color: #ffffff;
    background-color: #30047B;
}

.standings-table .stcol-2 {
    width: auto;
    min-width: 190px;
    max-width: none;
}

.standings-table .stcol-3,
.standings-table .stcol-4,
.standings-table .stcol-5,
.standings-table .stcol-6,
.standings-table .stcol-7 {
    width: 120px;
    min-width: 80px;
    max-width: 120px;
    text-align: center;
}

.standings-table .stcol-8 {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    text-align: center;
}

.standings-table tbody .stcol-8 {
    color: #ffffff;
    background-color: #30047B;
}

.standings-table .tname {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.standings-table .tname .tn-logo {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.standings-table .tname .tn-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.standings-table .tname .tn-name {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}


.standingpg-bottom {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: 50px 0px;
    margin-top: 50px;
}

/* Standing page :end */


/* Award page :start */
.awardpg-content-section {
    width: 100%;
    height: auto;
}

.awardpg-content-section .apcont-inner {
    width: 100%;
    height: auto;
    display: flex;
    gap: 34px;
}

.awardpg-content-section .apcont-inner .apcin-left {
    width: 260px;
    flex-grow: 0;
    flex-shrink: 0;
}

.awardpg-content-section .apcont-inner .apcin-right {
    width: 100%;
    min-width: 1px;
}




.awardpg-sidemenu {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.251);
    padding: 16px;
}

.awardpg-sidemenu .apsidemenu-block {
    width: 100%;
    height: auto;

    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E2E8F0;
}

.awardpg-sidemenu .apsidemenu-block:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0;
}

.awardpg-sidemenu .apsidemenu-block .smhd-1 {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #E2046E;
    margin-bottom: 6px;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1>li {
    width: 100%;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem {
    width: 100%;
    padding: 10px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: 0.5s;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem .liicon {
    width: 18px;
    height: 18px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem .liicon img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem .litext {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #4B5563;
    margin: 0px;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem.active {
    background-color: rgba(41, 121, 255, 0.169);
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem.active .litext {
    color: #E2046E;
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem:hover {
    background-color: rgba(8, 8, 8, 0.078);
}

.awardpg-sidemenu .apsidemenu-block .smlist-1 .litem:hover .litext {
    color: #000000;
}




.awardpg-table {
    text-align: center;
}

.awardpg-table thead,
.awardpg-table tbody {
    font-size: 12px !important;
    font-weight: 600 !important;
}


.awardpg-table .stcol-1 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.awardpg-table tbody .stcol-1 {
    text-align: center;
    color: #ffffff;
    background-color: #30047B;
    padding: 5px;
}

.awardpg-table .stcol-2 {
    width: auto;
    min-width: 190px;
    max-width: none;
    text-align: left;
    font-size: 14px;
}

.awardpg-table .tplayer {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.awardpg-table .tplayer .tpimage {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
}

.awardpg-table .tplayer .tpimage .pimg {
    width: 100%;
    height: 100%;
    background-color: #30047B;
    border-radius: 100px;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    overflow: hidden;
}

.awardpg-table .tplayer .tpimage .pimg img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.awardpg-table .tplayer .tpimage .pcup {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    background-color: #30047B;
    border: 1px solid #ffffff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.awardpg-table .tplayer .tpimage .pcup img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.awardpg-table .tplayer .tpname {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}

/* Award page :end */


/* .title-wrap-1 :start */
.title-wrap-1 {
    width: 100%;
    height: auto;
}

.title-wrap-1 h1,
.title-wrap-1 h2 {
    font-size: 38px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #30047B;
    margin-bottom: 5px;
}

.title-wrap-1 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 0;
}

/* .title-wrap-1 :end */

/* .compare-teams-block :start */
.compare-teams-block {
    width: auto;
    height: auto;
    background-color: #F6F3FF;
    border: 1px solid #E5D9FF;
    border-radius: 100px;
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
}

.compare-teams-block .ctb-team {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-wrap: nowrap;
    color: #000000;
    margin-bottom: 0;
}

.compare-teams-block .ctb-team.tc1 {
    color: #30047B;
}

.compare-teams-block .ctb-team.tc2 {
    color: #E2046E;
}

.compare-teams-block .ctb-vs {
    font-size: 15px;
    font-weight: 900;
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
    text-wrap: nowrap;
    color: #000000;
    margin-bottom: 0;
}

/* .compare-teams-block :end */

/* Fixture player of the match Page :start */
.match-players-table {
    text-align: center;
    box-shadow: 0px 3px 10px 0px rgba(37, 99, 235, 0.302);
}

.match-players-table thead {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.match-players-table tbody {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.match-players-table .mptcol-1 {
    text-align: left;
}

.match-players-table .mptcol-2 {
    text-align: left;
}


.match-players-table .mplayer {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.match-players-table .mplayer .mpimage {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #30047B;
    border-radius: 100px;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    overflow: hidden;
}

.match-players-table .mplayer .mpimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.match-players-table .mplayer .mtpname {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    font-style: italic;
}


.match-players-table .mpteam {
    width: auto;
    max-width: 100%;
    height: auto;
    background-color: transparent;
    border-radius: 100px;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.match-players-table .mpteam .mptimage {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: transparent;
    border-radius: 100px;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.match-players-table .mpteam .mptimage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.match-players-table .mpteam .mptname {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    font-style: italic;
}

.match-players-table .mpteam.mpbg1 {
    background-color: #F6F3FF;
}

.match-players-table .mpteam.mptc1 .mptname {
    color: #30047B;
}

.match-players-table .mpteam.mptc2 .mptname {
    color: #E2046E;
}

/* Fixture player of the match Page :end */


/* fixture detail Page 3 :start */
.btn-viewawards {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    background: #E2046E;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 15px 5px 5px;
    min-height: 42px;
}

.btn-viewawards:hover {
    color: #ffffff;
    background: #30047B;
}

.btn-viewawards:hover svg path {
    fill: #ffffff;
}


.fixdetailpg-content-wrap {
    width: 100%;
    height: auto;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.251);
}

.fixdetailpg-content-wrap .fdpcont-head {
    width: 100%;
    height: auto;
    background-color: #E2046E;
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-team {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-team .tlogo {
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-team .tlogo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: red;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-team .tlogo.no-logo {
    padding: 0;
}
.fixdetailpg-content-wrap .fdpcont-head .fd-team .tlogo.no-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-team .tname {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}


.fixdetailpg-content-wrap .fdpcont-head .fd-game {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px 50px;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-game .gscore {
    font-size: 20px;
    font-weight: 700;
    color: #089D3A;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 10px 20px;
    text-wrap: nowrap;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-game .gscore.cred {
    color: #F40808;
}

.fixdetailpg-content-wrap .fdpcont-head .fd-game .gover {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    text-wrap: nowrap;
}



.fixture-table .ftcol-1 {
    text-align: left;
    width: 280px;
    min-width: 280px;
    max-width: none;
}

.fixture-table .ftcol-2 {
    text-align: left;
    width: auto;
    min-width: 150px;
    max-width: none;
    font-size: 14px;
    font-weight: 900;
    color: #000;
    font-style: italic;
}

.fixture-table .ftplayer {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fixture-table .ftplayer .ftpimage {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #30047B;
    border-radius: 100px;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    overflow: hidden;
}

.fixture-table .ftplayer .ftpimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.fixture-table .ftplayer .ftpname {
    font-size: 14px;
    font-weight: 900;
    color: #000000;
    text-wrap: nowrap;
    font-style: italic;
}

.fixture-table .ft-title-1 {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}

.fixture-table .ft-title-2 {
    font-size: 22px;
    font-weight: 900;
    color: #000000;
}

.fixture-table .ft-title-1.cgreen,
.fixture-table .ft-title-2.cgreen {
    color: #089D3A;
}

.fixture-table .ft-title-1.cred,
.fixture-table .ft-title-2.cred {
    color: #F40808;
}

.fixture-table .ft-title-3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    background-color: #E2046E;
    border-radius: 50px;
    padding: 10px 20px;
    display: inline-flex;
}

/* fixture detail Page 3 :end */

/* ---- Payment Successful Section :start ---- */
.payment-success-section {
    width: 100%;
    padding: 20px 0 40px;
}

.payment-success-wrapper {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

/* Header Icon */
.pay-status-icon-outer {
    width: 88px;
    height: 88px;
    background-color: #DDF3EC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.pay-status-icon-inner {
    width: 52px;
    height: 52px;
    background-color: #00875A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 135, 90, 0.25);
}

.pay-status-icon-inner svg {
    width: 24px;
    height: 24px;
    stroke: #ffffff;
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

/* Order Reference Pill */
.pay-order-ref {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #F3EEF8;
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    color: #7A607D;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
}

.pay-ref-dot {
    width: 8px;
    height: 8px;
    background-color: #00875A;
    border-radius: 50%;
    display: inline-block;
}

/* Headings */
.pay-title {
    font-family: 'Bebas Neue', 'Lato', sans-serif;
    font-size: 54px;
    font-weight: 400;
    line-height: 1;
    color: #1E0842;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.pay-subtitle-highlight {
    font-size: 20px;
    font-weight: 700;
    color: #E2046E;
    margin-bottom: 10px;
    line-height: 1.3;
}

.pay-desc {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    max-width: 620px;
    margin: 0 auto 28px;
    line-height: 1.5;
}

.pay-desc strong {
    font-weight: 700;
    color: #1E0842;
}

/* Amount Bar */
.pay-amount-bar {
    background-color: #EAF5F0;
    border-radius: 50px;
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 680px;
    margin: 0 auto 30px;
    border: 1px solid #00875a;
}

.pay-amt-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pay-amt-icon {
    width: 28px;
    height: 28px;
    background-color: #00875A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pay-amt-icon svg {
    width: 14px;
    height: 14px;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.pay-amt-label {
    font-size: 16px;
    font-weight: 700;
    color: #1E0842;
}

.pay-amt-value {
    font-size: 24px;
    font-weight: 800;
    color: #00875A;
}

/* Details Card Container */
.pay-details-card {
    background-color: #F7F3FC;
    border-radius: 28px;
    padding: 24px;
    margin-bottom: 32px;
    border: 1px solid #ebdcff;
}

/* Player Info Header Card */
.pay-player-card {
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 16px;
}

.pay-player-info {
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
}

.pay-avatar {
    width: 56px;
    height: 56px;
    background-color: #210C4A;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    flex-shrink: 0;
    letter-spacing: 0.5px;
}

.pay-player-meta {
    display: flex;
    flex-direction: column;
}

.pay-meta-label {
    font-size: 12px;
    font-weight: 700;
    color: #7A7585;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.pay-player-name {
    font-size: 22px;
    font-weight: 800;
    color: #1E0842;
    margin-bottom: 2px;
    line-height: 1.2;
}

.pay-player-email {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.pay-player-category-wrap {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pay-category-pill {
    background-color: #E2046E;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 18px;
    border-radius: 50px;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-top: 4px;
}

/* 3 Column Grid */
.pay-grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.pay-grid-item {
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pay-grid-label {
    font-size: 12px;
    font-weight: 700;
    color: #7A7585;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.pay-grid-val {
    font-size: 15px;
    font-weight: 800;
    color: #1E0842;
    line-height: 1.3;
    word-break: break-word;
}

.pay-grid-subval {
    font-size: 12px;
    font-weight: 500;
    color: #777777;
    margin-top: 2px;
}

.pay-status-settled {
    font-size: 13px;
    font-weight: 700;
    color: #00875A;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
}

.pay-status-dot {
    width: 7px;
    height: 7px;
    background-color: #00875A;
    border-radius: 50%;
    display: inline-block;
}

/* Action Buttons */
.pay-actions-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.btn-pay-home {
    background-color: #E2046E;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 14px 36px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(226, 4, 110, 0.35);
    transition: all 0.3s ease;
    border: none;
}

.btn-pay-home:hover {
    background-color: #30047B;
    color: #FFFFFF;
    box-shadow: 0 4px 15px rgba(48, 4, 123, 0.35);
}

.btn-pay-receipt {
    background-color: #EDE8F5;
    color: #30047B;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 14px 32px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: none;
}

.btn-pay-receipt:hover {
    background-color: #e0d7ee;
    color: #210C4A;
}

/* Bottom Note Pill */
.pay-note-pill {
    background-color: #F3EEF8;
    border-radius: 50px;
    padding: 14px 28px;
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
    font-size: 14px;
    color: #554466;
    font-weight: 500;
}

.pay-note-pill strong {
    font-weight: 700;
    color: #1E0842;
}

/* ---- Payment Successful Section :end ---- */

/* ---- Payment Failed Section :start ---- */
.payment-failed-section {
    width: 100%;
    padding: 20px 0 40px;
}

.payment-failed-wrapper {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

/* Failed Top Icon */
.pay-failed-icon-outer {
    width: 88px;
    height: 88px;
    background-color: #FDE8E8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.pay-failed-icon-inner {
    width: 52px;
    height: 52px;
    background-color: #D01B1B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(208, 27, 27, 0.25);
}

.pay-failed-icon-inner svg {
    width: 22px;
    height: 22px;
    stroke: #ffffff;
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.pay-failed-subtitle {
    font-size: 20px;
    font-weight: 700;
    color: #D01B1B;
    margin-bottom: 10px;
    line-height: 1.3;
}

/* Attempted Charge Bar */
.pay-charge-bar {
    background-color: #F7F3FC;
    border-radius: 50px;
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 780px;
    margin: 0 auto 32px;
    border: 1px solid #ebdcff;
}

.pay-charge-left {
    text-align: left;
}

.pay-charge-label {
    font-size: 11px;
    font-weight: 700;
    color: #7A7585;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 2px;
}

.pay-charge-val-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pay-charge-amount {
    font-size: 22px;
    font-weight: 800;
    color: #1E0842;
    line-height: 1;
}

.pay-unpaid-badge {
    background-color: #FDE8E8;
    color: #D01B1B;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 50px;
    letter-spacing: 0.5px;
}

.pay-slot-held-pill {
    background-color: #FFFFFF;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    color: #555555;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.pay-slot-held-pill svg {
    width: 16px;
    height: 16px;
    stroke: #D01B1B;
    stroke-width: 2.2;
    fill: none;
}

.pay-slot-time {
    color: #D01B1B;
    font-weight: 800;
}

/* Section Header Label */
.pay-summary-section-label {
    font-size: 12px;
    font-weight: 700;
    color: #7A7585;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    margin-bottom: 12px;
}

/* Summary Player Top Card */
.pay-summary-player-card {
    background-color: #F7F3FC;
    border-radius: 20px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 16px;
    border: 1px solid #ebdcff;
}

.pay-failed-category-pill {
    background-color: #E7D9FA;
    color: #7B3FE4;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 18px;
    border-radius: 50px;
    letter-spacing: 0.5px;
    display: inline-block;
}

/* 2x2 Grid Cards */
.pay-failed-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.pay-failed-grid-item {
    background-color: #F7F3FC;
    border-radius: 18px;
    padding: 18px 20px;
    text-align: left;
    border: 1px solid #ebdcff;
}

.pay-grid-val-danger {
    color: #D01B1B !important;
}

/* Warning / Reconcile Alert Box */
.pay-reconcile-alert {
    background-color: #FDF2F2;
    border-radius: 20px;
    padding: 20px 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
    max-width: 780px;
    margin: 0 auto;
}



.pay-reconcile-content h5 {
    font-size: 13px;
    font-weight: 800;
    color: #D01B1B;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.pay-reconcile-content p {
    font-size: 13px;
    font-weight: 500;
    color: #665555;
    line-height: 1.5;
    margin-bottom: 0;
}

/* ---- Payment Failed Section :end ---- */

/* ---- Payment Processing Section :start ---- */
.payment-processing-section {
    width: 100%;
    padding: 20px 0 40px;
}

.payment-processing-wrapper {
    max-width: 820px;
    margin: 0 auto;
    font-family: 'Lato', sans-serif;
}

/* Top Section Header */
.pay-proc-top {
    text-align: center;
    margin-bottom: 36px;
}

/* Refresh Spinning Icon */
.pay-proc-icon-outer {
    width: 90px;
    height: 90px;
    background-color: #F8EBF6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.pay-proc-icon-inner {
    width: 52px;
    height: 52px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(226, 4, 110, 0.15);
}

.pay-proc-icon-inner svg {
    width: 24px;
    height: 24px;
    stroke: #E2046E;
    stroke-width: 2.8;
    fill: none;
    animation: paySpin 2s linear infinite;
}

@keyframes paySpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.pay-proc-subtitle {
    font-size: 20px;
    font-weight: 700;
    color: #7C4362;
    margin-bottom: 10px;
    line-height: 1.3;
}

/* Status & Timer Pills Bar */
.pay-proc-pills-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.pay-status-pill {
    background-color: #F8EBF6;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    color: #7A607D;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pay-status-pill-dot {
    width: 8px;
    height: 8px;
    background-color: #E2046E;
    border-radius: 50%;
    display: inline-block;
}

.pay-status-pill-text {
    color: #E2046E;
    font-weight: 800;
    text-transform: uppercase;
}

.pay-timer-pill {
    background-color: #F4EFF8;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    color: #7A607D;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pay-timer-pill svg {
    width: 15px;
    height: 15px;
    stroke: #7A607D;
    stroke-width: 2;
    fill: none;
}

.pay-timer-pill-time {
    color: #1E0842;
    font-weight: 800;
}

/* Summary Section Header */
.pay-summary-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 12px;
}

.pay-summary-title {
    font-family: 'Bebas Neue', 'Lato', sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #1E0842;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.pay-pending-badge {
    background-color: #FDE8F1;
    color: #E2046E;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 50px;
    letter-spacing: 0.5px;
}

/* Summary Table Box */
.pay-summary-box {
    background-color: #F8F4FC;
    border-radius: 20px;
    padding: 8px 24px;
    margin-bottom: 20px;
    border: 1px solid #ebdcff;
}

.pay-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid #EFE6F6;
    gap: 16px;
}

.pay-summary-row:last-child {
    border-bottom: none;
}

.pay-summary-row-label {
    font-size: 12px;
    font-weight: 700;
    color: #7A7585;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pay-summary-row-val {
    font-size: 16px;
    font-weight: 800;
    color: #1E0842;
    text-align: right;
}

.pay-amount-highlight {
    font-size: 26px;
    font-weight: 900;
    color: #E2046E;
    line-height: 1;
}

.pay-amount-inr {
    font-size: 11px;
    font-weight: 700;
    color: #7A7585;
    margin-left: 2px;
}

.pay-txnid-pill {
    background-color: #FFFFFF;
    padding: 5px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 800;
    color: #1E0842;
    display: inline-block;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.pay-live-state {
    font-size: 15px;
    font-weight: 800;
    color: #1E0842;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pay-live-dot {
    width: 8px;
    height: 8px;
    background-color: #E2046E;
    border-radius: 50%;
    display: inline-block;
}

/* Warning Double Pay Box */
.pay-warning-box {
    background-color: #F8EBF6;
    border-radius: 16px;
    padding: 18px 20px;
    text-align: left;
    margin-bottom: 16px;
}

.pay-warning-box h5 {
    font-size: 13px;
    font-weight: 800;
    color: #A30350;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.pay-warning-box p {
    font-size: 13px;
    font-weight: 500;
    color: #665566;
    line-height: 1.5;
    margin-bottom: 0;
}

/* Redirect Info Note Box */
.pay-redirect-note {
    background-color: #F8F4FC;
    border-radius: 16px;
    padding: 16px 20px;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #776677;
    line-height: 1.5;
    margin-bottom: 24px;
}

.pay-bottom-divider {
    border-bottom: 1px solid #EFE6F6;
    width: 100%;
}

/* ---- Payment Processing Section :end ---- */

/* ---- Points Table Header Bar Strip :start ---- */
.pts-header-bar {
    width: 100%;
    background-color: #180A6C;
    /* border: 1px solid rgba(255, 255, 255, 0.12); */
    border-radius: 12px;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    flex-wrap: wrap;
}

.pts-hb-title h2 {
    font-size: 28px;
    font-weight: 900;
    font-style: italic;
    color: #E2046E;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.5px;
    line-height: 1;
    white-space: nowrap;
}

.pts-hb-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pts-info-name {
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.25;
    letter-spacing: 0.3px;
}

.pts-info-loc {
    font-size: 13px;
    font-weight: 800;
    color: #FFC700;
    text-transform: uppercase;
    line-height: 1.25;
    margin-top: 3px;
    letter-spacing: 0.3px;
}

.pts-hb-box {
    border: 1.5px solid #4D38B2;
    border-radius: 10px;
    padding: 8px 18px;
    text-align: center;
    background: rgba(255, 255, 255, 0.02);
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.35;
    white-space: nowrap;
}

.pts-hb-box strong {
    font-weight: 900;
}

.pts-hb-tabs {
    display: inline-flex;
}

.pts-hb-tabs .nav {
    border: 1px solid #4D38B2;
    border-radius: 10px;
    padding: 0;
    background: rgba(0, 0, 0, 0.25);
    gap: 0;
    border-radius: 10px;
    overflow: hidden;
}

.pts-hb-tabs .pts-tab-btn {
    background: transparent;
    color: #7864D8;
    font-size: 14px;
    font-weight: 900;
    font-style: italic;
    padding: 8px 24px;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    transition: all 0.3s ease;
    line-height: 1;
    width: 100px;
    height: 44px;
}

.pts-hb-tabs .pts-tab-btn.active {
    background: #5031E2;
    color: #ffffff;
}

.pts-hb-tabs .pts-tab-btn:hover {
    background: #391cba;
}

@media (max-width: 991px) {
    .pts-header-bar {
        justify-content: center;
        text-align: center;
        padding: 16px 18px;
    }
    .pts-hb-info {
        align-items: center;
    }
}
/* ---- Points Table Header Bar Strip :end ---- */

/* ---- Points Table Group Card & Header :start ---- */
.pts-group-card {
    background-color: #1F1655;
    border-radius: 16px;
    padding: 20px 20px 15px 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    /* margin-bottom: 24px; */
    padding: 0;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
}

.pts-group-header {
    display: flex;
    align-items: center;
    gap: 16px;
    /* margin-bottom: 8px; */
    background: #180A6C;
    padding: 10px 6px;
    /* border-top-left-radius: 12px;
    border-top-right-radius: 12px; */
}

.pts-group-badge {
    width: 42px;
    height: 42px;
    background-color: #140754;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    font-style: italic;
}

.pts-group-title {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-style: italic;
}

.pts-group-card .table-head-row {
    border-bottom: 0;
    margin-bottom: 0;
    background: #0C0059;
    padding: 12px 12px;
}
.pts-group-card .th-cell {
    color: #FFC700;
    font-size: 13px;
    font-weight: 800;
    font-style: italic;
}

.pts-group-card .table-row {
    padding: 10px 12px;
    border-radius: 0;
    transition: background-color 0.2s ease;
}

.pts-group-card .table-row:nth-child(odd) {
    background-color: #180A6C;
}

.pts-group-card .table-row:nth-child(even) {
    background-color: #1F1655;
}

.pts-group-card .team-name {
    font-style: italic;
    font-weight: 800;
    color: #ffffff;
    font-size: 14px;
}

.pts-group-card .td-stat {
    font-style: italic;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
/* ---- Points Table Group Card & Header :end ---- */



/* Standing page - Table 2 :start */
.standings-table2 .stcol-1 {
    width: auto;
    min-width: 190px;
    max-width: none;
}

.standings-table2 .stcol-2,
.standings-table2 .stcol-3,
.standings-table2 .stcol-4,
.standings-table2 .stcol-5,
.standings-table2 .stcol-6,
.standings-table2 .stcol-7 {
    width: 120px;
    min-width: 80px;
    max-width: 130px;
    text-align: center;
}

.standings-table2 .tname {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.standings-table2 .tname .tn-logo {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.standings-table2 .tname .tn-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.standings-table2 .tname .tn-name {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}

.standings-table2 .stcolor-1 {
    color: #F31D1D;
}
/* Standing page - Table 2 :end */




/* table-content-wrap :start */
.table-content-wrap {
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0px 0px;
    margin-bottom: 20px;
    overflow: hidden;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.251); */
}
.table-content-wrap:last-child {
    margin-bottom: 0;
}

.table-content-wrap .fdpcont-head {
    width: 100%;
    height: auto;
    background-color: #E2046E;
    padding: 14px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.table-content-wrap .fdpcont-head .fd-team {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 18px;
}

.table-content-wrap .fdpcont-head .fd-team .tlogo {
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.table-content-wrap .fdpcont-head .fd-team .tlogo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.table-content-wrap .fdpcont-head .fd-team .tlogo.alpha {
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    color: #ffffff;
    background-color: #0C0059;
}

.table-content-wrap .fdpcont-head .fd-team .tname {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}
/* table-content-wrap :end */



.pgfilter-inner.clear-button-active {
    position: relative;
    padding-right: 60px;
}

.clear-button {
    border: 0;
    background: none;
    width: 24px;
    /* height: 24px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    /* display: none; */
    position: absolute;
    right: 15px;
    top: 22px;
    cursor: pointer;
}
.clear-button i {
    font-size: 24px;
}
.clear-button span {
    display: none;
}

/* Custom Tooltip */
[data-tooltip] {
    position: relative;
}
.clear-button[data-tooltip] {
    position: absolute;
}
[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background-color: #0f172a;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 500;
    padding: 5px 9px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    z-index: 100;
}
[data-tooltip]::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 1px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #0f172a transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    z-index: 100;
}
[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}