@font-face {
    font-family: "GothamLight";
    src: url("../fonts/Gotham/Gotham-Light.otf");
}
@font-face {
    font-family: "Gotham";
    src: url("../fonts/Gotham/GothamBook.ttf");
}
@font-face {
    font-family: "GothamMedium";
    src: url("../fonts/Gotham/Gotham-Bold.otf");
}
@font-face {
    font-family: "GothamBlack";
    src: url("../fonts/Gotham/Gotham-Black.otf");
}
@font-face {
    font-family: "GothamBook";
    src: url("../fonts/Gotham/GothamBook.ttf");
}
@font-face {
    font-family: "GothamBold";
    src: url("../fonts/Gotham/Gotham-Bold.otf");
}

.fs-gothamlight {
    font-family: GothamLight !important;
}
.fs-gotham {
    font-family: Gotham !important;
}
.fs-gothammedium {
    font-family: GothamMedium !important;
}
.fs-gothamblack {
    font-family: GothamBlack !important;
}
.fs-gothambook {
    font-family: GothamBook !important;
}

:root {
    --gold: #fed531;
    --dark-gold: #f5b92b;
    --red: #ff0000;
}

* {
    font-weight: 400 !important;
}
html {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}
body {
    height: 100%;
    overflow: hidden !important;
    color: white;
    font-family: "Poppins", sans-serif !important;
    background-color: #1c1c1c !important;
}
.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100vw !important;
    height: 100%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.custom-padding {
    padding: 0 clamp(calc(0.6rem - 1.2vw), 1.2vw, 23px);
}
.custom-padding2 {
    padding: clamp(50px, 4.16vw, 80px) clamp(0.4rem, 4.6vw, 90px);
}
.page-title {
    padding-bottom: clamp(1rem, 3vw, 58px);
}
.pagination-arrow {
    width: clamp(25px, 2.24vw, 43px);
}
/*---------- Miscellaneous ----------*/
.clickable:hover {
    cursor: pointer;
}
.no-decoration {
    text-decoration: none;
}
.underline {
    text-decoration: underline;
}
.no-wrap {
    white-space: nowrap;
}
.simple-link {
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}
.html-dump a,
.html-dump p {
    display: inline-block !important;
}
.simple-link:hover {
    color: var(--dark-gold) !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0 !important;
}
.search-page-icon {
    width: clamp(15px, 1.31vw, 25px);
}
.vjs-big-play-button {
    z-index: 2 !important;
}
.floated-navbar-brand {
    position: absolute;
    top: 15px;
}
.floated-navbar-brand > img {
    width: clamp(35px, 3.4vw, 54px);
}
.border-raduis-15px {
    border-radius: 12px !important;
}
/*---------- End Miscellaneous ----------*/

/*---------- Structure ----------*/
section {
    padding-bottom: clamp(25px, 3.65vw, 70px);
}
.videos section:last-child {
    padding-bottom: 0;
}
.lower {
    padding-top: clamp(80px, 8vw, 150px) !important;
}
.error-message {
    padding-top: clamp(3px, 0.28vw, 7px);
    color: var(--red);
}
.login-form .error-message {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}
.success-message {
    color: rgb(0, 206, 0);
    padding-bottom: clamp(5px, 0.5vw, 10px);
}
/*---------- End Structure ----------*/

/*---------- Text Colors ----------*/
.text-white {
    color: white !important;
}
.text-white > p {
    color: white !important;
}
.text-white > p > span {
    color: white !important;
}
.text-dark-gold {
    color: var(--dark-gold) !important;
}
.text-gold {
    color: var(--gold) !important;
}
.text-black {
    color: black !important;
}
.text-red {
    color: var(--red) !important;
}
.text-error {
    color: var(--red) !important;
}
/*---------- End Text Colors ----------*/

/*---------- Fonts Weights ----------*/
.fw-light {
    font-weight: 300 !important;
}
.fw-regular {
    font-weight: 400 !important;
}
.fw-medium {
    font-weight: 500 !important;
}
.fw-semibold {
    font-weight: 600 !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-extrabold {
    font-weight: 800 !important;
}
/*---------- End Fonts Weights ----------*/

/*=================================================*/
/*-------------------- BUTTONS --------------------*/
/*=================================================*/
.button {
    background-color: var(--dark-gold);
    border: none;
    color: white;
    border-radius: 1000px;
    height: clamp(30px, 2.5vw, 48px);
}
.button-lg {
    height: clamp(45px, 3.85vw, 74px);
}
.button.alt {
    border-radius: clamp(3px, 0.5vw, 10px);
}
.button.banner-btn {
    padding-left: clamp(5px, 1.04vw, 20px);
    padding-right: clamp(5px, 1.04vw, 20px);
    margin-top: clamp(3px, 0.52vw, 10px);
}
.button:disabled {
    background-color: rgb(128, 128, 128) !important;
    color: rgb(51, 51, 51);
}
.button.disabled {
    background-color: rgb(128, 128, 128) !important;
    color: rgb(51, 51, 51);
}
.button:hover {
    background-color: #f0b01a;
}
.button:active {
    background-color: #f0a800;
}
/*=====================================================*/
/*-------------------- END BUTTONS --------------------*/
/*=====================================================*/

/*=====================================================*/
/*-------------------- FORM FIELDS --------------------*/
/*=====================================================*/
select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}

.input-field-container {
    border: solid 1px var(--dark-gold);
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 1000px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: clamp(8px, 0.58vw, 0.58vw) clamp(15px, 1.3vw, 25px);
    height: clamp(40px, 2.76vw, 53px);
    position: relative;
    z-index: 1;
}
.input-field-container .country-code-field {
    width: 45%;
    min-width: clamp(90px, 8.3vw, 160px);
}
.input-field-container:hover {
    z-index: 2;
}
#login-modal .input-field-container {
    background: none !important;
}
/*--- special styling for login ---*/
.login-form .dropdown-item.active.selected {
    color: white !important ;
}
.login-form .input-field-container {
    padding: clamp(0px, 1.17vw, 22.4px) clamp(16px, 1.34vw, 25.6px);
    height: clamp(45px, 3.85vw, 74px);
}
/*--- END special styling for login ---*/
.input-field-container.disabled {
    background-color: rgba(87, 87, 87, 0.9);
}
.input-field-container-focused {
    border-color: var(--gold);
    z-index: 10;
}
.input-field-container > .s-icon {
    min-width: clamp(16px, 1.2vw, 23px);
}
.input-field-container > .s-icon > img {
    width: clamp(16px, 1.2vw, 23px);
    max-height: clamp(20px, 1.6vw, 40px);
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
}
.input-field-container > .e-icon {
    min-width: clamp(19px, 1.46vw, 28px);
}
.input-field-container > .e-icon > img {
    width: clamp(19px, 1.46vw, 28px);
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}
.input-field-container .input {
    position: relative;
    width: 100%;
}
.input-field-container > .input input {
    background: none;
    border: none;
    color: white;
    outline: none;
    font-size: clamp(11px, 0.83vw, 16px);
}
.input-field-container > .input input:disabled {
    color: rgba(255, 255, 255, 0.6);
}
#login-modal .input-field-container > .input input {
    color: black;
}
.input-field-container > .input input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
    background-clip: text;
    -webkit-background-clip: text;
}
#login-modal .input-field-container > .input input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
}
.input-field-container > .input input::-webkit-input-placeholder {
    color: var(--dark-gold);
}
.input-field-container > .input input::-moz-placeholder {
    color: var(--dark-gold);
}
.input-field-container > .input input:-ms-input-placeholder {
    color: var(--dark-gold);
}
.input-field-container > .input input::placeholder {
    color: var(--dark-gold);
}
.input-field-container > .input.error input::placeholder {
    color: var(--red) !important;
}
.input-field-container > .input input:focus::-webkit-input-placeholder {
    color: var(--gold);
}
.input-field-container > .input input:focus::-moz-placeholder {
    color: var(--gold);
}
.input-field-container > .input input:focus:-ms-input-placeholder {
    color: var(--gold);
}
.input-field-container > .input input:focus::placeholder {
    color: var(--gold);
}
#login-modal .input-field-container > .input input::-webkit-input-placeholder {
    color: black !important;
}
#login-modal .input-field-container > .input input::-moz-placeholder {
    color: black !important;
}
#login-modal .input-field-container > .input input:-ms-input-placeholder {
    color: black !important;
}
#login-modal .input-field-container > .input input::placeholder {
    color: black !important;
}
#login-modal
    .input-field-container
    > .input
    input:focus::-webkit-input-placeholder {
    color: black !important;
}
#login-modal .input-field-container > .input input:focus::-moz-placeholder {
    color: black !important;
}
#login-modal .input-field-container > .input input:focus:-ms-input-placeholder {
    color: black !important;
}
#login-modal .input-field-container > .input input:focus::placeholder {
    color: black !important;
}

.input-field-container select.form-select {
    background: none;
    border: none;
    color: white;
    outline: none;
    width: 0px !important;
    overflow: hidden;
}
.bootstrap-select.form-select {
    width: 100% !important;
}
.input-field-container .form-select {
    z-index: 10;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    background-image: none !important;
    line-height: 1 !important;
}
.input-field-container .dropdown-toggle {
    z-index: 0 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.input-field-container .dropdown-toggle:after {
    display: none !important;
}
.input-field-container .dropdown-toggle:focus {
    outline: none !important;
}
.input-field-container .bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
    outline-offset: 0 !important;
}
.input-field-container .bootstrap-select .filter-option-inner {
    position: relative;
    color: white !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    font-size: clamp(11px, 0.83vw, 16px) !important;
}
#login-modal .input-field-container .bootstrap-select .filter-option-inner {
    color: black !important;
}
.input-field-container .bootstrap-select .filter-option-inner:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    background-image: url("../../assets_web/icons/arrow-down-icon.svg");
    width: clamp(10px, 0.83vw, 16px);
    height: clamp(15px, 1.3vw, 25px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.input-field-container
    .input.no-value.error
    .bootstrap-select:not(.country-code)
    .filter-option-inner:after {
    background-image: url("../../assets_web/icons/arrow-down-error-icon.svg");
}
.input-field-container .input.no-value .bootstrap-select .filter-option-inner {
    color: var(--dark-gold) !important;
}
.input-field-container
    .input.no-value.error
    .bootstrap-select:not(.country-code)
    .filter-option-inner {
    color: var(--red) !important;
}
#login-modal
    .input-field-container
    .input.no-value
    .bootstrap-select
    .filter-option-inner {
    color: black !important;
}
.input-field-container .dropdown-menu {
    background-color: black !important;
    border: solid 1px var(--gold);
    border-radius: clamp(0px, 0.52vw, 10px);
    top: clamp(0px, 0.573vw, 11px) !important;
    z-index: 100;
    max-width: 100% !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}
#login-modal .input-field-container .dropdown-menu {
    background-color: white !important;
}
.input-field-container .dropdown-menu .inner {
    max-width: 100% !important;
}
.input-field-container .dropdown-item {
    color: white !important;
    max-width: 100% !important;
    font-size: clamp(11px, 0.83vw, 16px) !important;
}
#login-modal .input-field-container .dropdown-item {
    color: var(--dark-gold) !important;
}
#login-modal .input-field-container .dropdown-item.active {
    color: white !important;
}
.input-field-container .dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--gold) !important;
}
.input-field-container .dropdown-item.active,
.dropdown-item:active {
    background-color: var(--dark-gold) !important;
}
.input-field-container .bs-searchbox .form-control {
    box-shadow: none !important;
    border: solid 1px var(--gold);
}
.select-flags {
    width: clamp(18px, 1.56vw, 30px);
}

.the-datepicker__container {
    position: absolute !important;
    top: auto !important;
}
.the-datepicker__main {
    border-radius: clamp(10px, 1.458vw, 28px) !important;
    border: none !important;
    box-shadow: 0 1px 3px 2px rgba(59, 59, 59, 0.2) !important;
    padding: clamp(4px, 0.416vw, 8px) clamp(10px, 0.83vw, 16px) !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    height: fit-content !important;
}
.the-datepicker__top {
    display: none !important;
}
.the-datepicker__navigation {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.the-datepicker__state {
    padding: 0 clamp(12px, 1.25vw, 24px) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.the-datepicker__state > div {
    width: auto !important;
    padding: 0 clamp(2px, 0.16vw, 3.2px) !important;
    font-size: clamp(10px, 0.73vw, 14px) !important;
}
.the-datepicker__state select {
    border: none !important;
    outline: none !important;
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
    font-weight: 600 !important;
}
.the-datepicker__year {
    padding: 0 !important;
}
.the-datepicker__year > a {
    padding: clamp(2px, 0.25vw, 4.8px) !important;
}
.the-datepicker__main a.the-datepicker__button:hover {
    background-color: #fed53169 !important;
}
.the-datepicker__calendar-body {
    width: 100% !important;
}
.the-datepicker__table {
    width: 100% !important;
}
.the-datepicker__go {
    box-shadow: 1px 1px 2px 1px rgba(149, 149, 149, 0.3) !important;
    border-radius: clamp(5px, 0.52vw, 10px) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
.the-datepicker__go > a {
    opacity: 0;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.the-datepicker__go-next {
    background-image: url("../icons/arrow-next.png");
}
.the-datepicker__go-previous {
    background-image: url("../icons/arrow-prev.png");
}
.the-datepicker__main a.the-datepicker__button {
    color: black !important;
    font-size: clamp(10px, 0.73vw, 14px) !important;
    font-weight: 600 !important;
}
.the-datepicker__main
    td.the-datepicker__cell
    a.the-datepicker__button
    .the-datepicker__button-content.the-datepicker__day-content {
    padding: clamp(4px, 0.3vw, 6.4px) 0 !important;
}
.the-datepicker__main
    td.the-datepicker__cell--selected
    a.the-datepicker__button
    .the-datepicker__button-content,
.the-datepicker__main
    td.the-datepicker__cell--selected.the-datepicker__cell--highlighted
    a.the-datepicker__button
    .the-datepicker__button-content {
    background-color: var(--gold) !important;
    color: white !important;
}
.the-datepicker__main
    td.the-datepicker__cell
    a.the-datepicker__button:hover
    .the-datepicker__button-content {
    background-color: transparent !important;
    box-shadow: 0 0 1px 2px #fed53169 !important;
    color: var(--dark-gold) !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-icon-placeholder::before,
.vjs-playback-rate .vjs-playback-rate-value {
    top: 50% !important;
    left: 50% !important
}

.vjs-big-play-centered .vjs-big-play-button {
    margin-left:0 !important;
    margin-top:0 !important;
}

.video-js .vjs-big-button {
    position: absolute !important;
    top: 50% !important;
}

.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
    padding: 0 16px !important;
    margin: 0 15px !important; 
}

textarea {
    background-color: rgba(0, 0, 0, 0.2);
    border: solid 1px var(--dark-gold);
    outline: none;
    color: white;
    border-radius: clamp(15px, 1.3vw, 25px);
    padding: clamp(10px, 0.58vw, 12px) clamp(15px, 1.3vw, 25px);
    font-size: clamp(11px, 0.83vw, 16px) !important;
}
textarea::-webkit-input-placeholder {
    color: var(--dark-gold);
}
textarea::-moz-placeholder {
    color: var(--dark-gold);
}
textarea:-ms-input-placeholder {
    color: var(--dark-gold);
}
textarea::placeholder {
    color: var(--dark-gold);
}
textarea:focus {
    border-color: var(--gold);
}
textarea:focus::-webkit-input-placeholder {
    color: var(--gold);
}
textarea:focus::-moz-placeholder {
    color: var(--gold);
}
textarea:focus:-ms-input-placeholder {
    color: var(--gold);
}
textarea:focus::placeholder {
    color: var(--gold);
}

.password-fields {
    margin-left: clamp(-10px, -0.52vw, 0px) !important;
    margin-right: clamp(-10px, -0.52vw, 0px) !important;
}
.password-fields > div {
    padding-left: clamp(0px, 0.52vw, 10px);
    padding-right: clamp(0px, 0.52vw, 10px);
}
/*=========================================================*/
/*-------------------- END FORM FIELDS --------------------*/
/*=========================================================*/

/*===================================================*/
/*-------------------- PIN INPUT --------------------*/
/*===================================================*/
.pin-input-container {
    margin-left: clamp(-10px, -0.52vw, -3px) !important;
    margin-right: clamp(-10px, -0.52vw, -3px) !important;
    padding-bottom: clamp(0.5rem, 0.83vw, 1rem);
}
.pin-input-container div {
    padding: 0 clamp(3px, 0.52vw, 10px) !important;
}
.pin-input-container div input {
    aspect-ratio: 1/1;
    border: solid 2px var(--gold);
    border-radius: 1000px;
    text-align: center;
    background: none;
    background-color: rgba(0, 0, 0, 0.2);
    outline: none;
    color: white;
    font-size: clamp(20px, 2.04vw, 39px);
}
.pin-input-container div input:disabled {
    background-color: rgba(31, 31, 31, 0.9);
}
/*=======================================================*/
/*-------------------- END PIN INPUT --------------------*/
/*=======================================================*/

/*===============================================*/
/*-------------------- MODAL --------------------*/
/*===============================================*/
.modal-content {
    border: none !important;
    border-radius: clamp(10px, 1.31vw, 25px) !important;
}
.modal-content .modal-header {
    background-color: var(--dark-gold) !important;
    border-top-left-radius: clamp(10px, 1.31vw, 25px);
    border-top-right-radius: clamp(10px, 1.31vw, 25px);
    padding: clamp(4px, 0.53vw, 10px) clamp(15px, 0.265vw, 25px)
        clamp(4px, 0.53vw, 10px) clamp(20px, 2.347vw, 45px) !important;
}
.modal-content .close {
    background: none;
    border: none;
    width: clamp(15px, 1.47vw, 28px);
    height: clamp(15px, 1.47vw, 28px);
    padding: 0 !important;
    background-image: url("../icons/close-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.modal-content .close img {
    -o-object-fit: contain;
    object-fit: contain;
}
.modal .modal-dialog {
    max-width: clamp(500px, 41.68vw, 800px);
}
.modal .modal-body {
    padding: clamp(10px, 1.67vw, 20px) 0.6rem clamp(20px, 3.3vw, 40px) 0.6rem !important;
}
/*===================================================*/
/*-------------------- END MODAL --------------------*/
/*===================================================*/

/*================================================*/
/*-------------------- NAVBAR --------------------*/
/*================================================*/
nav {
    z-index: 999;
    position: absolute !important;
    padding: clamp(0.4rem, 0.7vw, 20px) clamp(0.6rem, 1vw, 20px) !important;
}
nav:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(
        rgba(0, 0, 0, 1),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-transition: background-image 0.2s;
    transition: background-image 0.2s;
}
nav.expanded:before {
    background-image: -webkit-linear-gradient(
        rgba(0, 0, 0, 1),
        rgba(0, 0, 0, 0.9)
    );
    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
}
nav > div {
    position: relative;
}
nav > a {
    position: relative;
}
nav .navbar-brand > img {
    width: clamp(35px, 3.4vw, 54px);
}
nav .nav-link {
    position: relative;
    color: white !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
nav .nav-link.disabled {
    color: grey !important;
}
nav .nav-link:hover {
    color: var(--dark-gold) !important;
}
nav .nav-link.active {
    color: var(--dark-gold) !important;
}
nav .nav-link.live:after {
    content: "";
    position: absolute;
    background-color: red;
    width: clamp(5px, 0.45vw, 9px);
    top: 0px;
    aspect-ratio: 1/1;
    border-radius: 1000px;
}
nav .nav-link.live.green-light:after {
    background-color: rgb(0, 206, 0);
}
nav .navbar-toggler {
    background: var(--color-primary);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
nav .navbar-toggler:focus {
    box-shadow: none !important;
}
nav .navbar-toggler span {
    position: relative;
    display: block;
    background: #fff;
    width: clamp(18px, 2vw, 25px);
    height: 2px;
    margin: clamp(3px, 0.4vw, 5px) 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
nav .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: clamp(3px, 0.35vw, 6.6px);
}
nav .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    background: transparent !important;
}
nav .navbar-toggler[aria-expanded="true"] span:nth-child(3) {
    top: clamp(-10px, 0.37vw, -7px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
nav .search {
    position: relative;
    width: clamp(150px, 12vw, 231px);
}
nav .search .search-button-js,
nav .search .search-button-js > img {
    width: clamp(15px, 1.2vw, 23px);
}
nav .search > input {
    width: 0px;
    padding: clamp(3px, 0.3vw, 5.76px) 0 clamp(3px, 0.3vw, 5.76px) 0;
    outline: none;
    background: none;
    border: none;
    color: white;
    font-size: clamp(12px, 0.965vw, 19px) !important;
    background-image: -webkit-linear-gradient(
        rgba(65, 65, 65, 0.8) 50%,
        rgba(181, 181, 181, 0.8)
    );
    background-image: linear-gradient(
        rgba(65, 65, 65, 0.8) 50%,
        rgba(181, 181, 181, 0.8)
    );
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}
nav .search.active > input {
    width: 100%;
}
nav .search > div {
    position: absolute;
    padding-top: clamp(3px, 0.3vw, 5.76px);
    height: 100%;
}

.profile-dropdown {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.profile-dropdown button {
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.profile-dropdown button:after {
    display: none !important;
}
.profile-dropdown .dropdown-menu {
    background-color: #1c1c1c;
    border-radius: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: clamp(0px, 11vw, 300px) !important;
    top: 35px !important;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}
.profile-dropdown .dropdown-menu a {
    color: white;
    text-decoration: none;
    padding: 11.2px 19.2px;
    padding: 0.7rem 1.2rem;
}
.profile-dropdown .dropdown-menu a.active {
    color: var(--dark-gold);
}
/*====================================================*/
/*-------------------- END NAVBAR --------------------*/
/*====================================================*/

/*=================================================*/
/*-------------------- BANNERS --------------------*/
/*=================================================*/
.banners {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.banners:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #1c1c1c 50%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), #1c1c1c 50%);
    bottom: 0px;
}
.banners .banners-slider {
    margin-bottom: 0 !important;
}
.banners .slider-item {
    position: relative;
    width: 100vw;
    aspect-ratio: 1920/930;
}
.banners .slider-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}
.banners .slider-item > div {
    position: relative;
}
.banners-slider .slick-dots {
    bottom: 13% !important;
    z-index: 1;
}
.banners-slider .slick-dots > li {
    margin: 0 clamp(1px, 0.26vw, 5px) !important;
}
.banners-slider .slick-dots > li > button:before {
    content: "" !important;
    background-color: white !important;
    opacity: 1 !important;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: clamp(8px, 0.83vw, 16px);
    height: clamp(8px, 0.83vw, 16px);
    border: solid clamp(1px, 0.15vw, 3px) white;
    border-radius: 100%;
}
.banners-slider .slick-dots > li.slick-active > button:before {
    background-color: transparent !important;
}

.banners-slider .cta-link {
    display: block;
    width: 100%;
    height: 100%;
}
/*=====================================================*/
/*-------------------- END BANNERS --------------------*/
/*=====================================================*/

/*---------- Watch Video ----------*/
#vod-video-player {
    width: 100vw;
    height: 100vh;
}
#live-video-player,
#placeholder-live-video {
    width: 100%;
    height: 100%;
}
/*---------- End Watch Video ----------*/

/*---------- EVENT ----------*/
.event-img {
    max-width: clamp(100px, 13.55vw, 260px);
}
/*---------- END EVENT ----------*/

/*========================================================*/
/*-------------------- CONTENT SLIDER --------------------*/
/*========================================================*/

.content-section-title {
    padding: 0 clamp(0px, 1.2vw, 23px) clamp(8px, 0.94vw, 18px)
        clamp(0px, 1.2vw, 23px);
}

/*---------- SLIDER ----------*/
.slider .slick-arrow {
    width: 6.7vw;
    height: 99%;
    top: 50%;
    z-index: 10;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.slider .slick-track {
    margin: 0;
}
.slider .slick-arrow.slick-disabled {
    opacity: 0 !important;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slider .slick-prev:before,
.slider .slick-next:before {
    width: clamp(0px, 2.6vw, 50px);
    height: clamp(0px, 2.6vw, 50px);
    top: calc(50% - clamp(0px, 1.05vw, 21px));

    content: "" !important;
    position: absolute;
    background-image: url("../../assets_web/icons/content-slider-arrow-right.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.slider .slick-prev {
    background: none !important;
}
.slider .slick-prev:hover,
.slick-prev:focus {
    background: none !important;
}
.slider .slick-next {
    background: none;
}
.slider .slick-next:hover,
.slick-next:focus {
    background: none !important;
}
/*---------- END SLIDER ----------*/

/*---------- SLIDER BOX ----------*/
.slider-box {
    height: auto !important;
    padding: clamp(0px, 0.2vw, 4px) clamp(0px, 1.2vw, 24px);
    /* padding: 0.2vw 1.2vw; */
}

.slider-box .image-sec {
    aspect-ratio: 3.15/4;
    border-radius: clamp(15px, 1.6vw, 31px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.slider-box > div:hover {
    box-shadow: 0 0 5px 0.15vw var(--gold);
}
.slider-box > div > a {
    text-decoration: none !important;
    position: relative;
    padding: clamp(8px, 1vw, 20px) clamp(8px, 1.2vw, 24px);
}
.slider-box > div > div {
    position: relative;
}

.slider-box > div > div:before {
    content: "";
    position: absolute;
    background-image: -webkit-linear-gradient(
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0.6)
    );
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    bottom: 0;
    width: 100%;
    height: 80%;
    border-bottom-left-radius: clamp(15px, 1.6vw, 31px);
    border-bottom-right-radius: clamp(15px, 1.6vw, 31px);
}
.slider-box  > a > div,
.slider-box  > div > div {
    position: relative;
}
.slider-box  > a > div > div:first-child,
.slider-box  > div > div > div:first-child {
    width: 100%;
}
.slider-box > a > div > div:first-child > h3,
.slider-box > div > div > div:first-child > h3 {
    padding-bottom: clamp(5px, 0.3vw, 6px);
}
.slider-box-btn img  {
    width: clamp(25px, 2.5vw, 48px);
}

.slider-box .subtitle {
    width: calc(100% - 10px);
}

.slider-box .box-info {
    padding: 10px 5px 0 5px;
}

/*---------- END SLIDER BOX ----------*/
/*============================================================*/
/*-------------------- END CONTENT SLIDER --------------------*/
/*============================================================*/

.viewall {
    max-width: clamp(0px, 93.75vw, 1800px);
    padding: 0.6vw;
}
.viewall-container {
    padding: 0 !important;
    margin-left: -1.3vw !important;
    margin-right: -1.3vw !important;
}
.viewall-container > div {
    padding: 0.2vw 1.3vw;
    padding-bottom: clamp(0.8rem, 2.6vw, 50px);
}
.viewall-container .slider-box {
    padding: 0;
}

/*==============================================*/
/*-------------------- LIVE --------------------*/
/*==============================================*/
.live > div > div:first-child:not(.has-upcomings) > div {
    padding-right: clamp(0px, 3.33vw, 64px);
    padding-left: clamp(0px, 3.33vw, 64px);
}
.live .video {
    aspect-ratio: 506/315;
}
.live .current-video .team-img {
    width: clamp(30px, 3.64vw, 70px);
    height: clamp(30px, 3.64vw, 70px);
}
.live .current-video .team-img > img {
    max-width: clamp(40px, 3.64vw, 70px);
    max-height: clamp(40px, 3.64vw, 70px);
    -o-object-fit: contain;
    object-fit: contain;
}
/*==================================================*/
/*-------------------- END LIVE --------------------*/
/*==================================================*/

/*==================================================*/
/*-------------------- SCHEDULE --------------------*/
/*==================================================*/
.schedule-container .daily-schedules {
    margin-left: clamp(-38px, -1.98vw, 0px) !important;
    margin-right: clamp(-38px, -1.98vw, 0px) !important;
}
.schedule-container .daily-schedules > div {
    padding: 0 clamp(0px, 1.98vw, 38px) !important;
    padding-bottom: clamp(30px, 3.123vw, 60px) !important;
}
.schedule-container .schedule-item {
    position: relative;
    aspect-ratio: 151/176;
    border-radius: clamp(3px, 0.26vw, 5px);
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.schedule-container .schedule-item > a > div:first-child {
    position: relative;
    aspect-ratio: 151/176;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.schedule-container .schedule-item > a > div:first-child > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: clamp(3px, 0.26vw, 5px);
}
.schedule-container .schedule-item:hover > a > div:first-child {
    box-shadow: 0 0 5px clamp(1px, 0.15vw, 2.88px) var(--gold);
}

.schedule-container .schedule-item > a > div:last-child {
    padding-top: clamp(5px, 0.54vw, 10px);
    display: flex;
}
.schedule-container .schedule-item > a > div:last-child > div {
    width: 100%;
    padding-right: 0.5rem;
}
.bell-icon-js {
    max-width: clamp(22px, 1.58vw, 30px);
    min-width: clamp(22px, 1.58vw, 30px);
    height: clamp(28px, 1.84vw, 35px) !important;
    margin-top: clamp(5px, 0.54vw, 10px);
}

.shake {
    -webkit-animation: shake;
    animation: shake;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; /* IE 9 */
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    33% {
        -webkit-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
    66% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }
    100% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}
@keyframes shake {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    33% {
        -webkit-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
    66% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }
    100% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

.schedule-dropdown {
    position: relative;
}
.schedule-dropdown > div {
    position: absolute;
    width: clamp(150px, 10.7vw, 204px);
    top: clamp(0px, 0.53vw, 10px);
    background-color: #0c0c0c;
    box-shadow: 0 2px 3px 0.03rem rgba(255, 255, 255, 0.2);
    z-index: 100;
    display: none;
    -webkit-animation: dropdown-open;
    animation: dropdown-open;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    padding: clamp(15px, 1.67vw, 20px) 0;
}
.year-picker {
    padding-bottom: clamp(15px, 1.67vw, 20px);
}
.year-picker > div:nth-child(2) {
    padding: 0 clamp(15px, 1.67vw, 20px);
}
.schedule-dropdown.open > div {
    display: block;
}
.schedule-dropdown .month {
    text-align: center;
    color: white;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
}
.pick-year-js {
    width: clamp(6px, 0.5vw, 9px);
}
.month {
    padding-bottom: clamp(5px, 0.53vw, 10px);
}
.schedule-dropdown .month:hover {
    color: var(--dark-gold);
}
.schedule-dropdown .month.active {
    color: var(--dark-gold) !important;
}
@-webkit-keyframes dropdown-open {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@keyframes dropdown-open {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.schedule-dropdown .year-picker > div:first-child > img,
.schedule-dropdown .year-picker > div:last-child > img {
    max-height: 14px;
    opacity: 0.6;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.schedule-dropdown .year-picker > div:first-child > img.disabled,
.schedule-dropdown .year-picker > div:last-child > img.disabled {
    opacity: 0.6 !important;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.schedule-dropdown .year-picker > div:first-child > img:hover,
.schedule-dropdown .year-picker > div:last-child > img:hover {
    opacity: 1;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.schedule-dropdown .year-picker > div:last-child > img {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/*---------- SCHEDULE DETAILS ----------*/
.schedule-details .bell-icon-js {
    padding: clamp(5px, 0.53vw, 10px) 0;
    max-width: none !important;
    min-width: 0 !important;
}
.schedule-details .bell-icon-js > img {
    min-width: 0 !important;
    max-width: clamp(25px, 1.94vw, 37px) !important;
}
/*---------- END SCHEDULE DETAILS ----------*/

/*======================================================*/
/*-------------------- END SCHEDULE --------------------*/
/*======================================================*/

/*---------- SUGGESTION BOX ----------*/
.suggestion-box-container {
    max-width: clamp(0px, 26vw, 500px);
}

.suggestion-box-scroll {
    position: relative;
    overflow: hidden;
    height: clamp(487.22px, 40.2515625vw, 772.83px);
}
.sections.suggestion-box-scroll {
    height: clamp(442px, 36.508854166vw, 700.97px) !important;
}

.suggestion-box-scroll > div {
    position: absolute;
    left: 0;
    top: 0;
    transition: top 0.4s;
}

.suggestion-box-container a {
    position: relative;
}
.suggestion-box > div:first-child {
    aspect-ratio: 275/88;
}
.suggestion-box > div:first-child > img {
    border-radius: clamp(3px, 0.26vw, 5px);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.suggestion-box > div:last-child {
    padding-top: clamp(5px, 0.54vw, 10px);
    margin-bottom: clamp(20px, 1.83vw, 45px);
}

.scroll-up-suggestions-js {
    transform: rotateZ(180deg);
    margin-bottom: 20px;
}
/*---------- END SUGGESTION BOX ----------*/

/*=====================================================*/
/*-------------------- DAYS SLIDER --------------------*/
/*=====================================================*/
.days-slider {
    width: 100%;
    max-width: clamp(400px, 36.46vw, 700px);
    padding: 0 clamp(20px, 2.1vw, 40px);
}
.days-slider .slider-arrow {
    position: absolute;
    top: 32%;
    display: block;
    width: clamp(15px, 1.68vw, 25px);
    height: clamp(15px, 1.68vw, 25px);
    background-repeat: no-repeat;
    background-position: center;
}
.days-slider .slider-arrow:hover {
    cursor: pointer;
}
.days-slider .prev-btn {
    background-image: url("../icons/small-arrow-left.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.days-slider .next-btn {
    background-image: url("../icons/small-arrow-left.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.day-box {
    margin-bottom: 8px;
    position: relative;
}
.day-box.active:after {
    content: "";
    position: absolute;
    background-color: var(--gold);
    height: clamp(4px, 0.418vw, 8px);
    width: 100%;
    bottom: clamp(-8px, -0.418vw, -5px);
}
/*=========================================================*/
/*-------------------- END DAYS SLIDER --------------------*/
/*=========================================================*/

/*==========================================================*/
/*-------------------- BUNDLE COMPONENT --------------------*/
/*==========================================================*/
.plans-container {
    margin-left: clamp(-29px, -1.5vw, 0px) !important;
    margin-right: clamp(-29px, -1.5vw, 0px) !important;
}
.plans-container > div {
    padding-left: clamp(0px, 1.5vw, 29px);
    padding-right: clamp(0px, 1.5vw, 29px);
    padding-bottom: clamp(2rem, 3vw, 58px);
}

.bundle {
    border-radius: clamp(5px, 1.2vw, 20px);
    background-color: white;
    overflow: hidden;
    min-height: clamp(0px, 18vw, 345px);
}
.bundle > div {
    padding: 0 clamp(20px, 2vw, 40px);
}
.bundle > div:first-child {
    background-color: var(--dark-gold);
    position: relative;
    padding-top: clamp(0.4rem, 0.8vw, 0.8rem);
    padding-bottom: clamp(0.4rem, 0.8vw, 0.8rem);
}
.bundle > div:last-child {
    padding-top: clamp(0.4rem, 1vw, 20px);
    padding-bottom: clamp(0.6rem, 2vw, 40px);
}
.bundle > div:last-child > div:nth-child(2) {
    padding-top: clamp(1rem, 1vw, 20px);
}
.bundle a {
    padding: 0 clamp(1rem, 2vw, 40px);
    margin-top: 1rem;
}
/*==============================================================*/
/*-------------------- END BUNDLE COMPONENT --------------------*/
/*==============================================================*/

/*====================================================*/
/*-------------------- GET BUNDLE --------------------*/
/*====================================================*/
.get-bundle .radio-btn {
    width: clamp(15px, 1.57vw, 30px);
    height: clamp(15px, 1.57vw, 30px);
    background-color: var(--dark-gold);
    border: solid clamp(2px, 0.27vw, 5px) var(--dark-gold);
    border-radius: 100%;
    margin-right: clamp(15px, 1.57vw, 30px);
    transform: translateY(clamp(-4px, 0.21vw, -1px));
}
.get-bundle .radio-btn.active {
    background-color: white;
}
/*========================================================*/
/*-------------------- END GET BUNDLE --------------------*/
/*========================================================*/

/*=================================================*/
/*-------------------- SIDEBAR --------------------*/
/*=================================================*/
.sidebar {
    width: clamp(230px, 17.2vw, 300px);
    border-right: solid 1px #4a4a4a;
    border-left: none;
    z-index: 2;
    padding-top: clamp(100px, 10.42vw, 200px);
}
.sidebar a {
    font-size: clamp(13px, 0.86vw, 17px);
    font-weight: 500;
    text-decoration: none;
    color: white;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
}
.sidebar a.active {
    color: var(--dark-gold);
}
.sidebar a:hover {
    color: var(--dark-gold);
}
.sidebar a > div {
    padding: clamp(15px, 1.46vw, 28px) clamp(0px, 2vw, 40px);
    border-bottom: solid 1px #4a4a4a;
}
.sidebar > div > a:first-child > div {
    border-top: solid 1px #4a4a4a;
}
.sidebar a > div > div:first-child {
    padding-right: clamp(15px, 1.3vw, 25px);
}
.sidebar a > div > div:first-child > img {
    max-width: clamp(25px, 1.56vw, 30px);
}
/*=====================================================*/
/*-------------------- END SIDEBAR --------------------*/
/*=====================================================*/

/*=====================================================*/
/*-------------------- MY SCHEDULE --------------------*/
/*=====================================================*/
.my-schedule .schedule-item {
    padding-bottom: clamp(1rem, 1.823vw, 35px);
    display: flex;
}
.my-schedule .schedule-item > div:first-child {
    min-width: 32%;
}
.my-schedule .schedule-item > div:first-child > div {
    aspect-ratio: 137/77;
    max-width: 275px;
    width: 35%;
}
.my-schedule .schedule-item > div:first-child > div > img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: clamp(3px, 2vw, 5px);
}
.my-schedule .schedule-item > div:last-child > div:first-child {
    max-width: 90%;
}
.my-schedule .schedule-item > div:last-child > div:first-child > div,
.my-schedule .schedule-item > div:last-child > div:first-child > h5 {
    padding: clamp(1px, 0.156vw, 3px) 0;
}
.my-schedule .schedule-item > div:last-child img {
    width: clamp(25px, 2.083vw, 38px);
}
/*=========================================================*/
/*-------------------- END MY SCHEDULE --------------------*/
/*=========================================================*/

/*=========================================================*/
/*-------------------- PAYMENT HISTORY --------------------*/
/*=========================================================*/
tbody,
td,
tfoot,
th,
thead,
tr {
    border: none !important;
}
.payment-history > thead {
    border-bottom: solid 1px #4a4a4a !important;
}
.payment-history > thead th {
    padding: 0 clamp(10px, 0.83vw, 16px);
    padding-bottom: clamp(10px, 0.67vw, 12.8px);
    white-space: nowrap;
}
.payment-history > thead th:first-child {
    padding-left: 0px;
}
.payment-history > tbody > tr:ffirst-child > td {
    padding-top: clamp(15px, 1.4vw, 20px);
}
.payment-history tr > td {
    padding: clamp(8px, 0.52vw, 10px) clamp(10px, 0.83vw, 16px);
    white-space: nowrap;
}
.payment-history tr > td:first-child {
    padding-left: 0px;
}
.payment-history img {
    width: clamp(35px, 2.86vw, 55px);
    margin-left: clamp(10px, 0.78vw, 15px);
}
/*=============================================================*/
/*-------------------- END PAYMENT HISTORY --------------------*/
/*=============================================================*/

/*====================================================*/
/*-------------------- CONTACT US --------------------*/
/*====================================================*/
/* .contact-us-form {
    border-right: solid 1px grey;
} */
.contact-info > div {
    padding: clamp(5px, 0.52vw, 10px) 0;
}
.location-pin {
    max-height: clamp(25px, 1.83vw, 35px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
.location-pin-text {
    padding-left: clamp(25px, 2.083vw, 40px);
}
/*========================================================*/
/*-------------------- END CONTACT US --------------------*/
/*========================================================*/

/*================================================*/
/*-------------------- FOOTER --------------------*/
/*================================================*/
footer {
    padding: 0 clamp(0.5rem, 10vw, 10vw);
    padding-top: clamp(50px, 6.25vw, 120px);
}
footer h3 {
    padding-bottom: clamp(7px, 1vw, 20px);
}
footer > div:first-child {
    padding: clamp(8px, 1vw, 20px) 0 clamp(8px, 1vw, 20px) 0;
}
footer > div:first-child > div > div:first-child a {
    padding-bottom: clamp(7px, 0.7vw, 14px);
}
footer a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: white;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
}
footer a:hover {
    color: var(--gold);
}
footer .social-link {
    width: clamp(13.5px, 1.35vw, 26px);
}
footer .store-img {
    position: relative;
    display: block;
    width: clamp(100px, 10vw, 192px);
    padding-bottom: clamp(5px, 0.5vw, 10px);
}
/* footer .store-img::after {
    position: absolute;
    content: "Coming soon";
    color: white;
    font-size: clamp(10px, 0.9vw, 16px);
    font-weight: 600;
    padding: 0 5px;
    border-radius: clamp(3px, 0.25vw, 5px);
    text-decoration: none;
    background-color: var(--dark-gold);
    top: clamp(-18px, 0.94vw, -10px);
    width: max-content;
} */
footer > div:last-child {
    padding: clamp(1.5rem, 2vw, 40px) 0;
}
/*====================================================*/
/*-------------------- END FOOTER --------------------*/
/*====================================================*/

@media (orientation: portrait) {
    .banners {
        margin-bottom: 30px;
    }
    .banners-slider .slick-dots {
        bottom: -15px !important;
    }
}

@media (max-width: 1930.95px) {
}
@media (max-width: 1399.95px) {
    /*---------- Navbar ----------*/
    nav .search > div {
        padding-top: 0;
    }
    /*---------- End Navbar ----------*/
}
@media (max-width: 1199.95px) {
    /*---------- Live ----------*/
    .live > div > div:first-child:not(.has-upcomings) > div {
        padding-right: 0;
        padding-left: 0;
    }
    .live .current-video .team-img {
        width: clamp(35px, 5vw, 70px);
        height: clamp(35px, 5vw, 70px);
    }
    .live .current-video .team-img > img {
        max-width: clamp(35px, 5vw, 70px);
        max-height: clamp(35px, 5vw, 70px);
    }
    /*---------- End Live ----------*/

    /*---------- Schedule ----------*/
    .suggestion-box-container {
        max-width: 100%;
        padding-top: clamp(40px, 2.61vw, 50px);
    }
    /*---------- End Schedule ----------*/

    /*---------- Suggestion Box ----------*/
    .suggestion-box-scroll {
        height: auto;
    }
    .sections.suggestion-box-scroll {
        height: auto !important;
    }
    .suggestion-box-scroll > div {
        position: static;
    }
    /*---------- End Suggestion Box ----------*/
}
@media (max-width: 991.95px) {
    /*---------- Contact Us ----------*/
    .location-pin-text {
        padding-top: 15px;
    }
    /*---------- End Contact Us ----------*/

    /*---------- Schedule ----------*/
    .schedule-container .daily-schedules {
        margin-left: clamp(-15px, -0.79vw, -5px) !important;
        margin-right: clamp(-15px, -0.79vw, -5px) !important;
    }
    .schedule-container .daily-schedules > div {
        padding: 0 clamp(5px, 0.79vw, 15px) !important;
        padding-bottom: clamp(30px, 3.123vw, 60px) !important;
    }
    /*---------- End Schedule ----------*/
}
@media (max-width: 767.95px) {
    /*---------- Schedule Details ----------*/
    .schedule-details > div > div:last-child {
        padding-top: clamp(30px, 2.35vw, 45px);
    }
    /*---------- End Schedule Details ----------*/

    /*---------- Footer ----------*/
    footer {
        padding: 0 clamp(0.6rem, 2vw, 10vw);
        padding-top: clamp(50px, 6.25vw, 120px);
    }
    /*---------- End Footer ----------*/
}
@media (max-width: 575.95px) {
    .custom-padding2 {
        padding: clamp(30px, 4.16vw, 80px) clamp(0.6rem, 3vw, 90px);
        padding-top: 70px;
    }

    .year-month-picker-js {
        padding-bottom: 1rem;
    }

    /*---------- Get Bundle ----------*/
    .save-method {
        padding-top: 18px;
    }
    /*---------- End Get Bundle ----------*/

    /*---------- Contact Us ----------*/
    .contact-details {
        padding-top: 35px;
    }
    /*---------- End Contact Us ----------*/
}
@media (max-width: 529.95px) {
    /*---------- Schedule ----------*/
    .schedule-container .daily-schedules > div {
        width: 50% !important;
    }
    /*---------- End Schedule ----------*/
}
@media (max-width: 419.95px) {
    .viewall-container > div {
        width: 50% !important;
    }
}
@media (max-width: 399.95px) {
    /*---------- My Schedule ----------*/
    .my-schedule .schedule-item {
        display: block;
    }
    /*---------- My Schedule ----------*/
}