:root {
    --green: #008484;
    --white: #ffffff;
    --off-white: #bec0c2;
    --black: #0c0c0e;
    --light-black: #262626;
    --light-black-opacity: #2626269e;
    --light-gray: #f5f5f5;
    --dark-gray: #9b9b9b;
    --blue: #003a63;
    --pink: #c03;
    --yellow: #bf9000;
}
@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('/documents/d/yas-marina-circuit-new/dinnextltarabic-medium-1-1') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinnextltarabic-medium-1') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('/documents/d/yas-marina-circuit-new/dinnextltarabic-light-1-1') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinnextltarabic-light-1') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('/documents/d/yas-marina-circuit-new/gesstwolight-light-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/gesstwolight-light') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('/documents/d/yas-marina-circuit-new/dinnextltarabic-regular-1-1') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinnextltarabic-regular-1') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Offc W21 Med Cond';
    src: url('/documents/d/yas-marina-circuit-new/dinoffcw21-condmedium-1-1') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinoffcw21-condmedium-1') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('/documents/d/yas-marina-circuit-new/gesstwobold-bold-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/gesstwobold-bold') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-CondBold';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-condbold-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-condbold-1') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-CondRegular';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-condregular-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-condregular-1') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-medium-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-medium-1') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Offc W23 Cond';
    src: url('/documents/d/yas-marina-circuit-new/dinoffcw23-condbold-1-1') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinoffcw23-condbold-1') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-bold-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-bold-1') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-CondBlack';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-condblack-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-condblack-1') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'DINPro';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-regular-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-regular-1') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-black-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-black-1') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-CondLight';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-condlight-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-condlight-1') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('/documents/d/yas-marina-circuit-new/gesstwomedium-medium-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/gesstwomedium-medium-1') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-light-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-light-1') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro-CondMedium';
    src: url('/documents/d/yas-marina-circuit-new/dinpro-condmedium-1-') format('woff2'),
        url('/documents/d/yas-marina-circuit-new/dinpro-condmedium-1') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Yas-Marina-icons';
    src: url('/documents/d/yas-marina-circuit-new/yas-marina-icons') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'twitter-x-icon';
    src: url('/documents/d/yas-marina-circuit-new/twitter-x-icon') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.twitter-icon::before {
    font-size: 25px;
    font-size: 1.5625rem;
    color: #bec0c2;
    font-family: "twitter-x-icon", sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
}

.social-media-icon::before {
    font-size: 25px;
    font-size: 1.5625rem;
    color: #bec0c2;
    font-family: "Yas-Marina-icons", sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-toggler::before {
    content: "\e912";
}

.mobile-whatsapp {
    right: 135px;
    display: inline-block;
    margin-top: 10px;
    height: 20px;
    width: 20px;
}

.mobile-menu-tgl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-menu-tgl a {
    text-decoration: none;
    margin: 0 5px;
}

.h-icon-action::before {
    font-family: Yas-Marina-icons, sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    font-size: 1.5625rem;
    color: #bec0c2;
    text-align: center;
}

.header-icon-action {
    float: right;
}

.sticky-header .header-icon-action,
.sticky-header .header-icon-action a,
.sticky-header .header-icon-action a span {
    margin: 0;
}

.sticky-header .header-icon-action a::after {
    display: none;
}

.header-icon-action a {
    margin: 0px 15px;
}

.main-menu .header-icon-action {
    display: none;
}

.sticky-header .main-menu .header-icon-action {
    display: block;
}

.search-icon::before {
    content: "\e915";
}

.user-icon::before {
    content: "\e911";
}

.cart-icon::before {
    content: "\e904";
}

.youtube-icon::before {
    content: "\e919";
}

.facebook-icon::before {
    content: "\e90a";
}

.insta-icon::before {
    content: "\e90c";
}

.linkdin-icon::before {
    content: "\e90f";
}

.whatsapp-icon {
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
}

body {
    background-image: url(/documents/d/yas-marina-circuit-new/body-bk);
    color: var(--black);
    background-size: cover;
    background-attachment: fixed;
}

h1 {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: .96;
    font-family: 'DINPro-CondBlack';
    letter-spacing: normal;
}

h2 {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: .96;
    font-family: 'DINPro-CondBlack';
    color: var(--white)
}

h3 {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: .96;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    color: var(--white)
}

h4 {
    font-size: 22px;
    font-size: 1.625rem;
    line-height: 1.09;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

h5 {}

h6 {}

p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    font-family: 'DIN Next LT Arabic';
    font-weight: normal;

}

p a {
    color: var(--white);
}

.section-margin {
    margin: 70px 0;
}

.green-color {
    color: var(--green);
}

.white-color {
    color: var(--white);
}

/* header */
.main-header {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid var(--light-black);
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.tag-menu,
.main-menu {
    text-align: right;
    padding-left: 0;
}

.main-menu li,
.tag-menu li {
    display: inline-block;
    color: var(--white);
    margin-left: 12px;
    margin-right: 12px;
}

.main-menu li .dropdown-arrow {
    margin-left: 15px
}

.main-menu li a {
    padding-bottom: 42px;
    position: relative;
}

.main-menu li a {
    color: var(--white);
    text-decoration: none;
    font-family: 'DINPro-CondMedium';
    font-weight: 500;
    letter-spacing: 1px;
}

.tag-menu li a {
    color: var(--off-white);
    text-decoration: none;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

.main-menu li a::after {
    content: '';
    height: 2px;
    width: 30px;
    display: block;
    background: var(--green);
    transition: width 1s;
    bottom: 38px;
    position: absolute;
}

.main-menu li:hover a::after {
    width: 100%;
}

.tag-menu li a:hover {
    color: var(--green);
}

.sub-menu {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: left;
    background: var(--black);
    margin-top: 32px;
    min-height: 400px;
    z-index: 1;
}

.main-logo {
    display: flex;
    align-items: flex-end;
}

.main-menu li:hover .sub-menu {
    display: block !important
}

.sub-menu-block-one {
    position: relative;
    padding: 30px 30px 15px 15px;
}

.sub-menu-block-one::after {
    content: '';
    background-color: #262626;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    height: 340px;
}

.sub-menu-block-one h6 {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

.sub-menu-block-one p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    margin-top: 0;
    margin-bottom: 0;
}

.sub-menu-block-one a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    margin-top: 14px;
    display: inline-block;
}

.sub-menu-block-one a::after {
    display: none !important;
}

.dis-more {
    font-family: 'DINPro-CondBlack';
}

.sub-menu-block-one a .dis-more::after {
    content: '';
    height: 4px;
    width: 30px;
    display: block;
    background: var(--green);
    transition: width 1s;
    bottom: 25px;
    position: absolute;
}

.sub-menu-block-one a:hover .dis-more::after {
    width: 100%;
}

/* .sub-menu-block-one a .dis-more::before{
     content: '';
     height: 2px;
     width: 2px;
     display: block;
     background: var(--white);
     transition: all .5s ease-in-out .1s;
     bottom: 30px;
     position: absolute;
     z-index: 1 
}
 .sub-menu-block-one a:hover .dis-more::before{
     right: 0;
}
 */
.sub-menu-block-two {
    position: relative;
    padding: 30px 30px 15px 15px;
}

.sub-menu-block-two::after {
    content: '';
    background-color: #262626;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    height: 340px;
}

.sub-menu-block-two h6 {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

.sub-menu-block-two ul {
    padding: 0px;
    margin: 0px;
}

.sub-menu-block-two ul li {
    display: block;
    margin: 18px 0;
}

.sub-menu-block-two ul li a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    margin-top: 18px;
    font-family: 'DIN Next LT Arabic';
    font-weight: 200;
}

.sub-menu-block-two ul li a:hover {
    color: var(--green);
}

.sub-menu-block-two ul li a::after {
    display: none
}

.sub-menu-block-two ul li a::before {
    display: none
}

.sub-menu-block-three {
    display: flex;
    position: relative;
    padding: 30px 15px 15px 15px;
}

.sub-menu-block-three h6 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: .5px;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

.sub-menu-block-three img {
    min-width: 120px;
    max-width: 120px;
    height: 100%;
    margin-right: 35px;
}

.sub-menu-block-three a .dis-more::after {
    content: '';
    height: 4px;
    width: 30px;
    display: block;
    background: var(--green);
    transition: width 1s;
    bottom: 30px;
    position: absolute;
}

.sub-menu-block-three a:hover .dis-more::after {
    width: 100%;
}

.sub-menu-block-three a::after {
    display: none !important;
}

.sticky-header header {
    position: sticky;
    top: 0;
    background-color: var(--black);
    z-index: 9;
}

.sticky-header .tag-menu {
    display: none;
}

.sticky-header .main-header {
    padding-top: 30px;
}

/* header */
/* home page */
.looging-for-block h2 {
    font-size: 38px;
    font-size: 2.375rem;
    color: var(--white);
    font-family: 'DINPro-CondBlack';
    margin-bottom: 0;
    line-height: 1;
}

.looging-for-block {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--green);
    padding: 50px;
    margin-bottom: 100px;
    margin-top: 0;
    gap: 126px;
    /*! line-height: 1; */
}

.contact-faq a {
    position: relative;
    font-size: 18px;
    font-size: 1.325rem;
    line-height: 1;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    color: var(--white);
    text-decoration: none;
    margin-right: 30px;
    margin-left: 50px;
    display: ruby;
    padding-bottom: 5px;
}

.contact-faq a::after {
    content: '';
    height: 4px;
    width: 30px;
    display: block;
    background: var(--green);
    transition: width 1s;
    bottom: 0;
    position: absolute;
    left: 0;
}

.contact-faq a:hover::after {
    width: 100%;
}

.form-floating .form-control,
.form-floating .form-select {
    background-color: var(--light-black);
    border: 0;
    border-radius: 0;
    color: var(--white);
    font-size: 16.4px;
    font-size: 1.025rem;
    line-height: 1.4;
    padding-left: 25px;
    padding-right: 25px;
    margin: 30px 0;
}

.form-floating .form-control:focus,
.form-floating .form-select:focus {
    box-shadow: none;
    border: 1px solid #008484;
    outline: 2px solid #3aaede;
}

.custom-floating-select {
    background-color: var(--light-black) !important;
    border: 0;
    border-radius: 0;
    color: var(--white);
    font-size: 16.4px !important;
    font-size: 1.025rem;
    line-height: 1.4;
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin: 30px 0;
    height: 54px !important;
    background-image: url(../images/download.svg) !important;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    padding-top: 15px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-floating-form-select .form-floating label {
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
}

/****  floating-Lable style start ****/
.floating-form-select .floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-form-select .floating-select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
}

.floating-form-select .floating-select:focus {
    outline: none;
}

.floating-form-select label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.floating-form-select .floating-select:focus~label,
.floating-form-select .floating-select:not([value=""]):valid~label {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33;
    font-family: 'DIN Next LT Arabic';
    opacity: 1;
    letter-spacing: .3px;
    color: #fff;
    top: -10px;
}

/* active state */
.floating-form-select .floating-select:focus~.bar:before,
.floating-form-select .floating-select:focus~.bar:after {
    width: 50%;
}

/* highlighter */


/* animation */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

/****  floating-Lable style end ****/

.country-code label {
    z-index: 1;
    color: var(--white);
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    top: 3px;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    font-size: 12px !important;
    font-size: .75rem !important;
    line-height: 1.33;
    font-family: 'DIN Next LT Arabic';
    opacity: 1;
    letter-spacing: .3px;
}

.country-code .form-control {
    padding-top: 25px;
    padding-left: 115px !important;
}

.country-code .iti {
    width: 100%;
}

.country-code .iti__selected-flag {
    color: var(--white);
    margin-top: 24px;
    height: auto;
    border-right: 1px solid var(--off-white);
}

.country-code {
    margin-bottom: 15px;
}

.country-code .iti__country-list {
    margin-top: 7px;
}

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

.form-floating label {
    color: var(--white);
    font-size: 16.4px;
    font-size: 1.025rem;
    line-height: 1.4;
    padding-left: 25px;
    padding-right: 25px;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33;
    font-family: 'DIN Next LT Arabic';
    opacity: 1;
    letter-spacing: .3px;
}

/* radio button css */
.radio-floating {
    color: var(--white);
}

.radio-container {
    display: inline;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16.4px;
    font-size: 1.025rem;
    line-height: 1.4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px;
}

/* Hide the browser's default radio button */
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 2;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--light-black);
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */


/* When the radio button is checked, add a blue background */
.radio-container input:checked~.checkmark {
    background-color: #008484;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/* radio button css */

/* checkbox css  */
.check-box-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 14.5px;
    font-size: .90625rem;
    line-height: 1.38;
    letter-spacing: .5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check-box-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.check-box-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: var(--light-black);
    border: 1px solid var(--bs-gray)
}

/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.check-box-container input:checked~.check-box-checkmark {
    background-color: #008484;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check-box-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-box-container input:checked~.check-box-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-box-container .check-box-checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check-box-container {
    color: var(--white);
}

.trm-pp a {
    color: var(--green);
    font-weight: 700;
    text-decoration: none;
}

.agree-checkbox a {
    font-family: 'DINPro-CondBlack';
    color: var(--white);
    font-weight: 700;
    text-decoration: underline;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
}

.checkbox-floating {
    margin-bottom: 50px;
}

.link-btn {
    box-shadow: none;
    background-color: transparent;
    border: 0;
    padding: 0 0 10px;
}

/* checkbox css  */
.our-partner-section {
    color: var(--white);
}

.our-partner-section p {
    margin: 15px 0 30px 0;
}

.discover-more-cm-btn {
    position: relative;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    color: var(--white) !important;
    text-decoration: none;
    margin-right: 30px;
}

.discover-more-cm-btn:hover {
    color: var(--white);
}

.discover-more-cm-btn.white-border {
    padding-bottom: 10px;
}

.discover-more-cm-btn.white-border::after {
    background: var(--white) !important;
}

.discover-more-cm-btn.green-border {
    padding-bottom: 10px;
}

.discover-more-cm-btn.green-border::after {
    background: var(--green) !important;
    /*! position: fixed; */
}

.discover-more-cm-btn::after {
    content: '';
    height: 4px;
    width: 30px;
    display: block;
    background: var(--green);
    transition: width 1s;
    bottom: 0;
    position: absolute;
    left: 0;
}

.discover-more-cm-btn:hover::after {
    width: 100%;
}

.newsletter-section {
    background: linear-gradient(to right, var(--green) 50%, transparent 50%);
}

.newsletter-group input:focus {
    background-color: transparent;
    color: var(--white);
    box-shadow: none;
    border-color: var(--white);
}

.newsletter-group input::placeholder {
    color: var(--white);
    opacity: 1;
    /* Firefox */
}

.newsletter-group input::-ms-input-placeholder {
    /* Edge 12-18 */
    color: var(--white);
}

.newsletter-group .submit-btn {
    background-color: transparent;
    border: 0;
    position: relative;
    font-size: 18px;
    font-size: 1.325rem;
    line-height: 1;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    min-width: 120px;
    text-align: left;
    color: var(--white);
}

.newsletter-group .submit-btn::after {
    content: '';
    height: 4px;
    width: 30px;
    display: block;
    background: var(--white);
    transition: width 1s;
    bottom: 0;
    position: absolute;
}

.newsletter-group .submit-btn:hover::after {
    width: 55px;
}

.newsletter-group input {
    font-size: 35px;
    font-size: 2.1875rem;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    background-color: transparent;
    color: var(--white);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 0;
    height: 40px;
    margin-right: 20px;
}

.newsletter-group {
    background-color: var(--green);
    padding: 70px 0 20px;
}

.newsletter-group p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.43;
    color: var(--white);
    margin-top: 15px;
}

.yes-in-school-section {
    color: var(--white)
}

.tag-line {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.15;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

.yes-in-school-content {
    background-color: var(--green);
    padding: 70px;
}

.yes-video-block {
    padding: 0 12px;
}

.contact-faq {
    min-width: 200px;
}

.yes-event-block {
    color: var(--white);
    padding: 70px 15px;
    /*! position: relative; */
    min-height: 450px;
}

.event-slider .event-slider-item {
    padding: 0 5px;
    position: relative;
}

.event-slider .event-slider-item a {
    overflow: hidden;
}

.event-slider .event-slider-item a .event-image {
    overflow: hidden;
}

.event-slider .event-slider-item a .event-image .h-overflow::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, .74), transparent 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    content: "";
}

.event-slider .event-slider-item a .event-image .h-overflow {
    /*! transition: transform .1s; */
    transition: transform 1s ease;
}

.event-slider .event-slider-item a .event-image .h-overflow:hover {
    transform: scale(1.2);
}

.event-slider .event-slider-item .event-title {
    position: absolute;
    bottom: 0;
    font-size: 26px;
    font-size: 1.625rem;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    color: var(--white);
    padding: 15px;
}

.yes-event-slider .slick-prev,
.yes-event-slider .slick-next {
    top: auto !important;
    bottom: -50px;
}

.yes-event-slider .slick-prev {
    left: 50px;
}

.yes-event-slider .slick-next {
    right: 50px;
}

.yes-event-slider h2 {
    text-align: right;
}

.yes-event-block p,
.yes-event-block h3 {
    z-index: 1;
    position: relative;
}

.yes-event-block::before {
    content: '';
    background-color: var(--blue);
    background-size: cover;
    height: 100%;
    display: block;
    position: absolute;
    width: 42.5%;
    left: 0;
    margin: 0 auto;
    height: 453px;
    margin-top: -70px;
}

.yes-event-desk-title {
    display: none;
}

.banner-zoom {
    position: relative;
    margin-bottom: 30px;
    padding: 5px;
}

.banner-zoom a {
    overflow: hidden;
    /*! position: relative; */
}

.banner-zoom a .banner-image {
    overflow: hidden;
    position: relative;
}

.banner-zoom a .banner-image .h-overflow::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, .74), transparent 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    content: "";
}

.banner-zoom a .banner-image .h-overflow {
    /*! transition: transform .1s; */
    transition: transform 1s ease;
}

.banner-zoom a .banner-image .h-overflow:hover {
    transform: scale(1.2);
}

.banner-zoom .banner-title {
    position: absolute;
    bottom: 0;
    font-size: 26px;
    font-size: 1.625rem;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    color: var(--white);
    padding: 15px;
}

.banner-zoom .banner-title p {
    margin-bottom: 5px;
}

.left-banner-img img {
    object-fit: cover;
    height: 500px;
}

.right-banner-img img {
    object-fit: cover;
    height: 230px;
}

.mobile-banner-slider .banner-zoom {
    padding: 5px;
    margin-bottom: 0;
}

.mobile-banner-slider .right-banner-img img {
    height: 280px;
}

.mobile-banner-slider .slick-track {
    left: 50px;
}

.mobile-banner-slider {
    display: none;
}

.custom-pagination,
.slide-counter-modal {
    color: var(--white);
}

.the-formula-slider-nav {
    margin-top: -50px;
}

.formula-content {
    padding: 50px;
}

.para-margin {
    margin: 15px 0 25px 0;
}

.the-formula-slider-nav .banner-zoom {
    padding: 10px;
    margin-bottom: 0;
}

.the-formula-slider-nav .slick-slide {
    transition: transform 1s ease;
}

.the-formula-slider-nav .slick-current {
    transform: scale(1.1);
}

.formula-section .slider-for {
    background-color: var(--pink);
    padding: 15px 0;
}

.formula-section h4 {
    font-family: 'DINPro-CondBold';
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
}

.the-formula-slider-for {
    display: flex !important;
    color: var(--white);
}

/* home page */
/* whats-on page */
.whats-on-card .banner-title {
    bottom: 20px;
}

.whats-on-card {
    padding: 15px;
    margin-bottom: 0;
}

.whats-on-card img {
    object-fit: cover;
    height: 400px;
}

.tag-line-days {
    letter-spacing: .5px;
    font-size: 14.5px;
    font-size: .90625rem;
    line-height: 1.38;
}

.whats-on-card h4 {
    font-size: 35px;
    font-size: 2.1875rem;
}

.news-card img {
    object-fit: cover;
    width: 100%;
    height: 180px;
    margin-bottom: 20px;
}

.news-card p {
    font-size: 14.5px;
    font-size: .90625rem;
    line-height: 1.38;
    letter-spacing: .5px;
    margin: 15px 0;
}

.news-card {
    color: var(--white);
    margin: 15px 0;
}

.whats-on-fillter p {
    color: var(--white);
}

.blank-border {
    border-bottom: 1px solid var(--light-black);
    /*! margin: 70px 0; */
}

/* Style the dropdown container */
.fillter-btn {
    align-self: center;
}

.fillter-btn button {
    background-color: transparent;
    border: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.filter-search .dropdown {
    position: relative;
    display: inline-block;
    width: 75%;
}

/* Style the selected option */
.filter-search .selected-option {
    background-color: var(--light-black);
    color: white;
    padding: 13px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Style the dropdown content */
.filter-search .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
    z-index: 1;
    width: 100%;
    background-color: var(--black);
    border: 1px solid var(--blue);
    color: var(--white);
}

.filter-search .dropdown-content span {
    color: var(--white);
}

/* Style each menu item */
.filter-search .dropdown-content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-bottom: 1px solid var(--light-black);
}

/* Change color of dropdown items on hover */
.filter-search .dropdown-content div:hover {
    background-color: var(--light-black);
}

/* Show the dropdown menu when the selected option is clicked */
.filter-search .selected-option[aria-expanded="true"]+.dropdown-content {
    display: block;
}

/* Change the background color of the selected option when the dropdown content is shown */
.filter-search .selected-option[aria-expanded="true"] {
    background-color: var(--light-black);
}

.filter-search {
    display: flex;
}

.filter-search span.filter-lbl {
    color: var(--white);
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    margin-right: 15px;
}

.i-am-into,
.whent-search {
    width: 40%;
}

/* whats-on page */
/* SWS-karting page */
.SWS-card {
    text-align: center;
    border-right: 1px solid var(--light-black);
}

.SWS-card:last-child {
    border: none;
}

.SWS-card h2 {
    color: var(--green);
    margin-bottom: 0;
}

.SWS-card h4 {
    color: var(--white);
}

.karting-competitions {
    color: var(--white);
}

.karting-header h3 {
    color: var(--green);
}

.karting-competitions .blank-border {
    margin: 40px 0;
}

.karting-competitions h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
}

.karting-list-images {
    display: inline-block;
}

.karting-list ul li a {
    color: var(--white);
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
}

.karting-list ul li a:hover {
    color: var(--green)
}

.karting-note p {
    color: var(--white);
}

.karting-list.one-image img {
    width: 100%;
}

.karting-list.more-then-one-image img {
    float: left;
    width: calc(50% - 30px);
    margin: 15px;
}

.karting-grid img {
    margin: 0 0 15px 0;
}

.karting-grid .karting-grid-note {
    margin-top: 30px;
}

.karting-grid p {
    margin: 0;
}

.karting-main-link a:hover {
    color: rgba(0, 132, 132, .6);
    text-decoration: none;
}

.karting-main-link a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    color: var(--green);
    font-family: 'DIN Next LT Arabic';
    font-weight: 500;
}

/* SMS-karting page */
/* gift-card page */
.gift-card {
    background-color: var(--light-black-opacity);
    position: relative;
    height: 100%;
}

.gift-card h3 {
    font-size: 30px;
    font-size: 1.875rem;
}

.gift-card p span {
    font-size: 1.375rem;
    line-height: 1.09;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

.gift-card a {
    position: absolute;
    bottom: 20px;
    right: 35px;
    padding-bottom: 10px;
    margin-right: 0;
}

.gift-card .gift-card-content {
    padding: 30px 30px 70px 30px;
}

.gift-card .gift-card-content .tag-line {
    margin-top: 0;
}

.looking-for-section-with-grid {
    color: var(--white);
}

.looking-form {
    display: flex;
    justify-content: space-between;
}

.looking-form a {
    width: 130px;
}

.black-input {
    background-color: var(--light-black);
    border: 0;
    border-radius: 0;
    color: var(--white);
}

.looking-form input {
    max-width: 100%;
    width: 400px;
    height: 50px;
}

.looking-for-section-with-grid-row {
    border: 1px solid var(--green);
    padding: 50px;
}

.looking-for-section-with-grid-row ul {
    padding-left: 15px;
}

.black-input:focus {
    box-shadow: none;
    background-color: var(--light-black);
    color: var(--white);
}

.form-looging {
    padding-left: 50px;
}

.reg-trainyas-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.reg-trainyas-block a {
    padding-bottom: 10px;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    font-size: 18px;
    font-size: 1.325rem;
    line-height: 1;
}

.spring-into-shape {
    padding-left: 30px;
}

.spring-into-shape h2 {
    margin-bottom: 30px;
}

/* gift-card page */
/* trainyas-details page */
.sponsored-by-logos img {
    max-width: 100%;
}

.qoute-block {
    padding-right: 50px;
}

.qoute-block p {
    font-size: 30px;
    font-size: 1.875rem;
    color: var(--dark-gray);
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    line-height: 1;
}

.qoute-icon::before {
    font-family: "Yas-Marina-icons", sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91b";
}

.our-partner-section a {
    color: var(--green);
    text-decoration: none;
}

.our-partner-section .discover-more-cm-btn {
    margin-top: 15px !important;
    display: inline-block;
    padding-bottom: 10px;
}

.tab-section .nav-tabs li button {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    color: var(--white);
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    padding: 0 0 10px 0;
    margin-right: 30px;
    border: 0;
}

.tab-section .nav-tabs .nav-link:hover,
.tab-section .nav-tabs .nav-link:focus {
    border: 0;
    color: var(--green);
    box-shadow: none;
    outline: none;
}

.tab-section .nav-tabs .nav-link.active {
    background-color: transparent;
    border: 0;
    color: var(--white);
    position: relative;
}

.tab-section .nav-tabs .nav-link.active::after {
    content: '';
    background-color: var(--green);
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -2px;
}

.tab-section .nav-tabs {
    border-bottom: 3px solid var(--light-black);
}

.tab-section .tab-content p {
    margin: 0;
}

.striped-table {
    margin-top: 30px;
}

.striped-table tbody tr:nth-child(odd) {
    background-color: transparent;
    /* Light gray background for odd rows */
    border: 0;
    color: var(--white);
}

.striped-table> :not(caption)>*>* {
    padding: 0.9rem .8rem;
    background-color: transparent;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    border: 0;
    font-weight: 600;
}

.striped-table> :not(:last-child)> :last-child>* {
    border-bottom-color: currentColor;
    background-color: var(--light-black-opacity);
    color: var(--white);
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

.striped-table tbody tr:nth-child(even) {
    background-color: var(--light-black-opacity);
    /* White background for even rows */
    border: 0;
    color: var(--white);
}

.reg-trainam-cont {
    width: 82%;
}

.reg-trainam-cont a:hover {
    color: var(--green);
    text-decoration: none;
}

/* trainyas-details page */

/* formula page */
.formula-logo-section h4 {
    color: var(--white);
    font-size: 23px;
    font-weight: bold;
    line-height: 1.4;
    font-family: inherit;
}

.sponsored-by-slider,
.modal-slider {
    margin: 0 15px;
}

.sponsored-slider {
    padding: 25px;
}

.modal-img-slider {
    padding: 10px;
}

.modal-slider .custom-prev {
    left: 115px;
    z-index: 1;
}

.modal-slider .custom-next {
    right: 115px;
    z-index: 1;
}

.modal-slider-col {
    padding: 0;
}

.modal-slider-section .container {
    padding: 0;
}

.custom-prev span,
.custom-next span {
    font-size: 18px;
}

.sponsored-slider img {
    /*! transition: transform .1s; */
    transition: transform 1s ease;
}

.sponsored-slider img:hover {
    transform: scale(1.2);
}

.slider-thum-modal .modal-content,
.modal-backdrop {
    background-color: var(--black) !important;
    opacity: 1 !important;
    border: 0;
}

.slider-nav-modal div {
    padding: 2px;
}

.slider-thum-modal .close {
    float: right;
    position: absolute;
    z-index: 1;
    right: -10px;
    box-shadow: none;
    background-color: transparent;
    border: 0;
    color: var(--white);
}

.modal-img-slider {
    position: relative;
}

.modal-img-slider .expand-icon {
    color: var(--white);
    border: 2px solid var(--white);
    font-size: 70px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    display: table;
    left: 0;
    right: 0;
    top: 45%;
    background-color: var(--light-black);
    opacity: 0.8;
    width: 70px;
    height: 70px;
    cursor: pointer;
}

.custom-prev,
.custom-next,
.custom-prev:hover,
.custom-next:hover,
.custom-prev:focus,
.custom-next:focus {
    color: var(--white);
}

.custom-prev::before,
.custom-next::before {
    display: none;
}

.modal-slider .slick-slide {
    opacity: 0.5;
}

.modal-slider .slick-slide.slick-current {
    opacity: 1;
}

/* formula page */

/* corporate and group booking */
.without-link .looging-for-block {
    justify-content: center;
}

.grid-with-left-img .mobile-order-2 {
    order: 2;
}

.yellow-tag-line {
    color: var(--yellow);
    font-size: 1.2rem;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.text-yellow {
    color: var(--yellow);
}

/* corporate and group booking */
.contact-us {
    display: flex;
    justify-content: center;
}

.contact-us:first-child {
    border-right: 1px solid var(--light-black);
}

.contact-icon {
    margin-left: 80px;
    align-self: center;
}

.contact-us-content .discover-more-cm-btn {
    margin-top: 30px;
    display: inline-block;
    padding-bottom: 10px;
}

.contact-icon img {
    width: 45px;
}

.contact-us h4 {
    color: var(--white);
    margin-left: 25px;
    margin-bottom: 25px;
}

.contact-us p {
    color: var(--white);
    margin: 0;
}

.contact-us p a {
    color: var(--green);
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}

.partners-logos a {
    background: var(--light-black);
    width: 100%;
    height: 200px;
    display: flex;
    padding: 15px;
    margin: 10px 0px;
}

.partners-logos a img {
    max-width: 100%;
    max-height: 100%;
    align-self: center;
    display: flex;
}

/* booking card */
.booking-card .tag-line {
    margin-bottom: 5px;
}

/* booking card */

/* tickets booking  */
.tickets-tabs {
    color: var(--white);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.tickets-tabs li {
    display: inline-block;
    border: 1px solid var(--white);
    text-align: center;
    padding: 15px 30px;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 15px;
}

.ticket-tabs-nav {
    display: inline-grid;
    align-self: center;
    align-items: center;
    height: 100%;
}

.tickets-tabs li.active {
    background-color: var(--green);
    border-color: var(--green);
}

.tickets-tabs li h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    margin-bottom: 0;
}

.tickets-tabs li p {
    margin-bottom: 0;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33;
    letter-spacing: .3px;
    font-weight: 100;
    opacity: .67;
    padding-top: 3px;
}

.floating-lbl {
    color: var(--white);
    position: absolute;
    font-size: 12px;
    left: 15px;
    z-index: 1;
    top: 10px;
}

.cmn-dropdown .dropdown {
    width: 100%;

}

.cmn-dropdown {
    max-width: 100%;
    width: 350px;
    position: relative;
    margin-right: 30px;
}

.drp-with-floating-lbl .selected-option {
    padding-top: 25px;
}

.box-checkbox {
    border: 2px solid var(--green);
    padding: 30px 20px;
}

.box-checkbox .check-box-container {
    margin-bottom: 0;
}

.ticket-track {
    display: flex;
    text-align: center;
    margin: 20px 0;
}

.track-icon {
    padding: 5px;
}

.track-icon img {
    width: 25px;
}

.booking-card .left-btn {
    left: 35px;
    display: inline-table;
}

.booking-card h4 {
    margin-bottom: -10px;
}

.ticket-info-icon {
    background-color: var(--black);
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}

.ticket-content {
    background-color: var(--light-black);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 15px;
    display: none;
}

.ticket-content.highlight {
    display: block;
}

.hover-pera {
    border-top: 1px solid var(--off-white);
    padding-top: 15px;
}

.booking-card-col {
    margin-bottom: 25px;
}

.black-opacity-bk .modal-content {
    background-color: var(--black);
    border: 1px solid var(--green);
    border-radius: 0;
    padding: 30px 30px 15px 30px;
    color: var(--white);
}

.black-opacity-bk .btn-close {
    color: var(--white);
    opacity: 1;
    background: none;
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 1;
}

.black-opacity-bk h4 {
    font-size: 30px;
    font-size: 1.875rem;
}

.black-opacity-bk .trm-pp a {
    font-weight: 500;
}

/* counter number  */
.number-order input,
.number-order textarea {
    border: 1px solid var(--light-black-opacity);
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 10px;
}

.number-order input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.number-order input::-webkit-outer-spin-button,
.number-order input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.number-order .input-group {
    clear: both;
    margin: 15px 0;
    position: relative;
}

.number-order .input-group input[type='button'] {
    background-color: transparent;
    min-width: 38px;
    width: auto;
    transition: all 300ms ease;
    color: var(--white);
}

.number-order .input-group .button-minus,
.number-order .input-group .button-plus {
    font-weight: bold;
    height: 38px;
    padding: 0;
    width: 38px;
    position: relative;
}

.number-order .input-group .quantity-field {
    position: relative;
    height: 38px;
    text-align: center;
    width: 62px;
    display: inline-block;
    font-size: 13px;
    resize: vertical;
    background-color: var(--light-black-opacity);
    margin: 0 10px !important;
    color: var(--white);
}


.number-order input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
}

.number-order {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--light-black-opacity);
    padding: 5px 20px;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.total-abount {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--light-black-opacity);
    padding-bottom: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.number-order p,
.total-abount p {
    margin: 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
}

a.load-more {
    color: var(--white);
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

a.load-more:hover {
    color: var(--green);
}

/* tickets booking  */
/* drive page  */
.one-rem-font li h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    font-family: 'DINPro-CondBold';
}

/* drive page  */
/* components  */
.quick-links-section ul {
    padding: 0;
}

.quick-links-section li {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.quick-links-section li a {
    font-size: 1.5rem;
    margin-right: 1.2rem;
    color: var(--white);
    font-family: 'DINPro-CondBlack';
}

.quick-links-section li a:hover {
    color: var(--green);
}

.row-grid-section {
    background-color: var(--light-black);
    margin: 15px 0px;
}

.row-grid-section img {
    object-fit: cover;
    height: 100%;
}


.row-grid-section .row-grid-content-section p {
    margin-bottom: 0;
}

.row-grid-section .row-grid-content-section h5 {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: 'DINPro-CondBlack';
}

.row-grid-section .row-grid-content-section,
.row-grid-section .row-grid-link-section {
    align-self: center;
    padding: 50px;
}

.discover-more-grid-link {
    text-align: right;
}

.discover-more-grid-link a {
    margin-right: 0;
}

.team-card {
    margin: 15px 0;
}

.team-card img {
    width: 100%;
    margin-bottom: 20px;
}

.team-card {
    color: var(--white);
}

.team-card h4 {
    font-family: 'DINPro-CondBlack';
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
}

.facility-slider-card {
    text-align: center;
}

.facility-slider-card img {
    width: 40px !important;
    margin: 0 auto;
}

.facility-slider-card a {
    color: var(--white);
    text-decoration: none;
}

.facility-slider-card h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    margin: 15px 0;
}

.formula-booking-tag-line h4 {
    font-size: 1.5rem;
    text-align: center;
    font-family: 'DIN Next LT Arabic';
    color: var(--white);
}

.booking-cart-row {
    margin: 0px;
}

.booking-cart-card {
    background-color: var(--light-black-opacity);
    padding: 15px;
    margin: 10px 0;
}

.booking-cart-card {
    position: relative;
}

.booking-cart-card img {
    width: 100%;
}

.booking-cart-card h4 {
    font-family: 'DINPro-CondBold';
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
}

.booking-cart-card p span {
    font-family: 'DIN Next LT Arabic';
    font-weight: bold;
}

.booking-cart-card .cart-price {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
}

.booking-cart-card .number-order {
    border: 0;
    margin: 0;
    padding: 0;
}

.booking-cart-cta {
    align-self: self-end;
}

.booking-cart-cta .input-group .quantity-field {
    background-color: #5e5e5e !important;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    font-family: 'DINPro-CondBold';
    width: 50px;
}

.booking-cart-cta .button-minus,
.booking-cart-cta .button-plus {
    border-color: var(--white);
}

.cart-hover-content {
    width: 400px;
    right: 0;
    border: 1px solid var(--blue);
    height: auto;
    top: 40px;
    background-color: var(--black);
    z-index: 3;
}

#hide-cart {
    display: none;
}

.cart-hover-content ul {
    padding: 5px 15px 0 15px;
    margin: 0;
}

.my-card-block {
    background-color: var(--white);
    position: sticky;
    top: 95px
}

.my-card-header h4 {
    color: var(--black);
    padding: 15px;
    border-bottom: 2px solid var(--light-gray);
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.my-cart-accordion-cta {
    display: none;
}

.my-cart-accordion-cta span {
    cursor: pointer;
}

.my-card-detials {
    padding: 15px;
}

.my-card-detials .tag-line {
    color: var(--dark-gray);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    font-family: 'DINPro-CondBold';
    margin: 0;
}

.my-card-detials h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    color: var(--black);
    font-weight: 400;
    font-family: 'DINPro-CondBold';
}

.my-card-detials .event-location {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.17;
    font-weight: 400;
    font-family: 'DINPro-CondBold';
    color: var(--dark-gray);
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.my-card-detials .date-label {
    font-family: 'DIN Next LT Arabic';
    font-size: 14.5px;
    font-size: .90625rem;
    line-height: 1.38;
    letter-spacing: .5px;
    margin-left: 0;
    margin-right: 4px;
    text-transform: uppercase;
    color: var(--black);
}

.my-card-detials .adult-label {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33;
    font-family: 'DIN Next LT Arabic';
    color: var(--black);
    margin: 0;
}

.my-card-detials .sub-price {
    font-family: 'DINPro-CondBold';
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    letter-spacing: normal;
    padding-top: 4px;
    color: var(--black);
    margin: 0;
}

.my-card-detials .cart-sub-total {
    display: flex;
    justify-content: space-between;
}

.my-card-detials .cart-item-selection .number-order {
    padding: 0;
    margin: 0;
    border: 0;
}

.my-card-detials .cart-item-selection .number-order .button-minus,
.my-card-detials .cart-item-selection .number-order .button-plus {
    color: var(--black);
}

.my-card-detials .cart-item-selection .number-order .quantity-field {
    background-color: var(--light-gray);
    border-color: var(--light-gray);
    color: var(--black);
    width: 50px;
}

.sigle-prod-total p {
    font-size: 14.5px;
    font-size: .90625rem;
    line-height: 1.38;
    letter-spacing: .5px;
    font-family: 'DIN Next LT Arabic';
    color: var(--black);
    margin: 0;
}

.sigle-prod-total h4 {
    margin: 0;
}

.sigle-prod-total {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--light-gray);
    margin: 15px 0 0 0;
    padding-top: 15px;
    border-bottom: 1px solid var(--light-gray);
    padding-bottom: 15px;
}

.cart-item-selection .input-group .delete-btn {
    cursor: pointer;
    margin-left: 15px !important;
    align-self: center;
}

.my-card-detials .cart-item-selection .number-order .input-group {
    margin: 0;
}

.my-card-detials h4 span {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.15;
    color: var(--dark-gray);
    font-family: 'DINPro-CondBold';
    font-weight: 400;
    border-left: 1px solid var(--dark-gray);
    padding-left: 10px;
    margin-left: 10px;
    letter-spacing: 1px;
}

.promocode {
    display: flex;
    padding: 0 15px 15px;
    gap: 15px;
}

.promocode input {
    font-size: 16.4px;
    font-size: 1.025rem;
    line-height: 1.4;
    letter-spacing: normal;
    background-color: var(--light-gray);
    border: none;
    color: var(--black);
    caret-color: var(--black);
    padding: 13px;
    height: 50px;
    border-radius: 0;
}

.promocode input:focus {
    border: 0;
    box-shadow: none;
    background-color: var(--light-gray);
}

.promocode .discover-more-cm-btn::after {
    bottom: 7px;
    height: 3px;
}

.promocode .discover-more-cm-btn {
    box-shadow: none;
    border: 0;
    color: var(--black) !important;
    background-color: transparent;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    font-family: 'DIN Offc W21   Med Cond';
    margin-top: 0 !important;
}

#promocodeBtn:disabled,
#giftcodeBtn:disabled {
    opacity: 0.5;
}

.sub-total-and-vat {
    margin: 0 15px;
    border-top: 1px solid var(--light-gray);
    padding-bottom: 15px;
}

.sub-total-and-vat .sub-total {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

.sub-total-and-vat .sub-total p {
    color: var(--black);
    font-size: 14.5px;
    font-size: .90625rem;
    line-height: 1.38;
    letter-spacing: .5px;
    margin: 0;
}

.total-amount-payable .total-amount-lbl {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    font-family: 'DINPro-CondBold';
    color: var(--black);
    margin: 0;
}

.total-amount-payable .total-amount {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: 'DINPro-CondBlack';
    color: var(--black);
    line-height: 1;
    margin: 0;
}

.total-amount-payable {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid var(--light-gray);
    padding: 15px;
    align-items: center;
}

.total-amount-payable .dropdown-menu {
    min-width: auto;
    border-radius: 0;
    padding: 0;
    right: 0;
}

.total-amount-payable .dropdown button {
    border: 0;
    padding: 0;
    background-color: transparent;
    margin: 0;
    color: var(--dark-gray);
}

.total-amount-payable .dropdown-menu li {
    border-bottom: 1px solid var(--light-gray);
}

.total-amount-payable .dropdown-menu li a {
    color: var(--black);
    letter-spacing: .5px;
    font-size: 14.5px;
    font-size: .90625rem;
    line-height: 1.38;
}

.total-amount-payable .dropdown-menu li a:hover {
    background-color: var(--light-gray);
}

.mny-with-dropdown {
    display: flex;
}

.proceed-btn-block {
    background-color: var(--green);
    padding: 15px;

}

.proceed-btn-block a.discover-more-cm-btn {
    margin: 0px !important;
    letter-spacing: 1px;
}

.white-text {
    color: var(--white);
}

.form-select {
    background-image: url(../images/download.svg) !important;
    background-size: 14px;
}

.selected-option {
    background-image: url(../images/download.svg) !important;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: right .75rem center;
}

.title-dropdown {
    width: 30%;
}

.simple-link a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    font-family: 'DINPro-CondBlack';
    letter-spacing: 1px;
}

.simple-link h3 {
    text-align: center;
}

.simple-link h3 a {
    color: var(--white);
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: .96;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;

}

.green-heading h3 {
    font-size: 30px;
    font-family: 'DIN Next LT Arabic';
    color: var(--green);
    font-weight: 500;
}

.full-screen-search .i-am-into .filter-lbl {
    font-family: 'DINPro-CondBold';
}

.full-screen-search .i-am-into {
    width: 100%;
    display: flex;
    align-items: center;

}

.full-screen-search .dropdown {
    width: calc(100% - 115px);
}

.floating-search .dropdown label {
    position: absolute;
    color: var(--white);
    z-index: 1;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33;
    padding-left: 15px;
    top: 5px;
}

.floating-search .selected-option {
    padding-top: 20px;
    padding-bottom: 5px;
}

.simple-green-pera-link a {
    color: var(--green);
    font-size: inherit;
    font-family: inherit;
}

.regi-for-select {
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
}

.regi-for-select .check-box-container {
    margin-right: 50px;
}

.checkbox-list .checkbox-floating {
    display: grid;
    grid-template-columns: auto auto auto;
    margin-top: 15px;
}

.checkbox-list .checkbox-floating .check-box-container {
    margin-bottom: 15px;
}

.my-cart-amount-payable {
    display: flex;
    justify-content: space-between;
    color: var(--white);
    padding: 20px 30px 15px 30px;
    background-color: var(--light-black);
}

.my-cart-amount-payable h4 span {
    cursor: pointer;
}

.my-cart-amount-payable h4 span#show-main-cart {
    display: none;
}

.my-cart-amount-payable-detials.main-accordion {
    display: none;
}

.my-cart-main-pc {
    width: 50%;
    padding: 0 30px;
}

.my-cart-main-pc.promocode .discover-more-cm-btn::after {
    bottom: 35px;
}

.my-cart-main-pc input,
.my-cart-main-pc input:focus {
    background-color: var(--light-black);
    border: 0;
    border-radius: 0;
    color: var(--white);
    font-size: 16.4px;
    font-size: 1.025rem;
    line-height: 1.4;
    padding-left: 25px;
    padding-right: 25px;
    margin: 30px 0;
    color: var(--white);
    caret-color: var(--white)
}

.my-cart-main-pc ::-ms-input-placeholder {
    /* Edge 12-18 */
    color: var(--white);
}

.my-cart-main-pc ::placeholder {
    color: var(--white);
}

.pc-payable-amount-section {
    background-color: var(--light-black-opacity);
}

.pc-payable-amount-section .promocode .submit-btn.discover-more-cm-btn {
    color: var(--white) !important;
}

.pc-payable-amount-section button {
    letter-spacing: 1px;
}

.my-cart-details-single-page h4 {
    color: var(--white);
}

.my-cart-details-single-page .adult-label,
.my-cart-amount-payable-detials .sub-total p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    color: var(--white);
}

.my-cart-details-single-page .sigle-prod-total h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
    font-family: 'DINPro-CondBlack';
}

.my-cart-details-single-page {
    padding: 20px 25px 5px 25px;
}

.my-cart-amount-payable-detials .sub-total-and-vat {
    padding: 20px 25px;
}

.my-cart-amount-payable-detials .sub-total-and-vat {
    padding: 0px 15px 5px 15px;
    margin-top: -5px;
}

.my-cart-amount-payable-detials .sub-total-and-vat {
    border: 0 !important;
}

.my-cart-details-single-page .sigle-prod-total p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    color: var(--white);
    font-family: 'DINPro-CondBold';
}

.my-cart-details-single-page .delete-cart {
    float: right;
    margin-top: 15px;
}

.my-cart-details-single-page .sigle-prod-total {
    border-top: 1px solid var(--light-black);
    border-bottom: 1px solid var(--light-black);
}

.my-cart-amount-payable-detials p.sub-price {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    font-family: 'DINPro-CondBold';
}

.my-cart-amount-payable-detials {
    border-left: 1px solid var(--light-black);
    border-right: 1px solid var(--light-black);
}

.my-cart-amount-payable-detials .total-amount-payable {
    background-color: var(--light-black);
    border: 0;
}

.my-cart-amount-payable-detials .total-amount-payable .total-amount-lbl,
.my-cart-amount-payable-detials .total-amount-payable .total-amount {
    color: var(--white);
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
    font-family: 'DINPro-CondBlack';
}

.my-cart-amount-payable-detials .dropdown-menu {
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--green);
}

.my-cart-amount-payable-detials .dropdown-menu li {
    border-bottom: 1px solid var(--light-black);
}

.my-cart-amount-payable-detials .dropdown-menu li a:hover {
    background-color: var(--light-black);
}

.my-cart-amount-payable-detials .dropdown-menu li a {
    color: var(--white);
    padding: 10px 20px;
}

.my-cart-amount-payable-detials .dropdown-menu li a.active {
    color: var(--green) !important;
    background-color: transparent !important;
}

.my-cart-details-single-page .date-label,
.my-cart-details-single-page .adult-label,
.my-cart-details-single-page .sub-price {
    color: var(--white);
}

.my-cart-details-single-page .adult-select {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--white);
}

/* .payment-card-tab  */
.custom-tabs {
    margin-top: 20px;
}

.custom-tab {
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;

}

.custom-tab img {
    max-height: 52px;
    max-width: 83px;
}

.normal-input .form-control::placeholder {
    color: var(--white);
}

.normal-input .form-control:focus {

    background-color: var(--light-black);
}

.normal-input .form-control {
    background-color: var(--light-black);
    border: 0;
    border-radius: 0;
    color: var(--white);
    font-size: 16.4px;
    font-size: 1.025rem;
    line-height: 1.4;
    padding-left: 25px;
    padding-right: 25px;
    margin: 30px 0;
    color: var(--white);
    caret-color: var(--white);
    height: 50px;
    font-family: 'DIN Next LT Arabic';
}

.gift-code-section button {
    color: var(--white) !important;
    background-color: transparent;
    border: 0;
    padding: 0;
}


.custom-tab.active {
    outline: 2px solid var(--green);
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.custom-tab.active {
    background-color: #ccc;
}

.custom-tab-content {
    display: none;
    margin-top: 15px;
}

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

.cvv-code {
    position: relative;
    color: var(--white);
}

.cvv-code .ticket-content {
    width: 150px;
}

.cvv-code .ticket-info-icon {
    top: 14px;
}

.img-button {
    margin: 15px auto;
    display: table;
}

.cvv-code .ticket-content p {
    padding: 0;
    margin: 0;
}

.login-with-social-media {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

.login-with-social-media .apple-btn {
    background-image: url(../images/apple.png);
    background-color: var(--white);
    color: var(--black);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    padding: 10px 0 9px 18px;
    font-family: 'DINPro-CondBold';
    width: 30%;
    text-decoration: none;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: right;
    background-position: 97%;
}

.login-with-social-media .facebook-btn {
    background-image: url(../images/FacebookIcon.svg);
    background-color: #3b5998;
    ;
    color: var(--white);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    padding: 10px 0 9px 18px;
    font-family: 'DINPro-CondBold';
    width: 30%;
    text-decoration: none;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: right;
    background-position: 97%;
}

.login-with-social-media .google-btn {
    background-image: url(../images/GoogleLogo.png);
    background-color: #db4437;
    color: var(--white);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    padding: 10px 0 9px 18px;
    font-family: 'DINPro-CondBold';
    width: 30%;
    text-decoration: none;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: right;
    background-position: 97%;
}

.login-modal .modal-dialog.modal-dialog-scrollable {
    max-width: 600px;
}

.login-modal .modal-content {
    width: 600px;
    height: 90vh;
}

.back-arrow {
    color: var(--white);
    font-size: 12px;
    line-height: 14px;
    padding: 0 12px;
    text-decoration: none;
    font-family: "DINPro-CondBlack";
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

.back-arrow:hover {
    color: var(--white);
}

.or-divder {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 25px;
}

.or-divder span {
    background-color: var(--black);
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: -0.7px;
    z-index: 1;
    position: relative;
    padding: 12px;
}

.or-divder::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--white);
    display: block;
    position: absolute;
    bottom: 10px;
}

.reg-modal .normal-input .form-control,
.reg-modal .form-floating .form-select,
.reg-modal #mobile_code {
    margin: 15px 0 !important;
}

.login-modal h3 {
    font-family: 'DINPro-CondBlack';
    font-size: 22px;
    letter-spacing: 0;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 24px;
    text-transform: uppercase;

}

.login-button {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.login-button p {
    padding-bottom: 15px;
    margin-bottom: 0;
}

.login-button a.normal-link {
    color: var(--green);
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 20px;
}

.offer-contents {
    text-align: center;
    margin: 15px 0;
}

.offer-contents p {
    font-size: 12px;
}

.offer-and-news {
    background-color: var(--light-black);
    padding: 15px;
}

.offer-and-news h3 {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.offer-logos {
    display: flex;
    justify-content: space-around;
    margin: 15px 0;
}

.offer-logos img,
.checkbox-floating img {
    max-width: 150px;
    max-height: 30px;
}

.scrollable-div {
    max-height: 60vh;
    overflow: auto;
    scrollbar-width: none;
    display: non;
}

.reg-modal .scrollable-div {
    max-height: 70vh !important;
}

.plus-icon,
.minus-icon {
    cursor: pointer;
}

.minus-icon,
.news-and-offers {
    display: none;
}

#show-plan {
    display: none;
}

.plan-accordian ul li {
    color: var(--white);
}

.plan-accordian ul {
    padding-left: 20px;
}

.plan-show-accordion #hide-plan {
    display: none;
}

.plan-show-accordion #show-plan {
    display: block;
}

.plan-show-accordion {
    display: block !important;
}

.plan-accordian h4 {
    font-size: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.plan-accordian p {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

#planAcordian {
    cursor: pointer;
}

.add-your-video-radio label:first-child {
    border-right: 1px solid var(--light-black);
}

.add-your-video-radio label {
    font-family: 'DINPro-CondBold';
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    width: 50%;
}

.add-your-video-radio {
    border: 1px solid var(--light-black);
    padding: 25px;
    display: flex;
}

/* components  */
/* footer */
footer {
    background-color: var(--white);
}

.footer-quick-lisk {
    display: flex;
    justify-content: space-around;
    padding: 26px 0 25px;
    border-bottom: 1px solid #e4e4e4;
}

.footer-quick-lisk a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    color: var(--black);
    text-decoration: none;
}

.footer-quick-lisk a:hover {
    color: var(--green);
}

.footer-menu-links .footer-lbl-menu {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    color: var(--black);
    text-decoration: none;
    position: relative;
    margin-bottom: 25px;
    display: block;
}

.footer-menu-links .footer-lbl-menu::after {
    content: '';
    height: 4px;
    width: 30px;
    display: block;
    background: var(--green);
    transition: width 1s;
    bottom: -10px;
    position: absolute;
}

.footer-menu-links ul {
    padding: 0;
    margin: 0;
}

.footer-menu-links ul li {
    list-style: none;
}

.footer-menu-links ul li a {
    color: var(--black);
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    position: relative;
    font-family: 'DIN Next LT Arabic';
    font-weight: normal;
}



.footer-menu-links ul li a:hover {
    color: var(--green);
}

.footer-menu {
    padding: 25px 15px;
}

.footer-store-icon img {
    width: 117px;
    max-width: 100%;
    margin: 8px 0;
}

.copy-right-block {
    background-color: var(--light-gray);
}

.footer-quick-lisk a.call-link,
.mobile-call-links a.call-link {
    color: var(--dark-gray);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    font-family: 'DINPro-CondBlack';
    font-weight: normal;
    text-decoration: none;
}

.footer-quick-lisk a.call-link:hover,
.mobile-call-links a.call-link:hover {
    color: var(--green);
}

.footer-menu-links .mobile-footer-lbl-menu {
    display: none;
}

.mobile-call-links {
    display: none;
}

.footer-store-icon {
    margin-top: 18px;
    position: relative;
}

.footer-social-media {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 20px;
    top: 0;
}

.footer-social-media a {
    text-decoration: none;
    margin-bottom: 15px;
}

.footer-social-media a:hover span::before {
    color: var(--green);
}

/* footer */
@media screen and (min-width: 1366px) {
    .container {
        max-width: 1345px;
    }

    .main-logo img {
        width: 345px;
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 768px) {

    .mobile-tab,
    .mobile-bottom-screen-btn,
    .slide-counter-modal {
        display: none;
    }

    .black-opacity-bk .modal-dialog {
        max-width: 750px;
    }

}

@media screen and (max-width: 768px) {
    h2 {
        font-size: 35px;
        font-size: 2.1875rem;
    }

    p {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.43;
    }

    .add-your-video-radio {
        display: block;
    }

    .add-your-video-radio label {
        width: 100%;
        border: 0;
    }

    .offer-contents {
        text-align: left;
    }

    .my-cart-main-pc {
        width: 100%;
    }

    .my-cart-details-single-page {
        padding: 20px 15px 5px 15px;
    }

    .my-cart-details-single-page.my-card-detials .date-label {
        font-size: 10px;
        font-size: .625rem;
        line-height: 1.3;
    }

    .my-cart-details-single-page.my-card-detials .adult-label {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.43;
    }

    .my-cart-details-single-page .sigle-prod-total h4,
    .my-cart-amount-payable-detials .total-amount-payable .total-amount-lbl,
    .my-cart-amount-payable-detials .total-amount-payable .total-amount {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.11;
    }

    .my-cart-amount-payable-detials p.sub-price,
    .my-cart-details-single-page .sigle-prod-total p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.13;
    }

    .my-cart-amount-payable-detials .sub-total-and-vat {
        padding: 0px 0 5px 0px;
    }

    .my-cart-amount-payable h4.payable-amount {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .my-cart-amount-payable h4 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.11;
        display: flex;
    }

    .checkbox-list .checkbox-floating {
        display: block;
    }

    .regi-for-select {
        display: block;
    }

    .karting-list.more-then-one-image img {
        width: 100%;
        margin: 15px 0;
    }

    .full-screen-search .i-am-into {
        flex-direction: column;
        align-items: baseline;
    }

    .my-card-block {
        position: fixed;
        bottom: 0 !important;
        width: 100%;
        left: 0;
        max-height: 70vh;
        overflow: auto;
        top: auto;
        z-index: 9;
    }

    .my-card-detials .tag-line {
        font-size: 14px;
        font-size: .875rem;
    }

    .my-card-detials h4 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.13;
    }

    .my-card-detials .date-label {
        font-size: 12px;
        font-size: .75rem;
        line-height: 1.42;
    }

    .my-card-block.mobile-accordion .total-amount-payable {
        padding-top: 0;
    }

    .my-card-block.mobile-accordion .my-card-header h4 {
        padding-bottom: 0;
    }

    .my-card-block.mobile-accordion .my-card-header h4,
    .my-card-block.mobile-accordion .total-amount-payable {
        border: 0;
    }

    .my-card-header h4,
    .total-amount-payable .total-amount {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .total-amount-payable .total-amount-lbl {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.14;
    }

    .my-cart-accordion-cta {
        display: block;
    }

    .accordion-cart-block {
        display: none;
    }

    .booking-cart-card {
        padding-top: 0px;
    }

    .booking-cart-card h4 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.13;
    }

    .booking-cart-card p {
        margin: 15px 0 !important;
    }

    .booking-cart-card .cart-price {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.11;
    }

    .booking-cart-img {
        padding: 0;
        margin-bottom: 15px;
    }

    .formula-booking-tag-line h4 {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.43;
    }

    .team-card h4 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
    }

    .team-card img {
        width: 200px !important;
        display: table;
        margin: 20px auto;
    }

    .row-grid-section .row-grid-content-section h5 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .row-grid-section .row-grid-content-section {
        align-self: center;
        padding: 20px 20px 5px 20px;
    }

    .row-grid-section .row-grid-link-section {
        padding: 5px 20px 40px 20px;
    }

    .h-icon-action {
        display: flex;
    }

    .footer-social-media {
        right: 5px;
    }

    .footer-store-icon img {
        width: 104px;
    }

    .whatsapp-icon {
        width: 40px;
        height: 40px;
    }

    .twitter-icon::before,
    .social-media-icon::before {
        font-size: 40px;
        font-size: 2.5rem;
    }

    .footer-social-media {
        position: relative;
        flex-direction: row;
        justify-content: space-between;
    }

    .ticket-drpdwon {
        text-align: center;
        margin-bottom: 50px;
        border-bottom: 1px solid var(--light-black-opacity);
        padding-bottom: 15px;
    }

    .filter-available {
        display: flex;
    }

    .filter-available .filter-search {
        order: 2;
        width: 50%;
        margin-left: 10px;
    }

    .filter-available .checkbox-floating {
        margin: 0 !important;
        padding: 18px 20px;
    }

    .cmn-dropdown {
        width: 100%;
    }

    .ticket-drpdwon .selected-option {
        margin-bottom: 15px;
    }

    .partners-logos a {
        height: 150px;
    }

    .contact-us {
        margin-bottom: 50px;
    }

    .contact-us:first-child {
        border: 0;
    }

    .contact-us h4 {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .contact-icon img {
        width: 30px;
    }

    .modal-slider-section .col-12 {
        padding: 0;
    }

    .slider-nav-modal {
        display: none;
    }

    .modal-img-slider {
        padding: 2px;
    }

    .modal-slider {
        margin: 0;
    }

    .modal-img-slider .expand-icon {
        font-size: 40px;
        width: 45px;
        height: 45px;
    }

    .striped-table tbody tr:nth-child(2n+1),
    .striped-table tbody tr:nth-child(2n) {
        font-size: 14px;
    }

    .qoute-block p {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1;
    }

    .sponsored-by-logos h3 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1;
    }

    .tab-section .nav-tabs .nav-item {
        display: none;
    }

    .mobile-bottom-screen-btn {
        background-color: var(--green);
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 20px !important;
        z-index: 1;
    }

    .mobile-tab {
        width: 100%;
    }

    .mobile-tab button {
        color: var(--white) !important;
        border: 0;
    }

    .mobile-tab .dropdown-content div {
        padding: 0;
    }

    .mobile-tab div span {
        width: 100%;
        display: block;
        text-align: left;
        border: 0 !important;
    }

    .mobile-tab div span button {
        width: 100%;
        display: block;
        text-align: left;
        padding: 10px;
        border: 0 !important;
    }

    .mobile-tab button.active::after {
        display: none !important;
    }

    .spring-into-shape {
        padding: 0;
    }

    .reg-trainyas-block {
        display: block;
    }

    .reg-trainyas-block h2 {
        margin-bottom: 40px;
    }

    .looking-for-section-with-grid-row .mobile-order-2 {
        order: 2;
    }

    .spring-into-shape {
        margin-bottom: 30px;
    }

    .spring-into-shape h2 {
        font-weight: 400;
        font-size: 35px !important;
        font-size: 2.1875rem !important;
        line-height: 1 !important;
        margin-bottom: 15px !important;
    }

    .spring-into-shape a {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.13;
    }

    .form-looging {
        padding: 0;
    }

    .looking-form {
        display: block;
    }

    .looking-for-section-with-grid-row {
        padding: 15px;
    }

    .looking-for-section-with-grid-row h2 {
        margin-bottom: 5px;
        font-size: 20px;
        letter-spacing: 0;
    }

    .looking-form input {
        margin-bottom: 15px;
    }

    .filter-search {
        display: block;
    }

    .i-am-into,
    .whent-search {
        width: 100%;
        display: grid;
        margin: 20px auto;
    }

    .filter-search .dropdown {
        width: 100%;
    }

    .filter-search span.filter-lbl {
        margin: 5px 0;
    }

    .SWS-card {
        margin: 15px 0;
    }

    .SWS-card:nth-child(even) {
        border: 0;
    }

    .contact-faq a {
        margin-left: 0;
    }

    .the-formula-slider-nav {
        display: none;
    }

    .desk-banner-slider {
        display: none;
    }

    .mobile-banner-slider {
        display: block;
    }

    .yes-event-desk-title {
        display: block;
    }

    .yes-event-slider {
        margin-bottom: 50px;
    }

    .yes-in-school-section video {
        margin-bottom: -5px;
    }

    .yes-event-block {
        min-height: auto;
    }

    .yes-event-block::before {
        width: calc(100% - 30px);
        left: 15px;
    }

    .yes-in-school-content {
        padding: 30px;
    }

    .our-partner-section .mobile-order-2 {
        order: 2 !important;
        margin-top: 25px;
    }

    .looging-for-block {
        display: block;
        padding: 30px;
    }

    .looging-for-block h2 {
        margin-bottom: 30px;
        font-size: 30px;
        font-size: 1.875rem;
    }

    .footer-menu-links .mobile-footer-lbl-menu {
        display: block;
    }

    .newsletter-group input {
        font-size: 1.588rem;
    }

    .newsletter-group {
        width: calc(100% + 24px);
        padding: 30px 0px;
    }

    .newsletter-group .submit-btn {
        font-size: 1.025rem;
        min-width: 70px;
    }

    .dsk-call-link {
        display: none;
    }

    .mobile-call-links {
        display: flex;
        justify-content: space-evenly;
        padding: 15px 0;
    }

    .footer-quick-lisk {
        display: inline-block;
        width: 100%;
    }

    .footer-quick-lisk a {
        width: 50%;
        float: left;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.43;
        margin: 5px 0;
    }

    .footer-menu-links ul li {
        margin: 8px auto;
    }

    .footer-menu-links ul {
        display: none;
        margin-bottom: 25px;
        margin-top: -5px;
        margin-left: 15px;
    }

    .footer-menu-links ul li a {
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
    }

    .footer-menu-links .desktop-footer-lbl-menu {
        display: none;
    }

    .mobile-footer-lbl-menu {
        position: relative;
        margin-bottom: 0;
        cursor: pointer;
    }

    .mobile-footer-lbl-menu::after {
        display: none !important;
    }

    .mobile-footer-lbl-menu::before {
        content: '+';
        position: absolute;
        right: 0;
    }

    .mobile-footer-lbl-menu.active::before {
        content: '-';
        position: absolute;
        right: 0;
    }
}

@media screen and (max-width: 1365px) {
    .container {
        max-width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .desk-header {
        display: none;
    }

    .mobile-header {
        position: sticky;
        top: 0;
        background-color: var(--black);
        z-index: 99;
    }

    .mobile-logo {
        width: 150px;
    }

    #navbarSupportedContent {
        background: var(--black);
        color: var(--white);
        /*! height: 200px; */
        overflow: auto;
        height: 70vh;
    }

    .mobile-header .mobile-navbar {
        border-bottom: 1px solid var(--light-black);
        padding: 0 15px 15px 15px;
    }

    .mobile-navbar {
        padding: 0 15px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    /* Custom style */
    #myAccordion {
        padding: 15px;
    }

    .accordion-header {
        display: flex;
        justify-content: space-between;
        margin: 25px 0;
    }

    .accordion-header a {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.13;
        color: var(--white);
        text-decoration: none;
    }

    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
        transform: scale(.7) !important;
    }

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }

    .accordion-item,
    .accordion-button:not(.collapsed),
    .accordion-button {
        background-color: transparent !important;
    }

    .accordion-item {
        border: none;
    }

    .accordion-button {
        width: 20px;
        padding: 0;
    }

    .accordion-button:focus {
        box-shadow: none;
    }

    .sub-menu-block-one h6 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
    }

    .sub-menu-block-one {
        padding: 0;
    }

    .sub-menu-block-one a {
        color: var(--white);
        text-decoration: none;
        font-family: 'DINPro-CondBlack';
        font-weight: normal;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.13;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .sub-menu-block-one a .dis-more::after {
        bottom: 0px;
    }

    .sub-menu-block-one::after {
        display: none;
    }

    .sub-menu-link ul {
        padding: 0;
    }

    .sub-menu-link ul li {
        list-style: none;
        margin: 15px 0;
    }

    .sub-menu-link ul li a {
        color: var(--white);
        text-decoration: none;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.43;
        margin: 15px 0;

    }

    .sub-menu-link ul li a:hover {
        color: var(--green);
    }

    .mobile-quick-menu {
        background-color: var(--light-black);
    }

    .mobile-quick-menu {
        padding: 15px;
    }

    .mobile-quick-menu ul {
        padding: 0;
    }

    .mobile-quick-menu ul li {
        list-style: none;
        margin: 15px 0;
    }

    .mobile-quick-menu ul li a {
        font-size: 12px;
        font-size: .75rem;
        line-height: 1.17;
        letter-spacing: 1px;
        color: #bec0c2;
        font-family: 'DINPro-CondBlack';
        font-weight: normal;
        text-decoration: none;
    }
}

@media screen and (min-width: 1024px) {
    .main-logo {
        min-width: 180px;
    }

    .mobile-header {
        display: none;
    }

    .tag-menu li a {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 1.15;
        letter-spacing: 1px;
    }

    .main-menu li a {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
    }
}

.without-slider-sponsored {
    display: flex;
}

.without-slider-sponsored a {
    background-color: var(--light-black-opacity);
    display: block;
    text-align: center;
    width: 100%;
}

/* my profile */
.change-password-section .mypass-logo {
    align-self: center;
}

.change-password-section .mypass-content p {
    margin-bottom: 0;
}

.change-password-heading {
    border-bottom: 1px solid var(--light-black-opacity);
}

.mypass-header {
    margin-bottom: 30px;
    margin-top: 30px;
}

.change-password-form {
    margin-top: 20px;
}

.change-password-form p strong {
    font-weight: 500;
}

.change-password-action-btn {
    display: flex;
    justify-content: space-between;
}

.change-password-action-btn a {
    text-decoration: none;
    color: var(--green);
}

.mypass-website-logos {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 15px
}

.mypass-website-section {
    border-top: 1px solid var(--light-black-opacity);
    margin: 30px 0;
    padding: 30px 0;
}

.mypass-website-section p {
    margin-bottom: 30px;
}

.your-account-form .form-floating .form-control,
.form-floating .form-select {
    margin: 5px 0;
}

.your-account-form .country-code {
    margin-top: 5px;
}

.your-account-form .country-code input {
    padding: 1.1rem .75rem;
}

.addess-block {
    background-color: var(--light-black-opacity);
    padding: 25px;
    height: 100%;
    margin-top: 15px;
}

.addess-block h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    font-family: "DINPro-CondBold";
}

.open-address-modal {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}

#addressModal .reg-modal .scrollable-div {
    max-height: 77vh !important;
}

#addressModal .reg-modal .scrollable-div .checkbox-floating {
    margin-bottom: 30px;
    margin-top: 30px;
}
#removeAddressModal.login-modal .modal-content{
    height: auto;
    padding-bottom: 30px;
}
#addressModal.login-modal h3,
#removeAddressModal.login-modal h3 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 0;
}
.address-edit-delete-action {
    float: right;
}
.edit-address::before {
    font-family: "Yas-Marina-icons", sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e920";
    margin-right: 10px;
    cursor: pointer;
}
.delete-address::before{
    font-family: "Yas-Marina-icons", sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91c";
    cursor: pointer;
}
.fade.tab-pan form{
    display: none;
}
.fade.tab-pan.active.show form{
    display: block;
}
.wishlist-cart-cta {
    align-items: center;
    display: flex;
    justify-content: end;
    align-self: center;
}
.purchase-list .sub-total .sb-tl-lbl{
    font-family: 'DINPro-CondBlack';
}
.purchase-list .discount-block {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    color: var(--white);
}
.purchase-list .download-ticket-cta {
    text-align: right;
    padding-bottom: 15px;
}
.purchase-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.purchase-details .i-am-into {
    min-width: 250px;
    width: 100%;
}
.purchase-details .filter-search .dropdown {
    width: 100%;
}
.purchase-details .filter-search .selected-option{
    background-color: var(--green);
}
.payment-success-looging-for-block {
    display: block;
}
.payment-success-looging-for-block h2{
    margin-bottom: 15px;
}
.payment-success-looging-for-block p{
    color: var(--white);
}
.payment-success-looging-for-block a{
    color: var(--green);
}
.payment-success-ticket-id h2 span{
    font-size: 18px;
}
.purchase-details .bold-font{
    font-size: 22px;
    color: var(--white);
    font-family: 'DINPro-CondBlack';
}
.success-paymentdetails {
    border-top: 1px solid var(--light-black-opacity) ;
    border-bottom: 1px solid var(--light-black-opacity) ;
    margin-top: 20px;
}
/* my profile */

#wrapper {
    background-color: transparent !important;
}