/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Roboto Slab', serif; */

@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

/* font-family: 'Alfa Slab One', cursive; */
/* Fonts */
:root {
    --roboto-slab-font: 'Roboto Slab', serif;
    --alfa-slab-font: 'Alfa Slab One', cursive;
    --bg-color: #F9F9FB;
    --alt-bg-color: #fff;
    --text-color: #0C161A;
    --light-text-color: #9F9F9F;
    --heading-text-color: #101820;
    --primary-color: #971B2F;
    --primary-alt-color: #A6192E;
    --secondary-color: #FCB525;
    --dark-color: #000;
    --border-color: #D3D7DF;
    --border-color-alt: #e6e6e6;
    --th-alternate-color: #C5C5C5;
    --acc-dwn-arr-color: #EEEEEE;
    --acc-up-arr-color: #FECE67;
    --alt-srch-back-color: #FBFBFB;
    --alt-border-color: #F0F0F0;
    --diff-back-color: #FFF7E8;
    --td-diff-hover-color: rgba(255, 255, 255, 0.3);
    --place-holder-color: #8C929E;
}

html {
    font-size: 10px;
}

/* Reset CSSS */
* {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none !important;
    outline: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--roboto-slab-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    color: var(--text-color);
    font-size: 1.5rem;
    line-height: 1.5;
    background-color: var(--bg-color);
}

/* body,
html {
    overflow-x: hidden;
} */
/* body,html{
    width: 100%;
} */
b,
strong {
    font-weight: 700;
}

p {
    margin: 0 0 2rem 0;
}

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

h1,
.hOne,
h2,
.hTwo,
h3,
.hThree,
h4,
.hFour,
h5,
.hFive,
h6,
.hSix {
    margin: 0 0 2.5rem 0;
    padding: 0;
    color: var(--heading-text-color);
    font-weight: 700;
    line-height: 1.2;
}

h1:last-child,
.hOne:last-child,
h2:last-child,
.hTwo:last-child,
h3:last-child,
.hThree:last-child,
h4:last-child,
.hFour:last-child,
h5:last-child,
.hFive:last-child,
h6:last-child,
.hSix:last-child {
    margin-bottom: 0;
}

h1,
.hOne {
    font-size: 5rem;
    font-family: var(--alfa-slab-font);
    font-weight: 400 !important;
}

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

h3,
.hThree {
    font-size: 3rem;
}

h4,
.hFour {
    font-size: 2.6rem;

}

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

}

h6,
.hSix {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

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

a {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    outline: none !important;
    color: var(--primary-color);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: var(--secondary-color);
}

img,
figure {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="number"],
.form-control,
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0 2.3rem;
    appearance: none;
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    height: 6rem;
    background-color: transparent;
    font-size: 1.4rem;
    line-height: 5.8rem;
    color: var(--heading-text-color);
    font-family: var(--roboto-slab-font);
    font-weight: 500;
    width: 100%;
    background-clip: padding-box;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
.form-control:focus {
    border-color: var(--primary-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    color: var(--heading-text-color);
}

textarea,
textarea.form-control {
    background-color: transparent;
    font-size: 1.4rem;
    font-family: var(--roboto-slab-font);
    font-weight: 500;
    background-clip: padding-box;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1rem;
    border: 1px solid var(--border-color);
    padding: 0 2.3rem;
    width: 100%;
    color: var(--heading-text-color);
    height: 16.9rem;
    line-height: 1.2;
    outline: none !important;
    resize: none;
    padding-top: 2.3rem;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

textarea:focus,
textarea.form-control:focus {
    border-color: var(--primary-color);
}

select {
    border: 1px solid #bfbfbf;
    width: 100%;
    background: url(../images/drp_icon1.svg) no-repeat calc(100% - 16px) center transparent;
    background-size: 1.4rem;
    padding-right: 4rem;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}

select:focus {
    border-color: var(--primary-color);
}

select::-ms-expand {
    display: none;
}

input[type="submit"] {
    background: -o-linear-gradient(357.34deg, #FCB525 0.72%, #FED16F 95.52%);
    background: linear-gradient(92.66deg, #FCB525 0.72%, #FED16F 95.52%);
    color: var(--primary-alt-color);
    height: 7.1rem;
    border: 3px solid rgba(254, 209, 111, 0.72);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1.6rem;
    padding-left: 6.6rem;
    padding-right: 6.6rem;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 900;
    outline: none !important;
    transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

input[type="submit"]:hover {
    background: var(--primary-color);
    color: var(--alt-bg-color);
    border-color: var(--primary-alt-color);
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: var(--light-text-color);
}

:-ms-input-placeholder {
    opacity: 1;
    color: var(--light-text-color);
}

::-moz-placeholder {
    opacity: 1;
    color: var(--light-text-color);
}

:-moz-placeholder {
    opacity: 1;
    color: var(--light-text-color);
}

/* images alignment for wordpress content pages */
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
    clear: both;
}

/* custom checkbox */

.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 2.9rem;
    display: inline-block;
    cursor: pointer;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
}

.form_input_check label input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.form_input_check label input[type="checkbox"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #E7E7E7;
    background: transparent;
    border-radius: 0.5rem;
}

.form_input_check label input[type="checkbox"]+span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 2.2rem;
    height: 2.2rem;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(../images/tick.svg) no-repeat center center;
    background-size: 1.5rem;
}

.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

/* .form_input_check input[type="checkbox"]:checked + span::before {
      
    } */

.form_input_check label input[type="checkbox"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* custom radio */

.form_input_radio label {
    position: relative;
    margin: 0;
    padding-left: 30px;
    display: inline-block;
}

.form_input_radio label span {
    margin: 0;
    padding: 0;
}

.form_input_radio label input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio label input[type="radio"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid var(--dark-color);
    border-radius: 100%;
    background: transparent;
}

.form_input_radio label input[type="radio"]+span::after {
    content: '';
    width: 1.4rem;
    height: 1rem;
    background: url(../images/chck_wh.svg) no-repeat center center;
    position: absolute;
    top: 0.8rem;
    left: 0.5rem;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-size: 1.4rem;
}

.form_input_radio label input[type="radio"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.form_input_radio label input[type="radio"]:checked+span::before {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

/* .form_input_radio input[type="radio"]:checked + span::before {
      
    } */

.form_input_radio label input[type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* custom radio end */

/* back to top */

#scroll {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    width: 5.5rem;
    height: 5.5rem;
    background: -o-linear-gradient(352.76deg, #FFDB91 44.37%, #E9B03C 92.53%);
    background: linear-gradient(97.24deg, #FFDB91 44.37%, #E9B03C 92.53%);
    border-radius: 100%;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(252, 181, 37, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(252, 181, 37, 0.3);
    z-index: 9;
}

#scroll:hover {
    background: -o-linear-gradient(352.76deg, #FFDB91 44.37%, #E9B03C 92.53%);
    background: linear-gradient(97.24deg, #FFDB91 44.37%, #E9B03C 92.53%);
}

#scroll em {
    font-style: normal;
    color: var(--primary-color);
    font-size: 3rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#scroll:hover em {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0 !important;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0 !important;
}

.row {
    --bs-gutter-x: 2.4rem;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

/* Custom CSS */

/* Header Section */
/* navbar*/
.main-head {
    position: relative;
    z-index: 99;
    background: #374758;
    padding: 1.7rem 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    width: 10.2rem;
    min-width: 10.2rem;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.navbar {
    background: none;
    margin: 0;
    padding: 0;
    min-height: inherit;
    height: inherit;
    border: none;
    border-radius: 0;
    position: relative;
    padding-left: 11rem;
}

.navbar-nav li {
    position: relative;
    list-style: none;
}

.navbar-nav>li {
    margin: 0 1.7rem;
    padding: 1.6rem 0;
    position: relative;
}

.navbar-nav>li:last-child {
    margin-right: 0;
}

.navbar-nav>li:first-child {
    margin-left: 0;
}

.navbar-nav>li>a {
    color: var(--alt-bg-color);
    font-size: 1.6rem;
    line-height: 1.2;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
}

.navbar-nav>li {
    padding-right: 1.6rem;
}

.navbar-nav>li.current-menu-item>a,
.navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover>a {
    color: var(--secondary-color);
}

.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
    width: 100%;
}

/* navbar submenu*/
.sub-menu {
    background: var(--alt-bg-color);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    border-radius: 0;
    width: 20.6rem;
    padding: 1.5rem 1.7rem 1.2rem;
    border-radius: 9px;
}

.sub-menu>li>a {
    color: var(--dark-color);
    display: inline-block;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

.sub-menu>li {
    width: 100%;
    display: block;
    padding: 0.8rem 0;
    border-bottom: 1px solid #D5D5D5;
}

.sub-menu>li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a,
.sub-menu>li.current-menu-item>a {
    color: var(--secondary-color);
}

/* 2nd level submenu */
.navbar-nav>li>.sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}

/* for push-menu */
.navbar-collapse .navbar-toggler {
    display: none;
}

#navoverlay {
    display: block;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 0 !important;
    z-index: 99;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

/* for push-menu end*/
.navbar-nav .clickD,
.usrBox .clickD {
    position: absolute;
    right: 0;
    top: 2.3rem;
    width: 1.2rem;
    height: 0.8rem;
    background: url(../images/srt_dwn.svg) center center no-repeat;
    display: block;
    background-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.navbar-nav li:hover .clickD {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-filter: none;
    filter: none;
}

.usrBox {
    margin-left: 3.4rem;
    min-width: 5rem;
    position: relative;
    padding: 1rem 0;
}

.usrBox .clickD {
    top: 2.3rem;
}

.usrBox:hover .clickD {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.usr_lnk {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--alt-bg-color);
}

.usr_lnk img {
    max-width: 1.6rem;
    max-height: 1.6rem;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.usr_lnk:hover {
    background: var(--secondary-color);
}

.usr_lnk:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.bnnr_section {
    min-height: 64rem;
    padding: 5rem 0;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.bnnr_section::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: -o-linear-gradient(0.09deg, rgba(0, 0, 0, 0.73) -7.35%, rgba(0, 0, 0, 0) 59.05%);
    background: linear-gradient(89.91deg, rgba(0, 0, 0, 0.73) -7.35%, rgba(0, 0, 0, 0) 59.05%);
}

.bnnr_txt {
    max-width: 48rem;
    padding-left: 2.2rem;
}

.bnnr_txt h1 {
    color: var(--alt-bg-color);
    letter-spacing: 0.03em;
    text-transform: capitalize;
}

.bnnr_txt h1 span {
    color: var(--secondary-color);
}

.bnnr_txt_uppr {
    position: relative;
}

.bnnr_txt_uppr::before {
    position: absolute;
    content: "";
    left: -2.2rem;
    top: 0.8rem;
    bottom: 0.8rem;
    width: 1px;
    background: var(--secondary-color);
}

.cmn_gap {
    padding: 10rem 0;
}

.basic_bttn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 1.6rem;
    overflow: hidden;
    z-index: 1;
    background: -o-linear-gradient(352.76deg, #FFDB91 44.37%, #E9B03C 92.53%);
    background: linear-gradient(97.24deg, #FFDB91 44.37%, #E9B03C 92.53%);
    padding: 2.2rem 5.8rem;
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--primary-alt-color);
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.basic_bttn::before {
    position: absolute;
    content: "";
    left: 0.3rem;
    right: 0.3rem;
    top: 0.3rem;
    bottom: 0.3rem;
    z-index: -1;
    background: -o-linear-gradient(357.34deg, #FCB525 0.72%, #FED16F 95.52%);
    background: linear-gradient(92.66deg, #FCB525 0.72%, #FED16F 95.52%);
    border-radius: 1.6rem;
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.basic_bttn:hover {
    background: var(--primary-alt-color);
    color: var(--alt-bg-color);
}

.basic_bttn:hover::before {
    background: var(--primary-color)
}

.bnnr_bttnOutr {
    padding-top: 4rem;
}

.tckt_section {
    background: var(--bg-color);
}

.tckt_srtngTop {
    margin-bottom: 4.4rem;
}

.tckt_srtngTop,
.tckt_slctDrp_wrppr,
.tckt_dte_wrppr,
.tckt_Slctn_lft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tckt_srtngTop input[type=submit] {
    padding: 0;
    width: 6.6rem;
    height: 6rem;
    background-color: var(--primary-color);
    font-size: 0;
    background-image: url(../images/srch_icon.svg);
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center center;
    border: 1px solid #D2D2D2;
    border-radius: 1rem;
}

.tckt_srtngTop input[type=submit]:hover {
    background-color: var(--secondary-color);
}

.tckt_Slctn_lft {
    width: calc(100% - 6.6rem);
    padding-right: 1.3rem;
    color: var(--light-text-color);
}

.tckt_slctDrp_wrppr>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 1.3rem;
}

.tckt_slctDrp_wrppr>*:last-child,
.tckt_dte_wrppr>*:last-child {
    padding-right: 0;
}

.tckt_slctDrp_box:first-child {
    width: 47%;
}

.tckt_slctDrp_box:nth-child(2) {
    width: 44.5%;
}

.tckt_slctDrp_box:last-child {
    width: 47%;
}

.tckt_dtePckr {
    width: 20.6rem;
}

.tckt_dtePckr input{
    background-color: var(--alt-bg-color) !important;
    border: 1px solid #bfbfbf;
}

.tckt_dtePckr:last-child {
    width: 20.6rem;
}

.tckt_dte_wrppr {
    width: 47.4rem;
}

.tckt_slctDrp_wrppr {
    width: calc(100% - 48.4rem);
    padding-right: 1.3rem;
}

.tckt_dte_wrppr span {
    display: block;
    width: 5.2rem;
    min-width: 5.2rem;
    padding: 0 0.8rem;
    text-align: center;
}

.tckt_srtngTop select {
    background-image: url(../images/drp_icon2.svg);
    background-size: 1.1rem;
    color: var(--light-text-color);
    background-color: var(--alt-bg-color) !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tckt_srtngTop select.val_selected {
    color: var(--heading-text-color);
}

.tckt_srtngTop .dte {
    background-image: url(../images/cal.svg);
    background-repeat: no-repeat;
    background-size: 1.4rem;
    background-position: right 1.3rem center;
    padding-right: 3.5rem;
    background-color: var(--alt-bg-color) !important;
}

.tcktBttm_box {
    background: var(--alt-bg-color);
    border-radius: 3.2rem;
    overflow: hidden;
    border: 1px solid #F2F2F2;
}

.tcktBttm_boxTop {
    padding: 2.8rem 1.6rem;
    border-bottom: 1px solid #F2F2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.srtng_lnks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -0.9rem;
    margin-right: -0.9rem;
    margin-top: -0.8rem;
}

.srtng_lnks>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
    margin-top: 0.8rem;
}

.srtng_lnks>li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.9rem 3.6rem;
    font-size: 1.6rem;
    border: 1px solid #D2D2D2;
    border-radius: 1.3rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--light-text-color);
}

.srtng_lnks>li.active a,
.srtng_lnks>li a:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--alt-bg-color);
}

.tcktBttm_boxTopRght {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tcktbrd_logo {
    width: 15.2rem;
    min-width: 15.2rem;
    margin-right: 1.8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.tcktbrd_log img {
    width: 100%;
}

.dwnld_bttn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 1.3rem;
    background: #F9F9FB;
    border: 1px solid #F2F2F2;
    padding: 1.2rem 2rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--light-text-color);
}

.dwnld_bttn span {
    display: inline-block;
    width: 3rem;
    margin-left: 1rem;
}

.dwnld_bttn:hover {
    background: var(--secondary-color);
    color: var(--primary-color);
    border-color: var(--secondary-color);
}

.tcktBttm_boxDwn {
    padding: 2.7rem 1.6rem 2rem;
}

.pge_hdng h2 {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
}

.jons_crte_section .pge_hdng h2 {
    text-transform: capitalize;
}

.tcktBttm_boxDwn .pge_hdng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.8rem;
}

.tcktBttm_boxDwn .pge_hdng h2 {
    margin-bottom: 0;
    padding-right: 1rem;
}

.srt_byBox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--light-text-color);
}

.srt_byBox select {
    height: 5rem;
    line-height: 4.8rem;
    background-color: #F9F9FB;
    border: 1px solid #F2F2F2;
    width: 10.2rem;
    background-image: url(../images/drp_icon2.svg);
    background-size: 1rem;
    padding: 0 1.6rem;
    padding-right: 2rem;
    color: var(--light-text-color);
    background-position: right 0.8rem center;
}

.srt_byBox label {
    display: inline-block;
    padding-right: 1.2rem;
}

.clb_mtchTble_wrppr {
    padding: 2rem 1.5rem 2.7rem;
    background: #FBFBFB;
    border-radius: 2.5rem;
}

.clb_mtch_row {
    padding: 2.3rem;
    border: 1px solid #F3F3F3;
    -webkit-box-shadow: 0px 1.3rem 2.3rem rgba(237, 237, 248, 0.18);
    box-shadow: 0px 1.3rem 2.3rem rgba(237, 237, 248, 0.18);
    border-radius: 1.6rem;
    background: var(--alt-bg-color);
    position: relative;
}

.clb_mtchTble_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2;
}

.clb_mtchTble_row>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.mtch_dtls_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.mtch_dtlsCll_col {
    width: calc(calc(100% - 9.5rem) / 2);
}

.mtch_dtlsCll_col p {
    width: calc(100% - 6rem - 1.8rem);
    margin: 0;
}

.club_logoBox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    background: var(--alt-bg-color);
    border-radius: 100%;
    -webkit-box-shadow: 0px 0.5rem 0.38rem rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0.5rem 0.38rem rgba(0, 0, 0, 0.12);
    margin-left: 1.8rem;
}

.club_logoBox>img {
    max-width: 4.2rem;
    max-height: 4.2rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.dte_cell {
    width: 15%;
}

.event_cell {
    width: 65%;
    padding-right: 6rem;
}

.tag_cell {
    width: 20%;
}

.vs_txt {
    width: 9.5rem;
    text-align: center;
    color: var(--light-text-color);
    padding: 0 1rem;
}

.clb_mtch_cll p span {
    display: block;
    color: var(--light-text-color);
}

.clb_mtch_cll p:last-child {
    margin-bottom: 0;
}

.txtBttn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 1.3rem;
    background: #FFF7F8;
    border: 1px solid #FFDFE4;
    padding: 1.9rem 1.4rem;
    line-height: 1.2;
    color: var(--primary-color);
    min-width: 18.4rem;
}

.clb_mtch_cll:last-child {
    text-align: right;
}

.clb_mtch_row:not(:last-child) {
    margin-bottom: 1.3rem;
}

.pgntn_wrppr {
    margin-top: 2.6rem;
    text-align: right;
}

.pgntn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
}

.pgntn_txt {
    margin: 0 1.2rem;
}

.mmbrshp_section {
    position: relative;
    z-index: 1;
    margin: 20px 0 0 0;
}

.tem_img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 65.7rem;
    max-height: 100%;
}

.mmbrshp_logo_lstng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mmbrshpTxt_box {
    max-width: 46rem;
}

.mmbrshpTxt_box h2 {
    color: var(--alt-bg-color);
    font-family: var(--alfa-slab-font);
    font-weight: 400;
}

.mmbrshp_logo_lstng {
    margin-bottom: 2.5rem;
}

.mmbrshp_logo_lstng>li {
    width: 8.2rem;
}

.mmbrshp_logo_lstng>li img {
    max-width: 8.2rem;
    max-height: 9.2rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.footr_outr {
    color: var(--alt-bg-color);
}

.footr_outr p {
    /* text-transform: uppercase; */
}

.footr_top {
    padding: 6.4rem 0 7.4rem;
    background: var(--heading-text-color);
}

.footr_bottom {
    font-size: 1.4rem;
    color: var(--alt-bg-color);
    background: #292D32;
    padding: 1.3rem 0;
}

.cpyrght_txt {
    text-align: center;
}

.footr_logo {
    width: 10.2rem;
    margin-bottom: 1rem;
}

.footr_logo a {
    display: inline-block;
}

.cpyrght_txt a {
    color: var(--bg-color);
}

.cpyrght_txt a:hover {
    color: var(--secondary-color);
}

.fotr_scl_lstng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.5rem;
}

.fotr_scl_lstng>li:not(:last-child) {
    margin-right: 1rem;
}

.fotr_scl_lstng>li a {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--secondary-color);
}

.fotr_scl_lstng>li a:hover {
    background: var(--alt-bg-color);
}

.footer_heading .hFive {
    display: block;
    font-family: var(--alfa-slab-font);
    text-transform: capitalize;
    margin-bottom: 2rem;
    color: var(--alt-bg-color);
    font-weight: 400;
}

.colmn_4 {
    width: 24%;
}

.colmn_5 {
    width: 26%;
}

.footr_links ul li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.footr_links ul li a {
    color: var(--alt-bg-color);
    text-transform: uppercase;
}

.footr_links ul li a:hover {
    color: var(--secondary-color);
}

.footr_links.cntct_links ul li a {
    text-transform: initial;
}

.cntct_links ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.cntct_links ul>li span {
    display: block;
    margin-right: 0.8rem;
    width: 2rem;
}

.cntct_links ul>li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.sbscrptnBox input[type=email] {
    border-color: var(--alt-bg-color);
    color: var(--alt-bg-color);
    border-radius: 0.4rem;
}

.sbscrptnBox input[type=email]:focus {
    border-color: var(--secondary-color);
}

.sbscrptnBox input[type=email]::-webkit-input-placeholder {
    color: var(--alt-bg-color);
}

.sbscrptnBox input[type=email]::-moz-placeholder {
    color: var(--alt-bg-color);
}

.sbscrptnBox input[type=email]:-ms-input-placeholder {
    color: var(--alt-bg-color);
}

.sbscrptnBox input[type=email]::-ms-input-placeholder {
    color: var(--alt-bg-color);
}

.sbscrptnBox input[type=email]::placeholder {
    color: var(--alt-bg-color);
}

.sbscrptnBox input[type=submit] {
    padding-left: 3.8rem;
    padding-right: 3.8rem;
    margin-top: 2rem;
    height: 6.6rem;
}

.pddng_lft {
    padding-left: 3rem;
}

.login_section {
    background: var(--alt-bg-color);
    padding: 1.6rem;
}

.login_section .container-fluid {
    max-width: calc(100% - (50% - 1600px / 2));
    padding-left: 8rem;
    padding-right: 0;
    margin-left: auto;
    width: 100%;
    margin-right: 0;
}

.login_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.login_row>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.login_lft {
    width: 65rem;
    padding-right: 8.5rem;
}

.login_rght {
    width: calc(100% - 65rem);
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    overflow: hidden;
}

.login_logo {
    width: 9.2rem;
    min-width: 9.2rem;
    display: inline-block;
}

.login_hdr {
    margin-bottom: 8rem;
}

.login_bnnr {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    -o-object-position: top;
    object-position: top;
}

.login_rghtBox {
    position: relative;
    z-index: 1;
}

.lgin_frmTTle h1 {
    margin-bottom: 1rem;
}

.loginFrm_box {
    color: var(--place-holder-color);
}

.lgin_frmTTle {
    color: #787878;
    font-size: 1.4rem;
    margin-bottom: 3.8rem;
}

.loginFrm_box label {
    color: var(--heading-text-color);
    font-weight: 500;
}

.input_row label {
    display: block;
    margin-bottom: 1.3rem;
    line-height: 1;
    font-size: 1.4rem;
    text-transform: capitalize;
}

.input_col:not(:last-child) {
    margin-bottom: 2.5rem;
}

.frm_info_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3rem;
    margin-bottom: 1.3rem;
}

.fgt_lnkbox {
    display: block;
    font-weight: 500;
}

.fgt_lnkbox a {
    color: var(--heading-text-color);
}

.fgt_lnkbox a:hover {
    color: var(--primary-alt-color);
}

.loginFrm_box input[type=submit] {
    width: 100%;
    height: 6.4rem;
}

.alr_txt {
    display: block;
    text-align: center;
    margin-top: 2.8rem;
    margin-bottom: 3rem;
    font-size: 1.6rem;
}

.alr_txt a {
    font-weight: 600;
}

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

.frm_altr_optnLstng>li:not(:last-child) {
    margin-right: 2.3rem
}

.frm_altr_optnLstng>li a {
    width: 6.1rem;
    height: 6.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--alt-bg-color);
    border-radius: 100%;
    -webkit-box-shadow: 0px 0.4rem 2.6rem rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0.4rem 2.6rem rgba(0, 0, 0, 0.25);
}

.frm_altr_optnLstng>li a:hover {
    background: var(--primary-alt-color);
}

.frm_altr_optnLstng>li a img {
    max-width: 2.3rem;
    max-height: 2.7rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.frm_altr_optnLstng>li a:hover img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder,
.loginFrm_box input[type="date"]::-webkit-input-placeholder,
.loginFrm_box input[type="tel"]::-webkit-input-placeholder,
.loginFrm_box input[type="password"]::-webkit-input-placeholder,
.loginFrm_box input[type="email"]::-webkit-input-placeholder,
.loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder,
.loginFrm_box input[type="date"]::-moz-placeholder,
.loginFrm_box input[type="tel"]::-moz-placeholder,
.loginFrm_box input[type="password"]::-moz-placeholder,
.loginFrm_box input[type="email"]::-moz-placeholder,
.loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder,
.loginFrm_box input[type="date"]:-ms-input-placeholder,
.loginFrm_box input[type="tel"]:-ms-input-placeholder,
.loginFrm_box input[type="password"]:-ms-input-placeholder,
.loginFrm_box input[type="email"]:-ms-input-placeholder,
.loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder,
.loginFrm_box input[type="date"]::-ms-input-placeholder,
.loginFrm_box input[type="tel"]::-ms-input-placeholder,
.loginFrm_box input[type="password"]::-ms-input-placeholder,
.loginFrm_box input[type="email"]::-ms-input-placeholder,
.loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder,
.loginFrm_box input[type="date"]::-webkit-input-placeholder,
.loginFrm_box input[type="tel"]::-webkit-input-placeholder,
.loginFrm_box input[type="password"]::-webkit-input-placeholder,
.loginFrm_box input[type="email"]::-webkit-input-placeholder,
.loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder,
.loginFrm_box input[type="date"]::-moz-placeholder,
.loginFrm_box input[type="tel"]::-moz-placeholder,
.loginFrm_box input[type="password"]::-moz-placeholder,
.loginFrm_box input[type="email"]::-moz-placeholder,
.loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder,
.loginFrm_box input[type="date"]:-ms-input-placeholder,
.loginFrm_box input[type="tel"]:-ms-input-placeholder,
.loginFrm_box input[type="password"]:-ms-input-placeholder,
.loginFrm_box input[type="email"]:-ms-input-placeholder,
.loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder,
.loginFrm_box input[type="date"]::-ms-input-placeholder,
.loginFrm_box input[type="tel"]::-ms-input-placeholder,
.loginFrm_box input[type="password"]::-ms-input-placeholder,
.loginFrm_box input[type="email"]::-ms-input-placeholder,
.loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder,
.loginFrm_box input[type="date"]::-webkit-input-placeholder,
.loginFrm_box input[type="tel"]::-webkit-input-placeholder,
.loginFrm_box input[type="password"]::-webkit-input-placeholder,
.loginFrm_box input[type="email"]::-webkit-input-placeholder,
.loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder,
.loginFrm_box input[type="date"]::-moz-placeholder,
.loginFrm_box input[type="tel"]::-moz-placeholder,
.loginFrm_box input[type="password"]::-moz-placeholder,
.loginFrm_box input[type="email"]::-moz-placeholder,
.loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder,
.loginFrm_box input[type="date"]:-ms-input-placeholder,
.loginFrm_box input[type="tel"]:-ms-input-placeholder,
.loginFrm_box input[type="password"]:-ms-input-placeholder,
.loginFrm_box input[type="email"]:-ms-input-placeholder,
.loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder,
.loginFrm_box input[type="date"]::-ms-input-placeholder,
.loginFrm_box input[type="tel"]::-ms-input-placeholder,
.loginFrm_box input[type="password"]::-ms-input-placeholder,
.loginFrm_box input[type="email"]::-ms-input-placeholder,
.loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder,
.loginFrm_box input[type="date"]::-webkit-input-placeholder,
.loginFrm_box input[type="tel"]::-webkit-input-placeholder,
.loginFrm_box input[type="password"]::-webkit-input-placeholder,
.loginFrm_box input[type="email"]::-webkit-input-placeholder,
.loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder,
.loginFrm_box input[type="date"]::-moz-placeholder,
.loginFrm_box input[type="tel"]::-moz-placeholder,
.loginFrm_box input[type="password"]::-moz-placeholder,
.loginFrm_box input[type="email"]::-moz-placeholder,
.loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder,
.loginFrm_box input[type="date"]:-ms-input-placeholder,
.loginFrm_box input[type="tel"]:-ms-input-placeholder,
.loginFrm_box input[type="password"]:-ms-input-placeholder,
.loginFrm_box input[type="email"]:-ms-input-placeholder,
.loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder,
.loginFrm_box input[type="date"]::-ms-input-placeholder,
.loginFrm_box input[type="tel"]::-ms-input-placeholder,
.loginFrm_box input[type="password"]::-ms-input-placeholder,
.loginFrm_box input[type="email"]::-ms-input-placeholder,
.loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder,
.loginFrm_box input[type="date"]::-webkit-input-placeholder,
.loginFrm_box input[type="tel"]::-webkit-input-placeholder,
.loginFrm_box input[type="password"]::-webkit-input-placeholder,
.loginFrm_box input[type="email"]::-webkit-input-placeholder,
.loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder,
.loginFrm_box input[type="date"]::-moz-placeholder,
.loginFrm_box input[type="tel"]::-moz-placeholder,
.loginFrm_box input[type="password"]::-moz-placeholder,
.loginFrm_box input[type="email"]::-moz-placeholder,
.loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder,
.loginFrm_box input[type="date"]:-ms-input-placeholder,
.loginFrm_box input[type="tel"]:-ms-input-placeholder,
.loginFrm_box input[type="password"]:-ms-input-placeholder,
.loginFrm_box input[type="email"]:-ms-input-placeholder,
.loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder,
.loginFrm_box input[type="date"]::-ms-input-placeholder,
.loginFrm_box input[type="tel"]::-ms-input-placeholder,
.loginFrm_box input[type="password"]::-ms-input-placeholder,
.loginFrm_box input[type="email"]::-ms-input-placeholder,
.loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder,
.loginFrm_box input[type="date"]::-webkit-input-placeholder,
.loginFrm_box input[type="tel"]::-webkit-input-placeholder,
.loginFrm_box input[type="password"]::-webkit-input-placeholder,
.loginFrm_box input[type="email"]::-webkit-input-placeholder,
.loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder,
.loginFrm_box input[type="date"]::-moz-placeholder,
.loginFrm_box input[type="tel"]::-moz-placeholder,
.loginFrm_box input[type="password"]::-moz-placeholder,
.loginFrm_box input[type="email"]::-moz-placeholder,
.loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder,
.loginFrm_box input[type="date"]:-ms-input-placeholder,
.loginFrm_box input[type="tel"]:-ms-input-placeholder,
.loginFrm_box input[type="password"]:-ms-input-placeholder,
.loginFrm_box input[type="email"]:-ms-input-placeholder,
.loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder,
.loginFrm_box input[type="date"]::-ms-input-placeholder,
.loginFrm_box input[type="tel"]::-ms-input-placeholder,
.loginFrm_box input[type="password"]::-ms-input-placeholder,
.loginFrm_box input[type="email"]::-ms-input-placeholder,
.loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder,
.loginFrm_box input[type="date"]::-webkit-input-placeholder,
.loginFrm_box input[type="tel"]::-webkit-input-placeholder,
.loginFrm_box input[type="password"]::-webkit-input-placeholder,
.loginFrm_box input[type="email"]::-webkit-input-placeholder,
.loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder,
.loginFrm_box input[type="date"]::-moz-placeholder,
.loginFrm_box input[type="tel"]::-moz-placeholder,
.loginFrm_box input[type="password"]::-moz-placeholder,
.loginFrm_box input[type="email"]::-moz-placeholder,
.loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder,
.loginFrm_box input[type="date"]:-ms-input-placeholder,
.loginFrm_box input[type="tel"]:-ms-input-placeholder,
.loginFrm_box input[type="password"]:-ms-input-placeholder,
.loginFrm_box input[type="email"]:-ms-input-placeholder,
.loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder,
.loginFrm_box input[type="date"]::-ms-input-placeholder,
.loginFrm_box input[type="tel"]::-ms-input-placeholder,
.loginFrm_box input[type="password"]::-ms-input-placeholder,
.loginFrm_box input[type="email"]::-ms-input-placeholder,
.loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-webkit-input-placeholder, .loginFrm_box input[type="tel"]::-webkit-input-placeholder, .loginFrm_box input[type="password"]::-webkit-input-placeholder, .loginFrm_box input[type="email"]::-webkit-input-placeholder, .loginFrm_box input[type="number"]::-webkit-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-moz-placeholder, .loginFrm_box input[type="tel"]::-moz-placeholder, .loginFrm_box input[type="password"]::-moz-placeholder, .loginFrm_box input[type="email"]::-moz-placeholder, .loginFrm_box input[type="number"]::-moz-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]:-ms-input-placeholder, .loginFrm_box input[type="tel"]:-ms-input-placeholder, .loginFrm_box input[type="password"]:-ms-input-placeholder, .loginFrm_box input[type="email"]:-ms-input-placeholder, .loginFrm_box input[type="number"]:-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::-ms-input-placeholder, .loginFrm_box input[type="tel"]::-ms-input-placeholder, .loginFrm_box input[type="password"]::-ms-input-placeholder, .loginFrm_box input[type="email"]::-ms-input-placeholder, .loginFrm_box input[type="number"]::-ms-input-placeholder {
    color: var(--place-holder-color);
}

.loginFrm_box input[type="text"]::placeholder,
.loginFrm_box input[type="date"]::placeholder,
.loginFrm_box input[type="tel"]::placeholder,
.loginFrm_box input[type="password"]::placeholder,
.loginFrm_box input[type="email"]::placeholder,
.loginFrm_box input[type="number"]::placeholder {
    color: var(--place-holder-color);
}

.lgin_rghtInfoBox {
    padding: 3.4rem 3.6rem;
    background: rgba(255, 242, 242, 0.13);
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    border-radius: 1rem;
    color: var(--alt-bg-color);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.7;
}

.login_rghtBox {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 3.2rem;
    height: 100%;
}

.lginTxt_tag {
    padding: 1.3rem 2.4rem;
    background: var(--primary-alt-color);
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;
    border-radius: 1rem;
    display: inline-block;
    margin-bottom: 1.9rem;
}

.login_lftBox {
    min-height: calc(100vh - 32px);
    padding-bottom: 2rem;
}

.frm_info_row label {
    font-weight: 400;
    font-size: 1.4rem;
}

.loginFrm_box .basic_bttn {
    width: 100%;
    padding: 1.9rem 5.8rem;
}

.sgnupFrm_box .frm_footer {
    margin-top: 4rem;
}

.gnupfrm_info_row>* {
    width: 100%;
    margin-bottom: 2.2rem;
}

.gnupfrm_info_row>*:last-child {
    margin-bottom: 0;
}

.sgnupFrm_box .frm_altr_optnLstng>li a {
    width: 3.8rem;
    height: 3.8rem;
}

.sgnupFrm_box .frm_altr_optnLstng>li a img {
    max-width: 1.4rem;
    max-height: 1.7rem;
}

.sgnupFrm_box .frm_altr_optnLstng>li:not(:last-child) {
    margin-right: 1.4rem;
}

.altr_optn_txt {
    font-size: 1.4rem;
    text-align: center;
    color: var(--text-color);
    margin-bottom: 1rem;
    text-transform: capitalize;
}

.loginFrm_box select {
    color: var(--place-holder-color);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.loginFrm_box select.val_selected {
    color: var(--heading-text-color);
}

.frgtFrm_box .frm_footer {
    margin-top: 2rem;
}

.frgt_modal {
    width: 100%;
    max-width: 78.5rem;
    background: var(--alt-bg-color);
    border-radius: 2rem;
    padding: 6.2rem 3rem;
}

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

.frgt_modal .frgt_hdr {
    max-width: 38.2rem;
    margin: 0 auto 4rem;
    color: #787878;
}

.frgt_hdr h2 {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    line-height: 1.3;
}

.otp_frm_box {
    max-width: 39.4rem;
    margin: 0 auto;
    color: #787878;
}

.otp_input_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
}

.otp_input_row>* {
    width: calc(100% / 5);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.otp_frm_box .otp_input_row input {
    padding: 0 1rem;
    text-align: center;
    height: 6.3rem;
}

.otp_frm_box .frm_footer {
    margin-top: 3.7rem;
}

.otp_frm_box input[type=submit] {
    min-width: 24.4rem;
}

.rsnd_tmeTxt {
    margin-top: 1.5rem;
}

.rsnd_tmeTxt span {
    color: var(--primary-alt-color);
    font-weight: 500;
}

.frgt_modal .carousel__button {
    display: none;
}

.vrfctn_scssTxt {
    margin-bottom: 3.5rem;
    color: var(--heading-text-color);
    font-weight: 500;
    font-size: 1.6rem;
}

.vrfctn_scssTxt {
    position: relative;
    padding-left: 4rem;
    padding-top: 0.5rem;
}

.vrfctn_scssTxt::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 100%;
    background-color: var(--secondary-color);
    background-image: url(../images/chck_wh.svg);
    background-repeat: no-repeat;
    background-size: 1.3rem;
    background-position: center center;
}

.rest_frmBox .frm_footer {
    margin-top: 3.8rem;
}

.scssfl_pswrdBox {
    max-width: 26.3rem;
    margin: auto auto 0;
    text-align: center;
    padding-bottom: 40%;
}

.scfl_lgoImg {
    margin-bottom: 4.8rem;
}

.scfl_lgoImg img {
    max-width: 18.8rem;
}

.scssfl_pswrdBox h1 {
    line-height: 1.4;
}

.scffl_lftBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.scssfl_pswrdBox .lgin_frmTTle {
    margin-bottom: 0;
}

.inner_bnnr_section {
    min-height: 43rem;
}

.inner_bnnr_section .bnnr_txt {
    max-width: 51rem;
}

/* Help Page */
.help-accordion-sec .accordion-header {
    font-weight: 400;
    text-align: center;
    color: var(--heading-text-color);
    font-family: var(--alfa-slab-font);
}

.help-accordion-sec .pg-hd {
    margin-bottom: 5rem;
    text-align: center;
}

.help-accordion-sec .pg-hd .hSix {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
}

.help-accordion-wrap {
    max-width: 75rem;
    margin: 0 auto;
}

.help-accordion-wrap .accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-family: var(--roboto-slab-font);
    width: 100%;
    padding: 1.1rem 1.5rem;
    font-size: 1.9rem;
    font-weight: 500;
    color: #212529;
    text-align: left;
    background-color: var(--alt-bg-color) !important;
    border: 0;
    border-radius: 0.8rem !important;
    letter-spacing: 0.02em;
    color: var(--text-color);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.help-accordion-wrap .accordion-item {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin-bottom: 1.7rem;
}

.help-accordion-wrap .accordion-body {
    padding: 1.3rem 1.5rem;
    background: var(--bg-color);
}

.help-accordion-wrap .accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/help-accordion-dwn-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.9rem 0.9rem;
    background-color: var(--acc-dwn-arr-color);
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.help-accordion-wrap .accordion-button:not(.collapsed)::after {
    background-image: url(../images/help-accordion-up-arrow.svg);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    background-color: var(--acc-up-arr-color);
    background-size: 0.9rem 0.9rem;
}

/* Help Page */

/* Help Prizes Page */
.help-prize-list-each .list-hdr {
    font-family: var(--roboto-slab-font);
    font-weight: 500;
    font-size: 1.9rem;
    letter-spacing: 0.02em;
    color: var(--text-color);
    margin-bottom: 1.9rem;
}

.help-prize-uppr h2 {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    text-transform: capitalize;
}

.help-prize-uppr .pg-hd {
    margin-bottom: 3.9rem;
}

.help-prize-list-each {
    margin-bottom: 3.2rem;
}

.help-prize-list-each:last-child {
    margin-bottom: 0;
}

.help-prize-uppr {
    margin-bottom: 5.6rem;
}

.help-prize-uppr:last-child {
    margin-bottom: 0;
}

.help-prize-uppr .pg-hd.pg-hd2 {
    margin-bottom: 2rem;
}

.help-prize-wrap {
    padding: 4.5rem 2.5rem;
    background: #FFFFFF;
    border-radius: 2rem;
}

/* Help Prizes Page */
/* Ranking Page */

.ranking-table-sec .pg-hd .hSix {
    font-family: var(--alfa-slab-font);
    font-size: 2.6rem;
    font-weight: 400;
    text-align: center;
    color: var(--heading-text-color);
}

.ranking-table-sec .pg-hd {
    margin-bottom: 2.9rem;
}

.rank-table {
    margin-bottom: 0;
    font-size: 1.7rem;
}

.ranking-table-wrap thead {
    background: var(--heading-text-color);
}

.ranking-table-wrap thead th {
    padding: 2.8rem 1.5rem;
    font-family: var(--roboto-slab-font);
    font-weight: 500;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: var(--alt-bg-color);
    border-bottom: 0;
}

.ranking-table-wrap.ranking-table-wrap2 thead th {
    padding: 0.8rem 2rem;
}

.ranking-table-wrap {
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 4.1rem;
    background: #fff;
}

.ranking-table-wrap tbody td {
    text-align: center;
    text-transform: uppercase;
    padding: 3rem 2rem;
    border-color: var(--border-color-alt);
    color: var(--text-color);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}

.ranking-table-wrap.ranking-table-wrap2 tbody th,
.ranking-table-wrap.ranking-table-wrap2 tbody td {
    padding: 0.8rem 2rem;
}

.ranking-table-wrap tbody tr:hover {
    background-color: var(--secondary-color);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ranking-table-wrap tbody tr:hover th,
.ranking-table-wrap tbody tr:hover td {
    color: var(--alt-bg-color);
}

.ranking-table-wrap tbody .tr-active {
    background-color: var(--secondary-color);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ranking-table-wrap tbody .tr-active th,
.ranking-table-wrap tbody .tr-active td {
    color: var(--alt-bg-color);
}

.table.rank-table thead th {
    text-align: center;
}

.table.rank-table thead .first-th {
    width: 20%;
}

.table.rank-table.rank-table2 thead .first-th {
    width: 18%;
}

.table.rank-table thead .sec-th {
    width: 34%;
}

.table.rank-table.rank-table2 thead .sec-th {
    width: 28%;
    text-align: left;
    padding-left: 8.5rem;
}

.table.rank-table thead .third-th {
    width: 25%;
}

.table.rank-table.rank-table2 thead .third-th {
    width: 10%;
}

.table.rank-table thead .fourth-th {
    width: 21%;
}

.table.rank-table thead:last-child {
    padding-right: 4rem;
}

.table.rank-table.rank-table2 thead .fourth-th {
    width: 26%;
}

.table.rank-table.rank-table2 thead .fifth-th {
    width: 18%;
}

.table.rank-table tbody td:last-child {
    padding-right: 4rem;
}

.table.rank-table.rank-table2 tbody td:nth-child(2) {
    padding-left: 8.5rem;
}

.table.rank-table thead th:last-child {
    padding-right: 4rem;
}

.rank-table-hdr h3 {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    font-size: 2rem;
    color: #FFFFFF;

}

.rank-table-hdr {
    background-color: var(--heading-text-color);
    padding: 2.8rem;
    text-align: center;
}

.ranking-table-wrap.ranking-table-wrap2 thead {
    background: var(--th-alternate-color);
}

.ranking-table-wrap.ranking-table-wrap2 thead th {
    color: var(--heading-text-color);
}

.custom-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.custom-td i {
    display: inline-block;
    height: 4.1rem;
    width: 4.1rem;
    min-width: 4.1rem;
    margin-top: 0.4rem;
}

.custom-td i img {
    max-width: 4.1rem;
    max-height: 4.1rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.custom-td p {
    padding-left: 1.1rem;
    width: calc(100% - 4.1rem);
    text-align: start;
}

.ranking-table-wrap2 .rank-table2 td {
    color: var(--heading-text-color);
}

.ranking-table-wrap.ranking-table-wrap2 {
    padding-bottom: 0;
}

.ranking-table-wrap tbody tr:last-child th,
.ranking-table-wrap.ranking-table-wrap2 tbody tr:last-child td {
    border-bottom: 0;
}

.ranking-table-lwr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 3rem;
    margin-top: 6rem;
}

.prv_bttn:hover,
.nxt_bttn:hover {
    opacity: 0.4;
}

.ranking-table-lwr .lde_mreBttn_outr {
    padding-left: 1.5rem;
}

/* Ranking Page */
.rnkng_cuntrTop {
    padding: 2rem 3.6rem 2rem 3rem;
    border: 1px solid #F2F2F2;
    background: var(--alt-bg-color);
    border-radius: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6rem;
}

.rnkns_sec .rnkng_cuntrTop {
    margin-bottom: 7.5rem;
}

.rnkng_cuntrRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 67rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.rnkng_cuntrBox {
    height: 100%;
    padding: 1.7rem 2rem;
    background: rgba(151, 27, 47, 0.03);
    border: 1px solid rgba(151, 27, 47, 0.06);
    border-radius: 1.2rem;
    font-size: 1.4rem;
    color: var(--light-text-color);
    text-align: center;
    line-height: 1.2;
}

.rnkng_cuntrCol {
    width: calc(calc(100% - 37%) / 2);
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.rnkng_cuntrCol:last-child {
    width: 37%;
}

.rnkng_cuntrBox p {
    margin-bottom: 0.4rem;
}

.rnkng_cuntrBox strong {
    display: block;
    font-size: 3rem;
    color: var(--primary-color);
    font-weight: 900;
    line-height: 1;
}

.rnkng_cuntr_sclLstng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rnkng_cuntr_sclLstng>li:not(:last-child) {
    margin-right: 0.8rem;
}

.rnkng_cuntr_sclLstng>li a {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 100%;
    background: rgba(151, 27, 47, 0.03);
    border: 1px solid rgba(151, 27, 47, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rnkng_cuntr_sclLstng>li a>img {
    max-width: 2.5rem;
    max-height: 2.5rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.rnkng_cuntr_sclLstng>li a:hover {
    background: rgba(252, 181, 37, 0.3);
}

.ranking-table-lwr .basic_bttn {
    padding-left: 3.8rem;
    padding-right: 3.8rem;
}

.tips_look_tble .form_input_radio {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.9rem;
}

.tips_look_tble .form_input_radio label {
    padding: 0;
    display: block;
    cursor: pointer;
    width: 2.4rem;
}

.tips_look_tble .dte_cell {
    width: 11%;
}

.tips_look_tble .event_cell {
    width: 69%;
    padding-right: 3rem;
}

.tips_look_tble .mtch_dtlsCll_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tips_look_tble .mtch_dtlsCll_col p {
    width: calc(100% - 6rem - 1.8rem);
    margin: 0;
}

.tips_look_tble .mtch_dtlsCll_col .mtchDtls_inner_col {
    width: calc(100% - 2.4rem - 1.9rem);
}

.tips_look_tble .mtch_dtlsCll_col:last-child .form_input_radio {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
    margin-left: 1.9rem;
}

.tips_bttm_wrppr {
    margin-top: 3.6rem;
}

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

.bttm_bttn_lstng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.border_bttn::before {
    background: #FBFBFB;
}

.border_bttn {
    color: var(--heading-text-color);
    padding-left: 4.4rem;
    padding-right: 4.4rem;
}

.bttm_bttn_lstng>li input[type=submit] {
    padding-left: 4.4rem;
    padding-right: 4.4rem;
}

.bttm_bttn_lstng>li:not(:last-child) {
    margin-right: 1.6rem;
}

.slctd_pck_info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.4rem;
    margin-right: 3.3rem;
    line-height: 1.2;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.slctd_pck_info p {
    margin-bottom: 0;
    padding-right: 0.4rem;
}

.slctd_no {
    line-height: 1;
}

.slctd_no strong {
    font-weight: 400;
    font-size: 3rem;
}

.tips_svd_modal {
    max-width: 60.8rem;
}

.tips_svd_modal.fancybox__content>.carousel__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    top: 0;
    background: #6D6D6D;
    padding: 0;
    top: 0.8rem;
    right: 0.8rem;
}

.tips_svd_modal.fancybox__content>.carousel__button svg {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
}

.tps_svd_icon {
    background: rgba(253, 200, 87, 0.1);
    width: 10.4rem;
    height: 10.4rem;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 3.6rem;
    position: relative;
    border-radius: 100%;
    z-index: 1;
}

.tps_svd_icon::before {
    position: absolute;
    content: "";
    left: 0.8rem;
    right: 0.8rem;
    top: 0.8rem;
    bottom: 0.8rem;
    background: -o-linear-gradient(357.34deg, #FCB525 0.72%, #FED16F 95.52%);
    background: linear-gradient(92.66deg, #FCB525 0.72%, #FED16F 95.52%);
    border-radius: 100%;
    z-index: -1;
}

.tps_svd_icon img {
    max-width: 3.3rem;
    max-height: 2.6rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.tps_svdhdr h2 {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    margin-bottom: 1rem;
}

.tps_svdhdr p {
    text-transform: capitalize;
}

.tps_svdhdr {
    color: #787878;
    font-size: 1.4rem;
    margin-bottom: 2.4rem;
}

.tps_svdhdr span {
    font-weight: 600;
}

.tips_svd_modal .bttm_bttn_lstng {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tips_svd_modal .basic_bttn {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.tips_svd_modal .border_bttn {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.shre_wthBox {
    margin-top: 3rem;
    color: var(--text-color);
    text-transform: capitalize;
}

.shre_wthBox p {
    margin-bottom: 1.4rem;
}

.tips_svd_modal .rnkng_cuntr_sclLstng {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tips_svd_modal .rnkng_cuntr_sclLstng>li>a {
    width: 3.9rem;
    height: 3.9rem;
}

.tips_svd_modal .rnkng_cuntr_sclLstng>li>a img {
    max-width: 2rem;
    max-height: 2rem;
}

.lve_updte_row {
    width: 100%;
}

.lve_updte {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #43A607;
    border-radius: 5px;
    padding: 0.7rem 1.2rem;
    line-height: 1;
    color: var(--alt-bg-color);
    font-size: 1.2rem;
    font-weight: 500;
    position: absolute;
    top: 9px;
    left: 10px;
}

.lve_updte img {
    margin-right: 0.4rem;
}

.clb_mtch_row.lve_mtch_active {
    padding-top: 3.2rem;
    border-color: rgba(67, 166, 7, 0.2);
    background: rgba(67, 166, 7, 0.03);
}

.clb_mtch_row.lve_mtch_active .form_input_radio label input[type="radio"]+span::before {
    border-color: #CCCCCC;
}

.clb_mtch_row.lve_mtch_active .form_input_radio label input[type="radio"]:checked+span::before {
    border-color: var(--secondary-color);
}

.pgntn .prv_bttn,
.pgntn .nxt_bttn {
    line-height: 1;
}

.cntctRow_wrppr {
    padding: 3.2rem 3rem;
    background: var(--alt-bg-color);
    -webkit-box-shadow: 0px 0.4rem 7.4rem rgba(145, 162, 172, 0.16);
    box-shadow: 0px 0.4rem 7.4rem rgba(145, 162, 172, 0.16);
    border-radius: 2.1rem;
}

.cntct_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.cntctRghtCol {
    width: 52.5rem;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2rem;
    overflow: hidden;
}

.cntctRghtCol img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.cntctLftCol {
    width: calc(100% - 52.5rem);
    padding: 3.6rem 6rem 4rem 0;
}

.cntctBox select {
    color: var(--place-holder-color);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-color: var(--border-color);
    background: transparent url(../images/drop_caret.svg) no-repeat calc(100% - 2.2rem);
    background-size: 0.8rem;
}

.cntctBox select.val_selected {
    color: var(--heading-text-color);
}

.cntctBox h2 {
    font-family: var(--alfa-slab-font);
    margin-bottom: 3.4rem;
    text-transform: capitalize;
    font-weight: 400;
}

.cntctBox .frm_footer {
    margin-top: 3.2rem;
}

.cntctBox .input_row label {
    color: var(--heading-text-color);
    font-weight: 500;
}

.cntctBox .input_col:not(:last-child) {
    margin-bottom: 2rem;
}

.cntctBox h1 {
    margin-bottom: 3.5rem;
    text-transform: capitalize;
}

.jn_crtnBox {
    padding: 5rem 2rem;
    background: var(--alt-bg-color);
    border: 1px solid #F2F2F2;
    border-radius: 2rem;
    margin-bottom: 6rem;
}

.jn_crtBttn_outr {
    max-width: 53.3rem;
    margin: 0 auto;
}

.jon_crteBttn_lstng {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.jon_crteBttn_lstng>li {
    width: 50%;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.jon_crteBttn_lstng>li .basic_bttn {
    width: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    color: var(--primary-color);
}

.jon_crteBttn_lstng>li .basic_bttn:hover {
    color: var(--alt-bg-color);
}

.jon_crteBttn_lstng>li .border_bttn::before {
    background: var(--alt-bg-color);
}

.jon_crteBttn_lstng>li .border_bttn:hover::before {
    background: var(--primary-color);
}

.jon_crteBttn_lstng>li .border_bttn:hover {
    color: var(--alt-bg-color);
}

.jn_crtnBox .pge_hdng {
    margin-bottom: 3.2rem;
}

.yur_legeBttn_outr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2.5rem;
}

.yur_legeBttn_outr .basic_bttn {
    padding-left: 3.8rem;
    padding-right: 3.8rem;
}

.yur_lgeBox_col {
    padding: 2.7rem 2.5rem 3.5rem;
    border: 1px solid #F3F3F3;
    -webkit-box-shadow: 0px 13px 23px rgba(237, 237, 248, 0.18);
    box-shadow: 0px 13px 23px rgba(237, 237, 248, 0.18);
    border-radius: 1.6rem;
    background: var(--alt-bg-color);
}

.yur_lgeBox_col:not(:last-child) {
    margin-bottom: 2rem;
}

.yur_lgeBttn_lstng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.9rem;
    margin-right: -0.9rem;
    margin-top: -1rem;
}

.yur_lgeBttn_lstng>li {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
    margin-top: 1rem;
}

.yur_lgeBttn_lstng>li a {
    padding: 2rem 2.6rem;
    border: 1px solid #D2D2D2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--alt-bg-color);
    border-radius: 1.3rem;
    font-weight: 500;
    font-size: 1.6rem;
    text-transform: capitalize;
    color: var(--light-text-color);
    min-width: 12.1rem;
    line-height: 1;
}

.yur_lgeBttn_lstng>li a:hover,
.yur_lgeBttn_lstng>li.active a {
    background: var(--primary-color);
    color: var(--alt-bg-color);
}

.yur_lgeBttn_lstng>li a span {
    display: inline-block;
    margin-right: 0.8rem;
    line-height: 0;
}

.yur_lgeBttn_lstng>li a span img {
    max-width: 1.5rem;
    max-height: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.yur_lgeBttn_lstng>li a:hover img,
.yur_lgeBttn_lstng>li.active a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.yur_lgeBox_col .hSix {
    display: block;
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

.yur_lege_bttmInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500;
    color: var(--light-text-color);
    font-size: 1.4rem;
    margin-top: 2.9rem;
}

.yur_lege_bttmInfo>li:not(:last-child) {
    margin-right: 3.5rem;
}

.yur_legeBox_inner {
    padding: 3.5rem 1.5rem 2.6rem;
    background: #FBFBFB;
    border-radius: 2.5rem;
}

.yur_legeBox_outr {
    padding: 3rem 1.5rem 2rem;
    background: var(--alt-bg-color);
    border-radius: 2.5rem;
}

.yur_legeBox_inner .pge_hdng {
    margin-bottom: 2.2rem;
}

.crte_lgeStep {
    max-width: 34rem;
    margin: 0 auto 6rem;
}

.crte_lgeStp_lstng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.crte_lgeStp_lstng>li {
    width: calc(100% / 2);
    position: relative;
    z-index: 1;
}

.crte_lgeStp_lstng::before {
    position: absolute;
    content: "";
    right: 8.4rem;
    left: 8.4rem;
    height: 1px;
    top: 4rem;
    border-top: 1px dashed var(--secondary-color);
    z-index: -1;
}

.crte_lgeStp_lstng li::after {
    position: absolute;
    content: "";
    width: 0.8rem;
    height: 1.7rem;
    background-size: 0.8rem;
    left: 50%;
    background: url(../images/step_arrw.svg) no-repeat center center;
    top: 3.2rem;
    left: 100%;
}

.crte_lgeStp_lstng li:last-child::after {
    display: none;
}

.crte_lgeStp_lstng>li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8.4rem;
    height: 8.4rem;
    border-radius: 100%;
    background: rgba(155, 155, 155, 0.26);
    -webkit-box-shadow: 0px 15px 15px rgba(186, 128, 96, 0);
    box-shadow: 0px 15px 15px rgba(186, 128, 96, 0);
    font-size: 2rem;
    font-weight: 600;
    color: #B0B0B0;
    position: relative;
}

.crte_lgeStp_lstng>li a::before {
    position: absolute;
    content: "";
    left: 1rem;
    right: 1rem;
    top: 1rem;
    bottom: 1rem;
    background: var(--alt-bg-color);
    border-radius: 100%;
}

.crte_lgeStp_lstng>li:last-child {
    text-align: right;
}

.crte_lgeStp_lstng>li span {
    display: block;
    margin-top: 2.5rem;
    color: var(--heading-text-color);
    font-weight: 500;
    text-transform: capitalize;
}

.crte_lgeBox .pge_hdng {
    margin-bottom: 5rem;
}

.crte_lgeStp_lstng>li.active a,
.crte_lgeStp_lstng>li.completed a {
    background: rgba(252, 181, 37, 0.38);
    color: var(--alt-bg-color);
}

.crte_lgeStp_lstng>li.active a::before,
.crte_lgeStp_lstng>li.completed a::before {
    background: var(--secondary-color);
}

.crte_lgeStp_lstng>li a em {
    font-style: normal;
    position: relative;
}

.crte_lgeStp_lstng>li.active span,
.crte_lgeStp_lstng>li.completed span {
    color: var(--secondary-color);
}

.stepBox {
    padding: 6.2rem 5.4rem;
    background: var(--alt-bg-color);
    -webkit-box-shadow: 0px 4px 74px rgba(145, 162, 172, 0.16);
    box-shadow: 0px 4px 74px rgba(145, 162, 172, 0.16);
    border-radius: 2rem;
}

.stepBox .pge_hdng .hSix {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    color: var(--heading-text-color);
}

.stepBox select {
    color: var(--place-holder-color);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-color: var(--border-color);
    background: transparent url(../images/drop_caret.svg) no-repeat calc(100% - 2.2rem);
    background-size: 0.8rem;
}

.stepBox select.val_selected {
    color: var(--heading-text-color);
}

.stepBox .input_row label {
    text-transform: capitalize;
    color: var(--heading-text-color);
    font-weight: 500;
}

.stepBox .input_col:not(:last-child) {
    margin-bottom: 3rem;
}

.prvcy_rdo_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.6rem;
}

.prvcy_rdo_row>* {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: 1.6rem;
}

.stepBox .prvcy_rdo_row label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--place-holder-color);
    font-weight: 500;
}

.stepBox .form_input_radio label {
    padding-left: 2.3rem;
    min-height: 1.8rem;
    cursor: pointer;
    margin: 0;
}

.stepBox .form_input_radio label input[type="radio"]+span::before {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    border-color: var(--primary-color);
    background: transparent !important;
}

.stepBox .form_input_radio label input[type="radio"]:checked+span:after {
    background: var(--primary-color);
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.3rem;
    left: 0.3rem;
    top: 0.4rem;
    background-image: none;
}

.stepBox .frm_footer {
    margin-top: 6rem;
}

.stepBox .frm_footer input[type=submit],
.stepBox .frm_footer .basic_bttn {
    padding-left: 3rem;
    padding-right: 3rem;
}

.stepBox .input_row {
    --bs-gutter-x: 4rem;
}

.step_colBox {
    height: 100%;
    padding: 4.7rem 3rem 4.2rem;
    -webkit-box-shadow: 0px 4px 74px rgba(145, 162, 172, 0.16);
    box-shadow: 0px 4px 74px rgba(145, 162, 172, 0.16);
    border-radius: 2rem;
}

.crte_lgeBox .step_colBox .pge_hdng {
    margin-bottom: 1.5rem;
}

.stp_invte_hdng {
    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;
}

.step_colBox .pge_hdng .hSix {
    margin-bottom: 0;
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    color: var(--heading-text-color);
}

.skp_lnk {
    font-weight: 900;
    color: var(--primary-alt-color);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 1.2rem;
}

.skp_lnk:hover {
    color: var(--secondary-color);
}

.step_editBox {
    padding-top: 2.1rem;
}

.step_editBox ul li {
    font-size: 1.4rem;
    color: var(--light-text-color);
}

.step_editBox ul li strong {
    font-size: 1.8rem;
    display: block;
    font-family: var(--alfa-slab-font);
    color: var(--heading-text-color);
    font-weight: 400;
    margin-top: 1.2rem;
}

.step_editBox ul li:not(:last-child) {
    margin-bottom: 2.2rem;
}

.step_editBox .basic_bttn {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.edtBttn_outr {
    margin-top: 4rem;
}

.edtBttn_outr .basic_bttn span {
    display: inline-block;
    width: 2rem;
    margin-right: 1rem;
    line-height: 0;
}

.edtBttn_outr .basic_bttn:hover span {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/* .step_invteBox p span {
    font-size: 1.7rem;
    color: var(--primary-color);
    font-weight: 700;
} */

.step_invteBox p input[type="text"] {
    font-size: 1.7rem;
    color: var(--primary-color);
    font-weight: 700;
    width: auto;
    vertical-align: middle;
    border: none;
    padding: 0;
    float: left;
}

.step_invteBox p.clear{
    position: relative;
    clear: left;
}

/* .step_invteBox p.clear span{
    float: left;
} */

.step_invteBox p.clear:after{
    content: "";
    position: relative;
    display: table;
    clear: left;
    width: 100%;
}

.cpy_bttn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.9rem 2.5rem;
    line-height: 1;
    background: var(--primary-color);
    border-radius: 1rem;
    color: var(--alt-bg-color);
    font-weight: 500;
    font-size: 1.6rem;
}

.cpy_bttn:hover {
    color: var(--alt-bg-color);
    background: var(--secondary-color);
}

.invte_mail_hdng {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    font-size: 1.4rem;
    text-transform: capitalize;
    margin-bottom: 2.5rem;
    display: block;
}

.cpy_bttnOutr {
    margin-bottom: 3.2rem;
}

.step_invteBox .input_row label {
    text-transform: capitalize;
    color: var(--heading-text-color);
    font-weight: 500;
}

.step_invteBox .input_col:not(:last-child) {
    margin-bottom: 2rem;
}

.step_invteBox .frm_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3.5rem;
}

.addBttn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem;
    color: var(--place-holder-color);
    font-weight: 500;
}

.addBttn span {
    display: inline-block;
    width: 1.6rem;
    margin-right: 0.5rem;
    line-height: 0;
}

.rnkng_cuntr_sclLstng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.invte_sclLstng>li:not(:last-child) {
    margin-right: 1rem;
}

.invte_sclBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4.5rem;
}

.invte_sclBox p {
    margin-bottom: 0;
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--heading-text-color);
    padding-right: 2rem;
}

.step_invteBox input[type="submit"] {
    padding-left: 4rem;
    padding-right: 4rem;
}

/* League Details Invite */
.legue_dtlsBox {
    padding: 6rem 3rem;
    border: 1px solid #F2F2F2;
    border-radius: 2rem;
    background: var(--alt-bg-color);
}

.legue_dtlsBox .pge_hdng {
    margin-bottom: 3.5rem;
}

.lege_dtlsFrmBox {
    margin-top: 3.5rem;
}

/* .lege_dtlsFrmBox p span {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 1.7rem;
} */

.lege_dtlsFrmBox p input[type="text"] {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 1.7rem;
    width: auto;
    display: inline-block;
    border: none;
    padding: 0;
    vertical-align: middle;

}

.lege_dtlsFrmBox strong {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    display: block;
    color: var(--heading-text-color);
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}

.lege_dtlsFrmBox .input_row label {
    text-transform: capitalize;
    color: var(--heading-text-color);
    font-weight: 500;
}

.lege_dtlsFrmBox .input_row label span {
    text-transform: initial;
}

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

.add_row .addBttn {
    min-width: 4.9rem;
}

.add_row .addBttn_box {
    padding-bottom: 2rem;
}

.add_row .input_row {
    width: calc(100% - 4.9rem);
}

.add_row .input_row .input_col {
    margin-bottom: 0;
}

.lge_invteFrm_bttm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4rem;
}

.lge_invteFrm_bttm .invte_sclBox {
    margin-top: 0;
}

.lge_invteFrm_bttm .jon_crteBttn_lstng {
    min-width: 47.3rem;
}

.tips_section .rnkng_cuntrTop {
    margin-bottom: 3rem;
}

/* League Details Settings */
.lege_dtlsFrmBox select {
    color: var(--place-holder-color);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-color: var(--border-color);
    background: transparent url(../images/drop_caret.svg) no-repeat calc(100% - 2.2rem);
    background-size: 0.8rem;
}

.lege_dtlsFrmBox select.val_selected {
    color: var(--heading-text-color);
}

.lege_dtlsFrmBox .prvcy_rdo_row label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--place-holder-color);
    font-weight: 500;
}

.lege_dtlsFrmBox .form_input_radio label {
    padding-left: 2.3rem;
    min-height: 1.8rem;
    cursor: pointer;
    margin: 0;
}

.lege_dtlsFrmBox .form_input_radio label input[type="radio"]+span::before {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    border-color: var(--primary-color);
    background: transparent !important;
}

.lege_dtlsFrmBox .form_input_radio label input[type="radio"]:checked+span:after {
    background: var(--primary-color);
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.3rem;
    left: 0.3rem;
    top: 0.4rem;
    background-image: none;
}

.lege_dtlsFrmBox .jon_crteBttn_lstng li input[type=submit] {
    padding-left: 4.7rem;
    padding-right: 4.7rem;
}

.lege_dtlsFrmBox .frm_footer {
    margin-top: 3.5rem;
}

.lge_dtlsAbut_box ul li {
    font-size: 1.4rem;
    color: var(--light-text-color);
}

.lge_dtlsAbut_box ul li strong {
    font-size: 1.8rem;
    display: block;
    font-family: var(--roboto-slab-font);
    color: var(--heading-text-color);
    font-weight: 900;
    margin-top: 1.2rem;
    margin: 0;
    margin-top: 0.4rem;
}

.lge_dtlsAbut_box ul li:not(:last-child) {
    margin-bottom: 2.4rem;
}

.psswrd_input {
    position: relative;
}

.shw_hde_bttn {
    position: absolute;
    width: 2rem;
    display: inline-block;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.shw_hde_bttn img {
    max-width: 2rem;
    max-height: 1.7rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.shw_hde_bttn img+img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.accnt_sttngsFrmBox .input_row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.chnge_psswrdTxt {
    display: block;
    padding-bottom: 2rem;
}

.chnge_psswrdTxt a {
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: capitalize;
}

.accnt_sttngsFrmBox .form_input_check label input[type="checkbox"]+span::before {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.2rem;
    border-width: 0.2rem;
}

.accnt_sttngsFrmBox .form_input_check label input[type="checkbox"]+span::after {
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.8rem;
    left: 0.3rem;
    top: 0.3rem;
}

.accnt_sttngsFrmBox .form_input_check label input[type="checkbox"]:checked+span::before {
    border-color: var(--primary-color);
}

.frm_footer .jon_crteBttn_lstng li {
    width: auto;
}

.frm_footer .jon_crteBttn_lstng li .basic_bttn {
    padding-left: 5rem;
    padding-right: 5rem;
}

/* Merged Css Start */
.league-srch-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.4rem 5.3rem -1.4rem;
}

.league-srch-lft .hSix {
    font-family: var(--alfa-slab-font);
    font-weight: 400;
    text-transform: capitalize;
}

.league-srch-form .league-srch-form-wrap input[type="submit"] {
    background: url(../images/lg-srch-icon.svg) no-repeat center #971B2F;
    background-size: 1.9rem;
    border: 0.1rem solid #D2D2D2;
    border-radius: 1rem;
    width: 5.5rem;
    height: auto;
    padding: 0.5rem;
    position: absolute;
    z-index: 2;
    right: 0.9rem;
    top: 0.8rem;
    bottom: 0.8rem;
    padding: 0;
}

.league-srch-form form input[type="submit"]:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.league-srch-form .league-srch-form-wrap {
    position: relative;
    width: 42rem;
}

.league-srch-sec>* {
    padding: 0 1.4rem;
}

.league-srch-form .league-srch-form-wrap input[type="text"] {
    border: 0;
    height: 7.1rem;
    line-height: 6.9rem;
    font-size: 1.5rem;
    font-weight: 400;
    padding-right: 6rem;
    background: var(--alt-srch-back-color);
    border: 0.1rem solid var(--alt-border-color);
    border-radius: 1.5rem;
    padding-right: 7.5rem;
}

.le-srch-rgt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.le-srch-rgt>* {
    padding: 0 0.7rem;
}

.le-srch-rgt>*:first-child {
    padding-left: 0;
}

.le-srch-rgt>*:last-child {
    padding-right: 0;
}

.yur_legeBox_outr.leg-outr2 {
    padding: 4.8rem 2.8rem 2.3rem 2.8rem;
    margin-bottom: 6rem;
}

.league-srch-rgt .basic_bttn {
    padding-left: 4.3rem;
    padding-right: 4.3rem;
}

.rank-table.rank-table3 .basic_bttn.border_bttn {
    padding: 1.9rem 4.95rem;
    color: var(--primary-alt-color);
}

.rank-table.rank-table3 .basic_bttn.border_bttn:hover {
    color: var(--bg-color);
}

.rank-table.rank-table3 thead .first-th {
    width: 40%;
    text-align: left;
    padding-left: 3.6rem;
}

.rank-table.rank-table3 thead th:first-child {
    padding-left: 3.6rem;
}

.rank-table.rank-table3 thead th:last-child {
    padding-right: 10rem;
    text-align: right;
}

.rank-table.rank-table3 tbody td:first-child {
    padding-left: 3.6rem;
    text-align: left;
}

.rank-table.rank-table3 tbody td {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.rank-table.rank-table3 tbody td:nth-child(2) {
    padding-left: 6rem;
    text-align: left;
}

.rank-table.rank-table3 {
    font-weight: 500;
    vertical-align: middle;

}

.ranking-table-wrap.ranking-table-wrap3 {
    background: var(--alt-srch-back-color);
    font-weight: 500;
}

.ranking-table-wrap.ranking-table-wrap3 .pgntn_wrppr.ranking-table-lwr {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.rank-table.rank-table3 thead .sec-th {
    width: 25%;
    text-align: left;
    padding-left: 0;
}

.rank-table.rank-table3 thead .third-th {
    width: 9%;
}

.rank-table.rank-table3 thead .fourth-th {
    width: 26%;
}

.rank-table.rank-table3 .diff-back {
    background-color: var(--diff-back-color);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ranking-table-wrap tbody tr:hover .diff-back {
    background-color: rgba(255, 255, 255, 0.15);
}

.rank-table.rank-table3 tbody td:last-child {
    padding-right: 3.6rem;
    text-align: right;
}

.custom-td p {
    font-weight: 500;
}

.yur_lgeBox_col.yur-box-brdr {
    border: 0;
}

.yur_lgeBox_col.yur-box-brdr:not(:last-child) {
    margin-bottom: 0.5rem;
}

.ranking-table-wrap.ranking-table-wrap3.ranking-justify .pgntn_wrppr.ranking-table-lwr {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rank-table.rank-table4 thead th {
    width: calc(100% - 19%);
}

.rank-table.rank-table4 thead th:first-child {
    width: 10%;
}

.rank-table.rank-table4 thead th:last-child {
    width: 9%;
}

.del-icon-red {
    display: inline-block;
    height: 2.2rem;
    width: 1.8rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.del-icon-red img {
    -webkit-filter: invert(47%) sepia(1%) saturate(0%) hue-rotate(135deg) brightness(96%) contrast(92%);
    filter: invert(47%) sepia(1%) saturate(0%) hue-rotate(135deg) brightness(96%) contrast(92%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.del-icon-red:hover img {
    -webkit-filter: none;
    filter: none;
}

.ranking-table-sec:last-child {
    padding-bottom: 0;
}

/* Merged Css End */
.lge_mnge_outr {
    padding-top: 3rem;
}

/* Change Password */
.chng_psswrdBox {
    max-width: 52.5rem;
}

.lege_dtlsFrmBox.chng_psswrdBox .jon_crteBttn_lstng li input[type=submit] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.pge_hdng h1 {
    text-transform: capitalize;
}

.tips_bttm_wrppr .pgntn {
    margin-top: 1rem;
}

.dummy-about-hd .pge_hdng {
    margin-bottom: 3rem;
}

.footr_links li.active a {
    color: var(--secondary-color);
}

.pgntn_wrppr.ranking-table-lwr.jn_lge_tbleBttm {
    margin-top: 2.4rem;
}
/* CSS modification 14.06.23 */
input[disabled].disable-input {
    background: rgba(151, 27, 47, 0.03);
    border-color: rgba(151, 27, 47, 0.06);
    color: var(--light-text-color);
}
.invalid-feedback.invalid-msg{
    display: block;
    margin-top: 5px;
}
/* CSS modification 14.06.23 */
/* CSS modification 23.06.23 */
.new_opt_row {
    max-width: 32rem;
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
}
.new_opt_row > *{
    width: 100%;
    padding: 0!important;
}
.new_opt_row .otp_input_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.new_opt_row .otp_input_col > *{
    margin-right: 1.6rem;
    width: calc(calc(100% / 4) - calc(4.8rem / 4));
}
.new_opt_row .otp_input_col > *:last-child{
    margin-right: 0;
}
.frgt_modal_new.fancybox__content>.carousel__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    top: 0;
    background: #6D6D6D;
    padding: 0;
    top: 0.8rem;
    right: 0.8rem;
}
.frgt_modal_new.fancybox__content>.carousel__button svg {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
}
/* CSS modification 23.06.23 */


.tip-percentage-wrp{
    width:90px;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
}
/* 20.03.24 css */
.mtch_dtls_new .mtch_dtlsCll_col {
    width: calc(calc(100% - 18rem) / 2);
}
.mtch_dtls_new  .tip-percentage-wrp {
    width: 180px;
}
.mtch_dtls_new  .tip-percentage-wrp span{
    display: inline-block;
    font-size: 20px;
    width: 46px;
    flex-shrink: 0;
}
.mtch_dtls_new  .tip-percentage-wrp span:first-child {
    margin-right: 15px;
}
.mtch_dtls_new  .tip-percentage-wrp span:last-child {
    margin-left: 15px;
}
.mtch_dtls_new  .mtchDtls_inner_col {
    padding-right: 10px;
}
.mtch_dtls_new .club_logoBox {
    margin: 0;
}
.mtch_content {
    width: calc(100% - 6rem);
    padding: 0 10px;
    text-align: right;
}
.mtch_content.right-con{
    text-align: left;
}
.mtch_dtls_new .mtchDtls_inner_last {
    padding-right: 0;
}
/* 20.03.24 css */

/* 2.04.2024 */
.cs-slct-row{
    align-items: center;
}
.arrow-img-wraper > img{
    width: 12px;
    height: 12px;
}
.arrow-img-wraper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--acc-up-arr-color);
    height: 35px;
    width: 35px;
    cursor: pointer;
}
.arrow-img-wraper.dsb-arrow{
    opacity: 0.5;
}
.cs-slct-row .date-txt{
    font-size: 12px;
}
.cs-slct-row .rd-txt{
    color: var(--heading-text-color);
}
.rnkng_cuntrCol.rnk-wd-fx{
    width: 35rem;
}
.clb_mtch_row.lft-checked-win{
    background: linear-gradient(90deg, rgb(228, 244, 220) 0%, rgba(255, 255, 255, 0) 100%);
}
.clb_mtch_row.rgt-checked-win{
    background: linear-gradient(-90deg, rgb(228, 244, 220) 0%, rgba(255, 255, 255, 0) 100%);
}
.form_input_radio.frm-slct label input[type="radio"]:checked+span::before{
    background: rgb(70, 180, 19);
    border-color: rgb(70, 180, 19);
}
.clb_mtch_row.lft-checked-loss{
    background: linear-gradient(90deg, rgb(254, 226, 223) 0%, rgba(255, 255, 255, 0) 100%);
}
.clb_mtch_row.rgt-checked-loss{
    background: linear-gradient(-90deg, rgb(254, 226, 223) 0%, rgba(255, 255, 255, 0) 100%);
}
.form_input_radio.loss-slct label input[type="radio"]:checked+span::before{
    background: red;
    border-color: red;
}
.form_input_radio.loss-slct label input[type="radio"]+span::after{
    background-image: url(../images/white-cross.svg);
}
/* 2.04.2024 */
/*support 15/4/2024*/
.add-input-row:not(:first-child){
    margin-top: 22px;
}

.rnk-note{
    background: rgba(151, 27, 47, 0.03);
    border: 1px solid rgba(151, 27, 47, 0.06);
    border-radius: 1.2rem;
    margin-bottom: 1rem;
    height: 7rem;
    display: flex;
    align-items: center;
}
/*support 15/4/2024*/
/* ========== responsive css =========== */
@media(min-width:1025px) {

    /* navbar*/
    .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }

    .usrBox:hover .sub-menu {
        display: block;
    }
}

@media(min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1164px;
    }
}

@media(max-width: 1599px) {
    .usrBox>.sub-menu {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .navbar-nav li.menu-item-has-children>.sub-menu {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

}

@media(max-width: 1365px) {
    .navbar-nav li.menu-item-has-children>.sub-menu {
        left: inherit;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .usrBox>.sub-menu {
        left: inherit;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

}

@media(max-width:1199px) {
    body {
        font-size: 1.4rem;
    }

    .event_cell {
        padding-right: 2rem;
    }

    .clb_mtch_row {
        padding: 1.8rem;
        font-size: 1.3rem;
    }

    .club_logoBox {
        width: 4.6rem;
        height: 4.6rem;
        margin-left: 1rem;
    }

    .club_logoBox>img {
        max-width: 2.6rem;
        max-height: 2.6rem;
    }

    .mtch_dtlsCll_col p,
    .tips_look_tble .mtch_dtlsCll_col p {
        width: calc(100% - 4.6rem - 1rem);
    }

    .vs_txt {
        width: 5rem;
    }

    .mtch_dtlsCll_col {
        width: calc(calc(100% - 5rem) / 2);
    }

    .txtBttn {
        padding: 1.5rem 1rem;
        min-width: 15.6rem;
    }

    h1,
    .hOne {
        font-size: 4.5rem;
    }

    h2,
    .hTwo {
        font-size: 4.5rem;
    }

    .pddng_lft {
        padding-left: 0;
    }

    .footer_heading .hFive {
        font-size: 1.6rem;
    }

    .footr_links {
        font-size: 1.2rem;
    }

    .footr_box {
        font-size: 1.4rem;
    }

    .fotr_scl_lstng>li:not(:last-child) {
        margin-right: 0.6rem;
    }

    .tem_img {
        width: 50rem;
    }

    /* Tips Page */
    .inner_bnnr_section {
        min-height: 38rem;
    }

    .form_input_radio label input[type="radio"]+span::before {
        width: 2rem;
        height: 2rem;
    }

    .form_input_radio label input[type="radio"]+span::after {
        width: 1.1rem;
        height: 0.8rem;
        background-size: 1.2rem;
        top: 0.7rem;
    }

    .tips_look_tble .form_input_radio {
        width: 2rem;
        height: 2rem;
        margin-right: 1.2rem;
    }

    .tips_look_tble .mtch_dtlsCll_col:last-child .form_input_radio {
        margin-left: 1.2rem;
    }

    .tips_look_tble .mtch_dtlsCll_col .mtchDtls_inner_col {
        width: calc(100% - 2rem - 1.2rem);
    }

    .tips_look_tble .event_cell {
        padding-right: 2rem;
    }

    /* Ranking Page */
    .table.rank-table.rank-table2 tbody td:nth-child(2) {
        padding-left: 3rem;
    }

    .table.rank-table.rank-table2 thead .sec-th {
        padding-left: 3rem;
    }

    /* Contact Page */
    .cntctRghtCol {
        width: 40rem;
    }

    .cntctLftCol {
        width: calc(100% - 40rem);
        padding: 2rem 2.5rem 2rem 0;
    }

    .cntctRow_wrppr {
        padding: 2.2rem;
    }

    .login_section .container-fluid {
        max-width: calc(100% - (50% - 960px / 2));
        padding-left: 3rem;
    }

    .login_lft {
        width: 48rem;
        padding-right: 3rem;
    }

    .login_rght {
        width: calc(100% - 48rem);
    }

    .lgin_rghtInfoBox {
        padding: 2rem;
        font-size: 1.6rem;
    }
}

@media(max-width:1024px) {

    /* navbar*/
    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sub-menu>li.menu-item-has-children .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 20px;
    }

    .sub-menu>li.menu-item-has-children>a {
        padding-right: 20px;
    }

    .sub-menu.show {
        display: block;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:after,
    .navbar-nav>li.menu-item-has-children>a:after {
        width: 100%;
        opacity: 0;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:hover:after,
    .navbar-nav>li.menu-item-has-children:hover>a:after {
        width: 100%;
        opacity: 1;
    }

    /* navbar end*/

}

@media (max-width: 991px) {

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    .form-control,
    select {
        height: 5.2rem;
        line-height: 5rem;
        font-size: 1.3rem;
        padding: 0 1.6rem;
    }

    input[type="submit"] {
        height: 6rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
        font-size: 1.6rem;
    }

    textarea,
    textarea.form-control {
        height: 13rem;
        font-size: 1.3rem;
        padding: 0 1.6rem;
        padding-top: 1.2rem;
    }

    select {
        padding-right: 3.5rem;
    }

    /* navbar*/
    .navbar-toggler {
        position: relative;
        width: 3.3rem;
        margin-left: 1.5rem;
        height: 2.8rem;
        padding: 0;
        outline: none !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .stick,
    .stick:after,
    .stick:before {
        width: 30px;
        height: 2px;
        background: var(--alt-bg-color);
        position: absolute;
        left: 0;
        top: auto;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .stick:before {
        content: '';
        top: -10px;
        left: 0;
    }

    .stick:after {
        content: '';
        top: 10px;
        left: 0;
    }

    .stick.open {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        -webkit-transform: rotate(45deg) translate(42px, -28px);
        -ms-transform: rotate(45deg) translate(42px, -28px);
        transform: rotate(45deg) translate(42px, -28px);
        left: 2px;
    }

    .stick.open:after {
        -webkit-transform: rotate(-45deg) translate(42px, 28px);
        -ms-transform: rotate(-45deg) translate(42px, 28px);
        transform: rotate(-45deg) translate(42px, 28px);
        left: 2px;
    }

    .navbar-nav .clickD {
        top: 1.3rem;
        right: 10px !important;
        -webkit-transform: rotate(0) !important;
        -ms-transform: rotate(0) !important;
        transform: rotate(0) !important;
    }

    .navbar-nav>li.menu-item-has-children{
        background: url(../images/srt_dwn.svg) right top 16px no-repeat;
        display: block;
        background-size: 1.2rem;
    }

    .navbar-nav .clickD{
        width: 100%;
        height: 100%;
        background: transparent;
        top: 0;
        left: 0;
    }


    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
        right: inherit;
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 0;
    }

    .navbar-nav>li {
        margin: 0;
        padding: 0;
    }

    .navbar-nav li.menu-item-has-children>a {
        padding-right: 30px !important;
    }

    .navbar-nav>li>a {
        padding: 8px 0;
        display: inline-block;
        width: 100%;
    }

    .sub-menu .sub-menu>li>a {
        padding-left: 60px;
    }

    .sub-menu .sub-menu .sub-menu>li>a {
        padding-left: 80px;
    }

    .navbar-nav>li>a:after {
        bottom: 0;
    }

    /* navbar end*/
    /* push nav */
    .navbar-collapse {
        background: rgba(55, 71, 88, 0.97);
        position: fixed;
        top: 0;
        height: 100% !important;
        width: 290px;
        overflow-y: auto;
        -webkit-transition: inherit !important;
        -o-transition: inherit !important;
        transition: inherit !important;
        right: 0;
        margin: 0;
        display: block !important;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out !important;
        -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
        transition: -webkit-transform 0.2s ease-in-out !important;
        -o-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
        z-index: 100;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        display: block !important;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: transform 0.2s ease-in-out !important;
        -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
        transition: -webkit-transform 0.2s ease-in-out !important;
        -o-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
    }

    .navbar-collapse .navbar-nav {
        margin: 80px 0 0 !important;
        padding: 0 2rem 4rem 2rem;
    }

    .navbar-collapse .navbar-toggler {
        display: block;
        right: 20px;
        top: 20px;
        position: absolute;
        overflow: hidden;
    }

    #navoverlay.open {
        background-color: rgba(0, 0, 0, 0.4);
        pointer-events: all;
        -webkit-transition: background-color 0.5s linear;
        -o-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

    body.open-nav,
    html.open-nav {
        height: 100%;
        overflow: hidden !important;
    }

    /* push nav end */
    .navbar-nav>li>a {
        font-size: 1.5rem;
    }

    .usrBox>.sub-menu {
        position: absolute;
        width: 20.6rem;
        top: 100%;
    }

    .usrBox {
        margin-left: auto;
    }

    .sub-menu>li>a {
        font-size: 1.2rem;
    }

    h1,
    .hOne,
    h2,
    .hTwo {
        font-size: 4rem;
    }

    h3,
    .hThree {
        font-size: 2.6rem;
    }

    h4,
    .hFour {
        font-size: 2.2rem;

    }

    h5,
    .hFive {
        font-size: 1.8rem;

    }

    h6,
    .hSix {
        font-size: 1.6rem;
    }

    .usrBox:hover .clickD {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .usrBox .clickD.toggled {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .bnnr_section {
        min-height: 46rem;
    }

    .bnnr_txt {
        max-width: 100%;
    }

    .basic_bttn {
        padding: 1.8rem 3.2rem;
        font-size: 1.6rem;
    }

    .bnnr_bttnOutr {
        padding-top: 3rem;
    }

    .tckt_slctDrp_wrppr,
    .tckt_dte_wrppr,
    .tckt_sbmtBttn,
    .tckt_Slctn_lft {
        width: 100%;
        padding: 0;
    }

    .tckt_dte_wrppr .tckt_dtePckr {
        width: calc(calc(100% - 5.2rem) / 2);
    }

    .tckt_sbmtBttn {
        text-align: center;
        margin-top: 2rem;
    }

    .tckt_dte_wrppr {
        margin-top: 2rem;
    }

    .tckt_srtngTop input[type=submit] {
        height: 5.2rem;
        width: 10rem;
        background-size: 1.6rem;
    }

    .srtng_lnks>li a {
        padding: 1.6rem 2.5rem;
        font-size: 1.5rem;
    }

    .tcktBttm_boxTop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .tcktBttm_boxTopRght {
        margin-bottom: 2rem;
    }

    .dwnld_bttn span {
        width: 2.4rem;
    }

    .srt_byBox select {
        height: 4.5rem;
        line-height: 4.3rem;
    }

    .clb_mtchTble_row {
        text-align: center;
        margin-top: -2.5rem;
    }

    .clb_mtchTble_row>* {
        width: 100%;
        margin-top: 2.5rem;
    }

    .clb_mtch_cll:last-child {
        text-align: center;
    }

    .event_cell {
        padding: 0;
    }

    .mmbrshpTxt_box {
        max-width: 100%;
    }

    .tem_img {
        width: 35rem;
    }

    .cmn_gap {
        padding: 6rem 0;
    }

    .footr_row {
        margin-top: -3rem;
    }

    .footr_row>* {
        margin-top: 3rem;
    }

    .footr_row>*:not(:first-child) {
        width: 50%;
    }

    .sbscrptnBox input[type=submit] {
        padding-left: 3rem;
        padding-right: 3rem;
        height: 6rem;
    }

    .footr_links {
        font-size: 1.3rem;
    }

    .footr_logo {
        width: 7rem;
    }

    .footr_top {
        padding: 5rem 0 5rem;
        background: var(--heading-text-color);
    }

    .srtng_lnks {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /* Tips Page */
    .inner_bnnr_section {
        min-height: 34rem;
    }

    .rnkng_cuntrBox strong {
        font-size: 2.6rem;
    }

    .rnkng_cuntrRow {
        width: 50rem;
    }

    .rnkng_cuntrBox {
        padding: 1.3rem 1.5rem
    }

    .tips_look_tble .event_cell,
    .tips_look_tble .dte_cell {
        width: 100%;
        padding: 0;
    }

    .slctd_no strong {
        font-size: 2.6rem;
    }

    /* Ranking Page */
    .rank-table {
        font-size: 1.5rem;
    }

    .ranking-table-wrap thead th {
        font-size: 1.3rem;
    }

    .ranking-table-wrap tbody td,
    .ranking-table-wrap.ranking-table-wrap2 tbody td {
        padding: 2rem 1rem;
    }

    .table.rank-table thead th:last-child,
    .table.rank-table tbody td:last-child {
        padding-right: 2rem;
    }

    .ranking-table-lwr .basic_bttn {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .table.rank-table.rank-table2 tbody td:nth-child(2) {
        padding-left: 1rem;
    }

    .custom-td i {
        height: 3rem;
        width: 3rem;
        min-width: 3rem;
    }

    .custom-td i img {
        max-width: 3rem;
        max-height: 3rem;
    }

    .custom-td p {
        width: calc(100% - 3rem);
    }

    .ranking-table-wrap thead th,
    .ranking-table-wrap.ranking-table-wrap2 thead th {
        padding: 2rem 1rem;
    }

    .rank-table-hdr {
        padding: 2.2rem;
    }

    .rank-table-hdr h3 {
        font-size: 1.8rem;
    }

    .table.rank-table.rank-table2 thead .sec-th {
        padding-left: 1rem;
    }

    .rnkns_sec .rnkng_cuntrTop {
        margin-bottom: 5rem;
    }

    /* Help Page */
    .help-accordion-wrap .accordion-button {
        font-size: 1.7rem;
    }

    .help-accordion-wrap .accordion-button::after {
        width: 3rem;
        height: 3rem;
        background-size: 0.7rem;
    }

    .help-accordion-wrap .accordion-button:not(.collapsed)::after {
        background-size: 0.7rem;
    }

    .help-accordion-sec .pg-hd {
        margin-bottom: 3rem;
    }

    /* Contact Page */
    .cntctRghtCol {
        width: 100%;
        position: static;
    }

    .cntctLftCol {
        width: 100%;
        padding: 0;
        margin-top: 3rem;
    }

    .cntct_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .cntctBox h1 {
        margin-bottom: 2rem;
    }

    .cntctBox .frm_footer {
        margin-top: 2rem;
    }

    /* Help Prize Page */
    .help-prize-wrap {
        padding: 3rem 2rem;
    }

    .help-prize-list-each .list-hdr {
        font-size: 1.7rem;
    }

    .help-prize-list-each {
        margin-bottom: 2rem;
    }

    .help-prize-uppr .pg-hd {
        margin-bottom: 2rem;
    }

    .help-prize-uppr {
        margin-bottom: 3rem;
    }

    /* Leagues Page */
    .jn_crtBttn_outr {
        max-width: 45rem;
    }

    .jn_crtnBox {
        padding: 4rem 2rem;
        margin-bottom: 4rem
    }

    .rnkng_cuntrTop {
        margin-bottom: 4rem;
    }

    .yur_lgeBttn_lstng>li a {
        padding: 1.6rem 1.6rem;
        font-size: 1.5rem;
        min-width: 11.4rem;
    }

    /* Create League Page  */
    .stepBox {
        padding: 3.5rem 2.5rem;
    }

    .crte_lgeStp_lstng>li a {
        width: 6.4rem;
        height: 6.4rem;
        font-size: 1.7rem;
    }

    .crte_lgeStp_lstng::before {
        right: 6.4rem;
        left: 6.4rem;
        top: 3.2rem;
    }

    .crte_lgeStp_lstng li::after {
        top: 2.4rem;
    }

    .crte_lgeStep {
        margin: 0 auto 4rem;
    }

    .crte_lgeBox .pge_hdng {
        margin-bottom: 3rem;
    }

    .stepBox .frm_footer {
        margin-top: 3rem;
    }

    .stepBox .input_row {
        --bs-gutter-x: 2rem;
    }

    /* Create League Page 2  */
    .step_row {
        --bs-gutter-y: 2.4rem;
    }

    .crte_lgeBox .pge_hdng {
        margin-bottom: 2rem;
    }

    .step_editBox {
        padding-top: 0;
    }

    .step_editBox ul li strong {
        font-size: 1.6rem;
    }

    .step_editBox ul li:not(:last-child) {
        margin-bottom: 1.2rem;
    }

    .edtBttn_outr {
        margin-top: 2.5rem;
    }

    .step_editBox .basic_bttn {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .edtBttn_outr .basic_bttn span {
        width: 1.6rem;
        margin-right: 0.6rem;
    }

    .step_colBox {
        padding: 3rem 2rem;
    }

    .cpy_bttn {
        padding: 1.5rem 1.8rem;
        font-size: 1.5rem;
    }

    .step_invteBox input[type="submit"] {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .step_invteBox .frm_footer,
    .invte_sclBox {
        margin-top: 2.5rem;
    }

    /* Join A league Page */
    .league-srch-form form {
        width: 26rem;
    }

    .league-srch-form form input[type="text"] {
        height: 6rem;
        font-size: 1.4rem;
        line-height: 5.8rem;
        padding-right: 6rem;
        font-size: 1.3rem;
    }

    .league-srch-form form input[type="submit"] {
        width: 4.4rem;
        background-size: 1.5rem;
    }

    .league-srch-rgt .basic_bttn {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .league-srch-sec {
        margin-bottom: 3rem;
    }

    .rank-table.rank-table3 thead th:first-child,
    .rank-table.rank-table3 tbody td:first-child {
        padding-left: 1.5rem;
    }

    .rank-table.rank-table3 tbody td:nth-child(2) {
        padding-left: 1rem;
    }

    .rank-table.rank-table3 .basic_bttn.border_bttn {
        padding: 1.4rem 3rem;
    }

    .ranking-table-lwr {
        margin-top: 4rem;
    }

    .ranking-table-wrap {
        padding-bottom: 2.5rem;
    }

    /* League Details Invite */
    .legue_dtlsBox {
        padding: 3rem 2rem;
    }

    .legue_dtlsBox .pge_hdng {
        margin-bottom: 2.5rem;
    }

    .lege_dtlsFrmBox {
        margin-top: 2.5rem;
    }

    .lge_invteFrm_bttm .jon_crteBttn_lstng {
        min-width: 38rem;
    }

    .lge_dtlsAbut_box ul li strong {
        font-size: 1.6rem;
    }

    .lge_dtlsAbut_box ul li:not(:last-child) {
        margin-bottom: 1.6rem;
    }

    .chnge_psswrdTxt {
        padding-bottom: 1.5rem;
    }

    .chnge_psswrdTxt a {
        font-size: 1.5rem;
    }

    .lege_dtlsFrmBox .jon_crteBttn_lstng li input[type=submit] {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .frm_footer .jon_crteBttn_lstng li .basic_bttn {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .login_section .container-fluid {
        max-width: 720px;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        margin: 0 auto;
    }

    .lgin_rghtInfoBox {
        padding: 1.5rem;
        font-size: 1.4rem;
    }

    .login_rghtBox {
        padding: 2rem;
    }

    .login_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .login_row>* {
        width: 100%;
    }

    .login_lft {
        padding: 0;
        margin-bottom: 2rem;
    }

    .login_rght {
        min-height: 32rem;
        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: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .lginTxt_tag {
        padding: 1.3rem 2rem;
        font-size: 1.4rem;
    }

    .login_lftBox {
        height: auto;
        min-height: inherit;
    }

    .loginFrm_box .basic_bttn {
        padding: 1.2rem 3rem;
        font-size: 1.5rem;
    }

    .scssfl_pswrdBox {
        padding-bottom: 0;
    }

    .scfl_lgoImg img {
        max-width: 14rem;
    }

    .scfl_lgoImg {
        margin-bottom: 2.5rem;
    }

    .loginFrm_box input[type=submit] {
        height: 5.6rem;
    }

    .login_hdr,
    .lgin_frmTTle {
        margin-bottom: 3rem;
    }

/* support 18/7/23 */

.usrBox{
    position: relative;
    background: url(../images/srt_dwn.svg) right top 25px no-repeat;
    background-size: 1.2rem;
}

.usrBox .clickD{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}



}

@media (max-width: 767px) {

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    .form-control,
    select {
        height: 4.8rem;
        line-height: 4.6rem;
    }

    select {
        background-size: 1.2rem;
        padding-right: 3.2rem;
    }

    input[type="submit"] {
        height: 5.1rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        font-size: 1.4rem;
        border-radius: 1rem;
    }

    textarea,
    textarea.form-control {
        height: 10rem;

    }

    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }

    h1,
    .hOne,
    h2,
    .hTwo {
        font-size: 3.2rem;
    }

    h3,
    .hThree {
        font-size: 2.2rem;
    }

    h4,
    .hFour {
        font-size: 2rem;

    }

    h5,
    .hFive {
        font-size: 1.6rem;

    }

    h6,
    .hSix {
        font-size: 1.5rem;
    }

    .bnnr_section {
        min-height: 37rem;
        padding: 3.5rem 0;
    }

    .basic_bttn {
        padding: 1.5rem 2.4rem;
        font-size: 1.4rem;
        border-radius: 1rem;
    }

    .basic_bttn::before {
        border-radius: 1rem;
    }

    .bnnr_txt {
        padding-left: 1.5rem;
    }

    .bnnr_txt_uppr::before {
        left: -1.5rem;
    }

    .bnnr_bttnOutr {
        padding-top: 2rem;
    }

    .tckt_srtngTop select {
        background-size: 0.9rem;
    }

    .tcktbrd_logo {
        width: 12rem;
        min-width: 12rem;
    }

    .dwnld_bttn span {
        width: 2rem;
    }

    .srtng_lnks>li a {
        padding: 1.3rem 2rem;
        font-size: 1.4rem;
    }

    .srtng_lnks {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    .srtng_lnks>li {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .clb_mtch_row {
        font-size: 1.4rem;
    }

    .mtchDtls_inner_col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .mtch_dtlsCll_col p,
    .tips_look_tble .mtch_dtlsCll_col p {
        width: 100%;
    }

    .club_logoBox {
        margin-bottom: 1.5rem;
    }

    .sbscrptnBox input[type=submit] {
        height: 5.1rem;
    }

    .footr_top {
        padding: 3.5rem 0;
    }

    .cmn_gap {
        padding: 3.5rem 0;
    }

    .tckt_srtngTop input[type=submit] {
        height: 4.5rem;
        background-size: 1.4rem;
    }

    .tem_img {
        width: 26rem;
    }

    .mmbrshp_logo_lstng>li img {
        max-width: 6.2rem;
        max-height: 7.2rem;
    }

    .mmbrshp_logo_lstng {
        margin-bottom: 1.5rem;
    }

    .pgntn_wrppr {
        margin-top: 2rem;
    }

    .fotr_scl_lstng {
        padding-top: 0;
    }

    .mmbrshp_logo_lstng>li {
        width: 6.2rem;
    }

    .club_logoBox {
        margin-left: 0;
    }

    /* Tips Page */
    .inner_bnnr_section {
        min-height: 28rem;
    }

    .rnkng_cuntrTop {
        padding: 2rem 2.2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .rnkng_cuntrBox strong {
        font-size: 2.2rem;
    }

    .rnkng_cuntrRow {
        width: 100%;
    }

    .rnkng_cuntr_sclLstng {
        margin-top: 2rem;
    }

    .tips_look_tble .form_input_radio {
        width: 100%;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1.5rem;
    }

    .tips_look_tble .mtch_dtlsCll_col:last-child .form_input_radio {
        margin-left: 0;
    }

    .tips_look_tble .mtch_dtlsCll_col .mtchDtls_inner_col {
        width: 100%;
    }

    .tips_look_tble .mtch_dtlsCll_col:last-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .tips_look_tble .form_input_radio label {
        width: 2rem;
    }

    .tips_bttm_wrppr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .slctd_pck_info {
        margin-right: 1rem;
    }

    .slctd_no strong {
        font-size: 2.2rem;
    }

    .bttm_bttn_lstng>li input[type=submit] {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .bttm_bttn_lstng>li:not(:last-child) {
        margin-right: 1.2rem;
    }

    .tips_bttm_wrppr .pgntn {
        margin-top: 2rem;
    }

    .frgt_modal {
        padding: 3rem 2rem;
    }

    /* Ranking Page */
    .rank-table {
        min-width: 80rem;
        margin-bottom: 2rem;
    }

    .scroll_tble {
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--primary-alt-color) rgba(151, 27, 47, 0.03);
        scroll-behavior: smooth;
    }

    .scroll_tble:-webkit-scrollbar {
        width: 8px;
        height: 8px;
        scrollbar-color: var(--primary-alt-color) rgba(151, 27, 47, 0.10);
        border-radius: 5rem;
        -webkit-border-radius: 5rem;
        -moz-border-radius: 5rem;
        -ms-border-radius: 5rem;
        -o-border-radius: 5rem;
        background-clip: padding-box;
    }

    .scroll_tble:-webkit-scrollbar-track {
        background: transparent;
        background: rgba(151, 27, 47, 0.10);
        height: 4px;
        width: 4px;
        border-radius: 5rem;
        -webkit-border-radius: 5rem;
        -moz-border-radius: 5rem;
        -ms-border-radius: 5rem;
        -o-border-radius: 5rem;
    }

    .scroll_tble:-webkit-scrollbar-thumb {
        height: 4px;
        width: 4px;
        border-radius: 5rem;
        -webkit-border-radius: 5rem;
        -moz-border-radius: 5rem;
        -ms-border-radius: 5rem;
        -o-border-radius: 5rem;
        background-clip: padding-box;
        border: 0;
        background: rgba(151, 27, 47, 0.10);
    }

    .scroll_tble::-webkit-scrollbar-thumb {
        height: 4px;
        width: 4px;
        border-radius: 5rem;
        -webkit-border-radius: 5rem;
        -moz-border-radius: 5rem;
        -ms-border-radius: 5rem;
        -o-border-radius: 5rem;
        background-clip: padding-box;
        border: 0;
        background: var(--primary-alt-color);
    }

    .scroll_tble::-webkit-scrollbar {
        background-clip: padding-box;
        border: 0;
        background: rgba(151, 27, 47, 0.10);
        border-radius: 5rem;
        -webkit-border-radius: 5rem;
        -moz-border-radius: 5rem;
        -ms-border-radius: 5rem;
        -o-border-radius: 5rem;
        height: 4px;
        width: 4px;
    }

    .scroll_tble {
        margin-bottom: 2rem;
    }

    .pgntn_wrppr.ranking-table-lwr {
        margin-top: 0;
    }

    .ranking-table-lwr {
        padding: 0 1.5rem;
    }

    .ranking-table-lwr .basic_bttn {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .rank-table-hdr h3 {
        font-size: 1.6rem;
    }

    .ranking-table-wrap tbody td,
    .ranking-table-wrap.ranking-table-wrap2 tbody td {
        padding: 1.4rem 1rem;
    }

    .navbar-brand {
        width: 8rem;
        min-width: 8rem;
    }

    /* Help Page */
    .help-accordion-wrap .accordion-button {
        font-size: 1.5rem;
    }

    /* Contact Page */
    .cntctBox .input_col:not(:last-child) {
        margin-bottom: 1.6rem;
    }

    /* Help Prize Page */
    .help-prize-list-each .list-hdr {
        font-size: 1.6rem;
    }

    /* Ranking Page */
    .rnkns_sec .rnkng_cuntrTop {
        margin-bottom: 5rem;
    }

    /* Leagues Page */
    .rnkng_cuntrTop {
        margin-bottom: 2.5rem;
    }

    .jn_crtBttn_outr {
        max-width: 100%;
    }

    .jn_crtnBox .pge_hdng {
        margin-bottom: 2.5rem;
    }

    .yur_legeBox_inner {
        padding: 2.5rem 1.5rem 2rem;
    }

    .yur_lgeBox_col {
        padding: 2rem;
    }

    .yur_lgeBttn_lstng>li a {
        padding: 1.4rem 1.4rem;
        font-size: 1.4rem;
        min-width: 10rem;
    }

    .yur_lgeBttn_lstng>li a span img {
        max-width: 1.2rem;
        max-height: 1.2rem;
    }

    .yur_lgeBttn_lstng>li a span {
        margin-right: 0.5rem;
    }

    .yur_lege_bttmInfo {
        margin-top: 2rem;
    }

    /* Create League Page 2  */
    .invte_sclBox .rnkng_cuntr_sclLstng {
        margin-top: 0;
    }

    .step_editBox ul li strong {
        font-size: 1.5rem;
        margin-top: 0.8rem;
    }

    .step_editBox ul li:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    .edtBttn_outr {
        margin-top: 2rem;
    }

    .step_editBox .basic_bttn {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .cpy_bttn {
        padding: 1.3rem 1.5rem;
        font-size: 1.4rem;
    }

    .invte_mail_hdng {
        margin-bottom: 2rem;
    }

    .step_invteBox input[type="submit"] {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* Join A league Page */
    .le-srch-rgt {
        width: 100%;
    }

    .league-srch-rgt .basic_bttn {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .league-srch-form form input[type="text"] {
        height: 5.1rem;
        line-height: 4.9rem;
        padding-right: 6rem;
    }

    .league-srch-form form input[type="submit"] {
        top: 0.5rem;
        right: 0.5rem;
        bottom: 0.5rem;
        width: 4.1rem;
        padding-right: 5rem;
    }

    .league-srch-rgt {
        width: calc(100% - 26.7rem);
    }

    .league-srch-rgt .basic_bttn {
        width: 100%;
    }

    .league-srch-sec {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .league-srch-lft .hSix {
        text-align: center;
        margin-bottom: 2rem;
    }

    .yur_legeBox_outr.leg-outr2 {
        padding: 3rem 1.5rem 2rem 1.5rem;
    }

    .rank-table.rank-table3 .basic_bttn.border_bttn {
        padding: 1.2rem 2rem;
    }

    .yur_legeBox_outr.leg-outr2 .yur_lgeBox_col {
        padding: 0;
        margin-bottom: 2rem;
    }

    .ranking-table-wrap.ranking-table-wrap3.ranking-justify .scroll_tble {
        overflow-x: hidden;
        margin: 0;
    }

    .ranking-table-wrap.ranking-table-wrap3.ranking-justify .rank-table {
        min-width: unset;
    }

    /* League Details Invite */
    .add_row {
        display: block;
    }

    .add_row .input_row {
        width: auto;
    }

    .add_row .addBttn_box {
        padding: 0;
        margin-top: 2rem;
        width: 100%;
    }

    .lge_invteFrm_bttm {
        margin-top: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .lge_invteFrm_bttm .jon_crteBttn_lstng {
        margin-bottom: 2rem;
    }

    .chnge_psswrdTxt a {
        font-size: 1.4rem;
    }

    /* League Details Invite */
    .lege_dtlsFrmBox .input_row {
        --bs-gutter-y: 2.4rem;
    }

    .lege_dtlsFrmBox .input_col {
        width: 100%;
        margin-bottom: 0;
    }

    .lege_dtlsFrmBox .frm_footer {
        margin-top: 2rem;
    }

    .chnge_psswrdTxt {
        padding-bottom: 0;
    }

    .lege_dtlsFrmBox .jon_crteBttn_lstng li input[type=submit] {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .frm_footer .jon_crteBttn_lstng li .basic_bttn {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .chng_psswrdBox {
        width: 100%;
    }

    .login_section .container-fluid {
        max-width: calc(100% - (50% - 540px / 2));
    }

    .loginFrm_box .input_row>* {
        width: 100%;
    }

    .loginFrm_box .basic_bttn {
        padding: 1.4rem 2rem;
        font-size: 1.4rem;
    }

    .scssfl_pswrdBox {
        padding-bottom: 0;
    }

    .scfl_lgoImg img {
        max-width: 10rem;
    }

    .scfl_lgoImg {
        margin-bottom: 2rem;
    }

    .login_rghtBox {
        padding: 1.2rem;
    }

    .lginTxt_tag {
        margin-bottom: 1rem;
    }

    .loginFrm_box input[type=submit] {
        height: 4.6rem;
    }
    /* 20.03.24 css */
    .mtch_content{
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .mtch_content.right-con{
        text-align: center;
    }
    .mtchDtls_inner_last {
        flex-direction: column;
        padding-left: 10px;
    }
    .mtch_content {
        padding-bottom: 10px;
    }
    /* 20.03.24 css */
}

@media (max-width: 575px) {
    .footr_row>*:not(:first-child) {
        width: 100%;
    }

    .tckt_slctDrp_wrppr {
        margin-top: -2rem;
    }

    .tckt_slctDrp_wrppr>* {
        width: 100% !important;
        margin-top: 2rem;
        padding: 0;
    }

    .mtch_dtls_row {
        margin-top: -1.5rem;
    }

    .mtch_dtls_row>* {
        width: 100%;
        margin-top: 1.5rem;
    }

    #scroll {
        width: 4.8rem;
        height: 4.8rem;
        bottom: 4rem;
    }

    #scroll em {
        font-size: 2.5rem;
    }

    .pgntn_wrppr {
        text-align: center;
    }

    /* Tips Page */
    .rnkng_cuntrRow {
        margin-top: -1.6rem;
    }

    .rnkng_cuntrRow>* {
        width: 50%;
        margin-top: 1.6rem;
    }

    .rnkng_cuntrCol:last-child {
        width: 100%;
    }

    .rnkng_cuntr_sclLstng>li a {
        width: 4rem;
        height: 4rem;
    }

    .rnkng_cuntr_sclLstng>li a>img {
        max-width: 2rem;
        max-height: 2rem;
    }

    .tps_bttm_rght {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .slctd_pck_info {
        margin: 0;
        margin-bottom: 1.5rem;
    }

    .tips_bttm_wrppr {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /* Ranking Page */
    .rank-table {
        min-width: 68rem;
        font-size: 1.4rem;
    }

    /* Join A league Page */
    .league-srch-form form {
        width: 100%;
    }

    .le-srch-rgt>* {
        width: 100%;
    }

    .league-srch-rgt {
        width: 100%;
        text-align: center;
    }

    .league-srch-rgt .basic_bttn {
        width: auto;
    }

    .league-srch-mid {
        margin-bottom: 2rem;
    }

    .ranking-table-wrap.ranking-table-wrap3.ranking-justify .scroll_tble {
        overflow-x: auto;
        margin-bottom: 2rem;
    }

    .login_section .container-fluid {
        max-width: 100%;
        width: 100%;
    }

    /* support 18/7/23 */

    .page-count-left{
        order: 2;
    }

    .page-count-right{
        order: 1;
        margin-bottom: 10px;
    }

    .page-count-row{
        margin-top: 15px;
        justify-content: center;
        align-items: center;
    }

    .page-count-row .paging_simple_numbers.float-right{
        text-align: center;
    }

    .page-count-row .pagination{
        justify-content: center;
    }

    /* support 18/7/23 */

    .mtch_dtlsCll_col {
        width: calc(calc(100% - 5rem) / 2);
    }

    .vs_txt {
        width: 5rem;
    }

    .clb_mtch_cll.event_cell{
        order: 3;
    }

    .clb_mtch_cll.tag_cell{
        order: 2;
        width: 50%;
    }

    .clb_mtch_cll.dte_cell{
        order: 1;
        width: 50%;
        text-align: left;
    }
    .mtch_dtls_new .mtch_dtls_row {
        flex-direction: column;
    }
    .mtch_dtls_new .mtchDtls_inner_col {
        padding-right: 0;
    }
    .mtchDtls_inner_last {
        padding-left: 0;
    }
    .mtch_dtls_new .mtch_dtlsCll_col {
        width: 100%;
    }
    .mtch_dtls_new .tip-percentage-wrp span {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .bnnr_section {
        min-height: 32rem;
    }

    .tcktBttm_boxDwn .pge_hdng {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tcktBttm_boxDwn .pge_hdng h2 {
        padding: 0;
    }

    .srt_byBox {
        margin-top: 2rem;
    }

    .tem_img {
        width: 18rem;
    }

    #scroll {
        bottom: 7rem;
    }

    .tcktbrd_logo {
        width: 9rem;
        min-width: 9rem;
    }

    .tcktBttm_boxDwn {
        padding: 2rem 1.2rem 2rem;
    }

    .clb_mtchTble_wrppr {
        padding: 2rem 1rem 2rem;
    }

    h1,
    .hOne,
    h2,
    .hTwo {
        font-size: 2.6rem;
    }

    /* Tips Page */
    .inner_bnnr_section {
        min-height: 24rem;
    }

    .clb_mtch_row.lve_mtch_active {
        padding-top: 3.8rem;
    }

    .bttm_bttn_lstng>li input[type=submit] {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    .bttm_bttn_lstng>li:not(:last-child) {
        margin-right: 1rem;
    }

    .tps_svd_icon {
        width: 7.4rem;
        height: 7.4rem;
        margin: 0 auto 2rem;
    }

    .tps_svd_icon img {
        max-width: 2.6rem;
        max-height: 2rem;
    }

    .tips_svd_modal .border_bttn,
    .tips_svd_modal .basic_bttn {
        padding-left: 2.2rem;
        padding-right: 2.2rem;
    }

    .shre_wthBox {
        margin-top: 2rem;
    }

    /* Leagues Page */
    .jon_crteBttn_lstng {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: -1rem;
    }

    .jon_crteBttn_lstng>li {
        width: 100%;
        margin-top: 1rem;
    }

    .yur_lgeBttn_lstng>li {
        width: 33.33%;
    }

    .yur_lgeBttn_lstng>li a {
        width: 100%;
        min-width: unset;
    }

    .yur_lgeBttn_lstng {
        margin-left: -0.4rem;
        margin-right: -0.4rem;
    }

    .yur_lgeBttn_lstng>li {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    /* Leagues Page */
    .yur_lgeBttn_lstng>li {
        width: 50%;
    }

    /* Create League Page  */
    .stepBox {
        padding: 2.5rem 2rem;
    }

    .crte_lgeStp_lstng>li a {
        width: 4.4rem;
        height: 4.4rem;
        font-size: 1.5rem;
    }

    .crte_lgeStp_lstng::before {
        right: 4.4rem;
        left: 4.4rem;
        top: 2.2rem;
    }

    .crte_lgeStp_lstng li::after {
        top: 1.4rem;
    }

    .crte_lgeStep {
        margin: 0 auto 3rem;
    }

    .crte_lgeBox .pge_hdng {
        margin-bottom: 2rem;
    }

    .stepBox .frm_footer {
        margin-top: 2rem;
    }

    .crte_lgeStp_lstng>li a::before {
        left: 0.5rem;
        right: 0.5rem;
        top: 0.5rem;
        bottom: 0.5rem;
    }

    .crte_lgeStp_lstng>li span {
        margin-top: 1.5rem;
    }

    .crte_lgeStep {
        max-width: 100%;
    }

    .stepBox .input_col:not(:last-child) {
        margin-bottom: 2rem;
    }

    .stepBox .input_row>* {
        width: 100%;
    }

    .stepBox .frm_footer .basic_bttn {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* Create League Page 2  */
    .cpy_bttnOutr {
        margin-bottom: 2.5rem;
    }

    .ranking-table-wrap.ranking-table-wrap3.ranking-justify .rank-table {
        min-width: 50rem;
    }

    /* League Details Invite */
    .lge_invteFrm_bttm .jon_crteBttn_lstng {
        min-width: unset;
    }

    .lege_dtlsFrmBox.accnt_sttngsFrmBox .frm_footer .jon_crteBttn_lstng {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .lege_dtlsFrmBox.accnt_sttngsFrmBox .frm_footer .jon_crteBttn_lstng li {
        width: 50%;
    }

    .lege_dtlsFrmBox.accnt_sttngsFrmBox .frm_footer .jon_crteBttn_lstng li>* {
        width: 100%;
    }

    .otp_frm_box .otp_input_row input {
        height: 5rem;
    }

    /* support 18/7/23 */

    input[type="text"], input[type="date"], input[type="tel"], input[type="password"], input[type="email"], 
    input[type="number"], .form-control, select{
        padding: 0 1.5rem;
    }

    .clb_mtch_cll.tag_cell .txtBttn {
        padding: 1.5rem 0.5rem;
        min-width: 11.6rem;
    }

    .clb_mtch_row {
        font-size: 1.2rem;
    }

    .league-srch-form .league-srch-form-wrap{
        width: 100%;
    }


}

@media(max-width: 374px) {

    /* Tips Page */
    .rnkng_cuntrRow>* {
        width: 100%;
    }

    .frgt_modal {
        padding: 3rem 1.5rem;
    }

    .tips_svd_modal .border_bttn,
    .tips_svd_modal .basic_bttn {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .cntctRow_wrppr {
        padding: 1.5rem;
    }

    /* Create League Page 2  */
    .step_colBox {
        padding: 2.5rem 1.5rem;
    }

    .ranking-table-wrap.ranking-table-wrap3.ranking-justify .pgntn_wrppr.ranking-table-lwr {
        padding: 0 0.6rem;
    }

    .otp_input_row {
        margin-left: -0.3rem;
        margin-right: -0.3rem;
    }

    .otp_input_row>* {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
}