@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi-Regular.woff') format('woff'),
        url('../fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
        url('../fonts/Satoshi-Light.woff') format('woff'),
        url('../fonts/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
        url('../fonts/Satoshi-Medium.woff') format('woff'),
        url('../fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/Satoshi-Bold.woff') format('woff'),
        url('../fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uni Sans Heavy Italic CAPS';
    src: url('../fonts/UniSansHeavyItalicCAPS.woff2') format('woff2'),
        url('../fonts/UniSansHeavyItalicCAPS.woff') format('woff'),
        url('../fonts/UniSansHeavyItalicCAPS.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


* {
    box-sizing: border-box;
    word-wrap: break-word;
}

body,
html {
    height: auto;


}

html {
    font-size: 62.5%;

}

body {
    margin: 0;
    padding: 0;
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    background-color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    font-optical-sizing: auto;
    font-family: 'Satoshi';
    letter-spacing: 0.2px;



}

.table_overflow {
    --scrollbarBG: #000;
    --thumbBG: rgba(139, 43, 215, 1);
}

.table_overflow::-webkit-scrollbar {
    width: 11px;
}

.table_overflow {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.table_overflow::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

.table_overflow::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}




main,
header,
section,
footer {
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h6 {
    font-weight: normal;
}


a:hover,
a:focus,
button:hover,
button:focus,
input:focus,
textarea:focus,
select:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

a,
button,
select {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;

}

ul,
ol,
li,
a,
p {
    margin: 0;
    padding: 0;
    list-style: none;
}


img {
    max-width: 100%;
    display: block;
}


body {
    overflow-x: hidden;
}

.noscroll {
    overflow: hidden !important;
}

.clearfix {
    content: "";
    clear: both;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    color: #fff;
    line-height: normal;

}

h1,
.h1 {
    font-size: 6rem;
}

h2,
.h2 {
    font-size: 5rem;
}

h3,
.h3 {
    font-size: 4rem;
}

h4,
.h4 {
    font-size: 3.2rem;
}

h5,
.h5 {
    font-size: 2rem;
}

h6,
.h6 {
    font-size: 1.8rem;
}

p {
    font-size: 1.8rem;
    line-height: 1.4;

}

ul li,
ol li {
    font-size: 1.8rem;
}

:root {
    --black-color: #000000;
}

.w-100 {
    width: 100%;
}

.space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.header {
    background-color: var(--black-color);
    padding: 20px 0;
    position: relative;
    z-index: 9;
}

.h-100 {
    height: 100%;
}

.container {
    width: 100%;
    max-width: 1627px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;

}

.navbar_menu ul {
    display: flex;
}

.navbar_menu ul li a {
    color: #fff;
    font-size: 1.8rem;
    padding-right: 4.5rem;
    padding-right: 7.4rem;




}

.navbar_menu ul li:last-child a {
    padding-right: 4.3rem;

}

.navbar_menu ul li .btn-white {
    padding: 1.1rem 4rem;
}

li.last-button {
    padding: 0 2rem;
}

.navbar_logo img {
    width: 16.8rem;
}

.btn-white {
    position: relative;
    background: #fff;
    display: inline-block;
    padding: 1.1rem 2.5rem;
    font-size: 1.8rem;
    transition: all 0.3s ease-in-out;
}

.btn-white::before {
    content: "";
    background: url(../images/white-btn-right.webp) no-repeat;
    background-size: contain;
    width: 3rem;
    top: 0;
    bottom: 0;
    position: absolute;
    right: -2.9rem;
}

.btn-white::after {
    content: "";
    background: url(../images/white-btn-left.webp) no-repeat;
    background-size: contain;
    width: 3rem;
    top: 0;
    bottom: 0;
    position: absolute;
    left: -20px;
}

.btn-white a span,
.btn-white span {
    background: linear-gradient(90deg, #8B2BD7 0.11%, #D000CC 99.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.mid-button {
    position: relative;
    background: url(../images/btn-mid.webp) repeat-x;
    display: inline-block;
    font-size: 1.8rem;
    transition: all 0.3s ease-in-out;
    background-size: contain;
    left: 3rem;
    padding: 1.3rem 2.5rem 1.8rem;

}

.mid-button::before {
    content: "";
    background: url(../images/btn-r.webp) no-repeat;
    background-size: contain;
    width: 3rem;
    top: 0;
    bottom: 0;
    position: absolute;
    right: -2.9rem;
}

.mid-button::after {
    content: "";
    background: url(../images/btn-l.webp) no-repeat;
    background-size: contain;
    width: 3rem;
    top: 0;
    bottom: 0;
    position: absolute;
    left: -2.4rem;
}

.navbar_menu ul {
    display: flex;
    align-items: center;
}

.banner::after {
    position: absolute;
    left: 0;
    top: 0;
    right: initial;
    content: "";
    background-image: var(--bgImg);
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    width: 100%;
    background-size: cover;

}

.description p {
    color: #fff;
    font-size: 1.6rem;
    padding: 3px 0 26px;

}

.description h1 {
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
    padding: 10px 0;

}

.description h5 {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: 'Poppins';

}

.btn-white span {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;


}

.small-container {
    max-width: 1020px;
    padding: 0 15px;
    margin: 0 auto;
}

.row {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

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

.small-card_line {
    margin-bottom: 10px;
}

.small-card {
    padding: 4.8rem 0 2rem;
}

.flex-justify-center {
    display: flex;
    align-items: center;
    justify-content: center;

}

.banner_wrapper {
    display: flex;
    position: relative;
    z-index: 9;
    height: calc(100vh - 100px);

}

.banner__left {
    align-items: center;
    display: flex;
}

.banner_wrapper .description {
    max-width: 599px;
    visibility: hidden;

}

.font-medium {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

.white {
    color: #fff;
}

.top_box {
    background: linear-gradient(265deg, #5EA8FF 0%, #FA00FF 100%);
    padding: 0.8rem 1.5rem;
    border-radius: 1.5rem 1.5rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9.5rem;
}

.match-picking-1 {
    color: rgba(255, 255, 255, 0.60);
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-transform: lowercase;
    padding: 0.9rem 0px 1.2rem 0;
}

.text-roma {
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.2px;

}

.text-16 {
    font-size: 1.6rem;
}

.text-22 {
    font-size: 2.2rem;
}

.text-14 {
    font-size: 1.4rem;
}

.list-left {
    min-width: 8.5rem;
}

.pic-am {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    padding: 1.2rem 2rem;
}

.pic-am h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem;


}


.max-box {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 0.8rem 1rem;
    color: rgba(255, 255, 255, 0.60);
    letter-spacing: 0.2px;
    border-radius: 7px;
    text-transform: capitalize;

}

.amount-box {
    background: rgba(0, 0, 0, 0.15);
    padding: 0 2rem;
    padding-bottom: 2.3rem;

}

.bg-t-color-box {
    background: rgba(0, 0, 0, 0.45);
}


.count-box {
    background: rgba(0, 0, 0, 0.35);
    padding: 0 2rem
}

.btn-border {
    border: 0.1rem solid #fff;
    padding: 1.1rem 3rem;
    position: relative;
    border-radius: 0.8rem;
    font-size: 1.6rem;
    color: #fff;
}

.btn-gradient {
    position: relative;
    background: linear-gradient(265deg, #5EA8FF 0%, #FA00FF 100%);
    background-clip: padding-box;
    border: 1px solid transparent;
    padding: 0.9rem 3rem;
    z-index: 2;
    display: inline-block;
    padding: 1.2rem 3rem;
    transition: 0.3s ease-in-out;
}

.btn-gradient:hover {
    /* background: linear-gradient(260deg, #5EA8FF 0%, #FA00FF 100%); */
    opacity: 0.8;
    border: 1px solid transparent;

}

.login_card a.border-btn.btn_1.join:hover,
.btn-border:hover {
    background: #FA00FF;
}

.banner {
    background-image: var(--mainImg);
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;


}

.card-box.login_card h2 {
    font-size: 2.4rem;
    text-align: center;
}

.gradient-data {
    min-width: auto;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    color: #fff;
    width: 100%;


}

.text-18 {
    font-size: 1.8rem;
}

.border-gradient {
    border: 1px solid #8B2BD7;
    border-radius: 0 0 15px 15px;
    background: rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.box-inner {
    padding: 1rem 0;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.10);
}

.bg-t-color-box {
    /* background: red; */
    padding: 0 20px;
}

.match-border {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1.7rem;

}

.border-top {
    padding: 2rem 0;
}

.space-data {
    padding: 3rem 0 2.2rem;
    gap: 2.5rem;
}

.max-in {
    background: rgba(0, 0, 0, 0.20);
    border-radius: 0.6rem;
    padding: 0.4rem 1rem;
    color: rgba(255, 255, 255, 0.60);
    letter-spacing: 0.2px;
    text-transform: capitalize;
}

/* not needed for the checkbox-button itself */
.slider-btn {
    position: relative;
    display: inline-block;
}

.slider-btn:before, .slider-btn:after {
    bottom: 0;
    content: "";
    display: inline-block;
    margin: auto;
}

.slider-btn:before {
    background-color: #fff;
    border-radius: 50px;
    top: 0;
    height: 24px;
    width: 44px;
}

.slider-btn:after {
    background: linear-gradient(265deg, #5EA8FF 0%, #FA00FF 100%);
    border-radius: 50%;
    position: absolute;
    top: 2px;
    height: 20px;
    left: 3px;
    transition: 0.4s;
    width: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

.toggle-checkbox {
    display: none;
}

.toggle-checkbox:checked~.slider-btn:before {
    background: linear-gradient(265deg, #5EA8FF 0%, #FA00FF 100%);
}

.toggle-checkbox:checked~.slider-btn:after {
    background: #fff;
    transform: translateX(19px);
}

.common-flex.toggle_data {
    padding-bottom: 24px;
}

.card-box {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.50);
    padding: 20px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 13px;

}

.banner_box {
    margin-bottom: 13px;

}

.card-list {
    border-radius: 10px;
    padding: 5px 30px 5px 15px;
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 13px;
    background-image: url(../images/frame-img.webp);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;




}


.card-list h3 {
    color: #fff;
    font-size: 16px;
    display: flex;
    gap: 13px;
    letter-spacing: 0.04em;


}

.card-list p {
    color: #fff;
    font-size: 14px;


}

.card-heading span {
    color: #fff;
    font-size: 2.6rem;
    gap: 1.3rem;
    font-weight: bold;
}

.card-heading img {
    margin-right: 1.2rem;
}

.card-heading {
    margin-bottom: 4.3rem;

}

.card-list .text-one-two {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
}

.total_points.font-bold {
    font-size: 2rem;
    color: #fff;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.small-card span {
    background: rgba(255, 255, 255, 0.10);
    padding: 8.5px 0.5rem;
    min-width: 5.7rem;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    margin-right: 1.3rem;

}

.small-card span:last-child {
    margin-right: 0;
}

.small-card_line span {
    letter-spacing: 0.32px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.6rem;
    color: #D9D9D9;
    font-weight: 500;

}

.small-large-text span {
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
}

.hot-combo .btn-gradient span {
    font-size: 1.6rem;
    color: #fff;



}

.g-gray {
    color: #B6B6B6;
}

.hot-combo .btn-gradient {
    min-width: 18rem;
    text-align: center;
    border-radius: 0.8rem;
    padding: 0.9rem 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-line {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
    color: #fff;
}

.input-line {
    width: 3rem;
    min-width: 3rem;
    height: 28px;
    padding: 2px 7.5px;
    border-radius: 0.8rem;
    border: 0.5px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.10);
    font-weight: 700;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
}

.draw {
    background: rgba(255, 255, 255, 0.10);
    padding: 8px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    font-size: 14px;
    position: relative;
    max-width: 13.5rem;

    border-radius: 0.375rem;
}

.draw.draw-bg input {
    color: #fff;
    font-weight: 500;
}

.nfl {
    color: #CECECE;
    font-size: 1.6rem;
    font-weight: 500;
}

.draw-bg {
    background: linear-gradient(90deg, #8B2BD7 0.11%, #D000CC 99.93%);
}

.right-absolute {
    position: absolute;
    right: 0.5rem;
    font-size: 1.4rem;
    color: #fff;
}

.draw input {
    background: transparent;
    outline: none;
    text-wrap: nowrap;
    border: 0;
    font-size: 1.4rem;
}

.input-color {
    background: linear-gradient(90deg, #D9D9D9 0%, rgba(217, 217, 217, 0.00) 73.79%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.small_drop.draw {
    width: 5.1rem;
    height: 3.6rem;
    text-align: center;
    justify-content: center;
}

.top_box div {
    white-space: nowrap;
}

.dropdown-menu {
    position: absolute;
    top: 110%;
    right: 0;
    width: 18rem;
    background: #000;
    border: 1px solid #8B2BD7;
    text-align: left;
    padding: 1rem;
    display: none;
    border-radius: 10px;
}

.column_content {
    display: flex;
    gap: 1rem;
    height: 100%;
    position: relative;
    visibility: hidden;


}


.column_content::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: -25px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    content: "";
    z-index: 2;
    height: 93px;
}

.btn_1 {
    position: relative;
    background: #000;
    background-clip: padding-box;
    border: 1px solid transparent;
    padding: 9px 30px;
    z-index: 2;
    display: inline-block;
    width: 100%;

}

.btn_1::after {
    content: '';
    position: absolute;
    top: -0px;
    bottom: -0px;
    left: -0px;
    right: -0px;
    background: #D000CC;
    z-index: 1;
    border-radius: 1.2rem;
}

.w-full {
    width: 100%;
}

.login_card a {
    font-size: 1.6rem;
    color: #fff;
    border-radius: 1.2rem;
    margin-bottom: 9px;

}

.login_card h2 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1.8px;
    line-height: 3.4rem;
    text-transform: capitalize;
    margin-bottom: 1.1rem;



}

.list-time-and-day {

    border-bottom: 0.5px solid rgba(255, 255, 255, 0.10);
    padding: 0.6rem 3rem;
    display: flex;
    align-items: center;
    gap: 2.5rem;
    position: relative;
    z-index: 2;
}

.events {
    display: flex;
    gap: 5px;
}


.hot-combo {
    margin-top: 3rem;
}



.common-heading h2 {
    color: #fff;
    text-align: center;
}

.common-color {
    background-color: #000;
}

.funded {
    background-color: #000;
    position: relative;
}

.rc-design {
    background: url(../images/heading-bg-right.webp) no-repeat right bottom;
    background-size: contain;
    padding: 15px 57px 29px;
    display: inline-block;
}

h2.rc-design.coverage_data {
    background: url(../images/sports_cover.webp) no-repeat right bottom;
    padding: 2.6rem 5.7rem 2.9rem;
    background-size: 58rem;


}

.banner_box-right {
    -webkit-animation: 30s linear infinite alternate tickerMove;
    animation: 30s linear infinite alternate tickerMove;
    flex: 0 0 50%;
    max-width: 50%;
}

.banner_box_left {
    -webkit-animation: 24s linear infinite alternate tickerMove;
    animation: 24s linear infinite alternate tickerMove;
    flex: 0 0 50%;
    max-width: 50%;
}

.fun-wrapper p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
}

.fun-wrapper h3 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 1.8rem;
    margin-top: 2.2rem;

}

.fun-wrapper h2 {
    color: #fff;
    font-weight: 700;
}

.img_fun {
    right: -12rem;
    position: absolute;
}

.fun_text {
    position: relative;
    width: 33.33%;
    padding: 0 41px;

}

.fun-wrapper {
    padding: 7rem 0;
    gap: 11.6rem;
}

.common-padding-110 {
    padding: 11.9rem 0rem;
}

.why_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8.1rem;
    align-items: center;
    justify-content: center;


}

.hover-b2 {
    position: absolute;
    visibility: hidden;
    top: -4px;
}

.why-inner {
    width: 33.3%;
    position: relative;

}

.choose-box {
    position: relative;
}

.choose-box:hover .hover-bg {
    visibility: visible;
}

.hover-bg {
    visibility: hidden;
    position: absolute;
}

.choose-path_inner h2 {
    font-size: 3.0rem;
    color: #fff;
    font-weight: bold;
}

.choose-path_inner p {
    color: #fff;
    font-weight: 500;
    padding: 3.1rem 0 3.8rem;
    text-align: left;
    font-size: 1.6rem;

}

.real-description,
.choose-path_inner {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 7rem 6rem;
    position: absolute;
    z-index: 99;


}

.real-description h2 {
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1.5rem;

}

.real-description {
    display: flex;
    align-items: center;
}

.real-description p {
    font-size: 1.6rem;
    color: #fff;
    /* font-weight: 500; */
}

/* .why-us .why-inner:nth-child(2),
        .why-us .why-inner:nth-child(3),
        .why-us .why-inner:nth-child(5),
        .why-us .why-inner:nth-child(6){
            margin-left: -2.6rem;
        }  */

.why-us .why-inner:not(:nth-child(4n + 4)) {
    margin-left: -2.6rem;
}

.why-us .why-inner:nth-child(1) {
    margin-left: 0;
}

.why-us .common-heading p {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin-top: 9px;
    margin-bottom: 10px;

}

.why-inner:hover .hover-b2 {
    visibility: visible;
}

.why-inner:hover img:not(hover-b2) {
    visibility: hidden;
}

.container.container-small {
    max-width: 1337px;
    position: relative;

}

.choose-path_inner {
    padding: 31px 60px;
    display: flex;
    align-items: center;

}

.bg-bottom-details {
    position: relative;
    background: url(../images/dashed.webp) no-repeat bottom 0 right 0;
    padding-bottom: 30px;
    display: inline-block;
    margin-bottom: 44px;

}


.line-li-top {
    position: absolute;
    left: 0;
    z-index: 9;
    top: 44px;
    left: -77px;

}

.sports_inner h3 {
    font-size: 32px;
    color: #fff;
}

.sports_inner h6 {
    font-size: 20px;
    color: #fff;
}

.sports_inner .desc {
    padding: 25px 40px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    flex-direction: column;

}

.sports_dt {
    position: relative;
}

.real-time-data {
    background: url(../images/line-angle.webp) no-repeat right;
    font-size: 22px;
    line-height: 32px;
    color: #949695;
    padding: 20px 80px 20px 20px;
    letter-spacing: 1px;
    width: 245px;
    font-weight: bold;
    text-align: center;
}

.sports_inner {
    margin-bottom: 45px;
}

.div-add-width {
    width: 71%;
    position: relative;
    margin-right: -10%;
}

.width-30p {
    position: relative;
    width: 32%;
    margin-left: 0;
}

.Logo_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 52px;
}

.circle-color {
    /* background: url(../images/blur-center-bg.webp) no-repeat center; */
    position: relative;

}

.sports.common-color {
    background-color: #000;
}

.real_time-box {
    background: url(../images/bg-1.webp) no-repeat;
    background-size: 100% 100%;
    height: 654px;
    width: 68%;
}

.real_time-box2 {
    background: url(../images/rt-bg2.webp) no-repeat;
    background-size: 100% 100%;
    height: 320px;
    max-width: 460px;

    margin-left: -9px;
    margin-bottom: 19px;

}

.real_time-box3 {
    background: url(../images/rt-bg2.webp) no-repeat;
    background-size: 100% 100%;
    max-width: 500px;
    margin-left: -50px;
    height: 315px;
}

.real_time-box .real_time-in img {
    border-radius: 0;
    height: 500px;
    object-fit: cover;
    clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
}

.real_time-box2 .real_time-in img {
    border-radius: 0;
    height: 200px;
    object-fit: cover;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 3% 100%);
}

.real_time-box3 .real_time-in img {
    border-radius: 0;
    height: 200px;
    object-fit: cover;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 3% 100%);

}

.real_time-in {
    padding: 1.5rem;
}

.real_descr h3 {
    color: #fff;
    font-size: 2.4rem;
}

.real_descr h4 {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    margin-top: 1.2rem;

}

.real_time-box2 .real_descr h3,
.real_time-box3 .real_descr h3 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.real_time-box2 .real_descr h4,
.real_time-box3 .real_descr h4 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 1.2rem;

}

.real_time-box3 .real_descr,
.real_time-box2 .real_descr {
    padding-left: 13px;
    padding-top: 13px;
}

.real_time-box .real_descr {
    padding-right: 8.4rem;
    margin-top: 1.2rem;
}

.sports_real {
    margin-top: 80px;
}

.paly-on h3 {
    color: #fff;
    margin-bottom: 3rem;
}

.w-full.play_full {
    position: absolute;
    padding: 5rem 13.5rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 99;

}

.active_play {
    position: relative;
    margin-top: 2rem;

}

.pink_btn {
    position: relative;
    background: url(../images/btn-p-m.webp) repeat-x;
    display: inline-block;
    padding: 1.3rem 2.5rem 1.5rem;
    font-size: 1.6rem;
    transition: all 0.3s ease-in-out;
    left: 3rem;
    background-size: contain;
    text-transform: uppercase;

}

.pink_btn:before {
    content: "";
    background: url(../images/btn-p-r.webp) no-repeat;
    background-size: contain;
    width: 3rem;
    top: 0;
    bottom: 0;
    position: absolute;
    right: -2.9rem;
}

.paly-on .pink_btn {

    min-width: 21.3rem;
    font-size: 1.8rem;
    text-transform: uppercase;
    text-align: center;
}

.pink_btn::after {
    content: "";
    background: url(../images/btn-p-l.webp) no-repeat;
    background-size: contain;
    width: 3.0rem;
    top: 0.1rem;
    bottom: 0;
    position: absolute;
    left: -1.9rem;
}

.Worldwide__desc {
    left: 0;
    right: 27%;
    top: 0;
    bottom: 0;
    padding: 5rem 3rem;
    position: absolute;
    display: flex;
}

.world_img {
    position: relative;
}

.single_img {
    position: absolute;
    right: 1.6rem;
    bottom: -1px;



}

.Worldwide__desc h3 {
    color: #fff;
    font-size: 3.0rem;
    font-weight: 700;
}

.single_img.single_3 {
    right: 1.4px;
    bottom: 4px;
    width: 20.5rem;
    height: auto;

}

.bottom_sect .Worldwide__desc h3 {
    font-size: 2.4rem;
    margin-bottom: 4.5rem;



}

.sports2 {
    left: 6rem;
    right: 30%;
    top: 0;
    bottom: 0;
    padding: 5rem;
}

.left-space-minus-30 {
    margin-left: -3rem;
}

.right-space-minus-30 {
    margin-right: -3rem;
}

.bottom_sect {
    margin-top: 4.2rem;
}

.fav_4 {
    left: 3.6rem;
    top: 0;
    bottom: 0;
    padding: 3.1rem 0 5rem 3.2rem;
}

.Worldwide .rc-design {
    background-image: url(../images/Rectangle-3-2-1.svg);
    margin-bottom: 109px;

}

.paly-on.community {
    padding: 5rem 8rem;
}

.newsletter__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5.3rem 9rem;
}

.date_date h2 {
    font-size: 4.5rem;
    color: #fff;
}

.date_date h4 {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.form-control {
    border: none;
    margin-left: 3rem;
    outline: none;
    width: 65%;
    position: relative;
    top: -3px;
    color: #656565;
    font-size: 1.8rem;
    font-weight: 500;
}

.news_inner {
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    align-items: center;

}

.rignt_newsletter {
    position: relative;
}

.right-inline {
    justify-content: flex-end;
    display: flex;
    width: 56%;
}

.tnp-submit span {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.tnp-submit {
    right: 0.4rem;
    position: relative;
    top: -0.3rem;

}

.tnp-submit span {
    font-size: 2rem;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.footer_wrapper {
    display: flex;
}

.footer_right {
    display: flex;
}

.footer_right h2 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2.5rem;

}

.footer_right ul a,
.addrsess_books p,
.addrsess_books a {
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0.3rem;
    display: inline-block;
}

.addrsess_books p a:hover {
    color: #fa00ff;
}

.footer_right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer_logo {
    flex: 0 0 25%;
    width: 25%;
}

.disclaimer {
    text-align: center;
}

.disclaimer p {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
}

.disclaimer h1 {
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 2.5rem;
    font-weight: 700;

}

.disclaimer {
    margin-top: 5rem;
    max-width: 993px;
    margin: auto;
}

.copyright {
    text-align: center;
    border-top: 1px solid rgba(255, 2555, 255, 0.2);
    margin-top: 4.2rem;
    padding: 3rem 0;
}

.copyright p {
    font-size: 1.6rem;
    color: #fff;
}

footer.common-color {
    background-image: url(../images/bg-footer.webp);
    padding: 9rem 0 0.3rem;
    background-position: center;
    background-size: cover;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

table.table-part1 tr td {
    color: #fff;
    font-size: 1.8rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-align: center;




}

table.table-part1 tr td:first-child {
    font-size: 2rem;
    font-weight: 500;
    font-family: 'Satoshi';
    text-align: left;

}

.table-part1 tr td:last-child {
    width: 20%;
}

.table-part1::before {
    position: absolute;
    right: 0.1rem;
    top: 8.3rem;
    bottom: 2.8rem;
    width: 0.45rem;
    background: #D000CC;
    content: "";
}

.top-center-position tr td {
    position: relative;
    padding: 2.4rem 3rem;
}

.sticky-header-row td {
    font-size: 2.4rem;
}

.tab-block .tab-mnu {
    display: block;
    list-style: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -2.4rem;
    z-index: 2;
}

.tab-block .tab-mnu {
    display: block;
    list-style: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
    z-index: 2;
}

.tab-block .tab-mnu li {
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding: 9px 20px;
    cursor: pointer;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    width: 184px;
    /* margin: 0 25px; */
}

.tab-block .tab-mnu li span {
    position: relative;
    z-index: 1;
}

.tab-block .tab-mnu .active span {
    background: linear-gradient(90deg, #8B2BD7 0.11%, #D000CC 99.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tab-block .tab-mnu .active {
    position: relative;
    cursor: default;
    background: url(../images/fan-d-1.svg) no-repeat;
}

.left-50-top {
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
    z-index: 1;
    position: absolute;
}

.tab-block {
    position: relative;
}

.table_content {
    background: url(../images/Table-middle.webp) repeat-y;
    width: 100% !important;
    padding: 0 8rem;
    background-size: 100% !important;
}

.table-part1 {
    background-size: 100%;
    position: relative;
    top: -8.2rem;
    margin-bottom: -11.5rem;
    z-index: 1;
    width: 100%;

}

.table-part1::after {
    position: absolute;
    left: 0;
    top: 8.3rem;
    bottom: 3.1rem;
    width: 0.45rem;
    background: #8B2BD7;
    content: "";
}

table.table-part1 tr {
    position: relative;
}

table.table-part1 tr::before {
    content: '';
    background: linear-gradient(90deg, #8B2BD7 0.11%, #D000CC 99.93%);
    height: 2px;
    position: absolute;
    left: 0;
    right: 1px;
    bottom: 0;

}

table.table-part1 tr:last-child::before {
    height: 0;
}

.last-center {
    text-align: center !important;
    margin: auto;
    padding-bottom: 0 !important;

}

.price_dark {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.value_park {
    width: 158px;
    position: relative;
}


/* range starts  */

.form-range {
    width: 100%;
    height: 1.9rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.range-item {
    position: relative;
    top: -10px;
}

.range-item:not(:last-child) {
    margin-bottom: 24px;
}

/* .range-item .range-input {
          margin-top: 6px;
        } */
.range-item .range-input input {
    position: relative;
    z-index: 2;
    cursor: pointer;
    bottom: -1.5rem;
}

.range-item ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: calc(100% + 34.4px);
    margin: 0 -17px;
}

.range-item ul .list-inline-item:not(:last-child) {
    margin-right: 0;
}

.range-item ul .list-inline-item span {
    position: relative;
    min-width: 5.8rem;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    padding-top: 1.4rem;
    word-break: break-word;
    color: #fff;
}

.range-item .range-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 3px;
    width: calc(100% - 14px);
    background-color: #fff;
    z-index: 0;
    margin: 0 7px;
    border-radius: 50px;
    overflow: hidden;
}

.range-item .range-input.disable-range+ul .list-inline-item span::before {
    background-color: #b1b1b1;
}

.range-item .range-input.disable-range .range-line .active-line {
    background-color: #b1b1b1;
}

.range-item .range-input.disable-range+ul .list-inline-item.active span::before {
    background-color: #777777;
}

.range-item .range-input .dot-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 24px);
    left: 0;
    z-index: 1;
}

.range-item .range-input .active-dot {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    cursor: pointer;
    background: url(../images/ball-rocket.svg) no-repeat;
    background-size: contain;
    height: 2.4rem;
    width: 2.4rem;
    /* border: 4px solid green; */
    z-index: 11;
    left: 0%;
    border-radius: 50%;
}

.range-item .range-input .range-line .active-line {
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #8B2BD7;
    transition: all 0.1s ease;
}

.range-item ul .list-inline-item span::before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #fff;
}

.range-item ul .list-inline-item.active span::before {
    background-color: #8B2BD7;
}

.range-item .range-input input:disabled~.dot-line .active-dot {
    background-color: #d9d9d9;
    border: 4px solid #b1b1b1;
}

.range-item input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    margin-top: -8px;
    /* Centers thumb on the track */
    background-color: #0000;
    height: 15px;
    width: 15px;
    border: 4px solid #0000;
    z-index: 11;
    box-shadow: none;
}

.range-item input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    margin-top: -8px;
    /* Centers thumb on the track */
    background-color: #0000;
    height: 24px;
    width: 24px;
    border: 4px solid #0000;
    box-shadow: none;
    z-index: 11;
}

.range-item input[type="range"]::-webkit-slider-runnable-track {
    background-color: #f0f0f000;
}

.range-item input[type="range"]::-moz-range-progress {
    background-color: #f0f0f000;
}

input[type="range"]::-ms-track {
    background-color: #f0f0f000;
}

.range-item input[type="range"]::-moz-range-track {
    background-color: #f0f0f000;
}

/* IE*/
.range-item input[type="range"]::-ms-fill-lower {
    background-color: #f0f0f000;
}

.range-item input[type="range"]::-ms-fill-upper {
    background-color: #f0f0f000;
}

.range-item input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: none !important;
    background-color: #f0f0f000;
}

.range-item input[type="range"]:focus::-moz-range-thumb {
    box-shadow: none !important;
    background-color: #f0f0f000;
}

.range-item input[type="range"]:focus::-ms-thumb {
    background-color: #f0f0f000;
    box-shadow: none !important;
}

.range-item input[type="range"]:disabled::-webkit-slider-thumb {
    background-color: #0000;
    border: 4px solid #0000;
}

.range-item input[type="range"]:disabled::-moz-range-thumb {
    background-color: #0000;
    border: 4px solid #0000;
}

/* range ends */

.w-300 {
    width: 26.5rem;
}

.range-slider {
    width: 25rem;
}

.select-amount {
    font-size: 1.8rem;
    color: #fff;
    font-family: 'Poppins';
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-weight: 600;
}

.slider-data {
    margin-bottom: 2.5rem;
}

.best_plan {
    padding: 40px 0 25px;
    position: relative;
}

.best_plan .common-heading {
    margin-bottom: 112px;
}

table.table-part1 tr td:nth-child(2),
table.table-part1 tr td:nth-child(4) {
    background: radial-gradient(96.92% 85.52% at 30.11% 100%, rgba(58, 27, 57, 0.60) 0%, rgba(138, 82, 126, 0.00) 100%), radial-gradient(106.94% 141.42% at 100% 1.62%, rgba(239, 239, 239, 0.12) 0%, rgba(8, 7, 9, 0.30) 100%);
}

.line_bottom {
    right: -135px;
    top: 37%;
    position: absolute;
}

.best_plan .container {
    position: relative;
}

.best_plan::after {
    background: rgba(208, 0, 204, 0.18);
    box-shadow: 0 0 197px 304px rgba(229, 0, 204, 0.18);
    position: absolute;
    right: 0;
    width: 1px;
    height: 1px;
    content: "";
    bottom: 281px;
    z-index: 9;

}

.hockey_design {
    max-width: 382px;

}

.marquee_lines {
    width: 100%;
    overflow: hidden;
    background: linear-gradient(90deg, #8B2BD7 0.11%, #D000CC 99.93%);
    padding: 18px;
    position: absolute;
    top: 54%;
}

.marquee_lines .inner {
    width: 100%;
    display: flex;
    color: white;
}

.marquee_lines .inner>* {
    white-space: nowrap;
}

.marquee_lines .inner a {
    position: relative;
    color: #fff;
    font-size: 2.2rem;
    padding: 0 4.3rem;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
}

.marquee_lines .inner a::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    content: "";
}

.marquee_structure {
    position: relative;
}


.sports .container::before {
    content: '';
    position: absolute;
    background: rgba(208, 0, 204, 0.18);
    box-shadow: 0 0 197px 271px rgba(229, 0, 204, 0.18);
    width: 1px;
    height: 1px;
    top: 168px;
}

.soccer_div {

    width: 232px;
    position: absolute;
    right: 0;
    bottom: 6px;
    animation: football_up_down 6s linear infinite;


}

.line_backets {
    position: absolute;
    top: -326px;
    z-index: 9;

}


.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

.todaysMatchSection {
    padding: 20px 0;
}

.relative {
    position: relative;
}

.border-nested-style {
    background: url(../images/middle.svg) repeat-x;
    background-size: cover;
    margin-left: 40px;
    height: 110px;
}

.todaysMatchBox__title {
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: 0.02em;
    margin-bottom: 0.75rem;
    font-weight: bold;
    color: #fff;
}

.border-nested-style::before {
    position: absolute;
    left: -27px;
    width: 30px;
    height: 100%;
    bottom: 0;
    background: url(../images/left-1.webp) no-repeat;
    content: "";
    background-size: contain;
    top: 0;
}

.border-nested-style .todaysMatchBox__inner::after {
    position: absolute;
    right: -34px;
    top: 0;
    width: 34px;
    height: 100%;
    bottom: 0;
    background: url(../images/right-2.webp) no-repeat;
    content: "";
    background-size: contain;
    gap: 12px;
}

.active-arrow::after {
    position: absolute;
    right: -21px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/v1.webp) no-repeat;
    width: 10px;
    height: 18px;
    content: "";
}

.todaysMatchBox__inner {
    min-width: 160px;
    height: 100%;
    padding: 10px 0 10px 0;
    background-size: 100% calc(100% - 2px);
    background-position: 0px 0px;
    background-image: radial-gradient(113% 91% at 26% 95%, #3A1B39 0%, #FF000000 99%);
}

.todaysMatchTeam {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #848484;
    font-size: 14px;
    position: relative;
}

.todaysMatchTeam.active-arrow {
    color: #fff;
}

.todaysMatchBox__inner .todaysMatchTeam:last-child.active-arrow::after {
    right: -16px;
}

.todaysMatchTeam__left span {
    width: 120px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.todaysMatchTeam__right {
    font-weight: 700;
}

.todaysMatchSection__titleBox {
    padding: 0 60px;
    position: relative;
    margin-right: -28px !important;
}

.todaysMatchSection__titleBox .content {
    font-style: italic;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 700;
}

.todaysMatchSlider .slick-track {
    display: flex;
    align-items: center;
}

.todaysMatchSlider .slick-prev,
.todaysMatchSlider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent;
}

.todaysMatchSlider .slick-prev,
.todaysMatchSlider .slick-next {
    width: 34px !important;
    height: 34px !important;
    top: 43%;
}

.todaysMatchSlider .slick-arrow::before {
    background: url(../images/back.svg) no-repeat !important;
    content: "";
    width: 34px;
    top: 0;
    height: 34px;
    position: absolute;
    right: 0;
    background-size: contain !important;
}

.todaysMatchSlider .slick-next {
    transform: rotate(-187deg);
}

.todaysMatchSlider .slick-prev {
    left: -25px;
}

.todaysMatchSlider .slick-next {
    right: -25px;
}

.todaysMatchSlider .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}


.todaysMatchTeam__left img {
    width: 20px;
    flex: 0 0 20px;
}

.todaysMatchTeam+.todaysMatchTeam {
    margin-top: 0.5rem;
}

.todaysMatchTeam__left {
    display: inline-flex;
    align-items: center;
}

.iframeWrapper {
    position: relative;
    height: 0;
    padding-bottom: 46.25%;
    margin-bottom: 30px;
    border: 1px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}

.iframeWrapper iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    overflow: hidden;
}

/*  */
.headinglargeSpace {
    margin-bottom: 74px;
}

.backobject {
    position: absolute;
    z-index: 1;
}

.frontObject {
    position: relative;
    z-index: 2;
}

.backobject.backobject__basketball {
    bottom: -30%;
    left: -30%;
    width: 830px;
}

.backobject.backobject__line {
    right: 6%;
    top: 129px;
    width: 110px;
}

.backobject.backobject__gradient1 {
    right: -12%;
    top: 1%;
    width: 566px;
}

.backobject.backobject__gradient2 {
    left: -24%;
    bottom: 29%;
    width: 566px;
}

/*  */





.ruby_data {
    width: 281px;
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: -71px;

}

.active_play img {
    position: relative;
    z-index: 99;
}

.play .container::before,
.play .container::after,
.fan .container::before,
.why-us .container::before,
.why-us .container::after,
.circle-color .container::after,
.choose-path .container::after,
.common-spades .container::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    background: rgba(208, 0, 204, 0.18);
    box-shadow: 0 0 197px 200px rgba(229, 0, 204, 0.18);
    z-index: 99;
    left: 0;
    bottom: 0;
}

.choose-path .container::after {
    right: -300px;
    left: auto;
    bottom: -263px;
}

.circle-color .container::after {
    left: 0;
    margin: auto;
    background: rgba(208, 0, 204, 0.18);
    box-shadow: 0 0 197px 200px rgba(229, 0, 204, 0.18);
    right: 0;
    top: 120px;
}

.why-us .container::before {
    right: 0;
    left: auto;
    top: 0;
    background: rgba(208, 0, 204, 0.3);
    box-shadow: 0 0 280px 278px rgba(229, 0, 204, 0.3);


}

.play .container::after {
    right: 0;
    left: auto;
    bottom: -11%;
    z-index: 1;
    background: rgba(208, 0, 204, 0.18);
    box-shadow: 0 0 197px 200px rgba(229, 0, 204, 0.18);

}

.fan .container::before {
    top: 0;
}

.play {
    position: relative;
}

.pt-0 {
    padding-top: 0;
}

.choose-extra {
    position: relative;
}

.form_hand {
    width: 44.8rem;
    right: -17.9rem;
    position: absolute;
    z-index: 9;
    bottom: -58%;
    animation: linear infinite;
    animation-name: rotation;
    animation-duration: 9s;
}

@keyframes rotation {
    0% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(10deg);
    }
}

.choose-path {
    position: relative;
    padding-bottom: 98px;

}

.choose-box .mid-button {
    left: 0;
}

.draw-line {
    gap: 1.4rem;
    margin-top: 1.2rem;
}

span.text-one-two {
    color: #CECECE;
    font-weight: bold;
}

.small-card span:hover {
    background: linear-gradient(265deg, #5EA8FF 0%, #FA00FF 100%);
}

.login_card a.border-btn.btn_1.join {
    padding: 1.2rem 3rem;
    display: block;
    background: #000;
    border: double 1px transparent;
    background-image: linear-gradient(#000, #000), radial-gradient(circle at top left, #5EA8FF, #FA00FF);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.login_card a.border-btn.btn_1.join::after {
    display: none;
}

.backet_home {
    position: absolute;
    top: -47%;
    left: -47px;
    width: 10rem;
}

.footer_why img {
    width: 30rem;
    animation: football_up_down 6s linear infinite;

}

.footer_why {
    position: absolute;
    right: 0;
    top: -163px;
}

.why-us {
    position: relative;
    visibility: hidden;
}

.btn-width {
    min-width: 22rem;
    text-transform: uppercase;
    font-weight: 700;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-content .mid-button {
    min-width: 20.3rem;
    text-transform: uppercase;
    font-weight: 600;
    background: none;
    background-color: #fff;
    border: 3px solid #aa4cf0;
    border-left: 0;
    padding: 1.3rem 2.5rem 1.3rem;
    border-right: 0;

    /* background-image: url(../images/data-rectangle.webp); */
}

.tab-content .mid-button span {
    font-size: 1.8rem;

}

.Worldwide_wrapper .btn-width {
    text-align: center;
    min-width: 19.2rem
}


h3.same-heading {
    margin-bottom: 88px;
}

img.single_img.last-img-p {
    right: -7.6rem;
}

.bottom_sect .Worldwide__desc {
    padding: 2.6rem 3.0rem;
}

.Worldwide__desc.last-img_pro {
    left: 2.9rem;
}

.Worldwide .rc-design {
    padding: 1.4rem 7.9rem 1.3rem;
}

.padding-60 {
    padding: 4rem 0;
}

.footer_right ul a:hover {
    color: #fa00ff;
}

.navbar_menu ul li a:hover {
    color: #fa00ff;
}

.Worldwide_wrapper .bottom_sect .pink_btn {
    Padding: 1rem 2.5rem 1rem;
}

.Worldwide_wrapper .bottom_sect .pink_btn::after {
    width: 2.7rem;
    left: -1.8rem;
}

.bottom_sect .single_img {
    width: 22rem;

}

.bottom_sect .single_img.seconds {
    width: 22rem;
    right: 5.6rem;
    bottom: 6px;
}

.date_date {
    flex: 0 0 40%;
    width: 40%;
}

.footer_logo img {
    width: 15.8rem;
}

.tab-content .mid-button::before {
    background: url(../images/right.webp) no-repeat;
    background-position: top;
    background-size: contain;
    width: 2.5rem;
    right: -2.2rem;
    top: -0.3rem;
    bottom: -0.3rem;

}

.tab-content .mid-button::after {
    background: url(../images/left.webp) no-repeat;
    background-position: top;
    background-size: contain;
    width: 2.5rem;
    left: -2.2rem;
    top: -0.3rem;
    bottom: -0.3rem;

}

/* .no-space_center {
            align-items: flex-start;
        } */
.small-card span.active {
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid #FFFFFF;
}

.bottom_sect .pink_btn {
    min-width: 15rem;
    text-align: center;


}

.one_time {
    display: block;
}

.world_img.world-middle {
    margin: 0 -2.8rem;
}

.addrsess_books {
    display: flex;
    flex-direction: column;
    margin-top: 28px;
    margin-bottom: 28px;
}

.rc-design.large_f_desi {
    background: url(../images/rc-design-1.webp) no-repeat right bottom;
    padding: 3.5rem 10.2rem 2.8rem 0rem;
    background-size: contain;
}

.modal_highlight {
    background: linear-gradient(90.22deg, #8B2BD7 0.11%, #D000CC 99.93%);
    border-radius: 0.5rem;
    display: inline-block;
    min-width: 14.4rem;
    padding: 0.8rem 0rem;
    text-align: center;
    transform: skew(-19deg);
    clip-path: polygon(0 0, 92% 0, 100% 21%, 100% 100%, 8% 100%, 0 76%);

}

.modal_highlight span {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    transform: skew(16deg) !important;
    display: block;
}

.modal_works_list p,
.common-list p {
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.2;

}

.skewBox_none h4 {
    padding: 2.6rem 0 2.4rem;

}

.refer_earn .common-list p {
    padding-right: 8.8rem;
    line-height: 1.3;
}

/*  */
.skewBox {
    position: relative;
    /* background:  #000; */
    --clipVal: 30px;
    --size: 4px;
    transform: skew(-6deg, -0deg);
    width: 100%;

}

.skewBox:after,
.skewBox::before {
    content: "";
    position: absolute;
    inset: 0;

}

.skewBox::before {
    z-index: 1;
    background: #D000CC;
    background: -o-linear-gradient(135deg, #D000CC, #8B2BD7);
    background: linear-gradient(315deg, #D000CC, #8B2BD7);


    clip-path: polygon(0 0, calc(100% - var(--clipVal)) 0, 100% var(--clipVal), 100% 100%, var(--clipVal) 100%, 0 calc(100% - var(--clipVal)), 0 0, var(--size) var(--size), var(--size) calc(100% - var(--clipVal) - 0.83px), calc(var(--clipVal) + 0.83px) calc(100% - var(--size)), calc(100% - var(--size)) calc(100% - var(--size)), calc(100% - var(--size)) calc(var(--clipVal) + 0.83px), calc(100% - var(--clipVal) - 0.83px) var(--size), var(--size) var(--size));
}


.skewBox:after {
    z-index: 1;
    background: radial-gradient(102.13% 122.39% at 38.11% 100%, rgba(58, 27, 57, 0.6) 0%, rgba(138, 82, 126, 0) 100%);
    border-radius: 10px;
    clip-path: polygon(0 0, calc(100% - var(--clipVal)) 0, 100% var(--clipVal), 100% 100%, var(--clipVal) 100%, 0 calc(100% - var(--clipVal)));

}

.skewBox__inner {
    position: relative;
    z-index: 2;
    transform: skew(6deg, 0deg);
}

.model_works .skewBox__inner,
.common-list {
    padding: 4.8rem 4.9rem;

}

.model_works_inner {
    gap: 6rem;
    margin-top: 42.7rem;
}

.skew_design {
    position: absolute;
    right: -3.3rem;
    top: -16.4rem;
    z-index: -1;

}

.modal_works_list:nth-child(2) {
    position: relative;
    top: -14.5rem;

}

.modal_works_list:nth-child(3) {
    position: relative;
    top: -29.2rem;
}

.button_top_skew {
    position: absolute;
    top: -3.1rem;
    left: -3.9rem;

}

.modal_works_list .mid-button {
    padding: 1.3rem 0.5rem 1.8rem;
}

.refer_earn_inner {
    gap: 3rem;
}

.earn_list:nth-child(2) {
    position: relative;
    bottom: -15.3rem;
    right: 1.7rem;

}

.earn_list .modal_highlight {
    background: rgba(255, 255, 255, 0.2);
    min-width: 21.4rem;
    transform: skew(-24deg);
    clip-path: polygon(0 0, 96% 0, 100% 21%, 100% 100%, 6% 100%, 0 76%);


}

.earn_list .modal_highlight span {
    transform: skew(24deg) !important;
}

.glof .footer_why {
    position: absolute;
    left: -13.1rem;
    top: -40.3rem;
    animation: moveTopBottom 2s ease-in-out infinite alternate;
    z-index: 99;


}

.glof .footer_why img {
    width: 66.9rem;
    animation: none;
    z-index: 99;
    position: relative;
}

.refer_earn {
    padding-bottom: 16.6rem;
    padding-top: 4rem;

}

.refer_earn-wrapper {
    padding: 14.9rem 0 23.3rem;
}

.why-us.glof .container::before {
    right: auto;
    left: 0;
    top: -14.7rem;
    visibility: visible;


}

.modal_price {

    position: absolute;
    top: -15.3rem;


}

.model_works {
    margin-top: 3.3rem;
}

.modal_price img {
    width: 78%;
}

.tennis_icons {
    position: absolute;
    right: 0.7rem;
    top: -39.9rem;
    animation: moveTopBottom 2s ease-in-out infinite alternate;
    width: 31.8rem;


}

.vector_img_bottom {
    position: absolute;
    right: -0.9rem;
    top: -59.5rem;
    visibility: visible;

}

.modal_price1 {
    position: absolute;
    bottom: -22.6rem;
    left: 35.4rem;
}

.margin-bottom-60 {
    margin-bottom: 6rem;
}

.todaysMatchSlider:not(.slick-initialized) div {
    display: none;
}

.todaysMatchSlider:not(.slick-initialized) div:first-child {
    display: block;
}

.common-spades .container::before {
    right: 0;
    left: auto;
    bottom: -54rem;

}

.no-shadow:after {
    background: none;
}

.ultra_small {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    position: relative;
    top: -1rem;



}

.Customize_data .earn_list:nth-child(2) {
    position: relative;
    bottom: 0;
    right: 0;
}

.Customize_data .refer_earn .common-list p {
    padding-right: 0;
    line-height: 1.4;


}

.padding-t-70 {
    padding-top: 7rem;
}

.modal_price12 img {
    height: 39.8rem;
}

.modal_price12 {
    position: absolute;
    bottom: -40.3rem;
    left: 11.4rem;

}

.glof.evaluation_i .footer_why {
    position: absolute;
    left: -13.1rem;
    top: -28.3rem;
}

.glof.evaluation_i .footer_why img {
    width: 57.9rem;
}

.no-shadow_design .container::after {
    display: none;
}

.evaluation_i .vector_img_bottom {
    top: -34.5rem;
}

.modal_price.h-v1 {

    position: absolute;
    top: -11.9rem;
    left: -11rem;
}

.rc-design.large_f_desi.common-steps {
    padding: 0.5rem 10.2rem 2.8rem 0rem;
}



.form-input {
    width: 100%;
    padding: 1.6rem 2.7rem;
    border: 0;
    background-color: transparent;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 1.7rem;
    letter-spacing: 0.02em;




}

.input_wrapper {
    position: relative;
}

/* .input_wrapper::before{
    content: '';
    position: absolute;
    background-image: url(../images/input.svg);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;


} */
.odds_inner {
    max-width: 1059px;
    margin: auto;
    position: relative;
    z-index: 9;
}

.odds_inner .form-group label {
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
    display: block;
}

.odds_inner .form-group {
    margin-bottom: 30px;
}

.odds_calculator .common-heading p {
    font-size: 16px;
    color: #fff;
    max-width: 613px;
    margin: 33px auto 0;
}

.hockey_modal {
    position: absolute;
    right: -4.8rem;
    top: 8.2rem;
    animation: moveTopBottom 2s ease-in-out infinite alternate;
}

.calculator_line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: aliceblue;
    padding: 15px 80px;
    transform: skew(-24deg);
    clip-path: polygon(0 0, 98% 0, 100% 18%, 100% 100%, 9% 147%, 0 86%);
    background: linear-gradient(90.22deg, #8B2BD7 0.11%, #D000CC 99.93%);
    border-radius: 5px;
}

.wins_to {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wins_to p {
    color: #fff;
    font-size: 2rem;
    transform: skew(24deg);
    display: block;
    white-space: nowrap;

}

input.wins {
    padding: 16px;
    border: 0;
    clip-path: polygon(0 0, 94% 0, 104% 36%, 100% 100%, 11% 119%, 0 77%);
    transform: skew(24deg);

}

.btn-pick-desktop {
    background: url(../images/place-pick-btn.svg) no-repeat center;
    padding: 1.2rem 1.5rem;
    width: 20.3rem;
    background-size: contain;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-pick-desktop span {
    background: linear-gradient(90deg, #8B2BD7 0.11%, #D000CC 99.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.5px;
}

.btn-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 4rem;
}

.calculator_wins {
    padding: 0.7rem 3.3rem;
    font-size: 2.3rem;
    color: #000;
    font-weight: 600;
    transform: skew(24deg);
    min-width: 14.4rem;
    width: 100%;
    background-image: url(../images/span-o.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;



}

.hockey_modal_1 {
    position: absolute;
    left: -28.5rem;
    bottom: -35rem;
    animation: moveTopBottom 2s ease-in-out infinite alternate;
}


.accordion-header {
    background-color: transparent;
    color: #fff;
    padding: 4rem 6.2rem;
    font-size: 2.3rem;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Montserrat", sans-serif !important;
    align-items: center;
    transition: background-color 0.3s ease;
    line-height: 3rem;
    font-weight: 500;
}

.accordion-content-hldr p {
    font-size: 1.6rem;
    color: #fff;
}


.accordion-content {
    overflow: hidden;
    padding: 0 0;
    max-height: 0;
    transition: max-height 0.3s ease;
    font-family: "Montserrat", sans-serif;
    padding: 0rem 6.2rem;

}

.accordion-content-hldr {
    padding-bottom: 3rem;
}

.accordion-item {
    border-bottom: 1px solid #fff;
    border-radius: 5px;
}

.accordion-item.active img.faqplusicon {
    display: none;
}

.accordion-item .icon img {
    margin: auto;
    transition: 0.2s ease-in-out;
    width: 2rem;

}

.accordion-item img.faqminusicon {
    display: none;
    margin: auto;

}

.accordion-item.active img.faqminusicon {
    display: block;
    transform: unset;
    margin: auto;
}

.accordion-container .skewBox::before,
.accordion-container .skewBox::after {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.accordion-container .skewBox.active::before,
.accordion-container .skewBox.active::after {
    opacity: 1;
    visibility: visible;
}

.accordion-item.skewBox.active {
    border-bottom: 0;
}

.faq {
    max-width: 1200px;
    margin: auto;
}

.accordion-item.skewBox.active .accordion-header {
    padding-bottom: 19px;
    position: relative;

}

.odds_calculator.common-spades .container::before {
    right: auto;
    left: -17.3rem;
    bottom: -30rem;
    z-index: -1;

}

.golf_data_lo {
    position: absolute;
    right: -20.3rem;
    bottom: 30.8rem;
    animation: football_up_down 6s linear infinite;
}

.faq.common-spades .container::before {
    right: -25rem;
    left: auto;
    bottom: 123px;
    z-index: -1;
}

.input_wrapper {
    position: relative;
    --sizes: 15px;
    --tar: 0.83px;
    --space: 1px;
}



.input_wrapper:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(256, 256, 256, 0.75);
    -webkit-clip-path: polygon(0 0, calc(100% - var(--sizes)) 0, 100% var(--sizes), 100% 100%, var(--sizes) 100%, 0 calc(100% - var(--sizes)), 0 0, var(--space) var(--space), var(--space) calc(100% - var(--sizes) - var(--tar)), calc(var(--sizes) + var(--tar)) calc(100% - var(--space)), calc(100% - var(--space)) calc(100% - var(--space)), calc(100% - var(--space)) calc(var(--sizes) + var(--tar)), calc(100% - var(--sizes) - var(--tar)) var(--space), var(--space) var(--space));
    clip-path: polygon(0 0, calc(100% - var(--sizes)) 0, 100% var(--sizes), 100% 100%, var(--sizes) 100%, 0 calc(100% - var(--sizes)), 0 0, var(--space) var(--space), var(--space) calc(100% - var(--sizes) - var(--tar)), calc(var(--sizes) + var(--tar)) calc(100% - var(--space)), calc(100% - var(--space)) calc(100% - var(--space)), calc(100% - var(--space)) calc(var(--sizes) + var(--tar)), calc(100% - var(--sizes) - var(--tar)) var(--space), var(--space) var(--space));
    -webkit-transform: skew(-28deg, 0);
    -ms-transform: skew(-28deg, 0);
    transform: skew(-28deg, 0);
}



select.form-input {

    background-image: url(../images/select_box.svg);
    background-image: url(../images/select_box.svg);
    background-position: 96%;
    background-size: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

select.form-input option {
    background-color: #100510;
}

.your-evalution p {
    color: #fff;
    font-size: 1.6rem;

}

.affiliate-checkout {
    display: flex;
}

.affiliate_wrapper_1 .affiliate-form-column {
    width: 63%;
}

.affiliate_wrapper_1 .secondary_affilate {
    width: 37%;

}

.your-evalution div {
    margin-bottom: 15px;
}

.first-shape_1 {
    background-image: url(../images/checkout-shape.webp);
    background-size: 100% 100%;
    padding: 3rem 5rem;
    background-repeat: no-repeat;
    margin-bottom: 2.1rem;

}

.coupeon_affliate {
    background-image: url(../images/space-data_1.webp);
    background-size: 100% 100%;
    padding: 5rem 5rem;
    background-repeat: no-repeat;
    margin: 2rem 0;
    margin-left: -2rem;

}

.coupeon_affliate p,
.coupeon_affliate p a {
    font-size: 1.8rem;
    color: #fff;
}

.coupeon_affliate p a {
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: 0.05em;

}

.affiliate_wrapper_1 .affiliate-form-column {
    background-image: url(../images/large-shape.webp);
    background-size: 100% 100%;
    padding: 4.3rem;

}

.total_video {
    border-top: 0.25px solid rgba(255, 255, 255, 0.25);
    padding-top: 1.3rem;
}

.place_order_affilate {
    background-image: url(../images/small-xx.webp);
    background-size: 100% 100%;
    padding: 3.4rem 4.9rem;
    margin-left: -5.4rem;
    z-index: 9;
    position: relative;



}

.place_order_affilate p {
    color: #fff;
    font-size: 1.6rem;
}

.place_order_affilate label {
    display: block;
    font-size: 1.7rem;
    color: #fff;
    font-weight: 500;
    margin-top: 11px;
    position: relative;

}

.secondary_affilate .btn-white {
    display: block;
    text-align: center;
    margin-top: 2rem;

}

.secondary_affilate .btn-white span {
    text-transform: uppercase;
}

.secondary_affilate .form-group {
    margin-bottom: 1.3rem;
}

.secondary_affilate a {
    text-decoration: underline;
    color: #fff;
}

.secondary_affilate .affiliate-signUp label::before {
    margin-right: 7px;

}

.affiliate-form-section.form-details.common-spades .container::before {
    top: auto;
    bottom: 0;
    right: -7.4rem;
    left: auto;
    z-index: 1;
}

.secondary_affilate .affiliate-form-haed {
    margin-bottom: 3.25rem;
    margin-left: 2rem;
}

.affiliate_wrapper_1 .affiliate-form-column .col-12:last-child .form-group {
    margin-bottom: 0;
}

.affiliate_wrapper_1 .affiliate-form-column .form-group {
    margin-bottom: 3.6rem;
}

.form-input::placeholder {
    color: #fff;
    font-weight: 500;
}

.input_wrapper.focused::before {
    background-color: #fff !important;

}

.odds_inner .input_wrapper.focused::before {
    background-color: #8B2BD7 !important;
}

.navClose_wrapper {
    display: none;

}

.desktop-none {
    display: none;

}

.form_news_ltte {
    flex: 0.8;
}

.news_inner .form-control {
    transform: skew(5deg);
}



@-webkit-keyframes tickerMove {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes tickerMove {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes football_up_down {
    100% {
        transform: rotate(360deg)
    }

    0% {
        transform: rotate(0deg);
    }
}

@keyframes move {
    0% {
        transform: translatex(0);
    }

    50% {
        transform: translatex(-90px);
    }
}


@keyframes moveTopBottom {
    0% {
        transform: translateY(-5px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(-5px);
    }
}

.mid-button:hover {
    transform: scale(1.04);
}


/* merge css */


.lineargradient {
    background: #D000CC;
    background: -o-linear-gradient(135deg, #D000CC, #8B2BD7);
    background: linear-gradient(315deg, #D000CC, #8B2BD7);
}

.common-padding {
    padding: 6rem 0;
}

.rotate {
    -webkit-animation: football_up_down 6s linear infinite;
    animation: football_up_down 6s linear infinite;
}

.italicBold {
    font-family: 'Uni Sans Heavy Italic CAPS';
}

.leaderShipHeader__titlw {
    color: #fff;
    margin-bottom: 3rem;
}

.leaderShipHeader__subtitle {
    color: #fff;
    margin-bottom: 3rem;
    text-shadow: 4px 4px 0px #490E77;
}

.leaderShipHeader__cntntBox {
    text-align: center;
}

.leaderShipHeader__cntntBox {
    width: 100%;
    max-width: 102.4rem;
    margin: 0 auto;
    padding: 10rem 0 6rem;
}

.mid-button.btnCenter {
    left: 0;
}

.container-mid {
    max-width: 148.9rem;
}

.leaderShipHeader>.lineargradient {
    position: absolute;
    top: 0;
    height: 50%;
    left: 0;
    right: 0;
    overflow: hidden;
}

.leaderShipHeader .backobject__racket {
    width: 100%;
    max-width: 50rem;
    left: -14%;
    bottom: -25%;
}

.leaderShipHeader .backobject__hand {
    width: 100%;
    max-width: 72.9rem;
    right: -21%;
    bottom: -37%;
    -webkit-transform: rotate(-36deg);
    -ms-transform: rotate(-36deg);
    transform: rotate(-36deg);
}


.why_wrapper.why_wrapperTwo .why-inner img {
    width: 100%;
}

.why_wrapperTwo {
    max-width: 102.4rem;
    margin-inline: auto;
}


.leaderBoardSection .backobject.backobject__racket {
    left: -51%;
    top: -50%;
    width: 135rem;
    max-width: 100%;
}

.leaderBoardSection .backobject.backobject__handball {
    right: -12%;
    bottom: -10%;
    width: 39rem;
    max-width: 100%;
}

.why-us .backobject.backobject__racket {
    bottom: 16%;
    left: -7%;
    width: 21rem;
}


.rulesToenter .common-heading {
    max-width: 100rem;
    margin: 0 auto;
}

.rulesToenter__heading {
    margin-bottom: 3rem;
}

.why-us.rulesToenter .container::before {
    top: 70%;
    z-index: 1;
    opacity: 0.5;
}

.bannerSmall .banner_wrapper {
    max-height: 75.5rem;
}

.blogSection__row {
    --size: 2rem;
    --width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(var(--size) * -1);
    margin-right: calc(var(--size) * -1);
    row-gap: 4rem;
}

.blogSection__rowCol {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--width);
    flex: 0 0 var(--width);
    max-width: var(--width);
    padding: 0 var(--size);
}

.blogbox {
    display: block;
    padding: 2.2rem 2.2rem 2.4rem;
    position: relative;
    color: #fff;
}

.blogbox__rect {
    position: absolute;
    inset: 0;
    z-index: 1;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;

}

.blogbox__img {
    margin-bottom: 1.8rem;
}

.blogbox__img img {
    width: 100%;
    border-radius: 1.1rem;

}

.blogbox__img svg {
    display: block;
    width: 100%;
}

.blogbox__readmore {
    gap: 1rem;
    margin-top: 1.5rem;
}

.blogbox__img, .blogbox__content {
    position: relative;
    z-index: 2;
}

.blogbox__readmoreCntnt {
    text-transform: uppercase;
    font-weight: 700;
}

.blogbox__readmore img {
    width: 1.8rem;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.blogbox:not(div):hover .blogbox__rect {
    opacity: 0.5;
}

.blogbox:hover .blogbox__readmore>img {

    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
}

.blogSection {
    padding-bottom: 0rem;

}

.blogSection>.container {
    padding-bottom: 50rem;
}

.threeColContainer {
    padding-inline: 2rem;
}

.blogSection .backobject.backobject__blogFootball {
    right: 0;
    bottom: 0;
    width: 90rem;
    opacity: 0.5;
}


.blogbox__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 10rem);
}


.challangeRules .backobject.backobject__basketball2 {
    right: 0;
    width: 29.9rem;
}

.challangeRules .backobject.backobject__lineAngle {
    left: 0;
    width: 11.5rem;
}

.challangeRules .backobject.backobject__lineAngle {
    left: 16%;
    width: 10rem;
    top: -12rem;
}

.challengeBenefits .backobject.backobject__racket {
    left: -7%;
    width: 50rem;
    top: -38%;
}

table.table-part3 tr td:nth-child(2n+2) {
    background: transparent;
}

table.tablePart3 tr td:nth-child(3n+3) {
    background: -o-radial-gradient(30.11% 100%, 96.92% 85.52%, rgba(58, 27, 57, 0.60) 0%, rgba(138, 82, 126, 0.00) 100%), -o-radial-gradient(100% 1.62%, 106.94% 141.42%, rgba(239, 239, 239, 0.12) 0%, rgba(8, 7, 9, 0.30) 100%);
    background: radial-gradient(96.92% 85.52% at 30.11% 100%, rgba(58, 27, 57, 0.60) 0%, rgba(138, 82, 126, 0.00) 100%), radial-gradient(106.94% 141.42% at 100% 1.62%, rgba(239, 239, 239, 0.12) 0%, rgba(8, 7, 9, 0.30) 100%);
}


table.tablePart3 tr td:first-child {
    min-width: 40%;
}

.challengeBenefits>.container::before,
.challengeBenefits>.container::after {
    display: none;
}

.best_plan .backobject__sideLine {
    right: -4%;
    top: -13%;
    width: 10rem;
}

.best_plan.shadowleftTop::after {
    left: 0;
    right: auto;
    top: -10%;
    opacity: 0.8;
}

.backobject.backobject__helmet {
    left: -10%;
    width: 50rem;
    top: -38%;
}

.shadowTopLeft .container::before {
    content: "";
    width: 1px;
    height: 1px;
    background: rgba(208, 0, 204, 0.3);
    box-shadow: 0 0 280px 278px rgba(229, 0, 204, 0.3);
    position: absolute;
    left: -10%;
    top: -20%;
    z-index: 1;
    display: block !important;
}

.skewBox.skewBox__no,
.skewBox__no.skewBox .skewBox__inner {
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
}

.educationContent {
    color: #fff;
}

.educationContent p:not(:last-of-type) {
    margin-bottom: 1rem;
}

.educationTab>.container {}

.educationTab .backobject.backobject__blogFootball {
    right: 0;
    bottom: 0;
    width: 90rem;
}

.educationImgHOlder {
    padding-left: 15%;
}

.educationImgHOlder img {
    width: 100%;
    position: relative;
    right: -1.5rem;
}

.shadowBottomRight>.container:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    background: rgba(208, 0, 204, 0.18);
    box-shadow: 0 0 197px 200px rgba(229, 0, 204, 0.18);

    z-index: 0;
    right: 0;
    bottom: 0;
}

.tabs-content-box-inner img {
    margin-bottom: 2.3rem;
    width: 100%;
}

.educationTab>.container.relative::before {
    opacity: 0.74;
    top: -10%;
    width: 60rem;
    height: 60rem;
    left: -13%;
}

.productImg .blogbox__img {
    margin: 0;
}

.productContentHodler {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 4rem;
    gap: 3rem;
}

.productContentHodler__bottom {
    padding-inline: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
}

.outline-btn.transparent-btn.btnCenter {
    left: 2.5rem;
    position: relative;
}

.productContentHodler__title {
    margin-bottom: 3.5rem;
}

.productContentHodler__subtitle {
    margin-bottom: 3rem;
}

.noShadowBefore>.container::before {
    display: none;
}

.noShadowAfter>.container::after {
    display: none;
}

.headerLogin {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
}

.loginPageSection {
    height: 100vh;
    height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.loginPageSection>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 5;
}

.loginPageSection__wrapper {
    width: 56.3rem;
    max-width: 100%;
    padding: 0 1.5rem;
}

.loginPageSection__headingHolder {
    text-align: center;
}

.loginPageSection__forgot,
.loginPageSection__headingHolder {
    margin-bottom: 5rem;

}

.loginPageSection__title {
    margin-bottom: 1rem;
}

.loginPageSection__headingHolder p {
    color: #fff;
}

.loginPageSection__forgot {
    text-align: right;
    color: #fff;
}

.loginPageSection__forgot a {
    color: #fff;
}

.loginPageSection__wrapper .form-group {
    margin-bottom: 2.5rem;
}

.loginPageSection__bottom p {
    color: #fff;
    font-weight: 500;
}

.loginPageSection__bottom a {
    color: #C705CD;


}

.btnGradient {
    font-weight: bold;
    font-size: 1.6rem;
    border: 0;
    position: relative;
    padding: 1.2rem 3.5rem;
    text-transform: uppercase;
    font-family: 'Satoshi';
    color: #fff;
    --size: 1.5rem;
    --clip: polygon(0 0, calc(100% - var(--size)) 0, 100% var(--size), 100% 100%, var(--size) 100%, 0 calc(100% - var(--size)));
    --skew: skew(-28deg, 0)
}

.btnGradient span {
    position: relative;
    z-index: 2;
}

.btnGradient:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(139, 43, 215);
    background: -o-linear-gradient(332deg, rgba(139, 43, 215, 1) 0%, rgba(208, 0, 204, 1) 50%, rgba(139, 43, 215, 1) 100%);
    background: linear-gradient(118deg, rgba(139, 43, 215, 1) 0%, rgba(208, 0, 204, 1) 50%, rgba(139, 43, 215, 1) 100%);
    background-size: 200%;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
    -webkit-transform: var(--skew);
    -ms-transform: var(--skew);
    transform: var(--skew);
}

.btnGradient:hover:before {
    background-position: right;
}

.btn-full {
    width: 100%;
    display: block;
    font-size: 2rem;
    padding: 1.8rem 4.5rem;
}

.mainWrapper {
    overflow: hidden;
}


.news_inner {
    --boxWidth: 193px;
}

.news_inner .form-control {
    height: 40px;
    padding: 0px 5px;
    margin: 0;
    border: 0;
    outline: 0;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - var(--boxWidth));
    flex: 0 0 calc(100% - var(--boxWidth));
    max-width: calc(100% - var(--boxWidth));

}

.news_inner .btnGradient {
    padding-inline: 2rem;
    padding-block: 0.9rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--boxWidth);
    flex: 0 0 var(--boxWidth);
    max-width: var(--boxWidth);
}

.newsInner {
    position: relative;
    padding: 0.5rem 0.8rem 0.5rem 1.6rem;
    --size: 1.8rem;
    --skew: skew(-28deg, 0);
    --clip: polygon(0 0, calc(100% - var(--size)) 0, 100% var(--size), 100% 100%, var(--size) 100%, 0 calc(100% - var(--size)));
}

.newsInner:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    background-size: 200%;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
    -webkit-transform: var(--skew);
    -ms-transform: var(--skew);
    transform: var(--skew);
}

.faqs-tab-listing li {
    --clipVal: 16px;
}

.educationTab .backobject__educationFootball {
    right: -6%;
    bottom: -14%;
    width: 50%;
}

/* blog detail */
.blog-detail, .recent-blogs {
    overflow: hidden;
}

.banner-full-width img {
    width: 100%;
}

.blog-detail {
    overflow: hidden;
}

.blog-detail-head {
    padding-bottom: 1.785rem;
}

.blog-detail-head .blog-detail-title {
    margin-bottom: 1rem;
}

.blog-detail-head .blog-detail-auther {
    color: #fff;
    font-size: 2.3rem;
}

.blog-detail-head .blog-auther-name {
    font-weight: 700;
    margin-right: 1rem;
}

.blog-detail .container::before,
.recent-blogs .container::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    background: rgba(208, 0, 204, 0.18);
    box-shadow: 0 0 197px 200px rgba(229, 0, 204, 0.18);
    z-index: 0;
    left: -50px;
    top: 0;
}

.blog-detail-container {
    max-width: 1153px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.blog-detail-content {
    color: #fff;
}

.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6,
.tabs-content-box-inner h1,
.tabs-content-box-inner h2,
.tabs-content-box-inner h3,
.tabs-content-box-inner h4,
.tabs-content-box-inner h5,
.tabs-content-box-inner h6 {
    margin-bottom: 1.5rem;
}

.blog-detail-content p {
    color: #fff;
    font-size: 1.785rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.blog-detail-content ul,
.blog-detail-content ol,
.tabs-content-box-inner ul,
.tabs-content-box-inner ol {
    list-style-type: disc;
    padding-left: 2rem;
    margin: 1.5rem 0;
}

.blog-detail-content ul,
.blog-detail-content ul li,
.tabs-content-box-inner ul,
.tabs-content-box-inner ul li {
    list-style-type: disc;
}

.blog-detail-content ol,
.blog-detail-content ol li,
.tabs-content-box-inner ol,
.tabs-content-box-inner ol li {
    list-style-type: decimal;
}

.blog-detail-content li,
.tabs-content-box-inner li {
    color: #fff;
    font-size: 1.785rem;
    line-height: 1.4;
    margin-bottom: 3px;
}

.blog-detail-content img {
    max-width: 100%;
}

.recent-blogs .footer_why {
    top: -12rem;
}

.bg-bottom-center {
    background-position-x: center;
}

.recent-blog-btn {
    margin-top: 8rem;
}

.recent-blog-btn .pink_btn {
    text-align: center;
    min-width: 15rem;
    font-size: 1.8rem;
    left: auto;
}

.recent-blogs .container::before {
    left: auto;
    right: -50px;
}

/* blog detail end */


/* FAQ's */
.faq-newsletter {
    margin-top: 1.85rem;
}

.faq-newsletter p {
    padding-top: .75rem;
}

.faqs-tab-pannel {
    display: flex;
    align-items: flex-start;
}

.tabs-sidebar {
    flex: 0 0 30%;
    max-width: 48rem;
    margin-right: 4.75rem;
}

.tabs-content-body.frontObject {
    /* flex: 0 0 70%; */
    /* max-width: 70%; */
    flex-grow: 1;

}

.faqs-tab-listing li+li {
    margin-top: 1.563rem;
}

.faqs-tab-listing li a {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    padding: 2rem 3.75rem;
    display: block;
}

.faqs-tab-listing .skewBox::before,
.faqs-tab-listing .skewBox::after {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.faqs-tab-listing .skewBox:hover::before,
.faqs-tab-listing .skewBox:hover::after,
.faqs-tab-listing .skewBox.active::before,
.faqs-tab-listing .skewBox.active::after {
    opacity: 1;
    visibility: visible;
}

.help-box-outer {
    padding: 3rem 4rem;
}

.help-box-inner {
    color: #fff;
}

.help-box-inner h4 {
    margin-bottom: 0.858rem;
}

.help-box-inner .pink_btn {
    width: calc(100% - 60px);
    display: block;
}

.help-box-inner p {
    margin-bottom: 2rem;
}

.help-box-inner .btn-white span {
    text-align: center;
    display: block;
}

.tabs-content-body {
    width: 100%;
}

.tabs-content-box-inner {
    color: #fff;
}

.tabs-content-box-inner p {
    color: #fff;
    font-size: 1.758rem;
    line-height: 1.4;
    margin-bottom: 2.3rem;
}

.tabs-content-box-inner .pink_btn {
    min-width: 21rem;
    font-size: 1.8rem;
    text-transform: uppercase;
    text-align: center;
}

.tabs-content-box {
    padding: 3rem 4rem;
}

.tabs-content-box+.tabs-content-box {
    margin-top: 1.85rem;
}

.tabs-content {
    display: none;
}

.tabs-content.active {
    display: block;
}

.grey_btn {
    background: url(../images/gray-btn-bg.webp) repeat-x;
    background-size: contain;
}

.grey_btn::after {
    background: url(../images/gray-btn-left.webp) no-repeat;
    background-size: contain;
    left: -2.5rem;
    top: 0;
    width: 2.5rem;
}

.grey_btn::before {
    background: url(../images/gray-btn-rgt.webp) no-repeat;
    background-size: contain;
    right: -3rem;
}

.grey_btn span {
    background: none;
    -webkit-text-fill-color: white;
}

.join-our-team-inner {
    padding: 4.375rem;
    column-gap: 1.25rem;
}

.challenge-box {
    position: relative;
}

.challenge-box-content {
    position: absolute;
    inset: 0;
    padding: 3.8rem 3.9rem;
    flex-direction: column;
}

.challenge-box-content h6 {
    color: #fff;
    font-size: 2.85rem;
    font-weight: 700;
    margin-bottom: 1.75rem;
}

.transparent-btn {
    background-color: transparent;
    color: #fff;
    font-size: 1.75rem;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
}

.outline-btn {
    position: relative;
    background: url(../images/outline-btn-bdr.webp) repeat-x;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    background-size: contain;
    padding: 1rem 1.875rem;
}

.outline-btn::before,
.outline-btn::after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 3rem;

}

.outline-btn::before {
    background-image: url(../images/outline-btn-left.webp);
    left: -2rem;
}

.outline-btn::after {
    background-image: url(../images/outline-btn-rt.webp);
    right: -2.9rem;
}

.tabs-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 20px;
    margin-top: 3.25rem;
}

.tabs-btn-wrap .tabs-btn {
    flex: 0 0 63px;
    max-width: 63px;
    padding: 1.66rem 2.5rem;
}

.tabs-btn-wrap .tabs-btn.skewBox {
    --clipVal: 10px;
    --size: 2px;
}

.tabs-btn-wrap .tabs-btn.skewBox::before {
    background: linear-gradient(315deg, #fff, #fff);
}

.tabs-btn-wrap .tabs-btn.skewBox::after {
    background: none;
    --clipVal: 10px;
    --size: 2px;
}

.tabs-btn-wrap .tabs-btn img {
    margin: 0 auto;
    width: 12px;
}

.tabs-btn-wrap .tabs-btn.skewBox:hover::after {
    background: radial-gradient(102.13% 122.100% at 38.11% 100%, rgba(139, 43, 215, 100%) 0%, rgba(208, 0, 204, 1) 100%);
    border-radius: 0px;
}

/* FAQ's  end */

/* affiliate form */
.affiliate-form-section.common-spades .container::before {
    top: 0;
    bottom: auto;
    right: auto;
    left: -150px;
    z-index: 1;
}

.affiliate-form-section.circle-color .container::after {
    top: auto;
    bottom: 45%;
    margin: inherit;
    right: 0;
    left: auto;
    background: rgba(208, 0, 204, 0.11);
    box-shadow: 0 0 282px 408px rgba(229, 0, 204, 0.11);
}

.affiliate-form-wrapper {
    max-width: 94rem;
}

.affiliate-form-haed {
    margin-bottom: 3.25rem;
}

.affiliate-form-column {
    padding: 5rem;
}

.affiliate-form-column+.affiliate-form-column {
    margin-top: 6.25rem;
}

.affiliate-form-column.skewBox::before {
    clip-path: polygon(0 0, calc(100% - 54px) 0, 100% 54px, 100% 100%, 0 100%, 0 0, 4px 4px, 4px calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(54px + 1.66px), calc(100% - 54px - 1.66px) 4px, 4px 4px);
}

.affiliate-form-column.skewBox::after {
    border-radius: 0;
    clip-path: none;
}

.affiliate-form-column.skewBox,
.affiliate-form-column .skewBox__inner {
    transform: none;
}

.form-group {
    margin-bottom: 2.75rem;
}

.affiliate-form .form-group label {
    color: #fff;
    font-size: 1.6rem;
    margin: 0.985rem 0 0;
    display: block;
    padding: 0 2.8rem;
}

.affiliate-form .form-group label a {
    color: #fff;
}

.affiliate-signUp {
    margin-top: 3rem;
}

.affiliate-signUp input[type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.affiliate-signUp label::before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    transform: skew(-10deg);
    border-radius: 3px;
}

.affiliate-signUp input:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 4px;
    height: 10px;
    border: solid #d000cc;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.affiliate-form .affiliate-signUp label {
    color: #fff;
    font-size: 1.875rem;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0;
}

.affiliate-signUp .btn-pick-desktop {
    padding: 1.5rem 1.5rem;
    width: 28.3rem;
    background-size: 100%;
}

.affiliate-signUp .btn-pick-desktop span {
    font-size: 2rem;
}

.affiliate-football {
    width: 58rem;
    position: absolute;
    right: 0;
    bottom: 11rem;
    animation: moveTopBottom 2.5s ease-in-out infinite alternate;
}

.affiliate-football img {
    width: 100%;
}

body.scroll {
    overflow: hidden;
}

.modal-wrapper {
    position: fixed;
    inset: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 99;
    height: 100vh;
}

.modal-wrapper.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    inset: 0;
    z-index: 99;
}

.modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: auto;
    height: 100%;
}

.modal-container {
    width: calc(100% - 30px);
    max-width: 73rem;
    margin: 0 auto;
    padding: 5rem;
    position: relative;
}

.signUp-succes-popup {
    --size: 6rem;
    --innerClip: polygon(0 0, calc(100% - var(--size)) 0, 100% var(--size), 100% 100%, var(--size) 100%, 0 calc(100% - var(--size)));
    --outerClip: polygon(0 0, calc(100% - var(--size)) 0, 100% var(--size), 100% 100%, var(--size) 100%, 0 calc(100% - var(--size)), 0 0, 2px 2px, 2px calc(100% - var(--size) - 0.83px), calc(var(--size) + 0.83px) calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) calc(var(--size) + 0.83px), calc(100% - var(--size) - 0.83px) 2px, 2px 2px);
    -webkit-clip-path: var(--innerClip);
    clip-path: var(--innerClip);
    background: rgb(40, 1, 41);
    background: linear-gradient(245deg, rgba(40, 1, 41, 1) 0%, rgba(31, 6, 42, 1) 100%);
    position: relative;
    z-index: 999;

}

.signUp-succes-popup::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    -webkit-clip-path: var(--outerClip);
    clip-path: var(--outerClip);
}

.signUp-succes-popup .popup-title {
    color: #fff;
    text-shadow: 4px 5px 0px rgba(208, 0, 204, 1);
    text-align: center;
    margin-bottom: 10px;
}

.signUp-succes-popup h6 {
    color: #fff;
    font-size: 4.2rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
}

.signUp-succes-popup p {
    color: #fff;
    font-size: 2.785rem;
    text-align: center;
    line-height: normal;
}

.signUp-succes-popup p a {
    background: linear-gradient(90deg, #8B2BD7 0.11%, #D000CC 99.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.newsletter-popup--bg {
    background-image: url(../images/popup-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.newsletter-popup--bg::after {
    background: transparent;
}

.newsletter-popup .form-group {
    margin-bottom: 1.75rem;
}

.newsletter-popup .input_wrapper {
    --size: 17px;
}

.newsletter-popup .input_wrapper::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.15);
    position: absolute;
    inset: 0;
    clip-path: polygon(0 0, calc(100% - var(--size)) 0, 100% var(--size), 100% 100%, var(--size) 100%, 0 calc(100% - var(--size)));
    -webkit-transform: skew(-28deg, 0);
    -ms-transform: skew(-28deg, 0);
    transform: skew(-28deg, 0);
    z-index: -1;
}

.newsletter-popup .iti--allow-dropdown .iti__flag-container,
.newsletter-popup .iti--separate-dial-code .iti__flag-container {
    left: 26px;
}

.newsletter-popup .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    color: #fff;
    padding: 0;
}

.newsletter-popup .iti__arrow {
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-2px);
}

.newsletter-popup #mobile_code {
    padding-left: 103px !important;
}

.newsletter-popup .pink_btn {
    left: auto;
    min-width: 21.3rem;
    font-size: 1.8rem;
    text-transform: uppercase;
    text-align: center;
}

.newsletter-popup p {
    font-size: 1.6rem;
    line-height: normal;
    margin-top: 1.875rem;
}

/* affiliate form end */


.mobile-show {
    display: none;
}

/* *** */


.play-bottom {
    padding-bottom: 154px;
}

.play.play-bottom .container::after {
    right: 0;
    left: auto;
    bottom: 68%;
}